* {
  box-sizing: border-box;
  outline: none; }

html, body {
  width: 100%;
  padding: 0;
  margin: 0;
  font-family: 'gsnm';
  overflow: hidden; }

body {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 100%;
  background-position: center 0;
  background-repeat: no-repeat; }
  @media (max-width: 1024px) and (orientation: landscape) {
    body {
      position: static;
      height: 100vh; } }

html {
  font-size: 22px;
  line-height: normal; }
  @media (max-width: 1600px) {
    html {
      font-size: 18px; } }
  @media (max-width: 1365px) {
    html {
      font-size: 18px; } }
  @media (max-width: 1279px) {
    html {
      font-size: 17px; } }
  @media (max-width: 1023px) {
    html {
      font-size: 16px; } }
  @media (max-width: 640px) {
    html {
      font-size: 15px; } }
  @media (max-width: 480px) {
    html {
      font-size: 14px; } }

.main {
  width: 100%;
  opacity: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../i/backgrounds/bg-yellow-up-new.jpg"); }

.main.is-loaded {
  opacity: 1;
  visibility: visible; }

.slick-slide:focus {
  outline: none; }

.slick-vertical .section {
  height: 100vh;
  border: none;
  padding: 0;
  margin: 0;
  border: none; }

.slick-vertical .slick-slide {
  border: none; }

.slick-slider {
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text; }

.flip-card {
  width: 100%;
  margin: 0 auto;
  height: auto;
  border: 1px solid #f1f1f1;
  background-color: transparent;
  -webkit-perspective: 1000px;
          perspective: 1000px; }

.flip-card__inner {
  position: relative;
  width: 100%;
  text-align: center;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d; }

.flip-card__front,
.flip-card__back {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: translateY(0%);
          transform: translateY(0%); }
  .flip-card__front img,
  .flip-card__back img {
    display: inline-block;
    width: 100%;
    height: auto; }

.flip-card__back {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  color: white;
  -webkit-transform: rotateY(180deg) translateY(-50%);
          transform: rotateY(180deg) translateY(-50%); }

.flip-card__text {
  display: inline-block;
  vertical-align: middle;
  font-size: 7.727rem;
  line-height: 5.954rem;
  margin-top: -24px;
  text-align: left;
  font-style: italic;
  font-family: 'gsnb'; }
  .flip-card__text span {
    display: block; }
    .flip-card__text span:last-child {
      padding-left: 6.2rem; }

.invisible {
  visibility: hidden; }

@media (min-width: 769px) {
  .no-desktop {
    display: none; } }

@media (max-width: 768px) {
  .no-phone {
    display: none !important; } }

@media (max-height: 420px) {
  .no-phone {
    display: none !important; } }

.section {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }
  .section.section_yellow-up {
    background-image: url("../i/backgrounds/bg-yellow-up-new.jpg"); }
  .section.section_yellow-down {
    background-image: url("../i/backgrounds/bg-yellow-down-new.jpg"); }
  @media (max-width: 1024px) and (orientation: landscape) {
    .section {
      height: 100vh !important; } }

.section__inner {
  position: relative;
  height: 100%;
  overflow: hidden; }
  @media (max-width: 1024px) {
    .section__inner {
      overflow-y: scroll; } }
  @media (max-width: 1024px) and (orientation: landscape) {
    .section__inner {
      height: 100vh;
      overflow-y: hidden; } }

.footer-popup-contacts-logo {
  display: none; }
  @media (max-width: 1024px) {
    .footer-popup-contacts-logo {
      width: 170px;
      display: block;
      margin-bottom: 50px; } }
  @media (max-width: 1023px) {
    .footer-popup-contacts-logo {
      width: 75px;
      margin-bottom: 35px; } }

.footer-popup-wrapper,
.footer-modal-wrappep {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  min-height: 100%;
  z-index: 1; }

.footer-popup-wrapper {
  z-index: 2;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("../i/backgrounds/bg-yellow-up-new.jpg"); }
  @media (max-width: 1024px) {
    .footer-popup-wrapper {
      z-index: 5; } }
  .footer-popup-wrapper.bg-yellow-down {
    background-image: url("../i/backgrounds/bg-yellow-down-new.jpg"); }

.f-modal {
  position: absolute;
  min-width: 49.72rem;
  padding: 2.31rem 5.9rem;
  top: calc(50% - 64px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: left; }
  .f-modal__logo {
    max-width: 192px; }
    .f-modal__logo img {
      width: 100%;
      height: auto; }

.footer-popup {
  position: absolute;
  max-width: 79.375vw;
  width: calc(100% - 40px);
  top: calc(50% - 64px);
  left: 50%;
  -webkit-transform: translate(-50%, -45%);
          transform: translate(-50%, -45%);
  background-color: #fff;
  text-align: left;
  border-radius: 10px;
  overflow: hidden;
  z-index: 100; }
  @media (max-width: 1440px) {
    .footer-popup {
      -webkit-transform: translate(-50%, -54%);
              transform: translate(-50%, -54%); } }
  @media (min-width: 1024px) and (max-height: 800px) {
    .footer-popup {
      -webkit-transform: translate(-50%, -45%);
              transform: translate(-50%, -45%);
      width: 100%;
      top: 50%; } }
  @media (max-width: 1024px) {
    .footer-popup {
      position: fixed;
      max-width: none;
      width: 100%;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      left: 0;
      top: 0;
      height: 100%;
      border-radius: 0;
      -webkit-transform: translate(-50%, -45%);
              transform: translate(-50%, -45%);
      overflow-y: scroll; } }
  .footer-popup_small {
    max-width: 1100px; }
    @media (max-width: 1440px) {
      .footer-popup_small {
        max-width: 726px;
        -webkit-transform: translate(-50%, -57%);
                transform: translate(-50%, -57%); } }
    @media (max-width: 1279px) {
      .footer-popup_small {
        max-width: 75.25vw;
        -webkit-transform: translate(-50%, -45%);
                transform: translate(-50%, -45%); } }
    @media (max-width: 1024px) {
      .footer-popup_small {
        max-width: none;
        -webkit-transform: none;
                transform: none; } }
  .footer-popup__inner {
    min-height: 100%; }
  .footer-popup__close {
    position: absolute;
    top: 1.35vw;
    right: 1.35vw;
    cursor: pointer;
    width: 1.52vw;
    height: 1.52vw; }
    @media (max-width: 1024px) {
      .footer-popup__close {
        width: 4.88vw;
        height: 4.88vw;
        top: 4.88vw;
        right: 4.88vw; } }
    .footer-popup__close::before, .footer-popup__close::after {
      position: absolute;
      content: '';
      top: 50%;
      left: 50%;
      width: 6px;
      height: 1.77vw;
      background-color: #17239a; }
      @media (max-width: 1024px) {
        .footer-popup__close::before, .footer-popup__close::after {
          height: 5.85vw;
          width: 1.17vw; } }
    .footer-popup__close::before {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg); }
    .footer-popup__close::after {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
              transform: translate(-50%, -50%) rotate(-45deg); }
  .footer-popup .nicescroll-rails {
    background-color: #fef8e3; }

.footer-popup-contacts {
  color: #241a65;
  background: #fef8e3; }
  @media (max-width: 1024px) {
    .footer-popup-contacts {
      height: calc(100% - 280px);
      background: #fff; } }
  @media (max-width: 768px) {
    .footer-popup-contacts {
      height: 100%;
      float: left;
      width: 65vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .footer-popup-contacts {
      float: none;
      width: 100%;
      height: calc(100% - 35.15vh); } }
  @media (max-width: 1023px) and (orientation: portrait) {
    .footer-popup-contacts {
      height: calc(100% - 29.58vh);
      float: none;
      width: 100%; } }
  .footer-popup-contacts .footer-popup__inner {
    padding: 6.2vw 3.42vw 5vw; }
    @media (max-width: 1024px) {
      .footer-popup-contacts .footer-popup__inner {
        padding: 50px 50px 50px 100px; } }
    @media (max-width: 1023px) {
      .footer-popup-contacts .footer-popup__inner {
        padding: 32px; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .footer-popup-contacts .footer-popup__inner {
        padding: 50px 50px 50px 100px; } }
    @media (max-width: 640px) {
      .footer-popup-contacts .footer-popup__inner {
        padding: 15px 20px; } }

.footer-popup-contacts-title {
  font-size: 58px;
  font-family: gsnb;
  display: inline-block;
  border-bottom: 1px solid #a79fb1;
  padding-bottom: 0;
  padding-right: 30px; }
  @media (max-width: 1440px) {
    .footer-popup-contacts-title {
      font-size: 38px; } }
  @media (max-width: 1279px) {
    .footer-popup-contacts-title {
      font-size: 58px; } }
  @media (max-width: 768px) {
    .footer-popup-contacts-title {
      font-size: 28px;
      padding-bottom: 0px;
      padding-right: 20px; } }

.footer-popup-contacts-items {
  font-size: 0;
  display: flex;
  justify-content: flex-start; }
  @media (max-width: 1440px) {
    .footer-popup-contacts-items {
      justify-content: space-between;
      font-size: 15px; } }
  @media (max-width: 1279px) {
    .footer-popup-contacts-items {
      justify-content: flex-start;
      font-size: 22px; } }
  @media (max-width: 768px) {
    .footer-popup-contacts-items {
      display: block; } }

.footer-popup-contacts-item {
  margin-bottom: 25px;
  min-height: 30px; }
  @media (max-width: 1440px) {
    .footer-popup-contacts-item {
      min-height: 15px;
      margin-bottom: 15px; } }
  @media (max-width: 1279px) {
    .footer-popup-contacts-item {
      min-height: 30px;
      margin-bottom: 30px; } }
  @media (max-width: 768px) {
    .footer-popup-contacts-item {
      margin-bottom: 10px;
      min-height: 0px; } }

.footer-popup-contacts-items-section {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding-top: 15px;
  padding-right: 15px; }
  .footer-popup-contacts-items-section:nth-child(1) {
    width: calc(100% - 290px); }
    @media (max-width: 1440px) {
      .footer-popup-contacts-items-section:nth-child(1) {
        width: calc(100% - 190px); } }
    @media (max-width: 1279px) {
      .footer-popup-contacts-items-section:nth-child(1) {
        width: calc(100% - 290px); } }
    @media (max-width: 1023px) {
      .footer-popup-contacts-items-section:nth-child(1) {
        width: calc(100% - 250px); } }
    @media (max-width: 768px) {
      .footer-popup-contacts-items-section:nth-child(1) {
        width: auto; } }
  .footer-popup-contacts-items-section:nth-child(2) {
    width: 290px; }
    @media (max-width: 1440px) {
      .footer-popup-contacts-items-section:nth-child(2) {
        width: 190px; } }
    @media (max-width: 1279px) {
      .footer-popup-contacts-items-section:nth-child(2) {
        width: 290px; } }
    @media (max-width: 1023px) {
      .footer-popup-contacts-items-section:nth-child(2) {
        width: 250px; } }
    @media (max-width: 768px) {
      .footer-popup-contacts-items-section:nth-child(2) {
        width: auto; } }
  @media (max-width: 768px) {
    .footer-popup-contacts-items-section {
      display: block;
      width: 100%; } }
  @media (max-width: 768px) {
    .footer-popup-contacts-items-section {
      padding-top: 5px;
      padding-right: 0px; } }

.footer-popup-contacts-item-title {
  font-size: 23px;
  line-height: 1.1;
  font-family: gsnm;
  font-weight: bold; }
  @media (max-width: 1440px) {
    .footer-popup-contacts-item-title {
      font-size: 15px; } }
  @media (max-width: 1279px) {
    .footer-popup-contacts-item-title {
      font-size: 23px; } }
  @media (max-width: 768px) {
    .footer-popup-contacts-item-title {
      font-size: 12px; } }

.footer-popup-contacts-item-descr {
  font-size: 22px;
  line-height: 1.1;
  font-family: 'gsnm'; }
  @media (max-width: 1440px) {
    .footer-popup-contacts-item-descr {
      font-size: 14.8px; } }
  @media (max-width: 768px) {
    .footer-popup-contacts-item-descr {
      font-size: 12px; } }

.footer-popup-contacts-item-text {
  font-size: 22px;
  line-height: 1.1;
  font-family: 'gsnm';
  width: calc(100% - 15px);
  max-width: 570px; }
  @media (max-width: 1440px) {
    .footer-popup-contacts-item-text {
      font-size: 15px; } }
  @media (max-width: 1279px) {
    .footer-popup-contacts-item-text {
      font-size: 22px; } }
  @media (max-width: 768px) {
    .footer-popup-contacts-item-text {
      font-size: 12px;
      position: relative;
      bottom: auto;
      left: 0;
      width: auto;
      max-width: none;
      margin-top: 23px; } }

.footer-popup-map {
  height: 280px; }
  @media (max-width: 1023px) {
    .footer-popup-map {
      height: 100%;
      float: right;
      width: 35vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .footer-popup-map {
      float: none;
      width: 100%;
      height: 35.15vh; } }
  @media (max-width: 1023px) and (orientation: portrait) {
    .footer-popup-map {
      height: 29.58vh;
      float: none;
      width: 100%; } }

#wheretobuy-map {
  background-image: url("../i/footer/map.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }
  @media (max-width: 1023px) {
    #wheretobuy-map {
      background-image: url("../i/footer/v-map_v2.jpg"); } }
  @media (max-width: 1024px) and (orientation: portrait) {
    #wheretobuy-map {
      background-image: url("../i/footer/map.png"); } }

.footer-popup-question {
  position: relative;
  padding: 7.385vw 5.52vw 2.656vw;
  background-color: #fef9e3; }
  @media (max-width: 1024px) {
    .footer-popup-question {
      height: 100%;
      padding: 4.88vw 10.15vw;
      background-color: #fff;
      min-height: 500px; } }
  @media (max-width: 640px) {
    .footer-popup-question {
      padding: 14.88vw 6.666vw 4.88vw; } }

.footer-popup-logo {
  width: 10vw;
  margin-bottom: 2.81vw; }
  @media (max-width: 1024px) {
    .footer-popup-logo {
      width: 16.4vw; } }
  @media (max-width: 1024px) and (orientation: landscape) {
    .footer-popup-logo {
      width: 20vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .footer-popup-logo {
      width: 21.66vw;
      margin-bottom: 13.02vw; } }
  .footer-popup-logo img {
    width: 100%;
    height: auto; }

.f-form {
  width: 100%;
  padding-left: .41vw; }
  .f-form::after {
    content: "";
    display: table;
    clear: both; }
  .f-form__row {
    width: 100%;
    margin-bottom: 1.7vw;
    font-size: 0; }
    @media (max-width: 1024px) {
      .f-form__row {
        margin-bottom: 4.68vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .f-form__row {
        margin-bottom: 6.56vh; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .f-form__row {
        margin-bottom: 7.29vw; } }
    .f-form__row:last-child {
      margin-bottom: 0; }
      @media (max-width: 1023px) and (orientation: landscape) {
        .f-form__row:last-child {
          margin-bottom: 4.56vh; } }
      @media (max-width: 1024px) {
        .f-form__row:last-child {
          margin-bottom: 3.9vw; } }
      @media (max-width: 1024px) and (orientation: portrait) {
        .f-form__row:last-child {
          margin-bottom: 7.29vw; } }
  .f-form__row_flexed {
    display: -ms-flex;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .f-form__cell {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    border-bottom: 2px solid #a5a9a5; }
    .f-form__cell_half-size {
      width: 48.148%; }
      @media (max-width: 1024px) and (orientation: portrait) {
        .f-form__cell_half-size {
          width: 81.67%;
          margin-bottom: 7.29vw; } }
      @media (max-width: 480px) and (max-height: 320px) {
        .f-form__cell_half-size {
          width: 81.67%;
          margin-bottom: 7.29vw; } }
    .f-form__cell_third-size {
      width: 22.2222%;
      margin-left: 3.4722%; }
      @media (max-width: 1024px) and (orientation: portrait) {
        .f-form__cell_third-size {
          width: 81.67%;
          margin-left: 0; } }
      @media (max-width: 480px) and (max-height: 320px) {
        .f-form__cell_third-size {
          width: 81.67%;
          margin-left: 0; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .f-form__cell_m-row {
        margin-bottom: 7.29vw; } }
    @media (max-width: 480px) and (max-height: 320px) {
      .f-form__cell_m-row {
        margin-bottom: 7.29vw; } }
    .f-form__cell_no-border {
      border-bottom: none; }
  .f-form__label {
    display: block;
    margin-bottom: .41vw;
    font-size: 16px;
    line-height: 16px;
    color: #241a65;
    font-family: 'gsnb';
    cursor: pointer; }
    @media (max-width: 1280px) {
      .f-form__label {
        font-size: 12px;
        line-height: 12px; } }
    @media (max-width: 1024px) {
      .f-form__label {
        font-size: 1.56vw;
        line-height: 1.56vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .f-form__label {
        font-size: 2.34vw;
        line-height: 2.34vw; } }
    @media (max-width: 640px) {
      .f-form__label {
        font-size: 10px;
        line-height: 10px; } }
    .f-form__label_large {
      margin-bottom: .78vw; }
  .f-form__button {
    padding: 1.3vw 2.5vw;
    font-size: 14px;
    line-height: 16px;
    background-color: #241a65;
    color: #fff;
    font-family: 'gsnb';
    border: none;
    outline: none;
    cursor: pointer;
    font-family: 'gsnb';
    border-radius: 40px;
    text-transform: uppercase; }
    @media (max-width: 1280px) {
      .f-form__button {
        padding: 14px 24px;
        font-size: 12px; } }
    @media (max-width: 1024px) {
      .f-form__button {
        padding: 1.95vw 3.41vw;
        font-size: 1.56vw;
        line-height: 1.56vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .f-form__button {
        float: none;
        font-size: 2.99vw;
        line-height: 2.99vw;
        padding: 3.9vw 6.77vw; } }
    @media (max-width: 640px) {
      .f-form__button {
        font-size: 2.08vw;
        line-height: 2.08vw; } }
  .f-form__placeholder {
    font-size: 12.5px;
    padding-right: 20px;
    color: #acacac; }

.input {
  position: relative;
  display: block;
  height: 30px;
  padding: .25vw 0; }
  @media (max-width: 1280px) {
    .input {
      height: 20px; } }
  @media (max-width: 1279px) {
    .input {
      height: 30px; } }
  .input_textarea {
    height: auto;
    padding: 0;
    background-color: #fffefc;
    padding: .36vw .83vw;
    border-radius: 10px; }
    @media (max-width: 1280px) {
      .input_textarea {
        height: 58px; } }
    @media (max-width: 1279px) {
      .input_textarea {
        height: auto; } }
    @media (max-width: 1024px) {
      .input_textarea {
        background-color: #fef9e3; } }
  .input input,
  .input textarea {
    border: none;
    outline: none;
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #241a65;
    font-family: 'gsnm';
    background-color: transparent; }
    @media (max-width: 1024px) {
      .input input,
      .input textarea {
        font-size: 1.56vw;
        line-height: 1.56vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .input input,
      .input textarea {
        font-size: 2.34vw;
        line-height: 2.34vw; } }
    @media (max-width: 640px) {
      .input input,
      .input textarea {
        font-size: 12px;
        line-height: 12px; } }
    .input input:-webkit-autofill, .input input:-webkit-autofill:hover, .input input:-webkit-autofill:focus, .input input:-webkit-autofill:active,
    .input textarea:-webkit-autofill,
    .input textarea:-webkit-autofill:hover,
    .input textarea:-webkit-autofill:focus,
    .input textarea:-webkit-autofill:active {
      -webkit-box-shadow: 0 0 0 30px #fef9e3 inset !important; }
      @media (max-width: 1024px) {
        .input input:-webkit-autofill, .input input:-webkit-autofill:hover, .input input:-webkit-autofill:focus, .input input:-webkit-autofill:active,
        .input textarea:-webkit-autofill,
        .input textarea:-webkit-autofill:hover,
        .input textarea:-webkit-autofill:focus,
        .input textarea:-webkit-autofill:active {
          -webkit-box-shadow: 0 0 0 30px #ffffff inset !important; } }
  .input textarea {
    resize: none;
    overflow: visible;
    font-size: 12px;
    line-height: 15px;
    padding-right: 3px; }

.input__helper {
  width: auto;
  max-width: 100%;
  display: inline-block;
  height: 0;
  font-size: 15px;
  line-height: 0;
  overflow: hidden; }
  @media (max-width: 1024px) {
    .input__helper {
      font-size: 1.56vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .input__helper {
      font-size: 2.34vw; } }
  @media (max-width: 640px) {
    .input__helper {
      font-size: 12px; } }

.input__underline {
  display: none;
  position: absolute;
  width: 0;
  max-width: 100%;
  height: 4px;
  bottom: 1px;
  left: 0;
  background-size: auto 100%;
  background-repeat: repeat;
  background-image: url("../i/footer/underline-pattern.png"); }

.input-error {
  position: absolute;
  font-size: 12px;
  line-height: 13px;
  color: #f1ab00;
  top: calc(100% + 5px);
  left: 0;
  opacity: 0;
  visibility: hidden; }

.input.with-error .input-error {
  visibility: visible;
  opacity: 1;
  transition: opacity .2s ease-in; }

.input.with-error .input__underline {
  display: block; }

.footer-popup-inner {
  position: relative;
  display: block; }
  @media (max-width: 1024px) {
    .footer-popup-inner {
      height: 100%; } }
  .footer-popup-inner::after {
    content: "";
    display: table;
    clear: both; }
  .footer-popup-inner__col {
    float: left;
    font-size: 0; }
    @media (max-width: 640px) and (orientation: portrait) {
      .footer-popup-inner__col {
        width: 100%;
        float: none; } }
    .footer-popup-inner__col:first-child {
      width: 37%; }
      @media (max-width: 1024px) {
        .footer-popup-inner__col:first-child {
          padding: 30px 30px 0 30px; } }
      @media (max-width: 640px) and (orientation: portrait) {
        .footer-popup-inner__col:first-child {
          width: 100%; } }
    .footer-popup-inner__col:last-child {
      width: 63%; }
      @media (max-width: 1024px) {
        .footer-popup-inner__col:last-child {
          position: absolute;
          bottom: 0;
          right: 0; } }
      @media (max-width: 1024px) and (orientation: portrait) {
        .footer-popup-inner__col:last-child {
          width: 100%; } }
    .footer-popup-inner__col img {
      display: inline-block;
      vertical-align: bottom;
      width: 100%;
      height: auto; }

.footer-popup-confirm {
  padding-top: 2.23vw;
  padding-left: 5.52vw;
  background-color: #fef8e3; }
  @media (max-width: 1024px) {
    .footer-popup-confirm {
      height: 100%;
      padding: 0; } }
  .footer-popup-confirm__text {
    font-size: 13px;
    line-height: 15px;
    color: #152763; }

footer {
  display: none; }

.footer {
  position: fixed;
  width: 100%;
  height: 3.54vw;
  bottom: 0;
  background-color: #fff;
  z-index: 1;
  font-size: 0; }
  .footer:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%; }
  @media (max-width: 1024px) {
    .footer {
      height: auto;
      padding: 14px;
      z-index: 2; } }
  @media (max-width: 480px) {
    .footer {
      font-size: 0;
      padding: 12px 14px; } }
  .footer__item {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 0; }
    .footer__item:nth-child(1) {
      width: 22.65vw;
      padding-left: 2.65vw; }
      @media (max-width: 1024px) {
        .footer__item:nth-child(1) {
          width: 63.14vw; } }
      @media (max-width: 480px) {
        .footer__item:nth-child(1) {
          width: 80%;
          padding-left: 0; } }
      .footer__item:nth-child(1) span {
        display: block; }
        .footer__item:nth-child(1) span:first-child {
          font-size: 1.05vw;
          line-height: 1.45vw;
          color: #292558;
          font-family: 'gsnb'; }
          @media (max-width: 1024px) {
            .footer__item:nth-child(1) span:first-child {
              font-size: 23px;
              line-height: 28px;
              margin-bottom: 6px; } }
          @media (max-width: 640px) {
            .footer__item:nth-child(1) span:first-child {
              font-size: 20px;
              line-height: 20px; } }
          @media (max-width: 480px) {
            .footer__item:nth-child(1) span:first-child {
              font-size: 4.06vw;
              line-height: 4.06vw; } }
        .footer__item:nth-child(1) span:nth-child(2), .footer__item:nth-child(1) span:last-child {
          font-size: .52vw;
          line-height: .57vw; }
          @media (max-width: 1024px) {
            .footer__item:nth-child(1) span:nth-child(2), .footer__item:nth-child(1) span:last-child {
              font-size: 10px;
              line-height: 12px; } }
          @media (max-width: 480px) {
            .footer__item:nth-child(1) span:nth-child(2), .footer__item:nth-child(1) span:last-child {
              font-size: 2.5vw;
              line-height: 2.5vw;
              margin-bottom: 10px; } }
        .footer__item:nth-child(1) span:nth-child(2) {
          display: block; }
          @media (max-width: 1024px) {
            .footer__item:nth-child(1) span:nth-child(2) {
              display: none; } }
        .footer__item:nth-child(1) span:last-child {
          display: none; }
          @media (max-width: 1024px) {
            .footer__item:nth-child(1) span:last-child {
              display: block; } }
    .footer__item:nth-child(2) {
      width: 12.23vw; }
      @media (max-width: 1024px) {
        .footer__item:nth-child(2) {
          width: 28.94vw; } }
      @media (max-width: 480px) {
        .footer__item:nth-child(2) {
          width: 20%;
          padding: 0; } }
    .footer__item:nth-child(3) {
      width: 45.05vw; }
      @media (max-width: 1024px) {
        .footer__item:nth-child(3) {
          width: 100%;
          padding: 0;
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          z-index: 1;
          background: #fff; } }
      @media (max-width: 480px) {
        .footer__item:nth-child(3) {
          width: 100%; } }
      .footer__item:nth-child(3) p {
        display: inline-block;
        vertical-align: middle;
        width: 30.72vw;
        margin: 0;
        margin-right: 1.45vw;
        padding: 0;
        font-size: .62vw;
        line-height: .67vw;
        color: #292558;
        text-align: left; }
        @media (max-width: 1024px) {
          .footer__item:nth-child(3) p {
            width: 70%;
            font-size: .97vw;
            line-height: normal;
            padding: 0;
            margin: 0;
            padding-right: 1.45vw; } }
        @media (max-width: 640px) {
          .footer__item:nth-child(3) p {
            font-size: 1.3vw; } }
    .footer__item:nth-child(4) {
      width: 17.08vw;
      text-align: center; }
      @media (max-width: 1024px) {
        .footer__item:nth-child(4) {
          display: none; } }
  .footer__item-inner {
    position: relative;
    padding-left: 2.55vw;
    padding-right: 1.04vw; }
    @media (max-width: 1024px) {
      .footer__item-inner {
        width: 60%;
        margin: 0 auto;
        padding-left: 2.55vw;
        padding-right: 1.04vw; } }
    @media (max-width: 640px) {
      .footer__item-inner {
        width: 100%;
        padding: 0; } }
  .footer__item-link {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    padding: 0 1.19vw; }
    @media (max-width: 1024px) {
      .footer__item-link {
        padding: 0 2.24vw; } }
    @media (max-width: 480px) {
      .footer__item-link {
        width: 100%;
        margin-bottom: 5px; } }
    .footer__item-link img {
      width: 100%;
      height: auto; }
  .footer .footer-btn {
    display: inline-block;
    vertical-align: middle;
    width: 7.18vw;
    margin: 0 .67vw;
    font-size: .67vw;
    line-height: .67vw;
    padding: .52vw;
    outline: none;
    border: none;
    color: #fff;
    background-color: #292558;
    white-space: nowrap;
    border-radius: 20px;
    cursor: pointer;
    font-family: 'gsnb'; }
    .footer .footer-btn__close {
      position: absolute;
      right: -13px;
      top: -10px;
      height: 14px;
      width: 14px;
      box-sizing: border-box;
      border: 1px solid #868686;
      border-radius: 7px;
      cursor: pointer; }
      .footer .footer-btn__close:before, .footer .footer-btn__close:after {
        content: '';
        display: block;
        width: 7px;
        height: 1px;
        background: #868686;
        position: absolute;
        top: 5px;
        left: 3px; }
      .footer .footer-btn__close:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
      .footer .footer-btn__close:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
    .footer .footer-btn_large {
      width: 9.21vw;
      padding: .26vw .57vw;
      margin: 0;
      font-size: .48vw;
      line-height: .57vw;
      font-weight: normal;
      border-radius: 5px;
      text-transform: uppercase;
      font-family: 'gsnm';
      position: relative;
      text-align: center; }
      @media (max-width: 1024px) {
        .footer .footer-btn_large {
          width: 30%;
          font-size: .87vw;
          line-height: 1.26vw;
          text-align: left; } }
      @media (max-width: 640px) {
        .footer .footer-btn_large {
          font-size: 1.36vw;
          line-height: 2.03vw;
          padding: .26vw 1vw; } }

.footerVisible footer {
  display: block; }

.footerVisible .footer__item {
  display: inline-block; }

.footerVisible .footer__item-cookie {
  height: 0;
  overflow: hidden; }

@media (max-width: 1024px) {
  .footerVisible .footer__item-btns {
    display: none; } }

.footerCookieVisible .footer__item-cookie {
  height: auto;
  overflow: visible; }
  @media (max-width: 1024px) {
    .footerCookieVisible .footer__item-cookie {
      display: flex;
      align-items: center;
      padding-left: 0;
      padding: 0 28px; } }

.main-menu-btn {
  position: fixed;
  display: inline-block;
  width: 45px;
  height: 45px;
  left: 4.36vw;
  top: 6.75vh;
  border: none;
  padding: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  z-index: 4;
  /*@media($dtsmall) {
		width: 51px;
		height: 51px;
		left: 57px;
		top: 51px;
	}*/ }
  .main-menu-btn::before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0; }
  .main-menu-btn.hidden {
    display: none; }
  @media (max-width: 1365px) {
    .main-menu-btn {
      width: 30px;
      height: 30px;
      top: 17px;
      left: 17px; } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .main-menu-btn {
      width: 30px;
      height: 30px;
      top: 17px;
      left: 17px; } }
  .main-menu-btn > span {
    position: relative;
    display: inline-block;
    height: 8px;
    width: 45px;
    border-radius: 5px;
    background: #fff;
    vertical-align: middle;
    transition: opacity .2s;
    /*@media($dtsmall) {
			width: 51px;
			height: 12px;
			border-radius: 6px;
		}*/ }
    @media (max-width: 1365px) {
      .main-menu-btn > span {
        width: 30px;
        height: 7px; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .main-menu-btn > span {
        width: 30px;
        height: 7px; } }
    .main-menu-btn > span:before, .main-menu-btn > span:after {
      display: inline-block;
      position: absolute;
      content: "";
      width: 45px;
      height: 8px;
      border-radius: 5px;
      background: #fff;
      transition: all .2s;
      /*@media($dtsmall) {
				width: 51px;
				height: 12px;
				border-radius: 7px;
			}*/ }
      @media (max-width: 1365px) {
        .main-menu-btn > span:before, .main-menu-btn > span:after {
          width: 30px;
          height: 7px; } }
      @media (max-width: 1023px) and (orientation: landscape) {
        .main-menu-btn > span:before, .main-menu-btn > span:after {
          width: 30px;
          height: 7px; } }
    .main-menu-btn > span:before {
      top: -18px;
      left: 0; }
      @media (max-width: 1365px) {
        .main-menu-btn > span:before {
          top: -10px; } }
      @media (max-width: 1023px) and (orientation: landscape) {
        .main-menu-btn > span:before {
          top: -10px; } }
    .main-menu-btn > span:after {
      left: 0;
      bottom: -18px; }
      @media (max-width: 1365px) {
        .main-menu-btn > span:after {
          bottom: -10px; } }
      @media (max-width: 1023px) and (orientation: landscape) {
        .main-menu-btn > span:after {
          bottom: -10px; } }
  .main-menu-btn:focus {
    outline: none; }
  .main-menu-btn:hover > span {
    opacity: .7; }
    @media (max-width: 1279px) {
      .main-menu-btn:hover > span {
        opacity: 1; } }
  .main-menu-btn.active > span {
    height: 0; }
    .main-menu-btn.active > span:after, .main-menu-btn.active > span:before {
      top: -8px;
      left: 0; }
      @media (max-width: 1365px) {
        .main-menu-btn.active > span:after, .main-menu-btn.active > span:before {
          top: -3px; } }
      @media (max-width: 1023px) and (orientation: landscape) {
        .main-menu-btn.active > span:after, .main-menu-btn.active > span:before {
          top: -3px; } }
    .main-menu-btn.active > span:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .main-menu-btn.active > span:before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }

.main-menu-link {
  position: fixed;
  display: inline-block;
  width: 45px;
  height: 45px;
  left: 4.36vw;
  top: calc(6.75vh + 70px);
  border: none;
  padding: 0;
  background: transparent;
  text-align: center;
  cursor: pointer;
  z-index: 4;
  background-image: url("../i/icon-inst.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*@media($dtsmall) {
		width: 51px;
		height: 51px;
		left: 57px;
		top: 120px;
	}*/ }
  @media (max-width: 1365px) {
    .main-menu-link {
      width: 30px;
      height: 30px;
      top: 60px;
      left: 17px; } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .main-menu-link {
      width: 30px;
      height: 30px;
      top: 60px;
      left: 17px; } }

.logoHidden .menu-logo {
  opacity: 0;
  z-index: auto; }

.logoHidden .menu-logo.menu-is-open {
  opacity: 1; }

.menu-logo {
  position: fixed;
  width: 154px;
  height: 54px;
  top: calc(6.75vh + 22px);
  left: calc(4.36vw + 74px);
  font-size: 0;
  z-index: 4;
  opacity: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  transition: opacity 0.5s;
  text-align: left;
  /*@media(max-width: 1366px) {
		left: calc(2.16vw + 95px);
	}*/
  /*@media($dtsmall) {
		// display: none;
		width: 12vw;
		//width: auto;
		top: 75px;
		left: 130px;
	}*/
  /*@media($tablet) {
		width: 9.688vw;
		height: 6.019vh;
		top: 22px;
		left: 44px;
	}*/
  /*@media($tablet) {
		height: 34px;
		width: auto;
		top: 33px;
		left: 66px;
	}*/ }
  .menu-logo:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 100%; }
  .menu-logo.is-hidden {
    display: none; }
  .menu-logo img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%; }
  @media (max-width: 1365px) {
    .menu-logo {
      width: 100px;
      left: 64px;
      top: 30px; } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .menu-logo {
      height: 34px;
      width: auto;
      top: 33px;
      left: 66px; } }
  @media (max-width: 768px) {
    .menu-logo {
      height: 34px;
      width: auto;
      top: 33px;
      left: 66px; } }

.main-menu {
  width: 100%;
  height: 100vh;
  position: fixed;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
  text-align: center;
  background-color: #f0a703;
  background-image: url("../i/backgrounds/bg-yellow-up-new.jpg");
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  z-index: 3;
  overflow-y: hidden; }
  .main-menu.active {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    transition: translate .5s;
    overflow-y: scroll; }

.nicescroll-rails {
  background-color: transparent; }

.main-menu__logo {
  width: 14.94vw;
  margin: 0 auto;
  margin-top: 5.2vh;
  margin-bottom: 5.94vh;
  -webkit-animation-delay: .2s;
          animation-delay: .2s;
  -webkit-animation-duration: .5s;
          animation-duration: .5s; }
  @media (max-width: 1279px) {
    .main-menu__logo {
      width: 18.94vw;
      margin-top: 6.9vh;
      margin-bottom: 5.46vh; } }
  @media (max-width: 1023px) {
    .main-menu__logo {
      width: 23.75vw;
      margin-top: 10.31vh;
      margin-bottom: 4.68vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .main-menu__logo {
      width: 34.37vw;
      margin-top: 3.88vw;
      margin-bottom: 3.88vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .main-menu__logo {
      width: 38.62vw;
      margin-top: 5.16vh;
      margin-bottom: 5.16vh; } }
  .main-menu__logo img {
    width: 100%;
    height: auto; }

.main-menu__nav {
  display: block;
  margin-top: 4vh;
  margin-bottom: 3.2vh; }
  @media (max-width: 1279px) {
    .main-menu__nav {
      margin-top: 15vh; } }
  @media (max-width: 768px) {
    .main-menu__nav {
      margin-top: 109px; } }

.main-menu__item {
  display: block;
  padding-top: 3.5vh;
  padding-bottom: 2.6vh;
  transition: all .2s;
  cursor: pointer;
  text-align: center;
  /*@media (max-width: 1024px) and (orientation: portrait) {
		padding-top: 4.94vw;
		padding-bottom: 2.47vw;
	}
	@media ($phone) and (orientation: portrait) {
		padding-top: 2.12vh;
		padding-bottom: 1.06vh;
	}*/ }
  @media (max-width: 1279px) {
    .main-menu__item {
      padding-top: 2.99vh;
      padding-bottom: 1.49vh; } }
  @media (max-width: 1023px) {
    .main-menu__item {
      padding-top: 3.75vh;
      padding-bottom: 1.875vh; } }
  @media (max-width: 768px) {
    .main-menu__item {
      position: relative;
      padding: 7px 0; } }
  .main-menu__item:hover {
    background-color: #ffd200; }
    @media (max-width: 768px) {
      .main-menu__item:hover {
        background-color: rgba(255, 210, 0, 0.8); } }
  .main-menu__item:nth-child(1) .main-menu__title {
    -webkit-animation-delay: .3s;
            animation-delay: .3s; }
  .main-menu__item:nth-child(2) .main-menu__title {
    -webkit-animation-delay: .4s;
            animation-delay: .4s; }
  .main-menu__item:nth-child(3) .main-menu__title {
    -webkit-animation-delay: .5s;
            animation-delay: .5s; }
  .main-menu__item:nth-child(4) .main-menu__title {
    -webkit-animation-delay: .6s;
            animation-delay: .6s; }
  .main-menu__item:nth-child(5) .main-menu__title {
    -webkit-animation-delay: .7s;
            animation-delay: .7s; }
  .main-menu__item:nth-child(6) .main-menu__title {
    -webkit-animation-delay: .8s;
            animation-delay: .8s; }

.main-menu__title {
  display: inline-block;
  vertical-align: middle;
  font-size: 3.0vw;
  line-height: 1;
  margin-bottom: 2.0vh;
  color: #fff;
  font-family: 'gsnb';
  letter-spacing: 0.03em;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  /*@media (max-width: 1024px) and (orientation: portrait) {
		font-size: 6.51vw;
		line-height: 6.51vw;
		margin-bottom: 2.47vw;
	}
	@media ($phone) and (orientation: portrait) {
		font-size: 6.25vw;
		line-height: 6.25vw;
		margin-bottom: 1.06vh;
	}*/ }
  @media (max-width: 1279px) {
    .main-menu__title {
      font-size: 3.41vw;
      line-height: 3.41vw;
      margin-bottom: 1.49vh; } }
  @media (max-width: 1023px) {
    .main-menu__title {
      font-size: 4.16vw;
      line-height: 4.16vw;
      margin-bottom: 1.875vh; } }
  @media (max-width: 768px) {
    .main-menu__title {
      font-size: 24px;
      line-height: 1;
      margin-bottom: 12px; } }

.main-menu__spoiler {
  font-size: 0;
  padding: 0 15px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s; }
  @media (max-width: 768px) {
    .main-menu__spoiler {
      transition: none;
      position: relative;
      left: 0;
      right: 0;
      top: 0;
      background: rgba(255, 210, 0, 0.8);
      z-index: 5; } }
  .main-menu__spoiler.active {
    max-height: 130px; }
    @media (max-width: 768px) {
      .main-menu__spoiler.active {
        max-height: 200px;
        overflow-y: scroll; } }
    @media (max-width: 640px) and (orientation: portrait) {
      .main-menu__spoiler.active {
        display: flex;
        flex-direction: column;
        align-items: center; } }
  .main-menu__spoiler a {
    display: inline-block;
    vertical-align: middle;
    font-size: 1.82vw;
    line-height: 1.82vw;
    margin-right: 1.4vw;
    color: #fff;
    text-decoration: none;
    cursor: pointer; }
    @media (max-width: 1279px) {
      .main-menu__spoiler a {
        font-size: 2.05vw;
        line-height: 2.05vw; } }
    @media (max-width: 1023px) {
      .main-menu__spoiler a {
        font-size: 3.2vw;
        line-height: 3.2vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .main-menu__spoiler a {
        font-size: 3.9vw;
        line-height: 3.9vw;
        margin-right: 6.3vw; } }
    .main-menu__spoiler a:last-child {
      margin-right: 0; }
  .main-menu__spoiler-btn {
    display: inline-block;
    vertical-align: middle;
    min-width: 10.78vw;
    padding: 4px 40px 6px;
    border: 3px solid white;
    margin: 1.4vh 2.3vw 2px 0;
    border-radius: 40px;
    font-family: 'gsnb';
    font-size: 1.56vw;
    line-height: 1;
    cursor: pointer;
    color: #fff;
    white-space: nowrap;
    /*@media (max-width: 1024px) and (orientation: portrait) {
			min-width: 22.39vw;
			padding: 1.95vw 0;
			font-size: 3.25vw;
			line-height: 3.25vw;
		}*/ }
    @media (max-width: 1279px) {
      .main-menu__spoiler-btn {
        font-size: 1.75vw;
        line-height: 1; } }
    @media (max-width: 1023px) {
      .main-menu__spoiler-btn {
        font-size: 2.5vw;
        line-height: 1; } }
    @media (max-width: 768px) {
      .main-menu__spoiler-btn {
        font-family: 'gsnb';
        font-size: 18px;
        line-height: 22px;
        padding: 10px 25px 11px;
        min-width: 190px;
        margin: 9px 5px 8px; } }
    .main-menu__spoiler-btn:last-child {
      margin-right: 0; }
      @media (max-width: 768px) {
        .main-menu__spoiler-btn:last-child {
          margin-right: 5px; } }
    .main-menu__spoiler-btn:hover {
      background-color: #ffffff;
      color: #f4b905; }

.main-menu__links-wrapper {
  -webkit-animation-delay: .9s;
          animation-delay: .9s;
  -webkit-animation-duration: .5s;
          animation-duration: .5s;
  margin-bottom: 4.54vw;
  font-size: 0;
  line-height: 1; }
  @media (max-width: 768px) {
    .main-menu__links-wrapper {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  @media (max-width: 1024px) {
    .main-menu__links-wrapper {
      margin-bottom: calc(6.9vh + 50px); } }
  @media (max-width: 812px) and (orientation: landscape) {
    .main-menu__links-wrapper {
      margin-bottom: calc(6.9vh + 90px); } }

.main-menu__link {
  display: inline-block;
  vertical-align: middle;
  min-width: 12.97vw;
  min-height: 3.27vw;
  color: #292459;
  font-family: 'gsnb';
  background-color: #fff;
  border-radius: 1.6vw;
  font-size: 1.2vw;
  line-height: 3.2vw;
  margin-right: 1.69vw;
  color: #f0a703;
  cursor: pointer;
  box-shadow: 0 8px 16px rgba(119, 66, 66, 0.2);
  /*@media (max-width: 1024px) and (orientation: portrait) {
		min-width: 26.04vw;
		padding: 1.95vw 0;
		font-size: 2.34vw;
		line-height: 2.34vw;
	}*/ }
  .main-menu__link:hover {
    box-shadow: none; }
  .main-menu__link:last-child {
    margin-right: 0; }
    @media (max-width: 768px) {
      .main-menu__link:last-child {
        margin-right: 8px; } }
  @media (max-width: 1279px) {
    .main-menu__link {
      padding: 0 30px;
      font-size: 1.75vw;
      line-height: 3.8vw;
      border-radius: 1.9vw; } }
  @media (max-width: 1023px) {
    .main-menu__link {
      padding: 15px 30px;
      font-size: 2.5vw;
      line-height: 1;
      border-radius: 3vw; } }
  @media (max-width: 768px) {
    .main-menu__link {
      min-width: 190px;
      min-height: 45px;
      padding: 0 20px;
      font-size: 18px;
      line-height: 44px;
      border-radius: 22vw;
      margin: 0 8px 20px; } }

.parallaxed {
  font-size: 0; }

.preloader-images {
  width: 100%;
  height: 0;
  overflow: hidden; }

.preloader {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  transition: 1s all;
  opacity: 1;
  visibility: visible;
  background: #f7cc02;
  background-image: url("../i/backgrounds/bg-yellow-up-new.jpg");
  background-size: cover;
  z-index: 5; }
  @media (max-width: 1024px) and (min-height: 1365px) {
    .preloader {
      background-size: cover; } }
  .preloader.done {
    opacity: 0;
    visibility: hidden; }

.loader {
  position: absolute;
  top: 50%;
  left: 50%;
  line-height: 0;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fff;
  font-size: 0;
  font-family: 'gsnb';
  overflow: hidden;
  width: 200px; }
  .loader__progress {
    position: relative;
    width: 100%;
    font-size: 0;
    margin-bottom: 18px; }
    .loader__progress img {
      display: block;
      width: 100%;
      height: auto;
      visibility: hidden; }
  .loader__substrate {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    background: transparent;
    z-index: 1;
    background-image: url("../i/logo-c.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
    background-attachment: local; }
  .loader__percent {
    display: block;
    font-size: .81rem;
    line-height: .81rem;
    color: #ffffff;
    font-family: 'gsnb';
    opacity: 0.86; }

.f-slide {
  position: relative;
  width: 100%;
  height: 100%; }
  .f-slide--right {
    background: url("/f/i/section-01/layout-0.jpg") no-repeat center center;
    background-size: cover; }

.f-slide-image {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  width: 48.75vw;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right bottom;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  pointer-events: none;
  background-image: url("../i/section-01/model-03.png");
  /*.f-slide--right &{
		background-image: url('../i/section-01/model-03.png');
		left: auto;
		right: 0;
	}*/ }
  @media (max-width: 1365px) {
    .f-slide-image {
      background-position: bottom right;
      background-size: contain;
      background-image: url("../i/section-01/model-03_t.png"); } }
  @media (max-width: 1279px) {
    .f-slide-image {
      width: 56.54vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .f-slide-image {
      width: 100%;
      left: 0;
      bottom: 55%;
      background-position: 50% 70%;
      background-size: auto 120%;
      background-image: url("../i/section-01/model-03_vt.png");
      background-color: #f4c200; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .f-slide-image {
      bottom: 53.4%;
      background-image: url("../i/section-01/model-03_vm.jpg");
      background-size: cover; } }
  @media (max-height: 420px) and (orientation: landscape) {
    .f-slide-image {
      background-position: bottom right;
      background-size: auto 100%; } }
  .f-slide-image::before {
    content: '';
    position: absolute;
    width: 100%;
    right: 100%;
    top: 0;
    bottom: 0;
    background-color: #f4c200;
    display: none; }
    @media (max-width: 1024px) and (orientation: portrait) {
      .f-slide-image::before {
        right: 0;
        left: -100%;
        display: block; } }
    @media (max-width: 640px) and (orientation: portrait) {
      .f-slide-image::before {
        right: 100%;
        left: auto; } }

.f-slide-content {
  position: absolute;
  left: 31.2vw;
  top: 46.5%;
  -webkit-transform: translate(-50%, -50%) rotate(-7.5deg);
          transform: translate(-50%, -50%) rotate(-7.5deg); }
  @media (max-width: 1279px) {
    .f-slide-content {
      padding-right: 5vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .f-slide-content {
      top: auto;
      bottom: 30%;
      left: 50%;
      -webkit-transform: rotate(-7.5deg) translate(-50%, 40%) scale(1);
              transform: rotate(-7.5deg) translate(-50%, 40%) scale(1); } }
  @media (max-width: 768px) and (orientation: landscape) {
    .f-slide-content {
      top: 43%; } }
  @media (max-width: 640px) {
    .f-slide-content {
      bottom: 32%;
      z-index: 1;
      padding-right: 20.62vw;
      -webkit-transform: rotate(-8.5deg) translate(-48%, 43%) scale(1);
              transform: rotate(-8.5deg) translate(-48%, 43%) scale(1); } }
  .f-slide-content img {
    width: 100%;
    height: auto; }
  .f-slide-content__title span {
    display: block;
    position: relative;
    font-family: 'gsnb';
    font-size: 180px;
    letter-spacing: 0.02em;
    font-style: italic; }
    @media (max-width: 2400px) {
      .f-slide-content__title span {
        font-size: 7.5vw; } }
    .f-slide-content__title span:first-child {
      padding-left: 10vw; }
      @media (max-width: 1024px) and (orientation: portrait) {
        .f-slide-content__title span:first-child {
          font-size: 8vw; } }
      @media (max-width: 640px) {
        .f-slide-content__title span:first-child {
          font-size: 9vw; } }
      @media (max-width: 480px) {
        .f-slide-content__title span:first-child {
          left: 3vw;
          top: 3.3vw;
          font-size: 12vw; } }
    .f-slide-content__title span:last-child {
      top: -4.17vw;
      padding-right: 6.5vw; }
      @media (max-width: 640px) {
        .f-slide-content__title span:last-child {
          font-size: 9vw; } }
      @media (max-width: 480px) {
        .f-slide-content__title span:last-child {
          top: -4.17vw;
          left: -3vw;
          font-size: 12vw; } }
  .f-slide-content__picture {
    position: relative;
    width: 1390px;
    margin-top: -119px;
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
    /*@media ($sm-phone) {
			width: 65.62vw;
			margin-left: 3.12vw;
		}*/ }
    @media (max-width: 2400px) {
      .f-slide-content__picture {
        margin-top: -11vh;
        width: 57.9vw; } }
    @media (max-width: 1279px) {
      .f-slide-content__picture {
        margin-top: -7vh; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .f-slide-content__picture {
        margin-top: -6vw;
        width: 72vw; } }
    @media (max-height: 420px) and (orientation: landscape) {
      .f-slide-content__picture {
        margin-top: -12vw; } }
    @media (max-width: 480px) {
      .f-slide-content__picture {
        width: 90vw; } }
  .f-slide-content__lead {
    font-family: 'gsnb';
    font-size: 45px;
    line-height: 1;
    font-style: italic;
    margin-top: -6.8vh;
    text-indent: 8.6vw;
    margin-left: -6.2vw;
    /*@media ($sm-phone) {
			font-size: 5vw;
			line-height: 5.1vw;
		}*/ }
    @media (max-width: 2400px) {
      .f-slide-content__lead {
        font-size: 1.85vw; } }
    @media (max-width: 1279px) {
      .f-slide-content__lead {
        margin-top: -4.8vh; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .f-slide-content__lead {
        margin-top: -2vw;
        font-size: 2.5vw;
        line-height: 1.1; } }
    @media (max-width: 768px) {
      .f-slide-content__lead {
        font-size: 2.3vw;
        margin-top: -2.8vw;
        line-height: 1; } }
    @media (max-width: 640px) {
      .f-slide-content__lead {
        font-size: 3.3vw; } }
    @media (max-width: 480px) {
      .f-slide-content__lead {
        text-indent: 0;
        max-width: 68vw;
        margin: -2.8vw auto 0;
        font-size: 5vw;
        line-height: 1;
        text-indent: 0; } }
    .f-slide-content__lead b {
      position: relative;
      font-weight: normal;
      text-shadow: 0 0 15px rgba(255, 255, 255, 0.55); }
      @media (max-width: 768px) {
        .f-slide-content__lead b {
          text-shadow: none; } }
      .f-slide-content__lead b:after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        bottom: 4px;
        height: 2px;
        background: #ffffff; }
        @media (max-width: 1279px) {
          .f-slide-content__lead b:after {
            bottom: 2px; } }
        @media (max-width: 480px) {
          .f-slide-content__lead b:after {
            height: 1px; } }
  .f-slide-content__scene {
    position: absolute;
    width: 23.12vw;
    right: 2px;
    top: 18px; }
    @media (max-width: 1440px) {
      .f-slide-content__scene {
        width: 21.5vw; } }
    @media (max-width: 1365px) {
      .f-slide-content__scene {
        width: 18.5vw;
        top: 15px;
        right: 6.22vw; } }
    @media (max-width: 1279px) {
      .f-slide-content__scene {
        width: 22.31vw;
        right: 12px;
        top: 18px;
        right: 2px; } }
    @media (max-width: 1023px) {
      .f-slide-content__scene {
        top: 10px;
        right: 5px; } }
    @media (max-width: 768px) {
      .f-slide-content__scene {
        width: 20vw;
        right: 0;
        top: 3.2vw; } }
    @media (max-width: 480px) {
      .f-slide-content__scene {
        width: 33.12vw;
        top: 0; } }

.f-slide-layout {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: none repeat-x 50% 0;
  background-position: 50% -100vw;
  background-size: auto 100vw;
  pointer-events: none;
  /*@media($dtmedium) {
		background-position: 50% -1454px;
		background-size: auto 1454px;
	}
	@media($tablet) {
		background-position: 50% -1160px;
		background-size: auto 1160px;
	}*/ }
  @media (max-width: 1023px) {
    .f-slide-layout {
      opacity: 0;
      background-size: 140% auto; } }
  .f-slide-layout.is-animated {
    opacity: 1;
    transition: background-position 3s ease-in;
    transition-delay: 1s; }
  .f-slide-layout--level-b {
    background-image: url("/f/i/section-01/layout-1.png"); }
    .f-slide-layout--level-b.is-animated {
      background-position: 50% 150vh; }
  .f-slide-layout--level-c {
    background-image: url("/f/i/section-01/layout-2.png"); }
    .f-slide-layout--level-c.is-animated {
      background-position: 50% 200vh; }

.f-slide-mob-bg {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; }
  @media (max-width: 1023px) and (orientation: portrait) {
    .f-slide-mob-bg {
      display: block;
      opacity: 0;
      top: 45%;
      background-image: url("/f/i/section-01/f-slide-mob-bg.png"); }
      .f-slide-mob-bg.is-animated {
        transition: opacity .5s ease-in;
        transition-delay: 3s;
        opacity: 1; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .f-slide-mob-bg {
      top: 46.6%; } }

.main-banner {
  width: 100%;
  height: 100%; }
  .main-banner__item {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    .main-banner__item_dt {
      display: block; }
      @media (max-width: 1024px) and (orientation: portrait) {
        .main-banner__item_dt {
          display: none; } }
      @media (max-width: 1024px) and (orientation: landscape) {
        .main-banner__item_dt {
          display: none; } }
      @media (max-width: 812px) and (orientation: landscape) {
        .main-banner__item_dt {
          display: block; } }
    .main-banner__item_tablet {
      display: none; }
      @media (max-width: 1024px) and (orientation: portrait) {
        .main-banner__item_tablet {
          display: block; } }
      @media (max-width: 768px) and (min-height: 1080px) {
        .main-banner__item_tablet {
          display: none; } }
      @media (max-width: 414px) and (orientation: portrait) {
        .main-banner__item_tablet {
          display: none; } }
    .main-banner__item_tablet-land {
      display: none; }
      @media (max-width: 1024px) and (orientation: landscape) {
        .main-banner__item_tablet-land {
          display: block; } }
      @media (max-width: 640px) and (orientation: landscape) {
        .main-banner__item_tablet-land {
          display: none; } }
      @media (max-width: 414px) and (orientation: portrait) {
        .main-banner__item_tablet-land {
          display: none; } }
    .main-banner__item_mobile-high {
      display: none; }
      @media (max-width: 768px) and (min-height: 1080px) {
        .main-banner__item_mobile-high {
          display: block; } }
    .main-banner__item_mobile {
      display: none; }
      @media (max-width: 414px) and (orientation: portrait) {
        .main-banner__item_mobile {
          display: block; } }
      @media (max-width: 768px) and (min-height: 1080px) {
        .main-banner__item_mobile {
          display: none; } }

.main-slider {
  width: 100%;
  height: 100%; }
  .main-slider__item {
    position: relative;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden; }
    .main-slider__item_first {
      color: #fff; }
    .main-slider__item_second {
      background-image: url("../i/backgrounds/bg-blue.jpg"); }
    .main-slider__item.second-phase .animated {
      -webkit-animation-delay: 0s;
              animation-delay: 0s;
      -webkit-animation-duration: .5s;
              animation-duration: .5s; }
  .main-slider .slick-arrow {
    position: absolute;
    top: 0;
    left: 50%;
    z-index: 3; }
  .main-slider .slick-prev {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%); }
  .main-slider .slick-dots {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 2.14vh;
    padding: 0;
    margin: 0; }
    @media (max-width: 400px) and (orientation: portrait) {
      .main-slider .slick-dots {
        bottom: 3vh;
        /*5vh*/ } }
  .main-slider .slick-dots li {
    width: 8px;
    height: 8px;
    background: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px;
    cursor: pointer; }
    @media (max-width: 640px) {
      .main-slider .slick-dots li {
        width: 5px;
        height: 5px;
        margin: 0 5px; } }
  .main-slider .slick-dots li.slick-active {
    width: 12px;
    height: 12px;
    margin: -2px 13px;
    background: white; }
    @media (max-width: 640px) {
      .main-slider .slick-dots li.slick-active {
        width: 5px;
        height: 5px;
        margin: 0 5px; } }
  .main-slider .slick-dots button {
    background: none;
    border: none medium;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer; }

.s-slide {
  position: relative;
  width: 100%;
  height: 100%; }

.s-slide-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 49.472vw;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  background-image: url("../i/section-01/model-02.png"); }
  @media (max-width: 1279px) {
    .s-slide-image {
      width: 60.54vw;
      background-position: bottom right;
      background-size: auto 100%;
      background-image: url("../i/section-01/model-02_t.png"); } }
  @media (max-width: 1024px) {
    .s-slide-image {
      width: 59.96vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .s-slide-image {
      width: 100%;
      right: 0;
      bottom: 55%;
      background-position: center;
      background-size: cover;
      background-image: url("../i/section-01/model-02_vt.jpg"); } }
  @media (max-width: 400px) and (orientation: portrait) {
    .s-slide-image {
      bottom: 53.4%; } }
  @media (max-height: 420px) and (orientation: landscape) {
    .s-slide-image {
      width: 54.33vw;
      background-position: bottom right;
      background-size: auto 100%; } }

.s-slide-content {
  position: absolute;
  width: 47.75vw;
  top: 53%;
  left: 12.8vw;
  -webkit-transform: translateY(-50%) rotate(-8.5deg);
          transform: translateY(-50%) rotate(-8.5deg);
  z-index: 2; }
  @media (max-width: 1366px) {
    .s-slide-content {
      width: 37.75vw;
      top: 54%;
      left: 16.3vw; } }
  @media (max-width: 1279px) {
    .s-slide-content {
      width: 44.46vw;
      left: 12.05vw; } }
  @media (max-width: 1024px) {
    .s-slide-content {
      width: 55.46vw;
      left: 6.05vw;
      width: 46.46vw; } }
  @media (max-width: 823px) {
    .s-slide-content {
      width: 46.46vw;
      left: 10.05vw;
      top: 53%; } }
  @media (max-width: 480px) {
    .s-slide-content {
      left: 7vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .s-slide-content {
      width: 66vw;
      top: auto;
      left: 48.8%;
      bottom: 28%;
      -webkit-transform: translate(-50%, 50%) rotate(-8.5deg);
              transform: translate(-50%, 50%) rotate(-8.5deg); } }
  @media (max-width: 400px) and (orientation: portrait) {
    .s-slide-content {
      bottom: 25%; } }
  .s-slide-content img {
    width: 100%;
    height: auto; }
  .s-slide-content__title {
    margin-bottom: 2.5%; }
    @media (max-width: 1024px) {
      .s-slide-content__title {
        margin-bottom: 8.5%; } }
    @media (max-width: 823px) {
      .s-slide-content__title {
        margin-bottom: 2.5%; } }
    @media (max-width: 480px) {
      .s-slide-content__title {
        margin-bottom: 20px; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .s-slide-content__title {
        margin-bottom: 38px; } }
    @media (max-width: 400px) and (orientation: portrait) {
      .s-slide-content__title {
        margin-bottom: 22px; } }
  .s-slide-content__picture {
    padding-left: 2.44%;
    margin-bottom: 1.333%; }
    @media (max-width: 1024px) {
      .s-slide-content__picture {
        margin-bottom: 6.2%; } }
    @media (max-width: 823px) {
      .s-slide-content__picture {
        margin-bottom: 1.333%; } }
    @media (max-width: 480px) {
      .s-slide-content__picture {
        padding-left: 13px;
        margin-bottom: 14px; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .s-slide-content__picture {
        padding-left: 20px;
        margin-bottom: 28px; } }
    @media (max-width: 400px) and (orientation: portrait) {
      .s-slide-content__picture {
        padding-left: 8px;
        margin-bottom: 13px; } }
  .s-slide-content__lead {
    width: 24.64vw;
    margin-left: 35%; }
    @media (max-width: 1024px) {
      .s-slide-content__lead {
        margin-left: 33%; } }
    @media (max-width: 480px) {
      .s-slide-content__lead {
        margin-left: 36.7%; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .s-slide-content__lead {
        width: 51.51%; } }
    @media (max-width: 400px) and (orientation: portrait) {
      .s-slide-content__lead {
        margin-left: 35.5%; } }

.s-slide-scene {
  position: absolute;
  font-size: 0;
  z-index: 1; }
  .s-slide-scene img {
    width: 100%;
    height: auto; }
  .s-slide-scene_01 {
    width: 31.14vw;
    left: -10.6vw;
    top: -1.5vw; }
    @media (max-width: 1279px) {
      .s-slide-scene_01 {
        width: 32.14vw;
        left: -11.6vw;
        top: -8.5vw;
        -webkit-transform: rotate(36deg);
                transform: rotate(36deg); } }
    @media (max-width: 1024px) {
      .s-slide-scene_01 {
        width: 42.14vw;
        left: -16.6vw;
        top: -4.5vw;
        -webkit-transform: rotate(36deg);
        transform: rotate(-2deg); } }
    @media (max-width: 823px) {
      .s-slide-scene_01 {
        width: 36vw;
        left: -12.6vw;
        top: -9.5vw;
        -webkit-transform: rotate(36deg);
                transform: rotate(36deg); } }
    @media (max-width: 480px) {
      .s-slide-scene_01 {
        top: -7.5vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .s-slide-scene_01 {
        width: 52vw;
        top: 67%;
        left: auto;
        right: -60vw;
        -webkit-transform: translate(-50%, -50%) rotate(-72deg);
                transform: translate(-50%, -50%) rotate(-72deg); } }
  .s-slide-scene_02 {
    width: 3.63vw;
    top: 8.4vw;
    left: 15.1vw; }
    @media (max-width: 1366px) {
      .s-slide-scene_02 {
        width: 3.43vw;
        top: 6.4vw;
        left: 16.1vw; } }
    @media (max-width: 1279px) {
      .s-slide-scene_02 {
        width: 2.1vw;
        top: 2.9vw;
        left: auto;
        right: 50vw; } }
    @media (max-width: 1024px) {
      .s-slide-scene_02 {
        width: 4.1vw;
        top: 13.9vw;
        left: 23vw;
        right: auto; } }
    @media (max-width: 823px) {
      .s-slide-scene_02 {
        width: 3.1vw;
        top: 2.9vw;
        left: 42vw;
        right: auto; } }
    @media (max-width: 480px) {
      .s-slide-scene_02 {
        width: 4.1vw;
        top: 4.8vw;
        left: 41vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .s-slide-scene_02 {
        width: 4.5vw;
        top: auto;
        bottom: 9vw;
        left: auto;
        right: 30vw; } }
    @media (max-width: 400px) and (orientation: portrait) {
      .s-slide-scene_02 {
        bottom: 7vw;
        right: 16vw; } }
  .s-slide-scene_03 {
    width: 8.33vw;
    top: 38.8vw;
    left: .6vw; }
    @media (max-width: 1366px) {
      .s-slide-scene_03 {
        width: 6.33vw;
        top: 33.8vw;
        left: 2.6vw; } }
    @media (max-width: 1279px) {
      .s-slide-scene_03 {
        width: 7.33vw;
        top: auto;
        left: auto;
        bottom: 4vw;
        right: 38vw;
        -webkit-transform: rotate(55deg);
                transform: rotate(55deg); } }
    @media (max-width: 1024px) {
      .s-slide-scene_03 {
        width: 10vw;
        left: 4vw;
        bottom: 5vw;
        right: auto;
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg); } }
    @media (max-width: 823px) {
      .s-slide-scene_03 {
        width: 6vw;
        top: 37.3vw;
        bottom: auto;
        left: 55.4vw;
        -webkit-transform: rotate(55deg);
                transform: rotate(55deg); } }
    @media (max-width: 480px) {
      .s-slide-scene_03 {
        width: 9vw;
        top: 48.3vw;
        left: 49.4vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .s-slide-scene_03 {
        width: 10vw;
        top: 52.5%;
        left: 13vw;
        bottom: auto;
        -webkit-transform: translate(-50%, -50%) rotate(60deg);
                transform: translate(-50%, -50%) rotate(60deg); } }
    @media (max-width: 400px) and (orientation: portrait) {
      .s-slide-scene_03 {
        width: 11.5vw;
        top: 54%;
        left: 14vw; } }
  .s-slide-scene_04 {
    width: 7.5vw;
    left: 43.8vw;
    top: 1.95vw; }
    @media (max-width: 1366px) {
      .s-slide-scene_04 {
        width: 5.5vw; } }
    @media (max-width: 1279px) {
      .s-slide-scene_04 {
        width: 3.5vw;
        left: 32.2vw;
        top: 6.3vw; } }
    @media (max-width: 1024px) {
      .s-slide-scene_04 {
        width: 8.5vw;
        left: 43.3vw;
        top: 4.3vw; } }
    @media (max-width: 823px) {
      .s-slide-scene_04 {
        width: 3.5vw;
        left: 27.3vw;
        top: 18vh; } }
    @media (max-width: 480px) {
      .s-slide-scene_04 {
        width: 4.5vw;
        left: 23.3vw;
        top: 19.5vh; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .s-slide-scene_04 {
        width: 6.5vw;
        left: 35.5vw;
        top: 53.5%;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); } }
    @media (max-width: 400px) and (orientation: portrait) {
      .s-slide-scene_04 {
        width: 6vw;
        top: 57%; } }
  .s-slide-scene_05 {
    width: 49.94vw;
    left: 11.7vw;
    bottom: -21.8vw; }
    @media (max-width: 1279px) {
      .s-slide-scene_05 {
        width: 54.94vw;
        left: -0.3vw;
        bottom: -26.8vw;
        -webkit-transform: rotate(10deg);
                transform: rotate(10deg); } }
    @media (max-width: 1024px) {
      .s-slide-scene_05 {
        left: 10.7vw;
        bottom: -27vw;
        -webkit-transform: rotate(29deg);
                transform: rotate(29deg); } }
    @media (max-width: 823px) {
      .s-slide-scene_05 {
        width: 64vw;
        left: 0.7vw;
        bottom: -30vw;
        -webkit-transform: rotate(2deg);
                transform: rotate(2deg); } }
    @media (max-width: 480px) {
      .s-slide-scene_05 {
        bottom: -18.8vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .s-slide-scene_05 {
        width: 80vw;
        left: 0.7vw;
        bottom: -32vw;
        -webkit-transform: rotate(2deg);
                transform: rotate(2deg); } }

.t-slide {
  position: relative;
  width: 100%;
  height: 100%; }
  .t-slide__fill {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../i/section-01/promo-video-new.jpg");
    z-index: 1; }
    @media (max-width: 1024px) {
      .t-slide__fill {
        background-image: url("../i/section-01/promo-video-new_t.jpg"); } }
    @media (max-width: 640px) {
      .t-slide__fill {
        background-image: url("../i/section-01/promo-video-new_m.jpg"); } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .t-slide__fill {
        background-size: 100% auto;
        background-image: url("../i/section-01/promo-video-new_vt.jpg"); } }
    @media (max-width: 640px) and (orientation: portrait) {
      .t-slide__fill {
        background-size: 100% auto;
        background-image: url("../i/section-01/promo-video-new_vm.jpg"); } }
  .t-slide__fill_video {
    display: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    z-index: 2; }
    @media (min-width: 1200px) {
      .t-slide__fill_video {
        display: block; } }
  .t-slide__frame {
    position: absolute;
    width: 94.81vh;
    height: 62.5vh;
    top: 12.25vh;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    border-radius: 5px;
    overflow: hidden;
    z-index: 3;
    cursor: pointer; }
    @media (max-width: 1024px) {
      .t-slide__frame {
        width: 74.86vh;
        height: 49.3vh;
        top: 25.91vh; } }
    @media (max-width: 640px) {
      .t-slide__frame {
        width: 83.37vh;
        height: 56.42vh;
        top: 12.68vh;
        border-radius: 3px; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .t-slide__frame {
        width: 78.9vw;
        height: 52.48vw;
        top: 50%;
        left: 10.49vw;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); } }
    @media (max-width: 640px) and (orientation: portrait) {
      .t-slide__frame {
        width: 86.25vw;
        height: 56.87vw;
        left: 6.87vw; } }
  .t-slide .poster-video__btn-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 61px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-image: url("../i/section-01/v-btn.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer; }

.outside_href {
  margin-top: .28vw;
  font-size: 1.13vw;
  padding-left: 0.72vw;
  padding-right: 1.92vw;
  position: relative;
  display: inline-block;
  color: #172399;
  background: url("../i/section-02/mark.png") no-repeat right bottom;
  background-size: auto 90%; }
  @media (max-width: 1279px) {
    .outside_href {
      font-size: 1.55vw;
      padding-right: 2.47vw; } }
  @media (max-width: 1024px) {
    .outside_href {
      font-size: 1.75vw;
      padding-right: 2.75vw; } }
  @media (max-width: 768px) {
    .outside_href {
      font-size: 2.34vw;
      padding-right: 3.77vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .outside_href {
      font-size: 2.34vw;
      padding-right: 3.77vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .outside_href {
      font-size: 3.75vw;
      padding-right: 6.75vw; } }

/*.s-modal{
    background: url(https://promotasks.ru/c/tasks/3232907si548D16U589tFA0166s8a7/the-directors-corny-site-zlaki-referal.jpg) no-repeat -453px -230px;
}*/
.products-cover {
  position: absolute;
  top: -1px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0; }
  .products-cover__item {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat; }
    .products-cover__item_dt {
      display: block; }
      @media (min-width: 1280px) and (max-height: 722px) {
        .products-cover__item_dt {
          display: none; } }
      @media (max-width: 1024px) and (orientation: portrait) {
        .products-cover__item_dt {
          display: none; } }
      @media (max-width: 1024px) and (orientation: landscape) {
        .products-cover__item_dt {
          display: none; } }
      @media (max-width: 812px) and (orientation: landscape) {
        .products-cover__item_dt {
          display: block; } }
    .products-cover__item_dt-land {
      display: none; }
      @media (min-width: 1280px) and (max-height: 722px) {
        .products-cover__item_dt-land {
          display: block; } }
      @media (max-width: 1024px) and (orientation: portrait) {
        .products-cover__item_dt-land {
          display: none; } }
      @media (max-width: 768px) and (min-height: 1080px) {
        .products-cover__item_dt-land {
          display: none; } }
      @media (max-width: 414px) and (orientation: portrait) {
        .products-cover__item_dt-land {
          display: none; } }
    .products-cover__item_tablet {
      display: none; }
      @media (min-width: 1280px) and (max-height: 722px) {
        .products-cover__item_tablet {
          display: none; } }
      @media (max-width: 1024px) and (orientation: portrait) {
        .products-cover__item_tablet {
          display: block; } }
      @media (max-width: 768px) and (min-height: 1080px) {
        .products-cover__item_tablet {
          display: none; } }
      @media (max-width: 414px) and (orientation: portrait) {
        .products-cover__item_tablet {
          display: none; } }
    .products-cover__item_tablet-land {
      display: none; }
      @media (min-width: 1280px) and (max-height: 722px) {
        .products-cover__item_tablet-land {
          display: none; } }
      @media (max-width: 1024px) and (orientation: landscape) {
        .products-cover__item_tablet-land {
          display: block; } }
      @media (max-width: 640px) and (orientation: landscape) {
        .products-cover__item_tablet-land {
          display: none; } }
      @media (max-width: 414px) and (orientation: portrait) {
        .products-cover__item_tablet-land {
          display: none; } }
    .products-cover__item_mobile-high {
      display: none; }
      @media (max-width: 768px) and (min-height: 1080px) {
        .products-cover__item_mobile-high {
          display: block; } }
    .products-cover__item_mobile {
      display: none; }
      @media (max-width: 414px) and (orientation: portrait) {
        .products-cover__item_mobile {
          display: block; } }
      @media (max-width: 768px) and (min-height: 1080px) {
        .products-cover__item_mobile {
          display: none; } }

.main {
  /* fix */
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.products-slider .slick-list {
  /* fix */
  height: 100% !important; }

.section-03 {
  overflow: visible; }

.products {
  position: relative;
  height: 100%; }

.products-slider {
  position: absolute;
  top: -1px;
  left: 0;
  width: 100%;
  height: calc(100% + 2px);
  z-index: -1;
  opacity: 0;
  overflow: hidden; }

.products-slider.active {
  z-index: 0;
  opacity: 1; }

.products-slider-item {
  height: 100vh;
  width: 100vw;
  position: relative; }

.products-slider-item-1 {
  background: url(../i/section-03/bg-1.jpg) center no-repeat;
  background-size: cover;
  display: none; }
  .products-slider-item-1 .products-slider-main-text {
    -webkit-text-stroke-color: #308117; }
    .products-slider-item-1 .products-slider-main-text span {
      max-width: 20rem; }
      @media (max-width: 1365px) {
        .products-slider-item-1 .products-slider-main-text span {
          max-width: 18rem;
          margin-top: 14px; } }
      @media (max-width: 767px) {
        .products-slider-item-1 .products-slider-main-text span {
          max-width: 10rem;
          margin-top: 16px; } }

.products-slider-item-2 {
  background: url(../i/section-03/bg-2.jpg) center no-repeat;
  background-size: cover;
  display: none; }
  .products-slider-item-2 .products-slider-main-text {
    -webkit-text-stroke-color: #0a4a89; }
    .products-slider-item-2 .products-slider-main-text span {
      max-width: 27rem; }
      @media (max-width: 1365px) {
        .products-slider-item-2 .products-slider-main-text span {
          max-width: 23rem; } }
      @media (max-width: 767px) {
        .products-slider-item-2 .products-slider-main-text span {
          max-width: 13rem;
          margin-top: 14px; } }

.products-slider-item-3 {
  background: url(../i/section-03/bg-3.jpg) center no-repeat;
  background-size: cover;
  display: none; }
  .products-slider-item-3 .products-slider-main-text {
    -webkit-text-stroke-color: #d39e00; }
    .products-slider-item-3 .products-slider-main-text span {
      max-width: 26rem; }
      @media (max-width: 1365px) {
        .products-slider-item-3 .products-slider-main-text span {
          max-width: 23rem; } }
      @media (max-width: 1023px) {
        .products-slider-item-3 .products-slider-main-text span {
          max-width: 24rem; } }
      @media (max-width: 767px) {
        .products-slider-item-3 .products-slider-main-text span {
          max-width: 13rem;
          margin-top: 16px; } }

.products-slider-item-4 {
  background: url(../i/section-03/bg-4.jpg) center no-repeat;
  background-size: cover;
  display: none; }
  .products-slider-item-4 .products-slider-main-text {
    -webkit-text-stroke-color: #ab2e5f; }
    .products-slider-item-4 .products-slider-main-text span {
      max-width: 11.5rem; }
      @media (max-width: 1365px) {
        .products-slider-item-4 .products-slider-main-text span {
          margin-top: 10px; } }
      @media (max-width: 767px) {
        .products-slider-item-4 .products-slider-main-text span {
          margin-top: 14px;
          max-width: 6rem; } }

.products-slider-item-5 {
  background: url(../i/section-03/bg-5.jpg) center no-repeat;
  background-size: cover;
  display: none; }
  .products-slider-item-5 .products-slider-main-text {
    -webkit-text-stroke-color: #bf8173; }
    .products-slider-item-5 .products-slider-main-text span {
      max-width: 30rem; }
      @media (max-width: 1365px) {
        .products-slider-item-5 .products-slider-main-text span {
          max-width: 28rem; } }
      @media (max-width: 767px) {
        .products-slider-item-5 .products-slider-main-text span {
          max-width: 15rem;
          margin-top: 13px; } }

.products-slider-item-6 {
  background: url(../i/section-03/bg-6.jpg) center no-repeat;
  background-size: cover;
  display: none; }
  .products-slider-item-6 .products-slider-main-text {
    -webkit-text-stroke-color: #ef9842; }
    .products-slider-item-6 .products-slider-main-text span {
      max-width: 30rem; }
      @media (max-width: 1365px) {
        .products-slider-item-6 .products-slider-main-text span {
          max-width: 26rem; } }
      @media (max-width: 767px) {
        .products-slider-item-6 .products-slider-main-text span {
          max-width: 14rem;
          margin-top: 8px; } }

.products-slider-item-7 {
  background: url(../i/section-03/bg-7.jpg) center no-repeat;
  background-size: cover;
  display: none; }
  .products-slider-item-7 .products-slider-main-text {
    -webkit-text-stroke-color: #dcb387; }
    .products-slider-item-7 .products-slider-main-text span {
      max-width: 30rem; }
      @media (max-width: 1365px) {
        .products-slider-item-7 .products-slider-main-text span {
          max-width: 22rem; } }
      @media (max-width: 767px) {
        .products-slider-item-7 .products-slider-main-text span {
          max-width: 12rem;
          margin-top: 13px; } }

.products-slider-item-8 {
  background: url(../i/section-03/bg-8.jpg) center no-repeat;
  background-size: cover; }
  .products-slider-item-8 .products-slider-modal__header {
    padding: 34px 50px 34px 40px; }
    @media (max-width: 767px) {
      .products-slider-item-8 .products-slider-modal__header {
        padding: 15px 8px 5px 18px; }
        .products-slider-item-8 .products-slider-modal__header .products-slider-modal__title {
          line-height: 20px;
          margin-bottom: 8px; } }
    @media (max-height: 600px) {
      .products-slider-item-8 .products-slider-modal__header {
        padding: 8px 30px 3px 17px; }
        .products-slider-item-8 .products-slider-modal__header .products-slider-modal__title {
          font-size: 35px; } }
  .products-slider-item-8 .products-slider-main-text {
    -webkit-text-stroke-color: #89cbea; }
    .products-slider-item-8 .products-slider-main-text span {
      max-width: 25rem; }
      @media (max-width: 1365px) {
        .products-slider-item-8 .products-slider-main-text span {
          max-width: 22rem; } }
      @media (max-width: 767px) {
        .products-slider-item-8 .products-slider-main-text span {
          max-width: 12rem;
          margin-top: 12px; } }
  @media (min-width: 1024px) and (max-height: 800px) {
    .products-slider-item-8 .products-slider-modal__title {
      font-size: 52px; } }
  @media (min-width: 768px) and (max-height: 800px) {
    .products-slider-item-8 .products-slider-modal__title {
      font-size: 52px; } }

.products-slider-item-11 {
  background: url(../i/section-03/bg-11.jpg) center no-repeat;
  background-size: cover;
  display: none; }
  .products-slider-item-11 .products-slider-main-text span {
    max-width: 12.327rem; }
    @media (max-width: 1365px) {
      .products-slider-item-11 .products-slider-main-text span {
        margin-top: 10px;
        max-width: 12.4rem; } }
    @media (max-width: 767px) {
      .products-slider-item-11 .products-slider-main-text span {
        margin-top: 14px;
        max-width: 7rem; } }

.products-slider.milk .products-slider-item-1 {
  background: url(../i/section-03/bg-9.jpg) center no-repeat;
  background-size: cover; }
  .products-slider.milk .products-slider-item-1 .products-slider-main-text {
    -webkit-text-stroke-color: #bf8173;
    padding-right: 0; }

.products-slider.milk .products-slider-item-2 {
  background: url(../i/section-03/bg-10.jpg) center no-repeat;
  background-size: cover; }
  .products-slider.milk .products-slider-item-2 .products-slider-main-text {
    -webkit-text-stroke-color: #89cbea;
    padding-right: 0; }

.products-slider.big .products-slider-item-3 {
  background: url(../i/section-03/bg-12.jpg) center no-repeat;
  background-size: cover; }
  .products-slider.big .products-slider-item-3 .products-slider-main {
    -webkit-transform: translate(-50%, -50.8%) rotate(-7.5deg);
            transform: translate(-50%, -50.8%) rotate(-7.5deg); }
    @media (max-width: 768px) and (orientation: portrait) {
      .products-slider.big .products-slider-item-3 .products-slider-main {
        -webkit-transform: translate(-50%, -42%) rotate(-7.5deg);
                transform: translate(-50%, -42%) rotate(-7.5deg); } }
    .products-slider.big .products-slider-item-3 .products-slider-main img {
      max-width: 78.6921vw;
      max-height: 55.5556vh; }
      @media (max-width: 768px) and (orientation: portrait) {
        .products-slider.big .products-slider-item-3 .products-slider-main img {
          max-width: 98vw;
          max-height: none; } }
  .products-slider.big .products-slider-item-3 .products-slider-main-text {
    position: absolute;
    left: 0;
    right: 0;
    top: 75%;
    -webkit-text-stroke-color: transparent;
    -webkit-text-stroke-width: 0;
    margin: 0;
    padding: 0 4vw 0 0;
    font-size: 3.2vw;
    letter-spacing: 0;
    -webkit-transform: skewX(-7deg);
            transform: skewX(-7deg); }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider.big .products-slider-item-3 .products-slider-main-text {
        bottom: 40px; } }
    @media (max-width: 1023px) {
      .products-slider.big .products-slider-item-3 .products-slider-main-text {
        max-width: none;
        margin-top: 0; } }
    @media (max-width: 768px) and (orientation: portrait) {
      .products-slider.big .products-slider-item-3 .products-slider-main-text {
        bottom: 6vw;
        font-size: 5vw; } }
    .products-slider.big .products-slider-item-3 .products-slider-main-text span {
      max-width: none;
      -webkit-transform: rotate(-0.6deg);
              transform: rotate(-0.6deg); }
      @media (max-width: 1365px) {
        .products-slider.big .products-slider-item-3 .products-slider-main-text span {
          max-width: none;
          margin-top: 0; } }

.products-slider-main {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -42%) rotate(-8.5deg);
          transform: translate(-50%, -42%) rotate(-8.5deg);
  text-align: center;
  z-index: 11; }
  @media (max-width: 1280px) and (max-height: 700px) {
    .products-slider-main {
      -webkit-transform: translate(-50%, -50%) rotate(-8.5deg);
              transform: translate(-50%, -50%) rotate(-8.5deg); } }
  .products-slider-main img {
    height: auto;
    width: auto;
    max-width: 50.9375vw;
    max-height: 28.518vh; }
    @media (max-width: 1365px) {
      .products-slider-main img {
        /*width: 60vw;*/ } }
    @media (max-width: 1023px) {
      .products-slider-main img {
        /*width: 77vw;*/ } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .products-slider-main img {
        max-width: 75vw; } }
    @media (max-width: 767px) {
      .products-slider-main img {
        max-width: 75vw;
        max-height: 33.6vh; } }

.products-slider.milk .products-slider-main img {
  height: auto;
  width: auto;
  max-width: 39vw;
  max-height: 33vh;
  margin: 0 auto; }
  @media (max-width: 1365px) {
    .products-slider.milk .products-slider-main img {
      /*width: 47vw;*/ } }
  @media (max-width: 1023px) {
    .products-slider.milk .products-slider-main img {
      /*width: 62vw;*/ } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider.milk .products-slider-main img {
      max-width: 60vw; } }
  @media (max-width: 767px) {
    .products-slider.milk .products-slider-main img {
      /*width: 45vw;
		margin: 0 auto;*/
      max-width: 60vw;
      max-height: 38vh; } }

.products-slider.milk .products-slider-main-text {
  margin-top: 10px; }
  @media (max-width: 1365px) {
    .products-slider.milk .products-slider-main-text {
      margin-top: -10px; } }

.products-slider.milk .products-slider-main span {
  max-width: 23rem; }
  @media (max-width: 1365px) {
    .products-slider.milk .products-slider-main span {
      max-width: 20rem; } }
  @media (max-width: 1023px) {
    .products-slider.milk .products-slider-main span {
      max-width: 21rem; } }
  @media (max-width: 767px) {
    .products-slider.milk .products-slider-main span {
      max-width: 11rem;
      margin-top: 0; } }

.products-slider.milk .products-slider-main span img {
  width: 100%;
  height: auto;
  max-height: 9.5vh; }

.products-slider-main-text {
  font-size: 4.1rem;
  letter-spacing: -4px;
  line-height: 1;
  font-family: 'gsnb';
  color: #fff;
  -webkit-text-stroke-width: 5px;
  margin-top: -10px; }
  @media (max-width: 1023px) {
    .products-slider-main-text {
      max-width: 80%;
      margin: -10px auto 0; } }
  .products-slider-main-text span {
    display: block;
    margin: 0 auto;
    -webkit-transform: rotate(8.5deg);
            transform: rotate(8.5deg);
    text-align: center; }
    .products-slider-main-text span img {
      width: 100%;
      height: auto;
      max-height: 9.5vh; }

.products-slider-btn {
  position: absolute;
  bottom: 9.6vh;
  left: 50%;
  margin-left: -144px;
  min-width: 288px;
  height: 68px;
  line-height: 56px;
  box-sizing: border-box;
  border: 4px solid transparent;
  padding: 0 32px;
  color: #17239a;
  background: #ffffff;
  font-family: 'gsnb';
  font-size: 21px;
  text-align: center;
  letter-spacing: 0.01em;
  cursor: pointer;
  border-radius: 34px;
  box-shadow: 0 8px 16px rgba(119, 66, 66, 0.2);
  z-index: 11;
  /*@media(max-width: 1023px) {
		bottom: 8vh;
		margin-left: -120px;
		width: 240px;
		height: 50px;
		line-height: 50px;
		font-size: 17px;
	}*/
  /*@media(max-width: 1024px) and ($portrait) {
		bottom: 5vh;
	}*/
  /*@media(max-width: 1024px) and ($landscape) {
		bottom: 5vh;
	}*/ }
  @media (max-width: 1365px) {
    .products-slider-btn {
      bottom: 12vh;
      margin-left: -107px;
      border-radius: 25px;
      min-width: 214px;
      height: 50px;
      padding: 0 10px;
      font-size: 15px;
      line-height: 44px;
      border: 2px solid transparent; } }
  @media (max-width: 1280px) and (max-height: 700px) {
    .products-slider-btn {
      bottom: 50px; } }
  @media (max-width: 767px) {
    .products-slider-btn {
      bottom: 17.8vh;
      /*margin-left: -95px;
		width: 190px;
		height: 44px;
		line-height: 44px;
		font-size: 13px;*/ } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-btn {
      margin-left: -19.81465vw;
      min-width: 39.6293vw;
      height: 9.2592vw;
      font-size: 2.7778vw;
      line-height: 8.1482vw; } }
  @media (max-width: 480px) {
    .products-slider-btn {
      bottom: 15%; } }
  .products-slider-btn:hover {
    opacity: 0.9; }

.products-slider-el {
  position: absolute;
  z-index: 10; }
  .products-slider-el img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0; }

.el-products {
  position: absolute;
  left: 8vw;
  width: 84vw;
  top: 0;
  bottom: 0; }
  @media (max-width: 1365px) {
    .el-products {
      left: 0;
      width: 100%; } }

.el-products.not-work {
  opacity: 0 !important; }

.is-done .el-products {
  opacity: 0; }

.el-products.is-smooth {
  transition: left .4s linear; }

@media (max-width: 1365px) {
  .el-products.is-move-left {
    left: -100%; } }

@media (max-width: 1365px) {
  .el-products.is-move-right {
    left: 100%; } }

.products-slider-el-1 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: -11.4vh;
  left: -0.8vw;
  width: 53.073vw;
  height: 90.37vh;
  /*@media($dtmedium) {
		top: 28vh;
		left: -29.2vw;
		width: 58vw;
	}*/ }
  .products-slider-el-1 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-1 {
      top: 10.6vh;
      left: -3.8vw;
      width: 32.073vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-1 {
      top: 6.6vh;
      left: -2.8vw;
      width: 66.073vw;
      height: 54.37vh; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .products-slider-el-1 {
      top: -10.4vh;
      left: -6.8vw;
      width: 82.073vw;
      height: 79.37vh; } }

.products-slider-el-2 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 17.4vh;
  left: -0.6vw;
  width: 7.7604vw;
  height: 11.111vh;
  /*@media($dtmedium) {
		top: 24.4vh;
		left: -3.6vw;
		width: 8vw;
	}*/ }
  .products-slider-el-2 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-2 {
      width: 5.7604vw;
      top: 36.4vh;
      left: -0.6vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-2 {
      top: 33.4vh;
      left: 0.4vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-2 {
      top: 30.4vh;
      left: -0.6vw;
      width: 13.7604vw;
      height: 11.111vh; } }

.products-slider-el-3 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 11.0vh;
  right: 12.9vw;
  width: 9.635vw;
  height: 17.037vh;
  /*@media($dtmedium) {
		top: 16.6vh;
		right: 20.9vw;
		width: 11.3vw;
	}*/ }
  .products-slider-el-3 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-3 {
      width: 8.635vw;
      right: 8.9vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-3 {
      top: 12vh;
      right: 10.9vw;
      width: 11.635vw;
      height: 12.037vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-3 {
      top: 12vh;
      right: 14.9vw;
      width: 11.635vw;
      height: 17.037vh; } }

.products-slider-el-4 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 39.9vh;
  right: 2.9vw;
  width: 5.9375vw;
  height: 10.648vh;
  /*@media($dtmedium) {
		top: 45.6vh;
		right: 7.1vw;
		width: 6.9vw;
	}*/ }
  .products-slider-el-4 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-4 {
      width: 4.9375vw;
      top: 36.9vh;
      right: 2.9vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-4 {
      top: 31.7vh;
      right: 3.7vw;
      width: 6.9375vw;
      height: 10.648vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-4 {
      top: 24.9vh;
      right: 2.9vw;
      width: 7.9375vw;
      height: 10.648vh; } }

.products-slider-el-5 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 19.6vh;
  right: -8.6vw;
  width: 8.594vw;
  height: 11.204vh;
  /*@media($dtmedium) {
		top: 17.8vh;
		right: -4.3vw;
		width: 9.7vw;
	}*/ }
  .products-slider-el-5 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-5 {
      width: 5.594vw;
      top: 25.6vh;
      right: -5.6vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-5 {
      top: 20.9vh;
      right: -7.6vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-5 {
      top: 8.6vh;
      right: -8.6vw;
      width: 10.594vw;
      height: 11.204vh; } }

.products-slider-el-6 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -16.7vh;
  left: 17.9vw;
  width: 11.615vw;
  height: 18.89vh;
  /*@media($dtmedium) {
		bottom: 11.8vh;
		left: 14.7vw;
		width: 13.7vw;
	}*/ }
  .products-slider-el-6 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-6 {
      bottom: -1.7vh;
      left: 14.4vw;
      width: 13.615vw;
      height: 18.89vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-6 {
      bottom: 12.3vh;
      left: 13.9vw;
      width: 14.615vw;
      height: 18.89vh; } }

.products-slider-el-7 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -93.6vh;
  right: -59.8vw;
  width: 84.792vw;
  height: 87.685vh;
  /*@media($dtmedium) {
		bottom: 34.4vh;
		right: -19.6vw;
		width: 98.7vw;
	}*/ }
  .products-slider-el-7 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-7 {
      width: 74.792vw;
      right: -54.8vw;
      bottom: -101.6vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-7 {
      bottom: -89.6vh;
      right: -54.8vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-7 {
      bottom: -85.6vh;
      right: -61.8vw;
      width: 100.792vw;
      height: 87.685vh; } }

.products-slider-el-8 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 5.4vh;
  left: 15.1vw;
  width: 18.177vw;
  height: 32.037vh;
  /*@media($dtmedium) {
		top: 16.4vh;
		left: 7.1vw;
		width: 21vw;
	}*/ }
  .products-slider-el-8 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-8 {
      width: 15.177vw;
      top: -0.6vh;
      left: 15.1vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-8 {
      top: 15.4vh;
      left: 17.1vw;
      width: 25.177vw;
      height: 32.037vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-8 {
      top: 4.4vh;
      left: 17.1vw;
      width: 26.177vw;
      height: 32.037vh; } }

.products-slider-el-9 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: -28.8vh;
  right: -33.7vw;
  width: 60.115vw;
  height: 99.907vh; }
  .products-slider-el-9 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-9 {
      top: -30.8vh;
      right: -28.7vw;
      width: 57.115vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-9 {
      top: -15.8vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-9 {
      top: -3.8vh; } }

.products-slider-el-10 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 21vh;
  right: -41.4vw;
  width: 31.66vw;
  height: 71.57vh; }
  .products-slider-el-10 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-10 {
      width: 25.66vw;
      top: 15vh;
      right: -34.4vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-10 {
      top: 26vh;
      right: -46.4vw;
      width: 35.66vw;
      height: 71.57vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-10 {
      top: 32vh;
      right: -40.4vw;
      width: 33.66vw;
      height: 71.57vh; } }

.products-slider-el-11 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: 0.4vh;
  right: -23.9vw;
  width: 23.125vw;
  height: 21.76vh; }
  .products-slider-el-11 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-11 {
      bottom: -6.6vh;
      right: -15.9vw;
      width: 16.125vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-11 {
      bottom: 7.4vh;
      right: -28.9vw;
      width: 31.125vw;
      height: 21.76vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-11 {
      bottom: 5.4vh;
      right: -37.9vw;
      width: 42.125vw;
      height: 21.76vh; } }

.products-slider-el-12 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -25.6vh;
  right: 2.1vw;
  width: 18.49vw;
  height: 31.852vh; }
  .products-slider-el-12 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-12 {
      bottom: -26.6vh;
      right: -11.9vw;
      width: 27.49vw;
      height: 31.852vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-12 {
      bottom: -26.6vh;
      right: -11.9vw;
      width: 30.49vw;
      height: 31.852vh; } }

.products-slider-el-13 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 1.4vh;
  right: 1.3vw;
  width: 16.635vw;
  height: 31.94vh; }
  .products-slider-el-13 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-13 {
      top: 5.4vh;
      right: 0.3vw;
      width: 13.635vw;
      height: 31.94vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-13 {
      top: 16vh;
      right: -2.3vw;
      width: 23.635vw;
      height: 31.94vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-13 {
      top: 5.4vh;
      right: -0.3vw;
      width: 23.635vw;
      height: 31.94vh; } }

.el-products .products-slider-el-13 {
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  transition: -webkit-transform .5s linear;
  transition: transform .5s linear;
  transition: transform .5s linear, -webkit-transform .5s linear; }

.products-slider-el-13.is-active {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.products-slider-el-14 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: 15.9vh;
  right: -0.3vw;
  width: 9.375vw;
  height: 17.22vh;
  /*@media($dtmedium) {
		bottom: 27.4vh;
		right: 5.4vw;
		width: 11.6vw;
	}*/ }
  .products-slider-el-14 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-14 {
      bottom: 10.9vh;
      right: -0.3vw;
      width: 11.375vw;
      height: 17.22vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-14 {
      bottom: 12.9vh;
      right: -5.3vw;
      width: 18.375vw;
      height: 17.22vh; } }

.products-slider-el-15 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -25.8vh;
  left: 20.1vw;
  width: 14.53vw;
  height: 25.65vh; }
  .products-slider-el-15 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-15 {
      width: 12.53vw;
      bottom: -22.8vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-15 {
      bottom: -9.8vh;
      left: 24.1vw;
      width: 16.53vw;
      height: 25.65vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-15 {
      bottom: -17.8vh;
      left: 20.1vw;
      width: 18.53vw;
      height: 25.65vh; } }

.el-products .products-slider-el-15 {
  -webkit-transform: translate(-50%, -150%);
          transform: translate(-50%, -150%);
  transition: -webkit-transform .6s linear;
  transition: transform .6s linear;
  transition: transform .6s linear, -webkit-transform .6s linear; }

.products-slider-el-15.is-active {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.products-slider-el-16 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -97.4vh;
  right: -54vw;
  width: 84.79vw;
  height: 87.68vh;
  /*@media($dtmedium) {
		bottom: 29.8vh;
		right: -11.6vw;
		width: 94.6vw;
	}*/ }
  .products-slider-el-16 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-16 {
      width: 79.79vw;
      bottom: -102.4vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-16 {
      bottom: -90.4vh;
      right: -52vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-16 {
      bottom: -81.4vh;
      right: -56vw; } }

.products-slider-el-17 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: -15vh;
  left: 27.9vw;
  width: 53.4375vw;
  height: 91.48vh;
  /*@media($dtmedium) {
		top: -37.2vh;
		left: 3.4vw;
		width: 49.6vw;
	}*/ }
  .products-slider-el-17 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-17 {
      width: 41.4375vw;
      top: -12vh;
      left: 23.9vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-17 {
      top: -4vh;
      left: 24.9vw;
      width: 58.4375vw;
      height: 91.48vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-17 {
      top: -1vh;
      left: 27.9vw;
      width: 70.4375vw;
      height: 91.48vh; } }

.products-slider-el-18 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 23.2vh;
  right: 3.3vw;
  width: 8.6458vw;
  height: 15.278vh;
  /*@media($dtmedium) {
		top: 19.8vh;
		right: 8.9vw;
		width: 10.2vw;
	}*/ }
  .products-slider-el-18 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-18 {
      width: 6.6458vw;
      top: 30.2vh;
      right: 3.3vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-18 {
      width: 10.6458vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-18 {
      top: 23.2vh;
      right: 0.3vw;
      width: 12.6458vw;
      height: 15.278vh; } }

.products-slider-el-19 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 11.8vh;
  right: -7.6vw;
  width: 7.292vw;
  height: 10.463vh;
  /*@media($dtmedium) {
		top: 10.8vh;
		right: -5.5vw;
		width: 9.6vw;
	}*/ }
  .products-slider-el-19 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-19 {
      right: -8.6vw;
      width: 9.292vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-19 {
      top: 11.8vh;
      right: -9.6vw;
      width: 11.292vw;
      height: 10.463vh; } }

.products-slider-el-20 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: 21.5vh;
  right: -1.5vw;
  width: 4.896vw;
  height: 9.815vh;
  /*@media($dtmedium) {
		bottom: 29.2vh;
		right: 1.5vw;
		width: 5.6vw;
	}*/ }
  .products-slider-el-20 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-20 {
      width: 8.896vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-20 {
      bottom: 21.5vh;
      right: -6.5vw;
      width: 9.896vw;
      height: 9.815vh; } }

.products-slider-el-21 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -8vh;
  right: 0.9vw;
  width: 20.104vw;
  height: 25.463vh;
  /*@media($dtmedium) {
		bottom: 5.2vh;
		right: 13vw;
		width: 23.9vw;
	}*/ }
  .products-slider-el-21 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-21 {
      width: 14.104vw;
      bottom: -10vh;
      right: 3.9vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-21 {
      width: 23.104vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-21 {
      bottom: -15vh;
      right: -15.1vw;
      width: 31.104vw;
      height: 25.463vh; } }

.products-slider-el-22 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 35.8vh;
  left: 7.1vw;
  width: 6.51vw;
  height: 11.296vh;
  /*@media($dtmedium) {
		top: 42.6vh;
		left: 4.8vw;
		width: 7.7vw;
	}*/ }
  .products-slider-el-22 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-22 {
      width: 4.51vw;
      top: 36.8vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-22 {
      top: 31.8vh;
      width: 8.51vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-22 {
      top: 35.8vh;
      left: 8.1vw;
      width: 9.51vw;
      height: 11.296vh; } }

.products-slider-el-23 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: -1.2vh;
  left: 3.2vw;
  width: 57.656vw;
  height: 61.204vh;
  /*@media($dtmedium) {
		top: 31.2vh;
		left: -28.2vw;
		width: 65.4vw;
	}*/ }
  .products-slider-el-23 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-23 {
      width: 47.656vw;
      left: 2.2vw;
      top: -2.2vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-23 {
      top: 2.8vh;
      width: 64.656vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-23 {
      top: 3.8vh;
      left: 3.2vw;
      width: 75.656vw;
      height: 61.204vh; } }

.products-slider-el-24 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 29.0vh;
  right: -17.4vw;
  width: 20.417vw;
  height: 30.741vh;
  /*@media($dtmedium) {
		top: 43.2vh;
		right: -11.8vw;
		width: 24.4vw;
	}*/ }
  .products-slider-el-24 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-24 {
      width: 15.417vw;
      right: -14.4vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-24 {
      top: 22vh;
      right: -16.4vw;
      width: 24.417vw;
      height: 30.741vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-24 {
      top: 22vh;
      right: -31.4vw;
      width: 38.417vw;
      height: 30.741vh; } }

.products-slider-el-25 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -5.8vh;
  left: 11.8vw;
  width: 12.917vw;
  height: 19.074vh;
  /*@media($dtmedium) {
		bottom: 8.2vh;
		left: 5.8vw;
		width: 15.8vw;
	}*/ }
  .products-slider-el-25 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-25 {
      bottom: -3.8vh;
      left: 11.8vw;
      width: 16.917vw;
      height: 19.074vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-25 {
      bottom: -9.8vh;
      left: 14.8vw;
      width: 24.917vw;
      height: 19.074vh; } }

.products-slider-el-26 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -101.4vh;
  right: -39.9vw;
  width: 84.792vw;
  height: 87.685vh;
  /*@media($dtmedium) {
		bottom: 32.2vh;
		right: 3.2vw;
		width: 101.2vw;
	}*/ }
  .products-slider-el-26 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-26 {
      bottom: -91.4vh;
      right: -54.9vw;
      width: 87.792vw;
      height: 87.685vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-26 {
      bottom: -82.4vh;
      right: -56.9vw;
      width: 84.792vw;
      height: 87.685vh; } }

.products-slider-el-26_2 {
  -webkit-transform: rotate(239deg);
          transform: rotate(239deg);
  bottom: 6.2vh;
  right: 4.2vw;
  width: 5.2vw; }
  .products-slider-el-26_2 img {
    top: 0; }
  @media (max-width: 1365px) {
    .products-slider-el-26_2 {
      bottom: 11.2vh;
      right: 5.2vw;
      width: 6.2vw; } }

.products-slider-el-27 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 19.6vh;
  left: 18.5vw;
  width: 6.667vw;
  height: 6.389vh;
  /*@media($dtmedium) {
		top: 25.8vh;
		left: 18.1vw;
		width: 7.8vw;
	}*/ }
  .products-slider-el-27 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-27 {
      width: 10.667vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-27 {
      top: 28.6vh;
      left: 24.5vw;
      width: 18.667vw;
      height: 6.389vh; } }

.products-slider-el-28 {
  top: -17.8vh;
  right: -74vw;
  width: 84.01vw;
  height: 68.33vh;
  -webkit-transform: translate(-50%, -50%) rotate(92deg);
          transform: translate(-50%, -50%) rotate(92deg);
  /*@media($dtmedium) {
		top: 14.8vh;
		right: -6vw;
		width: 94.8vw;
	}*/ }
  .products-slider-el-28 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-28 {
      width: 71.01vw;
      top: -23.8vh;
      right: -62vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-28 {
      right: -83vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-28 {
      right: -77vw; } }

.products-slider-el-29 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -4.8vh;
  right: 1.8vw;
  width: 11.823vw;
  height: 28.61vh;
  /*@media($dtmedium) {
		bottom: 14.4vh;
		right: 9.8vw;
		width: 13.8vw;
	}*/ }
  .products-slider-el-29 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-29 {
      width: 9.823vw;
      right: 2.8vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-29 {
      width: 14.823vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-29 {
      bottom: -15.8vh;
      right: -2.2vw;
      width: 16.823vw;
      height: 28.61vh; } }

.products-slider-el-30 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -97.6vh;
  left: 5.8vw;
  width: 40.2083vw;
  height: 83.2407vh;
  /*@media($dtmedium) {
		bottom: 28.4vh;
		left: -15.8vw;
		width: 45.4vw;
	}*/ }
  .products-slider-el-30 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-30 {
      width: 35.2083vw;
      bottom: -100.6vh;
      left: 5.8vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-30 {
      bottom: -90.6vh;
      left: 13.8vw;
      width: 51.2083vw;
      height: 83.2407vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-30 {
      bottom: -81.6vh;
      left: 6.8vw; } }

.products-slider-el-31 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 17.6vh;
  left: 15vw;
  width: 16.98vw;
  height: 19.4444vh;
  /*@media($dtmedium) {
		top: 28.9vh;
		left: 8.6vw;
		width: 19.9vw;
	}*/ }
  .products-slider-el-31 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-31 {
      left: 19vw;
      width: 23.98vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-31 {
      top: 7.6vh;
      left: 22vw;
      width: 29.98vw;
      height: 19.4444vh; } }

.products-slider-el-32 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: -5.8vh;
  right: -92.6vw;
  width: 75.156vw;
  height: 65.1852vh;
  /*@media($dtmedium) {
		top: 28.2vh;
		right: -64.4vw;
		width: 87.9vw;
	}*/ }
  .products-slider-el-32 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-32 {
      width: 65.156vw;
      top: -1.8vh;
      right: -79.6vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-32 {
      top: 6.2vh;
      right: -92.6vw;
      width: 80.156vw;
      height: 65.1852vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-32 {
      top: 5.2vh;
      right: -71.6vw;
      width: 75.156vw;
      height: 65.1852vh; } }

.products-slider-el-33 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: 7.3vh;
  right: 7.5vw;
  width: 2.656vw;
  height: 11.852vh;
  /*@media($dtmedium) {
		bottom: 18vh;
		right: 10.7vw;
		width: 3.1vw;
	}*/ }
  .products-slider-el-33 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-33 {
      bottom: 11.3vh;
      right: 11.5vw;
      width: 5.656vw;
      height: 11.852vh; } }

.products-slider-el-34 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -56.1vh;
  left: 28.9vw;
  width: 20.833vw;
  height: 47.222vh;
  /*@media($dtmedium) {
		bottom: 18.9vh;
		left: 22.6vw;
		width: 23.9vw;
	}*/ }
  .products-slider-el-34 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-34 {
      bottom: -36.1vh;
      left: 18.9vw;
      width: 21.833vw;
      height: 47.222vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-34 {
      bottom: -38.1vh;
      left: 15.9vw;
      width: 25.833vw;
      height: 47.222vh; } }

.products-slider-el-35 {
  bottom: -51.7vh;
  right: -35.5vw;
  width: 31.666vw;
  height: 71.574vh;
  -webkit-transform: rotate(-8deg) translate(-50%, -50%);
          transform: rotate(-8deg) translate(-50%, -50%);
  /*@media($dtmedium) {
		bottom: 47.9vh;
		right: -14.8vw;
		width: 34.9vw;
	}*/ }
  .products-slider-el-35 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-35 {
      width: 26.666vw;
      bottom: -59.7vh;
      right: -30.5vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-35 {
      bottom: -57.7vh;
      right: -40.5vw;
      width: 40.666vw;
      height: 71.574vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-35 {
      bottom: -56.7vh;
      right: -41.5vw;
      width: 41.666vw;
      height: 71.574vh; } }

.products-slider-el-35_2 {
  bottom: 17.9vh;
  right: 5.3vw;
  width: 5.5vw;
  -webkit-transform: rotate(107deg);
          transform: rotate(107deg); }
  .products-slider-el-35_2 img {
    top: 0; }
  @media (max-width: 1365px) {
    .products-slider-el-35_2 {
      bottom: 22.2vh;
      right: 6.5vw;
      width: 6.5vw; } }

.products-slider-el-36 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: -0.4vh;
  right: -3.6vw;
  width: 20.3646vw;
  height: 35.926vh;
  /*@media($dtmedium) {
		top: -11.1vh;
		right: 7.6vw;
		width: 24.2vw;
	}*/ }
  .products-slider-el-36 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-36 {
      width: 15.3646vw;
      right: 4.4vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-36 {
      right: 0.4vw;
      width: 25.3646vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-36 {
      top: 4.6vh;
      width: 24.3646vw; } }

.products-slider-el-37 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 17.6vh;
  right: -7.0vw;
  width: 7.76vw;
  height: 11.11vh; }
  .products-slider-el-37 img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-37 {
      right: -4vw; } }

.products-slider-el-38 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -1.6vh;
  right: -6.4vw;
  width: 17.9167vw;
  height: 27.778vh;
  /*@media($dtmedium) {
		bottom: 40.9vh;
		right: 3.6vw;
		width: 20.9vw;
	}*/ }
  .products-slider-el-38 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-38 {
      width: 12.9167vw;
      right: 0.6vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-38 {
      bottom: -9.6vh;
      right: -8.4vw;
      width: 24.9167vw;
      height: 27.778vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-38 {
      right: -10.4vw;
      bottom: 3.4vh;
      width: 22.9167vw; } }

.products-slider-el-39 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -43.1vh;
  left: 18.6vw;
  width: 20.3125vw;
  height: 39.722vh;
  /*@media($dtmedium) {
		bottom: -16.5vh;
		left: 9.6vw;
		width: 24.9vw;
	}*/ }
  .products-slider-el-39 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-39 {
      width: 14.3125vw;
      bottom: -46.1vh;
      left: 18.6vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-39 {
      bottom: -34.1vh;
      left: 14.6vw;
      width: 26.3125vw;
      height: 39.722vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-39 {
      bottom: -31.1vh;
      left: 15.6vw;
      width: 26.3125vw; } }

.products-slider-el-40 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -104.2vh;
  left: 28.5vw;
  width: 74.7917vw;
  height: 87.6852vh;
  /*@media($dtmedium) {
		bottom: -42.1vh;
		left: auto;
		right: 22.1vw;
		width: 114.56vh;
	}*/ }
  .products-slider-el-40 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-40 {
      bottom: -108.2vh;
      left: 49.5vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-40 {
      bottom: -91.2vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-40 {
      bottom: -82.2vh;
      left: 71.5vw;
      width: 74.7917vw;
      height: 87.6852vh; } }

.products-slider-el-41 {
  -webkit-transform: rotate(-34deg) translate(-50%, -50%);
          transform: rotate(-34deg) translate(-50%, -50%);
  top: -53.4vh;
  left: 15.1vw;
  width: 75.156vw;
  height: 65.185vh;
  /*@media($dtmedium) {
		top: 19.9vh;
		left: -22.1vw;
		width: 103.9vw;
	}*/ }
  .products-slider-el-41 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-41 {
      width: 61.156vw;
      top: -50.4vh;
      left: 12.1vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-41 {
      top: -29.4vh;
      left: 32.1vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-41 {
      top: -16.4vh;
      left: 30.1vw; } }

.products-slider-el-42 {
  -webkit-transform: scale(1, -1) rotate(134deg) translate(-50%, -50%);
          transform: scale(1, -1) rotate(134deg) translate(-50%, -50%);
  top: 12.8vh;
  left: 0.6vw;
  width: 14.125vw;
  height: 21.75vh;
  /*@media($dtmedium) {
		top: 23.8vh;
		left: 8.6vw;
		width: 15.8vw;
	}*/ }
  .products-slider-el-42 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-42 {
      top: 14.8vh;
      left: -10.4vw;
      width: 24.125vw;
      height: 21.75vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-42 {
      top: 16.8vh;
      left: -20.4vw;
      width: 34.125vw;
      height: 21.75vh; } }

.products-slider-el-43 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: -48.4vh;
  right: -75.9vw;
  width: 65.42vw;
  height: 166.02vh;
  /*@media($dtmedium) {
		top: 36.2vh;
		right: -47.8vw;
		width: 74.8vw;
	}*/ }
  .products-slider-el-43 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-43 {
      width: 33.42vw;
      top: 19.6vh;
      right: -40.9vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-43 {
      top: -14.4vh;
      right: -82.9vw;
      width: 72.42vw;
      height: 166.02vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-43 {
      top: -9.4vh;
      right: -78.9vw;
      width: 72.42vw;
      height: 72.02vh; } }

.products-slider-el-44 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -68.1vh;
  left: 9.2vw;
  width: 90.1vw;
  height: 61.67vh;
  /*@media($dtmedium) {
		bottom: 27.2vh;
		left: -42.2vw;
		width: 107.8vw;
	}*/ }
  .products-slider-el-44 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-44 {
      width: 44.1vw;
      left: 9.2vw;
      bottom: -77.1vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-44 {
      bottom: -65.1vh;
      left: 12.2vw;
      width: 90.1vw;
      height: 61.67vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-44 {
      bottom: -59.1vh;
      width: 88.1vw; } }

.products-slider-el-45 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: 15.4vh;
  right: 2.2vw;
  width: 12.92vw;
  height: 19.074vh;
  /*@media($dtmedium) {
		bottom: 45.2vh;
		right: 8.2vw;
		width: 15.8vw;
	}*/ }
  .products-slider-el-45 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-45 {
      width: 10.92vw;
      right: 4.2vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-45 {
      bottom: 2.4vh;
      right: 6.2vw;
      width: 15.92vw;
      height: 19.074vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-45 {
      bottom: 12.4vh;
      right: -8.8vw;
      width: 22.92vw;
      height: 19.074vh; } }

.products-slider-el-46 {
  -webkit-transform: rotate(-16deg) translate(-50%, -50%);
          transform: rotate(-16deg) translate(-50%, -50%);
  bottom: -78.8vh;
  right: -43.6vw;
  width: 40.21vw;
  height: 83.24vh;
  /*@media($dtmedium) {
		bottom: 35.2vh;
		right: -15.2vw;
		width: 53.8vw;
	}*/ }
  .products-slider-el-46 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-46 {
      width: 32.21vw;
      bottom: -82.8vh;
      right: -36.6vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-46 {
      bottom: -78.8vh;
      right: -57.6vw;
      width: 46.21vw;
      height: 83.24vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-46 {
      right: -55.6vw; } }

.products-slider-el-47 {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  bottom: -72.2vh;
  left: 13vw;
  width: 32.813vw;
  height: 59.17vh;
  /*@media($dtmedium) {
		bottom: 20.2vh;
		left: -0.8vw;
		width: 33.8vw;
	}*/ }
  .products-slider-el-47 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-47 {
      width: 30.813vw;
      bottom: -74.2vh;
      left: 15vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-47 {
      bottom: -65.2vh;
      left: 16vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .products-slider-el-47 {
      bottom: -63.2vh;
      left: 19vw;
      width: 53.813vw; } }

.products-slider-el-49 {
  width: 5.57vw;
  height: 13.42vh;
  right: -5.6vw;
  bottom: -1.4vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-49 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) {
    .products-slider-el-49 {
      width: 6.57vw;
      height: 13.42vh;
      right: -6.5vw;
      bottom: 3.3vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-49 {
      bottom: 39vw; } }

.products-slider-el-50 {
  width: 85.15vw;
  height: 98.78vh;
  right: -40.6vw;
  top: -32vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-50 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-50 {
      width: 79.15vw;
      right: -38.6vw;
      top: -37vh; } }
  @media (max-width: 1024px) {
    .products-slider-el-50 {
      width: 103.15vw;
      height: 98.78vh;
      right: -49.6vw;
      top: -19vh; } }
  @media (max-width: 823px) {
    .products-slider-el-50 {
      right: -62.6vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-50 {
      top: -13vw; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .products-slider-el-50 {
      width: 107.15vw;
      top: -13vw;
      right: -55.8vw; } }

.products-slider-el-51 {
  width: 7.55vw;
  height: 13.7vh;
  left: 14.3vw;
  top: 20.4vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-51 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-51 {
      width: 5.55vw; } }
  @media (max-width: 1024px) {
    .products-slider-el-51 {
      width: 9vw;
      left: 17vw;
      top: 23.2vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-51 {
      left: 22vw;
      top: 20.4vh; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .products-slider-el-51 {
      width: 9vw;
      left: 22vw;
      top: 26.3vh; } }

.products-slider-el-52 {
  width: 12.44vw;
  height: 20.09vh;
  left: 24.3vw;
  bottom: -7.2vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-52 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-52 {
      width: 8.44vw; } }
  @media (max-width: 1024px) {
    .products-slider-el-52 {
      width: 14.44vw;
      left: 29.3vw;
      bottom: -3.2vh; } }
  @media (max-width: 823px) {
    .products-slider-el-52 {
      left: 23.3vw;
      bottom: -6.2vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-52 {
      bottom: 4.8vh; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .products-slider-el-52 {
      width: 16.44vw;
      left: 31.3vw;
      bottom: 10.8vh; } }

.products-slider-el-53 {
  width: 3.69vw;
  height: 6.38vh;
  top: 25vh;
  right: 8.4vw;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-53 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) {
    .products-slider-el-53 {
      width: 4.29vw;
      top: 27vh;
      right: 10.2vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-53 {
      top: 39vw;
      right: 23.7vw; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .products-slider-el-53 {
      width: 4.6vw;
      top: 43.7vw;
      right: 9.8vw; } }

.products-slider-el-54 {
  width: 4.89vw;
  height: 9.907vh;
  top: 37vh;
  left: 4vw;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-54 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1024px) {
    .products-slider-el-54 {
      width: 6vw;
      height: 9.907vh;
      top: 37.4vh;
      left: 4.3vw; } }
  @media (max-width: 823px) {
    .products-slider-el-54 {
      top: 34vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-54 {
      top: 46vw;
      left: 8.3vw; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .products-slider-el-54 {
      top: 47vw;
      left: 8vw; } }

.products-slider-el-55 {
  width: 31.71vw;
  height: 71.57vh;
  right: -19vw;
  bottom: -79.6vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-55 img {
    top: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 1366px) {
    .products-slider-el-55 {
      width: 28.71vw;
      right: -17vw; } }
  @media (max-width: 1024px) {
    .products-slider-el-55 {
      width: 36.71vw;
      right: -20vw;
      bottom: -70.6vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .products-slider-el-55 {
      width: 37.71vw;
      right: -23vw;
      bottom: -90vw; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .products-slider-el-55 {
      right: -32vw;
      bottom: -52vh; } }

.products-slider-el-61 {
  bottom: -70.6vh;
  right: -20.7vw;
  width: 67.7930vw;
  height: 60.0000vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-61 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 768px) and (orientation: portrait) {
    .products-slider-el-61 {
      width: 96.85vw;
      bottom: -61.6vh;
      right: -28.7vw; } }

.products-slider-el-62 {
  top: -0.7vh;
  left: 37.3vw;
  width: 30.6268vw;
  height: 26.5741vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-62 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 768px) and (orientation: portrait) {
    .products-slider-el-62 {
      width: 48.89vw;
      top: 0;
      left: 89.3vw; } }

.products-slider-el-63 {
  bottom: -0.7vh;
  left: 22.7vw;
  width: 10.6268vw;
  height: 17.2223vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-63 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 768px) and (orientation: portrait) {
    .products-slider-el-63 {
      width: 16.85vw;
      bottom: 11.3vh; } }

.products-slider-el-64 {
  top: 27.1vh;
  left: 15.9vw;
  width: 6.7030vw;
  height: 11.6667vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-64 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 768px) and (orientation: portrait) {
    .products-slider-el-64 {
      width: 12.23vw;
      top: 38.1vh;
      left: 23.9vw; } }

.products-slider-el-65 {
  bottom: -1.7vh;
  right: 9.1vw;
  width: 17.3842vw;
  height: 27.8704vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-65 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 768px) and (orientation: portrait) {
    .products-slider-el-65 {
      width: 28.15vw;
      bottom: 3.3vh;
      right: -5.9vw; } }

.products-slider-el-66 {
  top: 0.8vh;
  right: 11.4vw;
  width: 13.4605vw;
  height: 21.4815vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-66 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 768px) and (orientation: portrait) {
    .products-slider-el-66 {
      width: 20.56vw;
      top: 28.8vh;
      right: 14.4vw; } }

.products-slider-el-67 {
  bottom: -19.8vh;
  left: 31.4vw;
  width: 12.2071vw;
  height: 20.0926vh;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
  .products-slider-el-67 img {
    bottom: 0;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    right: auto;
    top: 50%;
    bottom: auto; }
  @media (max-width: 768px) and (orientation: portrait) {
    .products-slider-el-67 {
      width: 18.15vw;
      bottom: -10.8vh;
      left: 22.4vw; } }

.toggle-btn {
  font-size: 0;
  text-align: center;
  position: absolute;
  width: 100%;
  top: 13.15vh;
  z-index: 1; }
  @media (max-width: 1365px) {
    .toggle-btn {
      top: 16vh; } }
  @media (max-width: 767px) {
    .toggle-btn {
      top: 17.6vh; } }
  @media (max-width: 400px) {
    .toggle-btn {
      top: 15vh; } }

.toggle-btn-item {
  display: inline-block;
  vertical-align: top;
  min-width: 226px;
  height: 68px;
  line-height: 60px;
  box-sizing: border-box;
  border: 3px solid #fff;
  font-size: 18px;
  color: #17239a;
  background: #ffffff;
  margin: 0 24px;
  padding: 0 30px;
  border-radius: 34px;
  font-family: 'gsnb';
  box-shadow: 0 8px 16px rgba(119, 66, 66, 0.2);
  text-transform: uppercase;
  letter-spacing: 0.2em;
  cursor: pointer; }
  @media (max-width: 1365px) {
    .toggle-btn-item {
      min-width: 180px;
      height: 40px;
      font-size: 14px;
      line-height: 34px;
      letter-spacing: 0.1em;
      border-width: 2px;
      margin: 0 10px; } }
  @media (max-width: 768px) {
    .toggle-btn-item {
      min-width: 140px;
      height: 40px;
      font-size: 12px;
      letter-spacing: 0.01em;
      line-height: 36px;
      border-width: 1px;
      margin: 0 12px;
      padding: 0 10px; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .toggle-btn-item {
      min-width: 25.926vw;
      height: 7.408vw;
      font-size: 2.2223vw;
      line-height: 6.6667vw;
      margin: 2.2223vw; } }
  .toggle-btn-item.active {
    color: #17239a;
    border-color: #17239a; }
  .toggle-btn-item:hover {
    opacity: 0.9; }

.product-slider-arrow {
  position: absolute;
  width: 50px;
  height: 50px;
  box-sizing: border-box;
  border: 3px solid #fff;
  border-radius: 50%;
  top: 50%;
  margin-top: -25px;
  cursor: pointer;
  z-index: 1; }
  @media (max-width: 1365px) {
    .product-slider-arrow {
      width: 33px;
      height: 33px;
      margin-top: -19px; } }
  @media (max-width: 1023px) {
    .product-slider-arrow {
      border: 1px solid #fff;
      width: 24px;
      height: 24px;
      margin-top: -10px; } }

.product-slider-arrow:before {
  content: '';
  display: block;
  width: 22px;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 11px;
  top: 21px;
  /*left: 50%;
	top: 50%;
	margin-left: -11px;
	margin-top: -1px;*/ }
  @media (max-width: 1365px) {
    .product-slider-arrow:before {
      width: 13px;
      left: 8px;
      top: 13px;
      /*
		margin-left: -6px;*/ } }
  @media (max-width: 1023px) {
    .product-slider-arrow:before {
      width: 9px;
      height: 1px;
      left: 6px;
      top: 11px;
      /*margin-left: -4px;
		margin-top: 0px;*/ } }

.product-slider-arrow-prev {
  left: 13.7vw; }
  @media (max-width: 1365px) {
    .product-slider-arrow-prev {
      left: 6.7vw; } }
  @media (max-width: 1023px) {
    .product-slider-arrow-prev {
      left: 2.5vw; } }

.product-slider-arrow-prev:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  top: 14px;
  left: 12px; }
  @media (max-width: 1365px) {
    .product-slider-arrow-prev:after {
      top: 9px;
      left: 8px;
      width: 8px;
      height: 8px; } }
  @media (max-width: 1023px) {
    .product-slider-arrow-prev:after {
      top: 9px;
      left: 7px;
      width: 4px;
      height: 4px;
      border-left: 1px solid #fff;
      border-top: 1px solid #fff; } }

.product-slider-arrow-next {
  right: 13.7vw; }
  @media (max-width: 1365px) {
    .product-slider-arrow-next {
      right: 6.7vw; } }
  @media (max-width: 1023px) {
    .product-slider-arrow-next {
      right: 2.5vw; } }

.product-slider-arrow-next:after {
  content: '';
  display: block;
  width: 14px;
  height: 14px;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
  position: absolute;
  top: 14px;
  left: 15px; }
  @media (max-width: 1365px) {
    .product-slider-arrow-next:after {
      top: 9px;
      left: 11px;
      width: 8px;
      height: 8px; } }
  @media (max-width: 1023px) {
    .product-slider-arrow-next:after {
      top: 9px;
      left: 10px;
      width: 4px;
      height: 4px;
      border-left: 1px solid #fff;
      border-top: 1px solid #fff; } }

.s-modal {
  position: fixed;
  width: 54.688vw;
  left: 50%;
  margin: 0 auto;
  padding: 2.84vw 1.83vw 2.6vw 5.5vw;
  z-index: 5;
  border-radius: 20px;
  text-align: left;
  color: #172399;
  visibility: hidden;
  opacity: 0;
  background-color: #fff;
  transition: -webkit-transform .4s ease-in-out;
  transition: transform .4s ease-in-out;
  transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
  -webkit-transform: translateX(-50%) scale(0.8);
          transform: translateX(-50%) scale(0.8); }
  @media (max-width: 1279px) {
    .s-modal {
      width: 70vw; } }
  @media (min-width: 1200px) and (max-height: 564px) {
    .s-modal {
      width: 100%;
      border-radius: 0;
      top: 0;
      padding: 0 6.44vw; } }
  @media (max-width: 1024px) {
    .s-modal {
      width: 100%;
      border-radius: 0;
      top: 0;
      padding: 0 6.44vw; } }
  @media (max-width: 640px) {
    .s-modal {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 5vh 9.79vw;
      -webkit-transform: translateX(0) scale(0.8);
              transform: translateX(0) scale(0.8); } }
  @media (max-height: 480px) {
    .s-modal {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      padding: 5vh 9.79vw;
      -webkit-transform: translateX(0) scale(0.8);
              transform: translateX(0) scale(0.8);
      overflow-y: scroll; } }
  .s-modal.is-active {
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
    opacity: 1;
    visibility: visible; }
    @media (max-width: 640px) {
      .s-modal.is-active {
        -webkit-transform: translateX(0) scale(1);
                transform: translateX(0) scale(1); } }
    @media (max-height: 480px) {
      .s-modal.is-active {
        -webkit-transform: translateX(0) scale(1);
                transform: translateX(0) scale(1); } }
  .s-modal__close {
    position: absolute;
    top: 1.63vw;
    right: 1.63vw;
    width: 1.45vw;
    height: 1.45vw;
    cursor: pointer; }
    @media (max-width: 1024px) {
      .s-modal__close {
        width: 3.64vw;
        height: 3.64vw; } }
    @media (max-width: 640px) {
      .s-modal__close {
        width: 6.87vw;
        height: 6.87vw;
        top: 3.75vw;
        right: 3.75vw; } }
    .s-modal__close::after, .s-modal__close::before {
      content: '';
      position: absolute;
      width: 1.71vw;
      height: .41vw;
      top: .72vw;
      background-color: #17239a;
      top: 50%;
      left: 50%; }
      @media (max-width: 1024px) {
        .s-modal__close::after, .s-modal__close::before {
          width: 3.77vw;
          height: .78vw;
          top: 2.86vw;
          right: 3.25vw; } }
      @media (max-width: 640px) {
        .s-modal__close::after, .s-modal__close::before {
          width: 6.87vw;
          height: 1.56vw; } }
    .s-modal__close::after {
      -webkit-transform: translate(-50%, -50%) rotate(45deg);
              transform: translate(-50%, -50%) rotate(45deg); }
    .s-modal__close::before {
      -webkit-transform: translate(-50%, -50%) rotate(-45deg);
              transform: translate(-50%, -50%) rotate(-45deg); }
  .s-modal__title {
    padding-left: .65vw;
    font-size: 3.8vw;
    line-height: 1;
    font-family: 'gsnb'; }
    @media (max-width: 1024px) {
      .s-modal__title {
        font-size: 7.22vw;
        line-height: 7.22vw; } }
    @media (max-width: 768px) {
      .s-modal__title {
        margin-bottom: 3.12vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .s-modal__title {
        font-size: 9.5vw;
        line-height: 9.5vw; } }
    .s-modal__title span {
      display: inline-block;
      vertical-align: middle;
      margin-right: 20px; }
  .s-modal__title-icon {
    display: none;
    vertical-align: middle;
    height: 12.5vw; }
    .s-modal__title-icon img {
      height: 100%;
      width: auto; }
    @media (max-width: 768px) {
      .s-modal__title-icon {
        display: inline-block; } }
  .s-modal__info {
    display: -ms-flex;
    display: flex;
    min-height: 11.47rem;
    justify-content: space-between; }
  .s-modal__info-text {
    width: 30.28vw;
    padding: 1.34vw 0 .52vw;
    font-size: .95vw;
    line-height: 1.24; }
    @media (max-width: 1279px) {
      .s-modal__info-text {
        width: 45.59vw;
        font-size: 1.55vw;
        line-height: 1.9vw; } }
    @media (max-width: 1024px) {
      .s-modal__info-text {
        width: 56.25vw;
        font-size: 1.75vw;
        line-height: 2.05vw; } }
    @media (max-width: 768px) {
      .s-modal__info-text {
        width: auto;
        font-size: 2.34vw;
        line-height: 2.86vw;
        padding-top: 0; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .s-modal__info-text {
        padding-top: 5.2vw;
        font-size: 2.34vw;
        line-height: 2.86vw; } }
    @media (max-width: 640px) and (orientation: portrait) {
      .s-modal__info-text {
        font-size: 3.75vw;
        line-height: 5vw; } }
    .s-modal__info-text p {
      position: relative;
      margin: 0;
      padding: 0;
      padding-left: .83vw;
      margin-bottom: .5vw; }
      @media (max-width: 1279px) {
        .s-modal__info-text p {
          padding-left: 1.23vw; } }
      @media (max-width: 1024px) {
        .s-modal__info-text p {
          padding-left: 1.56vw; } }
      @media (max-width: 768px) {
        .s-modal__info-text p {
          padding-left: 3.24vw;
          margin-bottom: 3.25vw; } }
      @media (max-width: 1024px) and (orientation: portrait) {
        .s-modal__info-text p {
          margin-bottom: 1.12vw; } }
      @media (max-width: 640px) and (orientation: portrait) {
        .s-modal__info-text p {
          margin-bottom: 7.15vw; } }
      .s-modal__info-text p::before {
        content: '';
        position: absolute;
        width: .52vw;
        height: .52vw;
        background-color: #f3ba00;
        border-radius: 50%;
        top: .46vw;
        left: 0; }
        @media (max-width: 1279px) {
          .s-modal__info-text p::before {
            top: .75vw; } }
        @media (max-width: 1024px) {
          .s-modal__info-text p::before {
            top: .9vw; } }
        @media (max-width: 768px) {
          .s-modal__info-text p::before {
            width: 1.3vw;
            height: 1.3vw;
            top: .9vw; } }
  .s-modal__info-image {
    width: 17.18vw;
    height: 13.12vw;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain; }
    @media (max-width: 1279px) {
      .s-modal__info-image {
        width: 21.18vw;
        height: 21.12vw; } }
    @media (max-width: 768px) {
      .s-modal__info-image {
        display: none; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .s-modal__info-image {
        width: 31.18vw;
        height: 31.12vw;
        margin-top: 3.2vw; } }
    .s-modal__info-image._wheat {
      background-image: url("../i/section-02/i-menu-01.png"); }
    .s-modal__info-image._oats {
      background-image: url("../i/section-02/i-menu-02.png"); }
    .s-modal__info-image._barley {
      background-image: url("../i/section-02/i-menu-03.png"); }
    .s-modal__info-image._corn {
      background-image: url("../i/section-02/i-menu-04.png"); }
    .s-modal__info-image._rice {
      background-image: url("../i/section-02/i-menu-05.png"); }

.section-02__caption {
  position: absolute;
  font-size: 6.1vw;
  line-height: 1;
  font-family: 'gsnb';
  white-space: nowrap;
  color: #ffffff;
  left: 50%;
  top: 5vh;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media (max-width: 2400px) {
    .section-02__caption {
      font-size: 7.1vw; } }
  @media (max-width: 768px) {
    .section-02__caption {
      font-size: 11vw;
      top: 1vh; } }
  @media (max-width: 640px) {
    .section-02__caption {
      position: relative;
      left: auto;
      -webkit-transform: translateX(0);
              transform: translateX(0);
      white-space: normal;
      margin-top: 0; } }

.section-02__title {
  width: 100%;
  margin: 0 auto;
  visibility: hidden;
  min-height: 8vw;
  padding: 9vh 0 24vh; }
  @media (max-width: 1279px) {
    .section-02__title {
      padding: 12vh 0 12vh; } }
  @media (max-width: 1023px) {
    .section-02__title {
      padding: 10vh 0 2vh;
      max-width: 60%; } }
  @media (max-width: 640px) {
    .section-02__title {
      padding: 2vh 0 2vh; } }
  .section-02__title img {
    width: 100%;
    height: auto; }
  .section-02__title.is-visible {
    visibility: visible; }

.section-02-wrapper {
  position: absolute;
  width: 100%;
  max-width: 50vw;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0); }
  @media (max-width: 1279px) {
    .section-02-wrapper {
      max-width: 59.76vw; } }
  @media (max-width: 768px) {
    .section-02-wrapper {
      max-width: 86.66vw; } }
  @media (min-width: 1200px) and (max-height: 564px) {
    .section-02-wrapper {
      max-width: 59vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .section-02-wrapper {
      max-width: 73.17vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .section-02-wrapper {
      max-width: 86.56vw; } }
  @media (max-height: 480px) and (orientation: portrait) {
    .section-02-wrapper {
      max-height: 80vh; } }

.section-02__title {
  max-width: 39.37vw;
  width: 100%;
  margin: 0 auto;
  -webkit-animation-duration: .7s;
          animation-duration: .7s; }
  @media (max-width: 1279px) {
    .section-02__title {
      max-width: none; } }
  @media (max-width: 768px) {
    .section-02__title {
      max-width: 60vw; } }
  @media (min-width: 1200px) and (max-height: 564px) {
    .section-02__title {
      max-width: 39.37vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .section-02__title {
      max-width: 61.84vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .section-02__title {
      max-width: 70vw; } }
  @media (max-width: 320px) and (orientation: portrait) {
    .section-02__title {
      max-width: 52vw; } }
  @media (max-width: 1024px) and (orientation: landscape) {
    .section-02__title {
      max-width: 39.37vw; } }
  @media (min-width: 400px) and (max-height: 640px) and (max-width: 420px) {
    .section-02__title {
      max-width: 64vw; } }

.section-02__info {
  width: 100%;
  max-width: 41.97vw;
  margin: 0 auto;
  margin-top: 2.96vh;
  margin-bottom: 5.5vh;
  font-size: 1.31vw;
  line-height: 1.47vw;
  color: #fff;
  -webkit-animation-delay: 1s;
          animation-delay: 1s; }
  @media (max-width: 1279px) {
    .section-02__info {
      max-width: none;
      font-size: 1.85vw;
      line-height: 2.05vw; } }
  @media (max-width: 768px) {
    .section-02__info {
      font-size: 2.7vw;
      line-height: 3.12vw;
      margin-top: 5vh;
      margin-bottom: 6.25vh; } }
  @media (min-width: 1200px) and (max-height: 564px) {
    .section-02__info {
      margin-top: 1.96vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .section-02__info {
      font-size: 2.99vw;
      line-height: 3.25vw;
      margin-top: 5.66vh;
      margin-bottom: 8.1vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .section-02__info {
      font-size: 4.37vw;
      line-height: 5vw;
      margin-top: 6.87vw;
      margin-bottom: 11.25vw; } }
  @media (min-width: 400px) and (max-height: 640px) and (max-width: 420px) {
    .section-02__info {
      font-size: 3.37vw;
      line-height: 4vw;
      margin-top: 4vw;
      margin-bottom: 7vw; } }

.section-02-menu-wrapper {
  position: relative; }

.section-02-menu {
  position: relative;
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 50vw;
  margin: 0 auto; }
  @media (max-width: 1279px) {
    .section-02-menu {
      max-width: none; } }
  @media (max-width: 768px) {
    .section-02-menu {
      max-width: 73.33vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .section-02-menu {
      display: block;
      max-width: 55.98vw;
      text-align: center;
      font-size: 0; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .section-02-menu {
      max-width: 70vw; } }
  @media (max-width: 640px) and (orientation: landscape) {
    .section-02-menu {
      max-width: 55vw; } }
  .section-02-menu .section-02-menu__item {
    position: relative;
    min-width: 6.61vw;
    padding-top: 7.6vw;
    cursor: pointer;
    -webkit-animation-duration: .5s;
            animation-duration: .5s;
    -webkit-animation-fill-mode: ease-in-out;
            animation-fill-mode: ease-in-out;
    overflow: visible; }
    @media (max-width: 1279px) {
      .section-02-menu .section-02-menu__item {
        min-width: 7.42vw;
        padding-top: 8.78vw; } }
    @media (max-width: 768px) {
      .section-02-menu .section-02-menu__item {
        min-width: 10.41vw;
        padding-top: 12.5vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02-menu .section-02-menu__item {
        min-width: 6.4vw;
        padding-top: 7.6vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .section-02-menu .section-02-menu__item {
        display: inline-block;
        vertical-align: top;
        min-width: 33.33%;
        padding-top: 15.23vw;
        margin-bottom: 2.05vh; } }
    @media (max-width: 640px) and (orientation: portrait) {
      .section-02-menu .section-02-menu__item {
        padding-top: 18.75vw; } }
    @media (max-width: 640px) and (orientation: landscape) {
      .section-02-menu .section-02-menu__item {
        min-width: 9.16vw;
        padding-top: 11.25vw; } }
    @media (min-width: 400px) and (max-height: 640px) and (max-width: 420px) {
      .section-02-menu .section-02-menu__item {
        min-width: 26%;
        padding-top: 15.75vw; } }
    .section-02-menu .section-02-menu__item:nth-child(1) {
      -webkit-animation-delay: 1.4s;
              animation-delay: 1.4s; }
    .section-02-menu .section-02-menu__item:nth-child(2) {
      -webkit-animation-delay: 1.5s;
              animation-delay: 1.5s; }
    .section-02-menu .section-02-menu__item:nth-child(3) {
      -webkit-animation-delay: 1.6s;
              animation-delay: 1.6s; }
    .section-02-menu .section-02-menu__item:nth-child(4) {
      -webkit-animation-delay: 1.7s;
              animation-delay: 1.7s; }
      @media (max-width: 1024px) and (orientation: portrait) {
        .section-02-menu .section-02-menu__item:nth-child(4) {
          margin-bottom: 0; } }
    .section-02-menu .section-02-menu__item:nth-child(5) {
      -webkit-animation-delay: 1.8s;
              animation-delay: 1.8s; }
      @media (max-width: 1024px) and (orientation: portrait) {
        .section-02-menu .section-02-menu__item:nth-child(5) {
          margin-bottom: 0; } }
    .section-02-menu .section-02-menu__item.is-active .section-02-menu__item-image, .section-02-menu .section-02-menu__item:hover .section-02-menu__item-image {
      -webkit-transform: scale(1.1) translateX(-50%);
              transform: scale(1.1) translateX(-50%); }
  .section-02-menu .section-02-menu__item-image {
    position: absolute;
    width: 6.61vw;
    height: 6.61vw;
    top: 0;
    left: 50%;
    padding: .93vw;
    background-color: #fff;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    font-size: 0;
    -webkit-transform: translateX(-50%) scale(1);
            transform: translateX(-50%) scale(1);
    transition: all .25s ease-in-out; }
    @media (max-width: 1279px) {
      .section-02-menu .section-02-menu__item-image {
        width: 7.42vw;
        height: 7.42vw; } }
    @media (max-width: 768px) {
      .section-02-menu .section-02-menu__item-image {
        width: 10.41vw;
        height: 10.41vw;
        padding: 1.66vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02-menu .section-02-menu__item-image {
        width: 6.4vw;
        height: 6.4vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .section-02-menu .section-02-menu__item-image {
        width: 12.76vw;
        height: 12.76vw;
        padding: 1.82vw; } }
    @media (max-width: 640px) and (orientation: portrait) {
      .section-02-menu .section-02-menu__item-image {
        width: 15.93vw;
        height: 15.93vw; } }
    @media (max-width: 640px) and (orientation: landscape) {
      .section-02-menu .section-02-menu__item-image {
        width: 9.16vw;
        height: 9.16vw; } }
    @media (min-width: 400px) and (max-height: 640px) and (max-width: 420px) {
      .section-02-menu .section-02-menu__item-image {
        width: 14vw;
        height: 14vw; } }
    .section-02-menu .section-02-menu__item-image img {
      display: inline-block;
      width: auto;
      height: 100%; }
    .section-02-menu .section-02-menu__item-image i {
      display: block;
      position: absolute;
      width: 1.66vw;
      height: 1.66vw;
      background-color: #3a2d79;
      border: .25vw solid #fff;
      border-radius: 50%;
      right: -0.15vw;
      top: .57vw;
      text-align: center; }
      @media (max-width: 1279px) {
        .section-02-menu .section-02-menu__item-image i {
          width: 1.95vw;
          height: 1.95vw; } }
      @media (max-width: 768px) {
        .section-02-menu .section-02-menu__item-image i {
          width: 2.7vw;
          height: 2.7vw;
          border: .2vw solid #fff; } }
      @media (max-width: 1024px) and (orientation: portrait) {
        .section-02-menu .section-02-menu__item-image i {
          width: 3.25vw;
          height: 3.25vw; } }
      @media (max-width: 640px) and (orientation: portrait) {
        .section-02-menu .section-02-menu__item-image i {
          width: 3.75vw;
          height: 3.75vw; } }
      .section-02-menu .section-02-menu__item-image i::after, .section-02-menu .section-02-menu__item-image i::before {
        content: '';
        position: absolute;
        width: .62vw;
        height: 3px;
        left: 50%;
        top: 50%;
        background-color: #fff;
        -webkit-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%); }
        @media (max-width: 1279px) {
          .section-02-menu .section-02-menu__item-image i::after, .section-02-menu .section-02-menu__item-image i::before {
            width: 60%;
            height: 2px; } }
        @media (max-width: 768px) {
          .section-02-menu .section-02-menu__item-image i::after, .section-02-menu .section-02-menu__item-image i::before {
            height: 1px; } }
        @media (max-width: 1024px) and (orientation: portrait) {
          .section-02-menu .section-02-menu__item-image i::after, .section-02-menu .section-02-menu__item-image i::before {
            width: 60%;
            height: 2px; } }
        @media (max-width: 640px) and (orientation: portrait) {
          .section-02-menu .section-02-menu__item-image i::after, .section-02-menu .section-02-menu__item-image i::before {
            height: 1px; } }
      .section-02-menu .section-02-menu__item-image i::after {
        -webkit-transform: translate(-50%, -50%) rotate(90deg);
                transform: translate(-50%, -50%) rotate(90deg); }
  .section-02-menu .section-02-menu__item-title {
    font-size: 1.51vw;
    line-height: 1.51vw;
    font-family: 'gsnb';
    text-transform: uppercase;
    color: #fff; }
    @media (max-width: 1279px) {
      .section-02-menu .section-02-menu__item-title {
        font-size: 1.75vw;
        line-height: 1.75vw; } }
    @media (max-width: 768px) {
      .section-02-menu .section-02-menu__item-title {
        font-size: 2.5vw;
        line-height: 2.5vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02-menu .section-02-menu__item-title {
        font-size: 1.45vw;
        line-height: 1.45vw; } }
    @media (max-width: 1024px) and (orientation: portrait) {
      .section-02-menu .section-02-menu__item-title {
        font-size: 2.86vw;
        line-height: 2.86vw; } }
    @media (max-width: 640px) and (orientation: portrait) {
      .section-02-menu .section-02-menu__item-title {
        font-size: 3.75vw;
        line-height: 3.75vw; } }
    @media (max-width: 1024px) and (orientation: landscape) {
      .section-02-menu .section-02-menu__item-title {
        font-size: 1.95vw;
        line-height: 1.95vw; } }
    @media (min-width: 400px) and (max-height: 640px) and (max-width: 420px) {
      .section-02-menu .section-02-menu__item-title {
        font-size: 3vw;
        line-height: 3vw; } }

.second-phase__text-wrapper {
  height: 0;
  overflow: hidden; }

.section-02.second-phase .section-02-wrapper {
  transition: -webkit-transform 1.24s;
  transition: transform 1.24s;
  transition: transform 1.24s, -webkit-transform 1.24s;
  transition-delay: .1s; }

.section-02.second-phase .second-phase__text-wrapper {
  height: auto;
  overflow: visible; }

.section-02__scene {
  position: absolute;
  font-size: 0;
  text-align: center;
  visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(0);
          transform: translate3d(0, 0, 0) rotate(0) scale(0);
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  z-index: 0; }
  @media (max-width: 640px) {
    .section-02__scene {
      z-index: 1; } }
  .section-02__scene.is-visible {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
            transform: translate3d(0, 0, 0) rotate(0) scale(1); }
  .section-02__scene img {
    width: 100%;
    height: auto; }
  .section-02__scene_01 {
    width: 48.64vw;
    left: -20.5vw;
    top: -9.2vw; }
    @media (max-width: 1279px) {
      .section-02__scene_01 {
        width: 53.64vw;
        left: -15.5vw;
        top: -13.2vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02__scene_01 {
        width: 42.64vw;
        left: -13.5vw;
        top: -17.2vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-02__scene_01 {
        width: 39.64vw;
        left: -12.5vw;
        top: -13.7vw; } }
  .section-02__scene_02 {
    width: 65.52vw;
    right: -21.1vw;
    top: -2.2vw; }
    @media (max-width: 1279px) {
      .section-02__scene_02 {
        width: 70.52vw;
        right: -31.1vw;
        top: -10vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02__scene_02 {
        width: 54.52vw;
        right: -30.5vw;
        top: -.4vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-02__scene_02 {
        width: 58.52vw;
        right: -33.1vw;
        top: -1vw; } }
  .section-02__scene_03 {
    width: 53.07vw;
    right: -3.1vw;
    bottom: -5.9vw; }
    @media (max-width: 1279px) {
      .section-02__scene_03 {
        width: 64.07vw;
        right: -10.1vw;
        bottom: -6.3vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02__scene_03 {
        width: 43.07vw;
        right: -10.1vw;
        bottom: -4.3vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-02__scene_03 {
        width: 43.07vw;
        right: -11.1vw;
        bottom: -4.3vw; } }
  .section-02__scene_04 {
    width: 57.44vw;
    right: -.3vw;
    bottom: -6.8vw; }
    @media (max-width: 1279px) {
      .section-02__scene_04 {
        width: 63.44vw;
        right: -9.3vw;
        bottom: -3.5vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02__scene_04 {
        width: 42.44vw;
        right: -7.3vw;
        bottom: -3.5vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-02__scene_04 {
        width: 45.44vw;
        right: -11.3vw;
        bottom: -3.5vw; } }
  .section-02__scene_05 {
    width: 50.57vw;
    left: -21.2vw;
    bottom: -32vw; }
    @media (max-width: 1279px) {
      .section-02__scene_05 {
        width: 57.57vw;
        left: -35.2vw;
        bottom: -32vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02__scene_05 {
        width: 45.57vw;
        left: -31.2vw;
        bottom: -29vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-02__scene_05 {
        width: 46.57vw;
        left: -32.2vw;
        bottom: -30vw; } }

.section-02.second-phase .section-02__scene {
  transition: -webkit-transform 1.25s;
  transition: transform 1.25s;
  transition: transform 1.25s, -webkit-transform 1.25s;
  transition-delay: .1s; }
  .section-02.second-phase .section-02__scene_01 {
    -webkit-transform: translate3d(-14.5vw, 22.6vh, 0) rotate(11deg);
            transform: translate3d(-14.5vw, 22.6vh, 0) rotate(11deg); }
    @media (max-width: 1279px) {
      .section-02.second-phase .section-02__scene_01 {
        -webkit-transform: translate3d(-13.5vw, 13.6vh, 0) rotate(13deg);
                transform: translate3d(-13.5vw, 13.6vh, 0) rotate(13deg); } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02.second-phase .section-02__scene_01 {
        -webkit-transform: translate3d(-10.5vw, 4.6vw, 0) rotate(13deg);
                transform: translate3d(-10.5vw, 4.6vw, 0) rotate(13deg); } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-02.second-phase .section-02__scene_01 {
        -webkit-transform: translate3d(-9.5vw, 12.6vh, 0) rotate(13deg);
                transform: translate3d(-9.5vw, 12.6vh, 0) rotate(13deg); } }
  .section-02.second-phase .section-02__scene_02 {
    -webkit-transform: translate3d(24.5vw, 8vw, 0) rotate(15deg);
            transform: translate3d(24.5vw, 8vw, 0) rotate(15deg); }
    @media (max-width: 1279px) {
      .section-02.second-phase .section-02__scene_02 {
        -webkit-transform: translate3d(14.5vw, 16vw, 0) rotate(15deg);
                transform: translate3d(14.5vw, 16vw, 0) rotate(15deg); } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02.second-phase .section-02__scene_02 {
        -webkit-transform: translate3d(6.5vw, 11.5vw, 0) rotate(15deg);
                transform: translate3d(6.5vw, 11.5vw, 0) rotate(15deg); } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-02.second-phase .section-02__scene_02 {
        -webkit-transform: translate3d(8vw, 12vw, 0) rotate(15deg);
                transform: translate3d(8vw, 12vw, 0) rotate(15deg); } }
  .section-02.second-phase .section-02__scene_03 {
    -webkit-transform: translate3d(-0.2vw, 19vw, 0) rotate(-36deg);
            transform: translate3d(-0.2vw, 19vw, 0) rotate(-36deg); }
    @media (max-width: 1279px) {
      .section-02.second-phase .section-02__scene_03 {
        -webkit-transform: translate3d(3.4vw, 15vw, 0) rotate(-39deg);
                transform: translate3d(3.4vw, 15vw, 0) rotate(-39deg); } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-02.second-phase .section-02__scene_03 {
        -webkit-transform: translate3d(0.4vw, 12vw, 0) rotate(-39deg);
                transform: translate3d(0.4vw, 12vw, 0) rotate(-39deg); } }
  .section-02.second-phase .section-02__scene_04 {
    -webkit-transform: translate3d(7vw, 9vw, 0) rotate(-24deg);
            transform: translate3d(7vw, 9vw, 0) rotate(-24deg); }
    @media (max-width: 1279px) {
      .section-02.second-phase .section-02__scene_04 {
        -webkit-transform: translate3d(5vw, 4vw, 0) rotate(-20deg);
                transform: translate3d(5vw, 4vw, 0) rotate(-20deg); } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02.second-phase .section-02__scene_04 {
        -webkit-transform: translate3d(8vw, 4vw, 0) rotate(-20deg);
                transform: translate3d(8vw, 4vw, 0) rotate(-20deg); } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-02.second-phase .section-02__scene_04 {
        -webkit-transform: translate3d(0vw, 6vw, 0) rotate(-21deg);
                transform: translate3d(0vw, 6vw, 0) rotate(-21deg); } }
  .section-02.second-phase .section-02__scene_05 {
    -webkit-transform: translate3d(23.5vw, 7.2vw, 0) rotate(-80deg);
            transform: translate3d(23.5vw, 7.2vw, 0) rotate(-80deg); }
    @media (max-width: 1279px) {
      .section-02.second-phase .section-02__scene_05 {
        -webkit-transform: translate3d(30vw, 10.5vw, 0) rotate(-82deg);
                transform: translate3d(30vw, 10.5vw, 0) rotate(-82deg); } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-02.second-phase .section-02__scene_05 {
        -webkit-transform: translate3d(22.5vw, 7vw, 0) rotate(-82deg);
                transform: translate3d(22.5vw, 7vw, 0) rotate(-82deg); } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-02.second-phase .section-02__scene_05 {
        -webkit-transform: translate3d(15vw, 0.5vw, 0) rotate(-79deg);
                transform: translate3d(15vw, 0.5vw, 0) rotate(-79deg); } }

.section-02.third-phase .section-02-content {
  -webkit-animation-duration: .5s;
          animation-duration: .5s; }

.section-02.third-phase .section-02__scene {
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  transition-delay: 0s; }
  .section-02.third-phase .section-02__scene_01 {
    -webkit-transform: translate3d(-25.5vw, -10.4vw, 0) rotate(10deg);
            transform: translate3d(-25.5vw, -10.4vw, 0) rotate(10deg); }
  .section-02.third-phase .section-02__scene_02 {
    -webkit-transform: translate3d(29.5vw, -6vw, 0) rotate(15deg);
            transform: translate3d(29.5vw, -6vw, 0) rotate(15deg); }
  .section-02.third-phase .section-02__scene_03 {
    -webkit-transform: translate3d(14.8vw, 31vw, 0) rotate(-39deg);
            transform: translate3d(14.8vw, 31vw, 0) rotate(-39deg); }
  .section-02.third-phase .section-02__scene_04 {
    -webkit-transform: translate3d(21vw, 14vw, 0) rotate(-24deg);
            transform: translate3d(21vw, 14vw, 0) rotate(-24deg); }
  .section-02.third-phase .section-02__scene_05 {
    -webkit-transform: translate3d(7.8vw, 11.5vw, 0) rotate(-82deg);
            transform: translate3d(7.8vw, 11.5vw, 0) rotate(-82deg); }

.section-04-content {
  margin: calc(7vh + 50px) 10vw 0;
  display: flex;
  justify-content: space-between; }
  @media (max-width: 1365px) {
    .section-04-content {
      margin: 12vh 11vw 0; } }
  @media (max-width: 1279px) {
    .section-04-content {
      margin-top: calc(10vh + 50px); } }
  @media (max-width: 1023px) {
    .section-04-content {
      margin: 10.5vh 6vw 0;
      /*14.5*/
      display: block; } }
  @media (max-width: 1279px) and (max-height: 1200px) and (orientation: portrait) {
    .section-04-content {
      margin: 7vh 6vw 0; } }
  @media (max-width: 1023px) and (max-height: 900px) and (orientation: landscape) {
    .section-04-content {
      margin: 8.5vh 6vw 0; } }
  @media (max-width: 640px) {
    .section-04-content {
      margin: calc(4.6vh + 40px) 5vw 0;
      display: block; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .section-04-content {
      /*margin: 8.6vh 5vw 0;*/
      margin: calc(4.6vh + 40px) auto 0;
      max-width: 288px; } }
  @media (min-width: 641px) and (max-height: 480px) and (orientation: landscape) {
    .section-04-content {
      display: flex;
      min-height: 40vh; } }

.section-04__title {
  width: 40.2604vw;
  height: 24.1667vh;
  visibility: hidden; }
  @media (max-width: 1365px) {
    .section-04__title {
      width: 51.3vw;
      height: 35.7vh; } }
  @media (max-width: 1280px) and (max-height: 700px) {
    .section-04__title {
      width: 45.3vw;
      height: 28.7vh; } }
  @media (max-width: 1279px) {
    .section-04__title {
      height: 28.284vh; } }
  @media (max-width: 1023px) {
    .section-04__title {
      width: 100%;
      height: 22.284vh; } }
  @media (min-width: 641px) and (max-height: 480px) and (orientation: landscape) {
    .section-04__title {
      height: 100%; } }
  @media (max-width: 768px) and (max-height: 1020px) and (orientation: portrait) {
    .section-04__title {
      max-height: 200px; } }
  @media (max-width: 768px) and (max-height: 900px) and (orientation: portrait) {
    .section-04__title {
      max-height: 160px; } }
  @media (max-width: 640px) {
    .section-04__title {
      height: 17vh;
      padding-left: 40px;
      padding-right: 40px; } }
  .section-04__title.is-visible {
    visibility: visible; }
  .section-04__title img {
    /*width: 100%;
			height: 100%;*/
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto; }
    @media (max-width: 1365px) {
      .section-04__title img {
        max-width: 90%;
        max-height: 90%;
        display: inline; } }
    @media (min-width: 641px) and (max-height: 480px) and (orientation: landscape) {
      .section-04__title img {
        max-width: 90%; } }

.section-04__timer {
  position: relative;
  width: 7.2396vw;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  visibility: hidden; }
  @media (max-width: 1365px) {
    .section-04__timer {
      width: auto; } }
  @media (max-width: 1023px) {
    .section-04__timer {
      display: none; } }
  .section-04__timer.is-visible {
    visibility: visible; }
  .section-04__timer:after {
    content: '';
    position: absolute;
    background: url(../i/section-04/timer.png) no-repeat left top #e8ac00;
    background-size: contain;
    width: 3.59375vw;
    height: 3.59375vw;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    margin: -0.463vh 0 0 0.2525vw;
    display: none; }
    @media (max-width: 1365px) {
      .section-04__timer:after {
        display: none; } }

.section-04__info {
  width: 32.5vw;
  text-align: left;
  padding: 2vh 2vw 2vh 0;
  font-size: 1.1979vw;
  line-height: 1.2;
  color: #ffffff;
  display: flex;
  align-items: center;
  -webkit-animation-delay: .5s;
          animation-delay: .5s;
  visibility: hidden; }
  @media (max-width: 1365px) {
    .section-04__info {
      padding: 0 0 1vh 0;
      width: 35vw;
      font-size: 1.7vw; } }
  @media (max-width: 1365px) and (max-height: 800px) and (orientation: landscape) {
    .section-04__info {
      font-size: 1.6vw;
      line-height: 1.1;
      padding: 2vh 0 0 0;
      width: 36vw; } }
  @media (max-width: 1280px) and (max-height: 700px) {
    .section-04__info {
      font-size: 1.4vw; } }
  @media (max-width: 1023px) {
    .section-04__info {
      padding: 3vh 0 5vh;
      width: 100%;
      height: auto;
      display: block;
      text-align: center;
      font-size: 2.8646vw; } }
  @media (max-width: 1023px) and (max-height: 1020px) and (orientation: landscape) {
    .section-04__info {
      font-size: 2.2646vw;
      max-width: 760px;
      margin: 0 auto; } }
  @media (max-width: 1023px) and (max-height: 800px) and (orientation: landscape) {
    .section-04__info {
      font-size: 2.0646vw; } }
  @media (max-width: 1023px) and (max-height: 1020px) and (orientation: portrait) {
    .section-04__info {
      font-size: 2.2646vw;
      max-width: 600px;
      margin: 0 auto; } }
  @media (max-width: 768px) and (max-height: 600px) and (orientation: landscape) {
    .section-04__info {
      font-size: 2.4646vw; } }
  @media (max-width: 768px) and (max-height: 1240px) and (orientation: portrait) {
    .section-04__info {
      font-size: 3.4646vw; } }
  @media (max-width: 768px) and (max-height: 1020px) and (orientation: portrait) {
    .section-04__info {
      font-size: 2.4646vw;
      max-width: none; } }
  @media (max-width: 640px) {
    .section-04__info {
      padding: 4vh 0;
      line-height: 1.1; } }
  @media (max-width: 640px) and (max-height: 1020px) and (orientation: portrait) {
    .section-04__info {
      font-size: 3.2646vw; } }
  @media (max-width: 640px) and (max-height: 800px) and (orientation: landscape) {
    .section-04__info {
      font-size: 2.6646vw; } }
  @media (max-width: 640px) and (max-height: 800px) and (orientation: portrait) {
    .section-04__info {
      font-size: 16px; } }
  @media (max-width: 640px) and (min-height: 1040px) and (orientation: portrait) {
    .section-04__info {
      font-size: 4.2629vw;
      padding: 3vh 0; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .section-04__info {
      padding: 3vh 0;
      font-size: 14px;
      line-height: 1; } }
  @media (min-width: 641px) and (max-height: 480px) and (orientation: landscape) {
    .section-04__info {
      text-align: left;
      padding-top: 0; } }
  @media (max-width: 640px) and (max-height: 480px) and (orientation: landscape) {
    .section-04__info {
      font-size: 14px; } }
  .section-04__info.is-visible {
    visibility: visible; }

.section-04__carousel {
  position: relative;
  font-size: 0;
  line-height: 1;
  height: calc(64.2vh + 50px);
  overflow: hidden;
  padding-top: 50px;
  margin-top: -50px;
  opacity: 0; }
  @media (max-width: 1365px) {
    .section-04__carousel {
      height: 50.3vh;
      padding-top: 0;
      padding: 0 10%;
      margin-top: 0;
      overflow: visible; } }
  @media (max-width: 1023px) {
    .section-04__carousel {
      height: 45.6vh;
      padding: 0; } }
  @media (max-width: 640px) {
    .section-04__carousel {
      height: 47.6vh; } }

.section-04__carousel-wrapper {
  height: 100%; }

.section-04__carousel-item {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 1%;
  width: 31.3333%;
  height: 100%;
  visibility: hidden; }
  .section-04__carousel-item.is-visible {
    visibility: visible; }
  .section-04__carousel-item.animation-order-first {
    -webkit-animation-delay: 1.4s;
            animation-delay: 1.4s; }
  .section-04__carousel-item.animation-order-second {
    -webkit-animation-delay: 1.6s;
            animation-delay: 1.6s; }
  .section-04__carousel-item.animation-order-third {
    -webkit-animation-delay: 1.8s;
            animation-delay: 1.8s; }

.section-04__carousel-container {
  position: relative;
  width: 100%;
  height: 100%;
  transition: -webkit-transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out;
  transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
  -webkit-transform: scale(0.7);
          transform: scale(0.7);
  opacity: 0.8; }
  @media (max-width: 1365px) {
    .section-04__carousel-container {
      opacity: 0.5; } }

.section-04__carousel-item.slick-active .section-04__carousel-container,
.section-04__carousel-item.slick-center .section-04__carousel-container,
.section-04__carousel-item.slick-current .section-04__carousel-container {
  /*@media($dtmedium) {*/
  -webkit-transform: scale(1);
          transform: scale(1);
  cursor: default;
  opacity: 1;
  /*}*/ }

.section-04__carousel-tab {
  background: #ffffff;
  font-family: 'gsnb';
  font-size: 2.1875vw;
  line-height: 6.4815vh;
  letter-spacing: 0.01em;
  color: #f5c300;
  height: 6.9444vh;
  padding: 0 2vw;
  border-radius: 3.3vh;
  min-width: 13.0208vw;
  text-align: center;
  white-space: nowrap;
  position: absolute;
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%);
  z-index: 2;
  cursor: pointer;
  /*&:hover{
			background: #ffffff;
			color: #f5c300;
		}
		.section-04 .slick-current.slick-active.slick-center &:hover{
			background: none;
			color: #ffffff;
		}*/ }
  .section-04__carousel-tab:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    border: 3px solid #ffffff;
    box-shadow: 0 8px 16px rgba(119, 69, 69, 0.27);
    border-radius: 3.3vh; }
  @media (max-width: 1365px) {
    .section-04__carousel-tab {
      font-size: 2.539vw;
      line-height: 3.5156vw;
      height: 3.90625vw;
      padding: 0 1.5vw; } }
  @media (max-height: 800px) and (orientation: landscape) {
    .section-04__carousel-tab {
      font-size: 1.639vw; } }
  @media (max-width: 1440px) and (max-height: 600px) and (orientation: landscape) {
    .section-04__carousel-tab {
      font-size: 2.239vw; } }
  @media (max-width: 1440px) and (max-height: 600px) and (orientation: landscape) {
    .section-04__carousel-tab {
      font-size: 2.039vw; } }
  @media (max-width: 1365px) and (max-height: 800px) and (orientation: landscape) {
    .section-04__carousel-tab {
      font-size: 2.039vw;
      line-height: 2.8156vw;
      height: 3.00625vw; } }
  @media (max-width: 1365px) and (max-height: 600px) and (orientation: landscape) {
    .section-04__carousel-tab {
      line-height: 2.8156vw;
      height: 3.00625vw; } }
  @media (max-width: 1023px) {
    .section-04__carousel-tab {
      font-size: 3.6458vw;
      line-height: 3.7109vh;
      height: 4.1015vh;
      padding: 0 1.5vw; } }
  @media (max-width: 1023px) and (max-height: 1020px) and (orientation: landscape) {
    .section-04__carousel-tab {
      font-size: 3.0458vw; } }
  @media (max-width: 1023px) and (max-height: 900px) and (orientation: landscape) {
    .section-04__carousel-tab {
      font-size: 2.4458vw; } }
  @media (max-width: 1023px) and (max-height: 800px) and (orientation: landscape) {
    .section-04__carousel-tab {
      font-size: 2.0458vw;
      line-height: 4.2109vh;
      height: 4.6615vh; } }
  @media (max-width: 1023px) and (max-height: 1240px) and (orientation: portrait) {
    .section-04__carousel-tab {
      font-size: 3.4458vw; } }
  @media (max-width: 1023px) and (max-height: 1020px) and (orientation: portrait) {
    .section-04__carousel-tab {
      font-size: 2.8458vw; } }
  @media (max-width: 768px) and (max-height: 1240px) and (orientation: portrait) {
    .section-04__carousel-tab {
      line-height: 3.0109vh;
      height: auto;
      min-height: 30px;
      padding: 10px 25px; } }
  @media (max-width: 640px) {
    .section-04__carousel-tab {
      font-size: 2.708vw;
      line-height: 3.75vw;
      height: 4.167vw;
      padding: 0 2vw;
      -webkit-transform: scale(1.3) translate(-50%, 50%);
              transform: scale(1.3) translate(-50%, 50%);
      height: auto !important;
      min-height: 30px !important;
      padding: 7px 20px !important; } }
  @media (max-width: 640px) and (max-height: 1240px) and (orientation: portrait) {
    .section-04__carousel-tab {
      font-size: 3.4458vw;
      line-height: 3.0109vh;
      height: 3.1015vh; } }
  @media (max-width: 640px) and (max-height: 1240px) and (orientation: portrait) {
    .section-04__carousel-tab {
      line-height: 2.7109vh;
      height: 2.8015vh; } }
  @media (max-width: 640px) and (max-height: 1020px) and (orientation: portrait) {
    .section-04__carousel-tab {
      font-size: 3.708vw;
      line-height: 4.75vw;
      height: 5.167vw; } }
  @media (max-width: 640px) and (max-height: 800px) and (orientation: landscape) {
    .section-04__carousel-tab {
      font-size: 3.708vw;
      line-height: 4.75vw;
      height: 5.167vw; } }
  @media (max-width: 640px) and (max-height: 600px) and (orientation: landscape) {
    .section-04__carousel-tab {
      font-size: 2.708vw;
      line-height: 3.75vw;
      height: 4.167vw;
      padding: 0 2vw; } }
  @media (max-width: 1023px) and (max-height: 480px) and (orientation: landscape) {
    .section-04__carousel-tab {
      line-height: 6.2109vh;
      height: 6.6615vh; } }
  @media (max-width: 640px) and (min-height: 1040px) and (orientation: portrait) {
    .section-04__carousel-tab {
      font-size: 4.6181vw;
      line-height: 3.1199vh;
      height: 3.2841vh;
      padding: 0 2.5vw; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .section-04__carousel-tab {
      font-size: 16px;
      line-height: 22px;
      height: 24px;
      padding: 0 2vw; } }
  .section-04__carousel-tab--fitness {
    margin: 0 0 20.3vh 1.6vw; }
    @media (max-width: 1365px) {
      .section-04__carousel-tab--fitness {
        margin: 0 0 20.3vh -1.8vw; } }
    @media (max-width: 1365px) and (max-height: 800px) and (orientation: landscape) {
      .section-04__carousel-tab--fitness {
        margin: 0 0 20.5vh -1.1vw; } }
    @media (max-width: 1023px) {
      .section-04__carousel-tab--fitness {
        margin: 0 0 23.1vh -3.8vw; } }
    @media (max-width: 1023px) and (max-height: 900px) and (orientation: landscape) {
      .section-04__carousel-tab--fitness {
        margin: 0 0 23.1vh -0.8vw; } }
    @media (max-width: 1023px) and (max-height: 1240px) and (orientation: portrait) {
      .section-04__carousel-tab--fitness {
        margin: 0 0 23.1vh -0.8vw; } }
    @media (max-width: 640px) and (min-height: 1040px) and (orientation: portrait) {
      .section-04__carousel-tab--fitness {
        margin: 0 0 22vh -0.8vw; } }
    @media (max-width: 400px) and (orientation: portrait) {
      .section-04__carousel-tab--fitness {
        margin: 0 0 25vh -1.8vw; } }
  .section-04__carousel-tab--office {
    margin: 0 0 31.2vh 1.2vw; }
    @media (max-width: 1365px) {
      .section-04__carousel-tab--office {
        margin: 0 0 26.5vh -1.1vw; } }
    @media (max-width: 1023px) {
      .section-04__carousel-tab--office {
        margin: 0 0 25.7vh -1.5vw; } }
    @media (max-width: 640px) {
      .section-04__carousel-tab--office {
        margin: 0 0 23vh -2.3vw; } }
    @media (max-width: 640px) and (min-height: 1040px) and (orientation: portrait) {
      .section-04__carousel-tab--office {
        margin: 0 0 20vh -2.3vw; } }
    @media (max-width: 400px) and (orientation: portrait) {
      .section-04__carousel-tab--office {
        margin: 0 0 25vh -1.3vw; } }
  .section-04__carousel-tab--road {
    margin: 0 0 25.0vh 4.6vw; }
    @media (max-width: 1365px) {
      .section-04__carousel-tab--road {
        margin: 0 0 21vh -0.4vw; } }
    @media (max-width: 1365px) and (max-height: 1020px) and (orientation: landscape) {
      .section-04__carousel-tab--road {
        margin: 0 0 22.5vh -1.1vw; } }
    @media (max-width: 1023px) {
      .section-04__carousel-tab--road {
        margin: 0 0 23vh -0.4vw; } }
    @media (max-width: 640px) {
      .section-04__carousel-tab--road {
        margin: 0 0 23vh -2.4vw; } }
    @media (max-width: 640px) and (min-height: 1040px) and (orientation: portrait) {
      .section-04__carousel-tab--road {
        margin: 0 0 17vh -2.3vw; } }
    @media (max-width: 400px) and (orientation: portrait) {
      .section-04__carousel-tab--road {
        margin: 0 0 25vh -1vw; } }

.section-04__carousel-item.slick-active .section-04__carousel-tab,
.section-04__carousel-item.slick-center .section-04__carousel-tab,
.section-04__carousel-item.slick-current .section-04__carousel-tab {
  cursor: default; }
  @media (max-width: 640px) {
    .section-04__carousel-item.slick-active .section-04__carousel-tab,
    .section-04__carousel-item.slick-center .section-04__carousel-tab,
    .section-04__carousel-item.slick-current .section-04__carousel-tab {
      -webkit-transform: scale(1) translate(-50%, 50%);
              transform: scale(1) translate(-50%, 50%); } }

.section-04__carousel-marker {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0; }
  .section-04__carousel-marker img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    opacity: 0;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.section-04__carousel-pic {
  position: absolute;
  bottom: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 50%);
          transform: translate(-50%, 50%); }

.section-04__carousel-pic--fitness {
  background: url(../i/section-04/fitness.png) no-repeat center center;
  background-size: contain;
  width: 23.2812vw;
  height: 33.0555vh;
  margin: 0 0 -6vh 2.5vw; }
  @media (max-width: 1365px) {
    .section-04__carousel-pic--fitness {
      margin: 0 0 1vh -1.5vw; } }
  @media (max-width: 1023px) {
    .section-04__carousel-pic--fitness {
      margin: 0 0 7vh -3.5vw;
      width: 33.2812vw;
      height: 21.2812vh; } }
  @media (max-width: 1023px) and (max-height: 900px) and (orientation: landscape) {
    .section-04__carousel-pic--fitness {
      margin: 0 0 6vh -0.5vw; } }
  @media (max-width: 1023px) and (max-height: 1240px) and (orientation: portrait) {
    .section-04__carousel-pic--fitness {
      margin: 0 0 6vh -0.5vw; } }
  @media (max-width: 640px) {
    .section-04__carousel-pic--fitness {
      margin: 0 0 4vh -2.5vw;
      width: 23.2812vw;
      height: 23.2812vh; } }
  @media (max-width: 640px) and (max-height: 1240px) and (orientation: portrait) {
    .section-04__carousel-pic--fitness {
      width: 100%;
      height: 100%; } }
  @media (max-width: 640px) and (max-height: 1020px) and (orientation: portrait) {
    .section-04__carousel-pic--fitness {
      max-height: 240px; } }
  @media (max-width: 640px) and (max-height: 800px) and (orientation: landscape) {
    .section-04__carousel-pic--fitness {
      width: 100%;
      height: 100%;
      max-height: 170px;
      margin-left: -0.5vw; } }
  @media (max-width: 640px) and (max-height: 800px) and (orientation: portrait) {
    .section-04__carousel-pic--fitness {
      width: 100%;
      height: 100%;
      max-height: 170px;
      margin-left: -0.5vw; } }
  @media (max-width: 640px) and (max-height: 600px) and (orientation: landscape) {
    .section-04__carousel-pic--fitness {
      max-height: 28vh; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .section-04__carousel-pic--fitness {
      margin: 0 0 4vh -1.5vw;
      width: 100%;
      height: 100%;
      max-height: 28vh; } }

.section-04__carousel-pic--fitness .section-04__carousel-marker {
  background: url(../i/section-04/fitness-marker.png) no-repeat center center;
  background-size: contain; }

.section-04__carousel-pic--office {
  background: url(../i/section-04/office.png) no-repeat center center;
  background-size: contain;
  width: 36.6667vw;
  height: 58.2407vh;
  margin: 0 0 -3.8vh 0.8vw; }
  @media (max-width: 1365px) {
    .section-04__carousel-pic--office {
      margin: 0 0 0.6vh -1.2vw; } }
  @media (max-width: 1365px) and (max-height: 1020px) and (orientation: landscape) {
    .section-04__carousel-pic--office {
      height: 40.2407vh; } }
  @media (max-width: 1023px) {
    .section-04__carousel-pic--office {
      margin: 0 0 5.2vh -1.8vw;
      width: 51.6667vw;
      height: 52.2407vh; } }
  @media (max-width: 1023px) and (max-height: 1020px) and (orientation: landscape) {
    .section-04__carousel-pic--office {
      height: 30.2407vh; } }
  @media (max-width: 1023px) and (max-height: 800px) and (orientation: landscape) {
    .section-04__carousel-pic--office {
      margin: 0 0 4.2vh -0.4vw;
      height: 32.2407vh; } }
  @media (max-width: 1023px) and (max-height: 1240px) and (orientation: portrait) {
    .section-04__carousel-pic--office {
      margin: 0 0 4.2vh -0.4vw;
      height: 32.2407vh; } }
  @media (max-width: 640px) {
    .section-04__carousel-pic--office {
      margin: 0 0 0.2vh -1.8vw;
      width: 24.6667vw;
      height: 34.2407vh; } }
  @media (max-width: 640px) and (max-height: 1240px) and (orientation: portrait) {
    .section-04__carousel-pic--office {
      width: 100%;
      height: 100%; } }
  @media (max-width: 640px) and (max-height: 1020px) and (orientation: portrait) {
    .section-04__carousel-pic--office {
      max-height: 270px; } }
  @media (max-width: 640px) and (max-height: 800px) and (orientation: landscape) {
    .section-04__carousel-pic--office {
      width: 100%;
      height: 100%;
      max-height: 200px; } }
  @media (max-width: 640px) and (max-height: 800px) and (orientation: portrait) {
    .section-04__carousel-pic--office {
      width: 100%;
      height: 100%;
      max-height: 200px; } }
  @media (max-width: 640px) and (max-height: 600px) and (orientation: landscape) {
    .section-04__carousel-pic--office {
      max-height: 32vh; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .section-04__carousel-pic--office {
      margin: 0 0 2.6vh 1.4vw;
      width: 100%;
      height: 100%;
      max-height: 32vh; } }

.section-04__carousel-pic--office .section-04__carousel-marker {
  background: url(../i/section-04/office-marker.png) no-repeat center center;
  background-size: contain; }

.section-04__carousel-pic--road {
  background: url(../i/section-04/road.png) no-repeat center center;
  background-size: contain;
  width: 38.9583vw;
  height: 52.963vh;
  margin: 0 0 -2.4vh 0.5vw; }
  @media (max-width: 1365px) {
    .section-04__carousel-pic--road {
      margin: 0 0 0.6vh -3.5vw; } }
  @media (max-width: 1365px) and (max-height: 1020px) and (orientation: landscape) {
    .section-04__carousel-pic--road {
      height: 44.963vh; } }
  @media (max-width: 1023px) {
    .section-04__carousel-pic--road {
      margin: 0 0 5.6vh -3.5vw;
      width: 45.9583vw;
      height: 28.963vh; } }
  @media (max-width: 640px) {
    .section-04__carousel-pic--road {
      margin: 0 0 0.6vh -3.5vw;
      width: 33.9583vw;
      height: 33.963vh; } }
  @media (max-width: 640px) and (max-height: 1240px) and (orientation: portrait) {
    .section-04__carousel-pic--road {
      width: 100%;
      height: 100%; } }
  @media (max-width: 640px) and (max-height: 800px) and (orientation: landscape) {
    .section-04__carousel-pic--road {
      width: 100%;
      height: 100%;
      max-height: 200px; } }
  @media (max-width: 640px) and (max-height: 800px) and (orientation: portrait) {
    .section-04__carousel-pic--road {
      width: 100%;
      height: 100%;
      max-height: 200px; } }
  @media (max-width: 640px) and (max-height: 600px) and (orientation: landscape) {
    .section-04__carousel-pic--road {
      max-height: 40vh; } }
  @media (max-width: 400px) and (orientation: portrait) {
    .section-04__carousel-pic--road {
      margin: 0 0 2.6vh -2.5vw;
      width: 100%;
      height: 100%; } }

.section-04__carousel-pic--road .section-04__carousel-marker {
  background: url(../i/section-04/road-marker.png) no-repeat center center;
  background-size: contain; }

.section-04 .slick-slide {
  display: inline-block;
  height: 65.8333vh;
  cursor: pointer; }
  @media (max-width: 1365px) {
    .section-04 .slick-slide {
      height: 54.3vh; } }

.section-04 .slick-list {
  overflow: visible; }

.section-04 .slick-dots {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 3vh;
  padding: 0;
  margin: 0; }
  @media (max-width: 400px) and (orientation: portrait) {
    .section-04 .slick-dots {
      bottom: 9vh;
      /*5vh*/ } }

.section-04 .slick-dots li {
  width: 8px;
  height: 8px;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  display: inline-block;
  margin: 0 15px; }
  @media (max-width: 640px) {
    .section-04 .slick-dots li {
      width: 5px;
      height: 5px;
      margin: 0 5px; } }

.section-04 .slick-dots li.slick-active {
  width: 12px;
  height: 12px;
  margin: -2px 13px;
  background: white; }
  @media (max-width: 640px) {
    .section-04 .slick-dots li.slick-active {
      width: 5px;
      height: 5px;
      margin: 0 5px; } }

.section-04 .slick-dots button {
  background: none;
  border: none medium;
  width: 100%;
  height: 100%;
  opacity: 0; }

.section-04-wrapper.second-scene .section-04__title,
.section-04-wrapper.second-scene .section-04__timer,
.section-04-wrapper.second-scene .section-04__info,
.section-04-wrapper.second-scene .section-04__carousel-item {
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: .5s;
          animation-duration: .5s; }

.galery {
  position: relative;
  width: 60.41vw;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: left;
  /*@media ($dtsmall) {
		width: 74.41vw;
		top: calc(50% - 3.54vw);
	}*/ }
  @media (max-width: 1366px) and (max-height: 650px) {
    .galery {
      width: 54.41vw; } }
  @media (max-width: 1024px) {
    .galery {
      top: 50%; } }
  @media (max-width: 768px) {
    .galery {
      -webkit-transform: translate(-50%, -52.5%);
              transform: translate(-50%, -52.5%); } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .galery {
      width: 65vw; } }
  @media (max-width: 768px) and (orientation: landscape) {
    .galery {
      width: 72.5vw;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }
  @media (max-width: 640px) {
    .galery {
      width: 87.76vw;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); } }
  .galery__header {
    margin-bottom: 6.45vh; }
    @media (max-width: 1366px) and (max-height: 700px) {
      .galery__header {
        margin-bottom: 3.25vh; } }
    @media (max-width: 1279px) {
      .galery__header {
        margin-bottom: 4vh; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .galery__header {
        margin-bottom: 2.25vh; } }
    @media (max-width: 768px) and (orientation: landscape) {
      .galery__header {
        margin-bottom: 4vh; } }
    @media (min-width: 400px) and (max-height: 640px) and (max-width: 420px) {
      .galery__header {
        margin-bottom: 2.25vh; } }
  .galery__slider {
    display: block;
    position: relative;
    font-size: 0; }
    @media (max-width: 1024px) and (orientation: portrait) {
      .galery__slider {
        display: none; } }
  .galery__widget {
    display: none; }
    @media (max-width: 1024px) and (orientation: portrait) {
      .galery__widget {
        display: block; } }

.header-galery {
  padding-left: .93vw;
  font-size: 0;
  color: #fff;
  /*@media ($dtsmall) {
		padding-left: 0;
	}*/ }
  @media (max-width: 640px) and (orientation: portrait) {
    .header-galery {
      width: 70%;
      margin: 0 auto;
      margin-bottom: 30px; } }

.header-galery__item {
  display: inline-block;
  vertical-align: top; }
  .header-galery__item img {
    width: 100%;
    height: auto; }
  .header-galery__item:first-child {
    width: 6.7vw;
    margin-right: 1.56vw;
    overflow: hidden;
    /*@media ($dtsmall) {
			width: 13.47vw;
			margin-right: 3.22vw;
		}*/ }
    @media (max-width: 768px) {
      .header-galery__item:first-child {
        width: 13.12vw;
        margin-right: 2.91vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .header-galery__item:first-child {
        display: none;
        width: 19.68vh;
        margin-right: 6.25vh; } }
    @media (max-width: 640px) and (orientation: portrait) {
      .header-galery__item:first-child {
        display: inline-block;
        width: 33%;
        margin-right: 3%; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .header-galery__item:last-child {
      width: 64%; } }

.header-galery__title {
  margin-bottom: .55vh;
  padding-left: .1vw;
  font-size: 1.71vw;
  line-height: 1.71vw;
  font-family: 'gsnb';
  /*@media ($dtsmall) {
		margin-bottom: .78vw;
		font-size: 3.22vw;
		line-height: 3.22vw;
	}*/ }
  @media (max-width: 768px) {
    .header-galery__title {
      font-size: 3.33vw;
      line-height: 3.33vw; } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .header-galery__title {
      font-size: 5vh;
      line-height: 5vh;
      margin-bottom: 1.25vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .header-galery__title {
      font-size: 5.55vw;
      line-height: 5.55vw;
      margin-bottom: 3%; } }

.header-galery__lead {
  margin-bottom: 1.85vh;
  padding-left: .1vw;
  font-size: 1.04vw;
  line-height: 1.04vw;
  font-family: 'gsnm';
  /*@media ($dtsmall) {
		margin-bottom: 1.95vw;
		font-size: 1.95vw;
		line-height: 1.95vw;
	}*/ }
  @media (max-width: 768px) {
    .header-galery__lead {
      font-size: 2.08vw;
      line-height: 2.08vw; } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .header-galery__lead {
      font-size: 3.12vh;
      line-height: 3.12vh;
      margin-bottom: 2.81vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .header-galery__lead {
      font-size: 3.88vw;
      line-height: 3.88vw;
      margin-bottom: 3%; } }

.header-galery__btn {
  padding: .67vw .93vw .57vw;
  font-size: .83vw;
  line-height: .83vw;
  border: 3px solid #fff;
  border-radius: 30px;
  text-transform: uppercase;
  outline: none;
  font-family: 'gsnm';
  color: #fff;
  background-color: #3897f1;
  cursor: pointer;
  /*@media ($dtsmall) {
		font-size: 1.56vw;
		line-height: 1.56vw;
	}*/ }
  @media (max-width: 768px) {
    .header-galery__btn {
      padding: 1.25vw 1.66vw;
      font-size: 2.08vw;
      line-height: 2.08vw;
      border: 1px solid #fff; } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .header-galery__btn {
      padding: 1.85vh 2.5vh;
      font-size: 2.5vh;
      line-height: 2.5vh; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .header-galery__btn {
      padding: 1.5vw 2.66vw;
      font-size: 4.44vw;
      line-height: 4.44vw; } }

.card {
  display: block;
  margin: 0 2px;
  background-color: #fff;
  text-decoration: none;
  color: #636363;
  visibility: hidden; }
  @media (max-width: 768px) {
    .card {
      margin: 0 1px; } }
  .card:nth-child(1) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .card:nth-child(2) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .card:nth-child(3) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .card:nth-child(4) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .card:nth-child(5) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .card:nth-child(6) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .card:nth-child(7) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .card:nth-child(8) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .card:nth-child(9) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .card:nth-child(10) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .card:nth-child(11) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .card:nth-child(12) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .card:nth-child(13) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s; }
  .card:nth-child(14) {
    -webkit-animation-delay: 0.1s;
            animation-delay: 0.1s; }
  .card:nth-child(15) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s; }
  .card.is-visible {
    visibility: visible; }

.card__wrapper {
  display: -ms-flex;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.card__item {
  font-size: 0;
  line-height: 0; }

.card__main {
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid #fef7d9;
  border-top: 4px solid #fef7d9;
  border-bottom: 4px solid #fef7d9; }
  .card__main img {
    width: 100%;
    height: auto; }

.header-card {
  padding: 1.2vh .62vw .92vh; }
  @media (max-width: 1279px) {
    .header-card {
      padding: 1.04vh .87vw .78vh; } }
  .header-card__item {
    display: inline-block;
    vertical-align: middle;
    font-size: .83vw;
    line-height: .83vw; }
    @media (max-width: 1279px) {
      .header-card__item {
        font-size: .97vw;
        line-height: .97vw; } }
    .header-card__item:first-child {
      width: 2.08vw;
      margin-right: .62vw; }
      @media (max-width: 1279px) {
        .header-card__item:first-child {
          width: 2.53vw;
          margin-right: .78vw; } }
    .header-card__item img {
      width: 100%;
      height: auto; }

.header-card__name {
  margin-bottom: .46vw;
  font-family: 'gsnb'; }

.header-card__date {
  color: #636363;
  text-transform: uppercase; }

.header-card__icon {
  width: 1.3vw;
  height: 1.3vw;
  background-size: contain;
  background-image: url("../i/section-05/inst_icon-04.svg"); }
  @media (max-width: 1279px) {
    .header-card__icon {
      width: 1.66vw;
      height: 1.66vw; } }

.footer-card {
  padding: .95vh .83vw 1.57vh .62vw;
  font-size: .72vw;
  line-height: .72vw; }
  @media (max-width: 1279px) {
    .footer-card {
      padding: .78vh .78vw 1.56vh; } }

.footer-card__inner {
  margin-bottom: .93vw; }

.footer-card__item {
  display: inline-block;
  vertical-align: middle;
  margin-right: .41vw; }
  .footer-card__item i {
    display: inline-block;
    vertical-align: middle;
    width: 1.35vw;
    height: 1.35vw;
    margin-right: 4px; }
    @media (max-width: 1279px) {
      .footer-card__item i {
        width: 1.66vw;
        height: 1.66vw; } }
  .footer-card__item span {
    display: inline-block;
    vertical-align: middle;
    font-size: .72vw;
    line-height: 1.3vw; }
    @media (max-width: 1279px) {
      .footer-card__item span {
        font-size: .97vw;
        line-height: 1.36vw; } }
  .footer-card__item:last-child {
    margin-right: 0; }
  .footer-card__item_likes {
    margin-right: .67vw; }
    .footer-card__item_likes i {
      background-image: url("../i/section-05/inst_icon-01.svg"); }
  .footer-card__item_comments i {
    background-image: url("../i/section-05/inst_icon-02.svg"); }
  .footer-card__item_share i {
    margin-right: .65vw;
    background-image: url("../i/section-05/inst_icon-03.svg"); }

.footer-card__text {
  height: 2.45vw;
  font-size: .72vw;
  line-height: .83vw;
  overflow: hidden; }
  @media (max-width: 1279px) {
    .footer-card__text {
      height: 4vw;
      font-size: .97vw;
      line-height: 1.36vw; } }
  .footer-card__text p {
    margin: 0; }

.slick-vertical .galery__slider .slick-slide {
  height: auto; }

.galery__slider .slick-arrow {
  position: absolute;
  width: 2.6vw;
  height: 2.6vw;
  box-sizing: border-box;
  border: 3px solid #fff;
  border-radius: 50%;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  z-index: 1;
  background-color: transparent; }
  @media (max-width: 1279px) {
    .galery__slider .slick-arrow {
      width: 3.32vw;
      height: 3.32vw;
      border: 2px solid #fff; } }
  @media (max-width: 768px) {
    .galery__slider .slick-arrow {
      border: 1px solid #fff; } }

.galery__slider .slick-arrow:before {
  content: '';
  display: block;
  width: 1.14vw;
  height: 2px;
  background: #fff;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -1px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%); }
  @media (max-width: 768px) {
    .galery__slider .slick-arrow:before {
      height: 2px; } }

.galery__slider .slick-prev {
  left: -6.51vw; }

.galery__slider .slick-prev:after {
  content: '';
  position: absolute;
  display: block;
  width: .72vw;
  height: .72vw;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  top: 50%;
  left: .55vw; }
  @media (max-width: 1279px) {
    .galery__slider .slick-prev:after {
      left: .78vw; } }
  @media (max-width: 768px) {
    .galery__slider .slick-prev:after {
      left: 1vw;
      border-width: 1px; } }

.galery__slider .slick-next {
  right: -6.51vw; }

.galery__slider .slick-next:after {
  content: '';
  position: absolute;
  display: block;
  width: .72vw;
  height: .72vw;
  border-left: 2px solid #fff;
  border-top: 2px solid #fff;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  top: 50%;
  right: .55vw; }
  @media (max-width: 1279px) {
    .galery__slider .slick-next:after {
      right: .78vw; } }
  @media (max-width: 768px) {
    .galery__slider .slick-next:after {
      right: 1vw;
      border-width: 1px; } }

.widget-galery {
  width: 100%;
  font-size: 0;
  border: 2px solid #fceebf; }
  .widget-galery .widget-galery__item {
    display: inline-block;
    vertical-align: top;
    width: 33.333%;
    padding-bottom: 33.333%;
    border: 1px solid #fceebf;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-animation-duration: .75s;
            animation-duration: .75s;
    visibility: hidden; }
    .widget-galery .widget-galery__item.is-visible {
      visibility: visible; }
    .widget-galery .widget-galery__item:nth-child(1) {
      -webkit-animation-delay: 0.1s;
              animation-delay: 0.1s; }
    .widget-galery .widget-galery__item:nth-child(2) {
      -webkit-animation-delay: 0.2s;
              animation-delay: 0.2s; }
    .widget-galery .widget-galery__item:nth-child(3) {
      -webkit-animation-delay: 0.3s;
              animation-delay: 0.3s; }
    .widget-galery .widget-galery__item:nth-child(4) {
      -webkit-animation-delay: 0.4s;
              animation-delay: 0.4s; }
    .widget-galery .widget-galery__item:nth-child(5) {
      -webkit-animation-delay: 0.5s;
              animation-delay: 0.5s; }
    .widget-galery .widget-galery__item:nth-child(6) {
      -webkit-animation-delay: 0.6s;
              animation-delay: 0.6s; }
    .widget-galery .widget-galery__item:nth-child(7) {
      -webkit-animation-delay: 0.7s;
              animation-delay: 0.7s; }
    .widget-galery .widget-galery__item:nth-child(8) {
      -webkit-animation-delay: 0.8s;
              animation-delay: 0.8s; }
    .widget-galery .widget-galery__item:nth-child(9) {
      -webkit-animation-delay: 0.9s;
              animation-delay: 0.9s; }

.section-06__caption {
  font-size: 6.5vw;
  line-height: 1;
  font-family: 'gsnb';
  margin: -6vh 0 11vh;
  color: #ffffff; }
  @media (max-width: 2400px) {
    .section-06__caption {
      font-size: 7.5vw; } }
  @media (max-width: 1279px) {
    .section-06__caption {
      margin: -1vh 0 5vh; } }
  @media (max-width: 1023px) {
    .section-06__caption {
      font-size: 8vw;
      margin: -4vh 0 4vh; } }
  @media (max-width: 768px) {
    .section-06__caption {
      font-size: 11vw; } }
  @media (max-width: 480px) {
    .section-06__caption {
      margin: 7vh 0 7vh;
      font-size: 11vw; } }

.section-06__title {
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 1023px) {
    .section-06__title {
      max-width: 60%; } }
  .section-06__title img {
    width: 100%;
    height: auto; }
  .section-06__title.is-visible {
    visibility: visible; }

.section-06-wrapper {
  position: absolute;
  width: 100%;
  max-width: 62.291vw;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  z-index: 10; }
  @media (max-width: 1279px) {
    .section-06-wrapper {
      max-width: 76.76vw; } }
  @media (max-width: 768px) {
    .section-06-wrapper {
      max-width: 86.66vw; } }
  @media (min-width: 1200px) and (max-height: 564px) {
    .section-06-wrapper {
      max-width: 59vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .section-06-wrapper {
      max-width: 76.76vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .section-06-wrapper {
      max-width: 86.56vw; } }
  @media (max-height: 480px) and (orientation: portrait) {
    .section-06-wrapper {
      max-height: 80vh; } }

.section-06__title {
  width: 100%;
  margin: 0 auto;
  /*@media ($dtsmall) {
		max-width: none;
	}*/
  /*@media (max-width: 320px) and (orientation: portrait) {
		max-width: 52vw;
	}*/ }
  @media (max-width: 1279px) {
    .section-06__title {
      max-width: none; } }
  @media (max-width: 1023px) {
    .section-06__title {
      max-width: none; } }
  @media (max-width: 768px) {
    .section-06__title {
      max-width: 60vw; } }
  @media (min-width: 1200px) and (max-height: 564px) {
    .section-06__title {
      max-width: 39.7917vw; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .section-06__title {
      max-width: 45.84vw; } }
  @media (max-width: 640px) and (orientation: portrait) {
    .section-06__title {
      max-width: 70vw; } }
  @media (max-width: 1023px) and (orientation: landscape) {
    .section-06__title {
      max-width: none; } }
  @media (min-width: 400px) and (max-height: 640px) and (max-width: 420px) {
    .section-06__title {
      max-width: 64vw; } }

.section-06__info {
  width: 100%;
  max-width: 46vw;
  margin: 0 auto;
  margin-top: 3.5vh;
  margin-bottom: 3.5vh;
  font-size: 1.35vw;
  line-height: 1.51vw;
  color: #fff; }
  @media (max-width: 1279px) {
    .section-06__info {
      max-width: none;
      font-size: 1.85vw;
      line-height: 2.05vw;
      margin-top: 2.9vh;
      margin-bottom: 3.5vh; } }
  @media (max-width: 768px) {
    .section-06__info {
      font-size: 2.7vw;
      line-height: 3.12vw;
      /*margin-top: 5vh;
		margin-bottom: 6.25vh;*/ } }
  @media (min-width: 1200px) and (max-height: 564px) {
    .section-06__info {
      margin-top: 1.96vh; } }
  @media (max-width: 1024px) and (orientation: portrait) {
    .section-06__info {
      font-size: 2.99vw;
      line-height: 3.25vw;
      /*margin-top: 5.66vh;
		margin-bottom: 8.1vh;*/ } }
  @media (max-width: 640px) and (orientation: portrait) {
    .section-06__info {
      font-size: 4.37vw;
      line-height: 5vw;
      margin-top: 6.87vw;
      margin-bottom: 6.87vw; } }
  @media (min-width: 400px) and (max-height: 640px) and (max-width: 420px) {
    .section-06__info {
      font-size: 3.37vw;
      line-height: 4vw;
      margin-top: 4vw;
      margin-bottom: 7vw; } }
  @media (max-width: 480px) {
    .section-06__info {
      margin-top: 4.87vw;
      margin-bottom: 4.87vw; } }

.section-06-carousel-wrapper {
  position: relative; }
  @media (max-width: 768px) {
    .section-06-carousel-wrapper {
      max-width: 72.66vw;
      margin: 0 auto; } }
  @media (max-width: 480px) {
    .section-06-carousel-wrapper {
      max-width: 80vw; } }

.second-phase__text-wrapper {
  height: 0;
  overflow: hidden; }

.section-06-carousel {
  position: relative;
  font-size: 0;
  line-height: 1;
  text-align: left; }

.section-06-carousel .slick-list {
  padding-bottom: 15px; }

.section-06-carousel__item {
  width: 13.28vw;
  height: 16.4vh;
  position: relative;
  display: inline-block;
  vertical-align: top; }
  @media (max-width: 1279px) {
    .section-06-carousel__item {
      height: 16.6vh; } }
  @media (max-width: 768px) {
    .section-06-carousel__item {
      height: 12.6vh;
      min-height: 80px; } }
  @media (max-width: 480px) {
    .section-06-carousel__item {
      height: auto;
      min-height: 90px;
      margin-bottom: 10px; } }

.section-06-carousel__prev,
.section-06-carousel__next {
  position: absolute;
  top: 50%;
  left: -85px;
  border: 3px solid #ffffff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-transform: translateY(-40%);
          transform: translateY(-40%);
  cursor: pointer; }
  @media (max-width: 1279px) {
    .section-06-carousel__prev,
    .section-06-carousel__next {
      left: -75px;
      -webkit-transform: translateY(-68%) scale(0.77);
              transform: translateY(-68%) scale(0.77); } }
  @media (max-width: 768px) {
    .section-06-carousel__prev,
    .section-06-carousel__next {
      left: -60px; } }
  @media (max-width: 568px) and (orientation: landscape) {
    .section-06-carousel__prev,
    .section-06-carousel__next {
      left: -50px;
      -webkit-transform: translateY(-70%) scale(0.5);
              transform: translateY(-70%) scale(0.5); } }
  @media (max-width: 568px) and (orientation: portrait) {
    .section-06-carousel__prev,
    .section-06-carousel__next {
      left: -40px;
      -webkit-transform: translateY(-60%) scale(0.5);
              transform: translateY(-60%) scale(0.5); } }
  .section-06-carousel__prev:after,
  .section-06-carousel__next:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 2px;
    background: #ffffff;
    left: 13px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%); }
  .section-06-carousel__prev:before,
  .section-06-carousel__next:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    left: 13px;
    top: 16px;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    border-left: 2px solid #ffffff;
    border-top: 2px solid #ffffff; }

.section-06-carousel__next {
  left: auto;
  right: -85px; }
  @media (max-width: 1279px) {
    .section-06-carousel__next {
      right: -75px; } }
  @media (max-width: 768px) {
    .section-06-carousel__next {
      right: -60px; } }
  @media (max-width: 568px) and (orientation: landscape) {
    .section-06-carousel__next {
      right: -50px;
      -webkit-transform: translateY(-70%) scale(0.5);
              transform: translateY(-70%) scale(0.5); } }
  @media (max-width: 568px) and (orientation: portrait) {
    .section-06-carousel__next {
      right: -40px;
      -webkit-transform: translateY(-60%) scale(0.5);
              transform: translateY(-60%) scale(0.5); } }
  .section-06-carousel__next:after {
    left: auto;
    right: 13px; }
  .section-06-carousel__next:before {
    left: auto;
    right: 13px;
    border: none medium;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff; }

.section-06-carousel__tab {
  background: #ffffff;
  border-radius: 0.5vw;
  text-align: center;
  position: absolute;
  left: 0.8vw;
  right: 0.8vw;
  top: 1.1vh;
  bottom: 1.1vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column; }
  @media (max-width: 480px) {
    .section-06-carousel__tab {
      border-radius: 12px;
      right: 4px;
      left: 4px;
      top: 0;
      bottom: 0;
      padding-bottom: 25px; } }
  .section-06-carousel__tab img {
    max-width: 80%;
    max-height: 80%; }
  .section-06-carousel__tab i {
    position: absolute;
    border: 4px solid #ffffff;
    background: #3a2d79;
    border-radius: 0.9vw;
    font-family: 'gsnb';
    font-size: 0.9vw;
    color: #ffffff;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    font-style: normal;
    line-height: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    padding: 0px 15px 8px;
    bottom: -0.65vw; }
    @media (max-width: 2400px) {
      .section-06-carousel__tab i {
        padding: 8px 10px 12px;
        line-height: 1px;
        border-radius: 15px;
        font-size: 1.1vw;
        bottom: -11px; } }
    @media (max-width: 1279px) {
      .section-06-carousel__tab i {
        padding: 8px 9px 12px; } }
    @media (max-width: 1023px) {
      .section-06-carousel__tab i {
        padding: 6px 9px 10px;
        font-size: 13px;
        border: 2px solid #ffffff;
        bottom: -9px; } }
    @media (max-width: 480px) {
      .section-06-carousel__tab i {
        padding: 6px 15px 9px;
        font-size: 12px;
        bottom: 6px;
        border-radius: 7px; } }

.section-06-carousel__loading {
  background: url(/f/i/loading.svg) no-repeat left top;
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none; }

.section-06__scene {
  position: absolute;
  font-size: 0;
  text-align: center;
  visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(0);
          transform: translate3d(0, 0, 0) rotate(0) scale(0);
  transition: -webkit-transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  z-index: 0; }
  @media (max-width: 640px) {
    .section-06__scene {
      z-index: 1; } }
  .section-06__scene.is-visible {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0) rotate(0) scale(1);
            transform: translate3d(0, 0, 0) rotate(0) scale(1); }
  .section-06__scene img {
    width: 100%;
    height: auto; }
  .section-06__scene_01 {
    width: 65.52vw;
    left: -21.1vw;
    top: -2.2vw; }
    @media (max-width: 1279px) {
      .section-06__scene_01 {
        width: 70.52vw;
        left: -31.1vw;
        top: 4vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-06__scene_01 {
        width: 54.52vw;
        left: -30.5vw;
        top: -.4vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-06__scene_01 {
        width: 58.52vw;
        left: -33.1vw;
        top: -1vw; } }
  .section-06__scene_02 {
    width: 48.64vw;
    right: -11.5vw;
    top: -18.2vw; }
    @media (max-width: 1279px) {
      .section-06__scene_02 {
        width: 53.64vw;
        right: -15.5vw;
        top: -13.2vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-06__scene_02 {
        width: 42.64vw;
        right: -13.5vw;
        top: -17.2vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-06__scene_02 {
        width: 39.64vw;
        right: -12.5vw;
        top: -13.7vw; } }
  .section-06__scene_03 {
    width: 53.07vw;
    left: -3.1vw;
    bottom: -5.9vw; }
    @media (max-width: 1279px) {
      .section-06__scene_03 {
        width: 64.07vw;
        left: -10.1vw;
        bottom: -6.3vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-06__scene_03 {
        width: 43.07vw;
        left: -10.1vw;
        bottom: -4.3vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-06__scene_03 {
        width: 43.07vw;
        left: -11.1vw;
        bottom: -4.3vw; } }
  .section-06__scene_04 {
    width: 57.44vw;
    left: -.3vw;
    bottom: -6.8vw; }
    @media (max-width: 1279px) {
      .section-06__scene_04 {
        width: 63.44vw;
        left: -9.3vw;
        bottom: -3.5vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-06__scene_04 {
        width: 42.44vw;
        left: -7.3vw;
        bottom: -3.5vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-06__scene_04 {
        width: 45.44vw;
        left: -11.3vw;
        bottom: -3.5vw; } }
  .section-06__scene_05 {
    width: 50.57vw;
    right: -28.2vw;
    bottom: -32vw; }
    @media (max-width: 1279px) {
      .section-06__scene_05 {
        width: 57.57vw;
        right: -35.2vw;
        bottom: -32vw; } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-06__scene_05 {
        width: 45.57vw;
        right: -31.2vw;
        bottom: -29vw; } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-06__scene_05 {
        width: 46.57vw;
        right: -32.2vw;
        bottom: -30vw; } }

.section-06.second-phase .section-06__scene {
  transition: -webkit-transform 1.25s;
  transition: transform 1.25s;
  transition: transform 1.25s, -webkit-transform 1.25s;
  transition-delay: .1s; }
  .section-06.second-phase .section-06__scene_01 {
    -webkit-transform: translate3d(-18.5vw, 7vw, 0) rotate(-15deg);
            transform: translate3d(-18.5vw, 7vw, 0) rotate(-15deg); }
    @media (max-width: 1279px) {
      .section-06.second-phase .section-06__scene_01 {
        -webkit-transform: translate3d(-14.5vw, 8vw, 0) rotate(-15deg);
                transform: translate3d(-14.5vw, 8vw, 0) rotate(-15deg); } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-06.second-phase .section-06__scene_01 {
        -webkit-transform: translate3d(-6.5vw, 11.5vw, 0) rotate(-15deg);
                transform: translate3d(-6.5vw, 11.5vw, 0) rotate(-15deg); } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-06.second-phase .section-06__scene_01 {
        -webkit-transform: translate3d(-8vw, 12vw, 0) rotate(-15deg);
                transform: translate3d(-8vw, 12vw, 0) rotate(-15deg); } }
  .section-06.second-phase .section-06__scene_02 {
    -webkit-transform: translate3d(14.5vw, 4.6vw, 0) rotate(-10deg);
            transform: translate3d(14.5vw, 4.6vw, 0) rotate(-10deg); }
    @media (max-width: 1279px) {
      .section-06.second-phase .section-06__scene_02 {
        -webkit-transform: translate3d(13.5vw, 4.6vw, 0) rotate(-13deg);
                transform: translate3d(13.5vw, 4.6vw, 0) rotate(-13deg); } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-06.second-phase .section-06__scene_02 {
        -webkit-transform: translate3d(10.5vw, 4.6vw, 0) rotate(-13deg);
                transform: translate3d(10.5vw, 4.6vw, 0) rotate(-13deg); } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-06.second-phase .section-06__scene_02 {
        -webkit-transform: translate3d(9.5vw, 3.6vw, 0) rotate(-13deg);
                transform: translate3d(9.5vw, 3.6vw, 0) rotate(-13deg); } }
  .section-06.second-phase .section-06__scene_03 {
    -webkit-transform: translate3d(-0.8vw, 16vw, 0) rotate(39deg);
            transform: translate3d(-0.8vw, 16vw, 0) rotate(39deg); }
    @media (max-width: 1279px) {
      .section-06.second-phase .section-06__scene_03 {
        -webkit-transform: translate3d(-8.4vw, 15vw, 0) rotate(39deg);
                transform: translate3d(-8.4vw, 15vw, 0) rotate(39deg); } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-06.second-phase .section-06__scene_03 {
        -webkit-transform: translate3d(-0.4vw, 12vw, 0) rotate(39deg);
                transform: translate3d(-0.4vw, 12vw, 0) rotate(39deg); } }
  .section-06.second-phase .section-06__scene_04 {
    -webkit-transform: translate3d(-7vw, 6vw, 0) rotate(24deg);
            transform: translate3d(-7vw, 6vw, 0) rotate(24deg); }
    @media (max-width: 1279px) {
      .section-06.second-phase .section-06__scene_04 {
        -webkit-transform: translate3d(-10vw, 4vw, 0) rotate(20deg);
                transform: translate3d(-10vw, 4vw, 0) rotate(20deg); } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-06.second-phase .section-06__scene_04 {
        -webkit-transform: translate3d(-8vw, 4vw, 0) rotate(20deg);
                transform: translate3d(-8vw, 4vw, 0) rotate(20deg); } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-06.second-phase .section-06__scene_04 {
        -webkit-transform: translate3d(0vw, 6vw, 0) rotate(21deg);
                transform: translate3d(0vw, 6vw, 0) rotate(21deg); } }
  .section-06.second-phase .section-06__scene_05 {
    -webkit-transform: translate3d(-23.8vw, 3.5vw, 0) rotate(82deg);
            transform: translate3d(-23.8vw, 3.5vw, 0) rotate(82deg); }
    @media (max-width: 1279px) {
      .section-06.second-phase .section-06__scene_05 {
        -webkit-transform: translate3d(-19vw, 2.5vw, 0) rotate(82deg);
                transform: translate3d(-19vw, 2.5vw, 0) rotate(82deg); } }
    @media (min-width: 1200px) and (max-height: 564px) {
      .section-06.second-phase .section-06__scene_05 {
        -webkit-transform: translate3d(-22.5vw, 7vw, 0) rotate(82deg);
                transform: translate3d(-22.5vw, 7vw, 0) rotate(82deg); } }
    @media (max-width: 1023px) and (orientation: landscape) {
      .section-06.second-phase .section-06__scene_05 {
        -webkit-transform: translate3d(-15vw, 0.5vw, 0) rotate(79deg);
                transform: translate3d(-15vw, 0.5vw, 0) rotate(79deg); } }

.section-06.third-phase .section-06-content {
  -webkit-animation-duration: .5s;
          animation-duration: .5s; }

.section-06.third-phase .section-06__scene {
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
  transition-delay: 0s; }
  .section-06.third-phase .section-06__scene_01 {
    -webkit-transform: translate3d(-29.5vw, -6vw, 0) rotate(-15deg);
            transform: translate3d(-29.5vw, -6vw, 0) rotate(-15deg); }
  .section-06.third-phase .section-06__scene_02 {
    -webkit-transform: translate3d(25.5vw, -10.4vw, 0) rotate(-10deg);
            transform: translate3d(25.5vw, -10.4vw, 0) rotate(-10deg); }
  .section-06.third-phase .section-06__scene_03 {
    -webkit-transform: translate3d(-14.8vw, 31vw, 0) rotate(39deg);
            transform: translate3d(-14.8vw, 31vw, 0) rotate(39deg); }
  .section-06.third-phase .section-06__scene_04 {
    -webkit-transform: translate3d(-21vw, 14vw, 0) rotate(24deg);
            transform: translate3d(-21vw, 14vw, 0) rotate(24deg); }
  .section-06.third-phase .section-06__scene_05 {
    -webkit-transform: translate3d(7.8vw, 11.5vw, 0) rotate(82deg);
            transform: translate3d(7.8vw, 11.5vw, 0) rotate(82deg); }

.products-slider-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50.3%, -50%);
          transform: translate(-50.3%, -50%);
  z-index: 20;
  display: none;
  -webkit-text-size-adjust: none;
  /*@media(max-width: 1500px) {
		width: 100%;
		height: 100%;
		max-width: 1024px;
		max-height: 768px;
	}
	@media(max-width: 1023px) {
		max-width: none;
		max-height: none;
	}
	@media(max-width: 1500px) and (max-height: 800px) {
		max-width: 1024px;
		max-height: 600px;
	}
	@media(max-width: 1024px) and (max-height: 800px) {
		max-width: 800px;
		max-height: 600px;
	}
	@media(max-width: 767px) {
		max-width: 400px;
		max-height: none;
	}
	@media($portbl) and ($landscape) {
		max-width: 520px;
		max-height: 340px;
	}
	@media(max-width: 400px) and ($portrait) {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		transform: none;
		overflow-y: scroll;
	}*/
  /*&__listcomp-item {
		// display: flex;
		// align-items: flex-end;
		// flex-grow: 1;
		@media(max-width: 1023px) {
			display: inline-block;
			width: 50%;
			padding-bottom: 26px;
		}
		@media(max-width: 1023px) and (max-height: 800px) {
			display: inline-block;
			width: 25%;
			padding-bottom: 5px;
		}
		&:nth-child(1){
			@media(max-width: 1023px) and (max-height: 800px) {
				width: 30%;
			}
		}
		&:nth-child(2){
			@media(max-width: 1023px) and (max-height: 800px) {
				width: 25%;
			}
		}
		&:nth-child(3){
			@media(max-width: 1023px) and (max-height: 800px) {
				width: 23%;
			}
		}
		&:nth-child(4){
			@media(max-width: 1023px) and (max-height: 800px) {
				width: 22%;
			}
		}
		@media(max-width: 767px) {
			display: inline-block;
			width: 50%;
			padding-bottom: 16px;
		}
		&:nth-child(odd){
			@media(max-width: 767px) {
				width: 56%;
			}
		}
		&:nth-child(even){
			@media(max-width: 767px) {
				width: 44%;
			}
		}
		@media($portbl) and (orientation: landscape) {
			display: block;
			width: 100% !important;
			padding-bottom: 15px !important;
		}
	}

	&__listcomp-item-media {
		width: 46px;
		padding: 0 3px 4px;
		@media(max-width: 1023px) {
			display: inline-block;
			vertical-align: bottom;
		}
		@media(max-width: 767px) {
			width: 30px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			width: 36px;
		}
		@media($portbl) and (orientation: landscape) {
			display: inline-block;
			vertical-align: bottom;
			width: 30px;
			padding-bottom: 2px;
		}
	}

	&__listcomp-item-img {
		max-width: 100%;
		height: auto;
	}

	&__listcomp-item-media + &__listcomp-item-content {
		position: relative;
		padding-left: 12px;
		@media(max-width: 1023px) {
			display: inline-block;
			vertical-align: bottom;
			width: calc(100% - 46px);
		}
		@media(max-width: 767px) {
			width: calc(100% - 30px);
			padding-left: 7px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			padding-left: 11px;
		}
		@media($portbl) and (orientation: landscape) {
			display: inline-block;
			vertical-align: bottom;
			width: calc(100% - 30px);
			padding-left: 7px;
		}
		&:before {
			content: "............";
			font-size: 16.81px;
			line-height: 0;
			width: 0;
			height: 0;
			letter-spacing: 1px;
			color: #17239a;
			position: absolute;
			left: 0;
			top: 100%;
			transform: rotate(-90deg);
			@media(max-width: 767px) {
				left: -3px;
				content: "........";
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				left: -2px;
				content: "..........";
			}
			@media($portbl) and (orientation: landscape) {
				left: -3px;
				content: "........";
			}
		}
	}*/
  /*&__listtag {
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 5px;
		@media($portbl) and (orientation: landscape) {
			display: block;
			margin: 0;
		}
	}

	&__listtag-item {
		background-color: #17239a;
		border-radius: 15px;
		font-size: 14.07px;
		color: #fff;
		padding: 3px 11px 4px;
		@media(max-width: 1023px) {
			font-size: 12px;
		}
		@media(max-width: 767px) {
			background-color: #fff;
			font-size: 12px;
			color: #17239a;
			padding: 0px 11px 0px;
			margin-top: -7px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			font-size: 12px;
		}
		@media($portbl) and (orientation: landscape) {
			background: none;
			padding: 0;
			margin: 0;
			width: 133px;
			font-size: 12px;
			line-height: 1;
			color: #17239a;
			border-radius: 0;
		}
	}*/ }
  @media (max-width: 1279px) and (orientation: portrait) {
    .products-slider-modal {
      padding: 50px 0;
      top: 0;
      bottom: 0;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      overflow-y: scroll; } }
  @media (max-width: 1023px) {
    .products-slider-modal {
      padding: 20px 0;
      top: 0;
      bottom: 0;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      overflow-y: scroll; } }
  @media (max-width: 640px) {
    .products-slider-modal {
      padding: 20px 0;
      top: 0;
      bottom: 0;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      overflow-y: scroll; } }
  @media (max-width: 480px) {
    .products-slider-modal {
      padding: 12px 0;
      top: 0;
      bottom: 0;
      -webkit-transform: translate(-50%, 0);
              transform: translate(-50%, 0);
      overflow-y: scroll; } }
  .products-slider-modal__container {
    position: relative;
    left: 0;
    top: 0;
    /*display: flex;
		flex-wrap: nowrap;*/
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 10px 0 60px rgba(1, 3, 6, 0.1);
    padding-right: 50px;
    overflow: hidden;
    /*@media(max-width: 1500px) {
			width: 100%;
			height: 100%;
			border-radius: 0;
		}
		@media(max-width: 400px) and (max-height: 400px) {
			height: auto;
			min-height: 100%;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__container {
        padding-right: 33px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__container {
        padding-right: 55px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__container {
        padding-right: 30px; } }
    @media (max-width: 640px) {
      .products-slider-modal__container {
        padding-right: 30px; } }
    @media (max-width: 480px) {
      .products-slider-modal__container {
        padding-right: 16px;
        border-radius: 10px; } }
    @media (max-width: 768px) and (orientation: portrait) {
      .products-slider-modal__container {
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%); } }
    .products-slider-modal__container.is-open-sidebar .products-slider-modal__control-caret {
      left: 0; }
  .products-slider-modal__wrap {
    width: 1143px;
    background-color: #fff;
    border-radius: 10px;
    text-align: left;
    position: relative;
    padding-right: 20px;
    box-shadow: 10px 0 60px rgba(1, 3, 6, 0.1);
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    /*@media(min-width: 1024px) and (max-height: 800px) {
			width: 740px;
		}
		@media(max-width: 1500px) {
			width: 100%;
			min-height: 100%;
			border-radius: 0;
		}
		@media(max-width: 767px) {
			overflow-y: scroll;
		}
		@media($portbl) and (orientation: landscape) {
			padding-right:0;
		}
		@media(max-width: 400px) and ($portrait) {
			overflow: visible;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__wrap {
        width: 925px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__wrap {
        width: 869px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__wrap {
        width: 670px;
        max-width: 450px; } }
    @media (max-width: 640px) {
      .products-slider-modal__wrap {
        width: 470px; } }
    @media (max-width: 480px) {
      .products-slider-modal__wrap {
        padding-right: 10px;
        width: 280px; } }
  .products-slider-modal__header {
    flex-basis: 62.7%;
    padding: 30px 30px 0 50px;
    /*@media(max-width: 1500px) {
			padding: 32px 50px 34px 64px;
			letter-spacing: -0.9px;
		}
		@media(max-width: 1023px) {
			padding: 25px 50px;
		}
		@media(max-width: 767px) {
			padding: 15px 8px 5px 18px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			padding: 25px 50px;
		}
		@media($portbl) and (orientation: landscape) {
			padding: 8px 30px 3px 17px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__header {
        padding: 25px 20px 0 42px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__header {
        flex-basis: 100%;
        padding: 68px 30px 0;
        max-width: 650px;
        margin: 0 auto; } }
    @media (max-width: 1023px) {
      .products-slider-modal__header {
        flex-basis: 100%;
        padding: 50px 10px 0 40px;
        max-width: 550px;
        margin: 0 auto; } }
    @media (max-width: 640px) {
      .products-slider-modal__header {
        flex-basis: 100%;
        padding: 50px 10px 0 40px;
        max-width: 550px;
        margin: 0 auto; } }
    @media (max-width: 480px) {
      .products-slider-modal__header {
        padding: 30px 10px 0 23px; } }
  .products-slider-modal__content {
    flex-basis: 37.3%;
    padding: 50px 0 0 0;
    /*@media(max-width: 1023px) {
			padding: 6px 8px 20px 67px;
		}
		@media(max-width: 1023px) and (max-height: 800px) {
			padding: 6px 8px 10px 67px;
		}
		@media(max-width: 767px) {
			padding: 6px 4px 0px 10px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			padding: 6px 8px 15px 54px;
		}
		@media($portbl) and (orientation: landscape) {
			padding: 6px 0 0 17px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__content {
        padding: 42px 0 0 0; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__content {
        flex-basis: 100%;
        max-width: 650px;
        padding: 36px 52px 0;
        margin: 0 auto;
        min-height: 494px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__content {
        flex-basis: 100%;
        max-width: 430px;
        padding: 25px 10px 0 30px;
        margin: 0 auto;
        min-height: 360px; } }
    @media (max-width: 640px) {
      .products-slider-modal__content {
        flex-basis: 100%;
        max-width: 430px;
        padding: 25px 10px 0 30px;
        margin: 0 auto;
        min-height: 360px; } }
    @media (max-width: 480px) {
      .products-slider-modal__content {
        padding: 16px 10px 0 16px;
        min-height: 216px; } }
  .products-slider-modal__image {
    margin: 22px 0;
    height: 290px; }
    .products-slider-modal__image--mobile {
      display: none; }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__image {
        margin: 20px 0;
        height: 230px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__image {
        display: none; }
        .products-slider-modal__image--mobile {
          display: flex;
          flex-basis: 100%;
          justify-content: center;
          padding-left: 50px;
          margin: 18px 0;
          height: 290px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__image {
        display: none; }
        .products-slider-modal__image--mobile {
          display: flex;
          flex-basis: 100%;
          justify-content: center;
          padding-left: 20px;
          margin: 10px 0;
          height: auto; } }
    @media (max-width: 480px) {
      .products-slider-modal__image--mobile {
        padding-left: 16px;
        height: 120px; } }
    .products-slider-modal__image img {
      max-width: 100%;
      max-height: 100%; }
  .products-slider-modal__footer {
    flex-basis: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding: 0 0 38px;
    margin-top: -4px;
    /*@media(max-width: 1023px) {
			padding: 10px 88px 43px 88px;
		}
		@media(max-width: 1023px) and (max-height: 800px) {
			padding-left: 60px;
		}
		@media(max-width: 767px) {
			padding: 0px 0px 16px 16px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			padding: 10px 57px 41px 100px;
		}
		@media($portbl) and (orientation: landscape) {
			padding: 12px 17px;
			display: flex;
			justify-content: space-between;
			flex-direction: row-reverse;
			position: absolute;
			bottom: 0;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__footer {
        padding: 0 0 30px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__footer {
        padding: 0 0 40px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__footer {
        padding: 0 0 30px;
        max-width: 550px;
        margin: -4px auto 0; } }
    @media (max-width: 640px) {
      .products-slider-modal__footer {
        padding: 0 0 30px;
        max-width: 550px;
        margin: -4px auto 0; } }
    @media (max-width: 480px) {
      .products-slider-modal__footer {
        padding: 0 0 17px; } }
    .products-slider-modal__footer_left {
      flex-basis: 62.7%;
      padding: 0 30px 0 50px; }
      @media (max-width: 1365px) and (orientation: landscape) {
        .products-slider-modal__footer_left {
          padding: 0 20px 0 42px; } }
      @media (max-width: 1279px) and (orientation: portrait) {
        .products-slider-modal__footer_left {
          flex-basis: 100%;
          max-width: 650px;
          margin: 0 auto;
          padding: 0 20px 0 50px; } }
      @media (max-width: 1023px) {
        .products-slider-modal__footer_left {
          flex-basis: 100%;
          max-width: none;
          margin: 0;
          padding: 0 0 0 29px; } }
      @media (max-width: 640px) {
        .products-slider-modal__footer_left {
          flex-basis: 100%;
          max-width: none;
          margin: 0;
          padding: 0 0 0 29px; } }
      @media (max-width: 480px) {
        .products-slider-modal__footer_left {
          padding: 0 0 0 16px; } }
    .products-slider-modal__footer_right {
      flex-basis: 37.3%;
      align-self: flex-start; }
      @media (max-width: 1279px) and (orientation: portrait) {
        .products-slider-modal__footer_right {
          flex-basis: 100%;
          padding: 0 30px 0 62px; } }
      @media (max-width: 1023px) {
        .products-slider-modal__footer_right {
          flex-basis: 100%;
          padding: 0 0 0 29px; } }
      @media (max-width: 640px) {
        .products-slider-modal__footer_right {
          flex-basis: 100%;
          padding: 0 0 0 29px; } }
      @media (max-width: 480px) {
        .products-slider-modal__footer_right {
          padding: 0 0 0 16px; } }
  .products-slider-modal__title {
    color: #17239a;
    font-size: 65px;
    line-height: 1;
    font-family: 'gsnb';
    margin-bottom: 14px;
    max-width: 610px;
    /*@media(max-width: 1023px) {
			font-size: 57px;
			line-height: 1;
		}
		@media(max-width: 767px) {
			font-size: 35px;
			line-height: 20px;
			margin-bottom: 8px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			font-size: 63px;
			line-height: 1;
		}
		@media($portbl) and (orientation: landscape) {
			font-size: 35px;
			line-height: 37px;
			margin-bottom: 0;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__title {
        font-size: 52px;
        margin-bottom: 10px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__title {
        font-size: 58px;
        padding-left: 34px;
        margin-bottom: 11px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__title {
        font-size: 43px;
        padding-left: 0;
        margin-bottom: 7px; } }
    @media (max-width: 640px) {
      .products-slider-modal__title {
        font-size: 43px;
        padding-left: 0;
        margin-bottom: 7px; } }
    @media (max-width: 480px) {
      .products-slider-modal__title {
        font-size: 25px;
        margin-bottom: 5px; } }
  .products-slider-modal__subtitle {
    color: #17239a;
    font-size: 23px;
    line-height: 1.14;
    font-family: 'gsnm';
    margin-left: 4px;
    /*@media(max-width: 1023px) {
			font-size: 14px;
			line-height: 14px;
			margin-top: -3px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			font-size: 14px;
			padding: 0 0 0 5px;
		}
		@media($portbl) and (orientation: landscape) {
			font-size: 14px;
			line-height: 14px;
			margin-top: 0;
			max-width: 275px;
			padding: 0;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__subtitle {
        font-size: 18px;
        letter-spacing: 0.01em; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__subtitle {
        font-size: 24px;
        letter-spacing: 0;
        padding-left: 37px;
        margin-left: 0; } }
    @media (max-width: 1023px) {
      .products-slider-modal__subtitle {
        font-size: 18px;
        letter-spacing: 0;
        padding-left: 0;
        margin-left: 0; } }
    @media (max-width: 640px) {
      .products-slider-modal__subtitle {
        font-size: 18px;
        letter-spacing: 0;
        padding-left: 0;
        margin-left: 0; } }
    @media (max-width: 480px) {
      .products-slider-modal__subtitle {
        font-size: 11px;
        line-height: 1; } }
  .products-slider-modal__desc {
    color: #17239a;
    font-size: 23px;
    line-height: 1.14;
    font-family: 'gsnm';
    flex-basis: 100%;
    padding-left: 2px; }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__desc {
        font-size: 18px;
        letter-spacing: 0.01em; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__desc {
        font-size: 22px;
        letter-spacing: 0.01em; } }
    @media (max-width: 1023px) {
      .products-slider-modal__desc {
        font-size: 16px;
        padding-left: 0; } }
    @media (max-width: 640px) {
      .products-slider-modal__desc {
        font-size: 16px;
        padding-left: 0; } }
    @media (max-width: 480px) {
      .products-slider-modal__desc {
        font-size: 11px; } }
  .products-slider-modal__close {
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    width: 40px;
    height: 40px;
    /*@media(max-width: 1500px) {
			top: 12px;
			right: 3px;
		}
		@media(max-width: 767px) {
			top: 0;
			right: 0;
		}
		@media($portbl) and (orientation: landscape) {
			width: 25px;
			height: 25px;
			top: 13px;
			right: 13px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__close {
        top: 9px;
        right: 14px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__close {
        top: 18px;
        right: 16px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__close {
        top: 11px;
        right: 9px; } }
    @media (max-width: 640px) {
      .products-slider-modal__close {
        top: 11px;
        right: 9px; } }
    @media (max-width: 480px) {
      .products-slider-modal__close {
        top: 5px;
        right: 8px;
        width: 24px;
        height: 24px; } }
  .products-slider-modal__close:before, .products-slider-modal__close:after {
    position: absolute;
    content: '';
    top: 7px;
    left: 18px;
    width: 5px;
    height: 26px;
    background-color: #17239a;
    /*@media(max-width: 767px) {
			top: 9px;
			left: 43px;
			width: 2px;
			height: 14px;
		}
		@media($portbl) and (orientation: landscape) {
			top: 6px;
			left: 11px;
			width: 2px;
			height: 14px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__close:before, .products-slider-modal__close:after {
        width: 4px;
        height: 20px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__close:before, .products-slider-modal__close:after {
        width: 4px;
        height: 20px; } }
    @media (max-width: 640px) {
      .products-slider-modal__close:before, .products-slider-modal__close:after {
        width: 4px;
        height: 20px; } }
    @media (max-width: 480px) {
      .products-slider-modal__close:before, .products-slider-modal__close:after {
        top: 4px;
        left: 12px;
        width: 3px;
        height: 15px; } }
  .products-slider-modal__close:before {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }
  .products-slider-modal__close:after {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .products-slider-modal__listinfo {
    position: relative;
    height: 100%;
    /*display: flex;
		@media(max-width: 1023px) {
			padding: 0 50px 20px 20px;
			flex-wrap: wrap;
		}
		@media(max-width: 767px) {
			padding: 0 0 0 14px;
		}
		@media($portbl) and (orientation: landscape) {
			flex-wrap: wrap;
			padding: 0;
			max-width: 275px;
			min-height: 190px;
		}*/ }
  .products-slider-modal__listinfo-item {
    position: absolute;
    border-radius: 26px;
    background-color: #ffc90f;
    color: #fff;
    width: 182px;
    padding: 16px 6px 20px;
    text-align: center;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /*@media(max-width: 767px) {
			border-radius: 14px;
			width: 97px;
			height: 78px;
			padding: 3px 2px 2px 19px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			padding: 12px 15px 11px 32px;
			width: 162px;
			height: 133px;
		}
		@media($portbl) and (orientation: landscape) {
			border-radius: 14px;
			width: 94px;
			height: 78px;
			padding: 4px 4px 4px 17px;
		}
		&:nth-child(2n+1) {
			background-color: #ffc90f;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__listinfo-item {
        width: 144px;
        padding: 12px 6px 18px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__listinfo-item {
        padding: 15px 6px 28px;
        width: 232px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__listinfo-item {
        width: 168px;
        padding: 9px 6px 17px; } }
    @media (max-width: 640px) {
      .products-slider-modal__listinfo-item {
        width: 168px;
        padding: 9px 6px 17px; } }
    @media (max-width: 480px) {
      .products-slider-modal__listinfo-item {
        border-radius: 16px;
        width: 100px;
        padding: 6px 6px 12px; } }
    .products-slider-modal__listinfo-item:nth-child(1) {
      top: 0;
      left: 0;
      /*margin-top: 66px;
			@media(max-width: 1023px) {
				margin-top: 52px;
			}
			@media(max-width: 767px) {
				margin-top: 39px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				margin-top: 52px;
			}
			@media($portbl) and (orientation: landscape) {
				margin-top:30px;
			}*/ }
      @media (max-width: 1365px) and (orientation: landscape) {
        .products-slider-modal__listinfo-item:nth-child(1) {
          left: -1px; } }
      @media (max-width: 1279px) and (orientation: portrait) {
        .products-slider-modal__listinfo-item:nth-child(1) {
          left: 0; }
          .products-slider-modal__listinfo-item:nth-child(1) .products-slider-modal__listinfo-item-title {
            padding-bottom: 10px; } }
      @media (max-width: 1023px) {
        .products-slider-modal__listinfo-item:nth-child(1) {
          left: 0; }
          .products-slider-modal__listinfo-item:nth-child(1) .products-slider-modal__listinfo-item-title {
            padding-bottom: 4px; } }
      @media (max-width: 640px) {
        .products-slider-modal__listinfo-item:nth-child(1) {
          left: 0; }
          .products-slider-modal__listinfo-item:nth-child(1) .products-slider-modal__listinfo-item-title {
            padding-bottom: 4px; } }
      @media (max-width: 480px) {
        .products-slider-modal__listinfo-item:nth-child(1) {
          left: 2px; }
          .products-slider-modal__listinfo-item:nth-child(1) .products-slider-modal__listinfo-item-title {
            padding-bottom: 2px; } }
    .products-slider-modal__listinfo-item:nth-child(2) {
      top: 225px;
      left: 21px;
      /*@media(max-width: 1023px) {
				margin-left: -28px;
			}
			@media(max-width: 767px) {
				margin-left: -18px;
				margin-top: 10px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				margin-left: -28px;
			}
			@media($portbl) and (orientation: landscape) {
				margin-left: -17px;
				margin-top: 0;
			}*/ }
      @media (max-width: 1365px) and (orientation: landscape) {
        .products-slider-modal__listinfo-item:nth-child(2) {
          top: 181px;
          left: 16px; } }
      @media (max-width: 1279px) and (orientation: portrait) {
        .products-slider-modal__listinfo-item:nth-child(2) {
          padding-top: 26px;
          top: 230px;
          left: 42px; } }
      @media (max-width: 1023px) {
        .products-slider-modal__listinfo-item:nth-child(2) {
          padding-top: 15px;
          top: 169px;
          left: 30px; }
          .products-slider-modal__listinfo-item:nth-child(2) .products-slider-modal__listinfo-item-title {
            padding-bottom: 0; } }
      @media (max-width: 640px) {
        .products-slider-modal__listinfo-item:nth-child(2) {
          padding-top: 15px;
          top: 169px;
          left: 30px; }
          .products-slider-modal__listinfo-item:nth-child(2) .products-slider-modal__listinfo-item-title {
            padding-bottom: 0; } }
      @media (max-width: 480px) {
        .products-slider-modal__listinfo-item:nth-child(2) {
          padding-top: 10px;
          top: 100px;
          left: 20px; } }
    .products-slider-modal__listinfo-item:nth-child(3) {
      top: 282px;
      left: 220px;
      /*margin-top: 146px;
			margin-left: -92px;
			@media(max-width: 1023px) {
				margin-top: 146px;
				margin-left: -114px;
			}
			@media(max-width: 767px) {
				margin-top: 85px;
				margin-left: -51px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				margin-top: 114px;
				margin-left: -74px;
			}
			@media($portbl) and (orientation: landscape) {
				margin-top: 73px;
				margin-left: -50px;
			}*/ }
      @media (max-width: 1365px) and (orientation: landscape) {
        .products-slider-modal__listinfo-item:nth-child(3) {
          top: 226px;
          left: 175px; } }
      @media (max-width: 1279px) and (orientation: portrait) {
        .products-slider-modal__listinfo-item:nth-child(3) {
          top: 301px;
          left: 368px;
          padding-bottom: 22px; } }
      @media (max-width: 1023px) {
        .products-slider-modal__listinfo-item:nth-child(3) {
          top: 220px;
          left: 267px;
          padding-top: 5px;
          padding-bottom: 17px; }
          .products-slider-modal__listinfo-item:nth-child(3) .products-slider-modal__listinfo-item-title {
            padding-bottom: 0; } }
      @media (max-width: 640px) {
        .products-slider-modal__listinfo-item:nth-child(3) {
          top: 220px;
          left: 267px;
          padding-top: 5px;
          padding-bottom: 17px; }
          .products-slider-modal__listinfo-item:nth-child(3) .products-slider-modal__listinfo-item-title {
            padding-bottom: 0; } }
      @media (max-width: 480px) {
        .products-slider-modal__listinfo-item:nth-child(3) {
          top: 130px;
          left: 160px;
          padding-bottom: 10px; } }
    .products-slider-modal__listinfo-item:nth-child(4), .products-slider-modal__listinfo-item:last-child {
      top: 110px;
      left: 152px;
      /*margin-top: 64px;
			margin-left: -38px;
			@media(max-width: 1023px) {
				margin-top: 54px;
				margin-left: -45px;
			}
			@media(max-width: 767px) {
				margin-top: -40px;
				margin-left: 90px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				margin-top: 50px;
				margin-left: -28px;
			}
			@media($portbl) and (orientation: landscape) {
				margin-top: -40px;
				margin-left: 80px;
			}*/ }
      @media (max-width: 1365px) and (orientation: landscape) {
        .products-slider-modal__listinfo-item:nth-child(4), .products-slider-modal__listinfo-item:last-child {
          top: 86px;
          left: 121px; } }
      @media (max-width: 1279px) and (orientation: portrait) {
        .products-slider-modal__listinfo-item:nth-child(4), .products-slider-modal__listinfo-item:last-child {
          top: 57px;
          left: 209px; } }
      @media (max-width: 1023px) {
        .products-slider-modal__listinfo-item:nth-child(4), .products-slider-modal__listinfo-item:last-child {
          top: 42px;
          left: 152px; } }
      @media (max-width: 640px) {
        .products-slider-modal__listinfo-item:nth-child(4), .products-slider-modal__listinfo-item:last-child {
          top: 42px;
          left: 152px; } }
      @media (max-width: 480px) {
        .products-slider-modal__listinfo-item:nth-child(4), .products-slider-modal__listinfo-item:last-child {
          top: 25px;
          left: 92px; } }
  .products-slider-modal__listinfo-item_black {
    background: #633212; }
  .products-slider-modal__listinfo-item_lg {
    width: 222px;
    height: 194px;
    /*height: 226px;
		padding: 46px 20px 20px 31px;
		@media(max-width: 1023px) {
			width: 228px;
			height: 177px;
			padding: 36px 20px 20px 22px;
		}
		@media(max-width: 767px) {
			width: 136px;
			height: 106px;
			padding: 20px 4px 10px 10px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			width: 228px;
			height: 177px;
			padding: 36px 20px 20px 22px;
		}
		@media($portbl) and (orientation: landscape) {
			width: 133px;
			height: 102px;
			padding: 18px 4px 4px 10px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__listinfo-item_lg {
        width: 177px;
        height: 156px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__listinfo-item_lg {
        padding-top: 28px;
        width: 284px;
        height: 250px; }
        .products-slider-modal__listinfo-item_lg .products-slider-modal__listinfo-item-title {
          padding-bottom: 12px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__listinfo-item_lg {
        padding-top: 13px;
        width: 206px;
        height: 182px; }
        .products-slider-modal__listinfo-item_lg .products-slider-modal__listinfo-item-title {
          padding-bottom: 7px; } }
    @media (max-width: 640px) {
      .products-slider-modal__listinfo-item_lg {
        padding-top: 13px;
        width: 206px;
        height: 182px; }
        .products-slider-modal__listinfo-item_lg .products-slider-modal__listinfo-item-title {
          padding-bottom: 7px; } }
    @media (max-width: 480px) {
      .products-slider-modal__listinfo-item_lg {
        padding-top: 10px;
        width: 122px;
        height: 108px; }
        .products-slider-modal__listinfo-item_lg .products-slider-modal__listinfo-item-title {
          padding-bottom: 3px; } }
  .products-slider-modal__listinfo-item_md {
    width: 146px;
    /*height: 188px;
		padding: 36px 30px 20px 44px;
		@media(max-width: 1023px) {
			width: 180px;
			height: 148px;
			padding: 30px 30px 20px 26px;
		}
		@media(max-width: 767px) {
			width: 106px;
			height: 87px;
			padding: 8px 2px 2px 17px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			width: 180px;
			height: 148px;
			padding: 30px 30px 20px 26px;
		}
		@media($portbl) and (orientation: landscape) {
			width: 105px;
			height: 85px;
			padding: 12px 4px 4px 12px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__listinfo-item_md {
        width: 116px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__listinfo-item_md {
        width: 186px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__listinfo-item_md {
        width: 136px; } }
    @media (max-width: 640px) {
      .products-slider-modal__listinfo-item_md {
        width: 136px; } }
    @media (max-width: 480px) {
      .products-slider-modal__listinfo-item_md {
        width: 80px; } }
  .products-slider-modal__listinfo-item_sm {
    width: 130px;
    /*height: 158px;
		padding: 12px 15px 15px 32px;
		@media(max-width: 1023px) {
			width: 146px;
			height: 124px;
			padding: 8px 15px 15px 25px;
		}
		@media(max-width: 767px) {
			width: 87px;
			height: 76px;
			padding: 2px 2px 2px 15px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			width: 146px;
			height: 124px;
			padding: 8px 15px 15px 25px;
		}
		@media($portbl) and (orientation: landscape) {
			width: 84px;
			height: 72px;
			padding: 2px 4px 4px 12px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__listinfo-item_sm {
        width: 103px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__listinfo-item_sm {
        width: 165px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__listinfo-item_sm {
        width: 120px; } }
    @media (max-width: 640px) {
      .products-slider-modal__listinfo-item_sm {
        width: 120px; } }
    @media (max-width: 480px) {
      .products-slider-modal__listinfo-item_sm {
        width: 72px; } }
  .products-slider-modal__listinfo-item-title {
    font-family: 'gsnm';
    font-size: 60px;
    line-height: 56px;
    padding-bottom: 4px;
    /*@media(max-width: 1023px) {
			font-size: 71px;
			line-height: 68px;
		}
		@media(max-width: 767px) {
			font-size: 41px;
			line-height: 45px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			font-size: 71px;
			line-height: 68px;
		}
		@media($portbl) and (orientation: landscape) {
			font-size: 40px;
			line-height: 40px;
		}*/
    /*sup {
			font-size: 53px;
			/*@media(max-width: 1023px) {
				font-size: 41px;
			}
			@media(max-width: 767px) {
				font-size: 28px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				font-size: 41px;
			}
			@media($portbl) and (orientation: landscape) {
				font-size: 24px;
			}
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__listinfo-item-title {
        font-size: 48px;
        line-height: 42px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__listinfo-item-title {
        font-size: 76px;
        line-height: 64px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__listinfo-item-title {
        font-size: 56px;
        line-height: 52px; } }
    @media (max-width: 640px) {
      .products-slider-modal__listinfo-item-title {
        font-size: 56px;
        line-height: 52px; } }
    @media (max-width: 480px) {
      .products-slider-modal__listinfo-item-title {
        font-size: 34px;
        line-height: 30px; } }
  .products-slider-modal__listinfo-item-leadtext {
    font-size: 21px;
    font-family: 'gsnm';
    line-height: 1;
    /*@media(max-width: 1023px) {
			font-size: 18px;
			line-height: 14px;
			padding-left: 4px;
		}
		@media(max-width: 767px) {
			font-size: 12px;
			line-height: 11px;
			margin-top: -2px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			font-size: 18px;
			line-height: 14px;
			padding-left: 4px;
		}
		@media($portbl) and (orientation: landscape) {
			font-size: 12px;
			line-height: 11px;
			margin-top: 0;
			margin-left: -5px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__listinfo-item-leadtext {
        font-size: 16px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__listinfo-item-leadtext {
        font-size: 26px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__listinfo-item-leadtext {
        font-size: 20px; } }
    @media (max-width: 640px) {
      .products-slider-modal__listinfo-item-leadtext {
        font-size: 20px; } }
    @media (max-width: 480px) {
      .products-slider-modal__listinfo-item-leadtext {
        font-size: 12px; } }
  .products-slider-modal__listcomp {
    display: flex;
    padding: 8px 30px 0 2px;
    justify-content: space-between;
    /*@media(max-width: 1023px) {
			display: block;
			padding: 27px 96px 3px 10px;
			font-size: 0;
		}
		@media(max-width: 1023px) and (max-height: 800px) {
			padding: 15px 96px 3px 0;
		}
		@media(max-width: 767px) {
			padding: 10px 0 3px 13px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			padding-top: 27px;
		}
		@media($portbl) and (orientation: landscape) {
			position: absolute;
			display: flex;
			flex-direction: column;
			padding: 0;
			font-size: 0;
			top: 46px;
			right: 35px;
			width: 146px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__listcomp {
        padding: 6px 30px 0 2px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__listcomp {
        padding: 8px 0 0 0; } }
    @media (max-width: 1023px) {
      .products-slider-modal__listcomp {
        padding: 7px 0 0 0; } }
    @media (max-width: 640px) {
      .products-slider-modal__listcomp {
        padding: 7px 0 0 0; } }
    @media (max-width: 480px) {
      .products-slider-modal__listcomp {
        padding: 1px 4px 0 0; } }
  .products-slider-modal__listcomp-item-label {
    font-size: 21px;
    font-family: 'gsnm';
    letter-spacing: 0.04em;
    margin-bottom: -2px;
    color: #17239a;
    /*@media(max-width: 1023px) {
			font-size: 17px;
		}
		@media(max-width: 767px) {
			font-size: 13px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			font-size: 17px;
		}
		@media($portbl) and (orientation: landscape) {
			font-size: 13px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__listcomp-item-label {
        font-size: 17px;
        letter-spacing: 0.03em; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__listcomp-item-label {
        font-size: 21px;
        letter-spacing: 0.04em; } }
    @media (max-width: 1023px) {
      .products-slider-modal__listcomp-item-label {
        font-size: 15px;
        letter-spacing: 0.03em; } }
    @media (max-width: 640px) {
      .products-slider-modal__listcomp-item-label {
        font-size: 15px;
        letter-spacing: 0.03em; } }
    @media (max-width: 480px) {
      .products-slider-modal__listcomp-item-label {
        font-size: 11px;
        letter-spacing: 0.03em; } }
  .products-slider-modal__listcomp-item-value {
    color: #17239a;
    line-height: 0.85; }
    .products-slider-modal__listcomp-item-value b {
      font-weight: normal;
      font-size: 60px;
      /*@media(max-width: 1023px) {
				font-size: 48px;
			}
			@media(max-width: 767px) {
				font-size: 37px;
			}
			@media(min-width: 768px) and (max-height: 800px) {
				font-size: 37px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				font-size: 48px;
			}
			@media($portbl) and (orientation: landscape) {
				font-size: 30px;
			}*/ }
      @media (max-width: 1365px) and (orientation: landscape) {
        .products-slider-modal__listcomp-item-value b {
          font-size: 48px; } }
      @media (max-width: 1279px) and (orientation: portrait) {
        .products-slider-modal__listcomp-item-value b {
          font-size: 60px; } }
      @media (max-width: 1023px) {
        .products-slider-modal__listcomp-item-value b {
          font-size: 43px; } }
      @media (max-width: 640px) {
        .products-slider-modal__listcomp-item-value b {
          font-size: 43px; } }
      @media (max-width: 480px) {
        .products-slider-modal__listcomp-item-value b {
          font-size: 26px; } }
    .products-slider-modal__listcomp-item-value span {
      font-size: 33px;
      padding-left: 10px;
      /*@media(max-width: 1023px) {
				font-size: 26px;
			}
			@media(max-width: 767px) {
				font-size: 20px;
			}
			@media(min-width: 768px) and (max-height: 800px) {
				font-size: 20px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				font-size: 26px;
			}
			@media($portbl) and (orientation: landscape) {
				font-size: 20px;
			}*/ }
      @media (max-width: 1365px) and (orientation: landscape) {
        .products-slider-modal__listcomp-item-value span {
          font-size: 26px;
          padding-left: 8px; } }
      @media (max-width: 1279px) and (orientation: portrait) {
        .products-slider-modal__listcomp-item-value span {
          font-size: 33px;
          padding-left: 10px; } }
      @media (max-width: 1023px) {
        .products-slider-modal__listcomp-item-value span {
          font-size: 23px;
          padding-left: 6px; } }
      @media (max-width: 640px) {
        .products-slider-modal__listcomp-item-value span {
          font-size: 23px;
          padding-left: 6px; } }
      @media (max-width: 480px) {
        .products-slider-modal__listcomp-item-value span {
          font-size: 15px;
          padding-left: 4px; } }
  .products-slider-modal__leadtext {
    font-family: 'gsnm';
    font-size: 17px;
    line-height: 1.21;
    padding-top: 0;
    padding-right: 50px;
    color: #17239a;
    /*@media(max-width: 1023px) {
			font-size: 13px;
			line-height: 1;
		}
		@media(max-width: 767px) {
			font-size: 12px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			font-size: 13px;
			line-height: 1;
		}
		@media($portbl) and (orientation: landscape) {
			position: relative;
			font-size:11px;
			line-height:1;
			padding-right: 12px;
			sup{
				position: absolute;
				top: 6px;
				left: -9px;
				font-size:12px;
			}
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__leadtext {
        font-size: 13px;
        line-height: 1.24;
        padding-top: 0; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__leadtext {
        font-size: 15px;
        line-height: 1.26;
        padding-top: 0;
        padding-right: 0; }
        .products-slider-modal__leadtext br {
          display: none; } }
    @media (max-width: 1023px) {
      .products-slider-modal__leadtext {
        font-size: 11px;
        line-height: 1.26;
        padding: 35px 0 0 5px;
        max-width: 380px; }
        .products-slider-modal__leadtext br {
          display: none; } }
    @media (max-width: 640px) {
      .products-slider-modal__leadtext {
        font-size: 11px;
        line-height: 1.26;
        padding: 35px 0 0 5px;
        max-width: 380px; }
        .products-slider-modal__leadtext br {
          display: none; } }
    @media (max-width: 480px) {
      .products-slider-modal__leadtext {
        font-size: 9px;
        line-height: 1;
        padding: 19px 0 0 4px; } }
    .products-slider-modal__leadtext p {
      margin: 0; }
  .products-slider-modal__desclamer {
    font-size: 22px;
    line-height: 1.2;
    color: #17239a;
    font-family: 'gsnm';
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1;
    -webkit-transform: translate(39px, -50%) rotate(-89.9deg);
            transform: translate(39px, -50%) rotate(-89.9deg);
    /*@media(max-width: 1500px) {
			right: -2px;
		}
		@media(max-width: 767px) {
			top: 100px;
			right: 19px;
			max-width: 50px;
			font-size: 12px;
			line-height: 10px;
			text-align: center;
			font-family: 'gsnb';
		}
		@media($portbl) and (orientation: landscape) {
			top: 50%;
			width: 100px;
			right:0;
			max-width: none;
			transform: translate(25px, -50%) rotate(-90deg);
			font-size: 12px;
			line-height: 10px;
			text-align: center;
			font-family: 'gsnb';
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__desclamer {
        font-size: 18px;
        -webkit-transform: translate(25px, -50%) rotate(-89.9deg);
                transform: translate(25px, -50%) rotate(-89.9deg); } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__desclamer {
        font-size: 24px;
        top: 32%;
        -webkit-transform: translate(47px, -50%) rotate(-89.9deg);
                transform: translate(47px, -50%) rotate(-89.9deg); } }
    @media (max-width: 1023px) {
      .products-slider-modal__desclamer {
        font-size: 18px;
        top: 31%;
        -webkit-transform: translate(32px, -50%) rotate(-89.9deg);
                transform: translate(32px, -50%) rotate(-89.9deg); } }
    @media (max-width: 640px) {
      .products-slider-modal__desclamer {
        font-size: 18px;
        top: 31%;
        -webkit-transform: translate(32px, -50%) rotate(-89.9deg);
                transform: translate(32px, -50%) rotate(-89.9deg); } }
    @media (max-width: 480px) {
      .products-slider-modal__desclamer {
        font-size: 11px;
        top: 32%;
        -webkit-transform: translate(18px, -50%) rotate(-89.9deg);
                transform: translate(18px, -50%) rotate(-89.9deg); } }
  .products-slider-modal__sidebar {
    position: absolute;
    right: -357px;
    top: 0;
    bottom: 0;
    width: 357px;
    text-align: left;
    padding: 33px 50px 28px 17px;
    z-index: 10;
    transition: right 0.137s ease-in-out;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: -23px 0px 51px 0px rgba(0, 0, 0, 0);
    opacity: 1;
    /*@media(max-width: 1500px) {
			margin-left: auto;
			margin-right: -410px;
			right: 0;
			transition: right 0.5s ease-in-out;
			width: 410px;
			padding: 44px 24px 36px 59px;
			z-index: 2;
		}
		@media(max-width: 1023px) {
			height: 100%;
			padding: 19px 25px 36px 59px;
		}
		@media(max-width: 767px) {
			height: 100%;
			width: 280px;
			top: 0;
			margin-top: 0;
			right: 0;
			margin-right: -280px;
			padding: 19px 25px 36px 44px;
		}
		@media($portbl) and (orientation: landscape) {
			height: 100%;
			width: 433px;
			top: 0;
			margin-top: 0;
			right: 0;
			margin-right: -433px;
			margin-left: 0;
			padding: 19px 25px 36px 40px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__sidebar {
        width: 296px;
        right: -296px;
        padding: 26px 20px 28px 48px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__sidebar {
        width: 503px;
        right: -503px;
        padding: 45px 50px 28px 72px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__sidebar {
        width: 349px;
        right: -349px;
        padding: 34px 30px 28px 45px; } }
    @media (max-width: 640px) {
      .products-slider-modal__sidebar {
        width: 349px;
        right: -349px;
        padding: 34px 30px 28px 45px; } }
    @media (max-width: 480px) {
      .products-slider-modal__sidebar {
        width: 208px;
        right: -208px;
        padding: 18px 18px 28px 28px; } }
    .is-open-sidebar .products-slider-modal__sidebar {
      right: 0;
      /*@media(max-width: 1500px) {
				right: 410px;
				box-shadow: 0px 10px 60px 0px rgba(1, 3, 6, 0.15);
			}
			@media(max-width: 767px) {
				right: 280px;
				overflow-y: scroll;
			}
			@media($portbl) and (orientation: landscape) {
				right: 433px;
			}*/ }
  .products-slider-modal__sidebar-footer {
    padding-left: 30px; }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__sidebar-footer {
        padding-left: 0; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__sidebar-footer {
        padding-left: 9px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__sidebar-footer {
        padding-left: 0; } }
    @media (max-width: 640px) {
      .products-slider-modal__sidebar-footer {
        padding-left: 0; } }
  .products-slider-modal__control {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 50px;
    cursor: pointer;
    z-index: 11;
    /*@media(min-width: 1024px) and (max-height: 800px) {
			bottom: 30px;
		}
		@media(max-width: 1500px) {
			background-color: none;
			transition: right 0.5s ease-in-out, background-color 0.5s ease-in-out;
			.is-open-sidebar & {
				right: 360px;
				background-color: #fff;
				border-top-right-radius: 0;
				border-bottom-right-radius: 0;
			}
		}
		@media(max-width: 1023px) {
			height: auto;
			top: 80px;
			bottom: 80px;
		}
		@media(max-width: 767px) {
			bottom: auto;
			top: 40px;
			height: 100px;
			margin-top: 0;
			.is-open-sidebar & {
				right: 234px;
				width: 50px;
				background-color: unset;
			}
		}
		@media($portbl) and (orientation: landscape) {
			top: 40px;
			bottom: 40px;
			height: auto;
			margin-top: 0;
			.is-open-sidebar & {
				right: 390px;
				width: 43px;
				background-color: unset;
			}
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__control {
        width: 34px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__control {
        width: 50px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__control {
        width: 30px; } }
    @media (max-width: 640px) {
      .products-slider-modal__control {
        width: 30px; } }
    @media (max-width: 480px) {
      .products-slider-modal__control {
        width: 16px; } }
    @media (max-width: 1365px) and (orientation: landscape) {
      .is-open-sidebar .products-slider-modal__control {
        transition: right 0.137s ease-in-out;
        right: 252px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .is-open-sidebar .products-slider-modal__control {
        transition: right 0.137s ease-in-out;
        right: 440px; } }
    @media (max-width: 1023px) {
      .is-open-sidebar .products-slider-modal__control {
        right: 312px; } }
    @media (max-width: 640px) {
      .is-open-sidebar .products-slider-modal__control {
        right: 312px; } }
    @media (max-width: 480px) {
      .is-open-sidebar .products-slider-modal__control {
        right: 186px; } }
  .products-slider-modal__control-caret {
    width: 50px;
    height: 50px;
    position: absolute;
    left: 0;
    top: calc(50% - 25px);
    /*@media(max-width: 1500px) {
			width: 39px;
			height: 39px;
			// top: calc(62% - 22px);
			left: -34px;
		}
		@media(max-width: 1023px) {
			top: calc(50% - 22px);
		}
		@media($portbl) and (orientation: landscape) {
			top: calc(50% - 12px);
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__control-caret {
        width: 34px;
        height: 34px;
        top: calc(50% - 18px); } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__control-caret {
        top: calc(32% - 25px);
        left: -5px;
        width: 50px;
        height: 50px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__control-caret {
        top: calc(32% - 15px);
        left: 0;
        width: 30px;
        height: 30px; } }
    @media (max-width: 640px) {
      .products-slider-modal__control-caret {
        top: calc(32% - 15px);
        left: 0;
        width: 30px;
        height: 30px; } }
    @media (max-width: 480px) {
      .products-slider-modal__control-caret {
        top: calc(32% - 8px);
        left: 0;
        width: 16px;
        height: 16px; } }
    .products-slider-modal__control-caret:before, .products-slider-modal__control-caret:after {
      content: "";
      width: 5px;
      height: 26px;
      background-color: #17239a;
      position: absolute;
      border-radius: 5px;
      left: 22px;
      /*@media(max-width: 1500px) {
				width: 3px;
				height: 19px;
				border-radius: 2px;
			}
			@media($portbl) and (orientation: landscape) {
				width: 3px;
				height: 19px;
				border-radius: 2px;
			}*/ }
      @media (max-width: 1365px) and (orientation: landscape) {
        .products-slider-modal__control-caret:before, .products-slider-modal__control-caret:after {
          width: 4px;
          height: 21px;
          left: 15px; } }
      @media (max-width: 1279px) and (orientation: portrait) {
        .products-slider-modal__control-caret:before, .products-slider-modal__control-caret:after {
          width: 5px;
          height: 26px;
          left: 22px; } }
      @media (max-width: 1023px) {
        .products-slider-modal__control-caret:before, .products-slider-modal__control-caret:after {
          width: 4px;
          height: 19px;
          left: 12px; } }
      @media (max-width: 640px) {
        .products-slider-modal__control-caret:before, .products-slider-modal__control-caret:after {
          width: 4px;
          height: 19px;
          left: 12px; } }
      @media (max-width: 480px) {
        .products-slider-modal__control-caret:before, .products-slider-modal__control-caret:after {
          width: 2px;
          height: 10px;
          left: 6px; } }
    .products-slider-modal__control-caret:before {
      top: 4px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      /*@media(max-width: 1500px) {
				transform: rotate(45deg);
			}*/ }
      @media (max-width: 1365px) and (orientation: landscape) {
        .products-slider-modal__control-caret:before {
          top: 0; } }
      @media (max-width: 1279px) and (orientation: portrait) {
        .products-slider-modal__control-caret:before {
          top: 4px; } }
      @media (max-width: 1023px) {
        .products-slider-modal__control-caret:before {
          top: 0; } }
      @media (max-width: 640px) {
        .products-slider-modal__control-caret:before {
          top: 0; } }
      .is-open-sidebar .products-slider-modal__control-caret:before {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        /*@media(max-width: 1500px) {
					transform: rotate(-45deg);
				}*/ }
    .products-slider-modal__control-caret:after {
      bottom: 4px;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg);
      /*@media(max-width: 1500px) {
				transform: rotate(-45deg);
			}*/ }
      @media (max-width: 1365px) and (orientation: landscape) {
        .products-slider-modal__control-caret:after {
          bottom: 0; } }
      @media (max-width: 1279px) and (orientation: portrait) {
        .products-slider-modal__control-caret:after {
          bottom: 4px; } }
      @media (max-width: 1023px) {
        .products-slider-modal__control-caret:after {
          bottom: 0; } }
      @media (max-width: 640px) {
        .products-slider-modal__control-caret:after {
          bottom: 0; } }
      .is-open-sidebar .products-slider-modal__control-caret:after {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        /*@media(max-width: 1500px) {
					transform: rotate(45deg);
				}*/ }
  .products-slider-modal__sidebar-media {
    /*@media($portbl) and (orientation: landscape) {
			min-height: 35px;
			margin-bottom: 0;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__sidebar-media {
        padding-right: 18px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__sidebar-media {
        padding-right: 0; }
        .products-slider-modal__sidebar-media img {
          width: 100%; } }
    @media (max-width: 1023px) {
      .products-slider-modal__sidebar-media {
        padding-right: 0; }
        .products-slider-modal__sidebar-media img {
          width: 100%; } }
    @media (max-width: 640px) {
      .products-slider-modal__sidebar-media {
        padding-right: 0; }
        .products-slider-modal__sidebar-media img {
          width: 100%; } }
  .products-slider-modal__sidebar-img {
    max-width: 100%;
    height: auto;
    /*@media(max-width: 767px) {
			max-width: 91%;
		}
		@media($portbl) and (orientation: landscape) {
			max-width: 100%;
			max-height: 42px;
			float: right;
		}*/ }
  .products-slider-modal__sidebar-wrap {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /*@media(max-width: 767px) {
			padding-right: 0;
			justify-content: flex-start;
			min-height: 100%;
			height: auto;
		}
		@media($portbl) and (orientation: landscape) {
			padding-right: 0;
			justify-content: flex-start;
		}*/ }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__sidebar-wrap {
        justify-content: flex-start;
        min-height: 100%;
        height: auto; } }
    @media (max-width: 1023px) {
      .products-slider-modal__sidebar-wrap {
        justify-content: flex-start;
        min-height: 100%;
        height: auto; } }
    @media (max-width: 640px) {
      .products-slider-modal__sidebar-wrap {
        justify-content: flex-start;
        min-height: 100%;
        height: auto; } }
    @media (max-width: 480px) {
      .products-slider-modal__sidebar-wrap {
        overflow-y: hidden; } }
  .products-slider-modal__sidebar-title {
    font-size: 32px;
    font-family: 'gsnb';
    color: #17239a;
    margin-bottom: 0;
    padding-top: 8px;
    /*@media(max-width: 767px) {
			font-size: 21px;
			padding-top: 1px;
			margin-bottom: 2px;
		}
		@media(min-width: 768px) and (max-height: 800px) {
			font-size: 32px;
			padding-top: 6px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			font-size: 32px;
			padding-top: 6px;
		}
		@media($portbl) and (orientation: landscape) {
			font-size: 15px;
			padding-top: 1px;
			margin-bottom: 4px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__sidebar-title {
        font-size: 25px;
        padding-top: 25px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__sidebar-title {
        font-size: 42px;
        padding-top: 12px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__sidebar-title {
        font-size: 31px;
        padding-top: 8px; } }
    @media (max-width: 640px) {
      .products-slider-modal__sidebar-title {
        font-size: 31px;
        padding-top: 8px; } }
    @media (max-width: 480px) {
      .products-slider-modal__sidebar-title {
        font-size: 18px; } }
  .products-slider-modal__sidebar-text {
    font-size: 13px;
    line-height: 1.16;
    color: #17239a;
    font-family: 'gsnm';
    padding-left: 3px;
    /*@media(max-width: 1500px) {
			max-height: 256px;
		}
		@media(max-width: 848px) {
			max-height: 184px;
		}
		@media(max-width: 767px) {
			font-size: 12px;
			line-height: 12.9px;
		}
		@media(min-width: 768px) and (max-height: 800px) {
			font-size: 15px;
			line-height: 16px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			font-size: 15px;
			line-height: 16px;
		}
		@media(max-width: 768px) and ($portrait) {
			max-height: 650px;
		}
		@media(max-width: 480px) and ($portrait) {
			max-height: 300px;
		}
		@media($portbl) and (orientation: landscape) {
			max-height: 164px;
			font-size: 12px;
			line-height: 15px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__sidebar-text {
        font-size: 11px;
        line-height: 1.1;
        padding-left: 0; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__sidebar-text {
        font-size: 18px;
        line-height: 1.15;
        padding-left: 3px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__sidebar-text {
        font-size: 13px;
        line-height: 1.16;
        padding-left: 3px; } }
    @media (max-width: 640px) {
      .products-slider-modal__sidebar-text {
        font-size: 13px;
        line-height: 1.16;
        padding-left: 3px; } }
    @media (max-width: 480px) {
      .products-slider-modal__sidebar-text {
        font-size: 11px;
        line-height: 1.12;
        padding-top: 1px;
        padding-left: 0; } }
  .products-slider-modal__sidebar-link {
    font-size: 18.98px;
    color: #17239a;
    font-family: 'gsnm';
    /*@media(max-width: 767px) {
			font-size: 13px;
		}
		@media($portbl) and (orientation: landscape) {
			font-size: 15px;
			line-height:1;
		}*/ }
  .products-slider-modal__listicons {
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 28px;
    /*@media(min-width: 1024px) and (max-height: 800px) {
			padding-top: 15px;
		}
		@media($portbl) and (orientation: landscape) {
			position: absolute;
			padding: 0;
			margin: 0;
			top: 7px;
			right: 9px;
		}*/ }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__listicons {
        padding-top: 80px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__listicons {
        padding-top: 60px;
        margin-left: 0;
        margin-right: 0; } }
    @media (max-width: 640px) {
      .products-slider-modal__listicons {
        padding-top: 60px;
        margin-left: 0;
        margin-right: 0; } }
    @media (max-width: 480px) {
      .products-slider-modal__listicons {
        padding-top: 35px; } }
  .products-slider-modal__listicons-item {
    width: 54px;
    height: 54px;
    margin-left: 4px;
    margin-right: 4px;
    /*@media(max-width: 767px) {
			width: 30px;
			height: 30px;
		}
		@media(min-width: 768px) and (max-height: 800px) {
			width: 50px;
			height: 50px;
		}
		@media(min-width: 1024px) and (max-height: 800px) {
			width: 50px;
			height: 50px;
		}
		@media($portbl) and (orientation: landscape) {
			width: 26px;
			height: 26px;
			margin: 0 4px;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__listicons-item {
        width: 42px;
        height: 42px;
        margin-left: 5px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__listicons-item {
        width: 74px;
        height: 74px;
        margin-left: 5px;
        margin-right: 5px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__listicons-item {
        width: 53px;
        height: 53px;
        margin-left: 5px;
        margin-right: 5px; } }
    @media (max-width: 640px) {
      .products-slider-modal__listicons-item {
        width: 53px;
        height: 53px;
        margin-left: 5px;
        margin-right: 5px; } }
    @media (max-width: 480px) {
      .products-slider-modal__listicons-item {
        width: 30px;
        height: 30px;
        margin-left: 4px;
        margin-right: 3px; } }
  .products-slider-modal__listicons-img {
    max-width: 100%;
    height: auto; }
  .products-slider-modal__sidebar-leadtext {
    font-size: 12px;
    line-height: 1;
    color: #17239a;
    font-family: 'gsnm';
    padding-top: 8px;
    /*@media(max-width: 767px) {
			font-size: 12px;
			line-height: 14px;
		}
		@media($portbl) and (orientation: landscape) {
			padding-top: 28px;
			font-size: 12px;
			line-height: 1;
		}*/ }
    @media (max-width: 1365px) and (orientation: landscape) {
      .products-slider-modal__sidebar-leadtext {
        font-size: 10px;
        padding-top: 6px; } }
    @media (max-width: 1279px) and (orientation: portrait) {
      .products-slider-modal__sidebar-leadtext {
        font-size: 15px;
        line-height: 1.2;
        padding-right: 50px;
        padding-top: 8px; } }
    @media (max-width: 1023px) {
      .products-slider-modal__sidebar-leadtext {
        font-size: 11px;
        line-height: 1.2;
        padding-top: 6px;
        padding-left: 7px; } }
    @media (max-width: 640px) {
      .products-slider-modal__sidebar-leadtext {
        font-size: 11px;
        line-height: 1.2;
        padding-top: 6px;
        padding-left: 7px; } }
    @media (max-width: 480px) {
      .products-slider-modal__sidebar-leadtext {
        font-size: 7px;
        line-height: 1.2;
        padding: 4px 0 0 4px; } }

/*.products-slider.milk {
	.products-slider-modal__sidebar-media {
		text-align: center;
		img {
			display: inline;
		}
	}
	.products-slider-item.products-slider-item-1 {
		.products-slider-modal__listinfo-item:first-child {
			margin-top: 0;
			width: 254px;
			height: 170px;
			padding: 19px 20px 20px 39px;
			@media(max-width: 767px) {
				width: 136px;
				height: 106px;
				padding: 20px 4px 10px 10px;
				margin-top: 20px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				width: 208px;
				height: 140px;
				padding: 15px 20px 20px 32px;
			}
			@media($portbl) and (orientation: landscape) {
				width: 133px;
				height: 102px;
				padding: 18px 4px 4px 10px;
				margin-top: 30px;
			}
		}
		.products-slider-modal__listinfo-item {
			background-color: #ffc90f;
		}
		.products-slider-modal__listinfo-item:nth-child(2n+1) {
			background-color: #17239a;
		}
		.products-slider-modal__listinfo-item:nth-child(2) {
			margin-left: -96px;
			margin-top: 146px;
			width: 229px;
			height: 187px;
			padding: 42px 15px 11px 29px;
			@media(max-width: 767px) {
				width: 97px;
				height: 78px;
				padding: 3px 2px 2px 19px;
				margin-left: -11px;
				margin-top: 81px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				margin-left: -76px;
				margin-top: 119px;
				width: 188px;
				height: 155px;
				padding: 34px 15px 11px 25px;
			}
			@media($portbl) and (orientation: landscape) {
				width: 94px;
				height: 78px;
				padding: 4px 4px 4px 17px;
				margin-left: -17px;
				margin-top: 0;
			}
		}
		.products-slider-modal__listinfo-item:nth-child(3) {
			margin-top: 94px;
			margin-left: -36px;
			width: 186px;
			height: 160px;
			padding: 25px 30px 20px 52px;
			@media(max-width: 767px) {
				margin-top: -20px;
				margin-left: 31px;
				width: 106px;
				height: 87px;
				padding: 8px 2px 2px 17px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				margin-top: 77px;
				margin-left: -31px;
				width: 153px;
				height: 132px;
				padding: 20px 30px 20px 45px;
			}
			@media($portbl) and (orientation: landscape) {
				margin-top: 73px;
				margin-left: -50px;
				width: 105px;
				height: 85px;
				padding: 12px 4px 4px 12px;
			}
		}
	}
	.products-slider-item.products-slider-item-2 {
		.products-slider-modal__listinfo-item:first-child {
			@media($portbl) and (orientation: landscape) {
				margin-top: 10px;
			}
		}
		.products-slider-modal__listinfo-item:nth-child(2) {
			@media(max-width: 1023px) {
				margin-left: -76px;
			}
			@media(max-width: 767px) {
				margin-left: -43px;
			}
			@media($portbl) and (orientation: landscape) {
				margin-left: -17px;
			}
		}
		.products-slider-modal__listinfo-item:nth-child(3) {
			margin-top: 146px;
			margin-left: -92px;
			width: 248px;
			padding: 24px 30px 20px 44px;
			@media(max-width: 1023px) {
				margin-top: 146px;
				margin-left: -92px;
				padding: 15px 20px 20px 30px;
				width: 208px;
			}
			@media(max-width: 767px) {
				margin-top: 72px;
				margin-left: -37px;
				padding: 8px 2px 2px 17px;
				width: 111px;
				height: 94px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				margin-top: 127px;
				width: 228px;
				padding: 18px 30px 20px 32px;
			}
			@media($portbl) and (orientation: landscape) {
				margin-top: 65px;
				margin-left: -65px;
				width: 125px;
				height: 90px;
				padding: 6px 4px 4px 12px;
			}
		}
		.products-slider-modal__listinfo-item:nth-child(4) {
			margin-top: 85px;
			margin-left: 13px;
			background-color: #ffc90f;
			@media(max-width: 1023px) {
				margin-top: 9px;
				margin-left: -50px;
			}
			@media(max-width: 767px) {
				margin-top: -9px;
				margin-left: 57px;
			}
			@media(min-width: 1024px) and (max-height: 800px) {
				margin-top: 10px;
				margin-left: -15px;
			}
			@media($portbl) and (orientation: landscape) {
				margin-top: -40px;
				margin-left: 56px;
				width: 84px;
				height: 72px;
				padding: 2px 4px 4px 12px;
			}
		}
	}
}*/
.is-open-sidebar .products-slider-modal__sidebar {
  box-shadow: -23px 0px 51px 0px rgba(0, 0, 0, 0.5); }