@font-face {
  font-family: ReninsRegular;
  src: url(/local/frontend/fonts/Renins_Regular.eot);
  src: url(/local/frontend/fonts/Renins_Regular.eot?#iefix) format("embedded-opentype"), url(/local/frontend/fonts/Renins_Regular.woff) format("woff"), url(/local/frontend/fonts/Renins_Regular.ttf) format("truetype"), url(/local/frontend/fonts/Renins_Regular.svg#ReninsRegular) format("svg");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: ReninsLight;
  src: url(/local/frontend/fonts/Renins_Light.eot);
  src: url(/local/frontend/fonts/Renins_Light.eot?#iefix) format("embedded-opentype"), url(/local/frontend/fonts/Renins_Light.woff) format("woff"), url(/local/frontend/fonts/Renins_Light.ttf) format("truetype"), url(/local/frontend/fonts/Renins_Light.svg#ReninsLight) format("svg");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: ReninsBold;
  src: url(/local/frontend/fonts/Renins_Bold.eot);
  src: url(/local/frontend/fonts/Renins_Bold.eot?#iefix) format("embedded-opentype"), url(/local/frontend/fonts/Renins_Bold.woff) format("woff"), url(/local/frontend/fonts/Renins_Bold.ttf) format("truetype"), url(/local/frontend/fonts/Renins_Bold.svg#ReninsBold) format("svg");
  font-weight: 700;
  font-style: normal; }
@font-face {
  font-family: AvenirLight;
  src: url(/local/frontend/fonts/AvenirLTStdLight.eot);
  src: url(/local/frontend/fonts/AvenirLTStdLight.eot?#iefix) format("embedded-opentype"), url(/local/frontend/fonts/AvenirLTStdLight.woff) format("woff"), url(/local/frontend/fonts/AvenirLTStdLight.ttf) format("truetype"), url(/local/frontend/fonts/AvenirLTStdLight.svg#AvenirLight) format("svg");
  font-weight: 300;
  font-style: normal; }
.flip_hint {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0; }
  .flip_hint .fh_dot {
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 50%;
    -webkit-animation: rotate 1.5s infinite linear;
    animation: rotate 1.5s infinite linear;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }
    .flip_hint .fh_dot svg {
      position: absolute; }
      .flip_hint .fh_dot svg.fh_arr {
        width: 18px;
        height: 22px;
        right: 55px;
        top: 27px; }
      .flip_hint .fh_dot svg.fh_mob {
        left: -27px;
        top: -43px;
        width: 53px;
        height: 85px;
        -moz-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
      .flip_hint .fh_dot svg path {
        fill: #fff; }

.ss_slider_wrapper {
  position: absolute;
  z-index: 40;
  width: 100%;
  height: 100%; }
  .ss_slider_wrapper .ss_nav_arr {
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 90;
    width: 28px;
    height: 28px; }
    .ss_slider_wrapper .ss_nav_arr svg path, .ss_slider_wrapper .ss_nav_arr svg polygon {
      fill: #fff; }
    .ss_slider_wrapper .ss_nav_arr.ss_nav_arr_left {
      left: 25px; }
    .ss_slider_wrapper .ss_nav_arr.ss_nav_arr_right {
      right: 25px; }
      .ss_slider_wrapper .ss_nav_arr.ss_nav_arr_right svg {
        -moz-transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg); }
  .ss_slider_wrapper .ss_bg_holder {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    .ss_slider_wrapper .ss_bg_holder:before {
      content: '';
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      z-index: 2;
      background: black;
      /* Old browsers */
      background: -moz-linear-gradient(top, black 0%, transparent 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, transparent));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, black 0%, transparent 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, black 0%, transparent 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, black 0%, transparent 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, black 0%, transparent 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$from, endColorstr=$to,GradientType=$ie-dir );
      /* IE6-9 */
      opacity: 0.25;
      height: 180px; }
    .ss_slider_wrapper .ss_bg_holder:after {
      content: '';
      position: absolute;
      width: 100%;
      bottom: 0;
      left: 0;
      z-index: 2;
      background: transparent;
      /* Old browsers */
      background: -moz-linear-gradient(top, transparent 0%, black 100%);
      /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, transparent 0%, black 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, transparent 0%, black 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, transparent 0%, black 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, transparent 0%, black 100%);
      /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$from, endColorstr=$to,GradientType=$ie-dir );
      /* IE6-9 */
      opacity: 0.25;
      height: 120px; }
    .ss_slider_wrapper .ss_bg_holder img {
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: auto;
      height: 100%;
      bottom: 0;
      z-index: 1;
      -moz-transition: ease-out 200ms;
      -webkit-transition: ease-out 200ms;
      -ms-transition: ease-out 200ms;
      transition: ease-out 200ms; }
      @media screen and (min-aspect-ratio: 1200 / 1140) {
        .ss_slider_wrapper .ss_bg_holder img {
          width: 100%;
          height: auto; } }
      .ss_slider_wrapper .ss_bg_holder img.ss_incoming {
        z-index: 1; }
      .ss_slider_wrapper .ss_bg_holder img.ss_faded {
        opacity: 0; }
  .ss_slider_wrapper .ss_dialogs_holder {
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow-y: auto; }
    .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed {
      position: absolute;
      z-index: 1;
      width: 100%;
      height: 100%;
      left: 0;
      top: 0; }
      .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed.ss_anim {
        -moz-transition: ease-out 200ms;
        -webkit-transition: ease-out 200ms;
        -ms-transition: ease-out 200ms;
        transition: ease-out 200ms; }
      .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed.ss_swipeleft {
        left: -100%; }
      .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed.ss_swiperight {
        left: 100%; }
      .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item {
        position: absolute;
        z-index: 1;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0; }
        .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_inner_frame {
          position: absolute;
          top: 50%;
          left: 50%;
          -moz-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_inner_frame .ss_dialog_dot {
            position: absolute;
            width: 0;
            height: 0;
            z-index: 5; }
            .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_inner_frame .ss_dialog_dot .ss_dialog_dot_cont {
              position: absolute;
              bottom: 7px; }
              .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_inner_frame .ss_dialog_dot .ss_dialog_dot_cont .ss_dialog_wrapper {
                -moz-transform: translate(-50%, 0);
                -webkit-transform: translate(-50%, 0);
                -ms-transform: translate(-50%, 0);
                transform: translate(-50%, 0);
                bottom: 0;
                top: auto; }
        .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item.ss_incoming_swipeleft {
          left: 100%; }
        .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item.ss_incoming_swiperight {
          left: auto;
          right: 100%; }
        .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper {
          position: absolute;
          z-index: 1;
          width: 70%;
          overflow: hidden;
          position: absolute;
          top: 50%;
          left: 50%;
          -moz-transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
          @media screen and (min-width: 640px) {
            .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper {
              width: 520px; } }
          .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text {
            background: rgba(151, 179, 0, 0.9); }
            .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text.ss_purple {
              background: rgba(110, 15, 108, 0.9); }
          .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs {
            background: rgba(142, 168, 0, 0.9); }
          .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text {
            border-radius: 6px;
            padding: 22px 0;
            position: relative;
            z-index: 2; }
            .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text.ss_with_programs {
              border-radius: 4px 4px 0 0;
              box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }
            .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dw_sms_header {
              position: relative;
              line-height: 18px;
              padding: 12px 0 12px 58px;
              color: #fff;
              font-size: 3.9vw;
              letter-spacing: -0.32px;
              margin-bottom: 5px;
              margin-left: 9%; }
              .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dw_sms_header .ss_dw_sms_icon {
                position: absolute;
                top: 0;
                left: 0;
                width: 42px;
                height: 42px;
                border-radius: 50%;
                background: #acc42a; }
                .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dw_sms_header .ss_dw_sms_icon:before {
                  content: '';
                  width: 22px;
                  height: 22px;
                  position: absolute;
                  top: 50%;
                  left: 50%;
                  -moz-transform: translate(-50%, -50%);
                  -webkit-transform: translate(-50%, -50%);
                  -ms-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
                  background: transparent url("../i/sms.svg") 0 0/22px 22px no-repeat; }
            .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_bullits {
              width: 81%;
              height: 7px;
              margin: 0 auto;
              padding: 20px 0 6px;
              white-space: nowrap;
              font-size: 0; }
              .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_bullits .ss_bullit {
                width: 7px;
                height: 7px;
                border-radius: 50%;
                background: #fff;
                opacity: 0.4;
                margin-right: 18px;
                cursor: pointer;
                display: inline-block;
                vertical-align: top; }
                .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_bullits .ss_bullit.ss_active {
                  opacity: 1; }
            .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_wrapper {
              position: relative;
              z-index: 1;
              padding-top: 10px;
              padding-bottom: 10px;
              margin: 0 auto;
              overflow: hidden;
              width: 81%; }
              .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed {
                position: relative;
                white-space: nowrap;
                font-size: 0;
                -moz-transition: ease-out 300ms;
                -webkit-transition: ease-out 300ms;
                -ms-transition: ease-out 300ms;
                transition: ease-out 300ms; }
                .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed .ss_dialog_text_item {
                  position: relative;
                  white-space: normal;
                  display: inline-block;
                  vertical-align: top;
                  color: #fff;
                  font-size: 4.27vw;
                  line-height: 6.93vw;
                  letter-spacing: -0.64px;
                  width: 56.66vw; }
                  .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed .ss_dialog_text_item.ss_spec {
                    font-family: ReninsBold; }
                  @media screen and (max-width: 320px) {
                    .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed .ss_dialog_text_item {
                      font-size: 16px;
                      line-height: 26px;
                      letter-spacing: -0.32px; } }
                  @media screen and (min-width: 640px) {
                    .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed .ss_dialog_text_item {
                      font-size: 32px;
                      line-height: 52px;
                      letter-spacing: -0.64px; } }
          .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs {
            border-radius: 0 0 4px 4px;
            padding: 16px 0;
            position: relative;
            z-index: 1; }
            .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list {
              width: 81%;
              margin: 0 auto; }
              .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a, .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p {
                display: block;
                position: relative;
                color: #fff;
                font-family: ReninsBold;
                width: 100%;
                height: 11.2vw;
                margin: 0 0 10px;
                padding: 0; }
                .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a span, .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p span {
                  position: absolute;
                  top: 50%;
                  -moz-transform: translateY(-50%);
                  -webkit-transform: translateY(-50%);
                  -ms-transform: translateY(-50%);
                  transform: translateY(-50%);
                  left: 15.33vw;
                  width: 40vw;
                  font-size: 4.8vw;
                  line-height: 4.8vw;
                  letter-spacing: -0.72px; }
                  @media screen and (min-width: 640px) {
                    .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a span, .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p span {
                      font-size: 36px;
                      line-height: 36px;
                      letter-spacing: -0.72px;
                      left: 112px;
                      width: auto; } }
                .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a:last-child, .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p:last-child {
                  margin-bottom: 0; }
                .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a i, .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p i {
                  position: absolute;
                  left: 0;
                  top: 0;
                  width: 11.2vw;
                  height: 11.2vw;
                  border-radius: 50%;
                  background: #acc42a;
                  -moz-transition: linear 150ms;
                  -webkit-transition: linear 150ms;
                  -ms-transition: linear 150ms;
                  transition: linear 150ms; }
                  @media screen and (min-width: 640px) {
                    .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a i, .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p i {
                      width: 84px;
                      height: 84px; } }
                  .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a i svg, .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p i svg {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -moz-transform: translate(-50%, -50%);
                    -webkit-transform: translate(-50%, -50%);
                    -ms-transform: translate(-50%, -50%);
                    transform: translate(-50%, -50%);
                    width: 5.33vw;
                    height: 5.33vw; }
                    @media screen and (min-width: 640px) {
                      .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a i svg, .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p i svg {
                        width: 40px;
                        height: 40px; } }
                    .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a i svg path, .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a i svg g, .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p i svg path, .ss_slider_wrapper .ss_dialogs_holder .ss_dialogs_feed .ss_dialog_item .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p i svg g {
                      fill: #fff; }
  .ss_slider_wrapper .ss_dots_holder {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3;
    bottom: 7.73vw;
    font-size: 0;
    white-space: nowrap;
    height: 2.4vw; }
    @media screen and (min-width: 640px) {
      .ss_slider_wrapper .ss_dots_holder {
        bottom: 56px;
        height: 18px;
        text-align: center; } }
    .ss_slider_wrapper .ss_dots_holder .ss_dot {
      position: relative;
      display: inline-block;
      vertical-align: top;
      height: 2.4vw;
      width: 2.4vw;
      margin-right: 4.93vw; }
      @media screen and (min-width: 640px) {
        .ss_slider_wrapper .ss_dots_holder .ss_dot {
          width: 18px;
          height: 18px;
          margin-right: 18px;
          margin-left: 18px; } }
      .ss_slider_wrapper .ss_dots_holder .ss_dot:last-of-type {
        margin-right: 0; }
      .ss_slider_wrapper .ss_dots_holder .ss_dot.ss_reached:before {
        opacity: 1; }
      .ss_slider_wrapper .ss_dots_holder .ss_dot.ss_active:after {
        height: 5.06vw;
        width: 5.06vw;
        opacity: 1; }
        @media screen and (min-width: 640px) {
          .ss_slider_wrapper .ss_dots_holder .ss_dot.ss_active:after {
            width: 38px;
            height: 38px; } }
      .ss_slider_wrapper .ss_dots_holder .ss_dot:before {
        content: '';
        z-index: 2;
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 2.4vw;
        width: 2.4vw;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        opacity: 0.4;
        -moz-transition: linear 0.15s;
        -webkit-transition: linear 0.15s;
        -ms-transition: linear 0.15s;
        transition: linear 0.15s; }
        @media screen and (min-width: 640px) {
          .ss_slider_wrapper .ss_dots_holder .ss_dot:before {
            width: 18px;
            height: 18px; } }
      .ss_slider_wrapper .ss_dots_holder .ss_dot:after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        height: 2.4vw;
        width: 2.4vw;
        background: #acc42a;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
        opacity: 0;
        border-radius: 50%;
        -moz-transition: linear 0.3s;
        -webkit-transition: linear 0.3s;
        -ms-transition: linear 0.3s;
        transition: linear 0.3s; }
        @media screen and (min-width: 640px) {
          .ss_slider_wrapper .ss_dots_holder .ss_dot:after {
            width: 18px;
            height: 18px; } }
  .ss_slider_wrapper .ss_close_btn {
    position: absolute;
    width: 24.375vw;
    height: 13.75vw;
    right: 3.125vw;
    max-width: 150px;
    max-height: 85px;
    top: 0;
    z-index: 50; }
    .ss_slider_wrapper .ss_close_btn i {
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 18%;
      z-index: 10;
      height: 2px;
      background: #fff;
      margin-top: -4px; }
      .ss_slider_wrapper .ss_close_btn i:before, .ss_slider_wrapper .ss_close_btn i:after {
        content: '';
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff; }
      .ss_slider_wrapper .ss_close_btn i:before {
        top: 100%;
        margin-top: 3px; }
      .ss_slider_wrapper .ss_close_btn i:after {
        bottom: 100%;
        margin-bottom: 3px; }
    .ss_slider_wrapper .ss_close_btn svg {
      width: 100%;
      height: 100%; }
      .ss_slider_wrapper .ss_close_btn svg path {
        fill: #acc42a; }

.menu_timeline span {
  background: none; }

.menu_timeline span:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.menu_timeline span:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.ss_hint {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 9;
  -moz-transition: linear 200ms;
  -webkit-transition: linear 200ms;
  -ms-transition: linear 200ms;
  transition: linear 200ms; }
  .ss_hint.ss_hint_scroll {
    width: 25px;
    height: 75px; }
  .ss_hint.ss_hint_swipe {
    width: 106px;
    height: 106px; }
    .ss_hint.ss_hint_swipe svg {
      -moz-transform-origin: 50% 100%;
      -webkit-transform-origin: 50% 100%;
      -ms-transform-origin: 50% 100%;
      transform-origin: 50% 100%;
      -webkit-animation: swipe 0.9s infinite linear;
      animation: swipe 0.9s infinite linear; }
  .ss_hint.ss_hint_fade {
    opacity: 0; }
  .ss_hint svg path, .ss_hint svg polygon, .ss_hint svg circle {
    fill: #fff; }

.ss_in_progress #DragScreen {
  position: fixed;
  z-index: 3;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ss_loading_spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 55px;
  height: 55px;
  z-index: 300; }
  .ss_loading_spinner .ss_spinner {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border-right: 5px solid #abc327;
    border-left: 5px solid #abc327;
    border-top: 5px solid #abc327;
    border-bottom: 5px solid #eee;
    -webkit-animation: load 0.9s infinite linear;
    animation: load 0.9s infinite linear;
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0); }

@-webkit-keyframes load {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes swipe {
  0% {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg); }
  99% {
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg); }
  100% {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg); } }
@keyframes swipe {
  0% {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg); }
  99% {
    -moz-transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    -ms-transform: rotate(-20deg);
    transform: rotate(-20deg); }
  100% {
    -moz-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    transform: rotate(20deg); } }
@-webkit-keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  15% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  70% {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); } }
@keyframes rotate {
  0% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  15% {
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  70% {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
  100% {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); } }
#ScrollStoryIntro {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
  z-index: 50;
  overflow: hidden;
  -moz-transition: linear 600ms;
  -webkit-transition: linear 600ms;
  -ms-transition: linear 600ms;
  transition: linear 600ms; }
  #ScrollStoryIntro.ss_faded {
    opacity: 0; }
  #ScrollStoryIntro.ss_hovered:before {
    opacity: 0; }
  #ScrollStoryIntro.ss_loading:before {
    opacity: 0; }
  #ScrollStoryIntro.ss_loading .ss_loading_spinner {
    opacity: 1; }
  #ScrollStoryIntro.ss_loading .ssi_text {
    opacity: 0; }
  #ScrollStoryIntro:before {
    content: '';
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #63636d;
    opacity: 0.5;
    -moz-transition: linear 600ms;
    -webkit-transition: linear 600ms;
    -ms-transition: linear 600ms;
    transition: linear 600ms; }
  #ScrollStoryIntro .ss_loading_spinner {
    opacity: 0;
    -moz-transition: opacity linear 600ms;
    -webkit-transition: opacity linear 600ms;
    -ms-transition: opacity linear 600ms;
    transition: opacity linear 600ms; }
  #ScrollStoryIntro .ssi_text {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 10;
    width: 800px;
    text-align: center;
    -moz-transition: linear 600ms;
    -webkit-transition: linear 600ms;
    -ms-transition: linear 600ms;
    transition: linear 600ms; }
    @media screen and (max-width: 1130px) {
      #ScrollStoryIntro .ssi_text {
        width: 645px; } }
    @media screen and (max-width: 900px) {
      #ScrollStoryIntro .ssi_text {
        width: 100%; }
        #ScrollStoryIntro .ssi_text h3, #ScrollStoryIntro .ssi_text p {
          margin-left: 36px;
          margin-right: 36px; } }
    #ScrollStoryIntro .ssi_text h3 {
      font-size: 50px;
      line-height: 50px;
      color: #fff;
      padding: 0;
      margin-bottom: 50px;
      font-weight: normal;
      font-family: ReninsBold;
      letter-spacing: -1.25px; }
      #ScrollStoryIntro .ssi_text h3 span {
        color: #acc42a; }
      @media screen and (max-width: 1130px) {
        #ScrollStoryIntro .ssi_text h3 {
          font-size: 36px;
          line-height: 36px;
          margin-bottom: 36px; } }
      @media screen and (max-width: 900px) {
        #ScrollStoryIntro .ssi_text h3 {
          font-size: 26px;
          line-height: 36px;
          margin-bottom: 18px; } }
    #ScrollStoryIntro .ssi_text p {
      font-size: 22px;
      line-height: 44px;
      color: #fff;
      margin-bottom: 60px;
      letter-spacing: -0.44px; }
      @media screen and (max-width: 1130px) {
        #ScrollStoryIntro .ssi_text p {
          font-size: 18px;
          line-height: 36px;
          margin-bottom: 48px; } }
      @media screen and (max-width: 900px) {
        #ScrollStoryIntro .ssi_text p {
          font-size: 16px;
          line-height: 30px;
          margin-bottom: 30px; } }
    #ScrollStoryIntro .ssi_text .ssi_btn {
      font-size: 22px;
      line-height: 22px;
      font-family: ReninsBold;
      color: #fff;
      padding: 35px 86px 35px 38px;
      background: #acc42a;
      border-radius: 46px;
      display: inline-block;
      cursor: pointer;
      position: relative;
      box-shadow: 12px 16px 24px 0 rgba(0, 0, 0, 0.07);
      -moz-transition: linear 300ms;
      -webkit-transition: linear 300ms;
      -ms-transition: linear 300ms;
      transition: linear 300ms; }
      @media screen and (max-width: 1130px) {
        #ScrollStoryIntro .ssi_text .ssi_btn {
          font-size: 18px;
          line-height: 18px;
          padding: 26px 66px 26px 24px; } }
      @media screen and (max-width: 900px) {
        #ScrollStoryIntro .ssi_text .ssi_btn {
          font-size: 16px;
          line-height: 16px;
          padding: 23px 54px 23px 18px; } }
      #ScrollStoryIntro .ssi_text .ssi_btn:hover {
        background: #97b300;
        box-shadow: 12px 16px 24px 0 rgba(0, 0, 0, 0.12); }
        #ScrollStoryIntro .ssi_text .ssi_btn:hover .ssi_btn_icon {
          background: #6e0f6c; }
      #ScrollStoryIntro .ssi_text .ssi_btn .ssi_btn_icon {
        position: absolute;
        top: 50%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 37px;
        height: 37px;
        background: #7a2478;
        border-radius: 50%;
        right: 35px;
        -moz-transition: linear 300ms;
        -webkit-transition: linear 300ms;
        -ms-transition: linear 300ms;
        transition: linear 300ms; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryIntro .ssi_text .ssi_btn .ssi_btn_icon {
            width: 28px;
            height: 28px;
            right: 27px; } }
        @media screen and (max-width: 900px) {
          #ScrollStoryIntro .ssi_text .ssi_btn .ssi_btn_icon {
            width: 24px;
            height: 24px;
            right: 21px; } }
        #ScrollStoryIntro .ssi_text .ssi_btn .ssi_btn_icon svg {
          width: 35px;
          height: 27px;
          position: absolute;
          top: 0;
          left: 7px; }
          @media screen and (max-width: 1130px) {
            #ScrollStoryIntro .ssi_text .ssi_btn .ssi_btn_icon svg {
              width: 27px;
              height: 20px;
              left: 5px; } }
          @media screen and (max-width: 1130px) {
            #ScrollStoryIntro .ssi_text .ssi_btn .ssi_btn_icon svg {
              width: 23px;
              height: 17px;
              left: 5px; } }
          #ScrollStoryIntro .ssi_text .ssi_btn .ssi_btn_icon svg polygon {
            fill: #fff; }
  #ScrollStoryIntro .ssi_img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; }
    #ScrollStoryIntro .ssi_img img {
      width: auto;
      height: 100%;
      bottom: 0;
      position: absolute;
      left: 50%;
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
      @media screen and (min-aspect-ratio: 1440 / 900) {
        #ScrollStoryIntro .ssi_img img {
          width: 100%;
          height: auto; } }
      @media screen and (min-aspect-ratio: 1200 / 1140) {
        body.ss_body_slider #ScrollStoryIntro .ssi_img img {
          width: 100%;
          height: auto; } }

