@charset "UTF-8";
/* Futurabookc */
@font-face {
  font-family: "Futura";
  src: url("../font/Futurabookc.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
/* Futuralightc */
@font-face {
  font-family: "Futura";
  src: url("../font/Futuralightc.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}
/* FuturaMediumC.otf */
@font-face {
  font-family: "Futura";
  src: url("../font/Futuramediumc.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
/* TT Ricordi Allegria Trial Regular */
@font-face {
  font-family: "TT Ricordi Allegria Trial Regular";
  src: url("../font/TT Ricordi Allegria Trial Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
/* cult_as_vector */
@font-face {
  font-family: "cult_as_vector";
  src: url("../cult_as_vector.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@media (min-width: 1374px) {
  .container {
    max-width: 1373px;
  }
}
/* SCALING  */
@media only screen and (min-width: 1540px) {
  .container {
    max-width: 1854px;
  }
  h2 {
    max-width: 1120px;
  }
}
html {
  scroll-behavior: smooth;
}

@media (max-width: 576px) {
  .container {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 4px;
  padding-left: 4px;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -4px;
  margin-left: -4px;
}

h2 {
  color: var(--Black, #3A3636);
  font-size: 64px;
  font-style: normal;
  font-weight: 300;
  line-height: 72px;
  text-transform: uppercase;
}

@media (max-width: 1200px) {
  h2 {
    font-size: 43px;
    line-height: 53px;
  }
}
@media (max-width: 991px) {
  h2 {
    font-size: 35px;
    line-height: 46px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 28px;
    line-height: 37px;
  }
}
@media (max-width: 576px) {
  h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
  }
}
body {
  margin: 0;
  padding: 0;
  font-family: "Futura";
  background-color: var(--Isabelline, #F3EFED);
  overflow: hidden;
}
body.loaded {
  overflow: auto;
}

video::-webkit-media-controls {
  transform: translateY(-5px) !important;
}

.desktop-only,
.mobile-only,
.mobile-only__flex,
.show-min-md-only,
.show-max-md-only,
.show-max-md-only__flex {
  display: none !important;
}

@media (min-width: 767px) {
  .show-min-md-only {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .show-max-md-only {
    display: block !important;
  }
  .show-max-md-only__flex {
    display: flex !important;
  }
}
@media (min-width: 576px) {
  .desktop-only {
    display: block !important;
  }
}
@media (max-width: 576px) {
  .mobile-only {
    display: block !important;
  }
  .mobile-only__flex {
    display: flex !important;
  }
}
.rad__top_left-none {
  border-top-left-radius: 0px !important;
}

.rad__top_right-none {
  border-top-right-radius: 0px !important;
}

.rad__bottom_left-none {
  border-bottom-left-radius: 0px !important;
}

.rad__bottom_right-none {
  border-bottom-right-radius: 0px !important;
}

.overlay {
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0;
  background: #000;
  transition: all 1s ease-in-out;
  pointer-events: none;
}

.overlay.open {
  z-index: 998;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
  transition: all 1s ease-in-out;
  pointer-events: all;
}

.popupOverlay {
  z-index: -1;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  opacity: 0;
  background: #000;
  transition: all 1s ease-in-out;
  pointer-events: none;
}

.popupOverlay.open {
  z-index: 9999;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: #000;
  transition: all 1s ease-in-out;
  pointer-events: all;
}

[data-inviewport=obs__full-width] {
  position: relative;
}
[data-inviewport=obs__full-width]:before {
  content: "";
  position: absolute;
  background: var(--Isabelline, #F3EFED);
  top: 0;
  right: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  transition: 1s;
  display: flex;
}

.watched[data-inviewport=obs__full-width]:before {
  width: 0%;
}

[data-inviewport=obs__opacity-bottom] {
  opacity: 0;
  transform: translateY(10px);
  transition: 1s;
}

.watched[data-inviewport=obs__opacity-bottom] {
  opacity: 1;
  transform: translateY(0px);
}

[data-inviewport=obs__opacity-left] {
  opacity: 0;
  transform: translateX(-10px);
  transition: 1s;
}

.watched[data-inviewport=obs__opacity-left] {
  opacity: 1;
  transform: translateX(0px);
}

@media (max-width: 767px) {
  [data-inviewport=obs__max-md-full-width] {
    position: relative;
  }
  [data-inviewport=obs__max-md-full-width]:before {
    content: "";
    position: absolute;
    background: var(--Isabelline, #F3EFED);
    top: 0;
    right: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    transition: 0.8s;
    display: flex;
  }
  .watched[data-inviewport=obs__max-md-full-width]:before {
    width: 0%;
  }
}
:root {
  --Black: #3A3636;
  --White: #ffffff;
  --Isabelline: #F3EFED;
  --Green: #5ECF87 ;
}

.full--width__slider {
  position: relative;
  width: 100%;
  max-width: 1120px;
  height: 730px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 0px 32px 0px 32px;
  overflow: hidden;
}
.full--width__slider .slider__slides {
  z-index: 1;
  position: relative;
  max-width: 1120px;
  height: 630px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.full--width__slider .slider__control_box {
  position: absolute;
  display: flex;
  bottom: 24px;
  right: 0;
  left: 0;
  margin: auto;
  width: 210px;
  align-items: center;
  justify-content: space-between;
  color: var(--Black, #3A3636);
  text-align: center;
  font-family: "TT Ricordi Allegria Trial Regular";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 38px; /* 135.714% */
  text-transform: uppercase;
}
.full--width__slider .fraction__counter {
  top: 1px !important;
}
.full--width__slider .fraction__counter,
.full--width__slider .fraction__length {
  width: 28px;
  margin: 0 4px;
  position: relative;
  top: 2px;
  margin: auto;
  text-align: center;
}
.full--width__slider .fraction__box {
  display: flex;
  align-items: center;
  width: 81px;
}
.full--width__slider .fraction__box .dark--star {
  top: 2px;
}
.full--width__slider .slider__control {
  z-index: 2;
  margin: auto;
  width: 38px;
  height: 38px;
  transition: background-color 0.3s, opacity 0.2s;
  cursor: pointer;
  z-index: 999;
}
.full--width__slider .slider__control:hover {
  opacity: 0.7;
}
.full--width__slider.content__disabled .slide {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 1120px;
  height: 100%;
  width: 100%;
  transition: -webkit-clip-path 1s ease-in-out;
  transition: clip-path 1s ease-in-out;
  transition: clip-path 1s ease-in-out, -webkit-clip-path 1s ease-in-out;
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.full--width__slider.content__disabled .slide.s--prev {
  -webkit-clip-path: polygon(0 0, 0% 0, 0 100%, 0 100%);
          clip-path: polygon(0 0, 0% 0, 0 100%, 0 100%);
}
.full--width__slider.content__disabled .slide.s--active {
  z-index: 1;
  transition: -webkit-clip-path 1s ease-in-out;
  transition: clip-path 1s ease-in-out;
  transition: clip-path 1s ease-in-out, -webkit-clip-path 1s ease-in-out;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.full--width__slider.content__disabled .slide.s--active.s--active-prev {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.full--width__slider.content__disabled .slide__inner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 1120px;
  height: 100%;
  margin: auto;
  background-size: cover;
  background-position: center center;
  border-radius: 0px 32px 0px 32px;
}
.full--width__slider.content__disabled .slide__inner video {
  border-radius: 0px 32px 0px 32px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.full--width__slider.content__enabled .slide {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 1120px;
  height: 100%;
  width: 100%;
}
.full--width__slider.content__enabled .slide .slide__inner {
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transition: -webkit-clip-path 1s ease-in-out;
  transition: clip-path 1s ease-in-out;
  transition: clip-path 1s ease-in-out, -webkit-clip-path 1s ease-in-out;
}
.full--width__slider.content__enabled .slide.s--prev .slide__inner {
  -webkit-clip-path: polygon(0 0, 0% 0, 0 100%, 0 100%);
          clip-path: polygon(0 0, 0% 0, 0 100%, 0 100%);
}
.full--width__slider.content__enabled .slide.s--active {
  z-index: 1;
}
.full--width__slider.content__enabled .slide.s--active .slide__inner {
  transition: -webkit-clip-path 1s ease-in-out;
  transition: clip-path 1s ease-in-out;
  transition: clip-path 1s ease-in-out, -webkit-clip-path 1s ease-in-out;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.full--width__slider.content__enabled .slide.s--active .slide__content {
  transform: translateY(0px);
  opacity: 1;
  transition-delay: 0.5s;
}
.full--width__slider.content__enabled .slide.s--active.s--active-prev .slide__inner {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.full--width__slider.content__enabled .slide .slide__inner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 1120px;
  height: 100%;
  margin: auto;
  background-size: cover;
  background-position: center center;
  border-radius: 0px 32px 0px 32px;
}
.full--width__slider.content__enabled .slide .slide__content {
  transform: translateY(40px);
  opacity: 0;
  transition: opacity 0.5s, transform 1.2s;
}
.full--width__slider .hiddenLeftSwipe,
.full--width__slider .hiddenRightSwipe {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 45%;
  height: 100%;
  z-index: 1;
}
.full--width__slider .hiddenLeftSwipe {
  left: 0;
}
.full--width__slider .hiddenRightSwipe {
  right: 0;
}

@media (max-width: 767px) {
  .full--width__slider .slider__control_box {
    font-size: 20px;
    width: 188px;
  }
  .full--width__slider .fraction__box {
    width: 71px;
  }
  .full--width__slider .slider__control {
    margin: 0 8px;
  }
}
.white--star {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/star.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 767px) {
  .white--star {
    width: 11px;
    height: 12px;
  }
}
.dark--star {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/star-dark.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

@media (max-width: 767px) {
  .dark--star {
    width: 11px;
    height: 12px;
  }
}
.num--title {
  text-align: center;
  display: inline-block;
}
.num--title .num {
  font-family: "TT Ricordi Allegria Trial Regular";
  color: var(--Black, #3A3636);
  font-size: 80px;
  line-height: 94px;
  text-transform: uppercase;
  position: relative;
}
.num--title .num:before, .num--title .num::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 16px;
  height: 16px;
  margin: auto;
  background-image: url(../img/icons/star-dark.svg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.num--title .num:before {
  left: -36px;
}
.num--title .num::after {
  right: -36px;
}
.num--title .num__text {
  color: var(--Black, #3A3636);
  font-weight: 500;
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  width: 100%;
  display: inline-block;
  margin-bottom: 54px;
  margin-top: 5px;
}

@media (max-width: 767px) {
  .num--title .num {
    font-size: 48px;
    line-height: 63px;
  }
  .num--title .num:before, .num--title .num::after {
    width: 11px;
    height: 12px;
  }
  .num--title .num:before {
    left: -20px;
  }
  .num--title .num::after {
    right: -20px;
  }
  .num--title .num__text {
    margin-bottom: 29px;
  }
}
.custom--text {
  color: var(--Black, #3A3636);
  font-weight: 400;
  font-size: 19px;
  line-height: 24px;
}

@media (max-width: 576px) {
  .custom--text {
    font-size: 18px;
    line-height: 24px;
  }
}
.main--subtitle {
  color: var(--Black, #3A3636);
  text-align: center;
  font-weight: 300;
  font-size: 36px;
  line-height: 44px;
  max-width: 793px;
  margin-left: auto;
  margin-right: auto;
}
.main--subtitle .dark--star, .main--subtitle .white--star {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.main--subtitle .dark--star:first-child, .main--subtitle .white--star:first-child {
  margin-bottom: 30px;
}
.main--subtitle .dark--star:last-child, .main--subtitle .white--star:last-child {
  margin-top: 34px;
}

@media (max-width: 576px) {
  .main--subtitle {
    color: var(--Black, #3A3636);
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
  }
  .main--subtitle .dark--star, .main--subtitle .white--star {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .main--subtitle .dark--star:first-child, .main--subtitle .white--star:first-child {
    margin-bottom: 18px;
  }
  .main--subtitle .dark--star:last-child, .main--subtitle .white--star:last-child {
    margin-top: 16px;
  }
}
.primary--dark-btn {
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: center;
  align-items: center;
  padding: 20px 20px;
  min-width: 232px;
  min-height: 65px;
  text-align: center;
  outline: none;
  text-decoration: none;
  border-radius: 33px;
  background-color: var(--Black, #3A3636);
  transition: 0.3s;
  color: var(--White, #FFF);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
}
.primary--dark-btn:hover {
  border: 1px solid var(--Black, #3A3636);
  background-color: var(--Isabelline, #F3EFED);
  text-decoration: none;
  color: var(--Black, #3A3636);
}

@media (max-width: 767px) {
  .primary--dark-btn {
    min-width: 251px;
  }
}
.secondary--btn {
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  justify-content: center;
  min-width: 229px;
  min-height: 65px;
  border-radius: 33px;
  background: var(--White, #FFF);
  padding: 15.5px 32px;
  border: none;
  outline: none;
  color: var(--Black, #3A3636);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  transition: 0.3s;
  text-decoration: none !important;
}
.secondary--btn:hover {
  background-color: var(--Black, #3A3636);
  color: #fff;
  border: solid 1px var(--White, #fff);
}

.video--box {
  width: 672px;
  height: 378px;
  display: flex;
  position: relative;
  overflow: hidden;
  border-radius: 0px 32px;
}
.video--box video {
  display: flex;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0px 32px;
}
.video--box .play__btn {
  display: inline-block;
  position: absolute;
  bottom: 32px;
  left: 32px;
  z-index: 1;
  cursor: pointer;
  width: 64px;
}
.video--box .play__btn:hover img {
  transform: scale(1.2);
}
.video--box .play__btn img {
  width: 100%;
  transition: 0.3s;
}
.video--box video.main__video {
  display: none;
}
.video--box video.hide__preview {
  z-index: 1;
  display: block;
}
.video--box video.hide__preview + .play__btn {
  display: none;
}

@media (max-widtH: 1374px) {
  .video--box {
    width: 555px;
    height: 325px;
  }
}
@media (max-width: 1200px) {
  .video--box {
    width: 465px;
    height: 290px;
  }
}
@media (max-width: 991px) {
  .video--box {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .video--box {
    border-radius: 24px 0px;
  }
  .video--box video {
    border-radius: 24px 0px;
  }
  .video--box .play__btn {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .video--box .play__btn img {
    width: 64px;
  }
}
.wide--img {
  width: 100%;
  position: relative;
}
.wide--img.dark__overlay:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  border-radius: 0px 32px;
}
.wide--img img {
  width: 100%;
  border-radius: 0px 32px;
}
.wide--img .wide--img__info {
  height: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  max-width: 793px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  justify-content: center;
}
.wide--img .text__info {
  color: var(--White, #fff);
  text-align: center;
  font-weight: 300;
  font-size: 36px;
  line-height: 44px;
  max-width: 793px;
  margin-left: auto;
  margin-right: auto;
}
.wide--img .text__info .dark--star, .wide--img .text__info .white--star {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wide--img .text__info .dark--star:first-child, .wide--img .text__info .white--star:first-child {
  margin-bottom: 30px;
}
.wide--img .text__info .dark--star:last-child, .wide--img .text__info .white--star:last-child {
  margin-top: 34px;
}
.wide--img .secondary--btn {
  margin-top: 64px;
}

@media (max-width: 1200px) {
  .wide--img .secondary--btn {
    margin-top: 37px;
  }
}
@media (max-width: 991px) {
  .wide--img {
    width: calc(100% + 32px);
    left: -16px;
    height: 480px;
    position: relative;
  }
  .wide--img.dark__overlay:before {
    border-radius: 0px;
  }
  .wide--img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: left;
       object-position: left;
    border-radius: 0px;
  }
  .wide--img .text__info {
    text-align: center;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
  }
  .wide--img .text__info .dark--star, .wide--img .text__info .white--star {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .wide--img .text__info .dark--star:first-child, .wide--img .text__info .white--star:first-child {
    margin-bottom: 18px;
  }
  .wide--img .text__info .dark--star:last-child, .wide--img .text__info .white--star:last-child {
    margin-top: 16px;
  }
  .wide--img .secondary--btn {
    margin-top: 58px;
  }
}
@media (max-width: 576px) {
  .wide--img img {
    -o-object-position: 22% 0%;
       object-position: 22% 0%;
  }
}
.custom--swiper__nav {
  width: 136px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custom--swiper__nav .arrow__next,
.custom--swiper__nav .arrow__prev {
  width: 36px;
  height: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition: 0.2s;
}
.custom--swiper__nav .arrow__next:hover,
.custom--swiper__nav .arrow__prev:hover {
  opacity: 0.5 !important;
}
.custom--swiper__nav .arrow__prev {
  background-image: url(../img/icons/ar-left.svg);
}
.custom--swiper__nav .arrow__next {
  background-image: url(../img/icons/ar-right.svg);
}

.custom--swiper__nav_2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  height: 38px;
  transition: 0.2s;
}
.custom--swiper__nav_2 .arrow__next,
.custom--swiper__nav_2 .arrow__prev {
  width: 36px;
  height: 8px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.custom--swiper__nav_2 .arrow__next:hover,
.custom--swiper__nav_2 .arrow__prev:hover {
  opacity: 0.5 !important;
}
.custom--swiper__nav_2 .arrow__prev {
  background-image: url(../img/icons/ar-left.svg);
}
.custom--swiper__nav_2 .arrow__next {
  background-image: url(../img/icons/ar-right.svg);
}
.custom--swiper__nav_2 .dark--star {
  margin: 0 9px;
}
.custom--swiper__nav_2 .swiper-pagination {
  color: var(--Black, #3A3636);
  font-family: "TT Ricordi Allegria Trial Regular";
  font-size: 0px;
  line-height: 38px;
  text-transform: uppercase;
  margin-left: 10px;
  margin-right: 10px;
  position: relative;
  width: auto;
  margin-bottom: 0;
  min-width: 58px;
  top: 6px;
}
.custom--swiper__nav_2 .swiper-pagination:before {
  content: "";
  position: absolute;
  top: -10px;
  left: 0px;
  right: 0;
  bottom: 0;
  margin: auto;
  background-image: url(../img/icons/star-dark.svg);
  width: 16px;
  height: 16px;
  background-size: cover;
}
.custom--swiper__nav_2 .swiper-pagination span {
  font-size: 28px;
  width: 46px;
  display: inline-block;
}

@media (max-width: 767px) {
  .custom--swiper__nav_2 {
    margin-top: 26px;
  }
  .custom--swiper__nav_2 .swiper-pagination {
    margin-left: 8px;
    margin-right: 8px;
    top: 4px;
  }
  .custom--swiper__nav_2 .swiper-pagination:before {
    width: 12px;
    height: 12px;
    top: -7px;
    left: 0px;
  }
  .custom--swiper__nav_2 .swiper-pagination span {
    font-size: 20px;
    font-weight: 400;
    line-height: 38px;
    width: 38px;
  }
  .custom--swiper__nav_2 .arrow__next,
.custom--swiper__nav_2 .arrow__prev {
    width: 38px;
    height: 9px;
  }
}
.custom--bg__slider {
  width: 100%;
  max-width: 1120px;
  margin: auto;
}
.custom--bg__slider .custom__slide {
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  min-height: 624px;
}
.custom--bg__slider .custom__slide img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
  border-radius: 0px 32px;
  clip: rect(auto, 0px, auto, auto);
  transition-delay: 1.5s;
}
.custom--bg__slider .swiper-slide-active .custom__slide {
  z-index: 1;
}
.custom--bg__slider .swiper-slide-active .custom__slide img {
  clip: rect(auto, 1340px, auto, auto);
  transition-delay: 0s;
  transition: clip 1.5s;
  right: 0;
  left: auto;
}

.dotted--line {
  position: relative;
  width: 100%;
  display: inline-block;
  overflow: hidden;
  height: 9px;
  background-image: url(../img/svg/dots.svg);
  background-repeat: repeat-x;
  background-position: center center;
}

.custom--popup {
  opacity: 0 !important;
  transition: 0s !important;
}
.custom--popup > * {
  /* Track */
  /* Handle */
}
.custom--popup > *::-webkit-scrollbar {
  width: 5px;
}
.custom--popup > *::-webkit-scrollbar-track {
  background: #fff;
}
.custom--popup > *::-webkit-scrollbar-thumb {
  background-color: rgba(58, 54, 54, 0.233);
  border-radius: 10px;
}
.custom--popup.open {
  transform: translateX(0);
}
.custom--popup .close__btn {
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 31px;
  width: 54px;
  height: 54px;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  z-index: 9999;
}
.custom--popup .close__btn:hover {
  background-color: rgba(0, 0, 0, 0.219);
}
.custom--popup .close__btn img {
  pointer-events: none;
}
.custom--popup .popup__content {
  transition: 0.3s;
}

.loaded .custom--popup {
  opacity: 1 !important;
  transition: 0.7s ease-in-out !important;
}

@media (max-width: 576px) {
  .custom--popup .close__btn {
    width: 40px;
    height: 40px;
    right: 16px;
    top: 16px;
    background-color: #000;
  }
  .custom--popup .close__btn img {
    max-width: 12px;
  }
}
.form--popup {
  transform: translateX(620px);
  position: fixed;
  top: 0;
  right: 0;
  max-width: 616px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: var(--Black, #3A3636);
}
.form--popup .form__title {
  color: var(--White, #FFF);
  font-size: 36px;
  font-weight: 300;
  line-height: 44px;
  margin-bottom: 16px;
}
.form--popup .custom--text {
  color: #fff;
}
.form--popup .form__content {
  padding: 99px 120px 48px 120px;
  overflow-y: auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  position: relative;
}
.form--popup .form__body {
  display: inline-block;
  width: 100%;
  align-self: center;
  padding-top: 24px;
}
.form--popup .info__fields {
  display: inline-block;
  width: 100%;
  margin-top: 33px;
}
.form--popup .info__fields .field {
  position: relative;
  margin-bottom: 12px;
}
.form--popup .info__fields .field:hover input {
  border-color: #fff;
}
.form--popup .info__fields input:not(:focus):not(:-moz-placeholder-shown):invalid {
  color: #F35656;
  border-color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:-ms-input-placeholder):invalid {
  color: #F35656;
  border-color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:placeholder-shown):invalid {
  color: #F35656;
  border-color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:-moz-placeholder-shown):invalid:hover + .holder span {
  color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:-ms-input-placeholder):invalid:hover + .holder span {
  color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:placeholder-shown):invalid:hover + .holder span {
  color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:-moz-placeholder-shown):invalid + .holder span {
  color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:-ms-input-placeholder):invalid + .holder span {
  color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:placeholder-shown):invalid + .holder span {
  color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:-moz-placeholder-shown):invalid + .holder .req {
  background-color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:-ms-input-placeholder):invalid + .holder .req {
  background-color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:placeholder-shown):invalid + .holder .req {
  background-color: #F35656;
}
.form--popup .info__fields input:not(:focus):not(:-moz-placeholder-shown):valid {
  border-color: rgba(255, 255, 255, 0.301);
}
.form--popup .info__fields input:not(:focus):not(:-ms-input-placeholder):valid {
  border-color: rgba(255, 255, 255, 0.301);
}
.form--popup .info__fields input:not(:focus):not(:placeholder-shown):valid {
  border-color: rgba(255, 255, 255, 0.301);
}
.form--popup .info__fields input {
  width: 100%;
  height: 61px;
  padding-top: 25px;
  padding-right: 10px;
  outline: none;
  border: none;
  transition: 0.2s;
  background: none;
  color: var(--White, #FFF);
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.301);
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -webkit-appearance: none;
  transition: border-color 0.2s;
}
.form--popup .info__fields input.active, .form--popup .info__fields input:focus {
  border-color: #fff;
}
.form--popup .info__fields input.active + .holder span:first-child, .form--popup .info__fields input:focus + .holder span:first-child {
  font-size: 14px;
  transform: translateY(-15px);
  border-color: #fff;
}
.form--popup .info__fields input:hover + span {
  color: #fff;
}
.form--popup .info__fields span:first-child {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  transition: transform 0.2s, font-size 0.2s;
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}
.form--popup .info__fields .req {
  position: absolute;
  top: 29px;
  right: -1px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.form--popup .submit {
  margin-top: 29px;
}
.form--popup .usloviya {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 0;
  margin-top: 40px;
  align-self: flex-end;
}
.form--popup .usloviya a {
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
  text-decoration: none;
}
.form--popup .usloviya a:hover {
  color: var(--v-white, #fff);
}

.custom--popup.show__thanks .popup__content {
  transform: translateY(20px);
  opacity: 0;
}

.custom--popup.show__thanks .thanks--content {
  opacity: 1;
  transform: translateX(0px);
  z-index: 1;
}

.thanks--content {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background-color: var(--v-midnight-green, #1B4450);
  background: var(--Black, #3A3636);
  transform: translateY(20px);
  opacity: 0;
  transition: 1s;
  transition-delay: 0.3s;
  padding: 99px 120px 48px 120px;
  overflow-y: auto;
  align-content: center;
  max-width: 616px;
  z-index: -1;
}
.thanks--content .thanks__heading {
  max-width: 356px;
}
.thanks--content .thanks__heading h4 {
  color: var(--White, #FFF);
  font-size: 36px;
  font-weight: 300;
  line-height: 44px;
  margin-bottom: 16px;
}
.thanks--content .custom--text {
  color: #fff;
}
.thanks--content .secondary--btn {
  align-self: flex-end;
  margin-top: 28px;
}

@media (max-width: 767px) {
  .form--popup .form__content {
    padding: 20px 16px;
  }
  .form--popup .info__fields .field {
    width: 100%;
  }
  .form--popup .info__fields input {
    padding-right: 16px;
    height: 70px;
  }
  .form--popup .info__fields .req {
    top: 15px;
    right: 11px;
  }
  .form--popup .usloviya br {
    display: none;
  }
  .thanks--content {
    padding: 20px 16px 24px 16px;
  }
}
@media (max-width: 576px) {
  .form--popup .form__content {
    padding: 42px 16px 32px 16px;
  }
  .form--popup .form__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 9px;
  }
  .form--popup .info__fields {
    font-size: 18px;
    margin-top: 36px;
  }
  .form--popup .info__fields span:first-child {
    font-size: 18px;
  }
  .form--popup .info__fields .field {
    margin-bottom: 13px;
  }
  .form--popup .info__fields .req {
    top: 30px;
    right: -4px;
  }
  .form--popup .submit {
    margin-left: auto;
    margin-right: auto;
    min-width: 251px;
  }
  .form--popup .custom--text {
    max-width: 285px;
  }
  .form--popup .usloviya {
    margin-top: 62px;
    max-width: 328px;
  }
  .form--popup .close__btn {
    background-color: var(--White, #fff);
  }
  .form--popup .close__btn img {
    filter: contrast(0.1);
  }
  .thanks--content {
    justify-content: center;
    text-align: center;
  }
  .thanks--content .thanks__heading h4 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 16px;
  }
  .thanks--content .secondary--btn {
    min-width: 251px;
  }
}
.room--popup {
  position: fixed;
  top: 0;
  right: 0;
  max-width: 832px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: var(--Black, #3A3636);
  transform: translateX(842px);
}
.room--popup .room__content {
  overflow-y: auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  position: relative;
}
.room--popup .room__details {
  background-color: var(--White, #fff);
  display: inline-block;
  width: 100%;
  padding: 39px 48px 64px 48px;
}
.room--popup .room__details h4 {
  margin-bottom: 0;
  color: var(--Black, #3A3636);
  font-size: 36px;
  font-weight: 300;
  line-height: 44px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.room--popup .room__details h4 .dark--star {
  margin-left: 16px;
  margin-right: 16px;
}
.room--popup .room__detail_img {
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-top: 37px;
}
.room--popup .room__detail_img img {
  width: 100%;
  max-width: 579px;
}
.room--popup .room__detail_list {
  max-width: 400px;
  margin-top: 48px;
  color: var(--Black, #3A3636);
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  list-style: none;
  padding-left: 0;
  margin-bottom: 65px;
}
.room--popup .room__detail_list .list__prop {
  padding-left: 35px;
}
.room--popup .room__detail_list li {
  display: flex;
  width: 100%;
  justify-content: space-between;
  position: relative;
  margin-bottom: 12px;
}
.room--popup .room__detail_list li span {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.room--popup .room__detail_list li span:last-of-type {
  padding-left: 15px;
}
.room--popup .room__detail_list .list__num {
  position: absolute;
  left: 0px;
  top: 1px;
  width: 23px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--Black, #3A3636);
  color: var(--White, #FFF);
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  border-radius: 100%;
}
.room--popup .room__detail_list .detail__result {
  text-align: right;
  width: 100%;
  justify-content: flex-end;
  font-weight: 500;
}
.room--popup .block__holder {
  position: relative;
  padding-left: 24px;
  color: var(--Black, #3A3636);
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  max-width: 227px;
  margin-top: 4px;
}
.room--popup .block__holder .dark--star {
  position: absolute;
  top: 0;
  left: 0;
}
.room--popup .block__holder a {
  color: var(--Black, #3A3636);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  transition: opacity 0.2s;
}
.room--popup .block__holder a .format {
  color: var(--Black, #3A3636);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
  display: block;
  text-transform: initial;
  margin-top: 5px;
}
.room--popup .block__holder a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.room--popup .info__text {
  max-width: 404px;
  margin-left: 42px;
}
.room--popup .room__form {
  display: inline-block;
  width: 100%;
}
.room--popup .room__form .form__title {
  color: var(--White, #FFF);
  font-size: 36px;
  font-weight: 300;
  line-height: 44px;
  margin-bottom: 16px;
}
.room--popup .room__form .custom--text {
  color: #fff;
  max-width: 410px;
}
.room--popup .room__form .form__content {
  padding: 47px 43px 64px 48px;
  overflow-y: auto;
  display: flex;
  width: 100%;
  height: 100%;
  flex-wrap: wrap;
  position: relative;
}
.room--popup .room__form .form__body {
  display: inline-block;
  width: 100%;
  align-self: center;
}
.room--popup .room__form .info__fields {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 46px;
}
.room--popup .room__form .info__fields .field {
  max-width: 229px;
  width: 100%;
  position: relative;
  margin-bottom: 12px;
  margin-right: 24px;
}
.room--popup .room__form .info__fields .field:last-of-type {
  margin-right: 0;
}
.room--popup .room__form .info__fields .field:hover input {
  border-color: #fff;
}
.room--popup .room__form .info__fields .field input {
  padding-right: 10px;
}
.room--popup .room__form .info__fields input:not(:focus):not(:-moz-placeholder-shown):invalid {
  color: #F35656;
  border-color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:-ms-input-placeholder):invalid {
  color: #F35656;
  border-color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:placeholder-shown):invalid {
  color: #F35656;
  border-color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:-moz-placeholder-shown):invalid:hover + .holder span {
  color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:-ms-input-placeholder):invalid:hover + .holder span {
  color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:placeholder-shown):invalid:hover + .holder span {
  color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:-moz-placeholder-shown):invalid + .holder span {
  color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:-ms-input-placeholder):invalid + .holder span {
  color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:placeholder-shown):invalid + .holder span {
  color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:-moz-placeholder-shown):invalid + .holder .req {
  background-color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:-ms-input-placeholder):invalid + .holder .req {
  background-color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:placeholder-shown):invalid + .holder .req {
  background-color: #F35656;
}
.room--popup .room__form .info__fields input:not(:focus):not(:-moz-placeholder-shown):valid {
  border-color: rgba(255, 255, 255, 0.301);
}
.room--popup .room__form .info__fields input:not(:focus):not(:-ms-input-placeholder):valid {
  border-color: rgba(255, 255, 255, 0.301);
}
.room--popup .room__form .info__fields input:not(:focus):not(:placeholder-shown):valid {
  border-color: rgba(255, 255, 255, 0.301);
}
.room--popup .room__form .info__fields input {
  width: 100%;
  height: 61px;
  padding-top: 25px;
  outline: none;
  border: none;
  border-radius: 0px !important;
  -webkit-border-radius: 0px !important;
  -webkit-appearance: none;
  transition: 0.2s;
  background: none;
  color: var(--White, #FFF);
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.301);
}
.room--popup .room__form .info__fields input.active, .room--popup .room__form .info__fields input:focus {
  border-color: #fff;
}
.room--popup .room__form .info__fields input.active + .holder span:first-child, .room--popup .room__form .info__fields input:focus + .holder span:first-child {
  font-size: 14px;
  transform: translateY(-15px);
}
.room--popup .room__form .info__fields input:hover + span {
  color: #fff;
}
.room--popup .room__form .info__fields span:first-child {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  transition: transform 0.2s, font-size 0.2s;
  color: rgba(255, 255, 255, 0.5);
  pointer-events: none;
}
.room--popup .room__form .info__fields .req {
  position: absolute;
  top: 29px;
  right: -1px;
  width: 6px;
  height: 6px;
  border-radius: 100%;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
}
.room--popup .room__form .submit {
  margin-top: 29px;
}
.room--popup .room__form .usloviya {
  color: rgba(255, 255, 255, 0.5);
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  margin-bottom: 0;
  margin-top: 40px;
  margin-left: 28px;
}
.room--popup .room__form .usloviya a {
  color: rgba(255, 255, 255, 0.5);
  transition: 0.2s;
  text-decoration: none;
}
.room--popup .room__form .usloviya a:hover {
  color: var(--v-white, #fff);
}

@media (max-width: 767px) {
  .room--popup .info__text {
    margin-left: 0;
  }
  .room--popup .room__form .info__fields .field {
    max-width: 100%;
    margin-right: 0;
  }
  .room--popup .room__form .usloviya {
    margin-left: 0;
  }
}
@media (max-width: 576px) {
  .room--popup .room__details {
    padding: 22px 16px 65px 16px;
  }
  .room--popup .room__details h4 {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
  }
  .room--popup .room__details h4 .dark--star {
    display: none;
  }
  .room--popup .room__details h4 span {
    color: var(--Black, #3A3636);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    display: block;
    width: 100%;
    margin-top: 7px;
  }
  .room--popup .room__detail_list {
    font-size: 18px;
    margin-top: 50px;
    padding-right: 44px;
    margin-bottom: 48px;
  }
  .room--popup .room__detail_img {
    margin-top: 50px;
  }
  .room--popup .info__text {
    max-width: 295px;
  }
  .room--popup .block__holder {
    padding-left: 24px;
    margin-top: 16px;
  }
  .room--popup .block__holder a .format {
    font-size: 16px;
  }
  .room--popup .block__holder .dark--star {
    top: 2px;
    left: 3px;
  }
  .room--popup .room__form .form__content {
    padding: 42px 16px 32px 16px;
  }
  .room--popup .room__form .form__title {
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 9px;
  }
  .room--popup .room__form .info__fields {
    font-size: 18px;
    margin-top: 36px;
  }
  .room--popup .room__form .info__fields span:first-child {
    font-size: 18px;
  }
  .room--popup .room__form .info__fields .field {
    margin-bottom: 13px;
  }
  .room--popup .room__form .info__fields .req {
    top: 30px;
    right: -4px;
  }
  .room--popup .room__form .submit {
    margin-left: auto;
    margin-right: auto;
    min-width: 251px;
  }
  .room--popup .room__form .custom--text {
    max-width: 285px;
  }
  .room--popup .room__form .usloviya {
    margin-top: 62px;
    max-width: 328px;
  }
}
.custom--mob_slider {
  width: calc(100% + 32px);
  margin-left: -16px;
  padding-left: 16px;
  padding-right: 16px;
  display: none !important;
}
.custom--mob_slider .swiper-slide {
  width: 335px;
  height: 335px;
}
.custom--mob_slider .custom__mob_slider-img {
  width: 335px;
  height: 335px;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
}
.custom--mob_slider .custom__mob_slider-img img {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

@media (max-width: 767px) {
  .custom--mob_slider {
    display: block !important;
  }
}
/* SCALING  */
@media only screen and (min-width: 1540px) {
  .video--box {
    width: 100%;
    height: 513px;
  }
}
.header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 998;
  transform: translateY(-140px);
  transition: transform 1s ease-in-out, background-color 1s ease-in-out;
  font-weight: 500;
}
.header.header__dark-mode {
  transform: none;
  background-color: var(--Isabelline, #F3EFED);
}
.header.header__dark-mode .menu__btn:hover {
  opacity: 0.5;
}
.header.header__dark-mode .menu__btn.show:before {
  color: var(--White, #fff);
}
.header.header__dark-mode .menu__btn.show span {
  background-color: var(--White, #fff);
}
.header.header__dark-mode .menu__btn:before {
  color: var(--Black, #3A3636);
  transition: all 1.2s;
}
.header.header__dark-mode .menu__btn span {
  background-color: var(--Black, #3A3636);
  transition: all 1.2s;
}
.header.header__dark-mode .logo {
  opacity: 1;
}
.header.header__dark-mode .logo img {
  transition: opacity 1s;
}
.header.header__dark-mode .logo img.logo__dark {
  opacity: 1;
}
.header.header__dark-mode .logo:hover {
  opacity: 0.7;
}
.header.header__dark-mode .order .white--star {
  background-image: url(../img/icons/star-dark.svg);
}
.header.header__dark-mode .online img {
  opacity: 0;
  transition: opacity 0.5s;
}
.header.header__dark-mode .online .live__dark {
  opacity: 1;
}
.header.header__dark-mode .online, .header.header__dark-mode .phone__number, .header.header__dark-mode .order {
  color: var(--Black, #3A3636);
  transition: color 0.5s, opacity 0.3s;
}
.header.header__dark-mode .phone__mobile {
  border-color: rgba(58, 54, 54, 0.151);
}
.header.header__dark-mode .phone__mobile img {
  opacity: 0;
  transition: 1s;
}
.header.header__dark-mode .phone__mobile img.tel__dark {
  opacity: 1;
}
.header.header__black {
  transform: none !important;
  transition: background-color 1s ease-in-out, box-shadow 1s ease-in-out, -webkit-backdrop-filter 1s ease-in-out;
  transition: background-color 1s ease-in-out, box-shadow 1s ease-in-out, backdrop-filter 1s ease-in-out;
  transition: background-color 1s ease-in-out, box-shadow 1s ease-in-out, backdrop-filter 1s ease-in-out, -webkit-backdrop-filter 1s ease-in-out;
  transform: none;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 20px rgba(58, 54, 54, 0.082);
}
.header.header__black .menu__btn:hover {
  opacity: 0.5;
}
.header.header__black .menu__btn.show:before {
  color: var(--White, #fff);
}
.header.header__black .menu__btn.show span {
  background-color: var(--White, #fff);
}
.header.header__black .menu__btn:before {
  color: var(--Black, #3A3636);
  transition: all 1.2s;
}
.header.header__black .menu__btn span {
  background-color: var(--Black, #3A3636);
}
.header.header__black .logo img {
  opacity: 0;
  transition: opacity 1s;
}
.header.header__black .logo img.logo__dark {
  opacity: 1;
}
.header.header__black .logo:hover img {
  opacity: 0.7;
}
.header.header__black .online img {
  opacity: 0;
  transition: opacity 1s;
}
.header.header__black .online .live__dark {
  opacity: 1;
}
.header.header__black .white--star {
  background-image: url(../img/icons/star-dark.svg);
}
.header.header__black .online, .header.header__black .phone__number, .header.header__black .order {
  color: var(--Black, #3A3636);
  transition: color 0.5s, opacity 0.3s;
}
.header.header__black .phone__mobile {
  border-color: rgba(58, 54, 54, 0.151);
}
.header.header__black .phone__mobile img {
  opacity: 0;
  transition: 1s;
}
.header.header__black .phone__mobile img.tel__dark {
  opacity: 1;
}
.header.p-fixed {
  position: fixed;
  top: 0;
  transition: top 0.5s, background-color 1s ease-in-out, box-shadow 1s ease-in-out, -webkit-backdrop-filter 1s ease-in-out;
  transition: top 0.5s, background-color 1s ease-in-out, box-shadow 1s ease-in-out, backdrop-filter 1s ease-in-out;
  transition: top 0.5s, background-color 1s ease-in-out, box-shadow 1s ease-in-out, backdrop-filter 1s ease-in-out, -webkit-backdrop-filter 1s ease-in-out;
  background-color: #F3EFED;
  box-shadow: none;
}
.header .container {
  max-width: 1374px;
}
.header .main__row {
  height: 96px;
  align-items: center;
}
.header a:hover {
  text-decoration: none;
}
.header .logo {
  width: 91px;
  height: 32px;
  display: inline-block;
  transition: 0.3s;
  color: var(--White, #FFF);
  text-align: center;
  font-size: 13px;
  font-weight: 500;
  line-height: 17px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  opacity: 0;
  transform: translateY(0);
  transition: transform 0.3s, opacity 0.3s;
  position: relative;
}
.header .logo:hover img {
  opacity: 0.7;
}
.header .logo img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 1s;
}
.header .logo img.logo__dark {
  opacity: 0;
}
.header .left__side {
  display: flex;
  width: 100%;
  max-width: 319px;
  justify-content: space-between;
  position: relative;
  align-items: center;
}
.header .menu {
  width: 0px;
  height: 0px;
  position: absolute;
  top: -20px;
  left: -25px;
  overflow: hidden;
  transition: 1s ease-in-out;
  z-index: 3;
}
.header .menu.show {
  width: 696px;
  height: 481px;
}
.header .menu.show .menu__container .nav li {
  transform: translateY(0px);
  opacity: 1;
  transition: opacity 1s, transform 1s;
}
.header .menu.show .menu__image::after {
  width: 0;
  transition: all 1.2s;
  transition-delay: 0.7s;
}
.header .menu.show .menu__category_title {
  transform: translateY(0px);
  opacity: 1;
  transition: opacity 1s, transform 1s;
  transition-delay: 1s;
}
.header .menu__container {
  width: 696px;
  height: 481px;
  border-radius: 32px 0px;
  background: var(--Black, #3A3636);
  padding: 25px 24px 24px 24px;
  display: flex;
}
.header .menu__container .nav {
  height: 100%;
  max-width: 270px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
  align-content: center;
  color: var(--White, #FFF);
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.39px;
  text-transform: uppercase;
  padding-left: 44px;
}
.header .menu__container .nav li {
  width: 100%;
  margin-bottom: 12px;
  opacity: 0;
  transform: translateY(-10px);
  transition: opacity 1s, transform 1s;
}
.header .menu__container .nav li:last-of-type {
  margin-bottom: 0;
}
.header .menu__container .nav li a {
  color: var(--White, #FFF);
  transition: 0.2s;
}
.header .menu__container .nav li a:hover {
  color: rgb(172, 172, 172);
}
.header .menu__image {
  max-width: 324px;
  width: 100%;
  position: relative;
  max-height: 432px;
  height: 100%;
  border-radius: 16px 0px 16px 0px;
  overflow: hidden;
}
.header .menu__image:hover img {
  transform: scale(1.1);
}
.header .menu__image::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: var(--Black, #3A3636);
  z-index: 2;
  transition: width 1s;
  transition-delay: 0.7s;
}
.header .menu__image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.45);
}
.header .menu__image img {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform 0.5s;
}
.header .menu__category_title {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  align-content: center;
  z-index: 2;
  flex-wrap: wrap;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1s, transform 1s;
  transition-delay: 1s;
}
.header .menu__category_title p {
  color: var(--White, #FFF);
  text-align: center;
  font-weight: 400;
  font-size: 36px;
  line-height: 30px;
  letter-spacing: 1.08px;
  text-transform: uppercase;
  width: 100%;
  margin: 40px 0;
}
.header .menu__category_title .star {
  width: 16px;
  height: 16px;
  background-image: url(../img/icons/star.svg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  display: block;
}
.header .menu__btn {
  width: 84px;
  height: 13px;
  box-shadow: none;
  z-index: 10;
  position: relative;
  padding: 0;
}
.header .menu__btn:before {
  content: "Меню";
  position: absolute;
  display: block;
  color: #fff;
  top: 0px;
  right: -2px;
  bottom: 0;
  margin: auto;
  color: var(--White, #FFF);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  transition: color 0.5s;
  height: 11px;
}
.header .menu__btn span {
  position: absolute;
  left: 0;
  width: 32px;
  height: 1px;
  z-index: 1;
  background-color: #fff;
  transition: top 0.4s ease-in-out 0.4s, transform 0.4s ease-in-out, opacity 0.4s ease-in-out 0.4s, left 0.4s ease-in-out, background-color 1s ease-in-out;
  -webkit-transition: top 0.4s ease-in-out 0.4s, transform 0.4s ease-in-out, opacity 0.4s ease-in-out 0.4s, left 0.4s ease-in-out, background-color 1s ease-in-out;
  -moz-transition: top 0.4s ease-in-out 0.4s, transform 0.4s ease-in-out, opacity 0.4s ease-in-out 0.4s, left 0.4s ease-in-out, background-color 1s ease-in-out;
  -ms-transition: top 0.4s ease-in-out 0.4s, transform 0.4s ease-in-out, opacity 0.4s ease-in-out 0.4s, left 0.4s ease-in-out, background-color 1s ease-in-out;
}
.header .menu__btn .span_1 {
  top: 0px;
}
.header .menu__btn .span_2 {
  top: 5px;
}
.header .menu__btn .span_3 {
  top: 10px;
}
.header .menu__btn.show span {
  transition: top 0.2s ease-in-out, transform 0.4s ease-in-out 0.2s, opacity 0.1s ease-in-out 0.2s;
  -webkit-transition: top 0.2s ease-in-out, transform 0.4s ease-in-out 0.2s, opacity 0.1s ease-in-out 0.2s;
  -moz-transition: top 0.2s ease-in-out, transform 0.4s ease-in-out 0.2s, opacity 0.1s ease-in-out 0.2s;
  -ms-transition: top 0.2s ease-in-out, transform 0.4s ease-in-out 0.2s, opacity 0.1s ease-in-out 0.2s;
}
.header .menu__btn.show .span_1 {
  top: 4px;
  transform: scale(0.8) rotate(45deg);
}
.header .menu__btn.show .span_2 {
  opacity: 0;
}
.header .menu__btn.show .span_3 {
  top: 4px;
  transform: scale(0.8) rotate(-45deg);
}
.header .online {
  color: var(--White, #FFF);
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 29px;
  transition: color 1s, opacity 0.3s;
}
.header .online:hover {
  opacity: 0.7;
}
.header .online img {
  margin-right: 11px;
  position: absolute;
  left: 0;
  top: 3px;
  transition: opacity 1s;
}
.header .online img.live__dark {
  opacity: 0;
}
.header .contact {
  display: flex;
  width: 100%;
  align-items: center;
  max-width: 381px;
  margin-left: auto;
}
.header .phone {
  display: flex;
  align-items: center;
}
.header .phone a {
  color: var(--White, #FFF);
  text-align: right;
  font-size: 17px;
  line-height: 24px;
  letter-spacing: -0.51px;
  text-decoration: none !important;
  transition: color 1s;
}
.header .phone a:hover {
  text-decoration: none;
}
.header .phone .phone__number {
  margin-right: 4px;
  transition: color 1s, opacity 0.3s;
}
.header .phone .phone__number:hover {
  opacity: 0.7;
}
.header .phone .social {
  margin-left: 12px;
  margin-top: -3px;
}
.header .phone .social path, .header .phone .social rect {
  transition: all 0.3s;
}
.header .phone .social.tg:hover path:first-of-type {
  fill: #fff;
}
.header .phone .social.tg:hover path {
  fill: #3A3636;
}
.header .phone .social.ws:hover path {
  fill: #fff;
}
.header .phone .social.ws:hover rect {
  fill: #3A3636;
}
.header .order {
  color: var(--White, #FFF);
  font-size: 13px;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  margin-left: auto;
  transition: color 1s, opacity 0.3s;
}
.header .order:hover {
  opacity: 0.7;
}
.header .order span {
  width: 14px;
  height: 14px;
  margin-right: 7px;
  margin-top: -2px;
  transition: background-image 1s;
}
.header .phone__mobile {
  width: 40px;
  height: 40px;
  border: solid 1px rgba(255, 255, 255, 0.24);
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 0;
  transition: 1s;
  right: 56px;
}
.header .phone__mobile:hover {
  background-color: rgba(255, 255, 255, 0.116);
}
.header .phone__mobile img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  transition: 1s;
}
.header .phone__mobile img.tel__dark {
  opacity: 0;
}

.loaded .header {
  transform: translateY(0px);
  transition-delay: 1s;
}

.loaded .header__black {
  transition-delay: 0s !important;
}

.sc-banner {
  height: 100vh;
  position: relative;
  overflow: hidden;
  min-height: 611px;
}
.sc-banner .banner__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.sc-banner .banner__video:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  z-index: 1;
}
.sc-banner .banner__video video {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.sc-banner .banner__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.sc-banner .banner__bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.4;
  z-index: 1;
}
.sc-banner .pending__cult {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: clip 1.5s ease-in-out;
  font-family: "cult_as_vector";
  font-size: 1120px;
  line-height: 0;
  display: flex;
  background-color: var(--Isabelline, #F3EFED);
  mix-blend-mode: lighten;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  clip: rect(0, auto, 100vh, 0px);
  z-index: 999999;
  padding-left: 22px;
}
.sc-banner .pending__cult span {
  transform: translateY(24%) translateX(-9px);
  display: inline-block;
  min-height: 400px;
}
.sc-banner .pending__cult .loading {
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  bottom: 138px;
  right: 0;
  left: 0;
  margin: auto;
  width: 200px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  font-family: "Futura";
}
.sc-banner .pending__cult .loading .pending__text {
  transform: translateY(20px);
  -webkit-animation: loadingSlide 1.5s ease-in-out;
          animation: loadingSlide 1.5s ease-in-out;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sc-banner .pending__cult .loading .dark--star {
  display: block;
  margin: auto;
  position: absolute;
  opacity: 0;
}
.sc-banner .pending__cult .loading .dark--star.star-top {
  top: -56px;
  transform: translateY(25px);
  -webkit-animation: loadingSlide 1.3s ease-in-out, loading 2s infinite;
          animation: loadingSlide 1.3s ease-in-out, loading 2s infinite;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sc-banner .pending__cult .loading .dark--star.star-bottom {
  bottom: -56px;
  transform: translateY(25px);
  -webkit-animation: loadingSlide 2s ease-in-out, loading 2s infinite 1s;
          animation: loadingSlide 2s ease-in-out, loading 2s infinite 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
@-webkit-keyframes loadingSlide {
  100% {
    transform: translateY(0px);
  }
}
@keyframes loadingSlide {
  100% {
    transform: translateY(0px);
  }
}
@-webkit-keyframes loading {
  50% {
    opacity: 1;
  }
}
@keyframes loading {
  50% {
    opacity: 1;
  }
}
.sc-banner .main__cult {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: clip 1.5s ease-in-out;
  color: #fff;
  font-family: "cult_as_vector";
  font-size: 1120px;
  line-height: 0;
  display: flex;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  clip: rect(100vh, auto, 100vh, 0px);
  z-index: 1;
  padding-left: 22px;
}
.sc-banner .main__cult span {
  transform: translateY(24%) translateX(-9px);
  display: inline-block;
  min-height: 400px;
}
.sc-banner .scroll__down {
  position: absolute;
  bottom: 32px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  transition: all ease-in-out 1s;
  transition-delay: 1.2s;
  opacity: 0;
  transform: translateY(60px);
  z-index: 1;
  cursor: pointer;
  pointer-events: none;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  width: auto;
  margin-bottom: 20px;
}
.sc-banner .scroll__down > * {
  transition: 0.2s;
}
.sc-banner .scroll__down:hover > * {
  opacity: 0.7 !important;
}
.sc-banner .scroll__down .scroll__text {
  display: block;
  margin: auto;
  max-width: 405px;
  font-size: 36px;
  font-weight: 300;
  line-height: 44px;
  color: var(--White, #FFF);
  text-align: center;
 /* margin-top: 19px;*/
}
.sc-banner .scroll__down a {
  margin-top: 38px;
  display: inline-block;
}
.sc-banner .pending__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #FFF;
  opacity: 1;
  pointer-events: none;
  -webkit-animation: 1s pendingOverlay linear;
          animation: 1s pendingOverlay linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  z-index: 9999;
}
@-webkit-keyframes pendingOverlay {
  100% {
    opacity: 0;
    z-index: -1;
  }
}
@keyframes pendingOverlay {
  100% {
    opacity: 0;
    z-index: -1;
  }
}

.loaded .sc-banner .pending__cult {
  clip: rect(0px, auto, 0, 0px);
}
.loaded .sc-banner .pending__cult .loading {
  transition-delay: 1s;
  display: none;
}
.loaded .sc-banner .main__cult {
  clip: rect(0, auto, 100vh, 0px);
}
.loaded .sc-banner .scroll__down {
  opacity: 1;
  pointer-events: all;
  transform: translateY(0px);
}

.sc-contact {
  padding-top: 30px;
  padding-bottom: 100px;
}
.sc-contact h2 {
  max-width: 850px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sc-contact .title {
  margin-bottom: 90px;
}
.sc-contact .show__office_box {
  display: inline-block;
  width: 100%;
  position: relative;
}
.sc-contact .show__office_box.show .img__box {
  -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
          clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  transition: -webkit-clip-path 1s;
  transition: clip-path 1s;
  transition: clip-path 1s, -webkit-clip-path 1s;
  overflow: hidden;
}
.sc-contact .show__office_box.show .show__map {
  color: transparent;
}
.sc-contact .show__office_box.show .show__map div {
  pointer-events: none;
  z-index: -1;
  font-size: 0;
  transition-delay: 1s;
  transform: translateY(20px);
  transition: font-size 1s 1s, transform 1s ease-in-out;
}
.sc-contact .show__office_box.show .show__map svg {
  opacity: 0;
}
.sc-contact .show__office_box.show .show__map .close__loc {
  opacity: 1;
}
.sc-contact .show__office_box .map__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px 32px;
  overflow: hidden;
  transition: width 1s;
}
.sc-contact .show__office_box #map2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 70px);
}
.sc-contact .img__box {
  height: 100%;
  z-index: 1;
  position: relative;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: -webkit-clip-path 1s;
  transition: clip-path 1s;
  transition: clip-path 1s, -webkit-clip-path 1s;
  min-height: 672px;
}
.sc-contact .img__box img {
  border-radius: 0px 32px;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  top: 0;
  left: 0;
}
.sc-contact .show__map {
  position: absolute;
  bottom: 53px;
  right: 32px;
  padding-right: 80px;
  color: var(--White, #FFF);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  text-decoration: none;
  cursor: pointer;
  transition: 1s;
  z-index: 1;
}
.sc-contact .show__map:hover {
  color: rgba(255, 255, 255, 0.699);
}
.sc-contact .show__map:hover .loc__icon {
  background-color: var(--Black, #3A3636);
}
.sc-contact .show__map:hover .loc__icon path {
  fill: #fff;
}
.sc-contact .show__map div {
  transform: translateY(0px);
  transition: transform 1s ease-in-out;
}
.sc-contact .show__map .close__loc {
  opacity: 0;
}
.sc-contact .show__map .loc__icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  background-color: var(--v-white, #fff);
  transition: background-color 0.5s;
}
.sc-contact .show__map .loc__icon svg, .sc-contact .show__map .loc__icon img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.sc-contact .show__map .loc__icon path {
  transition: 0.5s;
}
.sc-contact .contact__box {
  width: 100%;
  padding-left: 108px;
  display: inline-block;
}
.sc-contact .info__text {
  margin-bottom: 62px;
  max-width: 415px;
}
.sc-contact .single__contact {
  margin-bottom: 43px;
  padding-left: 24px;
}
.sc-contact .contact__holder {
  position: relative;
  padding-left: 24px;
  margin-left: -24px;
  color: var(--Black, #3A3636);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.sc-contact .contact__holder span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.sc-contact .phone {
  color: var(--Black, #3A3636);
  font-size: 64px;
  font-weight: 300;
  line-height: 72px;
  text-transform: uppercase;
  text-decoration: none;
  transition: 0.2s;
}
.sc-contact .phone:hover {
  opacity: 0.7;
}
.sc-contact .worktime__info {
  color: var(--Black, #3A3636);
  font-size: 19px;
  font-weight: 400;
  line-height: 24px;
  display: block;
  width: 100%;
}
.sc-contact .mail {
  color: #3A3636;
  font-size: 24px;
  font-weight: 400;
  line-height: 30px;
  transition: 0.3s;
}
.sc-contact .mail:hover {
  opacity: 0.7;
  text-decoration: none;
}
.sc-contact .order__box {
  display: inline-block;
  width: 100%;
  margin-top: 22px;
}
.sc-contact .contact__box_mob {
  margin-bottom: 64px;
}
.sc-contact .contact__box_mob .custom--text {
  max-width: 264px;
}
.sc-contact .contact__box_mob .primary--dark-btn {
  margin-left: auto;
  margin-right: auto;
  margin-top: 64px;
}
.sc-contact .mob__phone {
  color: var(--Black, #3A3636);
  font-size: 32px;
  font-weight: 400;
  line-height: 40px;
}
.sc-contact .mob__single_contact {
  display: inline-block;
  width: 100%;
  margin: 2px 0;
}
.sc-contact .mob__single_contact .dotted--line {
  top: 4px;
  left: -3px;
}
.sc-contact .mob__single_contact p {
  display: flex;
  align-self: flex-start;
  color: var(--Black, #3A3636);
  font-size: 22px;
  font-weight: 400;
  line-height: 25px;
  margin-bottom: 0;
  padding-top: 18px;
  padding-bottom: 1px;
}
.sc-contact .mob__single_contact p a {
  color: var(--Black, #3A3636);
  transition: 0.3s;
}
.sc-contact .mob__single_contact p a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.sc-contact .mob__single_contact p span {
  font-size: 18px;
  line-height: 24px;
  width: 99px;
  padding-right: 15px;
  flex-shrink: 0;
}

.footer {
  padding-top: 89px;
  overflow: hidden;
}
.footer .block__holder {
  position: relative;
  padding-left: 22px;
  color: var(--Black, #3A3636);
  font-size: 13px;
  line-height: 20px;
  font-weight: 500;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  max-width: 227px;
  z-index: 1;
  margin-bottom: 32px;
}
.footer .block__holder .dark--star {
  position: absolute;
  top: 0;
  left: 0;
}
.footer .block__holder a {
  color: var(--Black, #3A3636);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  transition: 0.2s;
}
.footer .block__holder a .format {
  color: var(--Black, #3A3636);
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
  display: block;
  text-transform: initial;
  margin-top: 5px;
  letter-spacing: -0.03px;
}
.footer .block__holder a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.footer .footer__bg-col {
  min-height: 310px;
  position: relative;
  padding-top: 36px;
  margin-top: 8px;
}
.footer .footer__cult-bg {
  background-image: url(../img/footer-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 30px;
  left: 1px;
  width: calc(100% - 24px);
  height: calc(100% - 70px);
}
.footer .footer__cult-bg:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.2;
  z-index: 1;
}
.footer .footer__cult-bg video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer .footer__cult-box {
  position: absolute;
  top: -5px;
  left: 20px;
  right: 0;
  bottom: 0;
  margin: auto;
  max-width: 700px;
  width: 100%;
  min-height: 319px;
}
.footer .footer__cult {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: clip 1.5s ease-in-out;
  font-family: "cult_as_vector";
  font-size: 672px;
  line-height: 313px;
  display: flex;
  background-color: var(--Isabelline, #F3EFED);
  mix-blend-mode: lighten;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  z-index: 2;
}
.footer .footer__cult span {
  transform: translateY(6px) translateX(-9px);
  display: inline-block;
  min-height: 319px;
}
.footer .footer__contact-col {
  padding-top: 36px;
}
.footer .footer__contact-col.watched + .footer__bottom {
  opacity: 1;
  transform: translateX(0px);
}
.footer .contact__info {
  display: inline-block;
  width: 100%;
}
.footer .contact__info .phone__info {
  display: flex;
  align-items: center;
}
.footer .contact__info .phone {
  color: #3A3636;
  font-size: 36px;
  font-weight: 300;
  line-height: 44px;
  text-decoration: none;
  margin-bottom: 7px;
  display: inline-block;
  transition: opacity 0.2s;
}
.footer .contact__info .phone:hover {
  opacity: 0.7;
}
.footer .contact__info .social {
  width: 30px;
  height: 30px;
  margin-left: 16px;
  margin-top: -10px;
}
.footer .contact__info .social.tg:hover {
  text-decoration: none;
}
.footer .contact__info .social.tg:hover path:first-child {
  fill: #fff;
}
.footer .contact__info .social.tg:hover path {
  fill: #3A3636;
}
.footer .contact__info .social.ws:hover {
  text-decoration: none;
}
.footer .contact__info .social.ws:hover path {
  fill: #fff;
}
.footer .contact__info .social.ws:hover rect {
  fill: #3A3636;
}
.footer .info__holder {
  padding-left: 24px;
  position: relative;
  margin-bottom: 30px;
  color: var(--Black, #3A3636);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
}
.footer .info__holder .dark--star {
  position: absolute;
  top: 0;
  left: 0;
}
.footer .custom__info {
  color: var(--Black, #3A3636);
  font-size: 19px;
  font-weight: 400;
  line-height: 20px;
  display: inline-block;
  width: 100%;
  margin-bottom: 21px;
}
.footer .custom__info.small-text {
  font-size: 17px;
}
.footer .custom__info a {
  color: var(--Black, #3A3636);
  text-decoration: none !important;
  transition: 0.3s;
}
.footer .custom__info a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.footer .footer__bottom {
  padding-top: 81px;
  padding-bottom: 32px;
  overflow: hidden;
}
.footer .footer__bottom p {
  margin-bottom: 0;
  color: var(--Black, #3A3636);
  font-size: 17px;
  font-weight: 400;
  line-height: 23px;
}
.footer .footer__bottom p a {
  color: var(--Black, #3A3636);
  transition: 0.2s;
  text-decoration: none;
}
.footer .footer__bottom p a:hover span {
  opacity: 0.7;
}

.scroll__top {
  position: absolute;
  z-index: 997;
  top: 39px;
  right: 4px;
  color: var(--Black, #3A3636);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.26px;
  text-transform: uppercase;
  padding-right: 32px;
  display: inline-block;
  opacity: 0;
  transition: 0.5s;
  cursor: pointer;
}
.scroll__top.visible {
  opacity: 1;
}
.scroll__top:hover {
  opacity: 0.5;
}
.scroll__top img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

@media (min-width: 1440px) and (max-height: 739px) {
  .sc-banner .scroll__down {
    bottom: 26px;
  }
}
@media (min-width: 1440px) and (max-height: 764px) {
  .sc-banner .scroll__down {
    bottom: 26px;
  }
  .sc-banner .main__cult,
.sc-banner .pending__cult {
    font-size: 687px;
  }
}
@media (min-width: 767px) {
  .header.header__black .logo {
    opacity: 1;
    transition: transform 0.3s, opacity 0.3s;
    transition-delay: 0.5s;
  }
  .header.scrollin__down {
    position: fixed;
    top: -140px;
  }
  .header .menu__btn {
    transition: opacity 0.3s;
  }
  .header .menu__btn.show:hover .span_1 {
    transform: scale(0.8) rotate(45deg);
  }
  .header .menu__btn.show:hover .span_3 {
    transform: scale(0.8) rotate(-45deg);
  }
  .header .menu__btn:hover {
    opacity: 0.7;
  }
  .header .menu__btn:hover .span_1 {
    transform: translateY(-3px);
  }
  .header .menu__btn:hover .span_3 {
    transform: translateY(3px);
  }
}
@media (max-width: 1374px) {
  .sc-contact .phone {
    font-size: 46px;
    font-weight: 300;
    line-height: 58px;
  }
}
@media (max-width: 1200px) {
  .header .logo span {
    margin-top: 14px;
  }
  .header .contact {
    max-width: 320px;
  }
  .header .phone .social {
    margin-left: 4px;
  }
  .header .phone a {
    font-size: 15px;
  }
  .sc-banner .main__cult, .sc-banner .pending__cult {
    font-size: 800px;
    padding-left: 0;
  }
  .sc-banner .scroll__down {
    bottom: 16px;
  }
  .sc-contact h2 {
    max-width: 568px;
  }
  .sc-contact .phone {
    font-size: 36px;
    line-height: 49px;
  }
  .sc-contact .img__box {
    min-height: 520px;
  }
  .sc-contact .contact__box {
    padding-left: 35px;
  }
}
@media (max-width: 991px) {
  .header .left__side {
    max-width: 276px;
  }
  .header .phone a {
    font-size: 13px;
  }
  .header .order {
    font-size: 11px;
  }
  .header .contact {
    max-width: 281px;
  }
  .sc-banner .main__cult, .sc-banner .pending__cult {
    font-size: 650px;
  }
  .sc-contact {
    padding-bottom: 30px;
  }
  .footer {
    padding-top: 30px;
  }
  .footer .footer__cult-box {
    max-width: 563px;
    position: relative;
    top: 0;
    min-height: auto;
    left: 0;
    right: 0;
  }
  .footer .footer__cult {
    font-size: 525px;
    min-height: auto;
    height: 228px;
    line-height: 202px;
  }
  .footer .footer__cult span {
    margin-top: 0;
    min-height: auto;
  }
  .footer .footer__cult-bg {
    top: 2px;
    height: calc(100% - 4px);
  }
  .footer .contact__info {
    margin-bottom: 27px;
  }
  .footer .contact__info .phone {
    font-size: 31px;
  }
}
@media (max-width: 767px) {
  body.disableScroll {
    overflow: hidden;
  }
  .header {
    display: flex;
    align-items: center;
  }
  .header.header__dark-mode .phone__mobile, .header.header__black .phone__mobile {
    border-color: rgba(58, 54, 54, 0.151);
  }
  .header.header__dark-mode .menu__btn, .header.header__black .menu__btn {
    margin-bottom: 0;
    background-color: var(--Black, #3A3636);
  }
  .header.header__dark-mode .menu__btn span, .header.header__black .menu__btn span {
    background-color: var(--White, #fff);
  }
  .header.scrollin__down {
    top: -97px;
  }
  .header.menu__visible .phone__mobile {
    border-color: rgba(255, 255, 255, 0.24) !important;
  }
  .header.menu__visible .phone__mobile img {
    opacity: 1 !important;
    transition: opacity 0.5s ease-in-out;
    transition-delay: 0.2s;
  }
  .header.menu__visible .phone__mobile .tel__dark {
    opacity: 0 !important;
  }
  .header.menu__visible .logo img {
    opacity: 1 !important;
    transition: opacity 0.5s ease-in-out;
    transition-delay: 0.2s;
  }
  .header.menu__visible .logo .logo__dark {
    opacity: 0 !important;
  }
  .header.menu__visible .menu__btn {
    background-color: var(--White, #fff) !important;
  }
  .header.menu__visible .menu__btn:hover {
    opacity: 1;
  }
  .header.menu__visible .menu__btn span {
    background-color: var(--Black, #3A3636) !important;
  }
  .header .phone__mobile, .header .logo {
    z-index: 4 !important;
  }
  .header .main__row {
    height: 76px;
  }
  .header .logo {
    opacity: 1;
    text-align: left;
    z-index: 2;
    position: relative;
    margin-top: 7px;
  }
  .header .logo img {
    max-width: 90px;
  }
  .header .logo span {
    margin-top: 12px;
  }
  .header .left__side {
    max-width: 100%;
    justify-content: flex-end;
  }
  .header .menu__btn {
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 100%;
  }
  .header .menu__btn.show .span_1 {
    top: 18px;
  }
  .header .menu__btn.show .span_3 {
    top: 18px;
  }
  .header .menu__btn:hover {
    opacity: 1 !important;
  }
  .header .menu__btn span {
    width: 20px;
    left: 9px;
  }
  .header .menu__btn .span_1 {
    top: 15px;
  }
  .header .menu__btn .span_2 {
    display: none;
  }
  .header .menu__btn .span_3 {
    top: 21px;
  }
  .header .menu__btn span {
    background-color: #000;
  }
  .header .menu__btn:before {
    display: none;
  }
  .header .menu {
    top: 0;
    left: 0;
    right: 0;
    position: fixed;
    width: 100vw;
    height: 0;
  }
  .header .menu.show {
    height: 100dvh;
  }
  .header .menu__container {
    width: 100vw;
    height: 100%;
    flex-wrap: wrap;
    padding-bottom: 16px;
    border-radius: 0px;
    position: absolute;
    overflow-x: auto;
    top: 0;
    padding: 110px 16px 16px 16px;
  }
  .header .menu__container .nav {
    max-width: 100%;
    padding-left: 58px;
    font-size: 15px;
    padding-top: 43px;
    padding-right: 40px;
    padding-bottom: 15px;
    align-self: flex-start;
    height: auto;
    min-height: 63%;
    align-content: flex-start;
  }
  .header .menu__container .nav li {
    margin-bottom: 16px;
  }
  .header .menu__image {
    max-height: 228px;
    height: 40%;
    max-width: 100%;
    align-self: flex-end;
    border-radius: 0px;
    border-radius: 0px 24px 0px 24px;
  }
  .header .menu__image img {
    border-radius: 0px 24px 0px 24px;
  }
  .header .menu__category_title p {
    font-size: 24px;
    margin: 21px 0;
  }
  .header .menu__category_title .star {
    width: 11px;
    height: 12px;
  }
  .header .online {
    display: none;
  }
  .sc-banner .main__cult,
.sc-banner .pending__cult {
    font-size: 400px;
  }
  .sc-banner .scroll__down .scroll__text {
    font-size: 18px;
    line-height: 24px;
    max-width: 254px;
  }
  .sc-contact {
    overflow: hidden;
    padding-top: 40px;
  }
  .sc-contact .title {
    margin-bottom: 25px;
  }
  .sc-contact .num:before {
    left: -17px;
  }
  .sc-contact .num::after {
    right: -17px;
  }
  .sc-contact .show__office_box {
    width: calc(100% + 32px);
    left: -16px;
  }
  .sc-contact .img__box {
    min-height: 375px;
  }
  .sc-contact .img__box img {
    border-radius: 0px;
  }
  .sc-contact .show__map {
    padding-left: 64px;
    padding-right: 0;
    text-transform: uppercase;
    right: auto;
    left: 16px;
    bottom: 30px;
  }
  .sc-contact .show__map .loc__icon {
    width: 48px;
    height: 48px;
    right: auto;
    left: 0;
  }
  .sc-contact .show__map .loc__icon img, .sc-contact .show__map .loc__icon svg {
    width: 18px;
    height: 18px;
  }
  .footer {
    padding-top: 46px;
  }
  .footer .block__holder {
    padding-left: 26px;
    margin-bottom: 24px;
  }
  .footer .block__holder .dark--star {
    top: 4px;
    left: 6px;
  }
  .footer .footer__cult {
    font-size: 295px;
    padding-top: 0;
    height: 178px;
    padding-left: 20px;
    line-height: 148px;
  }
  .footer .footer__cult-box {
    top: 15px;
  }
  .footer .footer__bg-col {
    margin-top: 0;
    padding-top: 12px;
  }
  .footer .footer__cult-bg {
    width: 98%;
    height: 98%;
    top: 1%;
    left: 1%;
  }
  .footer .footer__contact-col {
    padding-top: 0px;
    padding-bottom: 13px;
  }
  .footer .footer__bottom {
    padding-top: 16px;
  }
  .footer .footer__bottom p {
    font-size: 18px;
  }
  .footer .contact__info .phone__info {
    margin-bottom: 7px;
  }
  .footer .contact__info .phone {
    margin-bottom: 0;
    font-weight: 400;
  }
  .footer .contact__info .social {
    margin-top: -4px;
  }
  .footer .dotted--line {
    left: -4px;
  }
  .scroll__top {
    font-size: 0;
    padding: 0;
    width: 30px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    right: 4px;
    bottom: 10px;
    top: auto;
  }
  .scroll__top img {
    left: 0;
    margin: auto;
    max-width: 9px;
  }
}
@media (max-width: 576px) {
  .sc-banner {
    min-height: 440px;
  }
  .sc-banner .main__cult,
.sc-banner .pending__cult {
    font-size: 283px;
  }
  .sc-banner .main__cult span,
.sc-banner .pending__cult span {
    transform: translateY(-11%) translateX(0px);
    min-height: 100px;
    line-height: 1;
  }
  .sc-banner .main__cult .loading,
.sc-banner .pending__cult .loading {
    font-size: 18px;
    bottom: 129px;
  }
  .sc-banner .main__cult .loading .dark--star.star-top,
.sc-banner .pending__cult .loading .dark--star.star-top {
    top: -43px;
  }
  .sc-banner .main__cult .loading .dark--star.star-bottom,
.sc-banner .pending__cult .loading .dark--star.star-bottom {
    bottom: -43px;
  }
  .sc-banner .scroll__down a {
    margin-top: 32px;
  }
  .sc-banner .scroll__down .white--star {
    position: relative;
    top: 7px;
  }
}
@media (max-width: 576px) and (max-height: 720px) {
  .header .menu__container .nav {
    padding-top: 0;
    padding-bottom: 26px;
  }
  .header .menu__image {
    height: 161px;
    max-height: 161px;
  }
}
@media only screen and (min-width: 1540px) {
  .header .container {
    max-width: 1854px;
  }
  .header .left__side {
    max-width: 343px;
  }
  .header .contact {
    max-width: 399px;
  }
  .header .main__row {
    height: 82px;
  }
  .sc-contact .contact__box {
    padding-left: 147px;
  }
  .sc-contact .info__text {
    margin-bottom: 65px;
  }
  .footer .footer__cult {
    font-size: 910px;
    line-height: 319px;
  }
  .footer .footer__cult span {
    min-height: 358px;
  }
  .footer .footer__cult-box {
    top: 78px;
    left: 20px;
  }
  .footer .footer__cult-box {
    max-width: 938px;
    top: 35px;
  }
  .footer .footer__cult-bg {
    top: 1px;
    left: 1px;
    width: calc(100% - 24px);
    height: calc(100% - 1px);
  }
  .footer .footer__bg-col {
    min-height: 391px;
    padding-top: 43px;
  }
}/*# sourceMappingURL=main.css.map */