.mobile{
  display: none;
}

.mobile-flex{
  display: none;
}

@media (max-width: 1000px){
  .desctope{
    display: none !important;
  }

  .mobile{
    display: block;
  }

	.mobile-flex{
		display: flex;
	}

  #container,
  .createBlock{
    display: none;
  }

  footer{
    padding: 40px 20px 47px 20px;
  }

  .footer__top{
    display: flex;
    flex-direction: column;
    margin-bottom: 43px;
  }

  .footer__top > div:nth-child(1){
    order: 2;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .footer__top > div:nth-child(2){
    order: 1;
    justify-content: center;
    align-items: center;
  }

  .footer__top > div:nth-child(3){
    order: 3;
    align-items: center;
    justify-content: center;
  }

  .footer__logo{
    max-width: 242px;
    margin-bottom: 49px;
  }

  .footer__soc{
    margin-bottom: 49px;
  }

  .footer__soc svg{
    width: 46px;
    height: 46px;
    margin: 0 5px;
  }

  .footer__menu{
    display: block;
  }

  .footer__menu > div:first-child{
    margin-right: 0;
  }

  .footer__menu > div > div,
  .footer__menu > div > a{
    font-size: 18px;
    line-height: 21px;
    margin-bottom: 23px;
  }

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

  .footer__menu{
    margin-bottom: 46px;
  }

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

  .footer__top > div:nth-child(3) > div{
    align-items: center;
  }

  .footer__call{
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 49px;
  }

  .footer__addr{
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 10px;
    text-align: center;
  }

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

  .footer__bottom{
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
  }

  .footer__bottom > div:nth-child(1){
    order: 2;
  }
  .footer__bottom > div:nth-child(2){
    order: 1;
  }
  .footer__bottom > div:nth-child(3){
    order: 3;
    padding-top: 50px;
  }

  .form{
    padding: 43px 38px 50px 38px;
  }

  .form__in{
    display: block; 
  }

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

  .form__title{
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 41px;
  }

  .form__img{
    height: 237px;
    opacity: 1;
    transform: translateX(0);
    width: auto;
    margin-right: 0;
    margin-bottom: 45px;
  }

  .form input{
    width: 100%;
    margin-bottom: 35px;
    padding-bottom: 8px;
    font-size: 24px;
    display: block;
    max-width: none;
  }

  .form__dsc{
    font-size: 16px;
    line-height: 130%;
    margin-bottom: 47px;
  }

  .button{
    height: 70px;
    font-size: 24px;
    max-width: none;
  }

  .button div{
    height: 50px;
    top: 10px;
    left: 20px;
  }

  .button:after{
    height: 50px;
    top: 10px;
  }

  .button:before{
    height: 50px;
    top: 10px;
    left: 10px;
  }

  .map{
    padding: 0 0 0 31px;
  }

  .map__in{
    border: none;
    display: block;
  }

  .map__in > div:first-child{
    width: auto;
    padding: 43px 31px 50px 0;
    transform: translateY(0);
    opacity: 1;
  }

  .map__title{
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 32px;
  }

  .map__address{
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 44px;
  }

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

  .ymap-wrap{
    height: 941px;
    margin-bottom: 250px;
  }

  #ymap{
    right: 0;
    transform: translateX(0);
    top: 0;
    bottom: 0;
  }

  .ymap-wrap:after{
    display: none;
  }

  .map__info{
    opacity: 1;
    transform: translateY(0);
    bottom: -150px;
    left: 33px;
    padding: 41px 33px 50px 33px;
    right: 0;
    width: auto;
  }

  .map__info-title{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 23px;
  }

  .map__info-dsc{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 45px;
  }

  #map-input{
    margin-bottom: 50px;
    padding-bottom: 8px;
    font-size: 16px;
    font-size: 16px;
  }

  .map__info-lnk{
    font-size: 16px;
    margin-bottom: 23px;
  }

  .map__info-lnk:last-child{
    margin-bottom: 0;
  }

  .news{
    padding: 43px 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .news__title{
    order: 1;
    font-size: 36px;
    line-height: 110%;
    transform: translateY(0);
    opacity: 1;
    padding-left: 44px;
    margin-bottom: 41px;
  }

  .news__all{
    order: 4;
    font-size: 20px;
    line-height: 110%;
    transform: translateY(0);
    opacity: 1;
    display: inline-block;
    margin-left: 44px;
  }

  .news__swiper{
    margin-bottom: 44px;
    padding-left: 0;
    transform: translateY(0);
    opacity: 1;
    overflow: hidden;
    width: 100vw;
    order: 2;
  }

  .news__swiper .swiper-slide{
    width: 100vw;
    margin-right: 0;
    box-sizing: border-box;
    margin-top: 0 !important;
  }

  .news__img{
    height: 349px;
    margin-bottom: 50px;
  }

  .news__slide{
    padding: 0 44px;
  }

  .news__dsc{
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
  }

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

  .news .slider-nav{
    left: 0;
    margin-left: 0;
    margin-bottom: 46px;
    order: 3;
  }

  .slider-nav{
    justify-content: center;
    width: 100%;
  }

  .slider-nav > div{
    padding: 0;
  }

  .slider-nav img,
  .slider-nav svg{
    width: 35px;
    height: 54px;
  }

  .slider-nav > div:nth-child(2),
  .news .slider-nav > div:nth-child(2){
    min-width: 180px !important;
    font-size: 35px;
  }

  .donstroy{
    padding:  36px 0;
  }

  .donstroy__in{
    display: block;
  }

  .donstroy__in > div:nth-child(1){
    width: auto;
  }

  .donstroy__in > div:nth-child(1) img{
    max-width: 260px;
    opacity: 1;
    transform: translateY(0);
    margin: 0 auto 40px auto;
  }

  .donstroy p{
    opacity: 1;
    font-size: 24px;
    line-height: 30px;
    transform: translateY(0);
    padding: 0 20px 0 44px;
    margin-bottom: 50px;
  }

  .donstroy__line{
    height: 270px;
    width: 10px;
    background: #fff;
    transform: scale(1);
    margin: 0 40px 40px 40px;
  }

  .donstroy__in > div:nth-child(2){
    justify-content: center;
  }

  .donstroy__in > div:nth-child(3){
    width: auto;
    overflow-y: hidden;
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
  }

  .donstroy__value-item{
    transform: translateY(0);
    opacity: 1;
    min-width: 360px;
    padding-right: 20px;
  }

  .donstroy__value-item:first-child{
    padding-left: 48px;
    min-width: 320px;
  }

  .donstroy__value-item:last-child{
    padding-right: 48px;
  }

  .donstroy__value-item:nth-child(2n + 2){
    margin-top: 80px;
  }

  .donstroy__value{
    margin-bottom: 0px;
    font-size: 64px;
    line-height: 115%;
  }

  .donstroy__label{
    font-size: 24px;
    line-height: 30px;
    box-sizing: border-box;
  }

  .step{
    padding:  44px 0;
  }

  .step__title{
    opacity: 1;
    transform: translateY(0);
    margin-bottom: 45px;
    font-size: 36px;
    line-height: 110%;
  }

  .step__view{
    opacity: 1;
    transform: translateY(0);
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 50px;
  }

  .step__view-item{
    width: 178px;
    min-width: 178px;
    height: 163px;
    margin: 0 12px;
    font-size: 17px;
    line-height: 130%;
  }

  .step__swiper{
    transform: translateY(0%);
    opacity: 1;
    height: 335px;
    width: 100vw;
    margin-bottom: 77px;
  }

  .step__swiper .swiper-slide{
    margin: 0;
    width: 80vw;
    margin: 0;
  }

  .step__nav > div:first-child{
    display: none;
  }

  .step__nav{
    justify-content: center;
  }

  .gallery{
    padding: 43px 0 49px 0;
  }

  .gallery__title-wrap > div:last-child{
    display: none;
  }

  .gallery__title{
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 41px;
    padding-left: 41px;
    opacity: 1;
    transform: translateY(0);
  }

  .gallery__slider{
    width: auto;
    margin: 0 41px 155px 41px;
  }

  .gallery__swiper{
    transform: translateX(0);
  }

  .gallery__swipe{
    height: 353px;
  }

  .gallery__view-swiper{
    bottom: -106px;
    right: -14px;
    transform: translateX(0);
  }

  .gallery__view-swiper{
    left: auto;
    width: 164px;
  }

  .gallery__view-slide{
    height: 164px;
  }

  .gallery .slider-nav{
    left: auto;
    padding-right: 0;
    width: auto;
    justify-content: center;
  }

  .calc{
    padding: 43px 0 49px 0;
  }

  .calc__title{
    opacity: 1;
    transform: translatey(0);
    margin-bottom: 32px;
    font-size: 36px;
    line-height: 110%;
    padding: 0 47px;
  }

  .calc__in{
    transform: translateY(0);
    opacity: 1;
    display: block;
  }

  .calc__in > div:first-child{
    width: auto;
    padding: 0 47px 50px 47px;
  }

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

  .calc__slider{
    margin-bottom: 38px;
  }

  .calc__slider .ui-slider{
    height: 1px;
    width: 100%;
  }
  
  .calc__slider .ui-slider-handle{
    width: 18px;
    height: 18px;
    margin-left: -9px;
    margin-top: -8px;
  }

  .calc__slider > span{
    font-size: 24px;
    margin-bottom: 21px;
  }

  .calc__result{
    margin-bottom: 40px;
    font-size: 36px;
  }

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

  .calc .slider-nav{
    padding-right: 0;
    justify-content: center;
  }

  .calc__swiper{
    margin-bottom: 48px;
  }

  .calc__swiper .swiper-slide{
    margin: 0 7px;
    width: 78vw;
  }

  .calc__swiper .swiper-slide:nth-child(3n + 3){
    margin: 0 7px;
    width: 78vw;
  }

  .calc__slide{
    padding: 64px 23px;
  }

  .calc__slide td:first-child{
    font-size: 16px;
    padding-right: 15px;
  }

  .calc__slide td{
    height: 69px;
  }

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

  .calc__slide td:last-child small{
    font-size: 16px;
    line-height: 20px;
  }

  .delux__offer{
    border-right: none;
    margin-left: 26px;
    padding-top: 78px;
    padding-bottom: 40px;
  }

  .delux__offer-title-wrap{
    margin-bottom: 0;
		/* flex-direction: column;
    align-items: flex-start;
    margin-bottom: 5vh; */
  }

  .delux__offer-title-wrap > div:last-child{
    display: none;
		/* width: 100%; */
  }

  .delux__offer-title{
    transform: translateY(0);
    opacity: 1;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 35px;
    padding-left: 24px;
  }

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

  .delux__offer-item{
    height: 568px;
		max-height: 50vh;
    padding: 32px;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }

  .delux__offer-slider .swiper-slide{
    width: 76.7vw;
    margin-right: 15px;
  }

  .delux__offer-item > div:first-child{
    padding-right: 0;
    margin-bottom: 44px;
    font-size: 150px;
    line-height: 1;
  }

  .delux__offer-item small{
    font-size: 80px;
    margin-left: 25px;
  }

  .delux__offer-item > div:last-child{
    font-size: 24px;
    line-height: 110%;
  }

  .delux__in{
    flex-direction: column;
    margin-bottom: 0;
  }
	
	.delux__in > div:nth-child(1){
		order: 3;
		width: 100%;
		padding-top: 10vw;
		display: flex;
		flex-direction: column;
	}

  .delux__in > div:nth-child(2){
    order: 1;
    width: 100%;
  }

  .delux__in > div:nth-child(3){
    order: 2;
    width: 100%;
    position: relative;
    z-index: 2;
    /* margin-bottom: -88px; */
		margin-bottom: -23vw;
    display: flex;
    justify-content: flex-end;
  }

  .delux__in .slider-nav{
    order: 2;
  }

  .delux__slider{
    order: 1;
    width: 142px;
    height: 142px;
    margin: 0 0 47px 80px;
  }

  .delux__slide{
    margin: 0;
    /* width: 132px;
    height: 132px; */
		width: 32vw;
    height: 32vw;
    left: 13%;
  }

  .delux{
    padding-top: 5vh;
    padding-bottom: 7vh;
  }

  .delux__title{
    opacity: 1;
    transform: translateY(0);
    margin-bottom: 3vh;
    padding-left: 33px;
    font-size: 36px;
    line-height: 110%;
  }

  .delux__mtext{
    padding: 0 33px 7vh 33px;
    font-size: 18px;
    line-height: 130%;
  }

  .delux__img2{
    margin: 0 45px -60px 45px;
    height: 353px;
		max-height: 80vw;
  }

  .delux__img3{
    /* width: 163px;
    height: 163px; */
		width: 38vw;
    height: 38vw;
    margin-right: 3%;
    left: auto;
    transform: translateX(0);
  }

  .delux__in .slider-nav{
    margin: 0 0 100px 0;
  }

  .delux__img2-el{
    transform: scaleY(1);
    width: 9px;
    height: 212px;
		max-height: 20vh;
    top: -25px;
  }

  .delux__img2-el1{
    /* right: 94px; */
		right: calc(50% - 84px);
  }
	
  .delux__img2-el2{
		right: 50%;
    margin-right: -5px;
  }
	
  .delux__img2-el3{
		/* left: 94px; */
		left: calc(50% - 84px);
    right: auto;
  }

  .delux_3d{
    position: relative;
    display: flex;
    left: 0;
    top: 0;
    overflow-y: hidden;
    overflow-x: auto;
  }

  .delux_3d > div{
    padding: 0 11px;
  }

  .delux_3d-item{
    width: 182px;
    height: 167px;
    font-size: 17px;
    padding-top: 107px;
  }

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

  .delux_3d-item div{
    font-size: 119px;
    line-height: 1;
    top: -35px;
  }

  .delux_3d_swiper{
    padding-top: 35px;
    margin-bottom: 114px;
  }

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

  .delux_3d_swiper .swiper-slide{
    width: 182px;
    margin: 0 12px;
  }

  .delux_3d_slider-nav{
		margin-top: 14vh;
    margin-bottom: 7vh;
    justify-content: center;
  }

  .final{
    height: 965px;
		max-height: 120vw;
  }

  .final__title{
    padding-top: 46px;
    padding-left: 48px;
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 26px;
    opacity: 1;
    transform: translateY(0);
  }

  .final__dsc{
    opacity: 1;
    transform: translateY(0);
    font-size: 20px;
    line-height: 110%;
    padding: 0 47px;
    max-width: none;
  }

  .flats{
		position: relative;
    padding-top: 44px;
    padding-bottom: 20px;
  }

  .flats__filter-wrap{
    padding: 0 43px;
    margin-bottom: 53px;
  }

  .flats__filter-wrap > div:last-child{
    /* display: none; */
		position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%);
  }

  .flats__filter{
    display: block;
    transform: translateY(0);
    opacity: 1;
  }

  .flats__filter > div:first-child{
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 40px;
  }

  .flats__select div{
    width: 60px;
    height: 60px;
    margin-right: 11px;
    font-size: 16px;
  }

  .flats__select div:last-child{
    margin-right: 0;
  }

  .flats__slider{
    padding: 0;
    transform: translateY(0);
    opacity: 1;
    margin: 0;
  }

  .flats__slider + .slider-nav.mobile-flex{
    margin-top: 5vh;
  }

  .flats .swiper-slide{
    width: 344px;
    margin: 0 8px;
  }

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

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

  .flats__item{
    padding: 46px 30px 38px 30px;
  }

  .flats__item-title{
    height: auto;
    font-size: 20px;
    line-height: 110%;
    margin-bottom: 45px;
  }

  .flats__item-img{
    margin-bottom: 62px;
    height: 251px;
  }

  .flats__item-row{
    padding:  0 33px;
    max-width: none;
    font-size: 17px;
    margin-bottom: 7px;
  }

  .flats__item .button{
    margin-top: 70px;
  }

  .solution{
    height: 967px;
		max-height: 100vh;
		max-height: calc(var(--vh, 1vh) * 100);
    padding-bottom: 41px;
    padding-left: 41px;
    display: flex;
    align-items: flex-end;
  }

  .solution__title{
    transform: translateY(0);
    opacity: 1;
    color: #fff;
    text-align: left;
    max-width: none;
    margin: 0;
    font-size: 36px;
    line-height: 110%;
  }

  .stepDreamMobile{
		/* padding-top: 43px; */
    /* padding-bottom: 45px; */
    padding-top: 5vh;
    padding-bottom: 5vh;
  }

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

  .stepDreamMobile__title{
    padding: 0 33px 2vh 33px;
    font-size: 36px;
    line-height: 110%;
    color: #7E705B;
    text-transform: uppercase;
  }

  .stepDreamMobile__dsc{
    padding: 0 33px 3vh 33px;
    font-size: 18px;
    line-height: 130%;
  }

  .stepDream__img{
    height: 284px;
		max-height: 30vh;
    width: auto;
    margin-bottom: 25px;
    margin: 0 33px 2vh 33px;
  }

  .stepDream__img span{
    width: 7px;
    height: 164px;
    top: auto;
    bottom: -27px;
    left: 50%;
    margin-left: -3px;
    transform: scaleY(1);
  }

  .stepDream__value{
    transform: translateY(0);
    opacity: 1;
    /* font-size: 80px; */
    font-size: 72px;
    line-height: 1;
		/* margin-bottom: 45px; */
    margin-bottom: 3vh;
  }

  .stepDream__value small{
    font-size: 30px;
  }

  .stepDream__value > div:last-child{
    font-size: 20px;
    line-height: 25px;
  }

  .createBlockMobile{
    background: #373025;
    padding-bottom: 50px;
  }

  .createBlockMobile__slide{
    /* padding: 48px 0 40px 54px; */
    padding: 5vh 0 20px 33px;
  }
  
  .createBlockMobile__slide-title{
    font-size: 24px;
    line-height: 105%;
    text-transform: uppercase;
    color: #FFFFFF;
		/* margin-bottom: 36px; */
    margin-bottom: 1.5vh;
    padding-right: 40px;
  }
  
  .createBlockMobile__slide-stitle{
		font-size: 36px;
    line-height: 110%;
    text-transform: uppercase;
    color: #7E705B;
		/* margin-bottom: 43px; */
    margin-bottom: 2vh;
    padding-right: 10px;
  }

  @media (max-width: 420px){
    .createBlockMobile__slide-stitle{
      font-size: 32px;
    }
  }
  
  .createBlockMobile__slide-img{
    /* height: 319px; */
    height: 30vh;
    background-position: 50% 50%;
    background-size: cover;
		/* margin-bottom: 42px; */
    margin-bottom: 2vh;
  }

  .createBlockMobile__slide-dsc{
    font-size: 18px;
    line-height: 130%;
    color: #C2BFB7;
    padding-right: 40px;
  }

  .locationMap{
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
  }

  .locationMap .slider-nav{
    position: absolute;
    z-index: 2;
    bottom: 47px;
    left: 0;
    width: 100%;
  }

  .locationMap__slide1,
  .locationMap__slide2{
    position: relative;
    background-position: 50% 50%;
    background-size: cover;
    /* height: 964px; */
		min-height: 600px;
		height: 100vh;
  }

  .locationMap__slide1 > div{
    left: 54px;
    bottom: 0;
    right: 0;
    position: absolute;
    background-size: cover;
    background-position: 50% 50%;
    padding: 48px 36px 142px 48px;
  }

  .locationMap__slide1 > div > div{
    font-size: 24px;
    line-height: 110%;
    text-transform: uppercase;
    color: #E5EAE2;
    margin-bottom: 25px;
  }

  .locationMap__slide1 p{
    font-size: 20px;
    line-height: 130%;
    color: #E5EAE2;
  }

  .locationMap__slide2 > div{
    /* padding-bottom: 145px; */
		padding-bottom: 18vh;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: flex-end;
    z-index: 2;
    position: absolute;
  }

  .locationMap__slide2-title{
    /* font-size: 36px; */
		font-size: 5vh;
    line-height: 105%;
    text-transform: uppercase;
    color: #7E705B;
    padding: 4vh 20px 0 36px;
    max-width: 100vw;
  }

  .locationMap__sl{
    display: flex;
		flex-direction: column;
    padding-left: 36px;
    padding-right: 36px;
		gap: 4vh;
  }

  .locationMap__sl-wrap{
    overflow-y: hidden;
    overflow-x: auto;
  }

  .locationMap__sl > div{
    /* padding-left: 35px; */
    position: relative;
    display: flex;
    /* flex-direction: column; */
    justify-content: space-between;
    /* padding-right: 90px; */
    padding-top: 10px;
  }

  .locationMap__sl > div:after{
    content: '';
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    /* height: 10px; */
		height: 0.8vh;
    background: #BEA68A;
    position: absolute;
  }

  .locationMap__sl > div > div{
    /* font-size: 96px; */
		font-size: 6.5vh;
    line-height: 1;
    color: #373025;
  }

  .locationMap__sl > div > div small{
    font-size: 18px;
    line-height: 1;
    color: #373025;
    display: block;
  }

  .locationMap__sl > div > p{
    font-size: 16px;
    line-height: 110%;
    color: #373025;
		padding-top: 0.5vh;
  }

  .locationMap__sl > div:nth-child(1){
		width: 70%;
    /* height: 336px; */
  }
	
  .locationMap__sl > div:nth-child(2){
		width: 80%;
		/* height: 434px; */
  }
	
  .locationMap__sl > div:nth-child(3){
		width: 90%;
		/* height: 532px; */
  }
	
  .locationMap__sl > div:nth-child(4){
		width: 100%;
		/* height: 633px; */
  }

  /* .locationMap__sl > div:nth-child(3) small,
  .locationMap__sl > div:nth-child(4) small{
    text-align: center;
  } */

  .locationMap .swiper-slide1{
    width: 100vw;
  }

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

  .step__title div div{
    transform: translateY(0);
  }

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

  .calc__title > div div{
    transform: translateY(0);
  }

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

  .delux__offer-title > div div{
    transform: translateY(0);
  }

  .delux__title > div div{
    transform: translateY(0);
  }

  .final__title > div div{
    transform: translateY(0);
  }

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

  .mobileBox3{
    height: 956px;
    background-position: 50% 50%;
    background-size: cover;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    position: relative;
  }

  .mobileBox3__lines{
    width: 168px;
    height: 230px;
    justify-content: space-between;
    display: flex;
  }

  .mobileBox3__lines div{
    width: 8px;
    height: 100%;
    background: #fff;
  }

  .mobileBox3__lines:after,
  .mobileBox3__lines:before{
    content: '';
    display: block;
    width: 8px;
    height: 100%;
    background: #fff;
  }

  .mobileBox3__slider{
    position: absolute;
    top: 306px;
    left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
		gap: 40px;
    z-index: 2;
    font-weight: 300;
    font-size: 128px;
    line-height: 1;
    color: #fff;
    text-align: center;
    /* overflow-y: hidden; */
    /* overflow-x: auto; */
    padding: 0 15vw;
  }

  .mobileBox3__slider div{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 70vw;
  }

  .mobileBox3__slider small{
    font-size: 24px;
    padding-top: 5px;
  }

  .mobileBox2{
    position: relative;
  }

  .mobileBox2 .swiper-slide{
    width: 100vw;
  }

  .mobileBox2__slide{
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-size: cover;
    position: relative;
    padding-bottom: 141px;
    box-sizing: border-box;
		/* min-height: 956px; */
    height: 100vh;
    min-height: 650px;
  }

  .mobileBox2__slide1{
    display: flex;
    padding-left: 50px;
    padding-right: 30px;
    font-size: 48px;
    line-height: 110%;
    display: flex;
    align-items: flex-end;
    text-transform: uppercase;
    color: #FFFFFF;
  }

  .mobileBox2__slide1:after{
    content: '';
    display: block;
    position: absolute;
    width: 92px;
    height: 206px;
    border: 7px solid #FFFFFF;
    box-sizing: border-box;
    left: 50%;
    top: 50%;
    margin: -103px 0 0 -46px;
  }

  .mobileBox2 .slider-nav{
    position: absolute;
    left: 0;
    bottom: 48px;
    width: 100%;
    z-index: 3;
  }

  .mobileBox2__slide2{
    padding-top: 35px;
  }

  .mobileBox2__slide2-img{
    height: 402px;
		max-height: 30vh;
    background-position: 50% 50%;
    background-size: cover;
    margin: 0 33px 37px 33px;
    position: relative;
  }
	
  .mobileBox2__slide2-img:after{
		content: '';
    left: 34px;
    right: 34px;
    height: 401px;
		max-height: 33vh;
    border: 8px solid #FFFFFF;
    border-top: none;
    position: absolute;
    top: -35px;
  }

  .mobileBox2__slide-title{
    font-size: 24px;
    line-height: 110%;
    text-transform: uppercase;
    color: #FFFFFF;
    margin-bottom: 24px;
    padding: 0 33px;
  }

  .mobileBox2__slide-dsc{
    font-size: 20px;
    line-height: 110%;
    color: #FFFFFF;
    padding: 0 33px;
  }

  .mobileBox2__slide3-img{
    height: 402px;
    max-height: 30vh;
    background-position: 50% 50%;
    background-size: cover;
    margin: 0 33px 37px 33px;
    position: relative;
  }

  .mobileBox2__slide3-img:after{
    content: '';
    left: 38px;
    right: -33px;
    border: 8px solid #FFFFFF;
    border-right: none;
    position: absolute;
    top: 44px;
    bottom: 44px;
  }

  .mobileBox1{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
    background: #C2BFB7;
    transition: 1200ms background;
  }

  .mobileBox1 > span{
    display: block;
    width: 17.4vh;
    height: 28vh;
    position: absolute;
    z-index: 3;
    display: flex;
    justify-content: space-between;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
  }

  .mobileBox1 > span span{
    display: block;
    width: 7px;
    height: 100%;
    background: #fff;
  }

  .mobileBox1 > span:after,
  .mobileBox1 > span:before{
    content: '';
    display: block;
    width: 7px;
    height: 100%;
    background: #fff;
  }

  .mobileBox1 > div{
    height: 50%;
    overflow: hidden;
    width: 100%;
  }

  .mobileBox1 .topBlock__arrow{
    width: 57px;
    height: 38px;
    bottom: 48px;
  }

  .mobileBox1 > div:first-child img{
    width: 35.6vh;
    height: auto;
    display: block;
    margin: 17.7vh auto 0 auto;
  }

  .header{
    display: none;
  }
	
  .topBlock {
		position: absolute;
		height: 100vh;
		z-index: 4; 
		width: 100vw;
	}
	.topBlock__arrow {
		bottom: 5.18vh;;
		width: 65px;
		height: 38px;
	}
	.topBlock__desc {
		position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50%;
    padding: 126px 96px;
	}
	.topBlock__text {
    font-size: 28px;
    text-align: center;
	}
	.topBlock__logo {
		width: 316px;
    height: 62px;
    margin-top: 15px;
	}
	.topBlock__logo__symbol {
    width: 22.5%;
	}
	.topBlock__logo__text {
    width: 70.8%;
	}
	.topBlock__lines {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 168px;
    height: 28vh;
	}
	.loaded .topBlock__lines {
    transform: translate(-50%, -50%);
	}
	.topBlock__line {
    width: 8px;
	}

	.nt-slider {
    /* position: absolute; */
    width: 100%;
    height: 50%;
    /* right: 0; */
    top: auto;
    bottom: 0;
    /* z-index: 1; */
	}
	.nt-slider > div {
    position: absolute;
    width: 33.3%;
    height: 100%;
    top: 0;
    bottom: 0;
    /* overflow: hidden; */
	}
	.nt-slide.active {
    height: 50vh;
    transition: 1000ms height;
    z-index: 2;
	}
	.nt-slide > div{
		position: absolute;
		left: 0;
		width: 100%;
		height: 50vh;
	}
	.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: 200vw 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);
	}

  .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: 33.3%;
		height: 100%;
		transition-timing-function: ease;
		transition-duration: 1.5s;
	}
  .topBlock__slider__line > div {
		position: absolute;
		left: 0;
		right: 0;
		height: 50vh;
		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% 0%;
	}

  .topBlock__slider__line:nth-child(2) {
		top: 0;
		left: 33.3%;
		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: 50% 0%;
	}
  .topBlock__slider__line:nth-child(3) {
		bottom: 0;
		left: 66.6%;
		transition-delay: 0;
	}
  .topBlock__slider__line:nth-child(3) > div{
		transition-delay: 0;
	}
  .topBlock__slider__line:nth-child(3) > div div {
		background-position: 100% 0%;
	}
  .topBlock__slider__line:nth-child(2) > div {
		top: -0vh;
	}

  .topBlock__slider__line:nth-child(1) > div,
  .topBlock__slider__line:nth-child(3) > div {
		bottom: -0vh;
	}
  .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 {
		transform: translateY(-3vh);
	}

  .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 {
		transform: translateY(3vh);
	}

  .swiper-slide-active .topBlock__slider__line {
		height: 100%;
	}
  .swiper-slide-active .topBlock__slider__line > div {
		transform: translateY(0);
	}

  .mmenu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    padding: 3.5vh 33px 0 33px;
    transition: 300ms transform;
  }

  .mmenu.hidden{
    transform: translateY(-110%);
  }

  .mmenu img{
    /* width: 205px;
    display: block;
    transition: 300ms filter; */
    display: none;
  }

  .mmenu.black img{
    filter: invert();
  }

  .mmenu-b{
    width: 35px;
    height: 40px;
    display: flex;
    justify-content: space-between;
  }

  .mmenu-b div{
    width: 3px;
    background: #373025;
    height: 100%;
  }

  .mmenu-b:after,
  .mmenu-b:before{
    content: '';
    display: block;
    width: 3px;
    background: #373025;
    height: 100%;
  }

  body.show-menu{
    overflow: hidden;
  }

  .menu{
    overflow-x: hidden;
    overflow-y: auto;
    height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
  }

  .menu > div:last-child{
    display: none;
  }

  .menu > div{
    width: 100%;
  }

  .menu__top{
    padding: 7.5vh 33px 0 33px;
  }

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

  .menu__top > div:first-child svg{
    width: 35px;
  }

  .menu__list{
    font-size: 20px;
  }

  .menu__list div{
    margin-bottom: 20px;
  }

  .menu__lnk{
    font-size: 20px;
    margin-top: 20px;
  }

  .menu__bottom{
    padding: 0 33px 7.5vh 33px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .menu__bottom > div:nth-child(1){
    order: 2;
  }

  .menu__bottom > div:nth-child(2){
    order: 1;
  }

  .menu__top > div:first-child{
    padding: 0;
  }

  .menu__bottom .button{
    min-width: 320px;
  }

  .menu__bottom a{
    font-size: 20px;
    display: block;
    margin-bottom: 35px;
    margin-top: 40px;
  }

  .pform{
    overflow-x: hidden;
    overflow-y: auto;
    height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
    flex-direction: column;
    justify-content: space-between;
  }

  .pform:after{
    content: '';
    display: block;
  }

  .pform > div:first-child{
    display: none;
  }

  .pform > div:last-child{
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .pform__close{
    right: 33px;
    top: 7.5vh;
    padding: 0;
    position: relative;
    display: flex;
    justify-content: flex-end;
  }

  .pform__close svg{
    width: 35px;
  }

  .pform > div:last-child > div{
    max-width: none;
    padding: 0 33px 100px 33px;
  }

  .pform__title{
    font-size: 20px;
    margin-bottom: 35px;
    padding-top: 100px;
  }

  .pform__dsc{
    font-size: 18px;
    line-height: 1.1;
    margin-bottom: 35px;
    padding-top: 35px;
  }

  .pform input {
    width: 100%;
    margin-bottom: 35px;
    padding-bottom: 8px;
    font-size: 24px;
    display: block;
    max-width: none;
  }

  .pform .button{
    max-width: 320px;
    margin: 0 auto;
  }

  .pnew__img{
    background-position: 50% 50%;
    background-size: cover;
    height: 335px;
    margin-bottom: 50px;
  }

  .pnew{
    overflow-x: hidden;
    overflow-y: auto;
    height: 100vh;
		height: calc(var(--vh, 1vh) * 100);
    flex-direction: column;
    align-items: flex-end;
  }

  .pnew > div:nth-child(2){
    display: none;
  }

  .pnew > div:nth-child(3){
    width: auto;
    padding: 0 42px 83px 42px;
    overflow: visible;
  }

  .pnew__close{
    position: relative;
    right: 0;
    top: 0;
    padding: 40px;
  }

  .pnew__close svg{
    width: 35px;
  }

  .pnew__title{
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 39px;
    padding-top: 0;
  }

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

  .pnew__text{
    font-size: 20px;
    line-height: 25px;
    padding-bottom: 30px;
  }

  .thank__close,
  .video__close,
  .polyce__close{
    right: 0;
    top: 0;
    padding: 40px;
  }

  .thank__close svg,
  .video__close svg,
  .polyce__close svg{
    width: 35px;
  }

  .thank{
    font-size: 24px;
  }

  .video video{
    max-width: 100%;
  }

  .polyce{
    font-size: 16px;
  }

  .polyce__in{
    padding: 80px 33px 50px 33px;
  }

  .offer{
    overflow-x: hidden;
    overflow-y: auto;
    display: block;
  }

  .offer__close{
    right: 0;
    top: 0;
    padding: 40px;
  }

  .offer__close svg{
    width: 35px;
  }

  .offer__in > div:first-child{
    display: none;
  }

  .offer__in > div:last-child{
    width: auto;
    display: block;
    padding: 0;
  }

  .offer__in > div:last-child > div{
    padding: 110px 44px;
  }

  .offer__title{
    font-size: 36px;
    line-height: 110%;
    margin-bottom: 40px;
  }

  .offer ul{
    font-size: 20px;
    line-height: 25px;
  }

  .offer li{
    margin-bottom: 35px;
    padding-left: 20px;
  }

  .offer li:after{
    width: 6px;
    height: 6px;
    top: 10px;
  }

  .offer .button{
    max-width: 320px;
    margin: 80px auto 0 auto;
  }

  .footer__top > div{
    width: auto;
  }

  .footer__bottom > div{
    width: auto;
  }

  .map__info,
  .map__info.active{
    height: auto;
  }

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

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

  .map__info-title:before,
  .map__info-title:after,
  .map__info.active .map__info-title:before,
  .map__info.active .map__info-title:after{
    display: none;
  }

  .footer__d{
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 43px;
  }

  .cookie{
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 38px;
    font-size: 14px;
    line-height: 16px;
  }

  .cookie > div:first-child{
    padding-right: 0;
    padding-bottom: 20px;
  }

  .cookie__button{
    height: 63px;
    max-width: 300px;
    width: auto;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 20px;
    padding: 0 20px;
  }

  .cookie__lnk{
    font-size: 14px;
  }

	.share-popup__close{
		padding: 20px;
    right: 10px;
    top: -50px;
	}

	.share-popup__close svg{
		width: 30px;
		height: 30px;
	}

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

@media (max-width: 500px){
	.locationMap__slide1, .locationMap__slide2 {
    background-position: 50% 80%;
    background-size: 110%;
	}
}

@media (max-width: 425px){
	.topBlock__text {
		font-size: 6.7vw;
	}
	.topBlock__logo {
		width: 80vw;
    height: 16vw;
    margin-top: 4.7vw;
	}
	.mobileBox2__slide{
    padding-bottom: 108px;
  }
	.mobileBox2 .slider-nav {
    bottom: 25px;
	}
	.slider-nav > div:nth-child(2) {
    min-width: 140px !important;
	}
	.mobileBox2__slide1{
		font-size: 36px;
	}
	.mobileBox3__slider {
    font-size: 112px;
    padding: 0 10vw;
	}
	.flats__filter-wrap {
		padding: 0 30px;
    margin-bottom: 53px;
	}
	.flats__select div {
		width: 54px;
    height: 54px;
	}
	.locationMap__slide1, .locationMap__slide2 {
		background-position: 50% 100%;
		background-size: 120%;
	}
}

@media (max-width: 375px){
	.locationMap__slide1, .locationMap__slide2 {
		background-position: 50% 100%;
    background-size: 140%;
	}
	.locationMap__slide1 > div {
		left: 36px;
		padding: 48px 36px 142px 32px;
	}
}