#ScrollStoryWrapper {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  font-family: ReninsRegular; }
  #ScrollStoryWrapper #ScrollStoryBtnPause {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 25;
    bottom: 0;
    width: 136px;
    height: 25px;
    cursor: pointer; }
    #ScrollStoryWrapper #ScrollStoryBtnPause svg {
      width: 136px;
      height: 25px; }
      #ScrollStoryWrapper #ScrollStoryBtnPause svg path {
        fill: #fff;
        -moz-transition: linear 0.15s;
        -webkit-transition: linear 0.15s;
        -ms-transition: linear 0.15s;
        transition: linear 0.15s; }
    #ScrollStoryWrapper #ScrollStoryBtnPause:hover:before {
      border-color: #fff; }
    #ScrollStoryWrapper #ScrollStoryBtnPause:hover svg path {
      fill: #a1cb00; }
    #ScrollStoryWrapper #ScrollStoryBtnPause:before {
      content: '';
      position: absolute;
      left: 50%;
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-left: -4px;
      bottom: 10px;
      width: 6px;
      height: 6px;
      border-left: 2px solid #000;
      border-bottom: 2px solid #000;
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -moz-transition: linear 0.15s;
      -webkit-transition: linear 0.15s;
      -ms-transition: linear 0.15s;
      transition: linear 0.15s;
      z-index: 3; }
  #ScrollStoryWrapper.ss_in_progress #ScrollStoryIntro {
    z-index: 0; }
  body.ie_old #ScrollStoryWrapper:before, body.ie_old #ScrollStoryWrapper:after {
    display: none; }
  #ScrollStoryWrapper:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
    background: black;
    /* Old browsers */
    background: -moz-linear-gradient(top, black 0%, transparent 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, black 0%, transparent 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, black 0%, transparent 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, black 0%, transparent 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, black 0%, transparent 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$from, endColorstr=$to,GradientType=$ie-dir );
    /* IE6-9 */
    opacity: 0.25;
    height: 250px; }
    @media screen and (max-width: 1130px) {
      #ScrollStoryWrapper:before {
        height: 180px; } }
  #ScrollStoryWrapper:after {
    content: '';
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 2;
    background: transparent;
    /* Old browsers */
    background: -moz-linear-gradient(top, transparent 0%, black 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, black));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, transparent 0%, black 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, transparent 0%, black 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, transparent 0%, black 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, transparent 0%, black 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=$from, endColorstr=$to,GradientType=$ie-dir );
    /* IE6-9 */
    opacity: 0.25;
    height: 150px; }
    @media screen and (max-width: 1130px) {
      #ScrollStoryWrapper:after {
        height: 120px; } }

