@font-face {
    font-family: 'Cera Pro';
    src: local('Cera Pro Regular'), local('Cera-Pro-Regular'),
        url('../fonts/CeraPro-Regular.woff2') format('woff2'),
        url('../fonts/CeraPro-Regular.woff') format('woff'),
        url('../fonts/CeraPro-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Cera Pro';
    src: local('Cera Pro Light'), local('Cera-Pro-Light'),
        url('../fonts/CeraPro-Light.woff2') format('woff2'),
        url('../fonts/CeraPro-Light.woff') format('woff'),
        url('../fonts/CeraPro-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

* {margin:0;padding:0;box-sizing:border-box;}
html {-webkit-text-size-adjust: 100%;}
html, body {height: 100%;}
body{margin: 0;background: #C2BFB7;font-family: 'Cera Pro';font-weight:400;font-size: 16px;color: #373025;overscroll-behavior: none;overflow-x: hidden;overflow-y: scroll;}
.body {position: relative;width: 100%;opacity:0;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-ms-transition: opacity 0.5s;transition: opacity 0.5s;}
.body.loaded {	opacity: 1;}

img {max-width:100%;border:none;}
p {margin: 0 0 10px;}
a {color: inherit;text-decoration:none;-webkit-transition: opacity 0.5s;-moz-transition: opacity 0.5s;-ms-transition: opacity 0.5s;transition: opacity 0.5s;}

#smooth-content {overflow: visible;width: 100%;}

#container{
  height: 100vh;
  overflow: hidden;
  margin-bottom: -100vh;
  z-index: 3;
}

section:not(.createBlock, .stepDream, .flats){
	max-width: 100vw;
	overflow-x: hidden;
}

.block {position: fixed!important;width: 100%;height: 100%;top: 0;left: 0;}


/* header */
.header {
  position:fixed;top:0;left:0;right:0;padding: 64px 100px 32px;display:flex;justify-content:space-between;line-height: 1;z-index:10;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.1) 77%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.1) 77%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.1) 77%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );  
}
.header__left {display: flex;justify-content: space-between;width: 343px;transform:translateY(-100%);opacity:0;transition-delay:1.4s;transition-duration:0.5s;}
.loaded .header__left {transform:translateY(0);opacity:1;}
.header__menu-icon {display: flex;justify-content: space-between;align-items: center;width: 35px;height: 40px; cursor: pointer; transition: transform 300ms;}
.header__menu-icon span {display:block;width: 3px;height: 40px;background: #fff; transition: 300ms background;}
.header__video {position:relative;padding-left:63px;font-weight: 400;font-size: 16px;line-height: 2.625;color: #fff; transition: 300ms color, transform 300ms; cursor: pointer;}
.header__video path{
  transition: 300ms fill;
}
.header__video svg {position:absolute;left:0;top:0;bottom:0;width:33px; height: auto; display: block;}
.header__logo {width: 205px;height: 42px;transform:translateY(-100%);opacity:0;margin-left: 29px; transition: none !important;}
.header__right {display: flex;justify-content: space-between;align-items: center;transform:translateY(-100%);opacity:0;transition-delay:1.4s;transition-duration:0.5s;}
.loaded .header__right {transform:translateY(0);opacity:1;}
.header__phone {font-size: 20px;line-height: 1.25;text-transform: uppercase;color: #fff; transition: 300ms color transform 300ms;}
.header__order {cursor: pointer; font-size: 16px;line-height: 1.25;text-decoration: none;text-transform: uppercase;border-bottom: solid 1px;color: #fff;margin-left: 51px;margin-right: 2px; transition: 300ms color transform 300ms;}
.header.blend .header__menu-icon span{
  background: #000;
}

.header.blend .header__video{
  color: #000;
}

.header.blend .header__video path{
  fill: #000;
}

.header.blend .header__phone,
.header.blend .header__order{
  color: #000;
}

.header.blend .header__logo path{
  transition: 300ms fill;
}

.header.blend .header__logo path{
  fill: #000;
}


.header.first .header__menu-icon span{
  background: #373025;
}

.header.first .header__video{
  color: #373025;
}

.header.first .header__video path{
  fill: #373025;
}

.header.first .header__phone,
.header.first .header__order{
  color: #373025;
}
/* end header */

/* topBlock */

.topBlock__bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 200%;
  height: 100%;
  z-index: 0;
}

.topBlock__bg div{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #C2BFB7;
  transition: background 1s;
}

.topBlock {position:relative;height:100vh;z-index:4;}
.topBlock__slider {width:100%;height:100%;}
.topBlock__slider .swiper-wrapper {width:100%;height:100%;}
.topBlock__slider__slide {height:100%;position:relative;}
.topBlock__slider__line {position:absolute;width:16.6666%;height:100%;transition-timing-function: ease;transition-duration:1.5s;}
.topBlock__slider__line > div {position:absolute;left:0;right:0;height:110vh;transition-duration:4.3s;}
.topBlock__slider__line > div div{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: 100vw auto;
  background-repeat:no-repeat;
}

.topBlock__slider__line1,
.topBlock__slider__line2,
.topBlock__slider__line3{
  display: none;
}

.topBlock__slider__line:nth-child(1) {bottom:0;left:0;transition-delay:0.4s;}
.topBlock__slider__line:nth-child(1) > div {transition-delay:0.4s;}
.topBlock__slider__line:nth-child(1) > div div {background-position: 0 50%;}
.topBlock__slider__line:nth-child(2) {top:0;left:calc(100% / 6 );transition-delay:0.2s;}
.topBlock__slider__line:nth-child(2) > div{transition-delay:0.2s;}
.topBlock__slider__line:nth-child(2) > div div {background-position: 20% 50%;}
.topBlock__slider__line:nth-child(3) {bottom:0;left:calc(100% / 6 * 2);transition-delay:0;}
.topBlock__slider__line:nth-child(3) > div {transition-delay:0;}
.topBlock__slider__line:nth-child(3) > div div {background-position: 40% 50%;}
.topBlock__slider__line:nth-child(4) {bottom:0;left:50%;transition-delay:0.4s;}
.topBlock__slider__line:nth-child(4) > div {transition-delay:0.4s;}
.topBlock__slider__line:nth-child(4) > div div {background-position: 60% 50%;}
.topBlock__slider__line:nth-child(5) {top:0;left:calc(100% / 6 * 4);transition-delay:0.2s;}
.topBlock__slider__line:nth-child(5) > div {transition-delay:0.2s;}
.topBlock__slider__line:nth-child(5) > div div {background-position: 80% 50%;}
.topBlock__slider__line:nth-child(6) {bottom:0;left:calc(100% / 6 * 5);transition-delay:0;}
.topBlock__slider__line:nth-child(6) > div{transition-delay:0;}
.topBlock__slider__line:nth-child(6) > div div {background-position: 100% 50%;}
.topBlock__slider__line:nth-child(2) > div,
.topBlock__slider__line:nth-child(5) > div {top:-5vh;}
.topBlock__slider__line:nth-child(1) > div,
.topBlock__slider__line:nth-child(3) > div,
.topBlock__slider__line:nth-child(4) > div,
.topBlock__slider__line:nth-child(6) > div {bottom:-5vh;}
.topBlock__slider:not(.swiper-initialized) .topBlock__slider__line,
.swiper-slide-next .topBlock__slider__line {height:0;}
.topBlock__slider:not(.swiper-initialized) .topBlock__slider__line:nth-child(2) > div,
.swiper-slide-next .topBlock__slider__line:nth-child(2) > div,
.topBlock__slider:not(.swiper-initialized) .topBlock__slider__line:nth-child(5) > div,
.swiper-slide-next .topBlock__slider__line:nth-child(5) > div {transform:translateY(-10%);}
.topBlock__slider:not(.swiper-initialized) .topBlock__slider__line:nth-child(1) > div,
.swiper-slide-next .topBlock__slider__line:nth-child(1) > div,
.topBlock__slider:not(.swiper-initialized) .topBlock__slider__line:nth-child(3) > div,
.swiper-slide-next .topBlock__slider__line:nth-child(3) > div,
.topBlock__slider:not(.swiper-initialized) .topBlock__slider__line:nth-child(4) > div,
.swiper-slide-next .topBlock__slider__line:nth-child(4) > div,
.topBlock__slider:not(.swiper-initialized) .topBlock__slider__line:nth-child(6) > div,
.swiper-slide-next .topBlock__slider__line:nth-child(6) > div {transform:translateY(10%);}
.swiper-slide-active .topBlock__slider__line {height:100%}
.swiper-slide-active .topBlock__slider__line > div {transform:translateY(0);}
.topBlock__desc {position:absolute;left:0;bottom:0;top:0;display:flex;flex-direction:column;justify-content:flex-end;width:50%;padding: 126px 96px;z-index: 0;transition:background 1s;}
.topBlock__text {font-size: 52px;line-height: 115%;text-transform: uppercase;color: #373025;transform:translateX(-10%);opacity:0;transition-delay:2.4s;transition-duration:0.5s;}
.loaded .topBlock__text {transform:translateX(0);opacity:1;}
.topBlock__logo {display:flex;justify-content:space-between;width: 602.33px;height: 119.23px;margin-top: 73px;transform:translateX(-10%);opacity:0;transition-delay:1.9s;transition-duration:0.5s;}
.loaded .topBlock__logo {transform:translateX(0);opacity:1;}
.topBlock__logo__symbol {width: 133.97px;height:100%;background-image:url(../img/logo-symbol.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;transform:scale(2);opacity:0;transition-delay:2.4s;transition-duration:0.3s;}
.loaded .topBlock__logo__symbol {transform:scale(1);opacity:1;}
.topBlock__logo__text {width: 425.73px;height:100%;background-image:url(../img/logo-text.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;}
.topBlock__lines {position:absolute;top:50%;left:50%;width:400px;height:59.54vh;transform:translate(-50%, -50%);display:flex;justify-content:space-between;align-items:center;z-index: 2;transition-delay:2.3s;transition-duration:0.5s;}
.loaded .topBlock__lines {transform:translate(-50%, -67%);}
.topBlock__line {width: 18px;height:0;transition-duration:0.5s; position: relative;}
.topBlock__line div{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
}
.topBlock__line_line1 {transition-delay:0.5s;}
.topBlock__line_line2 {transition-delay:0.7s;}
.topBlock__line_line3 {transition-delay:0.9s;}
.loaded .topBlock__line {height:100%;}
.topBlock__arrow {position: absolute;bottom:2.78vh;left:50%;transform:translateX(-50%);width: 65px;height: 38px;background-image:url(../img/arrow-down.svg);background-repeat:no-repeat;background-position:center center;background-size:contain;z-index: 2;opacity:0;animation: fadeIn 3s ease infinite 2.5s;}
@keyframes fadeIn {
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}
/* end topBlock */

/* realityBlock */
.realityBlock {position:relative;z-index:3;height:100vh;overflow: hidden;}
.realityBlock__img {position:absolute;top:0;left:0;right:0;height:100vh;background-size:cover;transform: scale(3);transform-origin: 50% 25%; background-position: 50% 50%;}
.realityBlock__bg {position:absolute;top:0;left:0;right:0;bottom:0;opacity: 0.9;z-index:2;}
.realityBlock__wrap {position:absolute;top:0;left:0;right:0;bottom:0;padding: 102px 100px;display: flex;flex-direction: column;justify-content: flex-end;height:100%;}
.realityBlock__left {display: flex;flex-direction: column;justify-content: flex-end;width:70%;}
.realityBlock__right {width:30%;}
.realityBlock__svg {position:absolute;top:50%;left:50%;transform: translate(-60%,-63.5%);z-index: 3;}
.realityBlock__svg__rect {stroke-dasharray: 1000;stroke-dashoffset: 1000;}
.realityBlock__rect {position:absolute;top:50%;left:50%;transform: translate(-60%,-63.5%);z-index: 3;width:152px;height:340px;overflow:hidden;}
.realityBlock__rect_1 {position:absolute;top:0;right:0;width:7px;height:100%;background:#fff;transform:translateY(-101%);}
.realityBlock__rect_2 {position:absolute;bottom:0;right:0;width:100%;height:7px;background:#fff;transform:translateX(101%);}
.realityBlock__rect_3 {position:absolute;bottom:0;left:0;width:7px;height:100%;background:#fff;transform:translateY(101%);}
.realityBlock__rect_4 {position:absolute;top:0;left:0;width:100%;height:7px;background:#fff;transform:translateX(-101%);}
.realityBlock__title {font-size: 32px;line-height: 105%;text-transform: uppercase;color: #FFFFFF;position:relative;overflow:hidden;transform: scale(2) translateY(445%);transform-origin: 0 0;z-index:2;}
.realityBlock__title div {transform: translateY(100%);}
.realityBlock__text {transform: translateY(85%);opacity:0;font-weight: 300;font-size: 24px;line-height: 110%;color: #FFFFFF;margin-top:50px;max-width: 32%;z-index:2;}
.realityBlock__text_2 {line-height: 109%;z-index:2;}
.realityBlock__img1 {position: absolute;width: 41.15vw;height:91.39vh;left: 51.1%;top: 4.35%;background-repeat: no-repeat;background-position: center center;background-size: cover;transform: translateY(110%);z-index:2;}
.realityBlock__img2 {position: absolute;width: 47.5528vw;height:84.35vh;left: 43.4%;bottom: 0;background-repeat: no-repeat;background-position: center center;background-size: cover;transform:translateY(100%);z-index:2;}
/* end realityBlock */

/* aboutBlock */
.aboutBlock {position:relative;z-index:2;height:100vh;overflow: hidden;}
.aboutBlock__img {position:absolute;top:0;left:0;width:120vw;height:100vh;background-size:cover; background-position: 50% 50%;}
.numbers {position: absolute;top:27.1vh;left: 50%;width:55vw;display:flex;color:#fff;text-align:center;z-index:1;transform:translateX(-50%);}
.numbers__item {width: 33.3%;}
.numbers__line {width: 10px;height: 46.297vh;max-height:500px;margin: 0 auto 74px;display:flex;align-items:center;}
.numbers__line div {width:100%;height:100%;background: #FFFFFF;}
.numbers__desc {position:relative;overflow:hidden;}
.numbers__desc > div {transform:translateY(100%);}
.numbers__num {font-weight: 300;font-size: 128px;line-height: 0.9;}
.numbers__text {font-size: 24px;line-height: 1.25;}
/* end aboutBlock */

/* mapBlock */
.mapBlock {position:relative;height:100vh;overflow:hidden;z-index:1;background: #F9F7F4;}
.mapBlock__map {position:absolute;top:50%;left:50%;width:5348px;height:4513px;transform: translate(-68%, -66.95%);background-size:cover;opacity: 0.25; background-position: 50% 50%;}
.mapBlock__desc {position: absolute;width: 791px;height: 436px;right: 0;bottom:49px;background: #373025;display:flex;flex-direction:column;justify-content:center;transform:translateX(101%);overflow:hidden;}
.mapBlock__desc__bg {position: absolute;top:0;left:0;bottom:0;width:176%;background-size:cover; background-position: 50% 50%;}
.mapBlock__desc__wrap {position:relative;z-index:1;padding: 49px 100px;}
.mapBlock__title {font-size: 48px;line-height: 110%;text-transform: uppercase;color: #E5EAE2;transform:translateY(100%);opacity:0;}
.mapBlock__slider {position:relative;width: 100%;height:0;}
.mapBlock__slider__wrapper {padding-top: 48px;height: 228px;padding-bottom: 23px;}
.mapBlock__slider__slide {position:absolute;top:0;left:0;right:0;transform:translateY(100%);opacity:0;font-weight: 400;font-size: 20px;line-height: 130%;color: #E5EAE2;height:156px;padding-right: 20%;}
.mapBlock__slider__slide_2 {top:-30px;}
.mapBlock__slider__pagination {position:absolute;left:0;right:0;bottom:2px;display: flex;justify-content: space-between;}
.mapBlock__slider__bullet {background: #D9D9D9;height: 2px;border-radius:0;opacity:0;width: calc(50% - 20px);transform:translateY(40px);}
.mapBlock__slider__bullet_1 {}
.mapBlock__tone {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-end;padding:49px 96px;}
.mapBlock__tone__title {font-size: 64px;line-height: 105%;text-transform: uppercase;color: #7E705B;}
.mapBlock__tone__title > div {overflow:hidden;}
.mapBlock__tone__title > div > div {transform:translateY(100%);}
.mapBlock__tone__list {}
.times-list {position:absolute;right:803px;bottom:49px;display:flex;align-items:flex-end;color: #373025;}
.times-list__item {position:relative;width:10px;height: 436px;overflow:hidden;margin-left:18px;transform:translateX(50vw);}
.times-list__wrap {display: flex;flex-direction: column;justify-content: space-between;width:100%;height:100%;}
.times-list__line {position:absolute;top:0;left:0;width:10px;height:100%;background:#5F5951;}
.times-list__item_2 .times-list__line {background: #544D46;}
.times-list__item_3 .times-list__line {background: #383026;}
.times-list__wrap > div {padding-left: 34px;width:11vw;transform:translateX(-100%); transition: 600ms transform;}
.times-list__start {font-size: 20px;line-height: 110%;}
.times-list__time {padding-top: 11px;}
.times-list__time > div {display:inline-block;text-align:center;}
.times-list__time__hours {font-weight: 300;font-size: 128px;line-height: 0.85;}
.times-list__time__minutes {font-size: 24px;line-height: 1.25;}
.times-list__finish {font-size: 20px;line-height: 110%;}

.mapBlock__tone__list.active .times-list__item .times-list__wrap > div{
  transform: translateX(0);
}

.times-list__item_1 .times-list__wrap > div{transition-delay: 300ms;}
.mapBlock__tone__list.active .times-list__item_1 .times-list__wrap > div{transition-delay: 0ms;}

.times-list__item_2 .times-list__wrap > div{transition-delay: 200ms;}
.mapBlock__tone__list.active .times-list__item_2 .times-list__wrap > div{transition-delay: 100ms;}

.times-list__item_3 .times-list__wrap > div{transition-delay: 100ms;}
.mapBlock__tone__list.active .times-list__item_3 .times-list__wrap > div{transition-delay: 200ms;}

.times-list__item_4 .times-list__wrap > div{transition-delay: 0ms;}
.mapBlock__tone__list.active .times-list__item_4 .times-list__wrap > div{transition-delay: 300ms;}



/* end mapBlock */

/*createBlock*/
.createBlock{
  height: 100vh;
  display: flex;
  background: #373025;
  position: relative;
	/* overflow: auto; */
  z-index: 1;
}

.createBlock > div:first-child{
  width: 41%;
}

.createBlock > div:last-child{
  width: 59%;
  position: relative;
}

.createBlock__first{
  position: relative;
  flex: 1;
  overflow: hidden;
  height: 100%;
}

.createBlock__first-slide{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0 0 100px 100px;
  box-sizing: border-box;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 1920px){
  .createBlock__first-slide{
    padding: 0 0 calc(100 / 1920 * 100vw) calc(100 / 1920 * 100vw);
  }
}

.createBlock__first-slide1{z-index: 10;}
.createBlock__first-slide2{z-index: 9;}
.createBlock__first-slide3{z-index: 8;}
.createBlock__first-slide4{z-index: 7;}
.createBlock__first-slide5{z-index: 6;}
.createBlock__first-slide6{z-index: 5;}

.createBlock__first-title{
  color: #fff;
  font-size: 70px;
  line-height: 105%;
  text-transform: uppercase;
}

@media (max-width: 1920px){
  .createBlock__first-title{
    font-size: calc(70 / 1920 * 100vw);
  }
}

.createBlock__first-title > div{
  overflow: hidden;
  position: relative;
}

.createBlock__first-slide1 .createBlock__first-title > div > div{
  position: relative;
  transform: translateY(110%);
  transition: 1200ms transform;
}

.createBlock__first-slide1 .createBlock__first-title > div:nth-child(1) > div{
  transition-delay: 200ms;
}

.createBlock__first-slide1 .createBlock__first-title > div:nth-child(2) > div{
  transition-delay: 100ms;
}

.createBlock__first-slide1 .createBlock__first-title > div:nth-child(3) > div{
  transition-delay: 0ms;
}

.createBlock.active .createBlock__first-slide1 .createBlock__first-title > div:nth-child(1) > div{
  transform: translateY(0);
  transition-delay: 0ms;
}

.createBlock.active .createBlock__first-slide1 .createBlock__first-title > div:nth-child(2) > div{
  transform: translateY(0);
  transition-delay: 100ms;
}

.createBlock.active .createBlock__first-slide1 .createBlock__first-title > div:nth-child(3) > div{
  transform: translateY(0);
  transition-delay: 200ms;
}

.createBlock__last-title{
  color: #7E705B;
  font-size: 64px;
  line-height: 115%;
  text-transform: uppercase;
  padding-top: 150px;
  padding-left: 40px;
  padding-right: 96px;
  position: absolute;
  left: 0;
  top: 0;
}

@media (max-width: 1920px){
  .createBlock__last-title{
    font-size: calc(64 / 1920 * 100vw);
    padding-top: calc(150 / 1920 * 100vw);
    padding-left: calc(40 / 1920 * 100vw);
    padding-right: calc(96 / 1920 * 100vw);
  }
}

.createBlock__last-title > div{
  transform: translateY(30%);
  opacity: 0;
  position: relative;
}

.createBlock__last-title1 > div{
  transform: translateY(0);
  opacity: 1;
}

.createBlock__last-box{
  position: absolute;
  left: 40px;
  bottom: 104px;
  right: 96px;
  display: flex;
  align-items: flex-end;
}

@media (max-width: 1920px){
  .createBlock__last-box{
    left: calc(40 / 1920 * 100vw);
    bottom: calc(104 / 1920 * 100vw);
    right: calc(96 / 1920 * 100vw);
  }
}

.createBlock__last-box > div{
  transform: translateY(60vh);
  opacity: 0;
}

.createBlock__last-box1 > div{
  transform: translateY(0);
  opacity: 1;
  position: relative;
}

.createBlock__last-box1 > div:last-child:after{
  content: '';
  display: block;
  left: -1%;
  top: -1%;
  position: absolute;
  width: 102%;
  height: 102%;
  background: #373025;
  transform-origin: 50% 0;
  transition: 1200ms transform;
}

.createBlock.active .createBlock__last-box1 > div:last-child:after{
  transform: scaleY(0);
}

.createBlock__last-box p{
  margin: 0;
  padding-right: 42px;
  font-size: 20px;
  line-height: 1.3;
  color: #C2BFB7;
}

.createBlock__last-box1 p{
  transition: 1200ms transform, 1200ms opacity;
  opacity: 0;
  transform: translateY(20%);
}

.createBlock.active .createBlock__last-box1 p{
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1920px){
  .createBlock__last-box p{
    padding-right: calc(42 / 1920 * 100vw);
    font-size: calc(20 / 1920 * 100vw);
  }
}

.createBlock__last-slide{
  position: relative;
  width: 547px;
  height: 450px;
  overflow: hidden;
}

@media (max-width: 1920px){
  .createBlock__last-slide{
    width: calc(547 / 1920 * 100vw);
    height: calc(450 / 1920 * 100vw);
  }
}

.createBlock__last-slide div{
  position: absolute;
  left: 0;
  top: 0;
  width: 120%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
}

/*end createBlock*/


/*stepDream*/
.stepDream{
  background:#C2BFB7;
  padding-top: 150px;
  padding-bottom: 100px;
}

@media (max-width: 1920px){
  .stepDream{
    padding-top: calc(150 / 1920 * 100vw);
    padding-bottom: calc(100 / 1920 * 100vw);
  }
}

.stepDream__in{
  max-width: 1720px;
  margin: 0 auto;
}

@media (max-width: 1920px){
  .stepDream__in{
    max-width: calc(1720 / 1920 * 100vw);
  }
}

.stepDream__box{
  display: flex;
  justify-content: space-between;
}

.stepDream__box p{
  margin: 0;
  font-size: 20px;
  line-height: 130%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  transform: translateY(100%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.stepDream.active .stepDream__box p{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 1920px){
  .stepDream__box p{
    font-size: calc(20 / 1920 * 100vw);
  }
}

.stepDream__box > div:nth-child(2){
  padding-top: 288px;
}

@media (max-width: 1920px){
  .stepDream__box > div:nth-child(2){
    padding-top: calc(288 / 1920 * 100vw);
  }
}

.stepDream__box > div:nth-child(3){
  padding-top: 574px;
  position: relative;
}

@media (max-width: 1920px){
  .stepDream__box > div:nth-child(3){
    padding-top: calc(574 / 1920 * 100vw);
  }
}

.stepDream__img{
  width: 547px;
  height: 575px;
  margin-bottom: 309px;
  position: relative;
}

@media (max-width: 1920px){
  .stepDream__img{
    width: calc(547 / 1920 * 100vw);
    height: calc(575 / 1920 * 100vw);
    margin-bottom: calc(309 / 1920 * 100vw);
  }
}

.stepDream__img span{
  position: absolute;
  display: block;
  width: 10px;
  height: 500px;
  background: #fff;
  left: 50%;
  margin-left: -5px;
  top: 324px;
  z-index: 2;
  transform: scaleY(0);
}

.stepDream__img > div{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 1;
}

.stepDream__img > div div{
  background-position: 50% 50%;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.2);
}

@media (max-width: 1920px){
  .stepDream__img span{
    width: calc(10 / 1920 * 100vw);
    height: calc(500 / 1920 * 100vw);
    margin-left: calc(-5 / 1920 * 100vw);
    top: calc(324 / 1920 * 100vw);
  }
}

.stepDream__title{
  text-transform: uppercase;
  padding-right: 224px;
  text-align: right;
  color: #7E705B;
  margin-bottom: 50px;
  font-size: 96px;
  line-height: 105%;
  overflow: hidden;
}

.stepDream__title div{
  transform: translateY(100%);
  transition: 900ms transform;
}

.stepDream.active .stepDream__title div{
  transform: translateY(0);
}

@media (max-width: 1920px){
  .stepDream__title{
    padding-right: calc(224 / 1920 * 100vw);
    margin-bottom: calc(50 / 1920 * 100vw);
    font-size: calc(96 / 1920 * 100vw);
  }
}

.stepDream__value{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: 300;
  font-size: 128px;
  line-height: 0.95;
  transform: translateY(100%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.stepDream__value.active{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 1920px){
  .stepDream__value{
    font-size: calc(128 / 1920 * 100vw);
  }
}

.stepDream__value small{
  font-size: 48px;
  padding-left: 15px;
}

@media (max-width: 1920px){
  .stepDream__value small{
    font-size: calc(48 / 1920 * 100vw);
    padding-left: calc(15 / 1920 * 100vw);
  }
}

.stepDream__value > div:last-child{
  text-align: center;
  font-size: 24px;
  line-height: 1;
}

@media (max-width: 1920px){
  .stepDream__value > div:last-child{
    font-size: calc(24 / 1920 * 100vw);
  }
}
/*end stepDream*/

/*solution*/
.solution{
  height: 852px;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

@media (max-width: 1920px){
  .solution{
    height: calc(852 / 1920 * 100vw);
  }
}

.solution__bg{
  position: absolute;
  z-index: 1;
  left: 0;
  top: -20%;
  width: 100%;
  height: 120%;
  background-position: 50% 50%;
  background-size: cover;
}

.solution__title{
  font-size: 64px;
  line-height: 115%;
  text-transform: uppercase;
  max-width: 1592px;
  margin: 0 auto;
  text-align: right;
  padding-top: 174px;
  position: relative;
  z-index: 2;
}

.solution__title > div{
  position: relative;
  overflow: hidden;
}

.solution__title > div > div{
  transform: translateY(110%);
  transition: 900ms transform;
}

.solution__title > div:first-child > div{
  transition-delay: 200ms;
}

.solution__title > div:last-child > div{
  transition-delay: 0ms;
}

.solution.active .solution__title > div > div{
  transform: translateY(0);
}

.solution.active .solution__title > div:last-child > div{
  transition-delay: 200ms;
}

.solution.active .solution__title > div:first-child > div{
  transition-delay: 0ms;
}

@media (max-width: 1920px){
  .solution__title{
    font-size: calc(64 / 1920 * 100vw);
    max-width: calc(1592 / 1920 * 100vw);
    padding-top: calc(174 / 1920 * 100vw);
  }
}

/*solution*/

/*flats*/

.flats{
  padding-top: 72px;
  padding-bottom: 165px;
  background: #C2BFB7;
}

@media (max-width: 1920px){
  .flats{
    padding-top: calc(72 / 1920 * 100vw);
    padding-bottom: calc(165 / 1920 * 100vw);
  }
}

.flats__filter{
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translateY(30%);
  opacity: 0;
  transition: 900ms opacity, 900ms transform;
}

.flats.active .flats__filter{
  opacity: 1;
  transform: translateY(0);
}

.flats__filter-wrap{
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  padding: 0 97px;
  align-items: center;
}

@media (max-width: 1920px){
  .flats__filter-wrap{
    margin-bottom: calc(50 / 1920 * 100vw);
    padding: 0 calc(97 / 1920 * 100vw);
  }
}

.flats__filter > div:first-child{
  font-size: 24px;
  line-height: 1;
  margin-right: 31px;
}

@media (max-width: 1920px){
  .flats__filter > div:first-child{
    font-size: calc(24 / 1920 * 100vw);
    margin-right: calc(31 / 1920 * 100vw);
  }
}

.flats__select{
  display: flex;
}

.flats__select div{
  box-sizing: border-box;
  width: 73px;
  height: 73px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-left: 2px solid #7E705B;
  border-bottom: 2px solid #7E705B;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  transition: 300ms border-color, 300ms background;
  margin-right: 14px;
  cursor: pointer;
}

@media (max-width: 1920px){
  .flats__select div{
    width: calc(73 / 1920 * 100vw);
    height: calc(73 / 1920 * 100vw);
    font-size: calc(20 / 1920 * 100vw);
    margin-right: calc(14 / 1920 * 100vw);
  }
}

.flats__select div.active{
  border-color: #fff;
  background: #fff;
}

.flats__item{
  background: #E9E7E0;
  padding: 40px 40px 80px 40px;
  box-sizing: border-box;
}

@media (max-width: 1920px){
  .flats__item{
    padding-top: calc(40 / 1920 * 100vw);
    padding-right: calc(40 / 1920 * 100vw);
    padding-bottom: calc(80 / 1920 * 100vw);
    padding-left: calc(40 / 1920 * 100vw);
  }
}

.flats .swiper-slide{
  width: 537px;
  margin-right: 38px;
}

@media (max-width: 1920px){
  .flats .swiper-slide{
    width: calc(537  / 1920 * 100vw);
    margin-right: calc(38 / 1920 * 100vw);
  }
}

.flats .swiper-slide:nth-child(3n + 3){
  margin-right: 120px;
}

@media (max-width: 1920px){
  .flats .swiper-slide:nth-child(3n + 3){
    margin-right: calc(120 / 1920 * 100vw);
  }
}

.flats .swiper-slide:last-child{
  margin-right: 0 !important;
}

.flats__item-title{
  color: #7E705B;
  font-size: 40px;
  line-height: 1.1;
  text-align: center;
  text-transform: uppercase;
  height: 140px;
}

@media (max-width: 1920px){
  .flats__item-title{
    font-size: calc(40 / 1920 * 100vw);
    height: calc(140 / 1920 * 100vw);
  }
}

.flats__item-img{
  height: 220px;
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 44px;
	cursor: pointer;
}

@media (max-width: 1920px){
  .flats__item-img{
    height: calc(220 / 1920 * 100vw);
    margin-bottom: calc(44 / 1920 * 100vw);
  }
}

.flats__item .button{
  margin: 0 auto;
}

.flats__item-row{
  max-width: 300px;
  display: flex;
  margin: 0 auto;
  font-size: 24px;
  line-height: 1;
  margin-bottom: 10px;
}

@media (max-width: 1920px){
  .flats__item-row{
    max-width:calc(300 / 1920 * 100vw);
    font-size: calc(24 / 1920 * 100vw);
    margin-bottom: calc(10 / 1920 * 100vw);
  }
}

.flats__item-row_last{
  margin-bottom: 35px;
}

@media (max-width: 1920px){
  .flats__item-row_last{
    margin-bottom: calc(35 / 1920 * 100vw);
  }
}

.flats__item-row div{
  width: 50%;
}

.flats__slider{
  padding: 0 97px;
  box-sizing: border-box;
  transform: translateY(30%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.flats__slider .swiper-wrapper{
  height: auto;
}

.flats.active .flats__slider{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 1920px){
  .flats__slider{
    padding: 0 calc(97 / 1920 * 100vw);
  }
}

/*end flats*/

/*final*/
.final{
  height: 1180px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1920px){
  .final{
    height: calc(1180 / 1920 * 100vw);
  }
}

.final__bg{
  position: absolute;
  z-index: 1;
  left: 0;
  top: -20%;
  width: 100%;
  height: 120%;
  background-position: 50% 50%;
  background-size: cover;
}

.final__title{
  padding-top: 150px;
  padding-left: 163px;
  color: #fff;
  font-size: 96px;
  line-height: 105%;
  text-transform: uppercase;
  margin-bottom: 57px;
  position: relative;
  z-index: 2;
}

.final__title > div{
  position: relative;
  overflow: hidden;
}

.final__title > div div{
  transform: translateY(110%);
  transition: 900ms transform;
}

.final__title > div:first-child div{
  transition-delay: 200ms;
}

.final.active .final__title > div:first-child div{
  transform: translateY(0);
  transition-delay: 0ms;
}

.final.active .final__title > div:last-child div{
  transform: translateY(0);
  transition-delay: 200ms;
}

@media (max-width: 1920px){
  .final__title{
    padding-top: calc(150 / 1920 * 100vw);
    padding-left: calc(163 / 1920 * 100vw);
    font-size: calc(96 / 1920 * 100vw);
    margin-bottom: calc(57 / 1920 * 100vw);
  }
}

.final__dsc{
  font-size: 36px;
  line-height: 110%;
  text-transform: uppercase;
  color: #fff;
  max-width: 490px;
  position: relative;
  z-index: 2;
  padding-left: 182px;
  box-sizing: content-box;
  transform: translateY(100%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.final.active .final__dsc{
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1920px){
  .final__dsc{
    font-size: calc(36 / 1920 * 100vw);
    max-width: calc(490 / 1920 * 100vw);
    padding-left: calc(182 / 1920 * 100vw);
  }
}
/*end final*/

/*delux*/
.delux{
  padding-top: 139px;
  padding-bottom: 189px;
  background: #C2BFB7;
}

@media (max-width: 1920px){
  .delux{
    padding-top: calc(139 / 1920 * 100vw);
    padding-bottom: calc(189 / 1920 * 100vw);
  }
}

.delux__title{
  font-size: 96px;
  line-height: 105%;
  text-transform: uppercase;
  color: #7E705B;
  margin-bottom: 6px;
  padding-left: 98px;
}

.delux__title > div{
  position: relative;
  overflow: hidden;
}

.delux__title > div div{
  transform: translateY(110%);
  transition: 900ms transform;
}

.delux__title > div:first-child div{
  transition-delay: 200ms;
}

.delux.active .delux__title > div:first-child div{
  transition-delay: 0ms;
  transform: translateY(0);
}

.delux.active .delux__title > div:last-child div{
  transition-delay: 200ms;
  transform: translateY(0);
}

@media (max-width: 1920px){
  .delux__title{
    font-size: calc(96 / 1920 * 100vw);
    margin-bottom: calc(6 / 1920 * 100vw);
    padding-left: calc(98 / 1920 * 100vw);
  }
}

.delux__in{
  display: flex;
  margin-bottom: 154px;
}

@media (max-width: 1920px){
  .delux__in{
    margin-bottom: calc(154 / 1920 * 100vw);
  }
}

.delux__in > div:nth-child(1){
  width: 34vw;
  padding-top: 94px;
  position: relative;
  z-index: 3;
}

@media (max-width: 1920px){
  .delux__in > div:nth-child(1){
    padding-top: calc(94 / 1920 * 100vw);
  }
}

.delux__in > div:nth-child(2){
  width: 46vw;
  padding-top: 94px;
  position: relative;
  z-index: 2
}

@media (max-width: 1920px){
  .delux__in > div:nth-child(2){
    padding-top: calc(94 / 1920 * 100vw);
  }
}

.delux__in > div:nth-child(3){
  width: 20vw;
  position: relative;
  z-index: 1;
}

.delux__in p{
  font-size: 20px;
  line-height: 130%;
  padding-right: 94px;
  padding-left: 101px;
  margin-bottom: 360px;
  transform: translateY(100%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.delux.active .delux__in p{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 1920px){
  .delux__in p{
    font-size: calc(20 / 1920 * 100vw);
    padding-right: calc(94 / 1920 * 100vw);
    padding-left: calc(101 / 1920 * 100vw);
    margin-bottom: calc(360 / 1920 * 100vw);
  }
}

.delux__img3{
  background-position: 50% 50%;
  background-size: cover;
  height: 544px;
  position: relative;
  left: -5.2vw;
  width: calc(100% + 5.2vw);
  transform: translateX(10%);
  transition: 900ms transform;
}

.delux.active .delux__img3{
  transform: translateX(0);
}

@media (max-width: 1920px){
  .delux__img3{
    height: calc(544 / 1920 * 100vw);
  }
}

.delux__img2{
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  height: 1170px;
}

@media (max-width: 1920px){
  .delux__img2{
    height: calc(1170 / 1920 * 100vw);
  }
}

.delux__in .slider-nav{
  margin-left: 163px;
  margin-bottom: 80px;
}

@media (max-width: 1920px){
  .delux__in .slider-nav{
    margin-left: calc(163 / 1920 * 100vw);
    margin-bottom: calc(80 / 1920 * 100vw);
  }
}

.delux__slider{
  position: relative;
  width: 38vw;
  transform: translateX(-10%);
  transition: 900ms transform;
}

.delux.active .delux__slider{
  transform: translateX(0);
}

.delux__slider .swiper-slide{
  width: 30.5vw;
  margin-left: 2.1vw;
}

.delux__slide{
  height: 591px;
  background-position: 50% 50%;
  background-size: cover;
  left: 101px;
  position: relative;
}

@media (max-width: 1920px){
  .delux__slide{
    height: calc(591 / 1920 * 100vw);
    left: calc(101 / 1920 * 100vw);
  }
}

.delux__img2-el{
  width: 10px;
  height: 534px;
  background: #fff;
  position: absolute;
  top: -95px;
  transform: scaleY(0);
}

@media (max-width: 1920px){
  .delux__img2-el{
    width: calc(10 / 1920 * 100vw);
    height: calc(534 / 1920 * 100vw);
    top: calc(-95 / 1920 * 100vw);
  }
}

.delux__img2-el1{
  right: 8.8vw;
  transform-origin: 50% 0;
}

.delux__img2-el2{
  right: 12.9vw;
}

.delux__img2-el3{
  right: 17vw;
  transform-origin: 50% 100%;
}

.delux_3d{
  display: flex;
  position: absolute;
  top: 521px;
  left: 26.8vw;
}

@media (max-width: 1920px){
  .delux_3d{
    top: calc(521 / 1920 * 100vw);
  }
}

.delux_3d > div{
  padding: 0 12px;
  perspective: 100px;
  transform-origin: 50% 50%;
}

.delux_3d > div:nth-child(1){
  transform: translateX(-30%);
  opacity: 0;
  transition: 900ms opacity, 900ms transform;
}

.delux.active .delux_3d > div:nth-child(1){
  opacity: 1;
  transform: translateX(0);
}

.delux_3d > div:nth-child(2){
  transform: translateX(-20%);
  opacity: 0;
  transition: 900ms opacity, 900ms transform;
}

.delux.active .delux_3d > div:nth-child(2){
  opacity: 1;
  transform: translateX(0);
}

.delux_3d > div:nth-child(3){
  transform: translateX(-10%);
  opacity: 0;
  transition: 900ms opacity, 900ms transform;
}

.delux.active .delux_3d > div:nth-child(3){
  opacity: 1;
  transform: translateX(0);
}

@media (max-width: 1920px){
  .delux_3d > div{
    padding: 0 calc(12 / 1920 * 100vw);
  }
}

.delux_3d-item{
  width: 195px;
  height: 179px;
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  padding-top: 107px;
  box-sizing: border-box;
  font-size: 18px;
  line-height: 1;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  text-decoration: none;
  cursor: pointer;
  display: block;
  box-shadow: 3px 6px 10px 0px rgba(34, 60, 80, 0.45);
}

@keyframes i3d1 {
  0%{
    box-shadow: 3px 6px 10px 0px rgba(34, 60, 80, 0.45);
    transform: scale(1) rotateX(0deg) translateY(0);
  }
  10%{
    transform: scale(0.9) rotateX(5deg) translateY(-5%);
    box-shadow: 3px 16px 15px 0px rgba(34, 60, 80, 0.45);
  }
  20%{
    box-shadow: 3px 6px 10px 0px rgba(34, 60, 80, 0.45);
    transform: scale(1) rotateX(0deg) translateY(0);
  }
  100%{
    box-shadow: 3px 6px 10px 0px rgba(34, 60, 80, 0.45);
    transform: scale(1) rotateX(0deg) translateY(0);
  }
}

.delux_3d > div:nth-child(1) .delux_3d-item{
  animation: 3s i3d1 infinite;
}

.delux_3d > div:nth-child(2) .delux_3d-item{
  animation: 3s i3d1 infinite;
  animation-delay: 300ms;
}

.delux_3d > div:nth-child(3) .delux_3d-item{
  animation: 3s i3d1 infinite;
  animation-delay: 600ms;
}

@media (max-width: 1920px){
  .delux_3d-item{
    width: calc(195 / 1920 * 100vw);
    height: calc(179 / 1920 * 100vw);
    padding-top: calc(107 / 1920 * 100vw);
    font-size: calc(18 / 1920 * 100vw);
  }
}

.delux_3d-item div{
  color: #fff;
  font-weight: 300;
  font-size: 128px;
  line-height: 1;
  letter-spacing: -0.05em;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  top: -42px;
  text-transform: none;
}

@media (max-width: 1920px){
  .delux_3d-item div{
    font-size: calc(128 / 1920 * 100vw);
    top: calc(-42 / 1920 * 100vw);
  }
}

.delux__offer{
  border: 10px solid #FFFFFF;
  margin-left: 103px;
  padding: 100px 0;
}

@media (max-width: 1920px){
  .delux__offer{
    margin-left: calc(103 / 1920 * 100vw);
    padding: calc(100 / 1920 * 100vw) 0;
  }
}

.delux__offer .swiper-wrapper{
  height: auto;
}

.delux__offer-title-wrap{
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
  padding-right: 70px;
  align-items: center;
}

@media (max-width: 1920px){
  .delux__offer-title-wrap{
    padding-right: calc(70 / 1920 * 100vw);
    margin-bottom: calc(70 / 1920 * 100vw);
  }
}

.delux__offer-title{
  font-size: 64px;
  line-height: 115%;
  text-transform: uppercase;
  color: #373025;
  padding-left: 115px;
}

.delux__offer-title > div{
  position: relative;
  overflow: hidden;
}

.delux__offer-title > div div{
  transform: translateY(110%);
  transition: 900ms transform;
}

.delux__offer-title > div:first-child div{
  transition-delay: 200ms;
}

.delux__offer.active .delux__offer-title > div:first-child div{
  transition-delay: 0ms;
  transform: translateY(0);
}

.delux__offer.active .delux__offer-title > div:last-child div{
  transition-delay: 200ms;
  transform: translateY(0);
}

@media (max-width: 1920px){
  .delux__offer-title{
    font-size: calc(64 / 1920 * 100vw);
    padding-left: calc(115 / 1920 * 100vw);
  }
}

.delux__offer-slider{
  transform: translateY(10%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.delux__offer.active .delux__offer-slider{
  opacity: 1;
  transform: translateY(0);
}

.delux__offer-slider .swiper-slide{
  width: 771px;
  margin-right: 50px;
}

@media (max-width: 1920px){
  .delux__offer-slider .swiper-slide{
    width: calc(771 / 1920 * 100vw);
    margin-right: calc(50 / 1920 * 100vw);
  }
}

.delux__offer-slider{
  padding-left: 115px;
}

@media (max-width: 1920px){
  .delux__offer-slider{
    padding-left: calc(115 / 1920 * 100vw);
  }
}

.delux__offer-item{
  height: 372px;
  background-position: 50% 50%;
  background-size: cover;
  text-decoration: none;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding: 80px;
  color: #fff;
  cursor: pointer;
}

@media (max-width: 1920px){
  .delux__offer-item{
    height: calc(372 / 1920 * 100vw);
    padding: calc(80 / 1920 * 100vw);
  }
}

.delux__offer-item > div:first-child{
  padding-right: 37px;
  font-weight: 300;
  font-size: 180px;
  line-height: 1;
  letter-spacing: -0.05em;
}

@media (max-width: 1920px){
  .delux__offer-item > div:first-child{
    padding-right: calc(37 / 1920 * 100vw);
    font-size: calc(180 / 1920 * 100vw);
  }
}

.delux__offer-item small{
  font-weight: 400;
  font-size: 80px;
  line-height: 115%;
}

@media (max-width: 1920px){
  .delux__offer-item small{
    font-size: calc(80 / 1920 * 100vw);
  }  
}

.delux__offer-item > div:last-child{
  font-size: 36px;
  line-height: 110%;
  text-decoration-line: underline;
  text-transform: uppercase;
}

@media (max-width: 1920px){
  .delux__offer-item > div:last-child{
    font-size: calc(36 / 1920 * 100vw);
  }
}

/*end delux*/

/*calc*/
.calc{
  background: #373025;
  padding-top: 150px;
  padding-bottom: 286px;
  padding-left: 5vw;
}

@media (max-width: 1920px){
  .calc{
    padding-top: calc(150 / 1920 * 100vw);
    padding-bottom: calc(286 / 1920 * 100vw);
  }
}

.calc__title{
  color: #fff;
  margin-bottom: 94px;
  font-size: 96px;
  line-height: 105%;
  text-transform: uppercase;
}

.calc__title > div{
  position: relative;
  overflow: hidden;
}

.calc__title > div div{
  transform: translateY(110%);
  transition: 900ms transform;
}

.calc__title > div:first-child div{
  transition-delay: 200ms;
}

.calc.active .calc__title > div:first-child div{
  transition-delay: 0ms;
  transform: translateY(0%);
}

.calc.active .calc__title > div:last-child div{
  transition-delay: 200ms;
  transform: translateY(0%);
}

@media (max-width: 1920px){
  .calc__title{
    margin-bottom: calc(94 / 1920 * 100vw);
    font-size: calc(96 / 1920 * 100vw);
  }
}

.calc__label{
  font-size: 20px;
  line-height: 130%;
  color: #BBAEA1;
  margin-bottom: 20px;
}

@media (max-width: 1920px){
  .calc__label{
    font-size: calc(20 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}

.calc__slider > span{
  font-size: 24px;
  line-height: 30px;
  color: #C2BFB7;
  margin-bottom: 21px;
  display: block;
  position: relative;
  left: -9px;
}

@media (max-width: 1920px){
  .calc__slider > span{
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
    margin-bottom: calc(21 / 1920 * 100vw);
    left: calc(-9 / 1920 * 100vw);
  }
}

.calc__slider{
  position: relative;
  padding: 0 9px;
  margin-bottom: 38px;
}

@media (max-width: 1920px){
  .calc__slider{
    padding: 0 calc(9 / 1920 * 100vw);
    margin-bottom: calc(38 / 1920 * 100vw);
  }
}

.calc__slider .ui-slider:after{
  content: '';
  display: block;
  left: -9px;
  right: -9px;
  top: 0;
  height: 100%;
  position: absolute;
  background: #5F5A52;
}

@media (max-width: 1920px){
  .calc__slider .ui-slider:after{
    left: calc(-9 / 1920 * 100vw);
    right: calc(-9 / 1920 * 100vw);
  }
}

.calc__slider .ui-slider{
  width: 350px;
  height: 2px;
  position: relative;
}

@media (max-width: 1920px){
  .calc__slider .ui-slider{
    width: calc(350 / 1920 * 100vw);
    height: calc(2 / 1920 * 100vw);
  }
}

.calc__slider .ui-slider-handle{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #D9D9D9;
  position: absolute;
  margin-left: -9px;
  margin-top: -8px;
  z-index: 3;
  outline: none;
  cursor: pointer;
}

@media (max-width: 1920px){
  .calc__slider .ui-slider-handle{
    width: calc(18 / 1920 * 100vw);
    height: calc(18 / 1920 * 100vw);
    margin-left: calc(-9 / 1920 * 100vw);
    margin-top: calc(-8 / 1920 * 100vw);
  }
}

.calc__result{
  font-size: 36px;
  line-height: 110%;
  text-transform: uppercase;
  color: #C2BFB7;
  margin-bottom: 110px;
}

@media (max-width: 1920px){
  .calc__result{
    font-size: calc(36 / 1920 * 100vw);
    margin-bottom: calc(110 / 1920 * 100vw);
  }
}

.calc .button{
  color: #C1C0C5;
  border-color: #C1C0C5;
}

.calc .button div,
.calc .button:after,
.calc .button:before{
  background: #C1C0C5;
}

.calc__label_last{
  margin-top: 80px;
}

@media (max-width: 1920px){
  .calc__label_last{
    margin-top: calc(80 / 1920 * 100vw);
  }
}

.calc__in{
  display: flex;
  transform: translateY(10%);
  opacity: 0;
  transition: 900ms opacity, 900ms transform;
}

.calc.active .calc__in{
  opacity: 1;
  transform: translateY(0);
}

.calc__in > div:first-child{
  width: 26vw;
}

.calc__in > div:last-child{
  width: 69vw;
}

.calc__swiper{
  width: 100%;
  margin-bottom: 89px;
}

@media (max-width: 1920px){
  .calc__swiper{
    margin-bottom: calc(89 / 1920 * 100vw);
  }
}

.calc .slider-nav{
  justify-content: flex-end;
  padding-right: 79px;
}

@media (max-width: 1920px){
  .calc .slider-nav{
    padding-right: calc(79 / 1920 * 100vw);
  }
}

.calc__swiper .swiper-slide{
  width: 404px;
  margin-right: 24px;
  height: auto;
}

.calc__swiper .swiper-slide:nth-child(3n + 3){
  margin-right: 65px;
}

@media (max-width: 1920px){
  .calc__swiper .swiper-slide:nth-child(3n + 3){
    margin-right: calc(65 / 1920 * 100vw);
  }
}

@media (max-width: 1920px){
  .calc__swiper .swiper-slide{
    width: calc(404 / 1920 * 100vw);
    margin-right: calc(24 / 1920 * 100vw);
  }
}

.calc__slide{
  border: 1px solid #9E938F;
  padding: 60px 10px 60px 25px;
  box-sizing: border-box;
  height: 100%;
}

@media (max-width: 1920px){
  .calc__slide{
    padding: calc(60 / 1920 * 100vw) calc(10 / 1920 * 100vw) calc(60 / 1920 * 100vw) calc(25 / 1920 * 100vw);
  }
}

.calc__slide table{
  border-collapse: collapse;
  width: 100%;
}

.calc__slide img{
  max-width: 100%;
}

.calc__slide td{
  height: 80px;
  vertical-align: middle;
}

@media (max-width: 1920px){
  .calc__slide td{
    height: calc(80 / 1920 * 100vw);
  }
}

.calc__slide td:first-child{
  font-size: 18px;
  line-height: 130%;
  color: #7E705B;
  padding-right: 12px;
}

@media (max-width: 1920px){
  .calc__slide td:first-child{
    font-size: calc(18 / 1920 * 100vw);
    padding-right: calc(12 / 1920 * 100vw);
  }
}

.calc__slide td:last-child{
  font-size: 24px;
  line-height: 30px;
  color: #C2BFB7;
}

@media (max-width: 1920px){
  .calc__slide td:last-child{
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
  }
}

.calc__slide td:last-child small{
  font-size: 16px;
  line-height: 20px;
  color: #C2BFB7;
  display: block;
}

@media (max-width: 1920px){
  .calc__slide td:last-child small{
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(20 / 1920 * 100vw);
  }
}
/*end calc*/

/*gallery*/
.gallery{
  padding: 100px 5vw 180px 5vw;
  background: #C2BFB7;
}

@media (max-width: 1920px){
  .gallery{
    padding: calc(100 / 1920 * 100vw) 5vw calc(180 / 1920 * 100vw) 5vw;
  }
}

@media (max-height: 1080px){
  .gallery{
    padding: calc(100 / 1080 * 100vh) 5vw calc(180 / 1080 * 100vh) 5vw;
  }
}

.gallery__swiper{
  transform: translateX(-5vw);
  transition: 900ms transform;
}

.gallery.active .gallery__swiper{
  transform: translateX(0);
}

.gallery__view-swiper{
  transform: translateX(5vw);
  transition: 900ms transform;
}

.gallery.active .gallery__view-swiper{
  transform: translateX(0);
}

.gallery__title-wrap{
  display: flex;
  align-items: flex-end;
}

.gallery__title-wrap > div:last-child{
  padding-bottom: 20px;
  transition: 900ms transform, 900ms opacity;
  opacity: 0;
  transform: translateY(50%);
}

@media (max-height: 1080px){
  .gallery__title-wrap > div:last-child{
    padding-bottom: calc(20 / 1080 * 100vh);
  }
}

.gallery.active .gallery__title-wrap > div:last-child{
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1920px){
  .gallery__title-wrap > div:last-child{
    padding-bottom: calc(20 / 1920 * 100vw);
  }
}

.gallery__title{
  font-size: 96px;
  line-height: 105%;
  text-transform: uppercase;
  color: #7E705B;
  margin-right: 300px;
  overflow: hidden;
  margin-bottom: 100px;
}

.gallery__title div{
  transition: 900ms transform;
  transform: translateY(110%);
}

.gallery.active .gallery__title div{
  transform: translateY(0);
}

@media (max-width: 1920px){
  .gallery__title{
    font-size: calc(96 / 1920 * 100vw);
    margin-right: calc(300 / 1920 * 100vw);
    margin-bottom: calc(100 / 1920 * 100vw);
  }
}

@media (max-height: 1080px){
  .gallery__title{
    font-size: calc(96 / 1080 * 100vh);
    margin-right: calc(300 / 1080 * 100vh);
    margin-bottom: calc(100 / 1080 * 100vh);
  }
}

.gallery__slider{
  width: 63vw;
  margin-bottom: 154px;
  position: relative;
}

@media (max-width: 1920px){
  .gallery__slider{
    margin-bottom: calc(154 / 1920 * 100vw);
  }
}

@media (max-height: 1080px){
  .gallery__slider{
    margin-bottom: calc(154 / 1080 * 100vh);
  }
}

.gallery__slider .swiper-wrapper{
  height: auto;
}

.gallery__swipe{
  height: 604px;
  background-position: 50% 50%;
  background-size: cover;
}

@media (max-width: 1920px){
  .gallery__swipe{
    height: calc(604 / 1920 * 100vw);
  }
}

@media (max-height: 1080px){
  .gallery__swipe{
    height: calc(604 / 1080 * 100vh);
  }
}

.gallery .slider-nav{
  position: relative;
  left: -20px;
  width: 100%;
  justify-content: space-between;
  padding-right: 16.7vw;
}

@media (max-width: 1920px){
  .gallery .slider-nav{
    left: calc(-20 / 1920 * 100vw);
  }
}

@media (max-height: 1080px){
  .gallery .slider-nav{
    left: calc(-20 / 1080 * 100vh);
  }
}

.gallery__view-swiper{
  position: absolute;
  width: 43vw;
  left: 46.8vw;
  bottom: -97px;
  z-index: 2;
}

@media (max-width: 1920px){
  .gallery__view-swiper{
    bottom: calc(-97 / 1920 * 100vw);
  }
}

@media (max-height: 1080px){
  .gallery__view-swiper{
    bottom: calc(-97 / 1080 * 100vh);
  }
}

.gallery__view-slide{
  background-position: 50% 50%;
  background-size: cover;
  height: 417px;
}

@media (max-width: 1920px){
  .gallery__view-slide{
    height: calc(417 / 1920 * 100vw);
  }
}

@media (max-height: 1080px){
  .gallery__view-slide{
    height: calc(417 / 1080 * 100vh);
  }
}
/*end gallery*/

/*step*/
.step{
  background: #373025;
  padding-top: 110px;
  padding-bottom: 150px;
}

@media (max-width: 1920px){
  .step{
    padding-top: calc(110 / 1920 * 100vw);
    padding-bottom: calc(150 / 1920 * 100vw);
  }
}

.step__title{
  width: 73vw;
  margin: 0 auto 46px auto;
  font-size: 96px;
  line-height: 105%;
  text-transform: uppercase;
  color: #FFFFFF;
}

.step__title > div{
  position: relative;
  overflow: hidden;
}

.step__title > div div{
  transform: translateY(110%);
  transition: 900ms transform;
}

.step__title > div:first-child div{
  transition-delay: 200ms;
}

.step.active .step__title > div:first-child div{
  transition-delay: 0ms;
  transform: translateY(0);
}

.step.active .step__title > div:last-child div{
  transition-delay: 200ms;
  transform: translateY(0);
}

@media (max-width: 1920px){
  .step__title{
    margin: 0 auto calc(46 / 1920 * 100vw) auto;
    font-size: calc(96 / 1920 * 100vw);
  }
}

.step__nav{
  width: 73vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.step__nav > div:first-child{
  font-size: 36px;
  line-height: 1;
  text-transform: uppercase;
  color: #7E705B;
}

@media (max-width: 1920px){
  .step__nav > div:first-child{
    font-size: calc(36 / 1920 * 100vw);
  }
}

.step__slide{
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
}

.step__swiper{
  margin-bottom: 32px;
  height: 843px;
  transform: translateY(10%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.step.active .step__swiper{
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1920px){
  .step__swiper{
    margin-bottom: calc(32 / 1920 * 100vw);
    height: calc(843 / 1920 * 100vw);
  }
}

.step__swiper .swiper-slide{
  width: 73vw;
  margin: 0 26px;
}

@media (max-width: 1920px){
  .step__swiper .swiper-slide{
    margin: 0 calc(26 / 1920 * 100vw);
  }
}

.step__view{
  display: flex;
  justify-content: center;
  margin-bottom: 79px;
  transform: translateY(30%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.step.active .step__view{
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1920px){
  .step__view{
    margin-bottom: calc(79 / 1920 * 100vw);
  }
}

.step__view-item{
  position: relative;
  width: 179px;
  height: 163px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 12px;
  font-size: 17px;
  line-height: 130%;
  text-transform: uppercase;
  cursor: pointer;
}

@media (max-width: 1920px){
  .step__view-item{
    width: calc(179 / 1920 * 100vw);
    height: calc(163 / 1920 * 100vw);
    margin: 0 calc(12 / 1920 * 100vw);
    font-size: calc(17 / 1920 * 100vw);
  }
}

.step__view-item.active{
  cursor: default;
}

.step__view-item.active > div:last-child{
  transform: translateY(-10%);
}

.step__view-item > div:last-child{
  z-index: 2;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  flex-direction: column;
  color: #fff;
  transition: 300ms transform;
}

.step__view-item span{
  text-decoration: underline;
  display: block;
}

.step__view-item-bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  opacity: 0.3;
  transition: 300ms opacity, 300ms transform;
}

.step__view-item.active .step__view-item-bg{
  opacity: 0.5;
  transform: scale(1.1);
}
/*end step*/

/*donstroy*/
.donstroy{
  background: #C2BFB7;
  padding-top: 150px;
  padding-bottom: 168px;
  padding-left: 12.6vw;
  padding-right: 9.4vw;
}

@media (max-width: 1920px){
  .donstroy{
    padding-top: calc(150 / 1920 * 100vw);
    padding-bottom: calc(168 / 1920 * 100vw);
  }
}

.donstroy p{
  margin-bottom: 0;
  transform: translateY(10%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.donstroy.active p{
  opacity: 1;
  transform: translateY(0);
}

.donstroy__value-item{
  transform: translateY(50%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.donstroy.active .donstroy__value-item{
  opacity: 1;
  transform: translateY(0);
}

.donstroy__value-item:nth-child(1){
  transition-delay: 0ms;
}

.donstroy__value-item:nth-child(2){
  transition-delay: 100ms;
}

.donstroy__value-item:nth-child(3){
  transition-delay: 200ms;
}

.donstroy__value-item:nth-child(4){
  transition-delay: 300ms;
}

.donstroy__value-item:nth-child(5){
  transition-delay: 400ms;
}

.donstroy__in{
  display: flex;
  justify-content: space-between;
}

.donstroy__in > div:nth-child(1){
  width: 27vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  font-size: 24px;
  line-height: 30px;
}

@media (max-width: 1920px){
  .donstroy__in > div:nth-child(1){
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
  }
}

.donstroy__in > div:nth-child(1) img{
  max-width: 100%;
  transform: translateY(50%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.donstroy.active .donstroy__in > div:nth-child(1) img{
  transform: translateY(0);
  opacity: 1;
}

.donstroy__in > div:nth-child(2){
  display: flex;
}

.donstroy__in > div:nth-child(3){
  width: 27vw;
}

.donstroy__line{
  width: 10px;
  height: 100%;
  background: #fff;
  margin: 0 40px;
  transform: scaleY(0);
}

@media (max-width: 1920px){
  .donstroy__line{
    width: calc(10 / 1920 * 100vw);
    margin: 0 calc(40 / 1920 * 100vw);
  }
}

.donstroy__line:nth-child(1){
  transform-origin: 50% 0;
}

.donstroy__line:nth-child(2){
  transform-origin: 50% 50%;
}

.donstroy__line:nth-child(3){
  transform-origin: 50% 100%;
}

.donstroy__value{
  font-size: 64px;
  line-height: 115%;
  text-transform: uppercase;
  color: #7E705B;
  margin-bottom: 10px;
}

@media (max-width: 1920px){
  .donstroy__value{
    font-size: calc(64 / 1920 * 100vw);
    margin-bottom: calc(10 / 1920 * 100vw);
  }
}

.donstroy__label{
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 30px;
}

@media (max-width: 1920px){
  .donstroy__label{
    margin-bottom: calc(50 / 1920 * 100vw);
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
  }
}

.donstroy__label:last-child{
  margin-bottom: 0;
}
/*end donstroy*/

/*news*/
.news{
  background: #edece9;
  padding-top: 125px;
  padding-bottom: 145px;
}

.news .swiper-wrapper{
  height: auto;
}

@media (max-width: 1920px){
  .news{
    padding-top: calc(125 / 1920 * 100vw);
    padding-bottom: calc(145 / 1920 * 100vw);
  }
}

.news__title{
  padding-left: 5vw;
  margin-bottom: 50px;
  font-size: 96px;
  line-height: 105%;
  text-transform: uppercase;
  color: #7E705B;
  overflow: hidden;
}

.news__title div{
  transform: translateY(110%);
  transition: 900ms transform;
}

.news.active .news__title div{
  transform: translateY(0);
}

@media (max-width: 1920px){
  .news__title{
    margin-bottom: calc(50 / 1920 * 100vw);
    font-size: calc(96 / 1920 * 100vw);
  }
}

.news__all{
  display: inline-block;
  position: relative;
  margin-left: 5vw;
  margin-bottom: 50px;
  font-size: 36px;
  line-height: 110%;
  text-decoration-line: underline;
  text-transform: uppercase;
  border-bottom: 1px solid #373025;
  text-decoration: none;
  color: #373025;
  transition: 300ms border-color, 900ms transform, 900ms opacity;
  transform: translateY(30%);
  opacity: 0;
}

.news.active .news__all{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 1920px){
  .news__all{
    margin-bottom: calc(50 / 1920 * 100vw);
    font-size: calc(36 / 1920 * 100vw);
  }
}

.news__swiper{
  padding-left: 5vw;
  margin-bottom: 20px;
  transform: translateY(10%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.news.active .news__swiper{
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 1920px){
  .news__swiper{
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}

.news__swiper .swiper-slide{
  width: 440px;
  margin-right: 52px;
}

@media (max-width: 1920px){
  .news__swiper .swiper-slide{
    width: calc(440 / 1920 * 100vw);
    margin-right: calc(52 / 1920 * 100vw);
  }
}

.news__swiper .swiper-slide:nth-child(3n + 2){
  margin-top: 90px;
}

@media (max-width: 1920px){
  .news__swiper .swiper-slide:nth-child(3n + 2){
    margin-top: calc(90 / 1920 * 100vw);
  }
}

.news__swiper .swiper-slide:nth-child(3n + 3){
  margin-top: 180px;
}

@media (max-width: 1920px){
  .news__swiper .swiper-slide:nth-child(3n + 3){
    margin-top: calc(180 / 1920 * 100vw);
  }
}

.news__img{
  height: 407px;
  position: relative;
  overflow: hidden;
  margin-bottom: 50px;
}

@media (max-width: 1920px){
  .news__img{
    height: calc(407 / 1920 * 100vw);
    margin-bottom: calc(50 / 1920 * 100vw);
  }
}

.news__img div{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: 50% 50%;
  transition: 300ms transform;
}

.news__slide{
  text-decoration: none;
  display: block;
  cursor: pointer;
}

.news__dsc{
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 20px;
  color: #373025;
}

@media (max-width: 1920px){
  .news__dsc{
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}

.news__date{
  font-size: 16px;
  line-height: 130%;
  color: #BBAEA1;
}

@media (max-width: 1920px){
  .news__date{
    font-size: calc(16 / 1920 * 100vw);
  }
}

.news .slider-nav{
  position: relative;
  left: -20px;
  margin-left: 5vw;
}

@media (max-width: 1920px){
  .news .slider-nav{
    left: calc(-20 / 1920 * 100vw);
  }
}

.news .slider-nav > div:nth-child(2){
  min-width: 40px !important;
}

@media (max-width: 1920px){
  .news .slider-nav > div:nth-child(2){
    min-width: calc(40 / 1920 * 100vw) !important;
  }
}
/*end news*/

/*map*/
.map{
  background: #C2BFB7;
  padding: 100px 5vw 92px 5vw;
	max-width: 100vw;
	overflow-x: hidden;
}

@media (max-width: 1920px){
  .map{
    padding: calc(100 / 1920 * 100vw) 5vw calc(92 / 1920 * 100vw) 5vw;
  }
}

.map__in{
  display: flex;
  align-items: center;
  border: 10px solid #FFFFFF;
  border-right: none;
  box-sizing: border-box;
}

.map__in > div:first-child{
  width: 37vw;
  padding-left: 5vw;
  padding-right: 2vw;
  box-sizing: border-box;
  transform: translateY(10%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.map.active .map__in > div:first-child{
  opacity: 1;
  transform: translateY(0);
}

.map__in > div:last-child{
  width: 63vw;
}

.map__title{
  font-size: 48px;
  line-height: 110%;
  text-transform: uppercase;
  color: #7E705B;
  margin-bottom: 21px;
}

@media (max-width: 1920px){
  .map__title{
    font-size: calc(48 / 1920 * 100vw);
    margin-bottom: calc(21 / 1920 * 100vw);
  }
}

.map__address{
  font-size: 24px;
  line-height: 30px;
  color: #373025;
  margin-bottom: 78px;
}

@media (max-width: 1920px){
  .map__address{
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
    margin-bottom: calc(78 / 1920 * 100vw);
  }
}

.map__in .button{
  color: #1E191D;
  border-color: #1E191D;
}

.map__in .button div,
.map__in .button:after,
.map__in .button:before{
  background: #1E191D;
}

.ymap-wrap{
  position: relative;
  height: 852px;
}

@media (max-width: 1920px){
  .ymap-wrap{
    height: calc(852 / 1920 * 100vw);
  }
}

.ymap-wrap:after{
  content: '';
  display: block;
  width: 10px;
  height: 100%;
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
}

#ymap{
  position: absolute;
  left: 0;
  top: 76px;
  bottom: 98px;
  right: calc(-5vw - 10px);
  transform: translateX(5vw);
  transition: 900ms transform;
}

.map.active #ymap{
  transform: translateX(0);
}

@media (max-width: 1920px){
  #ymap{
    top: calc(76 / 1920 * 100vw);
    bottom: calc(98 / 1920 * 100vw);
  }
}

.map__info{
  background: #373025;
  width: 377px;
  box-sizing: border-box;
  position: absolute;
  bottom: -50px;
  right: 57px;
  padding: 75px 56px 69px 56px;
  transform: translateY(20%);
  opacity: 0;
  transition: 900ms transform, 900ms opacity, 500ms height;
  height: 203px;
  overflow: hidden;
}

.map__info.active{
  height: 507px;
}

@media (max-width: 1920px){
  .map__info.active{
    height: calc(507 / 1920 * 100vw);
  }
}

.map.active .map__info{
  opacity: 1;
  transform: translateY(0);
}

@media (max-width: 1920px){
  .map__info{
    width: calc(377 / 1920 * 100vw);
    bottom: calc(-50 / 1920 * 100vw);
    right: calc(57 / 1920 * 100vw);
    padding: calc(75 / 1920 * 100vw) calc(56 / 1920 * 100vw) calc(69 / 1920 * 100vw) calc(56 / 1920 * 100vw);
    height: calc(203 / 1920 * 100vw);
  }
}

.map__info-title{
  margin-bottom: 23px;
  font-size: 24px;
  line-height: 30px;
  color: #7E705B;
  position: relative;
  cursor: pointer;
  transition: 500ms transform;
  transform: translateY(-32px);
}

@media (max-width: 1920px){
  .map__info-title{
    margin-bottom: calc(23 / 1920 * 100vw);
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
    transform: translateY(calc(-32 / 1920 * 100vw));
  }
}

.map__info-title:after{
  content: '';
  display: block;
  width: 1px;
  height: 32px;
  background: #7E705B;
  right: 15px;
  top: 50%;
  margin-top: -16px;
  position: absolute;
  transition: 500ms transform;
}

@media (max-width: 1920px){
  .map__info-title:after{
    height: calc(32 / 1920 * 100vw);
    right: calc(15 / 1920 * 100vw);
    margin-top: calc(-16 / 1920 * 100vw);
  }
}

.map__info.active .map__info-title:after{
  transform: scaleY(0);
}

.map__info-title:before{
  content: '';
  display: block;
  width: 32px;
  height: 1px;
  background: #7E705B;
  right: 0;
  top: 50%;
  margin-top: -1px;
  position: absolute;
}

@media (max-width: 1920px){
  .map__info-title:before{
    width: calc(32 / 1920 * 100vw);
  }
}

.map__info-dsc{
  margin-bottom: 48px;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  opacity: 0.9;
  transition: 500ms transform;
  transform: translateY(-32px);
}

@media (max-width: 1920px){
  .map__info-dsc{
    margin-bottom: calc(48 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(20 / 1920 * 100vw);
    transform: translateY(calc(-32 / 1920 * 100vw));
  }
}

.map__info.active .map__info-title,
.map__info.active .map__info-dsc{
  transform: translateY(0px);
}

.map__info input{
  padding: 0 0 8px 0;
  border: none;
  border-bottom: 1px solid #5F5A52;
  font-size: 16px;
  line-height: 1;
  color: #fff;
  background: none;
  font-family: 'Cera Pro';
  font-weight: 400;
  outline: none;
  width: 100%;
  margin-bottom: 60px;
}

@media (max-width: 1920px){
  .map__info input{
    padding: 0 0 calc(8 / 1920 * 100vw) 0;
    font-size: calc(16 / 1920 * 100vw);
    margin-bottom: calc(60 / 1920 * 100vw);
  }
}

.map__info input::placeholder{
  color: #7E705B;
}

.map__info-lnk{
  font-size: 16px;
  line-height: 1;
  text-decoration: underline;
  color: #fff;
  cursor: pointer;
  margin-top: 20px;
  opacity: 0.9;
  display: block;
}

@media (max-width: 1920px){
  .map__info-lnk{
    font-size: calc(16 / 1920 * 100vw);
    margin-top: calc(20 / 1920 * 100vw);
  }
}
/*end map*/

/*form*/
.form{
  padding:  175px 7.7vw 256px 7.7vw;
  background: #373025;
}

@media (max-width: 1920px){
  .form{
    padding: calc(175 / 1920 * 100vw) 7.7vw calc(256 / 1920 * 100vw) 7.7vw;
  }
}

.form__in{
  display: flex;
  justify-content: space-between;
}

.form__in > div:last-child{
  transform: translateX(5vw);
  opacity: 0;
  transition: 900ms transform, 900ms opacity;
}

.form.active .form__in > div:last-child{
  opacity: 1;
  transform: translateY(0);
}

.form__img{
  width: 637px;
  height: 100%;
  background-position: 50% 50%;
  background-size: cover;
  margin-right: 13vw;
  transform: translateX(-5vw);
  opacity: 0;
  transition: 900ms opacity, 900ms transform;
}

.form.active .form__img{
  transform: translateX(0);
  opacity: 1;
}

@media (max-width: 1920px){
  .form__img{
    width: calc(637 / 1920 * 100vw);
  }
}

.form__title{
  font-size: 64px;
  line-height: 115%;
  text-transform: uppercase;
  color: #C2BFB7;
  margin-bottom: 50px;
}

@media (max-width: 1920px){
  .form__title{
    font-size: calc(64 / 1920 * 100vw);
    margin-bottom: calc(50 / 1920 * 100vw);
  }
}

.form input,
.pform input{
  padding: 0 0 8px 0;
  border: none;
  border-bottom: 1px solid #5F5A52;
  font-size: 24px;
  line-height: 1;
  color: #C2BFB7;
  background: none;
  font-family: 'Cera Pro';
  font-weight: 400;
  outline: none;
  width: 100%;
  margin-bottom: 35px;
  max-width: 453px;
  display: block;
}

@media (max-width: 1920px){
  .form input,
  .pform input{
    padding: 0 0 calc(8 / 1920 * 100vw) 0;
    font-size: calc(24 / 1920 * 100vw);
    margin-bottom: calc(35 / 1920 * 100vw);
    max-width: calc(453 / 1920 * 100vw);
  }
}

.form input::placeholder,
.pform input::placeholder{
  color: #C2BFB7;
}

.form__dsc{
  padding-top: 6px;
  padding-bottom: 70px;
  font-size: 16px;
  line-height: 130%;
  color: #9E938F;
}

@media (max-width: 1920px){
  .form__dsc{
    padding-top: calc(6 / 1920 * 100vw);
    padding-bottom: calc(70 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
  }
}

.form .button{
  color: #C1C0C5;
  border-color: #C1C0C5;
}

.form .button div,
.form .button:after,
.form .button:before{
  background: #C1C0C5;
}
/*end form*/

/*footer*/
footer{
  background: #C2BFB7;
  padding: 156px 5vw 85px 5vw;
}

@media (max-width: 1920px){
  footer{
    padding: calc(156 / 1920 * 100vw) 5vw calc(85 / 1920 * 100vw) 5vw;
  }
}

.footer__d{
  margin-bottom: 58px;
  font-size: 14px;
  line-height: 16px;
}

@media (max-width: 1920px){
  .footer__d{
    margin-bottom: calc(58 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(16 / 1920 * 100vw);
  }
}

.footer__top{
  display: flex;
  justify-content: space-between;
  margin-bottom: 58px;
}

@media (max-width: 1920px){
  .footer__top{
    margin-bottom: calc(58 / 1920 * 100vw);
  }
}

.footer__top > div{
  width: 33.3%;
}

.footer__top > div:nth-child(2){
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

.footer__top > div:nth-child(3){
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.footer__top > div:nth-child(3) > div{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.footer__logo{
  display: block;
  max-width: 242px;
}

@media (max-width: 1920px){
  .footer__logo{
    max-width: calc(242 / 1920 * 100vw);
  }
}

.footer__soc{
  display: flex;
  justify-content: center;
}

.footer__soc svg{
  width: 43px;
  height: 43px;
  display: block;
  margin: 0 5px;
}

@media (max-width: 1920px){
  .footer__soc svg{
    width: calc(43 / 1920 * 100vw);
    height: calc(43 / 1920 * 100vw);
    margin: 0 calc(5 / 1920 * 100vw);
  }
}

.footer__menu{
  display: flex;
}

.footer__menu > div:first-child{
  margin-right: calc(62 / 1920 * 100vw);
}

@media (max-width: 1920px){
  .footer__menu > div:first-child{
    margin-right: 62px;
  }
}

.footer__menu > div > div,
.footer__menu > div > a{
  margin-bottom: 23px;
  font-size: 18px;
  line-height: 21px;
  color: #4F4F4F;
  cursor: pointer;
  display: block;
  text-decoration: none;
}

@media (max-width: 1920px){
  .footer__menu > div > div,
  .footer__menu > div > a{
    margin-bottom: calc(23 / 1920 * 100vw);
    font-size: calc(18 / 1920 * 100vw);
    line-height: calc(21 / 1920 * 100vw);
  }
}

.footer__menu div:last-child{
  margin-bottom: 0;
}

.footer__phone{
  margin-bottom: 10px;
  font-size: 26px;
  line-height: 30px;
  color: #333333;
}

@media (max-width: 1920px){
  .footer__phone{
    margin-bottom: calc(10 / 1920 * 100vw);
    font-size: calc(26 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
  }
}

.footer__call{
  font-size: 16px;
  line-height: 19px;
  color: #828282;
  cursor: pointer;
}

@media (max-width: 1920px){
  .footer__call{
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(19 / 1920 * 100vw);
  }
}

.footer__addr{
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 19px;
  color: #333333;
}

@media (max-width: 1920px){
  .footer__addr{
    margin-bottom: calc(10 / 1920 * 100vw);
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(19 / 1920 * 100vw);
  }
}

.footer__time{
  font-size: 16px;
  line-height: 19px;
  color: #828282;
}

@media (max-width: 1920px){
  .footer__time{
    font-size: calc(16 / 1920 * 100vw);
    line-height: calc(19 / 1920 * 100vw);
  }
}

.footer__bottom{
  display: flex;
  justify-content: space-between;
  font-size: 14px;
  line-height: 16px;
  color: #7E705B;
}

@media (max-width: 1920px){
  .footer__bottom{
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(16 / 1920 * 100vw);
  }
}

.footer__bottom > div{
  width: 33.3%;
}

.footer__bottom > div:nth-child(2){
  text-align: center;
}

.footer__bottom > div:nth-child(3){
  text-align: right;
}

.footer__bottom a{
  color: inherit;
}
/*end footer*/

.slider-nav{
  display: flex;
  align-items: center;
  font-weight: 300;
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
  color: #7E705B;
}

@media (max-width: 1920px){
  .slider-nav{
    font-size: calc(48 / 1920 * 100vw);
  }
}

.slider-nav > div{
  padding: 0 20px;
  transition: 300ms opacity;
}

@media (max-width: 1920px){
  .slider-nav > div{
    padding: 0 calc(20 / 1920 * 100vw);
  }
}

.slider-nav > div:nth-child(2){
  min-width: 244px !important;
  box-sizing: border-box;
  text-align: center;
  width: auto !important;
}

@media (max-width: 1920px){
  .slider-nav > div:nth-child(2){
    min-width: calc(244 / 1920 * 100vw) !important;
  }
}

.slider-nav img,
.slider-nav svg{
  width: 48px;
  height: 73px;
  transition: 300ms transform;
}

@media (max-width: 1920px){
  .slider-nav img,
  .slider-nav svg{
    width: calc(48 / 1920 * 100vw);
    height: calc(73 / 1920 * 100vw);
  }
}

.slider-nav .swiper-button-disabled{
  pointer-events: none;
  opacity: 0.3;
}

.slider-nav__prev,
.slider-nav__next{
  cursor: pointer;
}

.button{
  color: #7E705B;
  text-transform: uppercase;
  height: 70px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  border-bottom: 2px solid #7E705B;
  font-size: 24px;
  line-height: 1;
  max-width: 350px;
  cursor: pointer;
  text-decoration: none;
  transition: 300ms opacity;
}

@media (max-width: 1920px){
  .button{
    height: calc(70 / 1920 * 100vw);
    font-size: calc(24 / 1920 * 100vw);
    max-width: calc(350 / 1920 * 100vw);
  }
}

.button.disabled{
  opacity: 0.3;
  pointer-events: none;
}

.button:after{
  content: '';
  display: block;
  position: absolute;
  height: 50px;
  top: 10px;
  left: 0;
  width: 2px;
  background: #7E705B;
}

@media (max-width: 1920px){
  .button:after{
    height: calc(50 / 1920 * 100vw);
    top: calc(10 / 1920 * 100vw);
  }
}

.button:before{
  content: '';
  display: block;
  position: absolute;
  height: 50px;
  top: 10px;
  left: 10px;
  width: 2px;
  background: #7E705B;
  transition: 300ms transform;
}

@media (max-width: 1920px){
  .button:before{
    height: calc(50 / 1920 * 100vw);
    top: calc(10 / 1920 * 100vw);
    left: calc(10 / 1920 * 100vw);
  }
}

.button div{
  content: '';
  display: block;
  position: absolute;
  height: 50px;
  top: 10px;
  left: 20px;
  width: 2px;
  background: #7E705B;
  transition: 300ms transform;
}

@media (max-width: 1920px){
  .button div{
    height: calc(50 / 1920 * 100vw);
    top: calc(10 / 1920 * 100vw);
    left: calc(20 / 1920 * 100vw);
  }
}

.menu{
  position: fixed;
  z-index: 100;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  background: #373025;
  opacity: 0;
  visibility: hidden;
  transition: 300ms opacity, 300ms visibility;
}

.menu.active{
  opacity: 1;
  visibility: visible;
}

.menu > div{
  width: 50%;
}

.menu > div:first-child{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu > div:last-child{
  background-position: 50% 50%;
  background-size: cover;
}

.menu__top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 50px 100px 0 80px;
}

@media (max-width: 1920px){
  .menu__top{
    padding-top: calc(50 / 1920 * 100vw);
    padding-right: calc(100 / 1920 * 100vw);
    padding-left: calc(80 / 1920 * 100vw);
  }
}

.menu__top > div:first-child{
  padding: 20px;
  cursor: pointer;
  transition: 300ms transform;
}

@media (max-width: 1920px){
  .menu__top > div:first-child{
    padding: calc(20 / 1920 * 100vw);
  }
}

.menu__top > div:first-child svg{
  width: 31px;
  height: auto;
  display: block;
}

@media (max-width: 1920px){
  .menu__top > div:first-child svg{
    width: calc(31 / 1920 * 100vw);
  }
}

.menu__top > div:last-child svg{
  width: 254px;
}

@media (max-width: 1920px){
  .menu__top > div:last-child svg{
    width: calc(254 / 1920 * 100vw);
  }
}

.menu__bottom{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 100px 87px 100px;
}

@media (max-width: 1920px){
  .menu__bottom{
    padding-right: calc(100 / 1920 * 100vw);
    padding-left: calc(100 / 1920 * 100vw);
    padding-bottom: calc(87 / 1920 * 100vw);
  }
}

.menu__bottom .button{
  min-width: 325px;
  color: #C2BFB7;
}

@media (max-width: 1920px){
  .menu__bottom .button{
    min-width: calc(325 / 1920 * 100vw);
  }
}

.menu__bottom a{
  font-size: 24px;
  color: #C2BFB7;
  line-height: 1;
}

@media (max-width: 1920px){
  .menu__bottom a{
    font-size: calc(24 / 1920 * 100vw);
  }
}

.menu__center{
  display: flex;
  justify-content: center;
}

.menu__list{
  color: #C2BFB7;
  font-size: 28px;
  line-height: 1;
}

@media (max-width: 1920px){
  .menu__list{
    font-size: calc(28 / 1920 * 100vw);
  }
}

.menu__list div{
  margin-bottom: 30px;
  cursor: pointer;
  transition: 300ms opacity;
  text-transform: uppercase;
}

@media (max-width: 1920px){
  .menu__list div{
    margin-bottom: calc(30 / 1920 * 100vw);
  }
}

.menu__list div:last-child{
  margin-bottom: 0;
}

.menu__lnk{
  font-size: 24px;
  line-height: 1;
  text-transform: uppercase;
  color: #C2BFB7;
  cursor: pointer;
  transition: 300ms opacity;
  margin-top: 75px;
  display: block;
}

@media (max-width: 1920px){
  .menu__lnk{
    font-size: calc(24 / 1920 * 100vw);
    margin-top: calc(85 / 1920 * 100vw);
  }
}

.pform{
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  background: #373025;
  opacity: 0;
  visibility: hidden;
  transition: 300ms opacity, 300ms visibility;
}

.pform.active{
  opacity: 1;
  visibility: visible;
}

.pform > div:first-child{
  background-position: 50% 50%;
  background-size: cover;
  width: 41%;
}

.pform > div:last-child{
  display: flex;
  width: 59%;
  position: relative;
  justify-content: center;
  align-items: center;
}

.pform > div:last-child > div{
  max-width: 600px;
}

@media (max-width: 1920px){
  .pform > div:last-child > div{
    max-width: calc(600 / 1920 * 100vw);
  }
}

.pform__close{
  position: absolute;
  z-index: 2;
  cursor: pointer;
  padding: 20px;
  right: 65px;
  top: 60px;
  transition: 300ms transform;
}

@media (max-width: 1920px){
  .pform__close{
    padding: calc(20 / 1920 * 100vw);
    right: calc(65 / 1920 * 100vw);
    top: calc(60 / 1920 * 100vw);
  }
}

.pform__close svg{
  width: 31px;
  height: auto;
  display: block;
}

@media (max-width: 1920px){
  .pform__close svg{
    width: calc(31 / 1920 * 100vw);
  }
}

.pform__title{
  font-size: 64px;
  line-height: 115%;
  text-transform: uppercase;
  color: #C2BFB7;
  margin-bottom: 50px;
}

@media (max-width: 1920px){
  .pform__title{
    font-size: calc(64 / 1920 * 100vw);
    margin-bottom: calc(50 / 1920 * 100vw);
  }
}

.pform__dsc{
  font-size: 16px;
  line-height: 130%;
  color: #9E938F;
  margin-bottom: 70px;
  padding-top: 30px;
}

@media (max-width: 1920px){
  .pform__dsc{
    font-size: calc(16 / 1920 * 100vw);
    margin-bottom: calc(70 / 1920 * 100vw);
    padding-top: calc(30 / 1920 * 100vw);
  }
}

.pform .button{
  color: #C2BFB7;
  border-color: #C2BFB7;
}

.pform .button div,
.pform .button:after,
.pform .button:before{
  background: #C2BFB7;
}

.pnew{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
  display: flex;
  background: #edece9;
  opacity: 0;
  visibility: hidden;
  transition: 300ms opacity, 300ms visibility;
}

.pnew.active{
  opacity: 1;
  visibility: visible;
}

.pnew > div:nth-child(2){
  background-position: 50% 50%;
  background-size: cover;
  background-color: #C2BFB7;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 160px;
  width: 41%;
}


@media (max-width: 1920px){
  .pnew > div:nth-child(2){
    padding-bottom: calc(160 / 1920 * 100vw);
  }
}

.pnew > div:nth-child(2) img{
  max-width: 506px;
  display: block;
}

@media (max-width: 1920px){
  .pnew > div:nth-child(2) img{
    max-width: calc(506 / 1920 * 100vw);
  }
}

body.show-new{
  overflow: hidden;
}

.pnew > div:nth-child(3){
  display: flex;
  width: 59%;
  padding-left: 13%;
  padding-right: 9.6%;
  box-sizing: border-box;
  height: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
  overflow-y: auto;
}

.pnew > div:nth-child(3) > div{
  width: 100%;
}

.pnew__title{
  font-size: 64px;
  line-height: 115%;
  text-transform: uppercase;
  color: #7E705B;
  margin-bottom: 57px;
  padding-top: 80px;
}

@media (max-width: 1920px){
  .pnew__title{
    font-size: calc(64 / 1920 * 100vw);
    margin-bottom: calc(57 / 1920 * 100vw);
    padding-top: calc(80 / 1920 * 100vw);
  }
}

.pnew__date{
  font-size: 16px;
  line-height: 130%;
  color: #BBAEA1;
  margin-bottom: 20px;
}

@media (max-width: 1920px){
  .pnew__date{
    font-size: calc(16 / 1920 * 100vw);
    margin-bottom: calc(20 / 1920 * 100vw);
  }
}

.pnew__text{
  font-size: 24px;
  line-height: 30px;
  color: #373025;
  padding-bottom: 80px;
}

.pnew__text a{
  color: #373025;
  text-decoration: underline;
}

@media (max-width: 1920px){
  .pnew__text{
    font-size: calc(24 / 1920 * 100vw);
    line-height: calc(30 / 1920 * 100vw);
    padding-bottom: calc(80 / 1920 * 100vw);
  }
}

.pnew__text img{
  max-width: 100%;
  height: auto !important;
}

.pnew__close{
  position: absolute;
  padding: 20px;
  cursor: pointer;
  transition: 300ms transform;
  right: 60px;
  top: 60px;
}

@media (max-width: 1920px){
  .pnew__close{
    padding: calc(20 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    top: calc(60 / 1920 * 100vw);
  }
}

.pnew__close svg{
  width: 31px;
  height: auto;
  display: block;
}

@media (max-width: 1920px){
  .pnew__close svg{
    width: calc(31 / 1920 * 100vw);
  }
}

.thank{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 64px;
  line-height: 115%;
  text-align: center;
  text-transform: uppercase;
  color: #C2BFB7;
  opacity: 0;
  visibility: hidden;
  transition: 300ms opacity, 300ms visibility;
}

.thank.active{
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1920px){
  .thank{
    font-size: calc(64 / 1920 * 100vw);
  }
}

.thank__close{
  position: absolute;
  padding: 20px;
  cursor: pointer;
  transition: 300ms transform;
  right: 60px;
  top: 60px;
}

@media (max-width: 1920px){
  .thank__close{
    padding: calc(20 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    top: calc(60 / 1920 * 100vw);
  }
}

.thank__close svg{
  width: 31px;
  height: auto;
  display: block;
}

@media (max-width: 1920px){
  .thank__close svg{
    width: calc(31 / 1920 * 100vw);
  }
}


.video{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
  background-position: 50% 50%;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 115%;
  text-align: center;
  text-transform: uppercase;
  opacity: 0;
  visibility: hidden;
  transition: 300ms opacity, 300ms visibility;
  background: rgba(55, 48, 37, 0.9);
}

.video video{
  max-width: 73vw;
}

.video.active{
  opacity: 1;
  visibility: visible;
}

.video__close{
  position: absolute;
  padding: 20px;
  cursor: pointer;
  transition: 300ms transform;
  right: 60px;
  top: 60px;
}

@media (max-width: 1920px){
  .video__close{
    padding: calc(20 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    top: calc(60 / 1920 * 100vw);
  }
}

.video__close svg{
  width: 31px;
  height: auto;
  display: block;
}

@media (max-width: 1920px){
  .video__close svg{
    width: calc(31 / 1920 * 100vw);
  }
}

.polyce{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
  line-height: 1.2;
  font-size: 16px;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: 300ms opacity, 300ms visibility;
  background: rgba(55, 48, 37, 0.9);
  overflow-x: hidden;
  overflow-y: auto;
}

@media (max-width: 1920px){
  .polyce{
    font-size: calc(16 / 1920 * 100vw);
  }
}

.polyce__in{
  padding: 70px 5vw;
}

@media (max-width: 1920px){
  .polyce__in{
    padding: calc(70 / 1920 * 100vw) 5vw;
  }
}

.polyce.active{
  opacity: 1;
  visibility: visible;
}

.polyce__close{
  position: absolute;
  padding: 20px;
  cursor: pointer;
  transition: 300ms transform;
  right: 60px;
  top: 60px;
}

.pform__dsc span,
.form__dsc span{
  text-decoration: underline;
  cursor: pointer;
}

.polyce-menu{
  overflow: hidden;
}


@media (max-width: 1920px){
  .polyce__close{
    padding: calc(20 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    top: calc(60 / 1920 * 100vw);
  }
}

.polyce__close svg{
  width: 31px;
  height: auto;
  display: block;
}

@media (max-width: 1920px){
  .polyce__close svg{
    width: calc(31 / 1920 * 100vw);
  }
}

.nt-slider{
  position: absolute;
  width: 50%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 1;
}

.nt-slider > div{
  position: absolute;
  width: 33.3%;
  height: 100%;
  top: 0;
  overflow: hidden;
}

.nt-slider > div:nth-child(1){
  left: 0;
}

.nt-slider > div:nth-child(2){
  left: 33.3%;
}

.nt-slider > div:nth-child(3){
  left: 66.6%;
}

.nt-slide{
  position: absolute;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 0;
  z-index: 1;
}

.nt-slide1{
  bottom: 0;
}

.nt-slide.active{
  height: 100vh;
  transition: 1000ms height;
  z-index: 2;
}

.nt-slide > div{
  position: absolute;
  left: 0;
  width: 100%;
  height: 100vh;
}

.nt-slide1 > div{
  bottom: 0;
}

.nt-slide2{
  top: 0;
}

.nt-slide2.active{
  transition: 1200ms height;
}

.nt-slide2 > div{
  top: 0;
}

.nt-slide3{
  bottom: 0;
}

.nt-slide3.active{
  transition: 1400ms height;
}

.nt-slide3 > div{
  bottom: 0;
}

.nt-slide > div > div{
  position: absolute;
  left: 0;
  top: -10%;
  width: 100%;
  overflow: hidden;
  height: 120%;
  background-size: 100vw auto;
  background-repeat: no-repeat;
}

.nt-slide.active > div > div{
  transition: 4000ms transform;
}

.nt-slide1 > div > div{
  background-position: 60% 50%;
  transform: translateY(-5%);
}

.nt-slide2 > div > div{
  background-position: 80% 50%;
  transform: translateY(5%);
}

.nt-slide3 > div > div{
  background-position: 100% 50%;
  transform: translateY(-5%);
}

.nt-slide.active > div > div{
  transform: translateY(0);
}

.offer__close{
  position: absolute;
  padding: 20px;
  cursor: pointer;
  transition: 300ms transform;
  right: 60px;
  top: 60px;
}

@media (max-width: 1920px){
  .offer__close{
    padding: calc(20 / 1920 * 100vw);
    right: calc(60 / 1920 * 100vw);
    top: calc(60 / 1920 * 100vw);
  }
}

.offer{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 110;
  display: flex;
  background: #edece9;
  opacity: 0;
  visibility: hidden;
  transition: 300ms opacity, 300ms visibility;
  background: #C2BFB7;
}

.offer.active{
  opacity: 1;
  visibility: visible;
}

.offer__in{
  display: flex;
  height: 100%;
  width: 100%;
}

.offer__in > div:first-child{
  width: 41%;
}

.offer__in > div:last-child{
  width: 59%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  padding-left: 9.6%;
  padding-right: 7.7%;
}

.offer__title{
  margin-bottom: 64px;
  font-size: 64px;
  line-height: 115%;
  text-transform: uppercase;
  color: #373025;
}

@media (max-width: 1920px){
  .offer__title{
    margin-bottom: calc(64 / 1920 * 100vw);
    font-size: calc(64 / 1920 * 100vw);
  }
}

.offer ul{
  font-size: 20px;
  line-height: 130%;
  color: #373025;
  padding: 0;
  margin: 0;
  list-style: none;
}

@media (max-width: 1920px){
  .offer ul{
    font-size: calc(20 / 1920 * 100vw);
  }
}

.offer li{
  color: inherit;
  margin-bottom: 35px;
  padding-left: 20px;
  position: relative;
}

@media (max-width: 1920px){
  .offer li{
    margin-bottom: calc(35 / 1920 * 100vw);
    padding-left: calc(20 / 1920 * 100vw);
  }
}

.offer li:after{
  content: '';
  display: block;
  width: 6px;
  height: 6px;
  background: #373025;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 10px;
}

@media (max-width: 1920px){
  .offer li:after{
    width: calc(6 / 1920 * 100vw);
    height: calc(6 / 1920 * 100vw);
    top: calc(10 / 1920 * 100vw);
  }
}

.offer .button{
  color: #1E191D;
  border-color: #1E191D;
  margin-top: 80px;
}

@media (max-width: 1920px){
  .offer .button{
    margin-top: calc(80 / 1920 * 100vw);
  }
}

.offer .button div,
.offer .button:after,
.offer .button:before{
  background: #1E191D;
}

.cookie{
  position: fixed;
  z-index: 100;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(245, 244, 241, 0.92);
  padding: 27px 95px;
  color: #7E705B;
  font-size: 14px;
  line-height: 16px;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
  transition: 300ms opacity, 300ms visibility;
}

.cookie.active{
  opacity: 1;
  visibility: visible;
}

@media (max-width: 1920px){
  .cookie{
    padding: calc(27 / 1920 * 100vw) calc(95 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(16 / 1920 * 100vw);
  }
}

.cookie a{
  color: #7E705B;
  text-decoration: underline;
}

.cookie > div:first-child{
  padding-right: 125px;
}

@media (max-width: 1920px){
  .cookie > div:first-child{
    padding-right: calc(125 / 1920 * 100vw);
  }
}

.cookie__button{
  height: 63px;
  background: #8C6F4E;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #edece9;
  text-decoration: underline;
  width: 297px;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  cursor: pointer;
  text-align: center;
}

@media (max-width: 1920px){
  .cookie__button{
    height: calc(63 / 1920 * 100vw);
    width: calc(297 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
    line-height: calc(16 / 1920 * 100vw);
  }
}

.cookie__lnk{
  text-transform: uppercase;
  margin-left: 35px;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer;
  white-space: nowrap;
  line-height: 1;
}

@media (max-width: 1920px){
  .cookie__lnk{
    margin-left: calc(35 / 1920 * 100vw);
    font-size: calc(14 / 1920 * 100vw);
  }
}

@media (max-width: 1920px) {
	body {font-size: calc(16 / 1920 * 100vw);}
	.header {padding: calc(64 / 1920 * 100vw) calc(100 / 1920 * 100vw) calc(32 / 1920 * 100vw);}
	.header__left {width: calc(343 / 1920 * 100vw);}
	.header__menu-icon {width: calc(35 / 1920 * 100vw);height: calc(40 / 1920 * 100vw);}
	.header__menu-icon span {width: calc(3 / 1920 * 100vw);height: calc(40 / 1920 * 100vw);}
	.header__video {padding-left:calc(63 / 1920 * 100vw);font-size: calc(16 / 1920 * 100vw);}
	.header__video svg {width:calc(33 / 1920 * 100vw);}
	.header__logo {width: calc(205 / 1920 * 100vw);height: calc(42 / 1920 * 100vw);margin-left: calc(29 / 1920 * 100vw);}
	.header__phone {font-size: calc(20 / 1920 * 100vw);}
	.header__order {font-size: calc(16 / 1920 * 100vw);margin-left: calc(51 / 1920 * 100vw);}
	
	.topBlock__desc {padding: calc(126 / 1920 * 100vw) calc(96 / 1920 * 100vw);}
	.topBlock__text {font-size: calc(52 / 1920 * 100vw);}
	.topBlock__logo {width: calc(602.33 / 1920 * 100vw);height: calc(119.23 / 1920 * 100vw);margin-top: calc(73 / 1920 * 100vw);}
	.topBlock__logo__symbol {width: calc(133.97 / 1920 * 100vw);}
	.topBlock__logo__text {width: calc(425.73 / 1920 * 100vw);}
	.topBlock__lines {width:calc(400 / 1920 * 100vw);}
	.topBlock__line {width: calc(18 / 1920 * 100vw);}
	.topBlock__arrow {bottom:calc(30 / 1920 * 100vw);width: calc(65 / 1920 * 100vw);height: calc(38 / 1920 * 100vw);}
	
	.realityBlock__wrap {padding: calc(102 / 1920 * 100vw) calc(100 / 1920 * 100vw);}
	.realityBlock__rect {width:calc(152 / 1920 * 100vw);height:calc(340 / 1920 * 100vw);}
	.realityBlock__rect_1,
	.realityBlock__rect_3 {width: calc(7 / 1920 * 100vw)}
	.realityBlock__rect_2,
	.realityBlock__rect_4 {height: calc(7 / 1920 * 100vw)}
	.realityBlock__title {font-size: calc(32 / 1920 * 100vw);}
	.realityBlock__text {font-size: calc(24 / 1920 * 100vw);margin-top:calc(50 / 1920 * 100vw);}
	
	.numbers__line {width: calc(10 / 1920 * 100vw);margin: 0 auto calc(74 / 1920 * 100vw);}
	.numbers__num {font-size: calc(128 / 1920 * 100vw);}
	.numbers__text {font-size: calc(24 / 1920 * 100vw);}

	.mapBlock__map {width:calc(5348 / 1920 * 100vw);height:calc(4513 / 1920 * 100vw);}
	.mapBlock__desc {width: calc(791 / 1920 * 100vw);height: calc(436 / 1920 * 100vw);bottom:calc(49 / 1920 * 100vw);}
	.mapBlock__desc__wrap {padding: calc(49 / 1920 * 100vw) calc(100 / 1920 * 100vw);}
	.mapBlock__title {font-size: calc(48 / 1920 * 100vw);}
	.mapBlock__slider__wrapper {padding-top: calc(48 / 1920 * 100vw);height: calc(228 / 1920 * 100vw);padding-bottom: calc(23 / 1920 * 100vw);}
	.mapBlock__slider__slide_2 {top:calc(-30 / 1920 * 100vw);}
	.mapBlock__slider__slide {font-size: calc(20 / 1920 * 100vw);height:calc(156 / 1920 * 100vw);}
	.mapBlock__tone {padding:calc(49 / 1920 * 100vw) calc(96 / 1920 * 100vw);}
	.mapBlock__tone__title {font-size: calc(64 / 1920 * 100vw);}	
	.times-list {right:calc(803 / 1920 * 100vw);bottom:calc(49 / 1920 * 100vw);;}
	.times-list__item {width:calc(10 / 1920 * 100vw);height: calc(436 / 1920 * 100vw);margin-left:calc(18 / 1920 * 100vw);}
	.times-list__line {width:calc(10 / 1920 * 100vw);}
	.times-list__wrap > div {padding-left: calc(34 / 1920 * 100vw);}
	.times-list__start {font-size: calc(20 / 1920 * 100vw);}
	.times-list__time {padding-top: calc(11 / 1920 * 100vw);}
	.times-list__time__hours {font-size: calc(128 / 1920 * 100vw);}
	.times-list__time__minutes {font-size: calc(24 / 1920 * 100vw);}
	.times-list__finish {font-size: calc(20 / 1920 * 100vw);}
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    caret-color: #C2BFB7;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #C2BFB7;
    transition: background-color 5000s ease-in-out 0s;
    box-shadow: inset 0 0 20px 20px transparent;
}

.share-popup{
	position: fixed;
	z-index: 102;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: 300ms opacity, 300ms visibility;
}

#smooth-content.blur{
	-webkit-filter:blur(7px);
	-moz-filter:blur(7px);
	-ms-filter:blur(7px);
	filter: blur(7px);
}

.share-popup.active{
	opacity: 1;
	visibility: visible;
}

.share-popup__overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: #C2BFB7;
	opacity: .8;
}

.share-popup__close{
	position: absolute;
	z-index: 2;
	cursor: pointer;
	padding: 20px;
	right: -40px;
	top: -20px;
	transition: 300ms transform;
}
.share-popup__close svg{
	width: 40px;
	height: 40px;
}

.share-popup__in{
	position: relative;
	z-index: 104;
	max-width: 100%;
	padding: 30px;
}

.share-popup__image img{
	max-height: 75vh;
}

.share-popup__button{
	margin: 30px auto 0;
}

.share-popup__button{
	color: #1E191D;
	border-color: #1E191D;
}
.share-popup__button div, 
.share-popup__button:after, 
.share-popup__button:before{
	background: #1E191D;
}

@media (max-width: 1920px){

  .share-popup__close{
    padding: calc(20 / 1920 * 100vw);
    right: calc(-40 / 1920 * 100vw);
    top: calc(-20 / 1920 * 100vw);
  }

	.share-popup__close svg{
		width: calc(40 / 1920 * 100vw);
		height: calc(40 / 1920 * 100vw);
	}

	.share-popup__button {
		margin: calc(30 / 1920 * 100vw) auto 0;
	}
}

.ymaps-2-1-79-gototech {
	display: none!important;
}

.popup-gallery{
  position: fixed;
  z-index: 101;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  background: #E9E7E0;
  opacity: 0;
  visibility: hidden;
  transition: 300ms opacity, 300ms visibility;
}

.popup-gallery.active{
  opacity: 1;
  visibility: visible;
}

.popup-gallery__close{
  position: absolute;
  z-index: 2;
  cursor: pointer;
  padding: 20px;
  right: 65px;
  top: 60px;
  transition: 300ms transform;
}

@media (max-width: 1920px){
  .popup-gallery__close{
    padding: calc(20 / 1920 * 100vw);
    right: calc(65 / 1920 * 100vw);
    top: calc(60 / 1920 * 100vw);
  }
}

.popup-gallery__close svg{
  width: 31px;
  height: auto;
  display: block;
}

@media (max-width: 1920px){
  .popup-gallery__close svg{
    width: calc(31 / 1920 * 100vw);
  }
}

.popup-gallery__in{
  width: 100%;
  height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

@media (max-width: 1920px){

}

.popup-gallery .img{
  width: 80vw;
  height: 80vh;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}