#ScrollStoryImageContainer {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1; }
  #ScrollStoryImageContainer img {
    width: auto;
    height: 100%;
    bottom: 0;
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    @media screen and (min-aspect-ratio: 1440 / 900) {
      #ScrollStoryImageContainer img {
        width: 100%;
        height: auto; } }

.ss_timeline_container {
  position: absolute;
  z-index: 20;
  width: 100%;
  left: 0;
  bottom: 0;
  height: 70px; }
  @media screen and (max-width: 1130px) {
    .ss_timeline_container {
      height: 60px; } }

#TimelineWrapper {
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 10px;
  width: 1022px;
  height: 2px;
  font-size: 0;
  white-space: nowrap;
  text-align: left; }
  @media screen and (max-width: 1130px) {
    #TimelineWrapper {
      width: 884px; } }
  #TimelineWrapper .tl_last_point, #TimelineWrapper .tl_part_point {
    z-index: 10;
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    margin-left: -11px;
    left: 100%;
    border-radius: 50%;
    -moz-transition: linear 0.3s;
    -webkit-transition: linear 0.3s;
    -ms-transition: linear 0.3s;
    transition: linear 0.3s; }
    #TimelineWrapper .tl_last_point.ss_loaded, #TimelineWrapper .tl_part_point.ss_loaded {
      cursor: pointer; }
      #TimelineWrapper .tl_last_point.ss_loaded:hover:before, #TimelineWrapper .tl_part_point.ss_loaded:hover:before {
        opacity: 1;
        width: 16px;
        height: 16px; }
    #TimelineWrapper .tl_last_point:before, #TimelineWrapper .tl_part_point:before {
      content: '';
      z-index: 2;
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 12px;
      height: 12px;
      background: #fff;
      border-radius: 50%;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
      opacity: 0.4;
      -moz-transition: linear 0.15s;
      -webkit-transition: linear 0.15s;
      -ms-transition: linear 0.15s;
      transition: linear 0.15s; }
    #TimelineWrapper .tl_last_point:after, #TimelineWrapper .tl_part_point:after {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      -moz-transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 12px;
      height: 12px;
      background: #acc42a;
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
      opacity: 0;
      border-radius: 50%;
      -moz-transition: linear 0.3s;
      -webkit-transition: linear 0.3s;
      -ms-transition: linear 0.3s;
      transition: linear 0.3s; }
  #TimelineWrapper .tl_last_point {
    margin-left: -12px;
    z-index: 30; }
    #TimelineWrapper .tl_last_point.active:after {
      width: 22px;
      height: 22px;
      opacity: 1; }
    #TimelineWrapper .tl_last_point.active:before {
      opacity: 1; }
  #TimelineWrapper .tl_part {
    display: inline-block;
    vertical-align: top;
    width: 92.90909px;
    height: 100%;
    position: relative; }
    @media screen and (max-width: 1130px) {
      #TimelineWrapper .tl_part {
        width: 80.36364px; } }
    #TimelineWrapper .tl_part.active .tl_part_point:after {
      width: 22px;
      height: 22px;
      opacity: 1; }
    #TimelineWrapper .tl_part.active .tl_part_point:before {
      opacity: 1; }
    #TimelineWrapper .tl_part.reached .tl_part_point:before {
      opacity: 1; }
    #TimelineWrapper .tl_part .tl_part_point {
      left: 0; }
    #TimelineWrapper .tl_part .tl_part_load {
      height: 100%;
      position: relative;
      margin: 0 6px 0 6px; }
      #TimelineWrapper .tl_part .tl_part_load .tl_part_load_inner {
        height: 100%;
        background: rgba(255, 255, 255, 0.2);
        position: absolute;
        z-index: 1;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
        #TimelineWrapper .tl_part .tl_part_load .tl_part_load_inner.ss_loaded {
          width: 100% !important; }
    #TimelineWrapper .tl_part .tl_part_progress {
      height: 100%;
      position: relative;
      margin: 0 6px 0 6px;
      z-index: 10;
      margin-top: -2px; }
      #TimelineWrapper .tl_part .tl_part_progress .tl_part_progress_inner {
        height: 100%;
        background: #fff;
        position: absolute;
        z-index: 2; }

.ss_programs_wrapper {
  position: absolute;
  left: 0;
  bottom: -10px;
  background: rgba(177, 177, 177, 0.8);
  padding: 57px 0 117px;
  width: 100%;
  opacity: 0;
  z-index: -1;
  -moz-transition: ease-out 300ms;
  -webkit-transition: ease-out 300ms;
  -ms-transition: ease-out 300ms;
  transition: ease-out 300ms; }
  .ss_programs_wrapper.ss_ready {
    z-index: 10; }
  .ss_programs_wrapper.ss_visible {
    opacity: 1;
    bottom: 0; }
  .ss_programs_wrapper .ss_close_programs {
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 100%;
    z-index: 3;
    width: 121px;
    height: 23px;
    cursor: pointer; }
    .ss_programs_wrapper .ss_close_programs .ss_cp_tail {
      width: 121px;
      height: 23px;
      overflow: hidden; }
      .ss_programs_wrapper .ss_close_programs .ss_cp_tail svg {
        width: 121px;
        height: 23px; }
        .ss_programs_wrapper .ss_close_programs .ss_cp_tail svg path {
          fill: rgba(177, 177, 177, 0.8); }
    .ss_programs_wrapper .ss_close_programs:hover:before {
      bottom: -3px; }
    .ss_programs_wrapper .ss_close_programs:before {
      content: '';
      position: absolute;
      left: 50%;
      -moz-transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%);
      margin-left: -5px;
      bottom: 0;
      width: 8px;
      height: 8px;
      border-left: 2px solid #fff;
      border-bottom: 2px solid #fff;
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
      -moz-transition: linear 0.15s;
      -webkit-transition: linear 0.15s;
      -ms-transition: linear 0.15s;
      transition: linear 0.15s;
      z-index: 3; }

#ScrollStoryPrograms {
  width: 1022px;
  position: relative;
  margin: 0 auto; }
  #ScrollStoryPrograms h4 {
    font-size: 34px;
    line-height: 44px;
    font-family: ReninsLight;
    font-weight: normal;
    position: absolute;
    top: -14px;
    left: -6px;
    color: #fff; }
    @media screen and (max-width: 1130px) {
      #ScrollStoryPrograms h4 {
        font-size: 28px;
        line-height: 38px;
        top: -12px; } }
  @media screen and (max-width: 1130px) {
    #ScrollStoryPrograms {
      width: 884px; } }
  #ScrollStoryPrograms .ss_programm_holder {
    position: relative;
    height: 22px;
    margin-bottom: 28px; }
    #ScrollStoryPrograms .ss_programm_holder.ss_ph_inactive .ss_program_item .ss_program_frontline {
      width: 0 !important; }
      #ScrollStoryPrograms .ss_programm_holder.ss_ph_inactive .ss_program_item .ss_program_frontline .ss_program_icon {
        background: #8a8a8a; }
    #ScrollStoryPrograms .ss_programm_holder.ss_ph_inactive .ss_pi_start_0 .ss_program_title, #ScrollStoryPrograms .ss_programm_holder.ss_ph_inactive .ss_pi_start_1 .ss_program_title {
      opacity: 0 !important; }
    #ScrollStoryPrograms .ss_programm_holder.ss_ph_inactive .ss_pi_start_0 .ss_program_icon:after, #ScrollStoryPrograms .ss_programm_holder.ss_ph_inactive .ss_pi_start_1 .ss_program_icon:after {
      opacity: 1 !important;
      display: block !important; }
    #ScrollStoryPrograms .ss_programm_holder.ss_ph_finished .ss_program_item .ss_program_frontline {
      background: #882b84; }
      #ScrollStoryPrograms .ss_programm_holder.ss_ph_finished .ss_program_item .ss_program_frontline .ss_program_icon {
        background: #6e0f6c; }
      #ScrollStoryPrograms .ss_programm_holder.ss_ph_finished .ss_program_item .ss_program_frontline .ss_pb_round_l:before, #ScrollStoryPrograms .ss_programm_holder.ss_ph_finished .ss_program_item .ss_program_frontline .ss_pb_round_r:before {
        background: #882b84; }
    #ScrollStoryPrograms .ss_programm_holder.ss_ph_finished .ss_pi_start_0 .ss_program_title, #ScrollStoryPrograms .ss_programm_holder.ss_ph_finished .ss_pi_start_1 .ss_program_title {
      opacity: 1 !important; }
    #ScrollStoryPrograms .ss_programm_holder.ss_ph_finished .ss_pi_start_0 .ss_program_icon:after, #ScrollStoryPrograms .ss_programm_holder.ss_ph_finished .ss_pi_start_1 .ss_program_icon:after {
      opacity: 0 !important;
      display: none !important; }
    #ScrollStoryPrograms .ss_programm_holder .ss_program_item {
      position: absolute;
      height: 100%;
      width: 92.90909px; }
      @media screen and (max-width: 1130px) {
        #ScrollStoryPrograms .ss_programm_holder .ss_program_item {
          width: 80.36364px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_title {
        position: absolute;
        top: 50%;
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 10;
        right: 100%;
        margin-right: 30px;
        white-space: nowrap;
        color: #fff;
        font-size: 14px;
        line-height: 14px;
        opacity: 0; }
        #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_title.ss_title_vis {
          opacity: 1; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_backline, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline {
        position: absolute;
        z-index: 1;
        height: 100%;
        left: 0;
        top: 0;
        background: #9e9e9e;
        box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2); }
        #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_backline .ss_pb_round_l, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_backline .ss_pb_round_r, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_l, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_r {
          position: absolute;
          top: 0;
          width: 11px;
          overflow: hidden;
          height: 100%; }
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_backline .ss_pb_round_l:before, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_backline .ss_pb_round_r:before, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_l:before, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_r:before {
            content: '';
            position: absolute;
            z-index: 1;
            width: 22px;
            height: 22px;
            top: 0;
            background: #9e9e9e;
            box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.2);
            border-radius: 50%; }
        #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_backline .ss_pb_round_l, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_l {
          right: 100%;
          margin-right: -1px; }
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_backline .ss_pb_round_l:before, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_l:before {
            left: 0; }
        #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_backline .ss_pb_round_r, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_r {
          left: 100%;
          margin-left: -1px; }
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_backline .ss_pb_round_r:before, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_r:before {
            right: 0; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline {
        z-index: 2;
        background: #acc42a;
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
        -moz-transition: background linear 0.3s;
        -webkit-transition: background linear 0.3s;
        -ms-transition: background linear 0.3s;
        transition: background linear 0.3s; }
        #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_program_icon {
          position: absolute;
          top: 50%;
          -moz-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          z-index: 20;
          width: 34px;
          height: 34px;
          border: 2px solid #fff;
          border-radius: 50%;
          right: -19px;
          box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.15);
          background: #9ab607;
          -moz-transition: background linear 0.3s;
          -webkit-transition: background linear 0.3s;
          -ms-transition: background linear 0.3s;
          transition: background linear 0.3s; }
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_program_icon:after {
            content: attr(data-title);
            position: absolute;
            top: 50%;
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 45px;
            white-space: nowrap;
            color: #fff;
            font-size: 14px;
            line-height: 14px; }
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_program_icon.ss_title_invis:after {
            display: none; }
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_program_icon svg {
            position: absolute;
            top: 50%;
            left: 50%;
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: 18px;
            height: 18px; }
            #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_program_icon svg path {
              fill: #fff; }
        #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_l, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_r {
          margin: 0;
          height: 25px; }
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_l:before, #ScrollStoryPrograms .ss_programm_holder .ss_program_item .ss_program_frontline .ss_pb_round_r:before {
            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
            -moz-transition: background linear 0.3s;
            -webkit-transition: background linear 0.3s;
            -ms-transition: background linear 0.3s;
            transition: background linear 0.3s;
            background: #acc42a;
            border-radius: 11px;
            width: 30px; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_0 .ss_program_title, #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_1 .ss_program_title {
        margin-right: 0;
        right: auto;
        left: 0; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_0 .ss_program_backline {
        width: 0%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_0 {
        left: 0px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_0 {
            left: 0px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_1 .ss_program_backline {
        width: 100%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_1 {
        left: 92.90909px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_1 {
            left: 80.36364px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_2 .ss_program_backline {
        width: 200%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_2 {
        left: 185.81818px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_2 {
            left: 160.72727px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_3 .ss_program_backline {
        width: 300%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_3 {
        left: 278.72727px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_3 {
            left: 241.09091px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_4 .ss_program_backline {
        width: 400%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_4 {
        left: 371.63636px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_4 {
            left: 321.45455px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_5 .ss_program_backline {
        width: 500%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_5 {
        left: 464.54545px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_5 {
            left: 401.81818px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_6 .ss_program_backline {
        width: 600%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_6 {
        left: 557.45455px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_6 {
            left: 482.18182px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_7 .ss_program_backline {
        width: 700%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_7 {
        left: 650.36364px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_7 {
            left: 562.54545px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_8 .ss_program_backline {
        width: 800%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_8 {
        left: 743.27273px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_8 {
            left: 642.90909px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_9 .ss_program_backline {
        width: 900%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_9 {
        left: 836.18182px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_9 {
            left: 723.27273px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_10 .ss_program_backline {
        width: 1000%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_10 {
        left: 929.09091px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_10 {
            left: 803.63636px; } }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_length_11 .ss_program_backline {
        width: 1100%; }
      #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_11 {
        left: 1022px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryPrograms .ss_programm_holder .ss_program_item.ss_pi_start_11 {
            left: 884px; } }

#ScrollStoryDialogsContainerNew {
  position: absolute;
  z-index: 6;
  height: 0; }
  #ScrollStoryDialogsContainerNew .test_dot {
    position: absolute;
    width: 5px;
    height: 5px;
    background: #ff0000; }
  #ScrollStoryDialogsContainerNew .ss_dialog_wrapper {
    position: absolute;
    z-index: 1;
    width: 0;
    height: 0;
    display: none;
    opacity: 0;
    -moz-transition: opacity linear 500ms;
    -webkit-transition: opacity linear 500ms;
    -ms-transition: opacity linear 500ms;
    transition: opacity linear 500ms; }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_ready {
      display: block; }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_visible {
      opacity: 1; }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_left-top .ss_dw_inner {
      left: 0;
      top: 0; }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_right-top .ss_dw_inner {
      right: 0;
      top: 0; }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_left-bottom .ss_dw_inner {
      left: 0;
      bottom: 0; }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_right-bottom .ss_dw_inner {
      right: 0;
      bottom: 0; }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_green .ss_dw_text {
      background: rgba(151, 179, 0, 0.9); }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_green .ss_dw_programs {
      background: rgba(142, 168, 0, 0.9); }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_purple .ss_dw_text {
      background: rgba(110, 15, 108, 0.9); }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_purple .ss_dw_programs {
      background: rgba(110, 15, 108, 0.9); }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner {
      left: 7px;
      bottom: -34px;
      width: 285px; }
      @media screen and (max-width: 1130px) {
        #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner {
          width: 230px; } }
      #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner .ss_dw_text {
        padding: 30px 38px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner .ss_dw_text {
            padding: 24px; } }
        #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner .ss_dw_text .ss_dw_sms_header {
          position: relative;
          font-size: 18px;
          line-height: 18px;
          letter-spacing: -0.36px;
          margin-bottom: 22px;
          padding: 12px 0 12px 58px;
          color: #fff; }
          #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner .ss_dw_text .ss_dw_sms_header .ss_dw_sms_icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: #acc42a; }
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner .ss_dw_text .ss_dw_sms_header .ss_dw_sms_icon:before {
              content: '';
              width: 22px;
              height: 22px;
              position: absolute;
              top: 50%;
              left: 50%;
              -moz-transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              background: transparent url("../i/sms.svg") 0 0/22px 22px no-repeat; }
          @media screen and (max-width: 1130px) {
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner .ss_dw_text .ss_dw_sms_header {
              padding-left: 56px;
              font-size: 16px;
              letter-spacing: -0.32px;
              margin-bottom: 15px; } }
        #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner .ss_dw_text .ss_dialog_text_wrapper {
          padding: 0;
          width: auto; }
          @media screen and (max-width: 1130px) {
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner .ss_dw_text .ss_dialog_text_wrapper {
              width: auto; } }
          #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed .ss_dialog_text_item {
            width: auto;
            font-size: 22px;
            line-height: 34px;
            font-family: ReninsBold;
            letter-spacing: -0.44px; }
            @media screen and (max-width: 1130px) {
              #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_inner .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed .ss_dialog_text_item {
                width: auto;
                font-size: 20px;
                line-height: 30px;
                letter-spacing: -0.4px; } }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_pointer {
      position: absolute;
      width: 7px;
      height: 22px;
      top: -11px;
      left: 0;
      overflow: hidden; }
      #ScrollStoryDialogsContainerNew .ss_dialog_wrapper.ss_dw_special .ss_dw_pointer:before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        left: 3px;
        top: 1px;
        border-radius: 4px;
        background: rgba(110, 15, 108, 0.9); }
    #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner {
      position: absolute;
      z-index: 1;
      width: 300px;
      overflow: hidden; }
      @media screen and (max-width: 1130px) {
        #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner {
          width: 260px; } }
      #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_text {
        border-radius: 4px;
        padding: 22px 0;
        position: relative;
        z-index: 2; }
        #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_text.ss_with_programs {
          border-radius: 4px 4px 0 0;
          box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }
        #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_text .ss_dialog_text_bullits {
          width: 222px;
          height: 7px;
          margin: 0 auto;
          padding: 20px 0 6px;
          white-space: nowrap;
          font-size: 0; }
          @media screen and (max-width: 1130px) {
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_text .ss_dialog_text_bullits {
              width: 210px;
              padding: 5px 0 6px; } }
          #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_text .ss_dialog_text_bullits .ss_bullit {
            width: 7px;
            height: 7px;
            border-radius: 50%;
            background: #fff;
            opacity: 0.4;
            margin-right: 18px;
            cursor: pointer;
            display: inline-block;
            vertical-align: top; }
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_text .ss_dialog_text_bullits .ss_bullit.ss_active {
              opacity: 1; }
        #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_text .ss_dialog_text_wrapper {
          position: relative;
          z-index: 1;
          padding-top: 10px;
          padding-bottom: 10px;
          margin: 0 auto;
          overflow: hidden;
          width: 222px; }
          @media screen and (max-width: 1130px) {
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_text .ss_dialog_text_wrapper {
              width: 210px; } }
          #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed {
            position: relative;
            white-space: nowrap;
            font-size: 0;
            -moz-transition: ease-out 300ms;
            -webkit-transition: ease-out 300ms;
            -ms-transition: ease-out 300ms;
            transition: ease-out 300ms; }
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed .ss_dialog_text_item {
              width: 222px;
              position: relative;
              font-size: 18px;
              line-height: 30px;
              white-space: normal;
              display: inline-block;
              vertical-align: top;
              color: #fff;
              letter-spacing: -0.36px; }
              @media screen and (max-width: 1130px) {
                #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed .ss_dialog_text_item {
                  width: 210px;
                  font-size: 16px;
                  line-height: 26px;
                  letter-spacing: -0.32px; } }
      #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs {
        border-radius: 0 0 4px 4px;
        padding: 16px 0;
        position: relative;
        z-index: 1; }
        #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list {
          width: 222px;
          margin: 0 auto; }
          @media screen and (max-width: 1130px) {
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list {
              width: 210px; } }
          #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list a, #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list p {
            display: block;
            position: relative;
            color: #fff;
            font-family: ReninsBold;
            width: 100%;
            height: 42px;
            margin: 0 0 10px;
            padding: 0; }
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list a span, #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list p span {
              position: absolute;
              top: 50%;
              -moz-transform: translateY(-50%);
              -webkit-transform: translateY(-50%);
              -ms-transform: translateY(-50%);
              transform: translateY(-50%);
              right: 0;
              width: 166px;
              font-size: 20px;
              line-height: 24px;
              letter-spacing: -0.4px; }
              @media screen and (max-width: 1130px) {
                #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list a span, #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list p span {
                  width: 154px;
                  font-size: 18px;
                  line-height: 20px;
                  letter-spacing: -0.36px; } }
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list a:hover, #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list p:hover {
              text-decoration: none; }
              #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list a:hover i, #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list p:hover i {
                background: #7a006d; }
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list a:last-child, #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list p:last-child {
              margin-bottom: 0; }
            #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list a i, #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list p i {
              position: absolute;
              left: 0;
              top: 0;
              width: 42px;
              height: 42px;
              border-radius: 50%;
              background: #acc42a;
              -moz-transition: linear 150ms;
              -webkit-transition: linear 150ms;
              -ms-transition: linear 150ms;
              transition: linear 150ms; }
              #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list a i svg, #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list p i svg {
                position: absolute;
                top: 50%;
                left: 50%;
                -moz-transform: translate(-50%, -50%);
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: 22px;
                height: 22px; }
                #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list a i svg path, #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list a i svg g, #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list p i svg path, #ScrollStoryDialogsContainerNew .ss_dialog_wrapper .ss_dw_inner .ss_dw_programs .ss_programs_list p i svg g {
                  fill: #fff; }

#ScrollStoryDialogsContainer {
  position: absolute;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 5;
  width: 1022px;
  top: 100px; }
  @media screen and (max-width: 1130px) {
    #ScrollStoryDialogsContainer {
      width: 884px; } }
  #ScrollStoryDialogsContainer .ss_dialog_wrapper {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 300px;
    overflow: hidden;
    display: none;
    opacity: 0;
    -moz-transition: opacity linear 500ms;
    -webkit-transition: opacity linear 500ms;
    -ms-transition: opacity linear 500ms;
    transition: opacity linear 500ms; }
    @media screen and (max-width: 1130px) {
      #ScrollStoryDialogsContainer .ss_dialog_wrapper {
        width: 260px; } }
    #ScrollStoryDialogsContainer .ss_dialog_wrapper.ss_ready {
      display: block; }
    #ScrollStoryDialogsContainer .ss_dialog_wrapper.ss_visible {
      opacity: 1; }
    #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_text {
      border-radius: 4px;
      padding: 22px 0;
      position: relative;
      z-index: 2; }
      #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_text.ss_with_programs {
        border-radius: 4px 4px 0 0;
        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.1); }
      #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_bullits {
        width: 222px;
        height: 7px;
        margin: 0 auto;
        white-space: nowrap;
        font-size: 0;
        padding: 20px 0 6px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_bullits {
            width: 210px;
            padding: 5px 0 6px; } }
        #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_bullits .ss_bullit {
          width: 7px;
          height: 7px;
          border-radius: 50%;
          background: #fff;
          opacity: 0.4;
          margin-right: 18px;
          cursor: pointer;
          display: inline-block;
          vertical-align: top; }
          #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_bullits .ss_bullit.ss_active {
            opacity: 1; }
      #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_wrapper {
        position: relative;
        z-index: 1;
        padding-top: 10px;
        padding-bottom: 10px;
        margin: 0 auto;
        overflow: hidden;
        width: 222px; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_wrapper {
            width: 210px; } }
        #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed {
          position: relative;
          white-space: nowrap;
          font-size: 0;
          -moz-transition: ease-out 300ms;
          -webkit-transition: ease-out 300ms;
          -ms-transition: ease-out 300ms;
          transition: ease-out 300ms; }
          #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed .ss_dialog_text_item {
            width: 222px;
            position: relative;
            font-size: 18px;
            line-height: 30px;
            white-space: normal;
            display: inline-block;
            vertical-align: top;
            color: #fff;
            letter-spacing: -0.36px; }
            @media screen and (max-width: 1130px) {
              #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_text .ss_dialog_text_wrapper .ss_dialog_text_feed .ss_dialog_text_item {
                width: 210px;
                font-size: 16px;
                line-height: 26px;
                letter-spacing: -0.32px; } }
    #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs {
      border-radius: 0 0 4px 4px;
      padding: 16px 0;
      position: relative;
      z-index: 1; }
      #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list {
        width: 222px;
        margin: 0 auto; }
        @media screen and (max-width: 1130px) {
          #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list {
            width: 210px; } }
        #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a, #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p {
          display: block;
          position: relative;
          color: #fff;
          font-family: ReninsBold;
          width: 100%;
          height: 42px;
          margin-bottom: 10px; }
          #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a span, #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p span {
            position: absolute;
            top: 50%;
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 0;
            width: 166px;
            font-size: 20px;
            line-height: 24px;
            letter-spacing: -0.4px; }
            @media screen and (max-width: 1130px) {
              #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a span, #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p span {
                width: 154px;
                font-size: 18px;
                line-height: 20px;
                letter-spacing: -0.36px; } }
          #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a:hover, #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p:hover {
            text-decoration: none; }
            #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a:hover i, #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p:hover i {
              background: #7a006d; }
          #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a:last-child, #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p:last-child {
            margin-bottom: 0; }
          #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a i, #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p i {
            position: absolute;
            left: 0;
            top: 0;
            width: 42px;
            height: 42px;
            border-radius: 50%;
            background: #acc42a;
            -moz-transition: linear 150ms;
            -webkit-transition: linear 150ms;
            -ms-transition: linear 150ms;
            transition: linear 150ms; }
            #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a i svg, #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p i svg {
              position: absolute;
              top: 50%;
              left: 50%;
              -moz-transform: translate(-50%, -50%);
              -webkit-transform: translate(-50%, -50%);
              -ms-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
              width: 22px;
              height: 22px; }
              #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a i svg path, #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list a i svg g, #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p i svg path, #ScrollStoryDialogsContainer .ss_dialog_wrapper .ss_dw_programs .ss_programs_list p i svg g {
                fill: #fff; }
    #ScrollStoryDialogsContainer .ss_dialog_wrapper.ss_dw_left {
      left: 0; }
    #ScrollStoryDialogsContainer .ss_dialog_wrapper.ss_dw_right {
      right: 0; }
    #ScrollStoryDialogsContainer .ss_dialog_wrapper.ss_dw_green .ss_dw_text {
      background: rgba(151, 179, 0, 0.9); }
    #ScrollStoryDialogsContainer .ss_dialog_wrapper.ss_dw_green .ss_dw_programs {
      background: rgba(142, 168, 0, 0.9); }
    #ScrollStoryDialogsContainer .ss_dialog_wrapper.ss_dw_purple .ss_dw_text {
      background: rgba(110, 15, 108, 0.9); }
    #ScrollStoryDialogsContainer .ss_dialog_wrapper.ss_dw_purple .ss_dw_programs {
      background: rgba(110, 15, 108, 0.9); }

/*# sourceMappingURL=layout.css.map */