body{
	font-family: 'Raleway';
}
.p404 {
	background: url("../bitrix/templates/2020/i/info-bg.jpg") no-repeat fixed 50% 50%;
	-webkit-background-size: cover;
	background-size: cover
}
.p404 .page-content {
	min-height: 100%;
	height: 100%
}
.p404-container {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 600px;
	padding: 50px 50px 50px;
	background: #FFF
}

.call_phone_menu{
	color:black;
	font-size: 16px;
	float: right;
	margin-right: 20px;
	font-family:'PT Sans';
	font-weight: 600;
}

.p404-content {
	text-align: center
}
.p404-content span {
	font-size: 80px;
	font-weight: 600;
	color: #f75a40
}
body.about {
	background: url("../bitrix/templates/2020/i/info-bg.jpg") no-repeat fixed 50% 50%;
	-webkit-background-size: cover;
	background-size: cover
}
.hm-ceil-bg {
	height: 150%;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: url("../img/Step Residence Render (4)_0.jpg") 50% 100% no-repeat #eae3db;
	-webkit-background-size: contain;
	background-size: contain;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
	z-index: -1
}
.swiper-slide-active .hm-ceil-bg {
	-webkit-transform: translateY(-30%);
	-moz-transform: translateY(-30%);
	-ms-transform: translateY(-30%);
	-o-transform: translateY(-30%);
	transform: translateY(-30%);
	-webkit-transition: all 3s .5s;
	-moz-transition: all 3s .5s;
	-ms-transition: all 3s .5s;
	-o-transition: all 3s .5s;
	transition: all 3s .5s
}
.team-logo {
	margin: 0 0 20px
}
.team-logo img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 150px
}
.team-type {
	font-size: 10px;
	color: #9ba0a9;
	margin: 16px 0
}
.team-name {
	font-size: 18px;
	color: #333a46;
	margin: 16px 0 20px;
	font-family: "PT Serif";
	font-weight: bold
}
.team-descr {
	color: #333a46;
	margin: 20px 0 0
}
.homepage-slider {
	overflow: hidden
}
.homepage-slider-left,
.homepage-slider-right {
	position: relative;
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden
}
.homepage-slider-left .symbol-amp,
.homepage-slider-right .symbol-amp {
	position: absolute;
	height: 35vmin;
	z-index: 10;
	left: 100%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.symbol-amp {
	width: 174px;
	height: 190px;
	background: url("../bitrix/templates/mobile/i/svg/amp.svg") 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}
.homepage-slider-right .symbol-amp {
	left: 0
}
.homepage-pgn {
	width: 27px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	z-index: 150
}
@media screen and (orientation: portrait) {
	.homepage-slider-left,
	.homepage-slider-right {
		width: 100%;
		height: 50%;
		float: none
	}
	.homepage-slider-left .symbol-amp,
	.homepage-slider-right .symbol-amp {
		width: 100%;
		height: 35vmin;
		left: 50%;
		-webkit-transform: translate(-50%, -60%);
		-moz-transform: translate(-50%, -60%);
		-ms-transform: translate(-50%, -60%);
		-o-transform: translate(-50%, -60%);
		transform: translate(-50%, -60%);
		top: 100%
	}
	.homepage-slider-right .symbol-amp {
		top: 0
	}
}
.homepage-slide {
	background: 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}
.homepage-slide.l1 {
	background-image: url("../bitrix/templates/2020/i/homepage/l1.jpg")
}
.homepage-slide.l2 {
	background-image: url("../bitrix/templates/2020/i/homepage/l2.jpg")
}
.homepage-slide.l3 {
	background-image: url("../bitrix/templates/2020/i/homepage/l3.jpg")
}
.homepage-slide.l4 {
	background-image: url("../bitrix/templates/2020/i/homepage/l4.jpg")
}
.homepage-slide.r1 {
	background-image: url("../bitrix/templates/2020/i/homepage/r1.jpg")
}
.homepage-slide.r2 {
	background-image: url("../bitrix/templates/2020/i/homepage/r2.jpg")
}
.homepage-slide.r3 {
	background-image: url("../bitrix/templates/2020/i/homepage/r3.jpg")
}
.homepage-slide.r4 {
	background-image: url("../bitrix/templates/2020/i/homepage/r4.jpg")
}
.hm-slogan-outer {
	position: absolute;
	top: 55%;
	width: 50%;
	height: 20vh;
	margin-top: -10vh;
	overflow: hidden;
	z-index: 120
}
.hm-slogan-outer.left_ {
	left: 0
}
.hm-slogan-outer.right_ {
	right: 0
}
@media screen and (orientation: portrait) {
	.hm-slogan-outer {
		width: 100%;
		top: 10%;
		left: 0;
		right: 0;
		height: 30px;
		margin-top: -15px
	}
	.hm-slogan-outer.right_ {
		top: 90%
	}
	.hm-slogan-outer .hm-slogan-sunrise {
		text-align: center
	}
	.hm-slogan-outer .hm-slogan-sunrise .hm-slogan-sunrise-row {
		padding: 0 5px;
		display: inline-block;
		height: 100%;
		width: auto
	}
}
.hm-slogan-sunrise {
	position: relative;
	width: 100%;
	height: 100%
}
.hm-slogan-sunrise .hm-slogan-sunrise-row {
position: relative;
    width: 100%;
    height: 50%;
    overflow: hidden;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -ms-transition: all .8s;
    -o-transition: all .8s;
    transition: all .8s;
    text-transform: uppercase;
    font-family: 'Raleway';
    font-weight: 800;
}
.hm-slogan-sunrise .hm-slogan-sunrise-row div {
	height: 100%;
	text-align: center;
	color: #fff;
	font-family: "PT Serif";
	font-size: 24px;
	letter-spacing: 2px;
	-webkit-animation: anim-slogan-sr-out 0.8s forwards;
	-o-animation: anim-slogan-sr-out 0.8s forwards;
	animation: anim-slogan-sr-out 0.8s forwards
}
.hm-slogan-sunrise .swiper-slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.hm-slogan-sunrise .swiper-slide-active .hm-slogan-sunrise-row div {
	-webkit-animation: anim-slogan-sr-in 1s forwards;
	-o-animation: anim-slogan-sr-in 1s forwards;
	animation: anim-slogan-sr-in 1s forwards
}
.hm-slogan-outer.right_ .hm-slogan-sunrise .hm-slogan-sunrise-row div {
	-webkit-animation: anim-slogan-sr-up-out 0.8s forwards;
	-o-animation: anim-slogan-sr-up-out 0.8s forwards;
	animation: anim-slogan-sr-up-out 0.8s forwards
}
.hm-slogan-outer.right_ .hm-slogan-sunrise .swiper-slide-active .hm-slogan-sunrise-row div {
	-webkit-animation: anim-slogan-sr-up-in 1s forwards;
	-o-animation: anim-slogan-sr-up-in 1s forwards;
	animation: anim-slogan-sr-up-in 1s forwards
}
@-moz-keyframes anim-slogan-sr-in {
	0%, 20% {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%)
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}
@-webkit-keyframes anim-slogan-sr-in {
	0%, 20% {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%)
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes anim-slogan-sr-in {
	0%, 20% {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%)
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}
@-moz-keyframes anim-slogan-sr-out {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}
@-webkit-keyframes anim-slogan-sr-out {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}
@keyframes anim-slogan-sr-out {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}
}
@-moz-keyframes anim-slogan-sr-up-in {
	0%, 20% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}
@-webkit-keyframes anim-slogan-sr-up-in {
	0%, 20% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}
@keyframes anim-slogan-sr-up-in {
	0%, 20% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%)
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
}
@-moz-keyframes anim-slogan-sr-up-out {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%)
	}
}
@-webkit-keyframes anim-slogan-sr-up-out {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%)
	}
}
@keyframes anim-slogan-sr-up-out {
	0% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	100% {
		-webkit-transform: translateY(100%);
		-moz-transform: translateY(100%);
		-ms-transform: translateY(100%);
		-o-transform: translateY(100%);
		transform: translateY(100%)
	}
}
.hm-slogan-left,
.hm-slogan-right {
	position: relative;
	float: left;
	width: 50%;
	height: 100%;
	overflow: hidden
}
.hm-slogan-left .swiper-slide,
.hm-slogan-right .swiper-slide {
	position: absolute;
	left: 0;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	-webkit-transition: all 0.9s ease-in-out;
	-moz-transition: all 0.9s ease-in-out;
	-ms-transition: all 0.9s ease-in-out;
	-o-transition: all 0.9s ease-in-out;
	transition: all 0.9s ease-in-out
}
.hm-slogan-left .swiper-slide.swiper-slide-active,
.hm-slogan-right .swiper-slide.swiper-slide-active {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.hm-slogan-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	height: 100%;
	text-align: center;
	color: #fff;
	font-family: "PT Serif";
	font-size: 48px;
	letter-spacing: 2px
}
.hm-slogan-right .hm-slogan-inner {
	left: auto;
	right: 0
}
.hm-slogan-right .swiper-slide {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.counter-circle {
	height: 52vmin;
	width: 52vmin;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 25
}
.counter-circle:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 1px solid #fff;
	opacity: .4
}
.counter-circle:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	opacity: .2;
	z-index: -1;
	background: #000
}
.counter-circle-section {
	position: absolute;
	width: 50%;
	height: 26vmin;
	left: 50%;
	top: 50%;
	margin-top: -13vmin;
	overflow: hidden;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: all .8s;
	-moz-transition: all .8s;
	-ms-transition: all .8s;
	-o-transition: all .8s;
	transition: all .8s
}
.counter-circle-section i {
	display: block;
	width: 52vmin;
	height: 52vmin;
	position: absolute;
	left: -100%;
	top: -50%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	border: 3px solid #fff
}
.pos1 .counter-circle-section {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.pos2 .counter-circle-section {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.pos3 .counter-circle-section {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg)
}
.pos4 .counter-circle-section {
	-webkit-transform: rotate(225deg);
	-moz-transform: rotate(225deg);
	-ms-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg)
}
.nex-page-fake {
	position: absolute;
	background: #fff;
	bottom: 0;
	width: 100%;
	height: 0;
	z-index: 100
}
.bt-simple-scroll-down.bt-hm-scroll-down {
	z-index: 30
}
.hm-mask-sq {
	position: absolute;
	width: 200%;
	height: 200%;
	background: #fff;
	left: -50%;
	z-index: 300;
	-webkit-transition: all 2s ease-in-out;
	-moz-transition: all 2s ease-in-out;
	-ms-transition: all 2s ease-in-out;
	-o-transition: all 2s ease-in-out;
	transition: all 2s ease-in-out
}
.hm-mask-sq.hm-mask-sq-lt,
.hm-mask-sq.hm-mask-sq-rt {
	top: -150%;
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	transform-origin: 50% 100%
}
.hm-mask-sq.hm-mask-sq-lb,
.hm-mask-sq.hm-mask-sq-rb {
	bottom: -150%;
	-webkit-transform-origin: 50% 0%;
	-moz-transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-o-transform-origin: 50% 0%;
	transform-origin: 50% 0%
}
.hm-mask-sq.hm-mask-sq-lt,
.hm-mask-sq.hm-mask-sq-rb {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.hm-mask-sq.hm-mask-sq-rt,
.hm-mask-sq.hm-mask-sq-lb {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.hm-mask-sq.show.hm-mask-sq-lt {
	-webkit-transform: translateX(-60%) rotate(-45deg);
	-moz-transform: translateX(-60%) rotate(-45deg);
	-ms-transform: translateX(-60%) rotate(-45deg);
	-o-transform: translateX(-60%) rotate(-45deg);
	transform: translateX(-60%) rotate(-45deg)
}
.hm-mask-sq.show.hm-mask-sq-lb {
	-webkit-transform: translateX(-60%) rotate(45deg);
	-moz-transform: translateX(-60%) rotate(45deg);
	-ms-transform: translateX(-60%) rotate(45deg);
	-o-transform: translateX(-60%) rotate(45deg);
	transform: translateX(-60%) rotate(45deg)
}
.hm-mask-sq.show.hm-mask-sq-rt {
	-webkit-transform: translateX(60%) rotate(45deg);
	-moz-transform: translateX(60%) rotate(45deg);
	-ms-transform: translateX(60%) rotate(45deg);
	-o-transform: translateX(60%) rotate(45deg);
	transform: translateX(60%) rotate(45deg)
}
.hm-mask-sq.show.hm-mask-sq-rb {
	-webkit-transform: translateX(60%) rotate(-45deg);
	-moz-transform: translateX(60%) rotate(-45deg);
	-ms-transform: translateX(60%) rotate(-45deg);
	-o-transform: translateX(60%) rotate(-45deg);
	transform: translateX(60%) rotate(-45deg)
}
.hm-slogan-center {
	position: absolute;
	left: 10%;
	top: 50%;
	width: 80%;
	height: 64px;
	margin: 20vh 0 0 0;
	text-align: center;
	font-family: lt-b;
	font-size: 12px;
	color: #fff;
	letter-spacing: 2px;
	line-height: 1.6;
	z-index: 30
}
.hm-slogan-center .swiper-slide {
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform: scale(0.8);
	-moz-transform: scale(0.8);
	-ms-transform: scale(0.8);
	-o-transform: scale(0.8);
	transform: scale(0.8)
}
.hm-slogan-center .swiper-slide-active {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
@media screen and (orientation: portrait) {
	.counter-circle {
		width: 80vmin;
		height: 80vmin
	}
	.counter-circle-section {
		height: 40vmin;
		margin-top: -20vmin
	}
	.counter-circle-section i {
		width: 80vmin;
		height: 80vmin
	}
	.hm-slogan-center {
		width: 60%;
		left: 20%;
		margin: 10vh 0 0 0;
		font-size: 2vh
	}
}
.bt {
	display: inline-block;
	position: relative;
	font-family: lt-b;
	text-align: center;
	-webkit-transition: color .5s;
	-moz-transition: color .5s;
	-ms-transition: color .5s;
	-o-transition: color .5s;
	transition: color .5s;
	z-index: 1;
	font-size: 14px;
	height: 50px;
	line-height: 50px;
	padding: 0 20px
}
.bt svg {
	margin: 0 10px
}
.bt-trans {
	border: 1px solid #fff;
	line-height: 48px;
	color: #fff
}
.bt-trans:hover {
	background: #fff;
	color: #333a46
}
.bt-white {
	color: #f75a40;
	background: #fff
}
.bt-white:hover {
	background: #f75a40;
	color: #fff
}
.bt-white2 {
	color: #333a46;
	background: #fff
}
.bt-border-blue {
	border: 1px solid #333a46;
	line-height: 48px;
	color: #333a46;
	background: #fff
}
.bt-border-blue.disabled {
	border-color: #d6d8da;
	color: #a7a8aa;
	cursor: default;
	background: #fff
}
.bt-border-red {
	border: 2px solid #f75a40;
	line-height: 48px;
	color: #f75a40;
	background: #fff
}
.bt-border-red.disabled {
	border-color: #d6d8da;
	color: #a7a8aa;
	cursor: default;
	background: #fff
}
.bt-red2 {
	color: #fff;
	background: #f75a40;
	line-height: 48px;
	border: 2px solid #f75a40
}
.bt-red2 svg * {
	stroke: #fff
}
.bt-red2.disabled {
	border-color: #d6d8da;
	color: #a7a8aa;
	cursor: default;
	background: #fff
}
.bt-block {
	display: block
}
.bt-block-fixed {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 0 !important;
	-webkit-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2)
}
.bt-block-shadow {
	display: block;
	-webkit-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2)
}
.bt-scroll-down {
	display: block;
	position: absolute;
	left: 50%;
	bottom: 15px;
	margin-left: -15px;
	width: 30px;
	height: 30px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	background: #FFF;
	cursor: pointer;
	z-index: 20
}
.bt-scroll-down i {
	display: block;position:absolute;left:50%;top:50%;width:8px;height:14px;background:50% 50% no-repeat;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8px' height='14px'%3E %3Cpolyline points='1,1 7,7 1,13' stroke-width='2' fill='none' stroke='%23f75a40'%3E%3C/polyline%3E %3C/svg%3E");margin:-7px 0 0 -4px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}@media screen and (max-height: 400px){.bt-scroll-down{width:20px;height:20px;margin-left:-10px}}body.conditions{background:url("/bitrix/templates/2020/i/info-bg.jpg") no-repeat fixed 50% 50%;-webkit-background-size:cover;background-size:cover}body.conditions .page-content{min-height:100%;height:100%;padding-top:10vh;overflow:visible}.block-white{position:relative;width:100%;padding:30px
	30px 30px;
	background: #FFF;
	margin: 28px 0
}
.block-white:last-child:after {
	display: none
}
.block-white-h {
	text-align: center;
	font-size: 16px;
	font-family: lt-b;
	color: #f75a40;
	padding-bottom: 12px
}
.table-info {
	font-size: 13px;
	border-collapse: collapse;
	width: 100%
}
.table-info.nobt_ thead td {
	border-top: none
}
.table-info.colored_ td,
.table-info.colored_ th {
	background: #dedfe1
}
.table-info.colored_ thead td {
	background: #333a46;
	color: #FFF
}
.table-info tr:first-child td {
	font-weight: bold
}
.table-info th,
.table-info td {
	padding: 6px;
	text-align: left;
	border: 1px solid #9ba0a9;
	color: #333a46;
	font-weight: normal
}
.table-info th {
	color: #7e828a;
	width: 40%
}
.small-text {
	font-size: 11px;
	color: #7e828a
}
.mortgage-bank-logo {
	margin: 0px 0 26px
}
.mortgage-office-phone {
	font-size: 18px;
	font-family: lt-b;
	padding: 0;
	color: #4d4e58
}
.mortgage-office-phone a {
	color: #4d4e58
}
.mortgage-address {
	line-height: 1.4;
	letter-spacing: 1px;
	margin-left: -20px;
	margin-right: -20px
}
.bt-on-map {
	display: inline-block;
	padding-left: 26px;
	margin-bottom: 20px;
	margin-top: 10px;
	position: relative;
	height: 22px;
	line-height: 22px;
	color: #f75a40;
	background: url("../bitrix/templates/mobile/i/pointer-red.png") 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}
.bt-on-map span {
	text-decoration: underline
}
.contacts .page-content {
	overflow: hidden;position:relative}.contacts-map{position:relative;width:100%;height:100%}
	.contacts-panel{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding:5vmin 5vmin 10vh;width:90%;max-width:400px;height:auto;background:#FFF;text-align:center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.contacts-panel.hidden_{-webkit-transform:translateX(-50%) translateY(calc(100% - 55px - 10vh));-moz-transform:translateX(-50%) translateY(calc(100% - 55px - 10vh));-ms-transform:translateX(-50%) translateY(calc(100% - 55px - 10vh));-o-transform:translateX(-50%) translateY(calc(100% - 55px - 10vh));transform:translateX(-50%) translateY(calc(100% - 55px - 10vh))}.contacts-h{font-size:13px;color:#f75a40;font-family:lt-b;border-bottom:1px solid #a2a6af;height:10vmin}.contacts-address{font-size:14px;color:#4a494e;font-family:lt;line-height:1.4;padding:0;margin:3vmin 0}.contacts-phone{font-size:20px;color:#333a46;margin-bottom:3vmin;font-family:lt-b}.contacts-hours{color:#a2a6af;margin:3vmin 0;font-size:12px}.bt-send-request-contacts{position:absolute;bottom:0;left:0;width:100%;height:10vh;line-height:10vh}
	.bt-contacts-hide{width:30px;height:13px;float:right;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='13px'%3E %3Cpolyline fill='none' stroke='%23f75e45' stroke-width='2' points='1,1 15,12 29,1' /%3E %3C/svg%3E");-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
	.contacts-panel.hidden_ .bt-contacts-hide{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);transform:rotateX(-180deg)}.doc-list{width:100%;max-width:400px!important;margin:0
	auto;
	line-height: 26px;
	color: #333a46;
	font-family: lt-b;
	text-align: center;
	padding-bottom: 20px !important
}
.doc-list-item {
	position: relative;
	background: #fff;
	text-transform: uppercase;
	margin: 20px 0;
	padding-bottom: 20px;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	-ms-transition: -ms-transform 0.4s;
	-o-transition: -o-transform 0.4s;
	transition: transform .4s;
	z-index: 2;
	text-align: left
}
.doc-list-item-h {
	background: #333a46;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	color: #FFF;
	text-align: center
}
.doc-list-item-date {
	color: #f75a40;
	padding-left: 20px;
	padding-top: 20px
}
.doc-list-item-sz {
	position: relative;
	margin-left: 20px;
	font-size: 11px;
	color: #999ca2
}
.doc-list-item-sz:after {
	content: '';
	position: absolute;
	top: -20px;
	right: 30px;
	width: 30px;
	height: 30px;
	background: url("../bitrix/templates/mobile/i/ico-pdf.png") 0 0 no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}
.dynamics #panel {
	bottom: auto;
	top: 0
}
.dynamics .page-content {
	overflow: hidden
}
.diary-im1 {
	background: url("../bitrix/templates/mobile/i/dynamic-2008.png") 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	width: 90vw;
	height: 45vh;
	position: absolute;
	top: 55%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.diary-im2 {
	background: url("../bitrix/templates/mobile/i/dynamic-bld.png") 50% 0 no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	width: 100vw;
	height: 50vh;
	position: absolute;
	left: 0;
	bottom: 17vh
}
.diary-t1 {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	top: 18%;
	color: #FFF;
	opacity: .7;
	letter-spacing: 2px;
	line-height: 1.4
}
.diary-t2 {
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 30%;
	color: #FFF;
	font-family: lt-b;
	font-size: 16px
}
.diary-container {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 18vh;
	width: 100%;
	padding: 0 70px;
	background: #333a46;
	-webkit-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2)
}
@media screen and (orientation: portrait) {
	.diary-container {
		height: 12vh
	}
	.diary-im2 {
		bottom: 11vh;
		height: 25vh
	}
}
.diary-slider-arrow-left,
.diary-slider-arrow-right {
	position: absolute;
	top: 0;
	height: 100%;
	width: 70px;
	cursor: pointer
}
.diary-slider-arrow-left svg,
.diary-slider-arrow-right svg {
	width: 20px;
	height: 23px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.diary-slider-arrow-left.swiper-button-disabled,
.diary-slider-arrow-right.swiper-button-disabled {
	cursor: default;
	opacity: .2
}
.diary-slider-arrow-left {
	left: 0;
	border-right: 1px solid #FFF
}
.diary-slider-arrow-right {
	right: 0;
	border-left: 1px solid #FFF
}
.weeks-list {
	height: 100%
}
.week-slide {
	width: 100%;
	height: 100%
}
.week-slide-inner {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.week-slide-name {
	position: relative;
	text-align: center;
	font-family: lt-b;
	color: #FFF;
	text-transform: uppercase;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	font-size: 20px
}
.dynamics-item-year {
	padding-left: 5px
}
.bt-show-dynamic-wnd {
	text-align: center;
	font-size: 12px;
	color: #f75a40;
	padding-top: 5px;
	letter-spacing: 2px
}
#wnd-diary {
	width: 100%;
	height: 605px;
	background: #fff;
	padding: 6px
}
#wnd-diary .flat-choose-block {
	display: block;
	height: auto;
	padding-bottom: 10px;
	padding-top: 22px;
	margin: 22px auto;
	text-align: center
}
#wnd-diary .flat-choose-block:after,
#wnd-diary .flat-choose-block:before {
	display: none
}
.week-header-label {
	font-size: 16px;
	margin-top: 4px;
	letter-spacing: 2px;
	color: #333a46;
	font-family: lt-b
}
.week-header-dates {
	font-size: 14px;
	color: #20B14A;
	margin-top: 2px
}
.week-photos-item {
	height: 479px;
	overflow: hidden;
	text-align: center
}
.week-photos {
	position: absolute;
	left: 6px;
	right: 6px;
	bottom: 36px;
	height: 459px
}
.week-photos-left,
.week-photos-right {
	display: block;
	width: 94px;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	-webkit-transition: opacity .5s;
	-moz-transition: opacity .5s;
	-ms-transition: opacity .5s;
	-o-transition: opacity .5s;
	transition: opacity .5s
}
.week-photos-left:before,
.week-photos-right:before {
	content: '';
	position: absolute;
	background: #000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: .3
}
.week-photos-left svg,
.week-photos-right svg {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 2
}
.week-photos-left.swiper-button-disabled,
.week-photos-right.swiper-button-disabled {
	opacity: 0
}
.week-photos-right {
	left: auto;
	right: 0
}
.week-photos-right i {
	background-position: -450px -428px
}
.wnd-week-line {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 6;
	height: 9px;
	width: 100%;
	background: url("../bitrix/templates/mobile/i/bg-orange-lines2.png") 18px 0
}
.wnd-week-line:before,
.wnd-week-line:after {
	content: '';
	display: block;
	position: absolute;
	left: -10px;
	bottom: -6px;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #e6cc52
}
.wnd-week-line:after {
	left: auto;
	right: -10px
}
.week-photos-date {
	position: absolute;
	bottom: 6px;
	left: 6px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: #CCC;
	font-size: 12px;
	text-align: center
}
#feedback-wnd,
.popup-wnd {
	width: 100%;
	height: 100%;
	padding: 5vmin;
	background: #FFF;
	position: fixed;
	left: 0;
	top: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%);
	z-index: 1000;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s
}
#feedback-wnd.show,
.popup-wnd.show {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.popup-wnd {
	width: auto;
	height: auto
}
.popup-wnd .popup-header {
	margin-bottom: 3vh;
	margin-right: 40px
}
.popup-message-overlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background: #000;
	opacity: .5
}
#popup-message {
	position: fixed;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 5001
}
.popup-header {
	font-family: lt-b;
	color: #f75a40;
	font-size: 16px;
	line-height: 22px;
	margin-bottom: 63px
}
.popup-text {
	font-family: lt;
	font-size: 14px;
	margin-bottom: 30px
}
#fb input,
#fb textarea {
	display: block;
	width: 100%;
	margin-bottom: 5vmin;
	height: 30px;
	border: none;
	border-bottom: 1px solid #ccc;
	font-family: lt;
	letter-spacing: 1px;
	font-size: 16px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0
}
#fb textarea {
	height: 50px
}
.feedback-controls {
	margin-top: 5vh;
	text-align: center
}
input#fb-privacy {
	float: left;
	width: auto;
	margin-right: 10px;
	height: auto;
	position: relative;
	top: 2px
}
.flats .page-content {
	position: relative;
	height: 100%;
	overflow: hidden
}
.flats .page-content.overflow-visible {
	overflow: visible
}
.flats .screen {
	position: absolute !important;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none
}
.flats .screen.display_ {
	display: block;
	opacity: 1
}
.screen.screen-flats-intro {
	perspective: 800px;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-ms-perspective: 800px;
	-o-perspective: 800px;
	z-index: 10
}
.screen.screen-flats-intro.show_ {
	opacity: 1
}
.screen.screen-flats-intro.stage_visual_ {
	z-index: 12;
	height: 10vh;
	top: 10vh;
	transition: 0.3s ease-out;
	-webkit-transition: 0.3s ease-out;
	-moz-transition: 0.3s ease-out;
	-ms-transition: 0.3s ease-out;
	-o-transition: 0.3s ease-out
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme {
	transition: 0.6s ease-out;
	-webkit-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	-ms-transition: 0.6s ease-out;
	-o-transition: 0.6s ease-out;
	top: 0;
	left: 0;
	margin: 0 0 0 0;
	height: 10vh;
	width: 100%
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme:before {
	border: 50vmax solid #FFF;
	top: -50vmax;
	left: -50vmax;
	transition: 0.6s ease-out;
	-webkit-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	-ms-transition: 0.6s ease-out;
	-o-transition: 0.6s ease-out
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-bg-a,
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-bg-z {
	width: 50%;
	height: 100%;
	transition: 0.6s ease-out;
	-webkit-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	-ms-transition: 0.6s ease-out;
	-o-transition: 0.6s ease-out
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a,
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z {
	display: flex;
	padding: 0 2px;
	align-items: center;
	align-content: space-between;
	width: 50%;
	height: 100%;
	justify-content: center
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_,
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ {
	background: url(../bitrix/templates/mobile/i/bg-lines-45.png) #fff;
	border-top: 1px solid #9ba0a9;
	border-bottom: 1px solid #9ba0a9
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_ .flats-intro-scheme-name,
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ .flats-intro-scheme-name {
	width: 100%;
	text-align: center
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_ .flats-intro-scheme-name span,
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ .flats-intro-scheme-name span {
	display: inline
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_ .flats-intro-scheme-name:before,
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ .flats-intro-scheme-name:before {
	opacity: 0
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_ .flats-intro-scheme-count,
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ .flats-intro-scheme-count {
	display: none
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_ .flats-intro-scheme-text,
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ .flats-intro-scheme-text {
	display: none
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-name {
	width: 4vh;
	height: 4vh;
	line-height: 4vh;
	text-align: center;
	margin: 0 3vw;
	padding: 0;
	letter-spacing: 0
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-name span {
	display: none
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-name:before {
	opacity: 1
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a .flats-intro-scheme-name {
	color: #693a53
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z .flats-intro-scheme-name {
	color: #254f6b
}
.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-count {
	margin: 0 3vw;
	padding: 0
}
.bt-choose-flats-by-params {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 0;
	width: 100%;
	height: 10vh;
	line-height: 10vh;
	z-index: 15;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s
}
.bt-choose-flats-by-params.stage_table_ {
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.screen-flats-intro-bg {
	position: absolute;
	width: 280vmax;
	height: 140vmax;
	left: -90vmax;
	top: -20vmax;
	background: url("../bitrix/templates/mobile/i/flats-intro-bg.jpg") 50% 50% no-repeat;
	-webkit-background-size: cover;
	background-size: cover
}
.flats-intro-scheme {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 70vmin;
	height: 60vmin;
	margin: -30vmin 0 0 -35vmin;
	opacity: 1;
	background: url("../bitrix/templates/mobile/i/bg-lines-45-01.png");
	-webkit-animation: move-bg 10s linear infinite;
	-o-animation: move-bg 10s linear infinite;
	animation: move-bg 10s linear infinite
}
.flats-intro-scheme:before {
	content: '';
	position: absolute;
	left: -6px;
	top: -6px;
	width: 100%;
	height: 100%;
	border: 6px solid #FFF;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
@keyframes move-bg {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 374px 0
	}
}
@-webkit-keyframes move-bg {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 374px 0
	}
}
@-o-keyframes move-bg {
	0% {
		background-position: 0 0
	}
	100% {
		background-position: 374px 0
	}
}
.flats-intro-scheme-a,
.flats-intro-scheme-z,
.flats-intro-scheme-bg-a,
.flats-intro-scheme-bg-z {
	position: absolute;
	width: 45%;
	height: 70%;
	left: 0;
	top: 0;
	color: #FFF;
	padding: 5vmin;
	overflow: hidden
}
.flats-intro-scheme-bg-a {
	background: #693a53
}
.flats-intro-scheme-bg-z {
	background: #254f6b
}
@media screen and (orientation: landscape) {
	.flats-intro-scheme {
		height: 50vmin;
		width: 90vmin
	}
	.flats-intro-scheme-a,
	.flats-intro-scheme-z {
		height: 80%
	}
}
.flats-intro-scheme-z,
.flats-intro-scheme-bg-z {
	left: auto;
	top: auto;
	bottom: 0;
	right: 0
}
.flats-intro-scheme-name {
	position: relative;
	font-family: lt-b;
	letter-spacing: 2px;
	padding-bottom: 5px;
	z-index: 1;
	transition: 0.6s ease-out;
	-webkit-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	-ms-transition: 0.6s ease-out;
	-o-transition: 0.6s ease-out
}
.flats-intro-scheme-name:before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	width: 4vh;
	height: 4vh;
	background: #FFF;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
	transition: 0.6s ease-out;
	-webkit-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	-ms-transition: 0.6s ease-out;
	-o-transition: 0.6s ease-out;
	z-index: -1;
	opacity: 0
}
.flats-intro-scheme-count {
	font-family: lt-b;
	font-size: 24px;
	padding-bottom: 2px;
	transition: 0.6s ease-out;
	-webkit-transition: 0.6s ease-out;
	-moz-transition: 0.6s ease-out;
	-ms-transition: 0.6s ease-out;
	-o-transition: 0.6s ease-out
}
.flat-intro-street {
	position: absolute;
	height: 12vmin;
	color: #FFF;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center
}
.flat-intro-street svg {
	vertical-align: middle;
	margin-right: 10px
}
.flat-intro-street.street-top_ {
	width: 70vw;
	top: 12%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	border-top: 1px solid #FFF
}
.flat-intro-street.street-right_ {
	width: 60vh;
	border-top: 1px solid #FFF;
	right: 7vmin;
	top: 45%;
	-webkit-transform: translate(50%, -50%) rotate(90deg);
	-moz-transform: translate(50%, -50%) rotate(90deg);
	-ms-transform: translate(50%, -50%) rotate(90deg);
	-o-transform: translate(50%, -50%) rotate(90deg);
	transform: translate(50%, -50%) rotate(90deg)
}
.flat-intro-street.street-left_ {
	width: 60vh;
	border-top: 1px solid #FFF;
	left: 7vmin;
	top: 45%;
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	-moz-transform: translate(-50%, -50%) rotate(-90deg);
	-ms-transform: translate(-50%, -50%) rotate(-90deg);
	-o-transform: translate(-50%, -50%) rotate(-90deg);
	transform: translate(-50%, -50%) rotate(-90deg)
}
.flat-intro-street.street-bottom_ {
	width: 70vw;
	border-bottom: 1px solid #FFF;
	bottom: 12vh;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%)
}
.screen.screen-flats-visual {
	background: #FFF;
	z-index: 9
}
.screen.screen-flats-visual .flats-floors-list {
	top: 0;
	bottom: 0
}
.flats-floors-list {
	position: absolute;
	top: 10vh;
	left: 0;
	border-right: 1px solid #9ba0a9;
	width: 10vh;
	bottom: 10vh;
	overflow: hidden
}
.flats-floors-list.right_ {
	left: auto;
	right: 0;
	border-left: 1px solid #9ba0a9;
	border-right: none
}
@media screen and (orientation: landscape) {
	.flats-floors-list.right_ {
		display: none
	}
}
.floors-switch {
	height: 90%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
	align-items: stretch
}
.floors-list-item {
	display: block;
	width: 100%;
	height: 16.6%;
	border-bottom: 1px solid #9ba0a9;
	text-align: center;
	font-family: lt-b;
	color: #333a46;
	cursor: pointer
}
.floors-list-item a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	color: #333a46
}
.floors-list-item a.selected {
	background: #f75a40;
	color: #FFF
}
.floors-list-item:last-child {
	border-bottom: none
}
.flats-floors-list-h {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 10%;
	color: #9ba0a9;
	font-size: 12px;
	border-bottom: 1px solid #9ba0a9;
	text-align: center;
	font-family: lt-b
}
.screen.screen-flats-table {
	padding-top: 10vh;
	overflow: visible;
	height: auto !important;
	top: 0;
	z-index: 25;
	background: #FFF;
	opacity: 1
}
.screen.screen-flats-table .flats-floors-list {
	top: 33vh;
	bottom: auto;
	height: 67vh
}
.screen.screen-flats-table .flats-floors-list-h {
	height: 10%
}
.screen.screen-flats-table .floors-list-item {
	height: 16.6%
}
.screen.screen-flats-table .floors-list-item:last-child {
	border-bottom: 1px solid
}
.flats-visual-container {
	position: absolute;
	left: 0;
	top: 20vh;
	bottom: 10vh;
	width: 180vw;
	overflow: hidden
}
.vis-floor {
	position: absolute;
	top: 0;
	left: 10vh;
	right: 10vh;
	bottom: 0;
	opacity: 0
}
.vis-floor img {
	display: block;
	width: auto;
	height: auto;
	max-height: 100%;
	max-width: 100%
}
.vis-sel-container,
.vis-hover-container {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0
}
.visual-flats-label {
	position: absolute;
	left: 0;
	top: 0;
	width: 130px;
	height: 44px;
	font-family: lt-b;
	font-size: 4vmin;
	text-align: center;
	color: #333a46;
	z-index: 8;
	opacity: 0;
	-webkit-transition: color .4s;
	-moz-transition: color .4s;
	-ms-transition: color .4s;
	-o-transition: color .4s;
	transition: color .4s;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column
}
.visual-flats-label div {
	width: 100%
}
.visual-flats-label .visual-flat-price {
	font-size: 3vmin
}
.visual-flats-label .visual-flat-price .reserved_ {
	font-size: 12px
}
.visual-flats-label .visual-flat-price .sold_ {
	display: inline-block;
	padding: 3px 3px 2px;
	color: #FFF;
	background: #f75a40;
	font-size: 12px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
.visual-flats-label.hover {
	color: #fff
}
.screen-flats-table {
	background: #FFF
}
.flats-filter {
	height: 23vh;
	width: 100%
}
.filter-col-2 {
	width: 36%;
	height: 100%;
	float: left
}
.filter-h {
	color: #FFF;
	font-size: 12px;
	padding-bottom: 5px
}
.filter-value {
	position: relative;
	display: inline-block;
	padding-right: 18px;
	color: #f75a40;
	font-family: lt-b;
	font-size: 16px;
	padding-top: 3px
}
.filter-value:after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	background: url("../bitrix/templates/mobile/i/svg/ico-pencil.svg") 50% 50% no-repeat;
	-webkit-background-size: contain;
	background-size: contain
}
@media screen and (min-width: 550px) {
	.filter-price .filter-h,
	.filter-sq .filter-h,
	.filter-price .filter-value,
	.filter-sq .filter-value {
		display: inline-block
	}
}
.filter-bedrooms-col {
	width: 34%;
	height: 100%;
	background: #3b3446;
	border-right: 1px solid #cdd0d4;
	padding: 10px;
	float: left
}
.filter-bedrooms a {
	display: block;
	float: left;
	height: 12vmin;
	width: 12vmin;
	border: 1px solid #FFF;
	text-align: center;
	line-height: 12vmin;
	margin: -1px 0 0 -1px;
	color: #FFF
}
.filter-bedrooms a.selected {
	background: #FFF;
	color: #f75a40;
	font-family: lt-b
}
.filter-price {
	position: relative;
	height: 50%;
	background: #3b3446;
	border-bottom: 1px solid #cdd0d4;
	padding: 10px
}
.filter-sq {
	position: relative;
	height: 50%;
	background: #3b3446;
	padding: 10px
}
.filter-result {
	width: 30%;
	height: 70%;
	float: left;
	background: #EEE;
	overflow: hidden
}
.flt-tbl-count {
	position: relative;
	z-index: 1;
	top: 5%;
	width: 90%;
	height: 90%;
	margin: 0 auto;
	text-align: center;
	font-size: 2vh
}
.flt-tbl-count img {
	position: absolute;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}
.flats-filtered {
	display: block;
	width: 100%;
	font-size: 6vh;
	color: #333a46;
	font-family: "PT Serif"
}
.bt-clear-filter {
	display: flex;
	position: relative;
	width: 30%;
	height: 30%;
	background: #f75a40;
	float: left;
	overflow: hidden;
	color: #FFF;
	padding: 0;
	text-align: center;
	align-items: center;
	justify-content: center
}
.filter-adv {
	position: relative;
	width: 30%;
	height: 30%;
	background: #f75a40;
	float: left;
	overflow: hidden
}
.flt-tbl-adv-list {
	height: 100%
}
.flt-tbl-adv-list li {
	height: 100%;
	width: 5vh
}
.flt-tbl-adv-list li svg {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	fill: #FFF;
	stroke: #FFF;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.results-wrapper {
	padding-left: 10vh
}
.flt-tbl-head {
	height: 7vh;
	line-height: 7vh;
	background: #eee;
	color: #adaeb2;
	text-align: center;
	margin-left: 10vh
}
.flt-tbl-head.fixed_ {
	position: fixed;
	top: 10vh;
	right: 0;
	margin-left: 0;
	left: 10vh;
	z-index: 100
}
.screen-flats-table.full_ .flt-tbl-head.fixed_ {
	left: 0
}
.table-h-cell {
	height: 100%;
	float: left;
	font-size: 10px;
	color: #9ba0a9;
	font-family: lt-b
}
.table-h-cell a {
	color: #9ba0a9
}
.table-h-cell a.desc i,
.table-h-cell a.asc i {
	display: inline-block;
	width: 1px;
	height: 11px;
	background: #7a7b7e;
	padding-top: 9px
}
.table-h-cell a.desc i:before,
.table-h-cell a.asc i:before {
	content: '';
	display: block;
	height: 1px;
	width: 3px;
	background: #7a7b7e;
	margin-left: -1px
}
.table-h-cell a.desc i {
	padding-top: 1px
}
.flt-tbl-wrapper {
	margin-left: 10vh;
	background: #eee;
	padding: 3vw
}
.screen-flats-table.full_ .flt-tbl-wrapper {
	margin-left: 0
}
.tbl-row {
	position: relative;
	height: 100px;
	width: 100%;
	margin-bottom: 12px;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
	color: #333a46;
	cursor: pointer;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.tbl-row.open {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none
}
.table-cell {
	height: 50%;
	width: 20%;
	float: left;
	font-family: lt-b;
	font-size: 14px;
	text-align: center;
	line-height: 50px;
	padding: 0 2vw
}
.cell-w-num {
	width: 18%
}
.cell-w-bld {
	width: 14%
}
.cell-w-floor {
	width: 14%
}
.cell-w-bed {
	width: 22%
}
.cell-w-sq {
	width: 32%
}
.cell-price {
	width: 100%;
	text-align: left;
	font-size: 12px;
	color: #9ba0a9
}
.cell-price strong {
	font-size: 14px;
	color: #333a46
}
.cell-sq {
	font-family: "PT Serif";
	font-size: 18px;
	font-weight: bold
}
.cell-sq span {
	font-size: 12px
}
.cell-bed span {
	display: block;
	border: 1px solid #333a46;
	margin: 10px 5px;line-height:30px}
	.cell-bld{font-family:lt-b}
	.tbl-expand-arrow{width:30px;height:13px;float:right;margin-top:-32px;margin-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='13px'%3E %3Cpolyline fill='none' stroke='%23f75e45' stroke-width='2' points='1,1 15,12 29,1' /%3E %3C/svg%3E");-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.tbl-row.open .tbl-expand-arrow{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);transform:rotateX(-180deg)}.tbl-detail{display:none;background:#FFF;position:relative;top:-12px}.tbl-scheme{padding:20px}.tbl-scheme
	img {
		display: block;
		width: 100%;
		height: auto
	}
	.bt-show-flat-full {
		padding: 0 !important
	}
	.tbl-advs {
		text-transform: lowercase;
		text-align: center
	}
	.tbl-advs li {
		display: inline-block;
		vertical-align: top;
		padding: 10px !important;
		color: #333a46;
		font-size: 12px;
		width: 40%
	}
	.tbl-advs li svg {
		width: 40px;
		height: 40px;
		fill: #333a46;
		stroke: #333a46;
		stroke-width: 2
	}
	@media screen and (orientation: landscape) {
		.tbl-advs li {
			width: auto
		}
	}
	.wnd-filter-adv,
	.wnd-filter-main {
		background: #333a46;
		z-index: 110
	}
	.wnd-filter-h {
		color: #FFF;
		font-size: 14px;
		height: 8vh;
		line-height: 8vh;
		text-align: center
	}
	.wnd-filter-adv-list {
		position: relative;
		text-align: center;
		padding: 0 5vw !important;
		margin-bottom: 7vh !important
	}
	.wnd-filter-adv-list li {
		width: 14vh;
		height: 12vh;
		border: 1px solid #FFF;
		margin: 1vh !important;
		display: inline-block;
		vertical-align: top
	}
	.wnd-filter-adv-list li.active {
		border: 1px solid #f75a40
	}
	.wnd-filter-adv-list li.active a span {
		color: #f75a40
	}
	.wnd-filter-adv-list li.active svg {
		fill: #f75a40;
		stroke: #f75a40
	}
	.wnd-filter-adv-list li a {
		display: block;
		width: 100%;
		height: 100%
	}
	.wnd-filter-adv-list li a svg {
		width: auto;
		height: auto;
		max-width: 45%;
		max-height: 45%;
		margin-bottom: 5%;
		fill: #FFF;
		stroke: #FFF;
		position: relative;
		margin-top: 5%
	}
	.wnd-filter-adv-list li a span {
		color: #FFF;
		font-size: 9px;
		display: block;
		padding-top: 2px
	}
	@media screen and (orientation: landscape) {
		.wnd-filter-adv-list li {
			width: 12vw;
			height: 11vw;
			margin: 1.2vh !important
		}
	}
	.found-count {
		position: relative;
		color: #FFF;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1.3;
		margin-top: 10vh
	}
	.found-count span {
		font-size: 46px;
		font-family: "PT Serif";
		font-weight: bold;
		display: block;
		float: left;
		line-height: 1;
		margin-right: 10px
	}
	.found-count:after {
		content: '';
		position: absolute;
		height: 5vh;
		width: 2px;
		left: 50%;
		background: #FFF;
		top: -6vh;
		margin-left: -1px
	}
	.bt-filter-adv {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%
	}
	.wnd-filter-main .filter-bedrooms {
		text-align: center;
		width: 100%
	}
	.wnd-filter-main .filter-bedrooms li {
		display: inline-block
	}
	.wnd-filter-main .filter-bedrooms a {
		display: block;
		float: none;
		width: 10vh;
		height: 10vh;
		line-height: 10vh;
		font-size: 4vh
	}
	.filter-slider-wrapper {
		margin: 0 40px 20px 40px
	}
	.wnd-filter-controls {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%
	}
	.wnd-filter-controls a {
		padding: 0;
		float: left
	}
	.screen-flat-detail {
		position: absolute;
		width: 100%;
		height: auto;
		top: 0;
		left: 0;
		opacity: 1;
		z-index: 30;
		background: #FFF;
		-webkit-perspective-origin: 50% 0;
		-moz-perspective-origin: 50% 0;
		-ms-perspective-origin: 50% 0;
		perspective-origin: 50% 0
	}
	.flat-detail-scheme-wrp {
		position: relative;
		height: auto;
		background: url("../bitrix/templates/mobile/i/bg-lines-45.png");
		padding: 11vh 0
	}
	.flat-detail-scheme {
		position: relative;
		width: 100%;
		padding: 10px
	}
	.flat-detail-scheme img {
		width: 100%;
		max-width: 100%;
		max-height: 100%
	}
	.flat-detail-controls .bt-pdf-dwnl i {
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='42.167px' height='44.583px' viewBox='0 0 42.167 44.583' enable-background='new 0 0 42.167 44.583' xml:space='preserve'%3E %3Cline fill='none' stroke='%239DA2AB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='21' y1='1.701' x2='21' y2='34.076'/%3E %3Cpolyline fill='none' stroke='%239DA2AB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points=' 40.375,32.375 40.375,42.875 1.75,42.875 1.75,32.375 '/%3E %3Cpolyline fill='none' stroke='%239DA2AB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points=' 9.125,23.125 21,34.076 32.625,23.125 '/%3E %3C/svg%3E")
	}
	.flat-features {
		height: 50vh;
		background: #FFF
	}
	.flat-features .swiper-slide {
		background: 50% 50% no-repeat;
		-webkit-background-size: cover;
		background-size: cover
	}
	.flat-features .swiper-slide.flat-features-wnd {
		background-image: url(../bitrix/templates/2020/i/flat-windows.jpg)
	}
	.flat-features .swiper-slide.flat-features-ceil {
		background-image: url(../bitrix/templates/2020/i/flat-bed.jpg)
	}
	.flat-features .swiper-slide.flat-features-terrace {
		background-image: url(../bitrix/templates/2020/i/flat-terasse.jpg)
	}
	.flat-features .swiper-slide.flat-features-twolevels {
		background-image: url(../bitrix/templates/2020/i/flat-second-floor.jpg)
	}
	.flat-features .swiper-pagination-bullet {
		position: relative;
		width: 10px;
		height: 10px;
		background: none;
		transition: 0.4s;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s
	}
	.flat-features .swiper-pagination-bullet.swiper-pagination-bullet-active {
		background: none
	}
	.flat-features .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
		-webkit-transform: rotate(225deg);
		-moz-transform: rotate(225deg);
		-ms-transform: rotate(225deg);
		-o-transform: rotate(225deg);
		transform: rotate(225deg)
	}
	.flat-features .swiper-pagination-bullet:after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: #FFF;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		transition: 0.4s;
		-webkit-transition: 0.4s;
		-moz-transition: 0.4s;
		-ms-transition: 0.4s;
		-o-transition: 0.4s
	}
	.flat-features-prev,
	.flat-features-next {
		position: absolute;
		left: 10px;
		top: 50%;
		width: 22px;
		height: 42px;
		margin-top: -21px;
		z-index: 1
	}
	.flat-features-prev.swiper-button-disabled,
	.flat-features-next.swiper-button-disabled {
		opacity: 0
	}
	.flat-features-next {
		left: auto;
		right: 10px
	}
	.flat-d-adv-im-h {
		font-size: 8vh;
		color: #fff;
		text-align: center
	}
	.flat-d-adv-im-h div {
		font-size: 20vh;
		font-family: lt;
		line-height: 1.3;
		margin-top: 0
	}
	.flat-d-adv-main-im-h {
		font-size: 5vmax;
		color: #fff;
		text-align: center
	}
	.flat-d-adv-list {
		padding-bottom: 28px !important;
		text-transform: lowercase;
		text-align: center
	}
	.flat-d-adv-list li {
		display: inline-block;
		vertical-align: top;
		padding: 0 2px 5px !important;
		color: #333a46;
		font-size: 8px
	}
	.flat-detail-text-container {
		padding: 28px;
		background: #FFF
	}
	@media screen and (orientation: landscape) {
		.wnd-filter-main .filter-bedrooms a {
			width: 12vh;
			height: 12vh;
			line-height: 12vh;
			font-size: 5vh
		}
	}
	body.gallery .page-content {
		height: 100%
	}
	.gallery-container {
		height: 100%
	}
	.gallery-item {
		position: relative;
		height: 50%;
		float: left;
		background: #000;
		overflow: hidden
	}
	.gallery-item:hover .gallery-item-inner {
		opacity: 1
	}
	.gallery-item:hover .preview-plus {
		opacity: 1
	}
	.gallery-item.long_ {
		width: 66%
	}
	.gallery-item.short_ {
		width: 34%
	}
	.gallery-item-inner {
		position: absolute;
		left: 0;
		top: 0;
		width: 110%;
		height: 110%;
		background-repeat: no-repeat;
		background-position: 50% 50%;
		-webkit-background-size: cover;
		background-size: cover;
		-webkit-transition: opacity .3s;
		-moz-transition: opacity .3s;
		-ms-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;
		opacity: 1
	}
	.page-header {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 300;
		width: 100%;
		height: 10vh;
		line-height: 80px;
		font-family: lt-b;
		font-size: 100%;
		color: #fff;
		overflow: hidden;
		perspective: 600px;
		-webkit-perspective: 600px
	}
	.page-header.bottom_ {
		top: auto;
		bottom: 0
	}
	.page-header.stage_all_ {
		height: 160px
	}
	.page-header.stage_all_ .page-header-main {
		margin-top: 0
	}
	.page-header.submenu_info_ .submenu-info {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	.page-header.submenu_flats_ .submenu-flats {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	.page-header.stage_sub_ .page-header-main {
		margin-top: -80px
	}
	.page-header-main {
		z-index: 2
	}
	.submenu-info,
	.submenu-flats {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
		z-index: 1;
		position: absolute;
		width: 100%;
		top: 0;
		left: 0;
		height: 80px;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}
	.phone-header-place {
		width: 100%;
		height: 80px
	}
	.page-header-main,
	.page-header-info,
	.page-header-flats {
		position: relative;
		width: 100%;
		height: 80px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		overflow: hidden
	}
	.page-header-main {
		z-index: 5;
		background: #FFF
	}
	.page-header-info {
		z-index: 2;
		-webkit-transform: translateY(-100px);
		-moz-transform: translateY(-100px);
		-ms-transform: translateY(-100px);
		-o-transform: translateY(-100px);
		transform: translateY(-100px);
		-webkit-transform-origin: 50% 0%;
		-moz-transform-origin: 50% 0%;
		-ms-transform-origin: 50% 0%;
		-o-transform-origin: 50% 0%;
		transform-origin: 50% 0%;
		overflow: visible
	}
	.stage_sub_ .page-header-info {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	.stage_sub_ .minilogo-top {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
	.page-header-bg {
		position: absolute;
		left: 0;
		top: -100%;
		width: 100%;
		height: 100%;
		background: #fff;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
		z-index: -1
	}
	.bottom_ .page-header-bg {
		top: 100%
	}
	.page-header.transparent_:after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		background: #fff;
		height: 1px;
		opacity: .1
	}
	.page-header.transparent_ .phone-header {
		background-position: 0 -143px
	}
	.page-header.transparent_.bottom_:after {
		bottom: auto;
		top: 0
	}
	.page-header.white_ .page-header-bg {
		top: 0
	}
	.page-header.white_ .menu-top a,
	.page-header.white_ .menu-sub a {
		color: #333a46
	}
	.page-header.white_ .menu-top a.menu-item.active,
	.page-header.white_ .menu-sub a.menu-item.active {
		color: #f75a40;
		-webkit-transition: color .5s;
		-moz-transition: color .5s;
		-ms-transition: color .5s;
		-o-transition: color .5s;
		transition: color .5s
	}
	.page-header.white_ a.logo-top img.logo-white_ {
		opacity: 0
	}
	.page-header.white_ a.logo-top img.logo-dark_ {
		opacity: 1
	}
	.page-header.blue_,
	.page-header.violet_ {
		background: #5e5ea2
	}
	.page-header.blue_ .menu-top a.menu-item.active,
	.page-header.violet_ .menu-top a.menu-item.active {
		color: #f75a40;-webkit-transition:color .5s;-moz-transition:color .5s;-ms-transition:color .5s;-o-transition:color .5s;transition:color .5s}
		.page-header.violet_{background:#3b3446;border-bottom:1px solid #4f4959}

		.page-title{
			height:100%;top:0;left:10vh;right:10vh;position:absolute;
			font-size:14px;line-height:10vh;font-family:lt-b;color:#333a46;padding-left:36px;
			transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s;
			-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)
		}

			.inner .page-title:after{content:'';position:absolute;-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);
			-ms-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);left:15px;top:50%;
			width:6px;height:6px;background:#f75a40}.page-title.hide_{-webkit-transform:translateX(100vw);-moz-transform:translateX(100vw);-ms-transform:translateX(100vw);
				-o-transform:translateX(100vw);transform:translateX(100vw)}.page-title-back{height:100%;top:0;left:10vh;right:10vh;position:absolute;font-size:14px;
					line-height:10vh;font-family:lt-b;color:#333a46;padding-left:9vh;background:#FFF;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);
					-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;
					-ms-transition:0.6s;-o-transition:0.6s}
		.page-title-back:before{content:'';position:absolute;left:0;top:0;width:8vh;height:100%;
		background:50% 50% no-repeat;
		background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15px' height='26px'%3E %3Cpolyline points='14,1 1,13 14,25' stroke='%239ba0a9' stroke-width='2' fill='none'%3E%3C/polyline%3E %3C/svg%3E")}
		.page-title-back:after{content:'';position:absolute;left:8vh;top:0;height:100%;width:1px;background:#9ba0a9}
		.page-title-back.show_{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}a.logo-top{display:block;position:absolute;width:160px;height:100%;left:50%;margin-left:-80px;text-align:center}a.logo-top
		img {
			display: block;
			width: auto;
			height: 76%;
			position: relative;
			margin: 0 auto;
			opacity: 1;
			-webkit-transition: opacity .5s;
			-moz-transition: opacity .5s;
			-ms-transition: opacity .5s;
			-o-transition: opacity .5s;
			transition: opacity .5s
		}
		a.logo-top img.logo-dark_ {
			opacity: 0;
			position: relative;
			top: 12%
		}
		.menu-top,
		.menu-sub {
			display: block;
			position: relative;
			width: 100%;
			text-align: center;
			padding: 0;
			margin: 0;
			list-style: none
		}
		.menu-top {
			padding-bottom: 10px
		}
		.menu-item,
		.submenu-item {
			color: #fff;
			font-size: 14px;
			display: block;
			margin: 6vh 0;
			vertical-align: top;
			-webkit-transition: all .5s;
			-moz-transition: all .5s;
			-ms-transition: all .5s;
			-o-transition: all .5s;
			transition: all .5s;
			position: relative
		}
		.menu-item a,
		.submenu-item a {
			display: inline-block
		}
		.menu-item {
			-webkit-transform: translateY(50px);
			-moz-transform: translateY(50px);
			-ms-transform: translateY(50px);
			-o-transform: translateY(50px);
			transform: translateY(50px);
			opacity: 0
		}
		#menu.expanded_ .menu-item {
			-webkit-transition-delay: 0.5s;
			-moz-transition-delay: 0.5s;
			-ms-transition-delay: 0.5s;
			-o-transition-delay: 0.5s;
			transition-delay: 0.5s
		}
		.submenu-item {
			margin: 2vh 0;
			opacity: 0;
			-webkit-transition: all .7s;
			-moz-transition: all .7s;
			-ms-transition: all .7s;
			-o-transition: all .7s;
			transition: all .7s;
			-webkit-transform: scale(0.8);
			-moz-transform: scale(0.8);
			-ms-transform: scale(0.8);
			-o-transform: scale(0.8);
			transform: scale(0.8)
		}
		#menu.expanded_ .menu-item.opened_ .submenu-item {
			opacity: 1;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1)
		}
		.menu-item .menulink {
			color: #FFF
		}
		.menu-item .menulink.active {
			color: #f75a40
		}
		.submenu-item .sublink {
			color: #FFF
		}
		.submenu-item .sublink.active {
			color: #f75a40
		}
		.menu-sub {
			padding-bottom: 0;
			overflow: hidden;
			height: 0
		}
		.menu-sub:after {
			content: '';
			position: absolute;
			top: auto;
			bottom: 0;
			left: 50%;
			width: 1px;
			height: 0;
			background: #FFF;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s
		}
		#menu.expanded_ .menu-item.opened_ .menu-sub:after {
			top: calc(100% - 60px);
			bottom: auto;
			height: 60px;
			-webkit-transition: all 0.4s 0.6s ease-in;
			-moz-transition: all 0.4s 0.6s ease-in;
			-ms-transition: all 0.4s 0.6s ease-in;
			-o-transition: all 0.4s 0.6s ease-in;
			transition: all 0.4s 0.6s ease-in
		}
		.menu-item.opened_ .submenu-item:nth-child(0) {
			-webkit-transition-delay: 0s;
			-moz-transition-delay: 0s;
			-ms-transition-delay: 0s;
			-o-transition-delay: 0s;
			transition-delay: 0s
		}
		.menu-item.opened_ .submenu-item:nth-child(1) {
			-webkit-transition-delay: 0.1s;
			-moz-transition-delay: 0.1s;
			-ms-transition-delay: 0.1s;
			-o-transition-delay: 0.1s;
			transition-delay: 0.1s
		}
		.menu-item.opened_ .submenu-item:nth-child(2) {
			-webkit-transition-delay: 0.2s;
			-moz-transition-delay: 0.2s;
			-ms-transition-delay: 0.2s;
			-o-transition-delay: 0.2s;
			transition-delay: 0.2s
		}
		.menu-item.opened_ .submenu-item:nth-child(3) {
			-webkit-transition-delay: 0.3s;
			-moz-transition-delay: 0.3s;
			-ms-transition-delay: 0.3s;
			-o-transition-delay: 0.3s;
			transition-delay: 0.3s
		}
		.menu-item.opened_ .submenu-item:nth-child(4) {
			-webkit-transition-delay: 0.4s;
			-moz-transition-delay: 0.4s;
			-ms-transition-delay: 0.4s;
			-o-transition-delay: 0.4s;
			transition-delay: 0.4s
		}
		.menu-top .menu-item a:before,
		.menu-sub .submenu-item a:before,
		.menu-top .menu-item a:after,
		.menu-sub .submenu-item a:after {
			content: '';
			display: inline-block;
			position: relative;
			top: -2px;
			vertical-align: middle;
			width: 4px;
			height: 4px;
			background: #f75a40;
			-webkit-transform: rotateZ(45deg);
			-moz-transform: rotateZ(45deg);
			-ms-transform: rotateZ(45deg);
			-o-transform: rotateZ(45deg);
			transform: rotateZ(45deg);
			margin: 0 10px;
			opacity: 0
		}
		.menu-top .menu-item a:hover,
		.menu-sub .submenu-item a:hover,
		.menu-top .menu-item.active .menulink,
		.menu-sub .submenu-item.active .sublink {
			color: #f75a40
		}
		.menu-top .menu-item.active .menulink:before,
		.menu-sub .submenu-item.active .sublink:before,
		.menu-top .menu-item.active .menulink:after,
		.menu-sub .submenu-item.active .sublink:after {
			opacity: 1
		}
		.menu-top .menu-item .menulink:hover:before,
		.menu-sub .submenu-item .sublink:hover:before,
		.menu-top .menu-item .menulink:hover:after,
		.menu-sub .submenu-item .sublink:hover:after {
			-webkit-animation: menu-hover 0.8s forwards;
			-o-animation: menu-hover 0.8s forwards;
			animation: menu-hover 0.8s forwards
		}
		@-moz-keyframes menu-hover {
			0% {
				-webkit-transform: rotateZ(45deg);
				-moz-transform: rotateZ(45deg);
				-ms-transform: rotateZ(45deg);
				-o-transform: rotateZ(45deg);
				transform: rotateZ(45deg);
				opacity: 0
			}
			30% {
				-webkit-transform: translateY(5px) rotateZ(45deg);
				-moz-transform: translateY(5px) rotateZ(45deg);
				-ms-transform: translateY(5px) rotateZ(45deg);
				-o-transform: translateY(5px) rotateZ(45deg);
				transform: translateY(5px) rotateZ(45deg);
				opacity: .5
			}
			60% {
				-webkit-transform: translateY(-3px) rotateZ(45deg);
				-moz-transform: translateY(-3px) rotateZ(45deg);
				-ms-transform: translateY(-3px) rotateZ(45deg);
				-o-transform: translateY(-3px) rotateZ(45deg);
				transform: translateY(-3px) rotateZ(45deg);
				opacity: 1
			}
			85% {
				-webkit-transform: translateY(1px) rotateZ(45deg);
				-moz-transform: translateY(1px) rotateZ(45deg);
				-ms-transform: translateY(1px) rotateZ(45deg);
				-o-transform: translateY(1px) rotateZ(45deg);
				transform: translateY(1px) rotateZ(45deg);
				opacity: 1
			}
			100% {
				-webkit-transform: translateY(0) rotateZ(45deg);
				-moz-transform: translateY(0) rotateZ(45deg);
				-ms-transform: translateY(0) rotateZ(45deg);
				-o-transform: translateY(0) rotateZ(45deg);
				transform: translateY(0) rotateZ(45deg);
				opacity: 1
			}
		}
		@-webkit-keyframes menu-hover {
			0% {
				-webkit-transform: rotateZ(45deg);
				-moz-transform: rotateZ(45deg);
				-ms-transform: rotateZ(45deg);
				-o-transform: rotateZ(45deg);
				transform: rotateZ(45deg);
				opacity: 0
			}
			30% {
				-webkit-transform: translateY(5px) rotateZ(45deg);
				-moz-transform: translateY(5px) rotateZ(45deg);
				-ms-transform: translateY(5px) rotateZ(45deg);
				-o-transform: translateY(5px) rotateZ(45deg);
				transform: translateY(5px) rotateZ(45deg);
				opacity: .5
			}
			60% {
				-webkit-transform: translateY(-3px) rotateZ(45deg);
				-moz-transform: translateY(-3px) rotateZ(45deg);
				-ms-transform: translateY(-3px) rotateZ(45deg);
				-o-transform: translateY(-3px) rotateZ(45deg);
				transform: translateY(-3px) rotateZ(45deg);
				opacity: 1
			}
			85% {
				-webkit-transform: translateY(1px) rotateZ(45deg);
				-moz-transform: translateY(1px) rotateZ(45deg);
				-ms-transform: translateY(1px) rotateZ(45deg);
				-o-transform: translateY(1px) rotateZ(45deg);
				transform: translateY(1px) rotateZ(45deg);
				opacity: 1
			}
			100% {
				-webkit-transform: translateY(0) rotateZ(45deg);
				-moz-transform: translateY(0) rotateZ(45deg);
				-ms-transform: translateY(0) rotateZ(45deg);
				-o-transform: translateY(0) rotateZ(45deg);
				transform: translateY(0) rotateZ(45deg);
				opacity: 1
			}
		}
		@keyframes menu-hover {
			0% {
				-webkit-transform: rotateZ(45deg);
				-moz-transform: rotateZ(45deg);
				-ms-transform: rotateZ(45deg);
				-o-transform: rotateZ(45deg);
				transform: rotateZ(45deg);
				opacity: 0
			}
			30% {
				-webkit-transform: translateY(5px) rotateZ(45deg);
				-moz-transform: translateY(5px) rotateZ(45deg);
				-ms-transform: translateY(5px) rotateZ(45deg);
				-o-transform: translateY(5px) rotateZ(45deg);
				transform: translateY(5px) rotateZ(45deg);
				opacity: .5
			}
			60% {
				-webkit-transform: translateY(-3px) rotateZ(45deg);
				-moz-transform: translateY(-3px) rotateZ(45deg);
				-ms-transform: translateY(-3px) rotateZ(45deg);
				-o-transform: translateY(-3px) rotateZ(45deg);
				transform: translateY(-3px) rotateZ(45deg);
				opacity: 1
			}
			85% {
				-webkit-transform: translateY(1px) rotateZ(45deg);
				-moz-transform: translateY(1px) rotateZ(45deg);
				-ms-transform: translateY(1px) rotateZ(45deg);
				-o-transform: translateY(1px) rotateZ(45deg);
				transform: translateY(1px) rotateZ(45deg);
				opacity: 1
			}
			100% {
				-webkit-transform: translateY(0) rotateZ(45deg);
				-moz-transform: translateY(0) rotateZ(45deg);
				-ms-transform: translateY(0) rotateZ(45deg);
				-o-transform: translateY(0) rotateZ(45deg);
				transform: translateY(0) rotateZ(45deg);
				opacity: 1
			}
		}
		.phone-header {
			position: fixed;
			display: block;
			top: 5vh;
			right: 15px;
			width: 5vh;
			height: 5vh;
			border: 2px solid #333a46;
			z-index: 500;
			-webkit-transform: translateY(-50%) rotate(45deg);
			-moz-transform: translateY(-50%) rotate(45deg);
			-ms-transform: translateY(-50%) rotate(45deg);
			-o-transform: translateY(-50%) rotate(45deg);
			transform: translateY(-50%) rotate(45deg);
			background: #fff;
			cursor: pointer
		}
		.phone-header span {
			display: none
		}
		.phone-header svg {
			display: block;
			position: relative;
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -50%) rotate(-45deg);
			-moz-transform: translate(-50%, -50%) rotate(-45deg);
			-ms-transform: translate(-50%, -50%) rotate(-45deg);
			-o-transform: translate(-50%, -50%) rotate(-45deg);
			transform: translate(-50%, -50%) rotate(-45deg);
			width: 60%;
			height: 60%
		}
		.phone-header svg path {
			fill: #333a46
		}
		.phone-header:active,
		.phone-header:focus {
			background: #f75a40;
			border-color: #f75a40
		}
		.phone-header:active svg path,
		.phone-header:focus svg path {
			fill: #fff
		}
		.phone-header-wnd {
			position: fixed;
			top: 18px;
			right: 30px;
			width: 30px;
			height: 30px;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			-webkit-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
			-moz-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
			-ms-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
			-o-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
			transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
			z-index: 1
		}
		.phone-header-wnd.show {
			z-index: 499;
			background: #fff;
			-webkit-transform: translate(18px, 62px);
			-moz-transform: translate(18px, 62px);
			-ms-transform: translate(18px, 62px);
			-o-transform: translate(18px, 62px);
			transform: translate(18px, 62px);
			width: 272px;
			height: 130px;
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
			box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
			-webkit-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
			-moz-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
			-ms-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
			-o-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
			transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start
		}
		.phone-header-wnd.show .bg_ {
			background: #fff
		}
		.phone-header-wnd.show i {
			background: #fff;
			top: -5px;
			width: 20px;
			height: 20px;
			-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
			-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
			box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2)
		}
		.phone-header-wnd.show .phone-top-num,
		.phone-header-wnd.show .bt-order-call {
			opacity: 1;
			-webkit-transition: all .3s .3s;
			-moz-transition: all .3s .3s;
			-ms-transition: all .3s .3s;
			-o-transition: all .3s .3s;
			transition: all .3s .3s
		}
		.phone-header-wnd div {
			opacity: 0
		}
		.phone-header-wnd .bg_ {
			opacity: 1;
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #f75a40;
			-webkit-transition: all .4s;
			-moz-transition: all .4s;
			-ms-transition: all .4s;
			-o-transition: all .4s;
			transition: all .4s
		}
		.phone-header-wnd i {
			display: block;
			position: absolute;
			right: 22px;
			top: 0;
			width: 0;
			height: 0;
			background: #f75a40;
			-webkit-transform: rotate(45deg);
			-moz-transform: rotate(45deg);
			-ms-transform: rotate(45deg);
			-o-transform: rotate(45deg);
			transform: rotate(45deg);
			-webkit-transition: all .4s;
			-moz-transition: all .4s;
			-ms-transition: all .4s;
			-o-transition: all .4s;
			transition: all .4s;
			z-index: -1
		}
		.phone-top-num,
		.bt-order-call {
			position: relative;
			z-index: 1;
			width: 272px;
			height: 65px;
			line-height: 65px;
			text-align: center;
			-webkit-transition: all .2s;
			-moz-transition: all .2s;
			-ms-transition: all .2s;
			-o-transition: all .2s;
			transition: all .2s
		}
		.phone-top-num {
			border-bottom: 1px solid #eaebec;
			color: #434954;
			font-size: 18px
		}
		.bt-order-call {
			color: #f75a40;
			cursor: pointer;
			font-size: 12px;
			font-family: lt-b
		}
		.bt-order-call span {
			display: inline-block;
			vertical-align: middle;
			height: 16px;
			width: 15px;
			background: url("../bitrix/templates/mobile/i/sprite.png") -53px -64px no-repeat;
			margin-right: 7px;
			margin-bottom: 4px
		}
		.minilogo-top {
			position: relative;
			float: left;
			width: 80px;
			height: 80px;
			background: #333a46;
			z-index: 4;
			-webkit-transform: translateX(-80px);
			-moz-transform: translateX(-80px);
			-ms-transform: translateX(-80px);
			-o-transform: translateX(-80px);
			transform: translateX(-80px);
			-webkit-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
			-o-transition: all 0.3s;
			transition: all 0.3s
		}
		.minilogo-top:after {
			content: '';
			width: 24px;
			height: 26px;
			background: url("../bitrix/templates/mobile/i/sprite.png") -51px -31px no-repeat;
			position: absolute;
			left: 50%;
			top: 50%;
			margin: -13px 0 0 -12px
		}
		.bt-show-mainmenu {
			position: relative;
			float: left;
			width: 10vh;
			height: 10vh;
			z-index: 4
		}
		.inner .bt-show-mainmenu {
			background: #333a46
		}
		.inner .bt-show-mainmenu i {
			background: #FFF
		}
		.bt-show-mainmenu i.bt-expand-menu-cc {
			position: absolute;
			left: 50%;
			top: 50%;
			width: 50%;
			height: 40%;
			overflow: hidden;
			background: none;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%)
		}
		.bt-show-mainmenu i {
			display: block;
			background: #333a46;
			height: 2px;
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
			-webkit-transition: all .4s;
			-moz-transition: all .4s;
			-ms-transition: all .4s;
			-o-transition: all .4s;
			transition: all .4s
		}
		.bt-show-mainmenu i.i1 {
			top: 50%;
			margin-top: -1px
		}
		.bt-show-mainmenu i.i2 {
			top: 100%;
			margin-top: -2px
		}
		.bt-show-mainmenu.expanded_ .i0 {
			-webkit-transform: rotateZ(45deg);
			-moz-transform: rotateZ(45deg);
			-ms-transform: rotateZ(45deg);
			-o-transform: rotateZ(45deg);
			transform: rotateZ(45deg);
			top: 50%;
			margin: 0
		}
		.bt-show-mainmenu.expanded_ .i1 {
			width: 0
		}
		.bt-show-mainmenu.expanded_ .i2 {
			-webkit-transform: rotateZ(-45deg);
			-moz-transform: rotateZ(-45deg);
			-ms-transform: rotateZ(-45deg);
			-o-transform: rotateZ(-45deg);
			transform: rotateZ(-45deg);
			top: 50%;
			margin: 0
		}
		.bt-show-mainmenu.expanded_ span {
			-webkit-transition: opacity 0s .1s;
			-moz-transition: opacity 0s .1s;
			-ms-transition: opacity 0s .1s;
			-o-transition: opacity 0s .1s;
			transition: opacity 0s .1s;
			opacity: 0
		}
		#menu {
			position: fixed;
			left: 0;
			top: 10vh;
			width: 100%;
			height: 90vh;
			visibility: hidden;
			z-index: 200;
			overflow: hidden
		}
		.menu-content {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			overflow: scroll;
			text-align: center
		}
		.lang-switch {
			position: relative;
			text-align: center;
			opacity: 0;
			-webkit-transform: translateY(50px);
			-moz-transform: translateY(50px);
			-ms-transform: translateY(50px);
			-o-transform: translateY(50px);
			transform: translateY(50px);
			transition: all .4s
		}
		.expanded_ .lang-switch {
			opacity: 1;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
			transition: .4s .8s
		}
		.lang-switch a {
			position: relative;
			display: inline-block;
			padding: 0 20px;
			font-family: lt-l;
			color: #c6c7c9;
			font-size: 14px
		}
		.lang-switch a.current_ {
			color: #f75a40;
			pointer-events: none
		}
		.lang-switch a:nth-child(1):after {
			content: '';
			position: absolute;
			right: -1px;
			width: 1px;
			height: 30px;
			background: #c6c7c9;
			top: 50%;
			margin-top: -15px
		}
		.menu-bg-top,
		.menu-bg-bottom {
			position: absolute;
			left: 50%;
			top: 50%;
			-webkit-transform: translateX(-90%) rotate(45deg);
			-moz-transform: translateX(-90%) rotate(45deg);
			-ms-transform: translateX(-90%) rotate(45deg);
			-o-transform: translateX(-90%) rotate(45deg);
			transform: translateX(-90%) rotate(45deg);
			width: 150vmax;
			height: 150vmax;
			margin: -75vmax 0 0 -75vmax;
			background: #FFF;
			-webkit-transition: all 0.6s 0.4s ease-in;
			-moz-transition: all 0.6s 0.4s ease-in;
			-ms-transition: all 0.6s 0.4s ease-in;
			-o-transition: all 0.6s 0.4s ease-in;
			transition: all 0.6s 0.4s ease-in
		}
		.menu-bg-bottom {
			-webkit-transform: translateX(90%) rotate(45deg);
			-moz-transform: translateX(90%) rotate(45deg);
			-ms-transform: translateX(90%) rotate(45deg);
			-o-transform: translateX(90%) rotate(45deg);
			transform: translateX(90%) rotate(45deg)
		}
		.menu-bg-center {
			position: absolute;
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -50%) scale(0.01) rotate(45deg);
			-moz-transform: translate(-50%, -50%) scale(0.01) rotate(45deg);
			-ms-transform: translate(-50%, -50%) scale(0.01) rotate(45deg);
			-o-transform: translate(-50%, -50%) scale(0.01) rotate(45deg);
			transform: translate(-50%, -50%) scale(0.01) rotate(45deg);
			width: 102vmax;
			height: 102vmax;
			background: #333a46;
			-webkit-transition: all 0.6s 0.2s ease-in;
			-moz-transition: all 0.6s 0.2s ease-in;
			-ms-transition: all 0.6s 0.2s ease-in;
			-o-transition: all 0.6s 0.2s ease-in;
			transition: all 0.6s 0.2s ease-in
		}
		#menu.expanded_ {
			visibility: visible
		}
		#menu.expanded_ .menu-bg-top,
		#menu.expanded_ .menu-bg-bottom {
			-webkit-transform: translate(0, 0) rotate(45deg);
			-moz-transform: translate(0, 0) rotate(45deg);
			-ms-transform: translate(0, 0) rotate(45deg);
			-o-transform: translate(0, 0) rotate(45deg);
			transform: translate(0, 0) rotate(45deg);
			-webkit-transition: all .8s;
			-moz-transition: all .8s;
			-ms-transition: all .8s;
			-o-transition: all .8s;
			transition: all .8s
		}
		#menu.expanded_ .menu-bg-center {
			-webkit-transform: translate(-50%, -50%) scale(1);
			-moz-transform: translate(-50%, -50%) scale(1);
			-ms-transform: translate(-50%, -50%) scale(1);
			-o-transform: translate(-50%, -50%) scale(1);
			transform: translate(-50%, -50%) scale(1);
			-webkit-transition: all .8s .3s;
			-moz-transition: all .8s .3s;
			-ms-transition: all .8s .3s;
			-o-transition: all .8s .3s;
			transition: all .8s .3s
		}
		#menu.expanded_ .menu-item {
			opacity: 1;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0)
		}
		body.homepage .page-content {
			overflow: hidden;
			padding-top: 10vh;
			padding-bottom: 0;
			height: 100%
		}
		@media screen and (max-height: 470px) {
			body.homepage .page-content.page-landscape {
				padding-bottom: 12vh
			}
		}
		.about-slider {
			overflow: hidden;
			width: 100vw;
			height: 100%
		}
		.about-slider .swiper-slide {
			width: 100vw;
			height: 100%
		}
		.about-slider .swiper-slide img {
			display: block;
			margin: 0 auto
		}
		.about-slider .swiper-slide.i2 .left {
			background: url("../bitrix/templates/mobile/i/about-bg-2h-left.png") 100% 100% #333a46 no-repeat
		}
		.about-slider .swiper-slide.i2 .right {
			background: url("../bitrix/templates/mobile/i/about-bg-2h-right.png") 0 100% #FFF no-repeat
		}
		.bt-about-scroll-down {
			z-index: 10
		}
		.about-buy-controls {
			position: absolute;
			width: 100%;
			left: 0;
			text-align: center;
			bottom: 60px
		}
		.about-buy-controls a {
			margin: 0 11px
		}
		.hm-ceil-bg {
			height: 150%;
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
			background: url("../img/Step Residence Render (4)_0.jpg") 50% 100% no-repeat #eae3db;
			-webkit-background-size: contain;
			background-size: contain;
			-webkit-transition: all 1s;
			-moz-transition: all 1s;
			-ms-transition: all 1s;
			-o-transition: all 1s;
			transition: all 1s;
			z-index: -1
		}
		.swiper-slide-active .hm-ceil-bg {
			-webkit-transform: translateY(-30%);
			-moz-transform: translateY(-30%);
			-ms-transform: translateY(-30%);
			-o-transform: translateY(-30%);
			transform: translateY(-30%);
			-webkit-transition: all 3s .5s;
			-moz-transition: all 3s .5s;
			-ms-transition: all 3s .5s;
			-o-transition: all 3s .5s;
			transition: all 3s .5s
		}
		.about-slider .swiper-slide.i0 {
			background: #FFF
		}
		.about-slider .swiper-slide.i0 .bt-scroll-down {
			opacity: 0;
			transition: 0.6s 2s;
			-webkit-transition: 0.6s 2s;
			-moz-transition: 0.6s 2s;
			-ms-transition: 0.6s 2s;
			-o-transition: 0.6s 2s
		}
		.about-slider .hm0-bg,
		.about-slider .hm0-sky {
			opacity: 0;
			-webkit-transition: opacity .6s;
			-moz-transition: opacity .6s;
			-ms-transition: opacity .6s;
			-o-transition: opacity .6s;
			transition: opacity .6s
		}
		.about-slider .swiper-slide.swiper-slide-active.i0 .hm0-bg,
		.about-slider .swiper-slide.swiper-slide-active.i0 .hm0-sky,
		.about-slider .swiper-slide.swiper-slide-active.i0 .bt-scroll-down {
			opacity: 1
		}
		.hm0-bg {
			position: absolute;
			left: 50%;
			top: 0;
			width: 100%;
			height: 100%;
			background: #FFF;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%)
		}
		.hm0-sky {
			width: 100%;
			height: 180%;
			position: absolute;
			left: 0;
			top: 0;
			background: url("../bitrix/templates/mobile/i/homepage/sky.jpg") 50% 0 no-repeat;
			-webkit-background-size: cover;
			background-size: cover
		}
		.hm0-house {
			position: absolute;
			bottom: 0;
			left: 50%;
			background: url("../img.kot.png") 0 0 no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
			width: 1126px;
			height: 800px;
			-webkit-transform: translateY(100%) translateX(-50%);
			-moz-transform: translateY(100%) translateX(-50%);
			-ms-transform: translateY(100%) translateX(-50%);
			-o-transform: translateY(100%) translateX(-50%);
			transform: translateY(100%) translateX(-50%)
		}
		.hm0-tree-left {
			position: absolute;
			left: -50%;
			bottom: 0;
			background: url("../bitrix/templates/mobile/i/homepage/tree1.png") 0 0 no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
			height: 120%;
			width: 46.95%;
			-webkit-transform: translateY(100%) translateX(20%) scale(1.1);
			-moz-transform: translateY(100%) translateX(20%) scale(1.1);
			-ms-transform: translateY(100%) translateX(20%) scale(1.1);
			-o-transform: translateY(100%) translateX(20%) scale(1.1);
			transform: translateY(100%) translateX(20%) scale(1.1)
		}
		.hm0-tree-right {
			position: absolute;
			right: -20%;
			bottom: 0;
			background: url("../bitrix/templates/mobile/i/homepage/tree2.png") 0 0 no-repeat;
			-webkit-background-size: cover;
			background-size: cover;
			height: 100%;
			-webkit-transform: translateY(100%);
			-moz-transform: translateY(100%);
			-ms-transform: translateY(100%);
			-o-transform: translateY(100%);
			transform: translateY(100%)
		}
		@media screen and (orientation: landscape) {
			.hm0-tree-left {
				left: 0
			}
			.hm0-tree-right {
				right: -15%
			}
		}
		#hm0-mask-anim image {
			opacity: 0
		}
		#hm0-mask-anim.show image {
			opacity: 1;
			-webkit-transform: translate(0, 0);
			-moz-transform: translate(0, 0);
			-ms-transform: translate(0, 0);
			-o-transform: translate(0, 0);
			transform: translate(0, 0)
		}
		#hm0-mask-anim #hm0-mask-anim-1 {
			-webkit-transition: opacity 1s 0, -webkit-transform 0.4s 0s;
			-moz-transition: opacity 1s 0s, -moz-transform 0.4s 0s;
			-ms-transition: opacity 1s 0s, -ms-transform 0.4s 0s;
			-o-transition: opacity 1s 0s, -o-transform 0.4s 0s;
			transition: opacity 1s 0s, transform 0.4s 0s
		}
		#hm0-mask-anim #hm0-mask-anim-2 {
			-webkit-transition: opacity 1s 0.12, -webkit-transform 0.4s 0.11s;
			-moz-transition: opacity 1s 0.12s, -moz-transform 0.4s 0.11s;
			-ms-transition: opacity 1s 0.12s, -ms-transform 0.4s 0.11s;
			-o-transition: opacity 1s 0.12s, -o-transform 0.4s 0.11s;
			transition: opacity 1s 0.12s, transform 0.4s 0.11s
		}
		#hm0-mask-anim #hm0-mask-anim-3 {
			-webkit-transition: opacity 1s 0.24, -webkit-transform 0.4s 0.22s;
			-moz-transition: opacity 1s 0.24s, -moz-transform 0.4s 0.22s;
			-ms-transition: opacity 1s 0.24s, -ms-transform 0.4s 0.22s;
			-o-transition: opacity 1s 0.24s, -o-transform 0.4s 0.22s;
			transition: opacity 1s 0.24s, transform 0.4s 0.22s
		}
		#hm0-mask-anim #hm0-mask-anim-4 {
			-webkit-transition: opacity 1s 0.36, -webkit-transform 0.4s 0.33s;
			-moz-transition: opacity 1s 0.36s, -moz-transform 0.4s 0.33s;
			-ms-transition: opacity 1s 0.36s, -ms-transform 0.4s 0.33s;
			-o-transition: opacity 1s 0.36s, -o-transform 0.4s 0.33s;
			transition: opacity 1s 0.36s, transform 0.4s 0.33s
		}
		#hm0-mask-anim #hm0-mask-anim-5 {
			-webkit-transition: opacity 1s 0.48, -webkit-transform 0.4s 0.44s;
			-moz-transition: opacity 1s 0.48s, -moz-transform 0.4s 0.44s;
			-ms-transition: opacity 1s 0.48s, -ms-transform 0.4s 0.44s;
			-o-transition: opacity 1s 0.48s, -o-transform 0.4s 0.44s;
			transition: opacity 1s 0.48s, transform 0.4s 0.44s
		}
		#hm0-mask-anim #hm0-mask-anim-6 {
			-webkit-transition: opacity 1s 0.6, -webkit-transform 0.4s 0.55s;
			-moz-transition: opacity 1s 0.6s, -moz-transform 0.4s 0.55s;
			-ms-transition: opacity 1s 0.6s, -ms-transform 0.4s 0.55s;
			-o-transition: opacity 1s 0.6s, -o-transform 0.4s 0.55s;
			transition: opacity 1s 0.6s, transform 0.4s 0.55s
		}
		#hm0-mask-anim #hm0-mask-anim-7 {
			-webkit-transition: opacity 1s 0.72, -webkit-transform 0.4s 0.66s;
			-moz-transition: opacity 1s 0.72s, -moz-transform 0.4s 0.66s;
			-ms-transition: opacity 1s 0.72s, -ms-transform 0.4s 0.66s;
			-o-transition: opacity 1s 0.72s, -o-transform 0.4s 0.66s;
			transition: opacity 1s 0.72s, transform 0.4s 0.66s
		}
		.hm-overlay-container {
			position: absolute;
			left: 0;
			top: -98%;
			width: 100%;
			height: 100%;
			z-index: 9;
			opacity: 1;
			overflow: hidden
		}
		.hm-overlay {
			position: absolute;
			z-index: 10;
			left: 50%;
			top: 100%;
			-webkit-transform: rotateX(90deg) translate(-50%, -70%) rotateZ(45deg);
			-moz-transform: rotateX(90deg) translate(-50%, -70%) rotateZ(45deg);
			-ms-transform: rotateX(90deg) translate(-50%, -70%) rotateZ(45deg);
			-o-transform: rotateX(90deg) translate(-50%, -70%) rotateZ(45deg);
			transform: rotateX(90deg) translate(-50%, -70%) rotateZ(45deg);
			margin-top: 0;
			background: #fff;
			width: 100vh;
			height: 100vh;
			-webkit-transition: all 1.5s;
			-moz-transition: all 1.5s;
			-ms-transition: all 1.5s;
			-o-transition: all 1.5s;
			transition: all 1.5s
		}
		.hm-overlay.scr2 {
			background: #333a46
		}
		.hm-overlay.scr4 {
			background: #eae3db
		}
		.swiper-slide-active .hm-overlay {
			-webkit-transform: rotateX(0deg) translate(-50%, -70%) rotate(45deg);
			-moz-transform: rotateX(0deg) translate(-50%, -70%) rotate(45deg);
			-ms-transform: rotateX(0deg) translate(-50%, -70%) rotate(45deg);
			-o-transform: rotateX(0deg) translate(-50%, -70%) rotate(45deg);
			transform: rotateX(0deg) translate(-50%, -70%) rotate(45deg);
			-webkit-transition: all .8s;
			-moz-transition: all .8s;
			-ms-transition: all .8s;
			-o-transition: all .8s;
			transition: all .8s
		}
		@media screen and (orientation: landscape) {
			.hm-overlay {
				width: 100vw;
				height: 100vw
			}
		}
		.hm3-overlay {
			-webkit-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
			-moz-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
			-ms-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
			-o-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
			transform: translate(-50%, -50%) rotateX(0deg) rotate(45deg)
		}
		.swiper-slide-active .hm3-overlay {
			-webkit-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
			-moz-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
			-ms-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
			-o-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
			transform: translate(-50%, -100%) rotateX(90deg) rotate(45deg);
			margin-top: -100px
		}
		.hm1-overlay,
		.hm1-overlay-fade {
			background: #333a46
		}
		.swiper-slide-next .hm1-overlay {
			display: none
		}
		.hm0-mask-up,
		.hm0-mask-bottom {
			height: 50%;
			position: relative;
			overflow: hidden
		}
		.hm0-mask-up div,
		.hm0-mask-bottom div {
			-webkit-transition: -webkit-transform 0.5s;
			-moz-transition: -moz-transform 0.5s;
			-ms-transition: -ms-transform 0.5s;
			-o-transition: -o-transform 0.5s;
			transition: transform .5s
		}
		.hm0-mask-up div {
			-webkit-transform: translateY(100px);
			-moz-transform: translateY(100px);
			-ms-transform: translateY(100px);
			-o-transform: translateY(100px);
			transform: translateY(100px)
		}
		.hm0-mask-bottom div {
			-webkit-transform: translateY(-100px);
			-moz-transform: translateY(-100px);
			-ms-transform: translateY(-100px);
			-o-transform: translateY(-100px);
			transform: translateY(-100px)
		}
		.swiper-slide-active .hm0-mask-up div,
		.swiper-slide-active .hm0-mask-bottom div {
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
			-webkit-transition: -webkit-transform 2s 1.3s;
			-moz-transition: -moz-transform 2s 1.3s;
			-ms-transition: -ms-transform 2s 1.3s;
			-o-transition: -o-transform 2s 1.3s;
			transition: transform 2s 1.3s
		}
		.hm-intro-slogan {
			top: 60%;
			height: 100px;
			font-family: lt-l;
			text-align: center;
			font-size: 35px;
			line-height: 60px;
			color: #fff;
			position: absolute;
			width: 100%
		}
		.hm0-amp {
			position: absolute;
			left: 50%;
			top: 36%;
			height: 40%;
			width: auto;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%)
		}
		.hm0-amp svg {
			width: 100%;
			height: 100%
		}
		@media screen and (orientation: landscape) and (max-height: 470px) {
			.hm-intro-slogan {
				font-size: 20px;
				line-height: 30px;
				height: 60px;
				top: 60%
			}
			.hm0-amp {
				top: 40%;
				height: 30%
			}
		}
		.hm-intro-slogan-i0 {
			font-size: 160px;
			text-align: center;
			color: #fff;
			font-family: lt-b;
			-webkit-transform: translateY(300px);
			-moz-transform: translateY(300px);
			-ms-transform: translateY(300px);
			-o-transform: translateY(300px);
			transform: translateY(300px)
		}
		.hm-intro-slogan-i0 div {
			font-family: lt;
			font-size: 24px;
			letter-spacing: 2px
		}
		.hm-intro-slogan-line {
			position: absolute;
			top: 65%;
			left: 50%;
			width: 2px;
			background: #fff;
			margin: 0 0 0 -1px;
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
			height: 0;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s
		}
		.hm-intro-slogan-i1 {
			padding-top: 40px;
			font-size: 40px;
			color: #fff;
			font-family: "PT Serif";
			text-align: center;
			letter-spacing: 2px;
			-webkit-transform: translateY(-200px);
			-moz-transform: translateY(-200px);
			-ms-transform: translateY(-200px);
			-o-transform: translateY(-200px);
			transform: translateY(-200px)
		}
		.hm1-slogan-container {
			position: relative;
			top: 35% !important;
			text-align: center;
			max-width: 900px;
			padding: 0 30px;
			margin: 0 auto
		}
		.hm1-slogan,
		.hm1-subslogan {
			opacity: 0;
			-webkit-transform: translateY(50px);
			-moz-transform: translateY(50px);
			-ms-transform: translateY(50px);
			-o-transform: translateY(50px);
			transform: translateY(50px);
			-webkit-transition: all .6s;
			-moz-transition: all .6s;
			-ms-transition: all .6s;
			-o-transition: all .6s;
			transition: all .6s;
			line-height: 1.4
		}
		.swiper-slide-active .hm1-slogan,
		.swiper-slide-active .hm1-subslogan {
			-webkit-transition: all .8s .6s;
			-moz-transition: all .8s .6s;
			-ms-transition: all .8s .6s;
			-o-transition: all .8s .6s;
			transition: all .8s .6s;
			opacity: 1;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0)
		}
		.swiper-slide-active .hm1-subslogan {
			-webkit-transition-delay: .7s;
			-moz-transition-delay: .7s;
			-ms-transition-delay: .7s;
			-o-transition-delay: .7s;
			transition-delay: .7s
		}
		.hm1-slogan,
		.hm1-subslogan {
			color: #333a46;
			font-size: 14px;
			padding-bottom: 50px;
			letter-spacing: 2px
		}
		.hm1-places {
			width: 0;
			height: 141px;
			position: absolute;
			bottom: 9.9%;
			left: 50%;
			-webkit-transform: translateX(-50%);
			-moz-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
			-o-transform: translateX(-50%);
			transform: translateX(-50%);
			border-bottom: 3px solid #c7c7cb;
			overflow: hidden;
			-webkit-transition: all .6s .5s;
			-moz-transition: all .6s .5s;
			-ms-transition: all .6s .5s;
			-o-transition: all .6s .5s;
			transition: all .6s .5s;
			z-index: 1
		}
		.swiper-slide-active .hm1-places {
			width: 100%;
			-webkit-transition: .8s 1.2s;
			-moz-transition: .8s 1.2s;
			-ms-transition: .8s 1.2s;
			-o-transition: .8s 1.2s;
			transition: .8s 1.2s
		}
		.hm1-garden {
			position: absolute;
			left: 2%;
			bottom: 0;
			background: url("../bitrix/templates/mobile/i/homepage/hm1-bld-left.png") 0 100% no-repeat;
			-webkit-background-size: contain;
			background-size: contain;
			height: 90%;
			width: 40%;
			-webkit-transform: translateY(100%);
			-moz-transform: translateY(100%);
			-ms-transform: translateY(100%);
			-o-transform: translateY(100%);
			transform: translateY(100%)
		}
		.hm1-monastery {
			position: absolute;
			right: 2%;
			bottom: 0;
			background: url("../bitrix/templates/mobile/i/homepage/hm1-bld-right.png") 0 100% no-repeat;
			-webkit-background-size: contain;
			background-size: contain;
			height: 51%;
			width: 40%;
			-webkit-transform: translateY(100%);
			-moz-transform: translateY(100%);
			-ms-transform: translateY(100%);
			-o-transform: translateY(100%);
			transform: translateY(100%)
		}
		.hm1-garden,
		.hm1-monastery {
			-webkit-transition: all .6s;
			-moz-transition: all .6s;
			-ms-transition: all .6s;
			-o-transition: all .6s;
			transition: all .6s
		}
		.swiper-slide-active .hm1-house {
			-webkit-transition: -webkit-transform 0.8s 0.5s, opacity 0.8s 0.5s;
			-moz-transition: -moz-transform 0.8s 0.5s, opacity 0.8s 0.5s;
			-ms-transition: -ms-transform 0.8s 0.5s, opacity 0.8s 0.5s;
			-o-transition: -o-transform 0.8s 0.5s, opacity 0.8s 0.5s;
			transition: transform .8s .5s, opacity .8s .5s;
			-webkit-transform: translateY(0) translateX(-50%);
			-moz-transform: translateY(0) translateX(-50%);
			-ms-transform: translateY(0) translateX(-50%);
			-o-transform: translateY(0) translateX(-50%);
			transform: translateY(0) translateX(-50%);
			opacity: 1
		}
		.swiper-slide-active .hm1-garden,
		.swiper-slide-active .hm1-monastery {
			-webkit-transition: -webkit-transform 0.6s 1.8s;
			-moz-transition: -moz-transform 0.6s 1.8s;
			-ms-transition: -ms-transform 0.6s 1.8s;
			-o-transition: -o-transform 0.6s 1.8s;
			transition: transform .6s 1.8s;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0)
		}
		.swiper-slide-active .hm1-garden-text,
		.swiper-slide-active .hm1-monastery-text {
			-webkit-transition: opacity .3s 1.8s;
			-moz-transition: opacity .3s 1.8s;
			-ms-transition: opacity .3s 1.8s;
			-o-transition: opacity .3s 1.8s;
			transition: opacity .3s 1.8s;
			opacity: 1
		}
		.hm1-house {
    position: absolute;
    left: 75%;
    bottom: -28%;
    background: url("../img/StepResidenceRender(2).jpg")no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    width: 100%;
    height: 90%;
    opacity: 0;
    -webkit-transform: translateY(50%) translateX(-50%);
    -moz-transform: translateY(50%) translateX(-50%);
    -ms-transform: translateY(50%) translateX(-50%);
    -o-transform: translateY(50%) translateX(-50%);
    transform: translateY(50%) translateX(-50%);
    -webkit-transition: -webkit-transform 0.6s 0.6s, opacity 0.6s 0.6s;
    -moz-transition: -moz-transform 0.6s 0.6s, opacity 0.6s 0.6s;
    -ms-transition: -ms-transform 0.6s 0.6s, opacity 0.6s 0.6s;
    -o-transition: -o-transform 0.6s 0.6s, opacity 0.6s 0.6s;
    transition: transform .6s .6s, opacity .6s .6s;
		}
		.hm1-garden-text,
		.hm1-monastery-text {
			position: absolute;
			text-align: center;
			bottom: 4%;
			font-family: lt-b;
			font-size: 12px;
			color: #c7c7cb;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			opacity: 0
		}
		.hm1-garden-text {
			width: 50%;
			left: 0
		}
		.hm1-monastery-text {
			width: 50%;
			right: 0
		}
		@media screen and (orientation: landscape) {
			.hm1-house {
				width: 50%
			}
			.hm1-garden {
				width: 25%
			}
			.hm1-monastery {
				width: 18%
			}
			.hm1-garden-text {
				width: 27%
			}
			.hm1-monastery-text {
				width: 27%
			}
		}
		@media screen and (orientation: landscape) and (max-height: 470px) {
			.hm1-slogan {
				font-size: 12px;
				line-height: 1.2
			}
			.hm1-slogan-container {
				top: 45% !important
			}
		}
		.hm2-col-left,
		.hm2-col-right {
			height: 100%;
			position: absolute;
			width: 100%;
			left: 0;
			bottom: 0;
			overflow: hidden
		}
		.hm2-col-right {
			left: auto;
			right: 0;
			width: 50%;
			background: #fff;
			z-index: 1;
			height: 200%;
			-webkit-transition: all .8s;
			-moz-transition: all .8s;
			-ms-transition: all .8s;
			-o-transition: all .8s;
			transition: all .8s;
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
			-webkit-transform-origin: 0% 100%;
			-moz-transform-origin: 0% 100%;
			-ms-transform-origin: 0% 100%;
			-o-transform-origin: 0% 100%;
			transform-origin: 0% 100%
		}
		.hm2-col-left {
			background: #333a46
		}
		.swiper-slide-active .hm2-col-right {
			-webkit-transition: all .6s .3s;
			-moz-transition: all .6s .3s;
			-ms-transition: all .6s .3s;
			-o-transition: all .6s .3s;
			transition: all .6s .3s;
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-ms-transform: rotate(0);
			-o-transform: rotate(0);
			transform: rotate(0)
		}
		.swiper-slide-active .hm2-house {
			-webkit-transform: rotateX(0deg) scale(1);
			-moz-transform: rotateX(0deg) scale(1);
			-ms-transform: rotateX(0deg) scale(1);
			-o-transform: rotateX(0deg) scale(1);
			transform: rotateX(0deg) scale(1);
			-webkit-transition: all 1s .3s;
			-moz-transition: all 1s .3s;
			-ms-transition: all 1s .3s;
			-o-transition: all 1s .3s;
			transition: all 1s .3s
		}
		.hm2-house {
			width: 80%;
			position: absolute;
			left: 9%;
			bottom: 0;
			opacity: .4;
			z-index: 2;
			-webkit-transform: rotateX(-90deg) scale(2);
			-moz-transform: rotateX(-90deg) scale(2);
			-ms-transform: rotateX(-90deg) scale(2);
			-o-transform: rotateX(-90deg) scale(2);
			transform: rotateX(-90deg) scale(2);
			-webkit-transition: all .6s;
			-moz-transition: all .6s;
			-ms-transition: all .6s;
			-o-transition: all .6s;
			transition: all .6s;
			-webkit-transform-origin: 50% 100%;
			-moz-transform-origin: 50% 100%;
			-ms-transform-origin: 50% 100%;
			-o-transform-origin: 50% 100%;
			transform-origin: 50% 100%
		}
		.hm2-cont-left,
		.hm2-cont-right {
			width: 50%;
			position: absolute !important;
			left: 0;
			text-align: center;
			z-index: 10;
			top: 60% !important
		}
		.hm2-cont-right {
			left: 50%
		}
		.hm2-bld-a,
		.hm2-bld-z {
			position: relative;
			display: block;
			width: 12vh;
			height: 12vh;
			margin: 5vh auto 0;
			background: #693a53;
			color: #fff;
			font-size: 8vh;
			text-align: center;
			line-height: 12vh;
			z-index: 10;
			opacity: 0;
			-webkit-transform: translateY(300px);
			-moz-transform: translateY(300px);
			-ms-transform: translateY(300px);
			-o-transform: translateY(300px);
			transform: translateY(300px);
			-webkit-transition: all .6s;
			-moz-transition: all .6s;
			-ms-transition: all .6s;
			-o-transition: all .6s;
			transition: all .6s
		}
		.hm2-bld-z {
			background: #254f6b
		}
		.swiper-slide-active .hm2-bld-a,
		.swiper-slide-active .hm2-bld-z {
			opacity: 1;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0);
			-webkit-transition: all .6s .4s;
			-moz-transition: all .6s .4s;
			-ms-transition: all .6s .4s;
			-o-transition: all .6s .4s;
			transition: all .6s .4s
		}
		.hm2-t {
			position: relative;
			font-size: 14px;
			text-align: center;
			width: 100%;
			z-index: 10;
			color: #fff;
			opacity: 0;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s;
			-webkit-transform: translateY(-20px);
			-moz-transform: translateY(-20px);
			-ms-transform: translateY(-20px);
			-o-transform: translateY(-20px);
			transform: translateY(-20px)
		}
		.hm2-t.tr1_,
		.hm2-t.tr2_ {
			color: #333a46
		}
		.swiper-slide-active .hm2-t {
			-webkit-transition: all .4s .8s;
			-moz-transition: all .4s .8s;
			-ms-transition: all .4s .8s;
			-o-transition: all .4s .8s;
			transition: all .4s .8s;
			opacity: 1;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0)
		}
		.swiper-slide-active .hm2-t.tl2_,
		.swiper-slide-active .hm2-t.tr2_ {
			-webkit-transition-delay: 1.4s;
			-moz-transition-delay: 1.4s;
			-ms-transition-delay: 1.4s;
			-o-transition-delay: 1.4s;
			transition-delay: 1.4s
		}
		.hm2-digits {
			position: relative;
			margin: 10px auto 10px;
			width: 70%;
			text-align: center;
			height: 30vh;
			z-index: 10;
			opacity: 0;
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s
		}
		.hm2-digits svg {
			width: 100%;
			height: 100%
		}
		@media screen and (orientation: landscape) {
			.hm2-digits {
				height: 20vh
			}
		}
		.swiper-slide-active .hm2-digits {
			opacity: 1;
			-webkit-transition: opacity .8s 1s;
			-moz-transition: opacity .8s 1s;
			-ms-transition: opacity .8s 1s;
			-o-transition: opacity .8s 1s;
			transition: opacity .8s 1s
		}
		#hm2-digits-l0,
		#hm2-digits-r0,
		#hm2-digits-l2,
		#hm2-digits-r2 {
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s
		}
		#hm2-digits-l2,
		#hm2-digits-r2 {
			-webkit-transform: translateY(-20px);
			-moz-transform: translateY(-20px);
			-ms-transform: translateY(-20px);
			-o-transform: translateY(-20px);
			transform: translateY(-20px)
		}
		#hm2-digits-l0,
		#hm2-digits-r0 {
			-webkit-transform: translateY(20px);
			-moz-transform: translateY(20px);
			-ms-transform: translateY(20px);
			-o-transform: translateY(20px);
			transform: translateY(20px)
		}
		.swiper-slide-active #hm2-digits-l0,
		.swiper-slide-active #hm2-digits-r0,
		.swiper-slide-active #hm2-digits-l2,
		.swiper-slide-active #hm2-digits-r2 {
			-webkit-transition: -webkit-transform 0.8s 1s, opacity 0.8s 1s, fill 0.5s 2s;
			-moz-transition: -moz-transform 0.8s 1s, opacity 0.8s 1s, fill 0.5s 2s;
			-ms-transition: -ms-transform 0.8s 1s, opacity 0.8s 1s, fill 0.5s 2s;
			-o-transition: -o-transform 0.8s 1s, opacity 0.8s 1s, fill 0.5s 2s;
			transition: transform .8s 1s, opacity .8s 1s, fill .5s 2s;
			-webkit-transform: translateY(0);
			-moz-transform: translateY(0);
			-ms-transform: translateY(0);
			-o-transform: translateY(0);
			transform: translateY(0)
		}
		.swiper-slide-active #hm2-digits-r0,
		.swiper-slide-active #hm2-digits-r2 {
			fill: #333a46
		}
		.hm3-lt,
		.hm3-rt,
		.hm3-lb,
		.hm3-rb {
			position: absolute;
			height: 50%;
			overflow: hidden
		}
		.hm3-lt div,
		.hm3-rt div,
		.hm3-lb div,
		.hm3-rb div {
			width: 100vw;
			height: 100vw;
			position: relative;
			left: 0;
			top: 0;
			-webkit-transform: rotate(0deg);
			-moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			-o-transform: rotate(0deg);
			transform: rotate(0deg);
			background: #FFF;
			-webkit-transition: all 1s;
			-moz-transition: all 1s;
			-ms-transition: all 1s;
			-o-transition: all 1s;
			transition: all 1s;
			-webkit-transform-origin: 0% 0%;
			-moz-transform-origin: 0% 0%;
			-ms-transform-origin: 0% 0%;
			-o-transform-origin: 0% 0%;
			transform-origin: 0% 0%
		}
		.hm3-t,
		.hm3-b {
			position: absolute;
			height: 50%;
			overflow: hidden;
			width: 100%;
			left: 0;
			top: 0
		}
		.hm3-t div,
		.hm3-b div {
			width: 100vw;
			height: 100vw;
			position: relative;
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -25%) rotate(45deg);
			-moz-transform: translate(-50%, -25%) rotate(45deg);
			-ms-transform: translate(-50%, -25%) rotate(45deg);
			-o-transform: translate(-50%, -25%) rotate(45deg);
			transform: translate(-50%, -25%) rotate(45deg);
			background: #FFF;
			-webkit-transition: all 1s;
			-moz-transition: all 1s;
			-ms-transition: all 1s;
			-o-transition: all 1s;
			transition: all 1s
		}
		.hm3-b {
			top: auto;
			bottom: 0
		}
		.hm3-b div {
			-webkit-transform: translate(-50%, -75%) rotate(45deg);
			-moz-transform: translate(-50%, -75%) rotate(45deg);
			-ms-transform: translate(-50%, -75%) rotate(45deg);
			-o-transform: translate(-50%, -75%) rotate(45deg);
			transform: translate(-50%, -75%) rotate(45deg)
		}
		.hm3-t div {
			left: 66%
		}
		.hm3-b div {
			left: 34%
		}
		.hm3-lt {
			left: 0;
			top: 0;
			width: 66%
		}
		.hm3-rt {
			right: 0;
			top: 0;
			width: 34%
		}
		.hm3-rt div {
			-webkit-transform-origin: 100% 0;
			-moz-transform-origin: 100% 0;
			-ms-transform-origin: 100% 0;
			-o-transform-origin: 100% 0;
			transform-origin: 100% 0
		}
		.hm3-lb {
			left: 0;
			bottom: 0;
			width: 34%
		}
		.hm3-rb {
			right: 0;
			bottom: 0;
			width: 66%
		}
		.swiper-slide-active .hm3-lt div,
		.swiper-slide-active .hm3-rt div,
		.swiper-slide-active .hm3-lb div,
		.swiper-slide-active .hm3-rb div {
			-webkit-transition: all 1.2s;
			-moz-transition: all 1.2s;
			-ms-transition: all 1.2s;
			-o-transition: all 1.2s;
			transition: all 1.2s;
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			transform: rotate(-90deg)
		}
		.swiper-slide-active .hm3-t div,
		.swiper-slide-active .hm3-b div {
			-webkit-transition: all 1.2s;
			-moz-transition: all 1.2s;
			-ms-transition: all 1.2s;
			-o-transition: all 1.2s;
			transition: all 1.2s
		}
		.swiper-slide-active .hm3-l div {
			-webkit-transform: rotate(-90deg);
			-moz-transform: rotate(-90deg);
			-ms-transform: rotate(-90deg);
			-o-transform: rotate(-90deg);
			transform: rotate(-90deg)
		}
		.swiper-slide-active .hm3-r div {
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg)
		}
		.swiper-slide-active .hm3-l2,
		.swiper-slide-active .hm3-r2 {
			-webkit-transform: rotate(90deg);
			-moz-transform: rotate(90deg);
			-ms-transform: rotate(90deg);
			-o-transform: rotate(90deg);
			transform: rotate(90deg);
			opacity: 1
		}
		.hm3-l,
		.hm3-r {
			width: 50%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			overflow: hidden
		}
		.hm3-l div,
		.hm3-r div {
			position: absolute;
			left: 0;
			top: 0;
			width: 100vw;
			height: 100vw;
			-webkit-transform-origin: 0% 0%;
			-moz-transform-origin: 0% 0%;
			-ms-transform-origin: 0% 0%;
			-o-transform-origin: 0% 0%;
			transform-origin: 0% 0%;
			background: #333a46;
			-webkit-transition: all .8s;
			-moz-transition: all .8s;
			-ms-transition: all .8s;
			-o-transition: all .8s;
			transition: all .8s
		}
		.hm3-r {
			right: 0;
			left: auto
		}
		.hm3-r div {
			left: auto;
			right: 0;
			-webkit-transform-origin: 100% 0%;
			-moz-transform-origin: 100% 0%;
			-ms-transform-origin: 100% 0%;
			-o-transform-origin: 100% 0%;
			transform-origin: 100% 0%;
			background: #fff
		}
		.hm3-l2,
		.hm3-r2 {
			position: absolute;
			width: 200%;
			height: 300%;
			top: 0;
			right: 50%;
			-webkit-transform-origin: 100% 0;
			-moz-transform-origin: 100% 0;
			-ms-transform-origin: 100% 0;
			-o-transform-origin: 100% 0;
			transform-origin: 100% 0;
			-webkit-transition: -webkit-transform 0.8s;
			-moz-transition: -moz-transform 0.8s;
			-ms-transition: -ms-transform 0.8s;
			-o-transition: -o-transform 0.8s;
			transition: transform .8s;
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-ms-transform: rotate(0);
			-o-transform: rotate(0);
			transform: rotate(0);
			background: #333a46;
			z-index: 5;
			opacity: 0
		}
		.hm3-r2 {
			right: 0;
			background: #fff;
			z-index: 4;
			-webkit-transition: -webkit-transform 0.6s;
			-moz-transition: -moz-transform 0.6s;
			-ms-transition: -ms-transform 0.6s;
			-o-transition: -o-transform 0.6s;
			transition: transform .6s
		}
		.swiper-slide-next .hm3-l2,
		.swiper-slide-next .hm3-r2 {
			opacity: 1
		}
		.homepage .gallery-item {
			-webkit-transform: scale(2);
			-moz-transform: scale(2);
			-ms-transform: scale(2);
			-o-transform: scale(2);
			transform: scale(2);
			opacity: 0;
			-webkit-transition: all .8s;
			-moz-transition: all .8s;
			-ms-transition: all .8s;
			-o-transition: all .8s;
			transition: all .8s
		}
		.homepage .swiper-slide-active .gallery-item {
			opacity: 1;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1)
		}
		.hm4-line-up,
		.hm4-line-bottom {
			width: 2px;
			height: 0;
			background: #333a46;
			position: absolute;
			left: 50%;
			top: 5%;
			margin-left: -1px
		}
		.hm4-text {
			width: 300px;
			text-align: center;
			position: absolute;
			top: 16%;
			left: 50%;
			margin-left: -150px;
			color: #333a46;
			font-family: "PT Serif";
			font-size: 12vh;
			letter-spacing: -5px;
			-webkit-transform: scale(0.6);
			-moz-transform: scale(0.6);
			-ms-transform: scale(0.6);
			-o-transform: scale(0.6);
			transform: scale(0.6);
			opacity: 0
		}
		.hm4-text span {
			font-size: 8vh
		}
		.hm4-text div {
			font-size: 5vh;
			font-family: lt;
			letter-spacing: 0
		}
		.hm4-line-bottom {
			top: 44%
		}
		.hm4-line-up,
		.hm4-line-bottom,
		.hm4-text {
			-webkit-transition: all .4s;
			-moz-transition: all .4s;
			-ms-transition: all .4s;
			-o-transition: all .4s;
			transition: all .4s
		}
		.swiper-slide-active .hm4-line-up {
			height: 10%;
			-webkit-transition: all .6s .6s;
			-moz-transition: all .6s .6s;
			-ms-transition: all .6s .6s;
			-o-transition: all .6s .6s;
			transition: all .6s .6s
		}
		.swiper-slide-active .hm4-line-bottom {
			-webkit-transition-delay: 1.6s;
			-moz-transition-delay: 1.6s;
			-ms-transition-delay: 1.6s;
			-o-transition-delay: 1.6s;
			transition-delay: 1.6s;
			height: 30%
		}
		.swiper-slide-active .hm4-text {
			-webkit-transition: -webkit-transform 0.6s 1.2s, opacity 0.6s 1.2s;
			-moz-transition: -moz-transform 0.6s 1.2s, opacity 0.6s 1.2s;
			-ms-transition: -o-transform 0.6s 1.2s, opacity 0.6s 1.2s;
			-o-transition: -ms-transform 0.6s 1.2s, opacity 0.6s 1.2s;
			transition: transform .6s 1.2s, opacity .6s 1.2s;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
			opacity: 1
		}
		.about-buy-controls {
			position: absolute;
			width: 100%;
			left: 0;
			text-align: center;
			bottom: 5%
		}
		.about-buy-controls a {
			display: block;
			margin: 0 auto 10px;
			font-size: 14px;
			opacity: 0;
			width: 25%;
			min-width: 200px
		}
		@media screen and (orientation: landscape) {
			.about-buy-controls a.bt-white2 {
				display: inline-block;
				width: 25%;
				min-width: 0
			}
		}
		.about-buy-controls a.bt-white2 {
			overflow: hidden;
			-webkit-transform: rotate(0) translateY(280px);
			-moz-transform: rotate(0) translateY(280px);
			-ms-transform: rotate(0) translateY(280px);
			-o-transform: rotate(0) translateY(280px);
			transform: rotate(0) translateY(280px);
			padding: 0;
			-webkit-transition: all .6s;
			-moz-transition: all .6s;
			-ms-transition: all .6s;
			-o-transition: all .6s;
			transition: all .6s
		}
		.swiper-slide-active .about-buy-controls a.bt-white2 {
			opacity: 1;
			-webkit-transform: rotate(0);
			-moz-transform: rotate(0);
			-ms-transform: rotate(0);
			-o-transform: rotate(0);
			transform: rotate(0);
			-webkit-transition: all 0.8s 2s;
			-moz-transition: all 0.8s 2s;
			-ms-transition: all 0.8s 2s;
			-o-transition: all 0.8s 2s;
			transition: all .8s 2s
		}
		.swiper-slide-active .about-buy-controls a.bt-white2:nth-child(2) {
			-webkit-transition-delay: 2.2s;
			-moz-transition-delay: 2.2s;
			-ms-transition-delay: 2.2s;
			-o-transition-delay: 2.2s;
			transition-delay: 2.2s
		}
		.swiper-slide-active .about-buy-controls a.bt-white2:nth-child(3) {
			-webkit-transition-delay: 2.4s;
			-moz-transition-delay: 2.4s;
			-ms-transition-delay: 2.4s;
			-o-transition-delay: 2.4s;
			transition-delay: 2.4s
		}
		.swiper-slide-active .about-buy-controls a.bt-white2:nth-child(3) span {
			-webkit-transition-delay: 2.4s;
			-moz-transition-delay: 2.4s;
			-ms-transition-delay: 2.4s;
			-o-transition-delay: 2.4s;
			transition-delay: 2.4s
		}
		.bt-about-scroll-down {
			z-index: 10
		}
		.flt-intro-content {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0
		}
		.flt-intro-content .symbol-amp {
			position: absolute;
			width: 30%;
			height: 30%;
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%)
		}
		.flats-type-card {
			position: relative;
			float: left;
			width: 50%;
			height: 50%;
			-webkit-transition: all .5s;
			-moz-transition: all .5s;
			-ms-transition: all .5s;
			-o-transition: all .5s;
			transition: all .5s;
			overflow: hidden;
			background: 50% 50% no-repeat;
			-webkit-background-size: cover;
			background-size: cover
		}
		.flats-type-card:after {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: #1e1b31;
			opacity: .2
		}
		.flats-type-card.i0:before,
		.flats-type-card.i1:before {
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url("../bitrix/templates/mobile/i/bg-fade-top.png") 0 0 repeat-x
		}
		.flats-type-card:hover .flats-type-card-fade {
			opacity: .8
		}
		.flats-type-card:hover .flats-type-card-h,
		.flats-type-card:hover .flats-type-card-ico {
			-webkit-transform: translateY(-20px);
			-moz-transform: translateY(-20px);
			-ms-transform: translateY(-20px);
			-o-transform: translateY(-20px);
			transform: translateY(-20px)
		}
		.flats-type-card:hover .flats-type-card-price-from,
		.flats-type-card:hover .flats-type-card-flats-left {
			opacity: 1;
			-webkit-transform: translateY(20px);
			-moz-transform: translateY(20px);
			-ms-transform: translateY(20px);
			-o-transform: translateY(20px);
			transform: translateY(20px)
		}
		.flats-type-card:hover .flats-type-card-flats-left {
			-webkit-transform: translateY(40px);
			-moz-transform: translateY(40px);
			-ms-transform: translateY(40px);
			-o-transform: translateY(40px);
			transform: translateY(40px)
		}
		.flats-type-card-fade {
			position: absolute;
			width: 100%;
			height: 100%;
			background: #f75a40;
			opacity: 0;
			-webkit-transition: all .5s;
			-moz-transition: all .5s;
			-ms-transition: all .5s;
			-o-transition: all .5s;
			transition: all .5s
		}
		.flats-type-card-h,
		.flats-type-card-ico,
		.flats-type-card-price-from,
		.flats-type-card-flats-left {
			-webkit-transition: all .5s;
			-moz-transition: all .5s;
			-ms-transition: all .5s;
			-o-transition: all .5s;
			transition: all .5s
		}
		.flats-type-card-h {
			position: absolute;
			width: 100%;
			top: 50%;
			left: 0;
			text-align: center;
			font-family: "PT Serif";
			font-size: 3vh;
			color: #fff;
			margin-top: 50px;
			z-index: 1
		}
		.flats-type-card-ico {
			position: absolute;
			width: 117px;
			height: 117px;
			top: 50%;
			left: 50%;
			margin-top: -80px;
			margin-left: -59px;
			z-index: 1
		}
		.flats-type-card-ico:before {
			content: '';
			position: absolute;
			left: 50%;
			top: 50%;
			width: 80px;
			height: 80px;
			background: #f75a40;
			opacity: .8;
			-webkit-transform: translate(-50%, -50%) rotateZ(45deg);
			-moz-transform: translate(-50%, -50%) rotateZ(45deg);
			-ms-transform: translate(-50%, -50%) rotateZ(45deg);
			-o-transform: translate(-50%, -50%) rotateZ(45deg);
			transform: translate(-50%, -50%) rotateZ(45deg)
		}
		.flats-type-card-ico img {
			position: absolute;
			width: 45px;
			height: 45px;
			left: 50%;
			top: 50%;
			-webkit-transform: translate(-50%, -50%);
			-moz-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
			-o-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			z-index: 1
		}
		.flats-type-card-price-from,
		.flats-type-card-flats-left {
			position: absolute;
			width: 100%;
			top: 50%;
			margin-top: 60px;
			text-align: center;
			font-family: app-b;
			font-size: 16px;
			color: #fff;
			letter-spacing: 2px;
			z-index: 1;
			opacity: 0
		}
		.flats-type-card-flats-left {
			margin-top: 80px;
			font-size: 15px;
			text-transform: uppercase
		}
		.about-slider .flats-type-card-h {
			padding: 0 10px
		}
		.about-slider .flats-type-card-ico,
		.about-slider .flats-type-card-h {
			opacity: 0;
			-webkit-transform: translateY(50px) scale(0.8);
			-moz-transform: translateY(50px) scale(0.8);
			-ms-transform: translateY(50px) scale(0.8);
			-o-transform: translateY(50px) scale(0.8);
			transform: translateY(50px) scale(0.8)
		}
		.about-slider .flats-type-card-ico:before,
		.about-slider .flats-type-card-h:before {
			-webkit-transform: translate(-50%, -50%) rotateZ(0deg);
			-moz-transform: translate(-50%, -50%) rotateZ(0deg);
			-ms-transform: translate(-50%, -50%) rotateZ(0deg);
			-o-transform: translate(-50%, -50%) rotateZ(0deg);
			transform: translate(-50%, -50%) rotateZ(0deg);
			-webkit-transition: all .3s;
			-moz-transition: all .3s;
			-ms-transition: all .3s;
			-o-transition: all .3s;
			transition: all .3s
		}
		.about-slider .flats-type-card {
			-webkit-transform: scale(0.7);
			-moz-transform: scale(0.7);
			-ms-transform: scale(0.7);
			-o-transform: scale(0.7);
			transform: scale(0.7);
			opacity: 0;
			-webkit-transition: .1s .7s;
			-moz-transition: .1s .7s;
			-ms-transition: .1s .7s;
			-o-transition: .1s .7s;
			transition: .1s .7s
		}
		.about-slider .swiper-slide-active .flats-type-card {
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-ms-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
			opacity: 1;
			-webkit-transition: .8s .3s;
			-moz-transition: .8s .3s;
			-ms-transition: .8s .3s;
			-o-transition: .8s .3s;
			transition: .8s .3s
		}
		.about-slider .swiper-slide-active .flats-type-card.i1 {
			-webkit-transition-delay: 0.5s;
			-moz-transition-delay: 0.5s;
			-ms-transition-delay: 0.5s;
			-o-transition-delay: 0.5s;
			transition-delay: 0.5s
		}
		.about-slider .swiper-slide-active .flats-type-card.i1 .flats-type-card-ico,
		.about-slider .swiper-slide-active .flats-type-card.i1 .flats-type-card-ico:before {
			-webkit-transition-delay: 0.6s;
			-moz-transition-delay: 0.6s;
			-ms-transition-delay: 0.6s;
			-o-transition-delay: 0.6s;
			transition-delay: 0.6s
		}
		.about-slider .swiper-slide-active .flats-type-card.i1 .flats-type-card-h {
			-webkit-transition-delay: 0.7s;
			-moz-transition-delay: 0.7s;
			-ms-transition-delay: 0.7s;
			-o-transition-delay: 0.7s;
			transition-delay: 0.7s
		}
		.about-slider .swiper-slide-active .flats-type-card.i2 {
			-webkit-transition-delay: 0.7s;
			-moz-transition-delay: 0.7s;
			-ms-transition-delay: 0.7s;
			-o-transition-delay: 0.7s;
			transition-delay: 0.7s
		}
		.about-slider .swiper-slide-active .flats-type-card.i2 .flats-type-card-ico,
		.about-slider .swiper-slide-active .flats-type-card.i2 .flats-type-card-ico:before {
			-webkit-transition-delay: 0.8s;
			-moz-transition-delay: 0.8s;
			-ms-transition-delay: 0.8s;
			-o-transition-delay: 0.8s;
			transition-delay: 0.8s
		}
		.about-slider .swiper-slide-active .flats-type-card.i2 .flats-type-card-h {
			-webkit-transition-delay: 0.9s;
			-moz-transition-delay: 0.9s;
			-ms-transition-delay: 0.9s;
			-o-transition-delay: 0.9s;
			transition-delay: 0.9s
		}
		.about-slider .swiper-slide-active .flats-type-card.i3 {
			-webkit-transition-delay: 0.9s;
			-moz-transition-delay: 0.9s;
			-ms-transition-delay: 0.9s;
			-o-transition-delay: 0.9s;
			transition-delay: 0.9s
		}
		.about-slider .swiper-slide-active .flats-type-card.i3 .flats-type-card-ico,
		.about-slider .swiper-slide-active .flats-type-card.i3 .flats-type-card-ico:before {
			-webkit-transition-delay: 1s;
			-moz-transition-delay: 1s;
			-ms-transition-delay: 1s;
			-o-transition-delay: 1s;
			transition-delay: 1s
		}
		.about-slider .swiper-slide-active .flats-type-card.i3 .flats-type-card-h {
			-webkit-transition-delay: 1.1s;
			-moz-transition-delay: 1.1s;
			-ms-transition-delay: 1.1s;
			-o-transition-delay: 1.1s;
			transition-delay: 1.1s
		}
		.about-slider .swiper-slide-active .flats-type-card-ico,
		.about-slider .swiper-slide-active .flats-type-card-h {
			-webkit-transform: translateY(0) scale(1);
			-moz-transform: translateY(0) scale(1);
			-ms-transform: translateY(0) scale(1);
			-o-transform: translateY(0) scale(1);
			transform: translateY(0) scale(1);
			opacity: 1;
			-webkit-transition: 0.5s 0.4s;
			-moz-transition: 0.5s 0.4s;
			-ms-transition: 0.5s 0.4s;
			-o-transition: 0.5s 0.4s;
			transition: 0.5s 0.4s
		}
		.about-slider .swiper-slide-active .flats-type-card-ico:before,
		.about-slider .swiper-slide-active .flats-type-card-h:before {
			-webkit-transform: translate(-50%, -50%) rotateZ(45deg);
			-moz-transform: translate(-50%, -50%) rotateZ(45deg);
			-ms-transform: translate(-50%, -50%) rotateZ(45deg);
			-o-transform: translate(-50%, -50%) rotateZ(45deg);
			transform: translate(-50%, -50%) rotateZ(45deg);
			-webkit-transition: .8s .4s;
			-moz-transition: .8s .4s;
			-ms-transition: .8s .4s;
			-o-transition: .8s .4s;
			transition: .8s .4s
		}
		@font-face{font-family:'lt-b';src:url('../bitrix/templates/2020/fonts/lt-Bold.eot');src:url('../bitrix/templates/2020/fonts/lt-Bold.eot?#iefix') format('embedded-opentype'),
		url('../bitrix/templates/2020/fonts/lt-Bold.woff2') format('woff2'),
		url('../bitrix/templates/2020/fonts/lt-Bold.woff') format('woff'),
		url('../bitrix/templates/2020/fonts/lt-Bold.ttf') format('truetype'),
		url('../bitrix/templates/2020/fonts/lt-Bold.svg#Lato-Bold') format('svg');
		font-weight:normal;
		font-style:normal
	}
	@font-face{font-family:'lt';src:url('../bitrix/templates/2020/fonts/lt-Regular.eot');src:url('/bitrix/templates/2020/fonts/lt-Regular.eot?#iefix') format('embedded-opentype'),
	url('../bitrix/templates/2020/fonts/lt-Regular.woff2') format('woff2'),
	url('../bitrix/templates/2020/fonts/lt-Regular.woff') format('woff'),
	url('../bitrix/templates/2020/fonts/lt-Regular.ttf') format('truetype'),
	url('../bitrix/templates/2020/fonts/lt-Regular.svg#Lato-Regular') format('svg');
	font-weight:normal;
	font-style:normal
}
@font-face{font-family:'lt-l';src:url('../bitrix/templates/2020/fonts/lt-Light.eot');src:url('/bitrix/templates/2020/fonts/lt-Light.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/2020/fonts/lt-Light.woff2') format('woff2'),
url('/bitrix/templates/2020/fonts/lt-Light.woff') format('woff'),
url('/bitrix/templates/2020/fonts/lt-Light.ttf') format('truetype'),
url('/bitrix/templates/2020/fonts/lt-Light.svg#Lato-Light') format('svg');
font-weight:normal;
font-style:normal
}
@font-face{font-family:'rubl';src:url('../bitrix/templates/2020/fonts/rouble-webfont.eot');src:url('/bitrix/templates/2020/fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
url('/bitrix/templates/2020/fonts/rouble-webfont.woff') format('woff'),
url('/bitrix/templates/2020/fonts/rouble-webfont.ttf') format('truetype'),
url('/bitrix/templates/2020/fonts/rouble-webfont.svg#als_rublregular') format('svg');
font-weight:normal;
font-style:normal
}
html,
body {
	height:100%
}
body {
	width:100%;
	font-family:lt,
	sans-serif;
	color:#4d4e58;
	background:#fff;
	font-size:13px;
	line-height:1.2;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%
}
#panel {
	position:fixed;
	bottom:0;
	top:auto;
	z-index:1000
}
.container {
	max-width:1200px
}
.container-full {
	max-width:1200px
}
.screen {
	width:100%;
	height:100%;
	position:relative
}
a {
	color:#f75a40
}
.page-h100 {
	width:100%;
	height:100%;
	padding-top:10vh;
	overflow:hidden
}
.header-padding {
	padding-top:10vh
}
.common-pagination {
	right:3px !important
}
.common-pagination .swiper-pagination-bullet {
	position:relative;
	width:27px;
	height:27px;
	background:none;
	opacity:1
}
.common-pagination .swiper-pagination-bullet:after {
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:5px;
	height:5px;
	background:#fff;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	margin:-2px 0 0 -2px
}
.common-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	content:'';
	position:absolute;
	width:16px;
	height:16px;
	left:50%;
	top:50%;
	-webkit-transform:translate(-50%,
	-50%) rotate(45deg);
	-moz-transform:translate(-50%,
	-50%) rotate(45deg);
	-ms-transform:translate(-50%,
	-50%) rotate(45deg);
	-o-transform:translate(-50%,
	-50%) rotate(45deg);
	transform:translate(-50%,
	-50%) rotate(45deg);
	border:2px solid #fff
}
.common-pagination.dark_ .swiper-pagination-bullet:after {
	background:#333a46
}
.common-pagination.dark_ .swiper-pagination-bullet:before {
	border-color:#333a46
}
@media screen and (orientation: landscape) {
	.common-pagination {
		right:10px !important
	}
}
.location #panel {
	bottom:auto;
	top:0
}
.location .page-content {
	padding-bottom:10vh
}
.location-sec-slider {
	width:100%;
	height:100%
}
.location-sec-slider>.swiper-wrapper>.swiper-slide {
	width:100%;
	height:100%
}
.location-intro-left,
.location-intro-right {
	position:absolute;
	width:50%;
	height:100%;
	overflow:hidden
}
.location-intro-left .symbol-amp,
.location-intro-right .symbol-amp {
	position:absolute;
	top:18%;
	width:100vw;
	height:30%;
	-webkit-transition:all .6s 1.5s;
	-moz-transition:all .6s 1.5s;
	-ms-transition:all .6s 1.5s;
	-o-transition:all .6s 1.5s;
	transition:all .6s 1.5s
}
.location-intro-left {
	left:0
}
.location-intro-left .symbol-amp {
	left:100%
}
.location-intro-right {
	right:0
}
.location-intro-right .symbol-amp {
	right:100%
}
.location-intro-mask-sq {
	width:100vmax;
	height:100vmax;
	position:absolute;
	top:0;
	background:#fff;
	-webkit-transition:all 1.6s ease-in;
	-moz-transition:all 1.6s ease-in;
	-ms-transition:all 1.6s ease-in;
	-o-transition:all 1.6s ease-in;
	transition:all 1.6s ease-in
}
.location-intro-mask-sq.i1,
.location-intro-mask-sq.i3 {
	top:-50%
}
.location-intro-mask-sq.i2,
.location-intro-mask-sq.i4 {
	top:50%
}
.location-intro-mask-sq.i1,
.location-intro-mask-sq.i2 {
	left:0
}
.location-intro-mask-sq.i3,
.location-intro-mask-sq.i4 {
	right:0
}
.location-intro-mask-sq.i1 {
	-webkit-transform-origin:0% 100%;
	-moz-transform-origin:0% 100%;
	-ms-transform-origin:0% 100%;
	-o-transform-origin:0% 100%;
	transform-origin:0% 100%;
	-webkit-transform:translateY(0%) rotateZ(-45deg);
	-moz-transform:translateY(0%) rotateZ(-45deg);
	-ms-transform:translateY(0%) rotateZ(-45deg);
	-o-transform:translateY(0%) rotateZ(-45deg);
	transform:translateY(0%) rotateZ(-45deg)
}
.location-intro-mask-sq.i2 {
	-webkit-transform-origin:0% 0%;
	-moz-transform-origin:0% 0%;
	-ms-transform-origin:0% 0%;
	-o-transform-origin:0% 0%;
	transform-origin:0% 0%;
	-webkit-transform:translateY(-80%) rotateZ(45deg);
	-moz-transform:translateY(-80%) rotateZ(45deg);
	-ms-transform:translateY(-80%) rotateZ(45deg);
	-o-transform:translateY(-80%) rotateZ(45deg);
	transform:translateY(-80%) rotateZ(45deg)
}
.location-intro-mask-sq.i3 {
	-webkit-transform-origin:100% 100%;
	-moz-transform-origin:100% 100%;
	-ms-transform-origin:100% 100%;
	-o-transform-origin:100% 100%;
	transform-origin:100% 100%;
	-webkit-transform:translateY(0%) rotateZ(45deg);
	-moz-transform:translateY(0%) rotateZ(45deg);
	-ms-transform:translateY(0%) rotateZ(45deg);
	-o-transform:translateY(0%) rotateZ(45deg);
	transform:translateY(0%) rotateZ(45deg)
}
.location-intro-mask-sq.i4 {
	-webkit-transform-origin:100% 0%;
	-moz-transform-origin:100% 0%;
	-ms-transform-origin:100% 0%;
	-o-transform-origin:100% 0%;
	transform-origin:100% 0%;
	-webkit-transform:translateY(-80%) rotateZ(-45deg);
	-moz-transform:translateY(-80%) rotateZ(-45deg);
	-ms-transform:translateY(-80%) rotateZ(-45deg);
	-o-transform:translateY(-80%) rotateZ(-45deg);
	transform:translateY(-80%) rotateZ(-45deg)
}
.location-intro-left-image,
.location-intro-right-image {
	width:50%;
	height:100%;
	position:absolute;
	top:0;
	overflow:hidden
}
.location-intro-left-image .loc-intro-inner-image,
.location-intro-right-image .loc-intro-inner-image {
	position:absolute;
	top:0;
	width:200%;
	height:100%;
	background:50% 50% no-repeat;
	-webkit-background-size:cover;
	background-size:cover;
	-webkit-transition:all 1.3s ease-in-out;
	-moz-transition:all 1.3s ease-in-out;
	-ms-transition:all 1.3s ease-in-out;
	-o-transition:all 1.3s ease-in-out;
	transition:all 1.3s ease-in-out
}
.location-intro-left-image.left_,
.location-intro-right-image.left_,
.location-intro-left-image.right_,
.location-intro-right-image.right_ {
	overflow:hidden
}
.location-intro-left-image.left_ .location-intro-h,
.location-intro-right-image.left_ .location-intro-h {
	left:50%
}
.location-intro-left-image.right_ .location-intro-h,
.location-intro-right-image.right_ .location-intro-h {
	right:50%
}
.location-intro-left-image .loc-intro-inner-image {
	background-image:url('/bitrix/templates/mobile/i/location-bg-left.jpg')
}
.location-intro-left-image.left_ {
	left:0;
	width:50%
}
.location-intro-left-image.left_ .loc-intro-inner-image {
	left:0;
	-webkit-transform:translateX(50%);
	-moz-transform:translateX(50%);
	-ms-transform:translateX(50%);
	-o-transform:translateX(50%);
	transform:translateX(50%)
}
.location-intro-left-image.right_ {
	right:0;
	width:50%
}
.location-intro-left-image.right_ .loc-intro-inner-image {
	right:0;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%)
}
.location-intro-right-image .loc-intro-inner-image {
	background-image:url('/bitrix/templates/mobile/i/location-bg-right.jpg')
}
.location-intro-right-image.left_ {
	left:0;
	width:50%
}
.location-intro-right-image.left_ .loc-intro-inner-image {
	-webkit-transform:translateX(50%);
	-moz-transform:translateX(50%);
	-ms-transform:translateX(50%);
	-o-transform:translateX(50%);
	transform:translateX(50%)
}
.location-intro-right-image.right_ {
	right:0;
	width:50%
}
.location-intro-right-image.right_ .loc-intro-inner-image {
	right:0;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%)
}
.location-intro.show .location-intro-right-image.left_ .loc-intro-inner-image,
.location-intro.show .location-intro-left-image.left_ .loc-intro-inner-image {
	left:0;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0)
}
.location-intro.show .location-intro-right-image.right_ .loc-intro-inner-image,
.location-intro.show .location-intro-left-image.right_ .loc-intro-inner-image {
	right:0;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0)
}
.location-intro.show .location-intro-mask-sq.i1 {
	-webkit-transform:translateY(-100vmax) rotateZ(-45deg);
	-moz-transform:translateY(-100vmax) rotateZ(-45deg);
	-ms-transform:translateY(-100vmax) rotateZ(-45deg);
	-o-transform:translateY(-100vmax) rotateZ(-45deg);
	transform:translateY(-100vmax) rotateZ(-45deg)
}
.location-intro.show .location-intro-mask-sq.i3 {
	-webkit-transform:translateY(-100vmax) rotateZ(45deg);
	-moz-transform:translateY(-100vmax) rotateZ(45deg);
	-ms-transform:translateY(-100vmax) rotateZ(45deg);
	-o-transform:translateY(-100vmax) rotateZ(45deg);
	transform:translateY(-100vmax) rotateZ(45deg)
}
.location-intro.show .location-intro-mask-sq.i2 {
	-webkit-transform:translateY(100vmax) rotateZ(45deg);
	-moz-transform:translateY(100vmax) rotateZ(45deg);
	-ms-transform:translateY(100vmax) rotateZ(45deg);
	-o-transform:translateY(100vmax) rotateZ(45deg);
	transform:translateY(100vmax) rotateZ(45deg)
}
.location-intro.show .location-intro-mask-sq.i4 {
	-webkit-transform:translateY(100vmax) rotateZ(-45deg);
	-moz-transform:translateY(100vmax) rotateZ(-45deg);
	-ms-transform:translateY(100vmax) rotateZ(-45deg);
	-o-transform:translateY(100vmax) rotateZ(-45deg);
	transform:translateY(100vmax) rotateZ(-45deg)
}
.location-intro.show .location-intro-left .symbol-amp {
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%)
}
.location-intro.show .location-intro-right .symbol-amp {
	-webkit-transform:translateX(50%);
	-moz-transform:translateX(50%);
	-ms-transform:translateX(50%);
	-o-transform:translateX(50%);
	transform:translateX(50%)
}
.location-intro.show .bt-location-show-map,
.location-intro.show .location-intro-text {
	opacity:1
}
.location-intro.show .location-slogan-top .left .location-intro-h,
.location-intro.show .location-slogan-bottom .left .location-intro-h {
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0)
}
.location-intro.show .location-slogan-top .right .location-intro-h,
.location-intro.show .location-slogan-bottom .right .location-intro-h {
	-webkit-transform:translateX(-50vw);
	-moz-transform:translateX(-50vw);
	-ms-transform:translateX(-50vw);
	-o-transform:translateX(-50vw);
	transform:translateX(-50vw)
}
.location-slogan-top,
.location-slogan-bottom {
	position:absolute;
	width:100%;
	height:30px;
	overflow:hidden;
	left:0;
	z-index:2
}
.location-slogan-top .col-1-2,
.location-slogan-bottom .col-1-2 {
	position:relative;
	overflow:hidden
}
.location-slogan-top .col-1-2.left .location-intro-h,
.location-slogan-bottom .col-1-2.left .location-intro-h {
	-webkit-transform:translateX(50vw);
	-moz-transform:translateX(50vw);
	-ms-transform:translateX(50vw);
	-o-transform:translateX(50vw);
	transform:translateX(50vw)
}
.location-slogan-top .col-1-2.right .location-intro-h,
.location-slogan-bottom .col-1-2.right .location-intro-h {
	-webkit-transform:translateX(-100vw);
	-moz-transform:translateX(-100vw);
	-ms-transform:translateX(-100vw);
	-o-transform:translateX(-100vw);
	transform:translateX(-100vw)
}
.location-slogan-top {
	top:10%;
	margin-top:-15px
}
.location-slogan-bottom {
	top:55%;
	margin-top:-15px
}
.location-intro-h {
	position:absolute;
	left:0;
	top:0;
	width:100vw;
	height:100%;
	line-height:30px;
	font-family:'PT Serif',
	sans-serif;
	font-size:20px;
	color:#fff;
	text-align:center;
	-webkit-transition:all .9s 1.5s,
	opacity 0s 1.5s;
	-moz-transition:all .9s 1.5s,
	opacity 0s 1.5s;
	-ms-transition:all .9s 1.5s,
	opacity 0s 1.5s;
	-o-transition:all .9s 1.5s,
	opacity 0s 1.5s;
	transition:all .9s 1.5s,
	opacity 0s 1.5s
}
.location-controls {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:10vh;
	overflow:hidden
}
.location-controls a {
	position:absolute;
	left:0;
	padding:0;
	height:100%;
	line-height:10vh;
	width:50%;
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s
}
.location-controls .bt-location-show-map {
	left:50%
}
.location-controls.pos2_0 .bt-location-show-map,
.location-controls.pos3_0 .bt-location-show-map {
	width:100%;
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transform:translateX(-50%)
}
.location-controls.pos2_0 .bt-location-show-gallery,
.location-controls.pos3_0 .bt-location-show-gallery {
	width:100%;
	-webkit-transform:translateX(-100%);
	-moz-transform:translateX(-100%);
	-ms-transform:translateX(-100%);
	-o-transform:translateX(-100%);
	transform:translateX(-100%)
}
.location-controls.pos2_1 .bt-location-show-map,
.location-controls.pos3_2 .bt-location-show-map {
	width:100%;
	-webkit-transform:translateX(100%);
	-moz-transform:translateX(100%);
	-ms-transform:translateX(100%);
	-o-transform:translateX(100%);
	transform:translateX(100%)
}
.location-controls.pos2_1 .bt-location-show-gallery,
.location-controls.pos3_2 .bt-location-show-gallery {
	width:100%;
	-webkit-transform:translateX(0);
	-moz-transform:translateX(0);
	-ms-transform:translateX(0);
	-o-transform:translateX(0);
	transform:translateX(0)
}
.bt-location-show-map i,
.bt-location-show-gallery i {
	display:inline-block;
	width:4vh;
	height:4vh;
	vertical-align:middle;
	background:0 0 no-repeat;
	-webkit-background-size:contain;
	background-size:contain;
	margin-right:10px
}
.bt-location-show-map i {
	background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='47px' height='41.982px' viewBox='0 0 47 41.982' enable-background='new 0 0 47 41.982' xml:space='preserve'%3E %3Cpath fill='%23FFFFFF' d='M46.439,0.319c-0.356-0.284-0.815-0.384-1.257-0.278L30.844,3.609L16.505,0.041 c-0.009-0.002-0.017-0.001-0.026-0.003c-0.044-0.01-0.089-0.011-0.134-0.016c-0.063-0.008-0.126-0.02-0.189-0.02 c-0.063,0-0.126,0.012-0.189,0.02c-0.045,0.006-0.09,0.006-0.134,0.016c-0.009,0.002-0.017,0.001-0.026,0.003L1.12,3.696 C0.463,3.86,0,4.462,0,5.153v35.33c0,0.46,0.206,0.895,0.561,1.179c0.262,0.209,0.582,0.321,0.908,0.321 c0.116,0,0.232-0.015,0.349-0.042l14.339-3.568l14.339,3.568c0.116,0.028,0.232,0.042,0.349,0.042 c0.116,0,0.232-0.015,0.349-0.042l14.688-3.655C46.537,38.12,47,37.518,47,36.828V1.498C47,1.038,46.793,0.603,46.439,0.319z M2.938,6.33l11.75-2.923V35.65l-11.75,2.923V6.33z M17.625,3.407l11.75,2.923v32.243l-11.75-2.923V3.407z M44.062,35.65 l-11.75,2.923V6.33l11.75-2.923V35.65z'/%3E %3C/svg%3E ")
}
.bt-location-show-gallery i {
	background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='36px' viewBox='0 0 44 36' enable-background='new 0 0 44 36' xml:space='preserve'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233B3446' d='M41.25,36H2.75C1.231,36,0,34.76,0,33.231V2.769 C0,1.24,1.231,0,2.75,0h38.5C42.769,0,44,1.24,44,2.769v30.462C44,34.76,42.769,36,41.25,36z M39.875,4.154H4.125v15.504 c0.465,0.205,0.908,0.414,1.337,0.619c2.11,1.007,3.932,1.877,7.821,1.877c3.892,0,5.716-0.869,7.828-1.877 C23.349,19.209,25.885,18,30.704,18c4.522,0,7.029,1.064,9.171,2.078V4.154z M39.875,24.653c-0.467-0.207-0.913-0.417-1.343-0.622 c-2.112-1.008-3.936-1.877-7.827-1.877c-3.891,0-5.715,0.869-7.828,1.877c-2.238,1.067-4.774,2.277-9.594,2.277 c-4.514,0-7.019-1.063-9.158-2.074v7.613h35.75V24.653z M12.375,15.231c-1.519,0-2.75-1.24-2.75-2.769 c0-1.529,1.231-2.769,2.75-2.769c1.519,0,2.75,1.24,2.75,2.769C15.125,13.991,13.894,15.231,12.375,15.231z'/%3E %3C/svg%3E")
}
.location-intro-text {
	position:absolute;
	left:0;
	bottom:0;
	background:#333a46;
	padding:4vmin;
	color:#FFF;
	letter-spacing:1px;
	line-height:1.4;
	font-size:2vh;
	text-align:center;
	opacity:0;
	-webkit-transition:all .8s 1.6s;
	-moz-transition:all .8s 1.6s;
	-ms-transition:all .8s 1.6s;
	-o-transition:all .8s 1.6s;
	transition:all .8s 1.6s
}
@media screen and (orientation: landscape) {
	.location-intro-text {
		font-size:3vh
	}
}
.location-gallery-slider {
	width:100%;
	height:100%;
	background:#333a46;
	opacity:0
}
.location-gallery-slider .swiper-slide {
	width:70%;
	height:100%
}
.location-gallery-range {
	height:20%;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	text-align:center;
	color:#FFF
}
.location-gallery-range span {
	display:inline-block;
	position:relative;
	top:50%;
	height:34px;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%)
}
.location-gallery-range span strong {
	font-family:"PT Serif";font-size:30px;line-height:30px;display:inline-block;vertical-align:middle;height:34px;margin-right:5px;padding-left:20px;position:relative}.location-gallery-range span strong:before{content:'';position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:50%;width:20px;background:0 0 no-repeat;-webkit-background-size:contain;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='68.136px' height='113.943px' viewBox='0 0 68.136 113.943' enable-background='new 0 0 68.136 113.943' xml:space='preserve'%3E %3Cpath fill='%23FFFFFF' d='M55.817,104.147L35.727,78.46l5.597-10.395l25.687,32.783c1.499,1.999,1.499,4.698,0,6.697l-3.198,3.998 c-1.099,1.299-2.599,1.999-4.198,1.999c-1.199,0-2.399-0.4-3.398-1.199c-2.299-1.899-2.699-5.297-0.8-7.596L55.817,104.147z'/%3E %3Cpath fill='%23FFFFFF' d='M24.933,45.077L9.241,57.071c-0.999,0.7-2.099,1.099-3.198,1.099c-1.599,0-3.298-0.7-4.398-2.099 c-1.799-2.399-1.299-5.697,0.999-7.496l22.289-16.891L24.933,45.077L24.933,45.077z'/%3E %3Cpath fill='%23FFFFFF' d='M9.34,113.943c1.899,0,3.798-0.999,4.798-2.899l24.588-45.977c0.4-0.8,0.6-1.599,0.6-2.499V45.077 l16.792,20.889c1.899,2.299,5.297,2.599,7.596,0.7c2.299-1.899,2.599-5.297,0.7-7.596L38.026,26.687 c-1.399-1.799-3.798-2.399-5.997-1.599c-2.099,0.8-3.598,2.799-3.598,5.097v31.084l-21.589,40.38c-2.499-0.7-5.097,0.5-6.297,2.799 c-1.299,2.699-0.2,5.897,2.499,7.196l3.798,1.799C7.841,113.743,8.641,113.943,9.34,113.943z'/%3E %3Ccircle fill='%23FFFFFF' cx='32.429' cy='10.495' r='10.495'/%3E %3C/svg%3E")}.location-gallery-name{position:absolute;bottom:0;left:0;width:100%;height:20%;padding:20px
	10px;
	text-align:center;
	color:#FFF;
	font-size:15px
}
.location-gallery-image {
	width:100%;
	height:60%;
	background:#FFF;
	padding:10px 10px 30px;
	text-align:center;
	position:relative;
	top:20%;
	-webkit-transform:scale(0.9);
	-moz-transform:scale(0.9);
	-ms-transform:scale(0.9);
	-o-transform:scale(0.9);
	transform:scale(0.9);
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s
}
.swiper-slide-active>.location-gallery-image {
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	transform:scale(1)
}
.location-gallery-image-inner {
	width:100%;
	height:100%;
	background:50% 50% no-repeat;
	-webkit-background-size:cover;
	background-size:cover
}
.location-gallery-time {
	font-size:12px;
	color:#333a46;
	font-family:lt-l;
	line-height:30px;
	width:100%;
	position:absolute;
	bottom:0;
	left:0
}
.location-paths-controls {
	position:absolute;
	left:50%;
	margin-left:-135px;
	bottom:20px;
	width:270px;
	height:40px;
	line-height:40px;
	background:#fff;
	-webkit-transition:all .6s;
	-moz-transition:all .6s;
	-ms-transition:all .6s;
	-o-transition:all .6s;
	transition:all .6s;
	overflow:hidden
}
.location-paths-controls.open {
	height:120px
}
.bt-location-paths-open {
	position:absolute;
	left:0;
	top:0;
	z-index:1;
	width:270px;
	height:40px;
	background:#fff;
	color:#333a46;
	text-align:center;
	cursor:pointer;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.bt-location-paths-open:hover {
	color:#f75a40
}
.bt-location-paths-open i {
	display:inline-block;
	margin-left:12px;
	height:12px;
	width:12px;
	position:relative;
	-webkit-transition:all .3s;
	-moz-transition:all .3s;
	-ms-transition:all .3s;
	-o-transition:all .3s;
	transition:all .3s
}
.bt-location-paths-open i:before,
.bt-location-paths-open i:after {
	content:'';
	position:absolute;
	left:5px;
	top:0;
	width:2px;
	height:100%;
	background:#333a46
}
.bt-location-paths-open i:after {
	width:100%;
	height:2px;
	left:0;
	top:5px
}
.location-paths-controls.open .bt-location-paths-open i {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg)
}
.loc-paths-list {
	width:100%;
	margin:0;
	padding:40px 0 0 !important;
	list-style:none
}
.loc-paths-list li {
	display:block;
	padding:0;
	margin:0;
	float:right;
	height:40px;
	width:100%
}
.bt-paths {
	display:block;
	width:100%;
	height:100%;
	color:#adb0b5;
	text-align:center;
	cursor:pointer
}
.bt-paths:hover,
.bt-paths.selected {
	color:#f75a40
}
@media screen and (orientation: landscape) {
	.location-paths-controls {
		left:20px;
		margin-left:0;
		width:130px
	}
	.location-paths-controls.open {
		width: 80%;
		height: 40px
	}
	.bt-location-paths-open {
		width: 130px
	}
	.loc-paths-list {
		padding: 0 0 0 130px
	}
	.loc-paths-list li {
		width: 50%
	}
}
.news-year-filter {
	position:absolute;
	top:120px;
	right:42px
}
.news-year-filter a {
	display:inline-block;
	width:55px;
	text-align:center;
	font-family:lt-b;
	color:#333a46
}
.news-year-filter a.active,
.news-year-filter a:hover {
	color:#f75a40
}
.news-list {
	margin-left:15%;
	border-left:1px solid #eaebec;
	padding-top:39px
}
.news-list-item {
	position:relative;
	width:700px;
	padding-bottom:86px;
	padding-left:130px;
	color:#484f59;
	letter-spacing:1px
}
.news-list-h {
	padding-bottom:26px;
	font-size:18px;
	cursor:pointer
}
.news-list-h:hover {
	color:#f75a40
}
.news-list-announce,
.news-list-text {
	line-height:1.6
}
.news-list-announce {
	letter-spacing:2px
}
.news-list-text {
	display:none;
	padding-top:20px
}
.news-list-date {
	position:absolute;
	left:-41px;
	top:0;
	width:80px;
	height:80px;
	border:1px solid #eaebec;
	background:#fff;
	text-align:center;
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s
}
.news-list-date div {
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%) rotate(-45deg);
	-moz-transform:translateY(-50%) rotate(-45deg);
	-ms-transform:translateY(-50%) rotate(-45deg);
	-o-transform:translateY(-50%) rotate(-45deg);
	transform:translateY(-50%) rotate(-45deg);
	-webkit-transition:all .4s;
	-moz-transition:all .4s;
	-ms-transition:all .4s;
	-o-transition:all .4s;
	transition:all .4s
}
.news-list-item:hover .news-list-date {
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);
	transform:rotate(0deg)
}
.news-list-item:hover .news-list-date div {
	-webkit-transform:translateY(-50%) rotate(0deg);
	-moz-transform:translateY(-50%) rotate(0deg);
	-ms-transform:translateY(-50%) rotate(0deg);
	-o-transform:translateY(-50%) rotate(0deg);
	transform:translateY(-50%) rotate(0deg)
}
.news-list-image {
	margin-bottom:20px
}
body.parking .page-content {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden
}
body.parking .screen {
	overflow:hidden;
	position:absolute;
	width:100%;
	height:90%;
	top:10vh;
	display:block
}
.parking-intro-screen {
	background:url("/bitrix/templates/2020/i/vis-parking-bg.jpg") 40% 50% no-repeat #000;
	-webkit-background-size:cover;
	background-size:cover;
	-webkit-transform:translateY(-100%);
	-moz-transform:translateY(-100%);
	-ms-transform:translateY(-100%);
	-o-transform:translateY(-100%);
	transform:translateY(-100%);
	-webkit-transition:all .8s;
	-moz-transition:all .8s;
	-ms-transition:all .8s;
	-o-transition:all .8s;
	transition:all .8s;
	z-index:1
}
.parking-intro-screen.show {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
.parking-lift-image {
	display:block;
	width:250px;
	height:44px;
	background:url("/bitrix/templates/mobile/i/vis-parking-lift.png") 0 0 no-repeat;
	-webkit-background-size:contain;
	background-size:contain;
	position:absolute;
	left:50%;
	top:7%;
	margin-left:-125px;
	-webkit-transform:translateY(-20vh);
	-moz-transform:translateY(-20vh);
	-ms-transform:translateY(-20vh);
	-o-transform:translateY(-20vh);
	transform:translateY(-20vh);
	-webkit-transition:all .8s;
	-moz-transition:all .8s;
	-ms-transition:all .8s;
	-o-transition:all .8s;
	transition:all .8s
}
.parking-intro-screen.play-intro .parking-lift-image {
	-webkit-transform:translateY(0);
	-moz-transform:translateY(0);
	-ms-transform:translateY(0);
	-o-transform:translateY(0);
	transform:translateY(0)
}
.parking-lift {
	position:absolute;
	left:0;
	width:100%;
	bottom:15vh;
	text-align:center;
	color:#FFF;
	font-family:"PT Serif";
	font-size:24px;
	line-height:1.4;
	opacity:0;
	-webkit-transform:translateY(-50px);
	-moz-transform:translateY(-50px);
	-ms-transform:translateY(-50px);
	-o-transform:translateY(-50px);
	transform:translateY(-50px);
	-webkit-transition:all 1s .8s;
	-moz-transition:all 1s .8s;
	-ms-transition:all 1s .8s;
	-o-transition:all 1s .8s;
	transition:all 1s .8s
}
.parking-intro-screen.play-intro .parking-lift {
	opacity:1;
	-webkit-transform:rotateX(0deg);
	-moz-transform:rotateX(0deg);
	-ms-transform:rotateX(0deg);
	-o-transform:rotateX(0deg);
	transform:rotateX(0deg)
}
.parking-lift span {
	display:block;font-size:18px}.parking-intro-count{position:relative;font-family:lt;font-size:14px;padding-top:40px;-webkit-transition:all 1s 1.3s;-moz-transition:all 1s 1.3s;-ms-transition:all 1s 1.3s;-o-transition:all 1s 1.3s;transition:all 1s 1.3s;opacity:0;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}.parking-intro-screen.play-intro .parking-intro-count{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.parking-intro-screen.play-intro .parking-intro-count:after{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg)}.parking-intro-count:after{content:'';position:absolute;top:16px;left:50%;margin-left:-15px;width:30px;height:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='13px'%3E %3Cpolyline fill='none' stroke='%23FFF' stroke-width='2' points='1,1 15,12 29,1' /%3E %3C/svg%3E");-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-transition:all 1s 1.3s;-moz-transition:all 1s 1.3s;-ms-transition:all 1s 1.3s;-o-transition:all 1s 1.3s;transition:all 1s 1.3s}.parking-intro-line{display:block;position:absolute;left:50%;width:1px;margin-left:-1px;top:calc(11vh + 44px);bottom:calc(90vh - 11vh - 44px);border-left:1px dashed #fff;-webkit-transition:all 1.2s .5s;-moz-transition:all 1.2s .5s;-ms-transition:all 1.2s .5s;-o-transition:all 1.2s .5s;transition:all 1.2s .5s}.parking-intro-screen.play-intro .parking-intro-line{bottom:calc(15vh + 136px)}.parking-intro-screen.play-intro .parking-intro-line:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.parking-intro-line:after{content:'';display:block;position:absolute;left:50%;height:5px;width:5px;top:-8px;background:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-left:-3px;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1);-webkit-transition:all .6s .5s;-moz-transition:all .6s .5s;-ms-transition:all .6s .5s;-o-transition:all .6s .5s;transition:all .6s .5s}.parking-cars-screen{background:#3b3446;position:relative;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;background:url("/bitrix/templates/mobile/i/parking/asfalt.png")}.parking-cars-screen.show,.parking-cars-screen.show.stage2{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}.parking-cars-screen.show .parking-controls-cars,
	.parking-cars-screen.show.stage2 .parking-controls-cars {
		-webkit-transform: translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.parking-cars-screen.stage2{opacity:0;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6)}.parking-cars-screen .parking-controls-cars{-webkit-transform:translateY(10vh);-moz-transform:translateY(10vh);-ms-transform:translateY(10vh);-o-transform:translateY(10vh);transform:translateY(10vh);-webkit-transition:all .8s .8s;-moz-transition:all .8s .8s;-ms-transition:all .8s .8s;-o-transition:all .8s .8s;transition:all .8s .8s}.parking-slider{width:100%;position:absolute;top:10vh;bottom:10vh;overflow:hidden}.parking-slider .swiper-slide{background:url("/bitrix/templates/mobile/i/parking/asfalt.png");overflow:hidden}.parking-names-slider{position:relative;height:10vh;width:100%;background:#3b3446;line-height:8vh;font-family:lt-b;font-size:3vh;color:#fec202;text-align:center;overflow:hidden;border-top:1px solid #9ba0a9;-webkit-transform:translateY(-10vh);-moz-transform:translateY(-10vh);-ms-transform:translateY(-10vh);-o-transform:translateY(-10vh);transform:translateY(-10vh);-webkit-transition:all .8s .8s;-moz-transition:all .8s .8s;-ms-transition:all .8s .8s;-o-transition:all .8s .8s;transition:all .8s .8s}.parking-cars-screen.show .parking-names-slider{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.parking-names-slider-prev,.parking-names-slider-next{position:absolute;z-index:1;top:0;height:10vh;width:10vh;left:0;border-right:1px solid #9ba0a9;background:50% 50% no-repeat #3b3446;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='22px'%3E %3Cpolyline points='0,11 20,0 20,22 0,10' fill='%23FFF'%3E%3C/polyline%3E %3C/svg%3E")}.parking-names-slider-next{left:auto;right:0;border-left:1px solid #9ba0a9;border-right:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='22px'%3E %3Cpolyline points='0,0 20,11 0,22 0,0' fill='%23FFF'%3E%3C/polyline%3E %3C/svg%3E")}.parking-names-slider-pagination{position:absolute;bottom:1vh !important;width:100%;text-align:center;line-height:1}.parking-names-slider-pagination .swiper-pagination-bullet{line-height:1;background:#FFF;width:5px;height:5px}.parking-names-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF}.parking-controls-cars,.parking-controls-scheme,.flat-detail-controls{position:absolute;bottom:0;left:0;height:10vh;width:100%}.parking-controls-cars a,
		.parking-controls-scheme a, .flat-detail-controls a {
			position: relative;
			height: 100%;
			float: left;
			display: flex;
			padding: 0 5px;
			align-items: center;
			justify-content: center;
			line-height: 1.2;
			text-align: left
		}
		.parking-controls-cars a i,
		.parking-controls-scheme a i,
		.flat-detail-controls a i {
			display: block;width:8vh;height:8vh;margin-right:10px;background:50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='61.667px' height='39.667px' viewBox='0 0 61.667 39.667' enable-background='new 0 0 61.667 39.667' xml:space='preserve'%3E %3Cpath fill='none' stroke='%239BA0A9' stroke-width='2' stroke-miterlimit='10' d='M3.417,3.501h7.167v-1.25H23.5v6.584l3.667,1.582h16.75 c0,0,1.334-4.416,7.417-4.416s8.083,5.334,8.083,5.334v26.083h-56V3.501z'/%3E %3C/svg%3E")}.parking-controls-cars a:first-child,
			.parking-controls-scheme a: first-child, .flat-detail-controls a: first-child {
				background: #FFF;
				color: #333a46
			}
			.parking-controls-cars a:last-child,
			.parking-controls-scheme a:last-child,
			.flat-detail-controls a:last-child {
				background: #f75a40;
				color: #FFF;
				justify-content: center
			}
			.parking-controls-scheme {
				-webkit-transform: translateY(100px);
				-moz-transform: translateY(100px);
				-ms-transform: translateY(100px);
				-o-transform: translateY(100px);
				transform: translateY(100px);
				opacity: 0;
				-webkit-transition: all .6s;
				-moz-transition: all .6s;
				-ms-transition: all .6s;
				-o-transition: all .6s;
				transition: all .6s
			}
			.parking-scheme-screen.show .parking-controls-scheme {
				-webkit-transform: translateY(0);
				-moz-transform: translateY(0);
				-ms-transform: translateY(0);
				-o-transform: translateY(0);
				transform: translateY(0);
				opacity: 1;
				-webkit-transition: all .6s .3s;
				-moz-transition: all .6s .3s;
				-ms-transition: all .6s .3s;
				-o-transition: all .6s .3s;
				transition: all .6s .3s
			}
			.ico-callback i {
				background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='76.875px' height='31.75px' viewBox='0 0 76.875 31.75' enable-background='new 0 0 76.875 31.75' xml:space='preserve'%3E %3Cpath fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d=' M75.355,28.138c0,1.1-0.9,2-2,2H36.188c-1.1,0-2-0.9-2-2v-24.5c0-1.1,0.9-2,2-2h37.167c1.1,0,2,0.9,2,2V28.138z'/%3E %3Cpolygon fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points=' 54.771,15.789 73.855,1.637 35.688,1.637'/%3E %3Cline fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='11.19' y1='3.706' x2='21.024' y2='3.706'/%3E %3Cline fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1.69' y1='15.772' x2='21.024' y2='15.772'/%3E %3Cline fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='11.19' y1='27.208' x2='21.024' y2='27.208'/%3E %3C/svg%3E") !important
			}
			.parking-car-image {
				position: absolute;
				top: 100%;
				left: 50%;
				width: 80%;
				height: 70%;
				-webkit-transform: translate(-50%, 40vh);
				-moz-transform: translate(-50%, 40vh);
				-ms-transform: translate(-50%, 40vh);
				-o-transform: translate(-50%, 40vh);
				transform: translate(-50%, 40vh);
				-webkit-transition: all .6s;
				-moz-transition: all .6s;
				-ms-transition: all .6s;
				-o-transition: all .6s;
				transition: all .6s;
				opacity: 1;
				text-align: center
			}
			.parking-car-image img {
				max-width: 100%;
				max-height: 100%
			}
			.swiper-slide-prev .parking-car-image {
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				top: -100%;
				-webkit-transition: all 0.6s ease-in;
				-moz-transition: all 0.6s ease-in;
				-ms-transition: all 0.6s ease-in;
				-o-transition: all 0.6s ease-in;
				transition: all 0.6s ease-in
			}
			.swiper-slide-next .parking-car-image {
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				top: 150%
			}
			.swiper-slide-active .parking-car-image {
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				top: 50%;
				-webkit-transition: all 1.1s .2s;
				-moz-transition: all 1.1s .2s;
				-ms-transition: all 1.1s .2s;
				-o-transition: all 1.1s .2s;
				transition: all 1.1s .2s;
				opacity: 1
			}
			.parking-car-image-row {
				height: 50%
			}
			.parking-car-size-long,
			.parking-car-size-short {
				height: 0;
				position: absolute;
				right: 17%;
				width: 2px;
				top: 50%;
				background: #FFF;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%);
				-webkit-transition: all .2s;
				-moz-transition: all .2s;
				-ms-transition: all .2s;
				-o-transition: all .2s;
				transition: all .2s
			}
			.parking-car-size-long:before,
			.parking-car-size-short:before,
			.parking-car-size-long:after,
			.parking-car-size-short:after {
				content: '';
				position: absolute;
				top: 0;
				width: 0;
				left: 50%;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-o-transform: translateX(-50%);
				transform: translateX(-50%);
				height: 2px;
				background: #FFF;
				-webkit-transition: all .2s;
				-moz-transition: all .2s;
				-ms-transition: all .2s;
				-o-transition: all .2s;
				transition: all .2s
			}
			.parking-car-size-long:after,
			.parking-car-size-short:after {
				top: auto;
				bottom: 0
			}
			.parking-car-size-long div,
			.parking-car-size-short div {
				position: absolute;
				font-family: "PT Serif";
				font-weight: 700;
				font-size: 20px;
				color: #FFF;
				top: 50%;
				left: 10px;
				-webkit-transform: translateX(-50%) translateX(15px);
				-moz-transform: translateY(-50%) translateX(15px);
				-ms-transform: translateY(-50%) translateX(15px);
				-o-transform: translateY(-50%) translateX(15px);
				transform: translateY(-50%) translateX(15px);
				white-space: nowrap;
				opacity: 0;
				-webkit-transition: all .2s;
				-moz-transition: all .2s;
				-ms-transition: all .2s;
				-o-transition: all .2s;
				transition: all .2s
			}
			.parking-car-size-long div span,
			.parking-car-size-short div span {
				font-size: 14px
			}
			.swiper-slide-active .parking-car-size-long,
			.swiper-slide-active .parking-car-size-short {
				height: 70%;
				-webkit-transition: all .6s .9s;
				-moz-transition: all .6s .9s;
				-ms-transition: all .6s .9s;
				-o-transition: all .6s .9s;
				transition: all .6s .9s
			}
			.swiper-slide-active .parking-car-size-long:before,
			.swiper-slide-active .parking-car-size-short:before,
			.swiper-slide-active .parking-car-size-long:after,
			.swiper-slide-active .parking-car-size-short:after {
				width: 10px;
				-webkit-transition: all .3s .9s;
				-moz-transition: all .3s .9s;
				-ms-transition: all .3s .9s;
				-o-transition: all .3s .9s;
				transition: all .3s .9s
			}
			.swiper-slide-active .parking-car-size-long div,
			.swiper-slide-active .parking-car-size-short div {
				-webkit-transition: all .5s .9s;
				-moz-transition: all .5s .9s;
				-ms-transition: all .5s .9s;
				-o-transition: all .5s .9s;
				transition: all .5s .9s;
				-webkit-transform: translateX(-50%) translateX(0);
				-moz-transform: translateY(-50%) translateX(0);
				-ms-transform: translateY(-50%) translateX(0);
				-o-transform: translateY(-50%) translateX(0);
				transform: translateY(-50%) translateX(0);
				opacity: 1
			}
			.parking-car-size-short {
				top: auto;
				right: auto;
				left: 50%;
				bottom: 13%;
				width: 0;
				height: 2px;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-o-transform: translateX(-50%);
				transform: translateX(-50%)
			}
			.parking-car-size-short:before,
			.parking-car-size-short:after {
				top: 50%;
				bottom: auto;
				left: auto;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%);
				width: 2px;
				height: 0
			}
			.parking-car-size-short:before {
				left: 0
			}
			.parking-car-size-short:after {
				right: 0
			}
			.parking-car-size-short div {
				top: 8px;
				left: 50%;
				-webkit-transform: translateX(-50%) translateY(15px);
				-moz-transform: translateX(-50%) translateY(15px);
				-ms-transform: translateX(-50%) translateY(15px);
				-o-transform: translateX(-50%) translateY(15px);
				transform: translateX(-50%) translateY(15px)
			}
			.swiper-slide-active .parking-car-size-short {
				height: 2px;
				width: 50%
			}
			.swiper-slide-active .parking-car-size-short:before,
			.swiper-slide-active .parking-car-size-short:after {
				height: 10px;
				width: 2px
			}
			.swiper-slide-active .parking-car-size-short div {
				-webkit-transform: translateX(-50%) translateY(0);
				-moz-transform: translateX(-50%) translateY(0);
				-ms-transform: translateX(-50%) translateY(0);
				-o-transform: translateX(-50%) translateY(0);
				transform: translateX(-50%) translateY(0)
			}
			.parking-car-price {
				width: 100%;
				font-size: 22px;
				color: #FFF;
				font-family: lt-b;
				text-align: center;
				top: 10%;
				line-height: 30px;
				height: 30px;
				margin-top: -15px;
				position: absolute;
				left: 0;
				overflow: hidden
			}
			.parking-car-price-inner {
				height: 100%;
				-webkit-transform: translateY(100%);
				-moz-transform: translateY(100%);
				-ms-transform: translateY(100%);
				-o-transform: translateY(100%);
				transform: translateY(100%);
				-webkit-transition: all .4s;
				-moz-transition: all .4s;
				-ms-transition: all .4s;
				-o-transition: all .4s;
				transition: all .4s
			}
			.swiper-slide-active .parking-car-price-inner {
				-webkit-transform: translateY(0);
				-moz-transform: translateY(0);
				-ms-transform: translateY(0);
				-o-transform: translateY(0);
				transform: translateY(0);
				-webkit-transition: all .6s 1s;
				-moz-transition: all .6s .1s;
				-ms-transition: all .6s 1s;
				-o-transition: all .6s 1s;
				transition: all .6s 1s
			}
			.parking-slider-places-count {
				position: absolute;
				top: 50%;
				left: 5%;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%);
				font-size: 50px;
				color: #fec202;
				font-family: "PT Serif";
				font-weight: 700;
				z-index: 10;
				opacity: 0;
				-webkit-transition: opacity .4s .8s;
				-moz-transition: opacity .4s .8s;
				-ms-transition: opacity .4s .8s;
				-o-transition: opacity .4s .8s;
				transition: opacity .4s .8s
			}
			.parking-slider-places-count .val-description_ {
				color: #FFF;
				font-family: lt;
				font-size: 14px;
				font-weight: normal
			}
			.val-animate_ {
				position: relative;
				display: inline-block;
				vertical-align: middle;
				width: 30px;
				height: 80px;
				line-height: 80px
			}
			.val-animate_ .val_ {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				opacity: 0;
				-webkit-animation: flat-val-anm-out 0.5s forwards;
				-o-animation: flat-val-anm-out 0.5s forwards;
				animation: flat-val-anm-out 0.5s forwards;
				text-align: center
			}
			.val-animate_ .val_.active {
				-webkit-animation: flat-val-anm-in 0.5s forwards;
				-o-animation: flat-val-anm-in 0.5s forwards;
				animation: flat-val-anm-in 0.5s forwards
			}
			@-moz-keyframes flat-val-anm-in {
				0% {
					opacity: 0;
					-webkit-transform: translateY(20px);
					-moz-transform: translateY(20px);
					-ms-transform: translateY(20px);
					-o-transform: translateY(20px);
					transform: translateY(20px)
				}
				100% {
					opacity: 1;
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
			}
			@-webkit-keyframes flat-val-anm-in {
				0% {
					opacity: 0;
					-webkit-transform: translateY(20px);
					-moz-transform: translateY(20px);
					-ms-transform: translateY(20px);
					-o-transform: translateY(20px);
					transform: translateY(20px)
				}
				100% {
					opacity: 1;
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
			}
			@keyframes flat-val-anm-in {
				0% {
					opacity: 0;
					-webkit-transform: translateY(20px);
					-moz-transform: translateY(20px);
					-ms-transform: translateY(20px);
					-o-transform: translateY(20px);
					transform: translateY(20px)
				}
				100% {
					opacity: 1;
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
			}
			@-moz-keyframes flat-val-anm-out {
				0% {
					opacity: 1;
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				100% {
					opacity: 0;
					-webkit-transform: translateY(-20px);
					-moz-transform: translateY(-20px);
					-ms-transform: translateY(-20px);
					-o-transform: translateY(-20px);
					transform: translateY(-20px)
				}
			}
			@-webkit-keyframes flat-val-anm-out {
				0% {
					opacity: 1;
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				100% {
					opacity: 0;
					-webkit-transform: translateY(-20px);
					-moz-transform: translateY(-20px);
					-ms-transform: translateY(-20px);
					-o-transform: translateY(-20px);
					transform: translateY(-20px)
				}
			}
			@keyframes flat-val-anm-out {
				0% {
					opacity: 1;
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				100% {
					opacity: 0;
					-webkit-transform: translateY(-20px);
					-moz-transform: translateY(-20px);
					-ms-transform: translateY(-20px);
					-o-transform: translateY(-20px);
					transform: translateY(-20px)
				}
			}
			.parking-scheme-screen {
				background: url("/bitrix/templates/mobile/i/bg-lines-45.png");
				opacity: 0;
				-webkit-transform: scale(1.3);
				-moz-transform: scale(1.3);
				-ms-transform: scale(1.3);
				-o-transform: scale(1.3);
				transform: scale(1.3);
				z-index: -1;
				-webkit-transition: all 1s;
				-moz-transition: all 1s;
				-ms-transition: all 1s;
				-o-transition: all 1s;
				transition: all 1s
			}
			.parking-scheme-screen.show {
				z-index: 2;
				opacity: 1;
				-webkit-transform: scale(1);
				-moz-transform: scale(1);
				-ms-transform: scale(1);
				-o-transform: scale(1);
				transform: scale(1)
			}
			.parking-visual-container {
				position: absolute;
				top: 10vh;
				left: 2px;
				bottom: 40vh;
				right: 2px
			}
			.vis-parking-floor {
				width: 100%;
				height: 100%
			}
			.vis-parking-floor svg {
				-webkit-transform: scale(1.2);
				-moz-transform: scale(1.2);
				-ms-transform: scale(1.2);
				-o-transform: scale(1.2);
				transform: scale(1.2);
				-webkit-transition: all .6s;
				-moz-transition: all .6s;
				-ms-transition: all .6s;
				-o-transition: all .6s;
				transition: all .6s;
				opacity: 0
			}
			.vis-parking-floor.swiper-slide-active svg {
				-webkit-transform: scale(1);
				-moz-transform: scale(1);
				-ms-transform: scale(1);
				-o-transform: scale(1);
				transform: scale(1);
				opacity: 1
			}
			.vis-parking-floor.swiper-slide-next svg {
				-webkit-transform: scale(0.8);
				-moz-transform: scale(0.8);
				-ms-transform: scale(0.8);
				-o-transform: scale(0.8);
				transform: scale(0.8)
			}
			.parking-floors {
				width: 100%;
				top: 0;
				position: absolute;
				left: 0;
				text-align: center
			}
			.parking-floors-switch {
				display: inline-block
			}
			.parking-floors-switch .swiper-pagination-bullet {
				display: inline-block;
				background: none;
				-webkit-border-radius: 100%;
				-moz-border-radius: 100%;
				border-radius: 100%;
				height: 40px;
				width: 40px;
				line-height: 38px;
				font-size: 18px;
				font-family: lt-b;
				color: #333a46;
				opacity: 1
			}
			.parking-floors-switch .swiper-pagination-bullet.swiper-pagination-bullet-active {
				color: #f75a40;
				border: 1px solid #9ba0a9
			}
			.parking-floors-h {
				display: inline-block;
				margin-right: 10px;
				color: #9ba0a9;
				font-family: lt-b
			}
			.parking-scheme-info {
				position: absolute;
				bottom: 10vh;
				left: 0;
				width: 100%;
				height: 30vh;
				text-align: center
			}
			.parking-scheme-type-slider {
				position: relative;
				height: 8vh;
				width: 80%;
				margin: 10px auto 0;background:#00aeef;line-height:6vh;font-family:lt-b;font-size:2.5vh;color:#FFF;text-align:center;overflow:hidden;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);opacity:0;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s}.parking-scheme-screen.show .parking-scheme-type-slider{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .6s .3s;-moz-transition:all .6s .3s;-ms-transition:all .6s .3s;-o-transition:all .6s .3s;transition:all .6s .3s}.parking-scheme-type-slider-prev,.parking-scheme-type-slider-next{position:absolute;z-index:1;top:0;height:8vh;width:8vh;left:0;border-right:1px solid #FFF;background:50% 50% no-repeat #00aeef;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='22px'%3E %3Cpolyline points='0,11 20,0 20,22 0,10' fill='%23FFF'%3E%3C/polyline%3E %3C/svg%3E")}.parking-scheme-type-slider-next{left:auto;right:0;border-left:1px solid #FFF;border-right:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='22px'%3E %3Cpolyline points='0,0 20,11 0,22 0,0' fill='%23FFF'%3E%3C/polyline%3E %3C/svg%3E")}.parking-scheme-type-slider-pagination{position:absolute;bottom:1vh !important;width:100%;text-align:center;line-height:1}.parking-scheme-type-slider-pagination .swiper-pagination-bullet{line-height:1;background:#FFF;width:5px;height:5px}.parking-scheme-type-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF}.parking-scheme-count{font-size:50px;color:#00aeef;font-family:"PT Serif";font-weight:700;line-height:1.2}.parking-scheme-count-descr{font-family:lt-b;color:#333a46}.js-popup{position:fixed;visibility:hidden}#simplemodal-overlay{background:none repeat scroll 0 0 #000}.bt-wnd-close{cursor:pointer;position:absolute;right:27px;top:27px;width:30px;height:30px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.bt-wnd-close::before,.bt-wnd-close::after{content:'';position:absolute;left:0;top:50%;width:100%;height:2px;background:#333a46;margin-top:-1px}.bt-wnd-close::after{width:2px;height:100%;top:0;left:50%;margin:0
				0 0 -1px
			}
			.wnd-full {
				position: fixed;
				top: 10vh;
				width: 100%;
				bottom: 0;
				-webkit-transform: translateY(-100%) scale(0.9);
				-moz-transform: translateY(-100%) scale(0.9);
				-ms-transform: translateY(-100%) scale(0.9);
				-o-transform: translateY(-100%) scale(0.9);
				transform: translateY(-100%) scale(0.9);
				opacity: 0;
				-webkit-transition: all .4s;
				-moz-transition: all .4s;
				-ms-transition: all .4s;
				-o-transition: all .4s;
				transition: all .4s;
				z-index: 1
			}
			.wnd-full.show_ {
				visibility: visible;
				-webkit-transform: translateY(0) scale(1);
				-moz-transform: translateY(0) scale(1);
				-ms-transform: translateY(0) scale(1);
				-o-transform: translateY(0) scale(1);
				transform: translateY(0) scale(1);
				opacity: 1
			}
			.p404 {
				background: url("/bitrix/templates/2020/i/info-bg.jpg") no-repeat fixed 50% 50%;
				-webkit-background-size: cover;
				background-size: cover
			}
			.p404 .page-content {
				min-height: 100%;
				height: 100%
			}
			.p404-container {
				position: absolute;
				left: 50%;
				top: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				width: 600px;
				padding: 50px 50px 50px;
				background: #FFF
			}
			.p404-content {
				text-align: center
			}
			.p404-content span {
				font-size: 80px;
				font-weight: 600;
				color: #f75a40
			}
			body.about {
				background: url("/bitrix/templates/2020/i/info-bg.jpg") no-repeat fixed 50% 50%;
				-webkit-background-size: cover;
				background-size: cover
			}
			.hm-ceil-bg {
				height: 150%;
				width: 100%;
				position: absolute;
				left: 0;
				top: 0;
				background: url("../img/Step Residence Render (4)_0.jpg") 50% 100% no-repeat #eae3db;
				-webkit-background-size: contain;
				background-size: contain;
				-webkit-transition: all 1s;
				-moz-transition: all 1s;
				-ms-transition: all 1s;
				-o-transition: all 1s;
				transition: all 1s;
				z-index: -1
			}
			.swiper-slide-active .hm-ceil-bg {
				-webkit-transform: translateY(-30%);
				-moz-transform: translateY(-30%);
				-ms-transform: translateY(-30%);
				-o-transform: translateY(-30%);
				transform: translateY(-30%);
				-webkit-transition: all 3s .5s;
				-moz-transition: all 3s .5s;
				-ms-transition: all 3s .5s;
				-o-transition: all 3s .5s;
				transition: all 3s .5s
			}
			.team-logo {
				margin: 0 0 20px
			}
			.team-logo img {
				width: 100%;
				height: auto;
				display: block;
				margin: 0 auto;
				max-width: 150px
			}
			.team-type {
				font-size: 10px;
				color: #9ba0a9;
				margin: 16px 0
			}
			.team-name {
				font-size: 18px;
				color: #333a46;
				margin: 16px 0 20px;
				font-family: "PT Serif";
				font-weight: bold
			}
			.team-descr {
				color: #333a46;
				margin: 20px 0 0
			}
			.homepage-slider {
				overflow: hidden
			}
			.homepage-slider-left,
			.homepage-slider-right {
				position: relative;
				width: 50%;
				height: 100%;
				float: left;
				overflow: hidden
			}
			.homepage-slider-left .symbol-amp,
			.homepage-slider-right .symbol-amp {
				position: absolute;
				height: 35vmin;
				z-index: 10;
				left: 100%;
				top: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%)
			}
			.symbol-amp {
				width: 174px;
				height: 190px;
				background: url("/bitrix/templates/mobile/i/svg/amp.svg") 50% 50% no-repeat;
				-webkit-background-size: contain;
				background-size: contain
			}
			.homepage-slider-right .symbol-amp {
				left: 0
			}
			.homepage-pgn {
				width: 27px;
				top: 50%;
				-webkit-transform: translate3d(0, -50%, 0);
				-moz-transform: translate3d(0, -50%, 0);
				-o-transform: translate(0, -50%);
				-ms-transform: translate3d(0, -50%, 0);
				transform: translate3d(0, -50%, 0);
				z-index: 150
			}
			@media screen and (orientation: portrait) {
				.homepage-slider-left, .homepage-slider-right {
					width: 100%;
					height: 50%;
					float: none
				}
				.homepage-slider-left .symbol-amp,
				.homepage-slider-right .symbol-amp {
					width: 100%;
					height: 35vmin;
					left: 50%;
					-webkit-transform: translate(-50%, -60%);
					-moz-transform: translate(-50%, -60%);
					-ms-transform: translate(-50%, -60%);
					-o-transform: translate(-50%, -60%);
					transform: translate(-50%, -60%);
					top: 100%
				}
				.homepage-slider-right .symbol-amp {
					top: 0
				}
			}
			.homepage-slide {
				background: 50% 50% no-repeat;
				-webkit-background-size: cover;
				background-size: cover
			}
			.homepage-slide.l1 {
				background-image: url("../img/Step Residence Render (21).jpg")
			}
			.homepage-slide.l2 {
				background-image: url("../img/Step Residence Render (65).jpg")
			}
			.homepage-slide.l3 {
				background-image: url("../img/Step Residence Render (67).jpg")
			}
			.homepage-slide.l4 {
				background-image: url("../img/Step Residence Render (7).png")
			}
			.homepage-slide.r1 {
				background-image: url("../img/Step Residence Render (73).jpg")
			}
			.homepage-slide.r2 {
				background-image: url("../img/Step Residence Render (31).jpg")
			}
			.homepage-slide.r3 {
				background-image: url("../img/Step Residence Render (62).jpg")
			}
			.homepage-slide.r4 {
				background-image: url("../img/Step Residence Render (1).png")
			}
			.hm-slogan-outer {
				position: absolute;
				top: 55%;
				width: 50%;
				height: 20vh;
				margin-top: -10vh;
				overflow: hidden;
				z-index: 120
			}
			.hm-slogan-outer.left_ {
				left: 0
			}
			.hm-slogan-outer.right_ {
				right: 0
			}
			@media screen and (orientation: portrait) {
				.hm-slogan-outer {
					width: 100%;
					top: 10%;
					left: 0;
					right: 0;
					height: 30px;
					margin-top: -15px
				}
				.hm-slogan-outer.right_ {
					top: 90%
				}
				.hm-slogan-outer .hm-slogan-sunrise {
					text-align: center
				}
				.hm-slogan-outer .hm-slogan-sunrise .hm-slogan-sunrise-row {
					padding: 0 5px;
					display: inline-block;
					height: 100%;
					width: auto
				}
			}
			.hm-slogan-sunrise {
				position: relative;
				width: 100%;
				height: 100%
			}
			.hm-slogan-sunrise .hm-slogan-sunrise-row {
			position: relative;
			    width: 100%;
			    height: 50%;
			    overflow: hidden;
			    -webkit-transition: all .8s;
			    -moz-transition: all .8s;
			    -ms-transition: all .8s;
			    -o-transition: all .8s;
			    transition: all .8s;
			    text-transform: uppercase;
			    font-family: 'Raleway';
			    font-weight: 800;
			}
			.hm-slogan-sunrise .hm-slogan-sunrise-row div {
				height: 100%;
				text-align: center;
				color: #fff;
				font-family: "PT Serif";
				font-size: 24px;
				letter-spacing: 2px;
				-webkit-animation: anim-slogan-sr-out 0.8s forwards;
				-o-animation: anim-slogan-sr-out 0.8s forwards;
				animation: anim-slogan-sr-out 0.8s forwards
			}
			.hm-slogan-sunrise .swiper-slide {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%
			}
			.hm-slogan-sunrise .swiper-slide-active .hm-slogan-sunrise-row div {
				-webkit-animation: anim-slogan-sr-in 1s forwards;
				-o-animation: anim-slogan-sr-in 1s forwards;
				animation: anim-slogan-sr-in 1s forwards
			}
			.hm-slogan-outer.right_ .hm-slogan-sunrise .hm-slogan-sunrise-row div {
				-webkit-animation: anim-slogan-sr-up-out 0.8s forwards;
				-o-animation: anim-slogan-sr-up-out 0.8s forwards;
				animation: anim-slogan-sr-up-out 0.8s forwards
			}
			.hm-slogan-outer.right_ .hm-slogan-sunrise .swiper-slide-active .hm-slogan-sunrise-row div {
				-webkit-animation: anim-slogan-sr-up-in 1s forwards;
				-o-animation: anim-slogan-sr-up-in 1s forwards;
				animation: anim-slogan-sr-up-in 1s forwards
			}
			@-moz-keyframes anim-slogan-sr-in {
				0%, 20% {
					-webkit-transform: translateY(100%);
					-moz-transform: translateY(100%);
					-ms-transform: translateY(100%);
					-o-transform: translateY(100%);
					transform: translateY(100%)
				}
				100% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
			}
			@-webkit-keyframes anim-slogan-sr-in {
				0%, 20% {
					-webkit-transform: translateY(100%);
					-moz-transform: translateY(100%);
					-ms-transform: translateY(100%);
					-o-transform: translateY(100%);
					transform: translateY(100%)
				}
				100% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
			}
			@keyframes anim-slogan-sr-in {
				0%, 20% {
					-webkit-transform: translateY(100%);
					-moz-transform: translateY(100%);
					-ms-transform: translateY(100%);
					-o-transform: translateY(100%);
					transform: translateY(100%)
				}
				100% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
			}
			@-moz-keyframes anim-slogan-sr-out {
				0% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				100% {
					-webkit-transform: translateY(-100%);
					-moz-transform: translateY(-100%);
					-ms-transform: translateY(-100%);
					-o-transform: translateY(-100%);
					transform: translateY(-100%)
				}
			}
			@-webkit-keyframes anim-slogan-sr-out {
				0% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				100% {
					-webkit-transform: translateY(-100%);
					-moz-transform: translateY(-100%);
					-ms-transform: translateY(-100%);
					-o-transform: translateY(-100%);
					transform: translateY(-100%)
				}
			}
			@keyframes anim-slogan-sr-out {
				0% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				100% {
					-webkit-transform: translateY(-100%);
					-moz-transform: translateY(-100%);
					-ms-transform: translateY(-100%);
					-o-transform: translateY(-100%);
					transform: translateY(-100%)
				}
			}
			@-moz-keyframes anim-slogan-sr-up-in {
				0%, 20% {
					-webkit-transform: translateY(-100%);
					-moz-transform: translateY(-100%);
					-ms-transform: translateY(-100%);
					-o-transform: translateY(-100%);
					transform: translateY(-100%)
				}
				100% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
			}
			@-webkit-keyframes anim-slogan-sr-up-in {
				0%, 20% {
					-webkit-transform: translateY(-100%);
					-moz-transform: translateY(-100%);
					-ms-transform: translateY(-100%);
					-o-transform: translateY(-100%);
					transform: translateY(-100%)
				}
				100% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
			}
			@keyframes anim-slogan-sr-up-in {
				0%, 20% {
					-webkit-transform: translateY(-100%);
					-moz-transform: translateY(-100%);
					-ms-transform: translateY(-100%);
					-o-transform: translateY(-100%);
					transform: translateY(-100%)
				}
				100% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
			}
			@-moz-keyframes anim-slogan-sr-up-out {
				0% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				100% {
					-webkit-transform: translateY(100%);
					-moz-transform: translateY(100%);
					-ms-transform: translateY(100%);
					-o-transform: translateY(100%);
					transform: translateY(100%)
				}
			}
			@-webkit-keyframes anim-slogan-sr-up-out {
				0% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				100% {
					-webkit-transform: translateY(100%);
					-moz-transform: translateY(100%);
					-ms-transform: translateY(100%);
					-o-transform: translateY(100%);
					transform: translateY(100%)
				}
			}
			@keyframes anim-slogan-sr-up-out {
				0% {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				100% {
					-webkit-transform: translateY(100%);
					-moz-transform: translateY(100%);
					-ms-transform: translateY(100%);
					-o-transform: translateY(100%);
					transform: translateY(100%)
				}
			}
			.hm-slogan-left,
			.hm-slogan-right {
				position: relative;
				float: left;
				width: 50%;
				height: 100%;
				overflow: hidden
			}
			.hm-slogan-left .swiper-slide,
			.hm-slogan-right .swiper-slide {
				position: absolute;
				left: 0;
				-webkit-transform: translateX(100%);
				-moz-transform: translateX(100%);
				-ms-transform: translateX(100%);
				-o-transform: translateX(100%);
				transform: translateX(100%);
				-webkit-transition: all 0.9s ease-in-out;
				-moz-transition: all 0.9s ease-in-out;
				-ms-transition: all 0.9s ease-in-out;
				-o-transition: all 0.9s ease-in-out;
				transition: all 0.9s ease-in-out
			}
			.hm-slogan-left .swiper-slide.swiper-slide-active,
			.hm-slogan-right .swiper-slide.swiper-slide-active {
				-webkit-transform: translateX(0);
				-moz-transform: translateX(0);
				-ms-transform: translateX(0);
				-o-transform: translateX(0);
				transform: translateX(0)
			}
			.hm-slogan-inner {
				position: absolute;
				top: 0;
				left: 0;
				width: 200%;
				height: 100%;
				text-align: center;
				color: #fff;
				font-family: "PT Serif";
				font-size: 48px;
				letter-spacing: 2px
			}
			.hm-slogan-right .hm-slogan-inner {
				left: auto;
				right: 0
			}
			.hm-slogan-right .swiper-slide {
				-webkit-transform: translateX(-100%);
				-moz-transform: translateX(-100%);
				-ms-transform: translateX(-100%);
				-o-transform: translateX(-100%);
				transform: translateX(-100%)
			}
			.counter-circle {
				height: 52vmin;
				width: 52vmin;
				position: absolute;
				left: 50%;
				top: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				z-index: 25
			}
			.counter-circle:after {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				-webkit-border-radius: 100%;
				-moz-border-radius: 100%;
				border-radius: 100%;
				border: 1px solid #fff;
				opacity: .4
			}
			.counter-circle:before {
				content: '';
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				-webkit-border-radius: 100%;
				-moz-border-radius: 100%;
				border-radius: 100%;
				opacity: .2;
				z-index: -1;
				background: #000
			}
			.counter-circle-section {
				position: absolute;
				width: 50%;
				height: 26vmin;
				left: 50%;
				top: 50%;
				margin-top: -13vmin;
				overflow: hidden;
				-webkit-transform-origin: 0% 50%;
				-moz-transform-origin: 0% 50%;
				-ms-transform-origin: 0% 50%;
				-o-transform-origin: 0% 50%;
				transform-origin: 0% 50%;
				-webkit-transition: all .8s;
				-moz-transition: all .8s;
				-ms-transition: all .8s;
				-o-transition: all .8s;
				transition: all .8s
			}
			.counter-circle-section i {
				display: block;
				width: 52vmin;
				height: 52vmin;
				position: absolute;
				left: -100%;
				top: -50%;
				-webkit-border-radius: 100%;
				-moz-border-radius: 100%;
				border-radius: 100%;
				border: 3px solid #fff
			}
			.pos1 .counter-circle-section {
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg)
			}
			.pos2 .counter-circle-section {
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg)
			}
			.pos3 .counter-circle-section {
				-webkit-transform: rotate(135deg);
				-moz-transform: rotate(135deg);
				-ms-transform: rotate(135deg);
				-o-transform: rotate(135deg);
				transform: rotate(135deg)
			}
			.pos4 .counter-circle-section {
				-webkit-transform: rotate(225deg);
				-moz-transform: rotate(225deg);
				-ms-transform: rotate(225deg);
				-o-transform: rotate(225deg);
				transform: rotate(225deg)
			}
			.nex-page-fake {
				position: absolute;
				background: #fff;
				bottom: 0;
				width: 100%;
				height: 0;
				z-index: 100
			}
			.bt-simple-scroll-down.bt-hm-scroll-down {
				z-index: 30
			}
			.hm-mask-sq {
				position: absolute;
				width: 200%;
				height: 200%;
				background: #fff;
				left: -50%;
				z-index: 300;
				-webkit-transition: all 2s ease-in-out;
				-moz-transition: all 2s ease-in-out;
				-ms-transition: all 2s ease-in-out;
				-o-transition: all 2s ease-in-out;
				transition: all 2s ease-in-out
			}
			.hm-mask-sq.hm-mask-sq-lt,
			.hm-mask-sq.hm-mask-sq-rt {
				top: -150%;
				-webkit-transform-origin: 50% 100%;
				-moz-transform-origin: 50% 100%;
				-ms-transform-origin: 50% 100%;
				-o-transform-origin: 50% 100%;
				transform-origin: 50% 100%
			}
			.hm-mask-sq.hm-mask-sq-lb,
			.hm-mask-sq.hm-mask-sq-rb {
				bottom: -150%;
				-webkit-transform-origin: 50% 0%;
				-moz-transform-origin: 50% 0%;
				-ms-transform-origin: 50% 0%;
				-o-transform-origin: 50% 0%;
				transform-origin: 50% 0%
			}
			.hm-mask-sq.hm-mask-sq-lt,
			.hm-mask-sq.hm-mask-sq-rb {
				-webkit-transform: rotate(-45deg);
				-moz-transform: rotate(-45deg);
				-ms-transform: rotate(-45deg);
				-o-transform: rotate(-45deg);
				transform: rotate(-45deg)
			}
			.hm-mask-sq.hm-mask-sq-rt,
			.hm-mask-sq.hm-mask-sq-lb {
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg)
			}
			.hm-mask-sq.show.hm-mask-sq-lt {
				-webkit-transform: translateX(-60%) rotate(-45deg);
				-moz-transform: translateX(-60%) rotate(-45deg);
				-ms-transform: translateX(-60%) rotate(-45deg);
				-o-transform: translateX(-60%) rotate(-45deg);
				transform: translateX(-60%) rotate(-45deg)
			}
			.hm-mask-sq.show.hm-mask-sq-lb {
				-webkit-transform: translateX(-60%) rotate(45deg);
				-moz-transform: translateX(-60%) rotate(45deg);
				-ms-transform: translateX(-60%) rotate(45deg);
				-o-transform: translateX(-60%) rotate(45deg);
				transform: translateX(-60%) rotate(45deg)
			}
			.hm-mask-sq.show.hm-mask-sq-rt {
				-webkit-transform: translateX(60%) rotate(45deg);
				-moz-transform: translateX(60%) rotate(45deg);
				-ms-transform: translateX(60%) rotate(45deg);
				-o-transform: translateX(60%) rotate(45deg);
				transform: translateX(60%) rotate(45deg)
			}
			.hm-mask-sq.show.hm-mask-sq-rb {
				-webkit-transform: translateX(60%) rotate(-45deg);
				-moz-transform: translateX(60%) rotate(-45deg);
				-ms-transform: translateX(60%) rotate(-45deg);
				-o-transform: translateX(60%) rotate(-45deg);
				transform: translateX(60%) rotate(-45deg)
			}
			.hm-slogan-center {
				position: absolute;
				left: 10%;
				top: 50%;
				width: 80%;
				height: 64px;
				margin: 20vh 0 0 0;
				text-align: center;
				font-family: lt-b;
				font-size: 12px;
				color: #fff;
				letter-spacing: 2px;
				line-height: 1.6;
				z-index: 30
			}
			.hm-slogan-center .swiper-slide {
				opacity: 0;
				-webkit-transition: all .3s;
				-moz-transition: all .3s;
				-ms-transition: all .3s;
				-o-transition: all .3s;
				transition: all .3s;
				-webkit-transform: scale(0.8);
				-moz-transform: scale(0.8);
				-ms-transform: scale(0.8);
				-o-transform: scale(0.8);
				transform: scale(0.8)
			}
			.hm-slogan-center .swiper-slide-active {
				opacity: 1;
				-webkit-transform: scale(1);
				-moz-transform: scale(1);
				-ms-transform: scale(1);
				-o-transform: scale(1);
				transform: scale(1)
			}
			@media screen and (orientation: portrait) {
				.counter-circle {
					width: 80vmin;
					height: 80vmin
				}
				.counter-circle-section {
					height: 40vmin;
					margin-top: -20vmin
				}
				.counter-circle-section i {
					width: 80vmin;
					height: 80vmin
				}
				.hm-slogan-center {
					width: 60%;
					left: 20%;
					margin: 10vh 0 0 0;
					font-size: 2vh
				}
			}
			.bt {
				display: inline-block;
				position: relative;
				font-family: lt-b;
				text-align: center;
				-webkit-transition: color .5s;
				-moz-transition: color .5s;
				-ms-transition: color .5s;
				-o-transition: color .5s;
				transition: color .5s;
				z-index: 1;
				font-size: 14px;
				height: 50px;
				line-height: 50px;
				padding: 0 20px
			}
			.bt svg {
				margin: 0 10px
			}
			.bt-trans {
				border: 1px solid #fff;
				line-height: 48px;
				color: #fff
			}
			.bt-trans:hover {
				background: #fff;
				color: #333a46
			}
			.bt-white {
				color: #f75a40;
				background: #fff
			}
			.bt-white:hover {
				background: #f75a40;
				color: #fff
			}
			.bt-white2 {
			    color: #333a46;
		    /* border: 1px solid #685e81; */
		    border-radius: 5px;
		    font-weight: 900;
		    font-family: Raleway;
		    background: #f0eff46b;
		    font-size: 16px!important;
			}
			.bt-border-blue {
				border: 1px solid #333a46;
				line-height: 48px;
				color: #333a46;
				background: #fff
			}
			.bt-border-blue.disabled {
				border-color: #d6d8da;
				color: #a7a8aa;
				cursor: default;
				background: #fff
			}
			.bt-border-red {
				border: 2px solid #f75a40;
				line-height: 48px;
				color: #f75a40;
				background: #fff
			}
			.bt-border-red.disabled {
				border-color: #d6d8da;
				color: #a7a8aa;
				cursor: default;
				background: #fff
			}
			.bt-red2 {
				color: #fff;
				background: #f75a40;
				line-height: 48px;
				border: 2px solid #f75a40
			}
			.bt-red2 svg * {
				stroke: #fff
			}
			.bt-red2.disabled {
				border-color: #d6d8da;
				color: #a7a8aa;
				cursor: default;
				background: #fff
			}
			.bt-block {
				display: block
			}
			.bt-block-fixed {
				display: block;
				position: fixed;
				bottom: 0;
				left: 0;
				width: 100%;
				padding: 0 !important;
				-webkit-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
				box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2)
			}
			.bt-block-shadow {
				display: block;
				-webkit-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
				box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2)
			}
			.bt-scroll-down {
				display: block;
				position: absolute;
				left: 50%;
				bottom: 15px;
				margin-left: -15px;
				width: 30px;
				height: 30px;
				-webkit-transform: rotate(45deg);
				-moz-transform: rotate(45deg);
				-ms-transform: rotate(45deg);
				-o-transform: rotate(45deg);
				transform: rotate(45deg);
				background: #FFF;
				cursor: pointer;
				z-index: 20
			}
			.bt-scroll-down i {
				display: block;position:absolute;left:50%;top:50%;width:8px;height:14px;background:50% 50% no-repeat;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='8px' height='14px'%3E %3Cpolyline points='1,1 7,7 1,13' stroke-width='2' fill='none' stroke='%23f75a40'%3E%3C/polyline%3E %3C/svg%3E");margin:-7px 0 0 -4px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}@media screen and (max-height: 400px){.bt-scroll-down{width:20px;height:20px;margin-left:-10px}}body.conditions{background:url("/bitrix/templates/2020/i/info-bg.jpg") no-repeat fixed 50% 50%;-webkit-background-size:cover;background-size:cover}body.conditions .page-content{min-height:100%;height:100%;padding-top:10vh;overflow:visible}.block-white{position:relative;width:100%;padding:30px
				30px 30px;
				background: #FFF;
				margin: 28px 0
			}
			.block-white:last-child:after {
				display: none
			}
			.block-white-h {
				text-align: center;
				font-size: 16px;
				font-family: lt-b;
				color: #f75a40;
				padding-bottom: 12px
			}
			.table-info {
				font-size: 13px;
				border-collapse: collapse;
				width: 100%
			}
			.table-info.nobt_ thead td {
				border-top: none
			}
			.table-info.colored_ td,
			.table-info.colored_ th {
				background: #dedfe1
			}
			.table-info.colored_ thead td {
				background: #333a46;
				color: #FFF
			}
			.table-info tr:first-child td {
				font-weight: bold
			}
			.table-info th,
			.table-info td {
				padding: 6px;
				text-align: left;
				border: 1px solid #9ba0a9;
				color: #333a46;
				font-weight: normal
			}
			.table-info th {
				color: #7e828a;
				width: 40%
			}
			.small-text {
				font-size: 11px;
				color: #7e828a
			}
			.mortgage-bank-logo {
				margin: 0px 0 26px
			}
			.mortgage-office-phone {
				font-size: 18px;
				font-family: lt-b;
				padding: 0;
				color: #4d4e58
			}
			.mortgage-office-phone a {
				color: #4d4e58
			}
			.mortgage-address {
				line-height: 1.4;
				letter-spacing: 1px;
				margin-left: -20px;
				margin-right: -20px
			}
			.bt-on-map {
				display: inline-block;
				padding-left: 26px;
				margin-bottom: 20px;
				margin-top: 10px;
				position: relative;
				height: 22px;
				line-height: 22px;
				color: #f75a40;
				background: url("/bitrix/templates/mobile/i/pointer-red.png") 0 0 no-repeat;
				-webkit-background-size: contain;
				background-size: contain
			}
			.bt-on-map span {
				text-decoration: underline
			}
			.contacts .page-content {
				overflow: hidden;position:relative}.contacts-map{position:relative;width:100%;height:100%}.contacts-panel{position:absolute;bottom:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);padding:5vmin 5vmin 10vh;width:90%;max-width:400px;height:auto;background:#FFF;text-align:center;-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.contacts-panel.hidden_{-webkit-transform:translateX(-50%) translateY(calc(100% - 55px - 10vh));-moz-transform:translateX(-50%) translateY(calc(100% - 55px - 10vh));-ms-transform:translateX(-50%) translateY(calc(100% - 55px - 10vh));-o-transform:translateX(-50%) translateY(calc(100% - 55px - 10vh));transform:translateX(-50%) translateY(calc(100% - 55px - 10vh))}.contacts-h{font-size:13px;color:#f75a40;font-family:lt-b;border-bottom:1px solid #a2a6af;height:10vmin}.contacts-address{font-size:14px;color:#4a494e;font-family:lt;line-height:1.4;padding:0;margin:3vmin 0}.contacts-phone{font-size:20px;color:#333a46;margin-bottom:3vmin;font-family:lt-b}.contacts-hours{color:#a2a6af;margin:3vmin 0;font-size:12px}.bt-send-request-contacts{position:absolute;bottom:0;left:0;width:100%;height:10vh;line-height:10vh}.bt-contacts-hide{width:30px;height:13px;float:right;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='13px'%3E %3Cpolyline fill='none' stroke='%23f75e45' stroke-width='2' points='1,1 15,12 29,1' /%3E %3C/svg%3E");-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.contacts-panel.hidden_ .bt-contacts-hide{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);transform:rotateX(-180deg)}.doc-list{width:100%;max-width:400px!important;margin:0
				auto;
				line-height: 26px;
				color: #333a46;
				font-family: lt-b;
				text-align: center;
				padding-bottom: 20px !important
			}
			.doc-list-item {
				position: relative;
				background: #fff;
				text-transform: uppercase;
				margin: 20px 0;
				padding-bottom: 20px;
				-webkit-transition: -webkit-transform 0.4s;
				-moz-transition: -moz-transform 0.4s;
				-ms-transition: -ms-transform 0.4s;
				-o-transition: -o-transform 0.4s;
				transition: transform .4s;
				z-index: 2;
				text-align: left
			}
			.doc-list-item-h {
				background: #333a46;
				height: 40px;
				line-height: 40px;
				padding: 0 20px;
				color: #FFF;
				text-align: center
			}
			.doc-list-item-date {
				color: #f75a40;
				padding-left: 20px;
				padding-top: 20px
			}
			.doc-list-item-sz {
				position: relative;
				margin-left: 20px;
				font-size: 11px;
				color: #999ca2
			}
			.doc-list-item-sz:after {
				content: '';
				position: absolute;
				top: -20px;
				right: 30px;
				width: 30px;
				height: 30px;
				background: url("/bitrix/templates/mobile/i/ico-pdf.png") 0 0 no-repeat;
				-webkit-background-size: contain;
				background-size: contain
			}
			.dynamics #panel {
				bottom: auto;
				top: 0
			}
			.dynamics .page-content {
				overflow: hidden
			}
			.diary-im1 {
				background: url("/bitrix/templates/mobile/i/dynamic-2008.png") 50% 50% no-repeat;
				-webkit-background-size: contain;
				background-size: contain;
				width: 90vw;
				height: 45vh;
				position: absolute;
				top: 55%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%)
			}
			.diary-im2 {
				background: url("/bitrix/templates/mobile/i/dynamic-bld.png") 50% 0 no-repeat;
				-webkit-background-size: cover;
				background-size: cover;
				width: 100vw;
				height: 50vh;
				position: absolute;
				left: 0;
				bottom: 17vh
			}
			.diary-t1 {
				text-align: center;
				width: 100%;
				position: absolute;
				left: 0;
				top: 18%;
				color: #FFF;
				opacity: .7;
				letter-spacing: 2px;
				line-height: 1.4
			}
			.diary-t2 {
				text-align: center;
				width: 100%;
				position: absolute;
				left: 0;
				bottom: 30%;
				color: #FFF;
				font-family: lt-b;
				font-size: 16px
			}
			.diary-container {
				position: absolute;
				bottom: 0;
				left: 0;
				height: 18vh;
				width: 100%;
				padding: 0 70px;
				background: #333a46;
				-webkit-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
				-moz-box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2);
				box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.2)
			}
			@media screen and (orientation: portrait) {
				.diary-container {
					height: 12vh
				}
				.diary-im2 {
					bottom: 11vh;
					height: 25vh
				}
			}
			.diary-slider-arrow-left,
			.diary-slider-arrow-right {
				position: absolute;
				top: 0;
				height: 100%;
				width: 70px;
				cursor: pointer
			}
			.diary-slider-arrow-left svg,
			.diary-slider-arrow-right svg {
				width: 20px;
				height: 23px;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%)
			}
			.diary-slider-arrow-left.swiper-button-disabled,
			.diary-slider-arrow-right.swiper-button-disabled {
				cursor: default;
				opacity: .2
			}
			.diary-slider-arrow-left {
				left: 0;
				border-right: 1px solid #FFF
			}
			.diary-slider-arrow-right {
				right: 0;
				border-left: 1px solid #FFF
			}
			.weeks-list {
				height: 100%
			}
			.week-slide {
				width: 100%;
				height: 100%
			}
			.week-slide-inner {
				position: relative;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%)
			}
			.week-slide-name {
				position: relative;
				text-align: center;
				font-family: lt-b;
				color: #FFF;
				text-transform: uppercase;
				-webkit-transition: all .4s;
				-moz-transition: all .4s;
				-ms-transition: all .4s;
				-o-transition: all .4s;
				transition: all .4s;
				font-size: 20px
			}
			.dynamics-item-year {
				padding-left: 5px
			}
			.bt-show-dynamic-wnd {
				text-align: center;
				font-size: 12px;
				color: #f75a40;
				padding-top: 5px;
				letter-spacing: 2px
			}
			#wnd-diary {
				width: 100%;
				height: 605px;
				background: #fff;
				padding: 6px
			}
			#wnd-diary .flat-choose-block {
				display: block;
				height: auto;
				padding-bottom: 10px;
				padding-top: 22px;
				margin: 22px auto;
				text-align: center
			}
			#wnd-diary .flat-choose-block:after,
			#wnd-diary .flat-choose-block:before {
				display: none
			}
			.week-header-label {
				font-size: 16px;
				margin-top: 4px;
				letter-spacing: 2px;
				color: #333a46;
				font-family: lt-b
			}
			.week-header-dates {
				font-size: 14px;
				color: #20B14A;
				margin-top: 2px
			}
			.week-photos-item {
				height: 479px;
				overflow: hidden;
				text-align: center
			}
			.week-photos {
				position: absolute;
				left: 6px;
				right: 6px;
				bottom: 36px;
				height: 459px
			}
			.week-photos-left,
			.week-photos-right {
				display: block;
				width: 94px;
				height: 100%;
				position: absolute;
				left: 0;
				top: 0;
				z-index: 5;
				-webkit-transition: opacity .5s;
				-moz-transition: opacity .5s;
				-ms-transition: opacity .5s;
				-o-transition: opacity .5s;
				transition: opacity .5s
			}
			.week-photos-left:before,
			.week-photos-right:before {
				content: '';
				position: absolute;
				background: #000;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				opacity: .3
			}
			.week-photos-left svg,
			.week-photos-right svg {
				position: absolute;
				left: 50%;
				top: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				z-index: 2
			}
			.week-photos-left.swiper-button-disabled,
			.week-photos-right.swiper-button-disabled {
				opacity: 0
			}
			.week-photos-right {
				left: auto;
				right: 0
			}
			.week-photos-right i {
				background-position: -450px -428px
			}
			.wnd-week-line {
				position: absolute;
				left: 0;
				top: 0;
				z-index: 6;
				height: 9px;
				width: 100%;
				background: url("/bitrix/templates/mobile/i/bg-orange-lines2.png") 18px 0
			}
			.wnd-week-line:before,
			.wnd-week-line:after {
				content: '';
				display: block;
				position: absolute;
				left: -10px;
				bottom: -6px;
				width: 15px;
				height: 15px;
				-webkit-border-radius: 15px;
				-moz-border-radius: 15px;
				border-radius: 15px;
				background: #e6cc52
			}
			.wnd-week-line:after {
				left: auto;
				right: -10px
			}
			.week-photos-date {
				position: absolute;
				bottom: 6px;
				left: 6px;
				width: 100%;
				height: 30px;
				line-height: 30px;
				color: #CCC;
				font-size: 12px;
				text-align: center
			}
			#feedback-wnd,
			.popup-wnd {
				width: 100%;
				height: 100%;
				padding: 5vmin;
				background: #FFF;
				position: fixed;
				left: 0;
				top: 0;
				-webkit-transform: translateY(100%);
				-moz-transform: translateY(100%);
				-ms-transform: translateY(100%);
				-o-transform: translateY(100%);
				transform: translateY(100%);
				z-index: 1000;
				-webkit-transition: all .4s;
				-moz-transition: all .4s;
				-ms-transition: all .4s;
				-o-transition: all .4s;
				transition: all .4s
			}
			#feedback-wnd.show,
			.popup-wnd.show {
				-webkit-transform: translateY(0);
				-moz-transform: translateY(0);
				-ms-transform: translateY(0);
				-o-transform: translateY(0);
				transform: translateY(0)
			}
			.popup-wnd {
				width: auto;
				height: auto
			}
			.popup-wnd .popup-header {
				margin-bottom: 3vh;
				margin-right: 40px
			}
			.popup-message-overlay {
				display: none;
				position: fixed;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%;
				z-index: 5000;
				background: #000;
				opacity: .5
			}
			#popup-message {
				position: fixed;
				left: 50%;
				top: 50%;
				-webkit-transform: translate(-50%, -50%);
				-moz-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				-o-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				z-index: 5001
			}
			.popup-header {
				font-family: lt-b;
				color: #f75a40;
				font-size: 16px;
				line-height: 22px;
				margin-bottom: 63px
			}
			.popup-text {
				font-family: lt;
				font-size: 14px;
				margin-bottom: 30px
			}
			#fb input,
			#fb textarea {
				display: block;
				width: 100%;
				margin-bottom: 5vmin;
				height: 30px;
				border: none;
				border-bottom: 1px solid #ccc;
				font-family: lt;
				letter-spacing: 1px;
				font-size: 16px;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0
			}
			#fb textarea {
				height: 50px
			}
			.feedback-controls {
				margin-top: 5vh;
				text-align: center
			}
			input#fb-privacy {
				float: left;
				width: auto;
				margin-right: 10px;
				height: auto;
				position: relative;
				top: 2px
			}
			.flats .page-content {
				position: relative;
				height: 100%;
				overflow: hidden
			}
			.flats .page-content.overflow-visible {
				overflow: visible
			}
			.flats .screen {
				position: absolute !important;
				top: 0;
				left: 0;
				overflow: hidden;
				display: none
			}
			.flats .screen.display_ {
				display: block;
				opacity: 1
			}
			.screen.screen-flats-intro {
				perspective: 800px;
				-webkit-perspective: 800px;
				-moz-perspective: 800px;
				-ms-perspective: 800px;
				-o-perspective: 800px;
				z-index: 10
			}
			.screen.screen-flats-intro.show_ {
				opacity: 1
			}
			.screen.screen-flats-intro.stage_visual_ {
				z-index: 12;
				height: 10vh;
				top: 10vh;
				transition: 0.3s ease-out;
				-webkit-transition: 0.3s ease-out;
				-moz-transition: 0.3s ease-out;
				-ms-transition: 0.3s ease-out;
				-o-transition: 0.3s ease-out
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme {
				transition: 0.6s ease-out;
				-webkit-transition: 0.6s ease-out;
				-moz-transition: 0.6s ease-out;
				-ms-transition: 0.6s ease-out;
				-o-transition: 0.6s ease-out;
				top: 0;
				left: 0;
				margin: 0 0 0 0;
				height: 10vh;
				width: 100%
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme:before {
				border: 50vmax solid #FFF;
				top: -50vmax;
				left: -50vmax;
				transition: 0.6s ease-out;
				-webkit-transition: 0.6s ease-out;
				-moz-transition: 0.6s ease-out;
				-ms-transition: 0.6s ease-out;
				-o-transition: 0.6s ease-out
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-bg-a,
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-bg-z {
				width: 50%;
				height: 100%;
				transition: 0.6s ease-out;
				-webkit-transition: 0.6s ease-out;
				-moz-transition: 0.6s ease-out;
				-ms-transition: 0.6s ease-out;
				-o-transition: 0.6s ease-out
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a,
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z {
				display: flex;
				padding: 0 2px;
				align-items: center;
				align-content: space-between;
				width: 50%;
				height: 100%;
				justify-content: center
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_,
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ {
				background: url(/bitrix/templates/mobile/i/bg-lines-45.png) #fff;
				border-top: 1px solid #9ba0a9;
				border-bottom: 1px solid #9ba0a9
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_ .flats-intro-scheme-name,
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ .flats-intro-scheme-name {
				width: 100%;
				text-align: center
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_ .flats-intro-scheme-name span,
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ .flats-intro-scheme-name span {
				display: inline
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_ .flats-intro-scheme-name:before,
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ .flats-intro-scheme-name:before {
				opacity: 0
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_ .flats-intro-scheme-count,
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ .flats-intro-scheme-count {
				display: none
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a.disabled_ .flats-intro-scheme-text,
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z.disabled_ .flats-intro-scheme-text {
				display: none
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-name {
				width: 4vh;
				height: 4vh;
				line-height: 4vh;
				text-align: center;
				margin: 0 3vw;
				padding: 0;
				letter-spacing: 0
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-name span {
				display: none
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-name:before {
				opacity: 1
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-a .flats-intro-scheme-name {
				color: #693a53
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-z .flats-intro-scheme-name {
				color: #254f6b
			}
			.screen.screen-flats-intro.stage_visual_ .flats-intro-scheme .flats-intro-scheme-count {
				margin: 0 3vw;
				padding: 0
			}
			.bt-choose-flats-by-params {
				position: absolute;
				bottom: 0;
				left: 0;
				padding: 0;
				width: 100%;
				height: 10vh;
				line-height: 10vh;
				z-index: 15;
				-webkit-transform: translateY(0);
				-moz-transform: translateY(0);
				-ms-transform: translateY(0);
				-o-transform: translateY(0);
				transform: translateY(0);
				transition: 0.4s;
				-webkit-transition: 0.4s;
				-moz-transition: 0.4s;
				-ms-transition: 0.4s;
				-o-transition: 0.4s
			}
			.bt-choose-flats-by-params.stage_table_ {
				-webkit-transform: translateY(100%);
				-moz-transform: translateY(100%);
				-ms-transform: translateY(100%);
				-o-transform: translateY(100%);
				transform: translateY(100%)
			}
			.screen-flats-intro-bg {
				position: absolute;
				width: 280vmax;
				height: 140vmax;
				left: -90vmax;
				top: -20vmax;
				background: url("/bitrix/templates/mobile/i/flats-intro-bg.jpg") 50% 50% no-repeat;
				-webkit-background-size: cover;
				background-size: cover
			}
			.flats-intro-scheme {
				position: absolute;
				left: 50%;
				top: 50%;
				width: 70vmin;
				height: 60vmin;
				margin: -30vmin 0 0 -35vmin;
				opacity: 1;
				background: url("/bitrix/templates/mobile/i/bg-lines-45-01.png");
				-webkit-animation: move-bg 10s linear infinite;
				-o-animation: move-bg 10s linear infinite;
				animation: move-bg 10s linear infinite
			}
			.flats-intro-scheme:before {
				content: '';
				position: absolute;
				left: -6px;
				top: -6px;
				width: 100%;
				height: 100%;
				border: 6px solid #FFF;
				-webkit-box-sizing: content-box;
				-moz-box-sizing: content-box;
				box-sizing: content-box
			}
			@keyframes move-bg {
				0% {
					background-position: 0 0
				}
				100% {
					background-position: 374px 0
				}
			}
			@-webkit-keyframes move-bg {
				0% {
					background-position: 0 0
				}
				100% {
					background-position: 374px 0
				}
			}
			@-o-keyframes move-bg {
				0% {
					background-position: 0 0
				}
				100% {
					background-position: 374px 0
				}
			}
			.flats-intro-scheme-a,
			.flats-intro-scheme-z,
			.flats-intro-scheme-bg-a,
			.flats-intro-scheme-bg-z {
				position: absolute;
				width: 45%;
				height: 70%;
				left: 0;
				top: 0;
				color: #FFF;
				padding: 5vmin;
				overflow: hidden
			}
			.flats-intro-scheme-bg-a {
				background: #693a53
			}
			.flats-intro-scheme-bg-z {
				background: #254f6b
			}
			@media screen and (orientation: landscape) {
				.flats-intro-scheme {
					height: 50vmin;
					width: 90vmin
				}
				.flats-intro-scheme-a,
				.flats-intro-scheme-z {
					height: 80%
				}
			}
			.flats-intro-scheme-z,
			.flats-intro-scheme-bg-z {
				left: auto;
				top: auto;
				bottom: 0;
				right: 0
			}
			.flats-intro-scheme-name {
				position: relative;
				font-family: lt-b;
				letter-spacing: 2px;
				padding-bottom: 5px;
				z-index: 1;
				transition: 0.6s ease-out;
				-webkit-transition: 0.6s ease-out;
				-moz-transition: 0.6s ease-out;
				-ms-transition: 0.6s ease-out;
				-o-transition: 0.6s ease-out
			}
			.flats-intro-scheme-name:before {
				content: '';
				position: absolute;
				left: 50%;
				top: 50%;
				width: 4vh;
				height: 4vh;
				background: #FFF;
				-webkit-transform: translate(-50%, -50%) rotate(45deg);
				-moz-transform: translate(-50%, -50%) rotate(45deg);
				-ms-transform: translate(-50%, -50%) rotate(45deg);
				-o-transform: translate(-50%, -50%) rotate(45deg);
				transform: translate(-50%, -50%) rotate(45deg);
				transition: 0.6s ease-out;
				-webkit-transition: 0.6s ease-out;
				-moz-transition: 0.6s ease-out;
				-ms-transition: 0.6s ease-out;
				-o-transition: 0.6s ease-out;
				z-index: -1;
				opacity: 0
			}
			.flats-intro-scheme-count {
				font-family: lt-b;
				font-size: 24px;
				padding-bottom: 2px;
				transition: 0.6s ease-out;
				-webkit-transition: 0.6s ease-out;
				-moz-transition: 0.6s ease-out;
				-ms-transition: 0.6s ease-out;
				-o-transition: 0.6s ease-out
			}
			.flat-intro-street {
				position: absolute;
				height: 12vmin;
				color: #FFF;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center
			}
			.flat-intro-street svg {
				vertical-align: middle;
				margin-right: 10px
			}
			.flat-intro-street.street-top_ {
				width: 70vw;
				top: 12%;
				left: 50%;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-o-transform: translateX(-50%);
				transform: translateX(-50%);
				border-top: 1px solid #FFF
			}
			.flat-intro-street.street-right_ {
				width: 60vh;
				border-top: 1px solid #FFF;
				right: 7vmin;
				top: 45%;
				-webkit-transform: translate(50%, -50%) rotate(90deg);
				-moz-transform: translate(50%, -50%) rotate(90deg);
				-ms-transform: translate(50%, -50%) rotate(90deg);
				-o-transform: translate(50%, -50%) rotate(90deg);
				transform: translate(50%, -50%) rotate(90deg)
			}
			.flat-intro-street.street-left_ {
				width: 60vh;
				border-top: 1px solid #FFF;
				left: 7vmin;
				top: 45%;
				-webkit-transform: translate(-50%, -50%) rotate(-90deg);
				-moz-transform: translate(-50%, -50%) rotate(-90deg);
				-ms-transform: translate(-50%, -50%) rotate(-90deg);
				-o-transform: translate(-50%, -50%) rotate(-90deg);
				transform: translate(-50%, -50%) rotate(-90deg)
			}
			.flat-intro-street.street-bottom_ {
				width: 70vw;
				border-bottom: 1px solid #FFF;
				bottom: 12vh;
				left: 50%;
				-webkit-transform: translateX(-50%);
				-moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				-o-transform: translateX(-50%);
				transform: translateX(-50%)
			}
			.screen.screen-flats-visual {
				background: #FFF;
				z-index: 9
			}
			.screen.screen-flats-visual .flats-floors-list {
				top: 0;
				bottom: 0
			}
			.flats-floors-list {
				position: absolute;
				top: 10vh;
				left: 0;
				border-right: 1px solid #9ba0a9;
				width: 10vh;
				bottom: 10vh;
				overflow: hidden
			}
			.flats-floors-list.right_ {
				left: auto;
				right: 0;
				border-left: 1px solid #9ba0a9;
				border-right: none
			}
			@media screen and (orientation: landscape) {
				.flats-floors-list.right_ {
					display: none
				}
			}
			.floors-switch {
				height: 90%;
				width: 100%;
				display: flex;
				justify-content: space-between;
				flex-direction: column;
				align-items: stretch
			}
			.floors-list-item {
				display: block;
				width: 100%;
				height: 16.6%;
				border-bottom: 1px solid #9ba0a9;
				text-align: center;
				font-family: lt-b;
				color: #333a46;
				cursor: pointer
			}
			.floors-list-item a {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 100%;
				color: #333a46
			}
			.floors-list-item a.selected {
				background: #f75a40;
				color: #FFF
			}
			.floors-list-item:last-child {
				border-bottom: none
			}
			.flats-floors-list-h {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 100%;
				height: 10%;
				color: #9ba0a9;
				font-size: 12px;
				border-bottom: 1px solid #9ba0a9;
				text-align: center;
				font-family: lt-b
			}
			.screen.screen-flats-table {
				padding-top: 10vh;
				overflow: visible;
				height: auto !important;
				top: 0;
				z-index: 25;
				background: #FFF;
				opacity: 1
			}
			.screen.screen-flats-table .flats-floors-list {
				top: 33vh;
				bottom: auto;
				height: 67vh
			}
			.screen.screen-flats-table .flats-floors-list-h {
				height: 10%
			}
			.screen.screen-flats-table .floors-list-item {
				height: 16.6%
			}
			.screen.screen-flats-table .floors-list-item:last-child {
				border-bottom: 1px solid
			}
			.flats-visual-container {
				position: absolute;
				left: 0;
				top: 20vh;
				bottom: 10vh;
				width: 180vw;
				overflow: hidden
			}
			.vis-floor {
				position: absolute;
				top: 0;
				left: 10vh;
				right: 10vh;
				bottom: 0;
				opacity: 0
			}
			.vis-floor img {
				display: block;
				width: auto;
				height: auto;
				max-height: 100%;
				max-width: 100%
			}
			.vis-sel-container,
			.vis-hover-container {
				display: block;
				position: absolute;
				width: 100%;
				height: 100%;
				left: 0;
				top: 0
			}
			.visual-flats-label {
				position: absolute;
				left: 0;
				top: 0;
				width: 130px;
				height: 44px;
				font-family: lt-b;
				font-size: 4vmin;
				text-align: center;
				color: #333a46;
				z-index: 8;
				opacity: 0;
				-webkit-transition: color .4s;
				-moz-transition: color .4s;
				-ms-transition: color .4s;
				-o-transition: color .4s;
				transition: color .4s;
				display: flex;
				align-items: center;
				justify-content: center;
				flex-direction: column
			}
			.visual-flats-label div {
				width: 100%
			}
			.visual-flats-label .visual-flat-price {
				font-size: 3vmin
			}
			.visual-flats-label .visual-flat-price .reserved_ {
				font-size: 12px
			}
			.visual-flats-label .visual-flat-price .sold_ {
				display: inline-block;
				padding: 3px 3px 2px;
				color: #FFF;
				background: #f75a40;
				font-size: 12px;
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px
			}
			.visual-flats-label.hover {
				color: #fff
			}
			.screen-flats-table {
				background: #FFF
			}
			.flats-filter {
				height: 23vh;
				width: 100%
			}
			.filter-col-2 {
				width: 36%;
				height: 100%;
				float: left
			}
			.filter-h {
				color: #FFF;
				font-size: 12px;
				padding-bottom: 5px
			}
			.filter-value {
				position: relative;
				display: inline-block;
				padding-right: 18px;
				color: #f75a40;
				font-family: lt-b;
				font-size: 16px;
				padding-top: 3px
			}
			.filter-value:after {
				content: '';
				position: absolute;
				right: 0;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%);
				width: 12px;
				height: 12px;
				background: url("/bitrix/templates/mobile/i/svg/ico-pencil.svg") 50% 50% no-repeat;
				-webkit-background-size: contain;
				background-size: contain
			}
			@media screen and (min-width: 550px) {
				.filter-price .filter-h, .filter-sq .filter-h, .filter-price .filter-value, .filter-sq .filter-value {
					display: inline-block
				}
			}
			.filter-bedrooms-col {
				width: 34%;
				height: 100%;
				background: #3b3446;
				border-right: 1px solid #cdd0d4;
				padding: 10px;
				float: left
			}
			.filter-bedrooms a {
				display: block;
				float: left;
				height: 12vmin;
				width: 12vmin;
				border: 1px solid #FFF;
				text-align: center;
				line-height: 12vmin;
				margin: -1px 0 0 -1px;
				color: #FFF
			}
			.filter-bedrooms a.selected {
				background: #FFF;
				color: #f75a40;
				font-family: lt-b
			}
			.filter-price {
				position: relative;
				height: 50%;
				background: #3b3446;
				border-bottom: 1px solid #cdd0d4;
				padding: 10px
			}
			.filter-sq {
				position: relative;
				height: 50%;
				background: #3b3446;
				padding: 10px
			}
			.filter-result {
				width: 30%;
				height: 70%;
				float: left;
				background: #EEE;
				overflow: hidden
			}
			.flt-tbl-count {
				position: relative;
				z-index: 1;
				top: 5%;
				width: 90%;
				height: 90%;
				margin: 0 auto;
				text-align: center;
				font-size: 2vh
			}
			.flt-tbl-count img {
				position: absolute;
				z-index: -1;
				left: 0;
				top: 0;
				width: 100%;
				height: 100%
			}
			.flats-filtered {
				display: block;
				width: 100%;
				font-size: 6vh;
				color: #333a46;
				font-family: "PT Serif"
			}
			.bt-clear-filter {
				display: flex;
				position: relative;
				width: 30%;
				height: 30%;
				background: #f75a40;
				float: left;
				overflow: hidden;
				color: #FFF;
				padding: 0;
				text-align: center;
				align-items: center;
				justify-content: center
			}
			.filter-adv {
				position: relative;
				width: 30%;
				height: 30%;
				background: #f75a40;
				float: left;
				overflow: hidden
			}
			.flt-tbl-adv-list {
				height: 100%
			}
			.flt-tbl-adv-list li {
				height: 100%;
				width: 5vh
			}
			.flt-tbl-adv-list li svg {
				width: auto;
				height: auto;
				max-width: 100%;
				max-height: 100%;
				fill: #FFF;
				stroke: #FFF;
				position: relative;
				top: 50%;
				-webkit-transform: translateY(-50%);
				-moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				-o-transform: translateY(-50%);
				transform: translateY(-50%)
			}
			.results-wrapper {
				padding-left: 10vh
			}
			.flt-tbl-head {
				height: 7vh;
				line-height: 7vh;
				background: #eee;
				color: #adaeb2;
				text-align: center;
				margin-left: 10vh
			}
			.flt-tbl-head.fixed_ {
				position: fixed;
				top: 10vh;
				right: 0;
				margin-left: 0;
				left: 10vh;
				z-index: 100
			}
			.screen-flats-table.full_ .flt-tbl-head.fixed_ {
				left: 0
			}
			.table-h-cell {
				height: 100%;
				float: left;
				font-size: 10px;
				color: #9ba0a9;
				font-family: lt-b
			}
			.table-h-cell a {
				color: #9ba0a9
			}
			.table-h-cell a.desc i,
			.table-h-cell a.asc i {
				display: inline-block;
				width: 1px;
				height: 11px;
				background: #7a7b7e;
				padding-top: 9px
			}
			.table-h-cell a.desc i:before,
			.table-h-cell a.asc i:before {
				content: '';
				display: block;
				height: 1px;
				width: 3px;
				background: #7a7b7e;
				margin-left: -1px
			}
			.table-h-cell a.desc i {
				padding-top: 1px
			}
			.flt-tbl-wrapper {
				margin-left: 10vh;
				background: #eee;
				padding: 3vw
			}
			.screen-flats-table.full_ .flt-tbl-wrapper {
				margin-left: 0
			}
			.tbl-row {
				position: relative;
				height: 100px;
				width: 100%;
				margin-bottom: 12px;
				background: #fff;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				border-radius: 3px;
				-webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
				-moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
				box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
				color: #333a46;
				cursor: pointer;
				-webkit-transition: all .5s;
				-moz-transition: all .5s;
				-ms-transition: all .5s;
				-o-transition: all .5s;
				transition: all .5s
			}
			.tbl-row.open {
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none
			}
			.table-cell {
				height: 50%;
				width: 20%;
				float: left;
				font-family: lt-b;
				font-size: 14px;
				text-align: center;
				line-height: 50px;
				padding: 0 2vw
			}
			.cell-w-num {
				width: 18%
			}
			.cell-w-bld {
				width: 14%
			}
			.cell-w-floor {
				width: 14%
			}
			.cell-w-bed {
				width: 22%
			}
			.cell-w-sq {
				width: 32%
			}
			.cell-price {
				width: 100%;
				text-align: left;
				font-size: 12px;
				color: #9ba0a9
			}
			.cell-price strong {
				font-size: 14px;
				color: #333a46
			}
			.cell-sq {
				font-family: "PT Serif";
				font-size: 18px;
				font-weight: bold
			}
			.cell-sq span {
				font-size: 12px
			}
			.cell-bed span {
				display: block;
				border: 1px solid #333a46;
				margin: 10px 5px;line-height:30px}.cell-bld{font-family:lt-b}.tbl-expand-arrow{width:30px;height:13px;float:right;margin-top:-32px;margin-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='13px'%3E %3Cpolyline fill='none' stroke='%23f75e45' stroke-width='2' points='1,1 15,12 29,1' /%3E %3C/svg%3E");-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}.tbl-row.open .tbl-expand-arrow{-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);transform:rotateX(-180deg)}.tbl-detail{display:none;background:#FFF;position:relative;top:-12px}.tbl-scheme{padding:20px}.tbl-scheme
				img {
					display: block;
					width: 100%;
					height: auto
				}
				.bt-show-flat-full {
					padding: 0 !important
				}
				.tbl-advs {
					text-transform: lowercase;
					text-align: center
				}
				.tbl-advs li {
					display: inline-block;
					vertical-align: top;
					padding: 10px !important;
					color: #333a46;
					font-size: 12px;
					width: 40%
				}
				.tbl-advs li svg {
					width: 40px;
					height: 40px;
					fill: #333a46;
					stroke: #333a46;
					stroke-width: 2
				}
				@media screen and (orientation: landscape) {
					.tbl-advs li {
						width: auto
					}
				}
				.wnd-filter-adv,
				.wnd-filter-main {
					background: #333a46;
					z-index: 110
				}
				.wnd-filter-h {
					color: #FFF;
					font-size: 14px;
					height: 8vh;
					line-height: 8vh;
					text-align: center
				}
				.wnd-filter-adv-list {
					position: relative;
					text-align: center;
					padding: 0 5vw !important;
					margin-bottom: 7vh !important
				}
				.wnd-filter-adv-list li {
					width: 14vh;
					height: 12vh;
					border: 1px solid #FFF;
					margin: 1vh !important;
					display: inline-block;
					vertical-align: top
				}
				.wnd-filter-adv-list li.active {
					border: 1px solid #f75a40
				}
				.wnd-filter-adv-list li.active a span {
					color: #f75a40
				}
				.wnd-filter-adv-list li.active svg {
					fill: #f75a40;
					stroke: #f75a40
				}
				.wnd-filter-adv-list li a {
					display: block;
					width: 100%;
					height: 100%
				}
				.wnd-filter-adv-list li a svg {
					width: auto;
					height: auto;
					max-width: 45%;
					max-height: 45%;
					margin-bottom: 5%;
					fill: #FFF;
					stroke: #FFF;
					position: relative;
					margin-top: 5%
				}
				.wnd-filter-adv-list li a span {
					color: #FFF;
					font-size: 9px;
					display: block;
					padding-top: 2px
				}
				@media screen and (orientation: landscape) {
					.wnd-filter-adv-list li {
						width: 12vw;
						height: 11vw;
						margin: 1.2vh !important
					}
				}
				.found-count {
					position: relative;
					color: #FFF;
					display: flex;
					justify-content: center;
					align-items: center;
					line-height: 1.3;
					margin-top: 10vh
				}
				.found-count span {
					font-size: 46px;
					font-family: "PT Serif";
					font-weight: bold;
					display: block;
					float: left;
					line-height: 1;
					margin-right: 10px
				}
				.found-count:after {
					content: '';
					position: absolute;
					height: 5vh;
					width: 2px;
					left: 50%;
					background: #FFF;
					top: -6vh;
					margin-left: -1px
				}
				.bt-filter-adv {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%
				}
				.wnd-filter-main .filter-bedrooms {
					text-align: center;
					width: 100%
				}
				.wnd-filter-main .filter-bedrooms li {
					display: inline-block
				}
				.wnd-filter-main .filter-bedrooms a {
					display: block;
					float: none;
					width: 10vh;
					height: 10vh;
					line-height: 10vh;
					font-size: 4vh
				}
				.filter-slider-wrapper {
					margin: 0 40px 20px 40px
				}
				.wnd-filter-controls {
					position: absolute;
					bottom: 0;
					left: 0;
					width: 100%
				}
				.wnd-filter-controls a {
					padding: 0;
					float: left
				}
				.screen-flat-detail {
					position: absolute;
					width: 100%;
					height: auto;
					top: 0;
					left: 0;
					opacity: 1;
					z-index: 30;
					background: #FFF;
					-webkit-perspective-origin: 50% 0;
					-moz-perspective-origin: 50% 0;
					-ms-perspective-origin: 50% 0;
					perspective-origin: 50% 0
				}
				.flat-detail-scheme-wrp {
					position: relative;
					height: auto;
					background: url("/bitrix/templates/mobile/i/bg-lines-45.png");
					padding: 11vh 0
				}
				.flat-detail-scheme {
					position: relative;
					width: 100%;
					padding: 10px
				}
				.flat-detail-scheme img {
					width: 100%;
					max-width: 100%;
					max-height: 100%
				}
				.flat-detail-controls .bt-pdf-dwnl i {
					background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='42.167px' height='44.583px' viewBox='0 0 42.167 44.583' enable-background='new 0 0 42.167 44.583' xml:space='preserve'%3E %3Cline fill='none' stroke='%239DA2AB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='21' y1='1.701' x2='21' y2='34.076'/%3E %3Cpolyline fill='none' stroke='%239DA2AB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points=' 40.375,32.375 40.375,42.875 1.75,42.875 1.75,32.375 '/%3E %3Cpolyline fill='none' stroke='%239DA2AB' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points=' 9.125,23.125 21,34.076 32.625,23.125 '/%3E %3C/svg%3E")
				}
				.flat-features {
					height: 50vh;
					background: #FFF
				}
				.flat-features .swiper-slide {
					background: 50% 50% no-repeat;
					-webkit-background-size: cover;
					background-size: cover
				}
				.flat-features .swiper-slide.flat-features-wnd {
					background-image: url(/bitrix/templates/2020/i/flat-windows.jpg)
				}
				.flat-features .swiper-slide.flat-features-ceil {
					background-image: url(/bitrix/templates/2020/i/flat-bed.jpg)
				}
				.flat-features .swiper-slide.flat-features-terrace {
					background-image: url(/bitrix/templates/2020/i/flat-terasse.jpg)
				}
				.flat-features .swiper-slide.flat-features-twolevels {
					background-image: url(/bitrix/templates/2020/i/flat-second-floor.jpg)
				}
				.flat-features .swiper-pagination-bullet {
					position: relative;
					width: 10px;
					height: 10px;
					background: none;
					transition: 0.4s;
					-webkit-transition: 0.4s;
					-moz-transition: 0.4s;
					-ms-transition: 0.4s;
					-o-transition: 0.4s
				}
				.flat-features .swiper-pagination-bullet.swiper-pagination-bullet-active {
					background: none
				}
				.flat-features .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
					-webkit-transform: rotate(225deg);
					-moz-transform: rotate(225deg);
					-ms-transform: rotate(225deg);
					-o-transform: rotate(225deg);
					transform: rotate(225deg)
				}
				.flat-features .swiper-pagination-bullet:after {
					content: '';
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					background: #FFF;
					-webkit-transform: rotate(45deg);
					-moz-transform: rotate(45deg);
					-ms-transform: rotate(45deg);
					-o-transform: rotate(45deg);
					transform: rotate(45deg);
					transition: 0.4s;
					-webkit-transition: 0.4s;
					-moz-transition: 0.4s;
					-ms-transition: 0.4s;
					-o-transition: 0.4s
				}
				.flat-features-prev,
				.flat-features-next {
					position: absolute;
					left: 10px;
					top: 50%;
					width: 22px;
					height: 42px;
					margin-top: -21px;
					z-index: 1
				}
				.flat-features-prev.swiper-button-disabled,
				.flat-features-next.swiper-button-disabled {
					opacity: 0
				}
				.flat-features-next {
					left: auto;
					right: 10px
				}
				.flat-d-adv-im-h {
					font-size: 8vh;
					color: #fff;
					text-align: center
				}
				.flat-d-adv-im-h div {
					font-size: 20vh;
					font-family: lt;
					line-height: 1.3;
					margin-top: 0
				}
				.flat-d-adv-main-im-h {
					font-size: 5vmax;
					color: #fff;
					text-align: center
				}
				.flat-d-adv-list {
					padding-bottom: 28px !important;
					text-transform: lowercase;
					text-align: center
				}
				.flat-d-adv-list li {
					display: inline-block;
					vertical-align: top;
					padding: 0 2px 5px !important;
					color: #333a46;
					font-size: 8px
				}
				.flat-detail-text-container {
					padding: 28px;
					background: #FFF
				}
				@media screen and (orientation: landscape) {
					.wnd-filter-main .filter-bedrooms a {
						width: 12vh;
						height: 12vh;
						line-height: 12vh;
						font-size: 5vh
					}
				}
				body.gallery .page-content {
					height: 100%
				}
				.gallery-container {
					height: 100%
				}
				.gallery-item {
					position: relative;
					height: 50%;
					float: left;
					background: #000;
					overflow: hidden
				}
				.gallery-item:hover .gallery-item-inner {
					opacity: 1
				}
				.gallery-item:hover .preview-plus {
					opacity: 1
				}
				.gallery-item.long_ {
					width: 66%
				}
				.gallery-item.short_ {
					width: 34%
				}
				.gallery-item-inner {
					position: absolute;
					left: 0;
					top: 0;
					width: 110%;
					height: 110%;
					background-repeat: no-repeat;
					background-position: 50% 50%;
					-webkit-background-size: cover;
					background-size: cover;
					-webkit-transition: opacity .3s;
					-moz-transition: opacity .3s;
					-ms-transition: opacity .3s;
					-o-transition: opacity .3s;
					transition: opacity .3s;
					opacity: 1
				}
				.page-header {
					position: fixed;
					left: 0;
					top: 0;
					z-index: 300;
					width: 100%;
					height: 10vh;
					line-height: 80px;
					font-family: lt-b;
					font-size: 100%;
					color: #fff;
					overflow: hidden;
					perspective: 600px;
					-webkit-perspective: 600px
				}
				.page-header.bottom_ {
					top: auto;
					bottom: 0
				}
				.page-header.stage_all_ {
					height: 160px
				}
				.page-header.stage_all_ .page-header-main {
					margin-top: 0
				}
				.page-header.submenu_info_ .submenu-info {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				.page-header.submenu_flats_ .submenu-flats {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				.page-header.stage_sub_ .page-header-main {
					margin-top: -80px
				}
				.page-header-main {
					z-index: 2
				}
				.submenu-info,
				.submenu-flats {
					-webkit-transform: translateY(-100%);
					-moz-transform: translateY(-100%);
					-ms-transform: translateY(-100%);
					-o-transform: translateY(-100%);
					transform: translateY(-100%);
					z-index: 1;
					position: absolute;
					width: 100%;
					top: 0;
					left: 0;
					height: 80px;
					-webkit-transition: all .3s;
					-moz-transition: all .3s;
					-ms-transition: all .3s;
					-o-transition: all .3s;
					transition: all .3s
				}
				.phone-header-place {
					width: 100%;
					height: 80px
				}
				.page-header-main,
				.page-header-info,
				.page-header-flats {
					position: relative;
					width: 100%;
					height: 80px;
					-webkit-transition: all 0.5s;
					-moz-transition: all 0.5s;
					-ms-transition: all 0.5s;
					-o-transition: all 0.5s;
					transition: all 0.5s;
					overflow: hidden
				}
				.page-header-main {
					z-index: 5;
					background: #FFF
				}
				.page-header-info {
					z-index: 2;
					-webkit-transform: translateY(-100px);
					-moz-transform: translateY(-100px);
					-ms-transform: translateY(-100px);
					-o-transform: translateY(-100px);
					transform: translateY(-100px);
					-webkit-transform-origin: 50% 0%;
					-moz-transform-origin: 50% 0%;
					-ms-transform-origin: 50% 0%;
					-o-transform-origin: 50% 0%;
					transform-origin: 50% 0%;
					overflow: visible
				}
				.stage_sub_ .page-header-info {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0)
				}
				.stage_sub_ .minilogo-top {
					-webkit-transform: translateX(0);
					-moz-transform: translateX(0);
					-ms-transform: translateX(0);
					-o-transform: translateX(0);
					transform: translateX(0)
				}
				.page-header-bg {
					position: absolute;
					left: 0;
					top: -100%;
					width: 100%;
					height: 100%;
					background: #fff;
					-webkit-transition: all .3s;
					-moz-transition: all .3s;
					-ms-transition: all .3s;
					-o-transition: all .3s;
					transition: all .3s;
					z-index: -1
				}
				.bottom_ .page-header-bg {
					top: 100%
				}
				.page-header.transparent_:after {
					content: '';
					position: absolute;
					left: 0;
					right: 0;
					bottom: 0;
					background: #fff;
					height: 1px;
					opacity: .1
				}
				.page-header.transparent_ .phone-header {
					background-position: 0 -143px
				}
				.page-header.transparent_.bottom_:after {
					bottom: auto;
					top: 0
				}
				.page-header.white_ .page-header-bg {
					top: 0
				}
				.page-header.white_ .menu-top a,
				.page-header.white_ .menu-sub a {
					color: #333a46
				}
				.page-header.white_ .menu-top a.menu-item.active,
				.page-header.white_ .menu-sub a.menu-item.active {
					color: #f75a40;
					-webkit-transition: color .5s;
					-moz-transition: color .5s;
					-ms-transition: color .5s;
					-o-transition: color .5s;
					transition: color .5s
				}
				.page-header.white_ a.logo-top img.logo-white_ {
					opacity: 0
				}
				.page-header.white_ a.logo-top img.logo-dark_ {
					opacity: 1
				}
				.page-header.blue_,
				.page-header.violet_ {
					background: #5e5ea2
				}
				.page-header.blue_ .menu-top a.menu-item.active,
				.page-header.violet_ .menu-top a.menu-item.active {
					color: #f75a40;-webkit-transition:color .5s;-moz-transition:color .5s;-ms-transition:color .5s;-o-transition:color .5s;transition:color .5s}
					.page-header.violet_{background:#3b3446;border-bottom:1px solid #4f4959}
					
					.page-title{height: 100%;
								    top: 0;
								    left: 10vh;
								    right: 10vh;
								    position: absolute;
								    font-size: 16px;
								    line-height: 10vh;
								    font-family: lt-b;
								    color: #333a46;
								    padding-left: 36px;
								    transition: 0.6s;
								    -webkit-transition: 0.6s;
								    -moz-transition: 0.6s;
								    -ms-transition: 0.6s;
								    -o-transition: 0.6s;
								    -webkit-transform: translateX(0);
								    -moz-transform: translateX(0);
								    -ms-transform: translateX(0);
								    -o-transform: translateX(0);
								    transform: translateX(0);
								    font-family: 'Raleway';
								    font-weight: 800;

					}
						.inner .page-title:after{content:'';position:absolute;-webkit-transform:translateY(-50%) rotate(45deg);
						-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);
						-o-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);left:15px;
						top:50%;width:6px;height:6px;background:#f75a40}
						.page-title.hide_{-webkit-transform:translateX(100vw);-moz-transform:translateX(100vw);-ms-transform:translateX(100vw);-o-transform:translateX(100vw);transform:translateX(100vw)}
						.page-title-back{height:100%;top:0;left:10vh;right:10vh;position:absolute;font-size:14px;
							line-height:10vh;font-family:lt-b;color:#333a46;padding-left:9vh;background:#FFF;-webkit-transform:translateX(-100%);
							-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);
							transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;-ms-transition:0.6s;-o-transition:0.6s}
							.page-title-back:before{content:'';position:absolute;left:0;top:0;width:8vh;height:100%;
							background:50% 50% no-repeat;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15px' height='26px'%3E %3Cpolyline points='14,1 1,13 14,25' stroke='%239ba0a9' stroke-width='2' fill='none'%3E%3C/polyline%3E %3C/svg%3E")}
							.page-title-back:after{content:'';position:absolute;left:8vh;top:0;height:100%;width:1px;background:#9ba0a9}
							.page-title-back.show_{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
							a.logo-top{display:block;position:absolute;width:160px;height:100%;left:50%;margin-left:-80px;text-align:center}a.logo-top
					img {
						display: block;
						width: auto;
						height: 90%;
						position: relative;
						margin: 0 auto;
						opacity: 1;
						-webkit-transition: opacity .5s;
						-moz-transition: opacity .5s;
						-ms-transition: opacity .5s;
						-o-transition: opacity .5s;
						transition: opacity .5s
					}
					a.logo-top img.logo-dark_ {
						opacity: 0;
						position: relative;
						top: 12%
					}
					.menu-top,
					.menu-sub {
						display: block;
						position: relative;
						width: 100%;
						text-align: center;
						padding: 0;
						margin: 0;
						list-style: none
					}
					.menu-top {
						padding-bottom: 10px
					}
					.menu-item,
					.submenu-item {
						color: #fff;
						font-size: 14px;
						display: block;
						margin: 6vh 0;
						vertical-align: top;
						-webkit-transition: all .5s;
						-moz-transition: all .5s;
						-ms-transition: all .5s;
						-o-transition: all .5s;
						transition: all .5s;
						position: relative
					}
					.menu-item a,
					.submenu-item a {
						display: inline-block
					}
					.menu-item {
						-webkit-transform: translateY(50px);
						-moz-transform: translateY(50px);
						-ms-transform: translateY(50px);
						-o-transform: translateY(50px);
						transform: translateY(50px);
						opacity: 0
					}
					#menu.expanded_ .menu-item {
						-webkit-transition-delay: 0.5s;
						-moz-transition-delay: 0.5s;
						-ms-transition-delay: 0.5s;
						-o-transition-delay: 0.5s;
						transition-delay: 0.5s
					}
					.submenu-item {
						margin: 2vh 0;
						opacity: 0;
						-webkit-transition: all .7s;
						-moz-transition: all .7s;
						-ms-transition: all .7s;
						-o-transition: all .7s;
						transition: all .7s;
						-webkit-transform: scale(0.8);
						-moz-transform: scale(0.8);
						-ms-transform: scale(0.8);
						-o-transform: scale(0.8);
						transform: scale(0.8)
					}
					#menu.expanded_ .menu-item.opened_ .submenu-item {
						opacity: 1;
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
						transform: scale(1)
					}
					.menu-item .menulink {
						color: #FFF
					}
					.menu-item .menulink.active {
						color: #f75a40
					}
					.submenu-item .sublink {
						color: #FFF
					}
					.submenu-item .sublink.active {
						color: #f75a40
					}
					.menu-sub {
						padding-bottom: 0;
						overflow: hidden;
						height: 0
					}
					.menu-sub:after {
						content: '';
						position: absolute;
						top: auto;
						bottom: 0;
						left: 50%;
						width: 1px;
						height: 0;
						background: #FFF;
						-webkit-transition: all .3s;
						-moz-transition: all .3s;
						-ms-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s
					}
					#menu.expanded_ .menu-item.opened_ .menu-sub:after {
						top: calc(100% - 60px);
						bottom: auto;
						height: 60px;
						-webkit-transition: all 0.4s 0.6s ease-in;
						-moz-transition: all 0.4s 0.6s ease-in;
						-ms-transition: all 0.4s 0.6s ease-in;
						-o-transition: all 0.4s 0.6s ease-in;
						transition: all 0.4s 0.6s ease-in
					}
					.menu-item.opened_ .submenu-item:nth-child(0) {
						-webkit-transition-delay: 0s;
						-moz-transition-delay: 0s;
						-ms-transition-delay: 0s;
						-o-transition-delay: 0s;
						transition-delay: 0s
					}
					.menu-item.opened_ .submenu-item:nth-child(1) {
						-webkit-transition-delay: 0.1s;
						-moz-transition-delay: 0.1s;
						-ms-transition-delay: 0.1s;
						-o-transition-delay: 0.1s;
						transition-delay: 0.1s
					}
					.menu-item.opened_ .submenu-item:nth-child(2) {
						-webkit-transition-delay: 0.2s;
						-moz-transition-delay: 0.2s;
						-ms-transition-delay: 0.2s;
						-o-transition-delay: 0.2s;
						transition-delay: 0.2s
					}
					.menu-item.opened_ .submenu-item:nth-child(3) {
						-webkit-transition-delay: 0.3s;
						-moz-transition-delay: 0.3s;
						-ms-transition-delay: 0.3s;
						-o-transition-delay: 0.3s;
						transition-delay: 0.3s
					}
					.menu-item.opened_ .submenu-item:nth-child(4) {
						-webkit-transition-delay: 0.4s;
						-moz-transition-delay: 0.4s;
						-ms-transition-delay: 0.4s;
						-o-transition-delay: 0.4s;
						transition-delay: 0.4s
					}
					.menu-top .menu-item a:before,
					.menu-sub .submenu-item a:before,
					.menu-top .menu-item a:after,
					.menu-sub .submenu-item a:after {
						content: '';
						display: inline-block;
						position: relative;
						top: -2px;
						vertical-align: middle;
						width: 4px;
						height: 4px;
						background: #f75a40;
						-webkit-transform: rotateZ(45deg);
						-moz-transform: rotateZ(45deg);
						-ms-transform: rotateZ(45deg);
						-o-transform: rotateZ(45deg);
						transform: rotateZ(45deg);
						margin: 0 10px;
						opacity: 0
					}
					.menu-top .menu-item a:hover,
					.menu-sub .submenu-item a:hover,
					.menu-top .menu-item.active .menulink,
					.menu-sub .submenu-item.active .sublink {
						color: #f75a40
					}
					.menu-top .menu-item.active .menulink:before,
					.menu-sub .submenu-item.active .sublink:before,
					.menu-top .menu-item.active .menulink:after,
					.menu-sub .submenu-item.active .sublink:after {
						opacity: 1
					}
					.menu-top .menu-item .menulink:hover:before,
					.menu-sub .submenu-item .sublink:hover:before,
					.menu-top .menu-item .menulink:hover:after,
					.menu-sub .submenu-item .sublink:hover:after {
						-webkit-animation: menu-hover 0.8s forwards;
						-o-animation: menu-hover 0.8s forwards;
						animation: menu-hover 0.8s forwards
					}
					@-moz-keyframes menu-hover {
						0% {
							-webkit-transform: rotateZ(45deg);
							-moz-transform: rotateZ(45deg);
							-ms-transform: rotateZ(45deg);
							-o-transform: rotateZ(45deg);
							transform: rotateZ(45deg);
							opacity: 0
						}
						30% {
							-webkit-transform: translateY(5px) rotateZ(45deg);
							-moz-transform: translateY(5px) rotateZ(45deg);
							-ms-transform: translateY(5px) rotateZ(45deg);
							-o-transform: translateY(5px) rotateZ(45deg);
							transform: translateY(5px) rotateZ(45deg);
							opacity: .5
						}
						60% {
							-webkit-transform: translateY(-3px) rotateZ(45deg);
							-moz-transform: translateY(-3px) rotateZ(45deg);
							-ms-transform: translateY(-3px) rotateZ(45deg);
							-o-transform: translateY(-3px) rotateZ(45deg);
							transform: translateY(-3px) rotateZ(45deg);
							opacity: 1
						}
						85% {
							-webkit-transform: translateY(1px) rotateZ(45deg);
							-moz-transform: translateY(1px) rotateZ(45deg);
							-ms-transform: translateY(1px) rotateZ(45deg);
							-o-transform: translateY(1px) rotateZ(45deg);
							transform: translateY(1px) rotateZ(45deg);
							opacity: 1
						}
						100% {
							-webkit-transform: translateY(0) rotateZ(45deg);
							-moz-transform: translateY(0) rotateZ(45deg);
							-ms-transform: translateY(0) rotateZ(45deg);
							-o-transform: translateY(0) rotateZ(45deg);
							transform: translateY(0) rotateZ(45deg);
							opacity: 1
						}
					}
					@-webkit-keyframes menu-hover {
						0% {
							-webkit-transform: rotateZ(45deg);
							-moz-transform: rotateZ(45deg);
							-ms-transform: rotateZ(45deg);
							-o-transform: rotateZ(45deg);
							transform: rotateZ(45deg);
							opacity: 0
						}
						30% {
							-webkit-transform: translateY(5px) rotateZ(45deg);
							-moz-transform: translateY(5px) rotateZ(45deg);
							-ms-transform: translateY(5px) rotateZ(45deg);
							-o-transform: translateY(5px) rotateZ(45deg);
							transform: translateY(5px) rotateZ(45deg);
							opacity: .5
						}
						60% {
							-webkit-transform: translateY(-3px) rotateZ(45deg);
							-moz-transform: translateY(-3px) rotateZ(45deg);
							-ms-transform: translateY(-3px) rotateZ(45deg);
							-o-transform: translateY(-3px) rotateZ(45deg);
							transform: translateY(-3px) rotateZ(45deg);
							opacity: 1
						}
						85% {
							-webkit-transform: translateY(1px) rotateZ(45deg);
							-moz-transform: translateY(1px) rotateZ(45deg);
							-ms-transform: translateY(1px) rotateZ(45deg);
							-o-transform: translateY(1px) rotateZ(45deg);
							transform: translateY(1px) rotateZ(45deg);
							opacity: 1
						}
						100% {
							-webkit-transform: translateY(0) rotateZ(45deg);
							-moz-transform: translateY(0) rotateZ(45deg);
							-ms-transform: translateY(0) rotateZ(45deg);
							-o-transform: translateY(0) rotateZ(45deg);
							transform: translateY(0) rotateZ(45deg);
							opacity: 1
						}
					}
					@keyframes menu-hover {
						0% {
							-webkit-transform: rotateZ(45deg);
							-moz-transform: rotateZ(45deg);
							-ms-transform: rotateZ(45deg);
							-o-transform: rotateZ(45deg);
							transform: rotateZ(45deg);
							opacity: 0
						}
						30% {
							-webkit-transform: translateY(5px) rotateZ(45deg);
							-moz-transform: translateY(5px) rotateZ(45deg);
							-ms-transform: translateY(5px) rotateZ(45deg);
							-o-transform: translateY(5px) rotateZ(45deg);
							transform: translateY(5px) rotateZ(45deg);
							opacity: .5
						}
						60% {
							-webkit-transform: translateY(-3px) rotateZ(45deg);
							-moz-transform: translateY(-3px) rotateZ(45deg);
							-ms-transform: translateY(-3px) rotateZ(45deg);
							-o-transform: translateY(-3px) rotateZ(45deg);
							transform: translateY(-3px) rotateZ(45deg);
							opacity: 1
						}
						85% {
							-webkit-transform: translateY(1px) rotateZ(45deg);
							-moz-transform: translateY(1px) rotateZ(45deg);
							-ms-transform: translateY(1px) rotateZ(45deg);
							-o-transform: translateY(1px) rotateZ(45deg);
							transform: translateY(1px) rotateZ(45deg);
							opacity: 1
						}
						100% {
							-webkit-transform: translateY(0) rotateZ(45deg);
							-moz-transform: translateY(0) rotateZ(45deg);
							-ms-transform: translateY(0) rotateZ(45deg);
							-o-transform: translateY(0) rotateZ(45deg);
							transform: translateY(0) rotateZ(45deg);
							opacity: 1
						}
					}
					.phone-header {
						position: fixed;
						display: block;
						top: 5vh;
						right: 15px;
						width: 5vh;
						height: 5vh;
						border: 2px solid #333a46;
						z-index: 500;
						-webkit-transform: translateY(-50%) rotate(45deg);
						-moz-transform: translateY(-50%) rotate(45deg);
						-ms-transform: translateY(-50%) rotate(45deg);
						-o-transform: translateY(-50%) rotate(45deg);
						transform: translateY(-50%) rotate(45deg);
						background: #fff;
						cursor: pointer
					}
					.phone-header span {
						display: none
					}
					.phone-header svg {
						display: block;
						position: relative;
						left: 50%;
						top: 50%;
						-webkit-transform: translate(-50%, -50%) rotate(-45deg);
						-moz-transform: translate(-50%, -50%) rotate(-45deg);
						-ms-transform: translate(-50%, -50%) rotate(-45deg);
						-o-transform: translate(-50%, -50%) rotate(-45deg);
						transform: translate(-50%, -50%) rotate(-45deg);
						width: 60%;
						height: 60%
					}
					.phone-header svg path {
						fill: #333a46
					}
					.phone-header:active,
					.phone-header:focus {
						background: #f75a40;
						border-color: #f75a40
					}
					.phone-header:active svg path,
					.phone-header:focus svg path {
						fill: #fff
					}
					.phone-header-wnd {
						position: fixed;
						top: 18px;
						right: 30px;
						width: 30px;
						height: 30px;
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						transform: rotate(45deg);
						-webkit-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
						-moz-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
						-ms-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
						-o-transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
						transition: all 0.4s, z-index 0.4s step-end, visibility 0.4s step-end;
						z-index: 1
					}
					.phone-header-wnd.show {
						z-index: 499;
						background: #fff;
						-webkit-transform: translate(18px, 62px);
						-moz-transform: translate(18px, 62px);
						-ms-transform: translate(18px, 62px);
						-o-transform: translate(18px, 62px);
						transform: translate(18px, 62px);
						width: 272px;
						height: 130px;
						-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
						-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
						box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
						-webkit-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
						-moz-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
						-ms-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
						-o-transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start;
						transition: all 0.4s 0.1s, z-index 0.4s 0.1s step-start, visibility 0.4s 0.1s step-start
					}
					.phone-header-wnd.show .bg_ {
						background: #fff
					}
					.phone-header-wnd.show i {
						background: #fff;
						top: -5px;
						width: 20px;
						height: 20px;
						-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
						-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
						box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2)
					}
					.phone-header-wnd.show .phone-top-num,
					.phone-header-wnd.show .bt-order-call {
						opacity: 1;
						-webkit-transition: all .3s .3s;
						-moz-transition: all .3s .3s;
						-ms-transition: all .3s .3s;
						-o-transition: all .3s .3s;
						transition: all .3s .3s
					}
					.phone-header-wnd div {
						opacity: 0
					}
					.phone-header-wnd .bg_ {
						opacity: 1;
						display: block;
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background: #f75a40;
						-webkit-transition: all .4s;
						-moz-transition: all .4s;
						-ms-transition: all .4s;
						-o-transition: all .4s;
						transition: all .4s
					}
					.phone-header-wnd i {
						display: block;
						position: absolute;
						right: 22px;
						top: 0;
						width: 0;
						height: 0;
						background: #f75a40;
						-webkit-transform: rotate(45deg);
						-moz-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
						-o-transform: rotate(45deg);
						transform: rotate(45deg);
						-webkit-transition: all .4s;
						-moz-transition: all .4s;
						-ms-transition: all .4s;
						-o-transition: all .4s;
						transition: all .4s;
						z-index: -1
					}
					.phone-top-num,
					.bt-order-call {
						position: relative;
						z-index: 1;
						width: 272px;
						height: 65px;
						line-height: 65px;
						text-align: center;
						-webkit-transition: all .2s;
						-moz-transition: all .2s;
						-ms-transition: all .2s;
						-o-transition: all .2s;
						transition: all .2s
					}
					.phone-top-num {
						border-bottom: 1px solid #eaebec;
						color: #434954;
						font-size: 18px
					}
					.bt-order-call {
						color: #f75a40;
						cursor: pointer;
						font-size: 12px;
						font-family: lt-b
					}
					.bt-order-call span {
						display: inline-block;
						vertical-align: middle;
						height: 16px;
						width: 15px;
						background: url("/bitrix/templates/mobile/i/sprite.png") -53px -64px no-repeat;
						margin-right: 7px;
						margin-bottom: 4px
					}
					.minilogo-top {
						position: relative;
						float: left;
						width: 80px;
						height: 80px;
						background: #333a46;
						z-index: 4;
						-webkit-transform: translateX(-80px);
						-moz-transform: translateX(-80px);
						-ms-transform: translateX(-80px);
						-o-transform: translateX(-80px);
						transform: translateX(-80px);
						-webkit-transition: all 0.3s;
						-moz-transition: all 0.3s;
						-ms-transition: all 0.3s;
						-o-transition: all 0.3s;
						transition: all 0.3s
					}
					.minilogo-top:after {
						content: '';
						width: 24px;
						height: 26px;
						background: url("/bitrix/templates/mobile/i/sprite.png") -51px -31px no-repeat;
						position: absolute;
						left: 50%;
						top: 50%;
						margin: -13px 0 0 -12px
					}
					.bt-show-mainmenu {
						position: relative;
						float: left;
						width: 10vh;
						height: 10vh;
						z-index: 4
					}
					.inner .bt-show-mainmenu {
						background: #333a46
					}
					.inner .bt-show-mainmenu i {
						background: #FFF
					}
					.bt-show-mainmenu i.bt-expand-menu-cc {
						position: absolute;
						left: 50%;
						top: 50%;
						width: 50%;
						height: 40%;
						overflow: hidden;
						background: none;
						-webkit-transform: translate(-50%, -50%);
						-moz-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						-o-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%)
					}
					.bt-show-mainmenu i {
						display: block;
						background: #333a46;
						height: 2px;
						width: 100%;
						position: absolute;
						left: 0;
						top: 0;
						-webkit-transition: all .4s;
						-moz-transition: all .4s;
						-ms-transition: all .4s;
						-o-transition: all .4s;
						transition: all .4s
					}
					.bt-show-mainmenu i.i1 {
						top: 50%;
						margin-top: -1px
					}
					.bt-show-mainmenu i.i2 {
						top: 100%;
						margin-top: -2px
					}
					.bt-show-mainmenu.expanded_ .i0 {
						-webkit-transform: rotateZ(45deg);
						-moz-transform: rotateZ(45deg);
						-ms-transform: rotateZ(45deg);
						-o-transform: rotateZ(45deg);
						transform: rotateZ(45deg);
						top: 50%;
						margin: 0
					}
					.bt-show-mainmenu.expanded_ .i1 {
						width: 0
					}
					.bt-show-mainmenu.expanded_ .i2 {
						-webkit-transform: rotateZ(-45deg);
						-moz-transform: rotateZ(-45deg);
						-ms-transform: rotateZ(-45deg);
						-o-transform: rotateZ(-45deg);
						transform: rotateZ(-45deg);
						top: 50%;
						margin: 0
					}
					.bt-show-mainmenu.expanded_ span {
						-webkit-transition: opacity 0s .1s;
						-moz-transition: opacity 0s .1s;
						-ms-transition: opacity 0s .1s;
						-o-transition: opacity 0s .1s;
						transition: opacity 0s .1s;
						opacity: 0
					}
					#menu {
						position: fixed;
						left: 0;
						top: 10vh;
						width: 100%;
						height: 90vh;
						visibility: hidden;
						z-index: 200;
						overflow: hidden
					}
					.menu-content {
						position: absolute;
						top: 0;
						left: 0;
						width: 100%;
						height: 100%;
						overflow: scroll;
						text-align: center
					}
					.lang-switch {
						position: relative;
						text-align: center;
						opacity: 0;
						-webkit-transform: translateY(50px);
						-moz-transform: translateY(50px);
						-ms-transform: translateY(50px);
						-o-transform: translateY(50px);
						transform: translateY(50px);
						transition: all .4s
					}
					.expanded_ .lang-switch {
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0);
						transition: .4s .8s
					}
					.lang-switch a {
						position: relative;
						display: inline-block;
						padding: 0 20px;
						font-family: lt-l;
						color: #c6c7c9;
						font-size: 14px
					}
					.lang-switch a.current_ {
						color: #f75a40;
						pointer-events: none
					}
					.lang-switch a:nth-child(1):after {
						content: '';
						position: absolute;
						right: -1px;
						width: 1px;
						height: 30px;
						background: #c6c7c9;
						top: 50%;
						margin-top: -15px
					}
					.menu-bg-top,
					.menu-bg-bottom {
						position: absolute;
						left: 50%;
						top: 50%;
						-webkit-transform: translateX(-90%) rotate(45deg);
						-moz-transform: translateX(-90%) rotate(45deg);
						-ms-transform: translateX(-90%) rotate(45deg);
						-o-transform: translateX(-90%) rotate(45deg);
						transform: translateX(-90%) rotate(45deg);
						width: 150vmax;
						height: 150vmax;
						margin: -75vmax 0 0 -75vmax;
						background: #FFF;
						-webkit-transition: all 0.6s 0.4s ease-in;
						-moz-transition: all 0.6s 0.4s ease-in;
						-ms-transition: all 0.6s 0.4s ease-in;
						-o-transition: all 0.6s 0.4s ease-in;
						transition: all 0.6s 0.4s ease-in
					}
					.menu-bg-bottom {
						-webkit-transform: translateX(90%) rotate(45deg);
						-moz-transform: translateX(90%) rotate(45deg);
						-ms-transform: translateX(90%) rotate(45deg);
						-o-transform: translateX(90%) rotate(45deg);
						transform: translateX(90%) rotate(45deg)
					}
					.menu-bg-center {
						position: absolute;
						left: 50%;
						top: 50%;
						-webkit-transform: translate(-50%, -50%) scale(0.01) rotate(45deg);
						-moz-transform: translate(-50%, -50%) scale(0.01) rotate(45deg);
						-ms-transform: translate(-50%, -50%) scale(0.01) rotate(45deg);
						-o-transform: translate(-50%, -50%) scale(0.01) rotate(45deg);
						transform: translate(-50%, -50%) scale(0.01) rotate(45deg);
						width: 102vmax;
						height: 102vmax;
						background: #333a46;
						-webkit-transition: all 0.6s 0.2s ease-in;
						-moz-transition: all 0.6s 0.2s ease-in;
						-ms-transition: all 0.6s 0.2s ease-in;
						-o-transition: all 0.6s 0.2s ease-in;
						transition: all 0.6s 0.2s ease-in
					}
					#menu.expanded_ {
						visibility: visible
					}
					#menu.expanded_ .menu-bg-top,
					#menu.expanded_ .menu-bg-bottom {
						-webkit-transform: translate(0, 0) rotate(45deg);
						-moz-transform: translate(0, 0) rotate(45deg);
						-ms-transform: translate(0, 0) rotate(45deg);
						-o-transform: translate(0, 0) rotate(45deg);
						transform: translate(0, 0) rotate(45deg);
						-webkit-transition: all .8s;
						-moz-transition: all .8s;
						-ms-transition: all .8s;
						-o-transition: all .8s;
						transition: all .8s
					}
					#menu.expanded_ .menu-bg-center {
						-webkit-transform: translate(-50%, -50%) scale(1);
						-moz-transform: translate(-50%, -50%) scale(1);
						-ms-transform: translate(-50%, -50%) scale(1);
						-o-transform: translate(-50%, -50%) scale(1);
						transform: translate(-50%, -50%) scale(1);
						-webkit-transition: all .8s .3s;
						-moz-transition: all .8s .3s;
						-ms-transition: all .8s .3s;
						-o-transition: all .8s .3s;
						transition: all .8s .3s
					}
					#menu.expanded_ .menu-item {
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0)
					}
					body.homepage .page-content {
						overflow: hidden;
						padding-top: 10vh;
						padding-bottom: 0;
						height: 100%
					}
					@media screen and (max-height: 470px) {
						body.homepage .page-content.page-landscape {
							padding-bottom: 12vh
						}
					}
					.about-slider {
						overflow: hidden;
						width: 100vw;
						height: 100%
					}
					.about-slider .swiper-slide {
						width: 100vw;
						height: 100%
					}
					.about-slider .swiper-slide img {
						display: block;
						margin: 0 auto
					}
					.about-slider .swiper-slide.i2 .left {
						background: url("../bitrix/templates/mobile/i/about-bg-2h-left.png") 100% 100% #333a46 no-repeat
					}
					.about-slider .swiper-slide.i2 .right {
						background: url("../bitrix/templates/mobile/i/about-bg-2h-right.png") 0 100% #FFF no-repeat
					}
					.bt-about-scroll-down {
						z-index: 10
					}
					.about-buy-controls {
						position: absolute;
						width: 100%;
						left: 0;
						text-align: center;
						bottom: 60px
					}
					.about-buy-controls a {
						margin: 0 11px
					}
					.hm-ceil-bg {
						height: 150%;
						width: 100%;
						position: absolute;
						left: 0;
						top: 0;
						background: url("../img/Step Residence Render (4)_0.jpg") 50% 100% no-repeat #eae3db;
						-webkit-background-size: contain;
						background-size: contain;
						-webkit-transition: all 1s;
						-moz-transition: all 1s;
						-ms-transition: all 1s;
						-o-transition: all 1s;
						transition: all 1s;
						z-index: -1
					}
					.swiper-slide-active .hm-ceil-bg {
						-webkit-transform: translateY(-30%);
						-moz-transform: translateY(-30%);
						-ms-transform: translateY(-30%);
						-o-transform: translateY(-30%);
						transform: translateY(-30%);
						-webkit-transition: all 3s .5s;
						-moz-transition: all 3s .5s;
						-ms-transition: all 3s .5s;
						-o-transition: all 3s .5s;
						transition: all 3s .5s
					}
					.about-slider .swiper-slide.i0 {
						background: #FFF
					}
					.about-slider .swiper-slide.i0 .bt-scroll-down {
						opacity: 0;
						transition: 0.6s 2s;
						-webkit-transition: 0.6s 2s;
						-moz-transition: 0.6s 2s;
						-ms-transition: 0.6s 2s;
						-o-transition: 0.6s 2s
					}
					.about-slider .hm0-bg,
					.about-slider .hm0-sky {
						opacity: 0;
						-webkit-transition: opacity .6s;
						-moz-transition: opacity .6s;
						-ms-transition: opacity .6s;
						-o-transition: opacity .6s;
						transition: opacity .6s
					}
					.about-slider .swiper-slide.swiper-slide-active.i0 .hm0-bg,
					.about-slider .swiper-slide.swiper-slide-active.i0 .hm0-sky,
					.about-slider .swiper-slide.swiper-slide-active.i0 .bt-scroll-down {
						opacity: 1
					}
					.hm0-bg {
						position: absolute;
						left: 50%;
						top: 0;
						width: 100%;
						height: 100%;
						background: #FFF;
						-webkit-transform: translateX(-50%);
						-moz-transform: translateX(-50%);
						-ms-transform: translateX(-50%);
						-o-transform: translateX(-50%);
						transform: translateX(-50%)
					}
					.hm0-sky {
						width: 100%;
						height: 180%;
						position: absolute;
						left: 0;
						top: 0;
						background: url("../img/sky.jpg") 50% 0 no-repeat;
						-webkit-background-size: cover;
						background-size: cover
					}
					.hm0-house {
						position: absolute;
						bottom: 0;
						left: 50%;
						background: url("../img/kot.png") 0 0 no-repeat;
						-webkit-background-size: cover;
						background-size: cover;
						width: 1126px;
						height: 800px;
						-webkit-transform: translateY(100%) translateX(-50%);
						-moz-transform: translateY(100%) translateX(-50%);
						-ms-transform: translateY(100%) translateX(-50%);
						-o-transform: translateY(100%) translateX(-50%);
						transform: translateY(100%) translateX(-50%)
					}
					.hm0-tree-left {
						position: absolute;
						left: -50%;
						bottom: 0;
						background: url("../img/tree1.png") 0 0 no-repeat;
						-webkit-background-size: cover;
						background-size: cover;
						height: 120%;
						width: 46.95%;
						-webkit-transform: translateY(100%) translateX(20%) scale(1.1);
						-moz-transform: translateY(100%) translateX(20%) scale(1.1);
						-ms-transform: translateY(100%) translateX(20%) scale(1.1);
						-o-transform: translateY(100%) translateX(20%) scale(1.1);
						transform: translateY(100%) translateX(20%) scale(1.1)
					}
					.hm0-tree-right {
						position: absolute;
						right: -20%;
						bottom: 0;
						background: url("../img/tree2.png") 0 0 no-repeat;
						-webkit-background-size: cover;
						background-size: cover;
						height: 100%;
						-webkit-transform: translateY(100%);
						-moz-transform: translateY(100%);
						-ms-transform: translateY(100%);
						-o-transform: translateY(100%);
						transform: translateY(100%)
					}
					@media screen and (orientation: landscape) {
						.hm0-tree-left {
							left: 0
						}
						.hm0-tree-right {
							right: -15%
						}
					}
					#hm0-mask-anim image {
						opacity: 0
					}
					#hm0-mask-anim.show image {
						opacity: 1;
						-webkit-transform: translate(0, 0);
						-moz-transform: translate(0, 0);
						-ms-transform: translate(0, 0);
						-o-transform: translate(0, 0);
						transform: translate(0, 0)
					}
					#hm0-mask-anim #hm0-mask-anim-1 {
						-webkit-transition: opacity 1s 0, -webkit-transform 0.4s 0s;
						-moz-transition: opacity 1s 0s, -moz-transform 0.4s 0s;
						-ms-transition: opacity 1s 0s, -ms-transform 0.4s 0s;
						-o-transition: opacity 1s 0s, -o-transform 0.4s 0s;
						transition: opacity 1s 0s, transform 0.4s 0s
					}
					#hm0-mask-anim #hm0-mask-anim-2 {
						-webkit-transition: opacity 1s 0.12, -webkit-transform 0.4s 0.11s;
						-moz-transition: opacity 1s 0.12s, -moz-transform 0.4s 0.11s;
						-ms-transition: opacity 1s 0.12s, -ms-transform 0.4s 0.11s;
						-o-transition: opacity 1s 0.12s, -o-transform 0.4s 0.11s;
						transition: opacity 1s 0.12s, transform 0.4s 0.11s
					}
					#hm0-mask-anim #hm0-mask-anim-3 {
						-webkit-transition: opacity 1s 0.24, -webkit-transform 0.4s 0.22s;
						-moz-transition: opacity 1s 0.24s, -moz-transform 0.4s 0.22s;
						-ms-transition: opacity 1s 0.24s, -ms-transform 0.4s 0.22s;
						-o-transition: opacity 1s 0.24s, -o-transform 0.4s 0.22s;
						transition: opacity 1s 0.24s, transform 0.4s 0.22s
					}
					#hm0-mask-anim #hm0-mask-anim-4 {
						-webkit-transition: opacity 1s 0.36, -webkit-transform 0.4s 0.33s;
						-moz-transition: opacity 1s 0.36s, -moz-transform 0.4s 0.33s;
						-ms-transition: opacity 1s 0.36s, -ms-transform 0.4s 0.33s;
						-o-transition: opacity 1s 0.36s, -o-transform 0.4s 0.33s;
						transition: opacity 1s 0.36s, transform 0.4s 0.33s
					}
					#hm0-mask-anim #hm0-mask-anim-5 {
						-webkit-transition: opacity 1s 0.48, -webkit-transform 0.4s 0.44s;
						-moz-transition: opacity 1s 0.48s, -moz-transform 0.4s 0.44s;
						-ms-transition: opacity 1s 0.48s, -ms-transform 0.4s 0.44s;
						-o-transition: opacity 1s 0.48s, -o-transform 0.4s 0.44s;
						transition: opacity 1s 0.48s, transform 0.4s 0.44s
					}
					#hm0-mask-anim #hm0-mask-anim-6 {
						-webkit-transition: opacity 1s 0.6, -webkit-transform 0.4s 0.55s;
						-moz-transition: opacity 1s 0.6s, -moz-transform 0.4s 0.55s;
						-ms-transition: opacity 1s 0.6s, -ms-transform 0.4s 0.55s;
						-o-transition: opacity 1s 0.6s, -o-transform 0.4s 0.55s;
						transition: opacity 1s 0.6s, transform 0.4s 0.55s
					}
					#hm0-mask-anim #hm0-mask-anim-7 {
						-webkit-transition: opacity 1s 0.72, -webkit-transform 0.4s 0.66s;
						-moz-transition: opacity 1s 0.72s, -moz-transform 0.4s 0.66s;
						-ms-transition: opacity 1s 0.72s, -ms-transform 0.4s 0.66s;
						-o-transition: opacity 1s 0.72s, -o-transform 0.4s 0.66s;
						transition: opacity 1s 0.72s, transform 0.4s 0.66s
					}
					.hm-overlay-container {
						position: absolute;
						left: 0;
						top: -98%;
						width: 100%;
						height: 100%;
						z-index: 9;
						opacity: 1;
						overflow: hidden
					}
					.hm-overlay {
						position: absolute;
						z-index: 10;
						left: 50%;
						top: 100%;
						-webkit-transform: rotateX(90deg) translate(-50%, -70%) rotateZ(45deg);
						-moz-transform: rotateX(90deg) translate(-50%, -70%) rotateZ(45deg);
						-ms-transform: rotateX(90deg) translate(-50%, -70%) rotateZ(45deg);
						-o-transform: rotateX(90deg) translate(-50%, -70%) rotateZ(45deg);
						transform: rotateX(90deg) translate(-50%, -70%) rotateZ(45deg);
						margin-top: 0;
						background: #fff;
						width: 100vh;
						height: 100vh;
						-webkit-transition: all 1.5s;
						-moz-transition: all 1.5s;
						-ms-transition: all 1.5s;
						-o-transition: all 1.5s;
						transition: all 1.5s
					}
					.hm-overlay.scr2 {
						background: #333a46
					}
					.hm-overlay.scr4 {
						background: #eae3db
					}
					.swiper-slide-active .hm-overlay {
						-webkit-transform: rotateX(0deg) translate(-50%, -70%) rotate(45deg);
						-moz-transform: rotateX(0deg) translate(-50%, -70%) rotate(45deg);
						-ms-transform: rotateX(0deg) translate(-50%, -70%) rotate(45deg);
						-o-transform: rotateX(0deg) translate(-50%, -70%) rotate(45deg);
						transform: rotateX(0deg) translate(-50%, -70%) rotate(45deg);
						-webkit-transition: all .8s;
						-moz-transition: all .8s;
						-ms-transition: all .8s;
						-o-transition: all .8s;
						transition: all .8s
					}
					@media screen and (orientation: landscape) {
						.hm-overlay {
							width: 100vw;
							height: 100vw
						}
					}
					.hm3-overlay {
						-webkit-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
						-moz-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
						-ms-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
						-o-transform: rotateX(0deg) translate(-50%, 0) rotate(45deg);
						transform: translate(-50%, -50%) rotateX(0deg) rotate(45deg)
					}
					.swiper-slide-active .hm3-overlay {
						-webkit-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
						-moz-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
						-ms-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
						-o-transform: rotateX(90deg) translate(-50%, -100%) rotate(45deg);
						transform: translate(-50%, -100%) rotateX(90deg) rotate(45deg);
						margin-top: -100px
					}
					.hm1-overlay,
					.hm1-overlay-fade {
						background: #333a46
					}
					.swiper-slide-next .hm1-overlay {
						display: none
					}
					.hm0-mask-up,
					.hm0-mask-bottom {
						height: 50%;
						position: relative;
						overflow: hidden
					}
					.hm0-mask-up div,
					.hm0-mask-bottom div {
						-webkit-transition: -webkit-transform 0.5s;
						-moz-transition: -moz-transform 0.5s;
						-ms-transition: -ms-transform 0.5s;
						-o-transition: -o-transform 0.5s;
						transition: transform .5s
					}
					.hm0-mask-up div {
						-webkit-transform: translateY(100px);
						-moz-transform: translateY(100px);
						-ms-transform: translateY(100px);
						-o-transform: translateY(100px);
						transform: translateY(100px)
					}
					.hm0-mask-bottom div {
						-webkit-transform: translateY(-100px);
						-moz-transform: translateY(-100px);
						-ms-transform: translateY(-100px);
						-o-transform: translateY(-100px);
						transform: translateY(-100px)
					}
					.swiper-slide-active .hm0-mask-up div,
					.swiper-slide-active .hm0-mask-bottom div {
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0);
						-webkit-transition: -webkit-transform 2s 1.3s;
						-moz-transition: -moz-transform 2s 1.3s;
						-ms-transition: -ms-transform 2s 1.3s;
						-o-transition: -o-transform 2s 1.3s;
						transition: transform 2s 1.3s
					}
					.hm-intro-slogan {
						top: 60%;
						height: 100px;
						font-family: lt-l;
						text-align: center;
						font-size: 35px;
						line-height: 60px;
						color: #fff;
						position: absolute;
						width: 100%;
						font-family:'Raleway';
						
					}
					.hm0-amp {
						position: absolute;
						left: 50%;
						top: 36%;
						height: 40%;
						width: auto;
						-webkit-transform: translate(-50%, -50%);
						-moz-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						-o-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%)
					}
					.hm0-amp svg {
						width: 100%;
						height: 100%
					}
					@media screen and (orientation: landscape) and (max-height: 470px) {
						.hm-intro-slogan {
							font-size: 20px;
							line-height: 30px;
							height: 60px;
							top: 60%
						}
						.hm0-amp {
							top: 40%;
							height: 30%
						}
					}
					.hm-intro-slogan-i0 {
						font-size: 160px;
						text-align: center;
						color: #fff;
						font-family: lt-b;
						-webkit-transform: translateY(300px);
						-moz-transform: translateY(300px);
						-ms-transform: translateY(300px);
						-o-transform: translateY(300px);
						transform: translateY(300px)
					}
					.hm-intro-slogan-i0 div {
						font-family: lt;
						font-size: 24px;
						letter-spacing: 2px
					}
					.hm-intro-slogan-line {
						position: absolute;
						top: 65%;
						left: 50%;
						width: 2px;
						background: #fff;
						margin: 0 0 0 -1px;
						-webkit-transform: rotate(90deg);
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						transform: rotate(90deg);
						height: 0;
						-webkit-transition: all .3s;
						-moz-transition: all .3s;
						-ms-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s
					}
					.hm-intro-slogan-i1 {
						padding-top: 40px;
						font-size: 40px;
						color: #fff;
						font-family: "PT Serif";
						text-align: center;
						letter-spacing: 2px;
						-webkit-transform: translateY(-200px);
						-moz-transform: translateY(-200px);
						-ms-transform: translateY(-200px);
						-o-transform: translateY(-200px);
						transform: translateY(-200px)
					}
					.hm1-slogan-container {
						position: relative;
						top: 35% !important;
						text-align: center;
						max-width: 900px;
						padding: 0 30px;
						margin: 0 auto
					}
					.hm1-slogan,
					.hm1-subslogan {
						opacity: 0;
						-webkit-transform: translateY(50px);
						-moz-transform: translateY(50px);
						-ms-transform: translateY(50px);
						-o-transform: translateY(50px);
						transform: translateY(50px);
						-webkit-transition: all .6s;
						-moz-transition: all .6s;
						-ms-transition: all .6s;
						-o-transition: all .6s;
						transition: all .6s;
						line-height: 1.4
					}
					.swiper-slide-active .hm1-slogan,
					.swiper-slide-active .hm1-subslogan {
						-webkit-transition: all .8s .6s;
						-moz-transition: all .8s .6s;
						-ms-transition: all .8s .6s;
						-o-transition: all .8s .6s;
						transition: all .8s .6s;
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0)
					}
					.swiper-slide-active .hm1-subslogan {
						-webkit-transition-delay: .7s;
						-moz-transition-delay: .7s;
						-ms-transition-delay: .7s;
						-o-transition-delay: .7s;
						transition-delay: .7s
					}
					.hm1-slogan,
					.hm1-subslogan {
						color: #333a46;
						font-size: 14px;
						padding-bottom: 50px;
						letter-spacing: 2px
					}
					.hm1-places {
						width: 0;
						height: 141px;
						position: absolute;
						bottom: 9.9%;
						left: 50%;
						-webkit-transform: translateX(-50%);
						-moz-transform: translateX(-50%);
						-ms-transform: translateX(-50%);
						-o-transform: translateX(-50%);
						transform: translateX(-50%);
						border-bottom: 3px solid #c7c7cb;
						overflow: hidden;
						-webkit-transition: all .6s .5s;
						-moz-transition: all .6s .5s;
						-ms-transition: all .6s .5s;
						-o-transition: all .6s .5s;
						transition: all .6s .5s;
						z-index: 1
					}
					.swiper-slide-active .hm1-places {
						width: 100%;
						-webkit-transition: .8s 1.2s;
						-moz-transition: .8s 1.2s;
						-ms-transition: .8s 1.2s;
						-o-transition: .8s 1.2s;
						transition: .8s 1.2s
					}
					.hm1-garden {
						position: absolute;
						left: 2%;
						bottom: 0;
						background: url("/bitrix/templates/mobile/i/homepage/hm1-bld-left.png") 0 100% no-repeat;
						-webkit-background-size: contain;
						background-size: contain;
						height: 90%;
						width: 40%;
						-webkit-transform: translateY(100%);
						-moz-transform: translateY(100%);
						-ms-transform: translateY(100%);
						-o-transform: translateY(100%);
						transform: translateY(100%)
					}
					.hm1-monastery {
						position: absolute;
						right: 2%;
						bottom: 0;
						background: url("/bitrix/templates/mobile/i/homepage/hm1-bld-right.png") 0 100% no-repeat;
						-webkit-background-size: contain;
						background-size: contain;
						height: 51%;
						width: 40%;
						-webkit-transform: translateY(100%);
						-moz-transform: translateY(100%);
						-ms-transform: translateY(100%);
						-o-transform: translateY(100%);
						transform: translateY(100%)
					}
					.hm1-garden,
					.hm1-monastery {
						-webkit-transition: all .6s;
						-moz-transition: all .6s;
						-ms-transition: all .6s;
						-o-transition: all .6s;
						transition: all .6s
					}
					.swiper-slide-active .hm1-house {
						-webkit-transition: -webkit-transform 0.8s 0.5s, opacity 0.8s 0.5s;
						-moz-transition: -moz-transform 0.8s 0.5s, opacity 0.8s 0.5s;
						-ms-transition: -ms-transform 0.8s 0.5s, opacity 0.8s 0.5s;
						-o-transition: -o-transform 0.8s 0.5s, opacity 0.8s 0.5s;
						transition: transform .8s .5s, opacity .8s .5s;
						-webkit-transform: translateY(0) translateX(-50%);
						-moz-transform: translateY(0) translateX(-50%);
						-ms-transform: translateY(0) translateX(-50%);
						-o-transform: translateY(0) translateX(-50%);
						transform: translateY(0) translateX(-50%);
						opacity: 1
					}
					.swiper-slide-active .hm1-garden,
					.swiper-slide-active .hm1-monastery {
						-webkit-transition: -webkit-transform 0.6s 1.8s;
						-moz-transition: -moz-transform 0.6s 1.8s;
						-ms-transition: -ms-transform 0.6s 1.8s;
						-o-transition: -o-transform 0.6s 1.8s;
						transition: transform .6s 1.8s;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0)
					}
					.swiper-slide-active .hm1-garden-text,
					.swiper-slide-active .hm1-monastery-text {
						-webkit-transition: opacity .3s 1.8s;
						-moz-transition: opacity .3s 1.8s;
						-ms-transition: opacity .3s 1.8s;
						-o-transition: opacity .3s 1.8s;
						transition: opacity .3s 1.8s;
						opacity: 1
					}
					.hm1-house {
						position: absolute;
						left: 80%;
						bottom: 10%;
						background: url("../img/StepResidenceRender(2).jpg")no-repeat;
						-webkit-background-size: contain;
						background-size: contain;
						width: 100%;
						height: 50%;
						opacity: 0;
						-webkit-transform: translateY(50%) translateX(-50%);
						-moz-transform: translateY(50%) translateX(-50%);
						-ms-transform: translateY(50%) translateX(-50%);
						-o-transform: translateY(50%) translateX(-50%);
						transform: translateY(50%) translateX(-50%);
						-webkit-transition: -webkit-transform 0.6s 0.6s, opacity 0.6s 0.6s;
						-moz-transition: -moz-transform 0.6s 0.6s, opacity 0.6s 0.6s;
						-ms-transition: -ms-transform 0.6s 0.6s, opacity 0.6s 0.6s;
						-o-transition: -o-transform 0.6s 0.6s, opacity 0.6s 0.6s;
						transition: transform .6s .6s, opacity .6s .6s
					}
					.hm1-garden-text,
					.hm1-monastery-text {
						position: absolute;
						text-align: center;
						bottom: 4%;
						font-family: lt-b;
						font-size: 12px;
						color: #c7c7cb;
						-webkit-transition: all .3s;
						-moz-transition: all .3s;
						-ms-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s;
						opacity: 0
					}
					.hm1-garden-text {
						width: 50%;
						left: 0
					}
					.hm1-monastery-text {
						width: 50%;
						right: 0
					}
					@media screen and (orientation: landscape) {
						.hm1-house {
							width: 100%
						}
						.hm1-garden {
							width: 25%
						}
						.hm1-monastery {
							width: 18%
						}
						.hm1-garden-text {
							width: 27%
						}
						.hm1-monastery-text {
							width: 27%
						}
					}
					@media screen and (orientation: landscape) and (max-height: 470px) {
						.hm1-slogan {
							font-size: 12px;
							line-height: 1.2
						}
						.hm1-slogan-container {
							top: 45% !important
						}
					}
					.hm2-col-left,
					.hm2-col-right {
						height: 100%;
						position: absolute;
						width: 100%;
						left: 0;
						bottom: 0;
						overflow: hidden
					}
					.hm2-col-right {
						left: auto;
						right: 0;
						width: 50%;
						background: #fff;
						z-index: 1;
						height: 200%;
						-webkit-transition: all .8s;
						-moz-transition: all .8s;
						-ms-transition: all .8s;
						-o-transition: all .8s;
						transition: all .8s;
						-webkit-transform: rotate(90deg);
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						transform: rotate(90deg);
						-webkit-transform-origin: 0% 100%;
						-moz-transform-origin: 0% 100%;
						-ms-transform-origin: 0% 100%;
						-o-transform-origin: 0% 100%;
						transform-origin: 0% 100%
					}
					.hm2-col-left {
						background: #333a46
					}
					.swiper-slide-active .hm2-col-right {
						-webkit-transition: all .6s .3s;
						-moz-transition: all .6s .3s;
						-ms-transition: all .6s .3s;
						-o-transition: all .6s .3s;
						transition: all .6s .3s;
						-webkit-transform: rotate(0);
						-moz-transform: rotate(0);
						-ms-transform: rotate(0);
						-o-transform: rotate(0);
						transform: rotate(0)
					}
					.swiper-slide-active .hm2-house {
						-webkit-transform: rotateX(0deg) scale(1);
						-moz-transform: rotateX(0deg) scale(1);
						-ms-transform: rotateX(0deg) scale(1);
						-o-transform: rotateX(0deg) scale(1);
						transform: rotateX(0deg) scale(1);
						-webkit-transition: all 1s .3s;
						-moz-transition: all 1s .3s;
						-ms-transition: all 1s .3s;
						-o-transition: all 1s .3s;
						transition: all 1s .3s
					}
					.hm2-house {
						width: 80%;
						position: absolute;
						left: 9%;
						bottom: 0;
						opacity: .4;
						z-index: 2;
						-webkit-transform: rotateX(-90deg) scale(2);
						-moz-transform: rotateX(-90deg) scale(2);
						-ms-transform: rotateX(-90deg) scale(2);
						-o-transform: rotateX(-90deg) scale(2);
						transform: rotateX(-90deg) scale(2);
						-webkit-transition: all .6s;
						-moz-transition: all .6s;
						-ms-transition: all .6s;
						-o-transition: all .6s;
						transition: all .6s;
						-webkit-transform-origin: 50% 100%;
						-moz-transform-origin: 50% 100%;
						-ms-transform-origin: 50% 100%;
						-o-transform-origin: 50% 100%;
						transform-origin: 50% 100%
					}
					.hm2-cont-left,
					.hm2-cont-right {
						width: 50%;
						position: absolute !important;
						left: 0;
						text-align: center;
						z-index: 10;
						top: 60% !important
					}
					.hm2-cont-right {
						left: 50%
					}
					.hm2-bld-a,
					.hm2-bld-z {
				    position: relative;
				    display: block;
				    width: 12vh;
				    height: 12vh;
				    margin: 5vh auto 0;
				    background: #9ba0a9;
				    color: #fff;
				    font-size: 8vh;
				    text-align: center;
				    line-height: 12vh;
				    z-index: 10;
				    opacity: 0;
				    -webkit-transform: translateY(300px);
				    -moz-transform: translateY(300px);
				    -ms-transform: translateY(300px);
				    -o-transform: translateY(300px);
				    transform: translateY(300px);
				    -webkit-transition: all .6s;
				    -moz-transition: all .6s;
				    -ms-transition: all .6s;
				    -o-transition: all .6s;
				    transition: all .6s;
					}
					.hm2-bld-z {
					 background: #333a46;
					}
					.swiper-slide-active .hm2-bld-a,
					.swiper-slide-active .hm2-bld-z {
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0);
						-webkit-transition: all .6s .4s;
						-moz-transition: all .6s .4s;
						-ms-transition: all .6s .4s;
						-o-transition: all .6s .4s;
						transition: all .6s .4s
					}
					.hm2-t {
						position: relative;
						font-size: 14px;
						text-align: center;
						width: 100%;
						z-index: 10;
						color: #fff;
						opacity: 0;
						-webkit-transition: all .3s;
						-moz-transition: all .3s;
						-ms-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s;
						-webkit-transform: translateY(-20px);
						-moz-transform: translateY(-20px);
						-ms-transform: translateY(-20px);
						-o-transform: translateY(-20px);
						transform: translateY(-20px)
					}
					.hm2-t.tr1_,
					.hm2-t.tr2_ {
						color: #333a46
					}
					.swiper-slide-active .hm2-t {
						-webkit-transition: all .4s .8s;
						-moz-transition: all .4s .8s;
						-ms-transition: all .4s .8s;
						-o-transition: all .4s .8s;
						transition: all .4s .8s;
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0)
					}
					.swiper-slide-active .hm2-t.tl2_,
					.swiper-slide-active .hm2-t.tr2_ {
						-webkit-transition-delay: 1.4s;
						-moz-transition-delay: 1.4s;
						-ms-transition-delay: 1.4s;
						-o-transition-delay: 1.4s;
						transition-delay: 1.4s
					}
					.hm2-digits {
						position: relative;
						margin: 10px auto 10px;
						width: 70%;
						text-align: center;
						height: 30vh;
						z-index: 10;
						opacity: 0;
						-webkit-transition: all .3s;
						-moz-transition: all .3s;
						-ms-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s
					}
					.hm2-digits svg {
						width: 100%;
						height: 100%
					}
					@media screen and (orientation: landscape) {
						.hm2-digits {
							height: 20vh
						}
					}
					.swiper-slide-active .hm2-digits {
						opacity: 1;
						-webkit-transition: opacity .8s 1s;
						-moz-transition: opacity .8s 1s;
						-ms-transition: opacity .8s 1s;
						-o-transition: opacity .8s 1s;
						transition: opacity .8s 1s
					}
					#hm2-digits-l0,
					#hm2-digits-r0,
					#hm2-digits-l2,
					#hm2-digits-r2 {
						-webkit-transition: all .3s;
						-moz-transition: all .3s;
						-ms-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s
					}
					#hm2-digits-l2,
					#hm2-digits-r2 {
						-webkit-transform: translateY(-20px);
						-moz-transform: translateY(-20px);
						-ms-transform: translateY(-20px);
						-o-transform: translateY(-20px);
						transform: translateY(-20px)
					}
					#hm2-digits-l0,
					#hm2-digits-r0 {
						-webkit-transform: translateY(20px);
						-moz-transform: translateY(20px);
						-ms-transform: translateY(20px);
						-o-transform: translateY(20px);
						transform: translateY(20px)
					}
					.swiper-slide-active #hm2-digits-l0,
					.swiper-slide-active #hm2-digits-r0,
					.swiper-slide-active #hm2-digits-l2,
					.swiper-slide-active #hm2-digits-r2 {
						-webkit-transition: -webkit-transform 0.8s 1s, opacity 0.8s 1s, fill 0.5s 2s;
						-moz-transition: -moz-transform 0.8s 1s, opacity 0.8s 1s, fill 0.5s 2s;
						-ms-transition: -ms-transform 0.8s 1s, opacity 0.8s 1s, fill 0.5s 2s;
						-o-transition: -o-transform 0.8s 1s, opacity 0.8s 1s, fill 0.5s 2s;
						transition: transform .8s 1s, opacity .8s 1s, fill .5s 2s;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0)
					}
					.swiper-slide-active #hm2-digits-r0,
					.swiper-slide-active #hm2-digits-r2 {
						fill: #333a46
					}
					.hm3-lt,
					.hm3-rt,
					.hm3-lb,
					.hm3-rb {
						position: absolute;
						height: 50%;
						overflow: hidden
					}
					.hm3-lt div,
					.hm3-rt div,
					.hm3-lb div,
					.hm3-rb div {
						width: 100vw;
						height: 100vw;
						position: relative;
						left: 0;
						top: 0;
						-webkit-transform: rotate(0deg);
						-moz-transform: rotate(0deg);
						-ms-transform: rotate(0deg);
						-o-transform: rotate(0deg);
						transform: rotate(0deg);
						background: #FFF;
						-webkit-transition: all 1s;
						-moz-transition: all 1s;
						-ms-transition: all 1s;
						-o-transition: all 1s;
						transition: all 1s;
						-webkit-transform-origin: 0% 0%;
						-moz-transform-origin: 0% 0%;
						-ms-transform-origin: 0% 0%;
						-o-transform-origin: 0% 0%;
						transform-origin: 0% 0%
					}
					.hm3-t,
					.hm3-b {
						position: absolute;
						height: 50%;
						overflow: hidden;
						width: 100%;
						left: 0;
						top: 0
					}
					.hm3-t div,
					.hm3-b div {
						width: 100vw;
						height: 100vw;
						position: relative;
						left: 50%;
						top: 50%;
						-webkit-transform: translate(-50%, -25%) rotate(45deg);
						-moz-transform: translate(-50%, -25%) rotate(45deg);
						-ms-transform: translate(-50%, -25%) rotate(45deg);
						-o-transform: translate(-50%, -25%) rotate(45deg);
						transform: translate(-50%, -25%) rotate(45deg);
						background: #FFF;
						-webkit-transition: all 1s;
						-moz-transition: all 1s;
						-ms-transition: all 1s;
						-o-transition: all 1s;
						transition: all 1s
					}
					.hm3-b {
						top: auto;
						bottom: 0
					}
					.hm3-b div {
						-webkit-transform: translate(-50%, -75%) rotate(45deg);
						-moz-transform: translate(-50%, -75%) rotate(45deg);
						-ms-transform: translate(-50%, -75%) rotate(45deg);
						-o-transform: translate(-50%, -75%) rotate(45deg);
						transform: translate(-50%, -75%) rotate(45deg)
					}
					.hm3-t div {
						left: 66%
					}
					.hm3-b div {
						left: 34%
					}
					.hm3-lt {
						left: 0;
						top: 0;
						width: 66%
					}
					.hm3-rt {
						right: 0;
						top: 0;
						width: 34%
					}
					.hm3-rt div {
						-webkit-transform-origin: 100% 0;
						-moz-transform-origin: 100% 0;
						-ms-transform-origin: 100% 0;
						-o-transform-origin: 100% 0;
						transform-origin: 100% 0
					}
					.hm3-lb {
						left: 0;
						bottom: 0;
						width: 34%
					}
					.hm3-rb {
						right: 0;
						bottom: 0;
						width: 66%
					}
					.swiper-slide-active .hm3-lt div,
					.swiper-slide-active .hm3-rt div,
					.swiper-slide-active .hm3-lb div,
					.swiper-slide-active .hm3-rb div {
						-webkit-transition: all 1.2s;
						-moz-transition: all 1.2s;
						-ms-transition: all 1.2s;
						-o-transition: all 1.2s;
						transition: all 1.2s;
						-webkit-transform: rotate(-90deg);
						-moz-transform: rotate(-90deg);
						-ms-transform: rotate(-90deg);
						-o-transform: rotate(-90deg);
						transform: rotate(-90deg)
					}
					.swiper-slide-active .hm3-t div,
					.swiper-slide-active .hm3-b div {
						-webkit-transition: all 1.2s;
						-moz-transition: all 1.2s;
						-ms-transition: all 1.2s;
						-o-transition: all 1.2s;
						transition: all 1.2s
					}
					.swiper-slide-active .hm3-l div {
						-webkit-transform: rotate(-90deg);
						-moz-transform: rotate(-90deg);
						-ms-transform: rotate(-90deg);
						-o-transform: rotate(-90deg);
						transform: rotate(-90deg)
					}
					.swiper-slide-active .hm3-r div {
						-webkit-transform: rotate(90deg);
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						transform: rotate(90deg)
					}
					.swiper-slide-active .hm3-l2,
					.swiper-slide-active .hm3-r2 {
						-webkit-transform: rotate(90deg);
						-moz-transform: rotate(90deg);
						-ms-transform: rotate(90deg);
						-o-transform: rotate(90deg);
						transform: rotate(90deg);
						opacity: 1
					}
					.hm3-l,
					.hm3-r {
						width: 50%;
						height: 100%;
						position: absolute;
						left: 0;
						top: 0;
						overflow: hidden
					}
					.hm3-l div,
					.hm3-r div {
						position: absolute;
						left: 0;
						top: 0;
						width: 100vw;
						height: 100vw;
						-webkit-transform-origin: 0% 0%;
						-moz-transform-origin: 0% 0%;
						-ms-transform-origin: 0% 0%;
						-o-transform-origin: 0% 0%;
						transform-origin: 0% 0%;
						background: #333a46;
						-webkit-transition: all .8s;
						-moz-transition: all .8s;
						-ms-transition: all .8s;
						-o-transition: all .8s;
						transition: all .8s
					}
					.hm3-r {
						right: 0;
						left: auto
					}
					.hm3-r div {
						left: auto;
						right: 0;
						-webkit-transform-origin: 100% 0%;
						-moz-transform-origin: 100% 0%;
						-ms-transform-origin: 100% 0%;
						-o-transform-origin: 100% 0%;
						transform-origin: 100% 0%;
						background: #fff
					}
					.hm3-l2,
					.hm3-r2 {
						position: absolute;
						width: 200%;
						height: 300%;
						top: 0;
						right: 50%;
						-webkit-transform-origin: 100% 0;
						-moz-transform-origin: 100% 0;
						-ms-transform-origin: 100% 0;
						-o-transform-origin: 100% 0;
						transform-origin: 100% 0;
						-webkit-transition: -webkit-transform 0.8s;
						-moz-transition: -moz-transform 0.8s;
						-ms-transition: -ms-transform 0.8s;
						-o-transition: -o-transform 0.8s;
						transition: transform .8s;
						-webkit-transform: rotate(0);
						-moz-transform: rotate(0);
						-ms-transform: rotate(0);
						-o-transform: rotate(0);
						transform: rotate(0);
						background: #333a46;
						z-index: 5;
						opacity: 0
					}
					.hm3-r2 {
						right: 0;
						background: #fff;
						z-index: 4;
						-webkit-transition: -webkit-transform 0.6s;
						-moz-transition: -moz-transform 0.6s;
						-ms-transition: -ms-transform 0.6s;
						-o-transition: -o-transform 0.6s;
						transition: transform .6s
					}
					.swiper-slide-next .hm3-l2,
					.swiper-slide-next .hm3-r2 {
						opacity: 1
					}
					.homepage .gallery-item {
						-webkit-transform: scale(2);
						-moz-transform: scale(2);
						-ms-transform: scale(2);
						-o-transform: scale(2);
						transform: scale(2);
						opacity: 0;
						-webkit-transition: all .8s;
						-moz-transition: all .8s;
						-ms-transition: all .8s;
						-o-transition: all .8s;
						transition: all .8s
					}
					.homepage .swiper-slide-active .gallery-item {
						opacity: 1;
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
						transform: scale(1)
					}
					.hm4-line-up,
					.hm4-line-bottom {
						width: 2px;
						height: 0;
						background: #333a46;
						position: absolute;
						left: 50%;
						top: 5%;
						margin-left: -1px
					}
					.hm4-text {
						width: 300px;
						text-align: center;
						position: absolute;
						top: 16%;
						left: 50%;
						margin-left: -150px;
						color: #333a46;
						font-family: "PT Serif";
						font-size: 12vh;
						letter-spacing: -5px;
						-webkit-transform: scale(0.6);
						-moz-transform: scale(0.6);
						-ms-transform: scale(0.6);
						-o-transform: scale(0.6);
						transform: scale(0.6);
						opacity: 0
					}
					.hm4-text span {
						font-size: 8vh
					}
					.hm4-text div {
						font-size: 4.2vh;
						font-family: lt;
						letter-spacing: 0
					}
					.hm4-line-bottom {
						top: 44%
					}
					.hm4-line-up,
					.hm4-line-bottom,
					.hm4-text {
						-webkit-transition: all .4s;
						-moz-transition: all .4s;
						-ms-transition: all .4s;
						-o-transition: all .4s;
						transition: all .4s
					}
					.swiper-slide-active .hm4-line-up {
						height: 10%;
						-webkit-transition: all .6s .6s;
						-moz-transition: all .6s .6s;
						-ms-transition: all .6s .6s;
						-o-transition: all .6s .6s;
						transition: all .6s .6s
					}
					.swiper-slide-active .hm4-line-bottom {
						-webkit-transition-delay: 1.6s;
						-moz-transition-delay: 1.6s;
						-ms-transition-delay: 1.6s;
						-o-transition-delay: 1.6s;
						transition-delay: 1.6s;
						height: 30%
					}
					.swiper-slide-active .hm4-text {
						-webkit-transition: -webkit-transform 0.6s 1.2s, opacity 0.6s 1.2s;
						-moz-transition: -moz-transform 0.6s 1.2s, opacity 0.6s 1.2s;
						-ms-transition: -o-transform 0.6s 1.2s, opacity 0.6s 1.2s;
						-o-transition: -ms-transform 0.6s 1.2s, opacity 0.6s 1.2s;
						transition: transform .6s 1.2s, opacity .6s 1.2s;
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
						transform: scale(1);
						opacity: 1
					}
					.about-buy-controls {
						position: absolute;
						width: 100%;
						left: 0;
						text-align: center;
						bottom: 5%
					}
					.about-buy-controls a {
						display: block;
						margin: 0 auto 10px;
						font-size: 14px;
						opacity: 0;
						width: 25%;
						min-width: 200px
					}
					@media screen and (orientation: landscape) {
						.about-buy-controls a.bt-white2 {
							display: inline-block;
							width: 25%;
							min-width: 0
						}
					}
					.about-buy-controls a.bt-white2 {
						overflow: hidden;
						-webkit-transform: rotate(0) translateY(280px);
						-moz-transform: rotate(0) translateY(280px);
						-ms-transform: rotate(0) translateY(280px);
						-o-transform: rotate(0) translateY(280px);
						transform: rotate(0) translateY(280px);
						padding: 0;
						-webkit-transition: all .6s;
						-moz-transition: all .6s;
						-ms-transition: all .6s;
						-o-transition: all .6s;
						transition: all .6s
					}
					.swiper-slide-active .about-buy-controls a.bt-white2 {
						opacity: 1;
						-webkit-transform: rotate(0);
						-moz-transform: rotate(0);
						-ms-transform: rotate(0);
						-o-transform: rotate(0);
						transform: rotate(0);
						-webkit-transition: all 0.8s 2s;
						-moz-transition: all 0.8s 2s;
						-ms-transition: all 0.8s 2s;
						-o-transition: all 0.8s 2s;
						transition: all .8s 2s
					}
					.swiper-slide-active .about-buy-controls a.bt-white2:nth-child(2) {
						-webkit-transition-delay: 2.2s;
						-moz-transition-delay: 2.2s;
						-ms-transition-delay: 2.2s;
						-o-transition-delay: 2.2s;
						transition-delay: 2.2s
					}
					.swiper-slide-active .about-buy-controls a.bt-white2:nth-child(3) {
						-webkit-transition-delay: 2.4s;
						-moz-transition-delay: 2.4s;
						-ms-transition-delay: 2.4s;
						-o-transition-delay: 2.4s;
						transition-delay: 2.4s
					}
					.swiper-slide-active .about-buy-controls a.bt-white2:nth-child(3) span {
						-webkit-transition-delay: 2.4s;
						-moz-transition-delay: 2.4s;
						-ms-transition-delay: 2.4s;
						-o-transition-delay: 2.4s;
						transition-delay: 2.4s
					}
					.bt-about-scroll-down {
						z-index: 10
					}
					.flt-intro-content {
						position: absolute;
						left: 0;
						top: 0;
						right: 0;
						bottom: 0
					}
					.flt-intro-content .symbol-amp {
						position: absolute;
						width: 30%;
						height: 30%;
						left: 50%;
						top: 50%;
						-webkit-transform: translate(-50%, -50%);
						-moz-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						-o-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%)
					}
					.flats-type-card {
						position: relative;
						float: left;
						width: 50%;
						height: 50%;
						-webkit-transition: all .5s;
						-moz-transition: all .5s;
						-ms-transition: all .5s;
						-o-transition: all .5s;
						transition: all .5s;
						overflow: hidden;
						background: 50% 50% no-repeat;
						-webkit-background-size: cover;
						background-size: cover
					}
					.flats-type-card:after {
						content: '';
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background: #1e1b31;
						opacity: .2
					}
					.flats-type-card.i0:before,
					.flats-type-card.i1:before {
						content: '';
						position: absolute;
						left: 0;
						top: 0;
						width: 100%;
						height: 100%;
						background: url("/bitrix/templates/mobile/i/bg-fade-top.png") 0 0 repeat-x
					}
					.flats-type-card:hover .flats-type-card-fade {
						opacity: .8
					}
					.flats-type-card:hover .flats-type-card-h,
					.flats-type-card:hover .flats-type-card-ico {
						-webkit-transform: translateY(-20px);
						-moz-transform: translateY(-20px);
						-ms-transform: translateY(-20px);
						-o-transform: translateY(-20px);
						transform: translateY(-20px)
					}
					.flats-type-card:hover .flats-type-card-price-from,
					.flats-type-card:hover .flats-type-card-flats-left {
						opacity: 1;
						-webkit-transform: translateY(20px);
						-moz-transform: translateY(20px);
						-ms-transform: translateY(20px);
						-o-transform: translateY(20px);
						transform: translateY(20px)
					}
					.flats-type-card:hover .flats-type-card-flats-left {
						-webkit-transform: translateY(40px);
						-moz-transform: translateY(40px);
						-ms-transform: translateY(40px);
						-o-transform: translateY(40px);
						transform: translateY(40px)
					}
					.flats-type-card-fade {
						position: absolute;
						width: 100%;
						height: 100%;
						background: #f75a40;
						opacity: 0;
						-webkit-transition: all .5s;
						-moz-transition: all .5s;
						-ms-transition: all .5s;
						-o-transition: all .5s;
						transition: all .5s
					}
					.flats-type-card-h,
					.flats-type-card-ico,
					.flats-type-card-price-from,
					.flats-type-card-flats-left {
						-webkit-transition: all .5s;
						-moz-transition: all .5s;
						-ms-transition: all .5s;
						-o-transition: all .5s;
						transition: all .5s
					}
					.flats-type-card-h {
						position: absolute;
						width: 100%;
						top: 50%;
						left: 0;
						text-align: center;
						font-family: "PT Serif";
						font-size: 3vh;
						color: #fff;
						margin-top: 50px;
						z-index: 1
					}
					.flats-type-card-ico {
						position: absolute;
						width: 117px;
						height: 117px;
						top: 50%;
						left: 50%;
						margin-top: -80px;
						margin-left: -59px;
						z-index: 1
					}
					.flats-type-card-ico:before {
					    content: '';
					    position: absolute;
					    left: 50%;
					    top: 50%;
					    width: 80px;
					    height: 80px;
					    background: #959d8f;
					    opacity: .8;
					    -webkit-transform: translate(-50%, -50%) rotateZ(45deg);
					    -moz-transform: translate(-50%, -50%) rotateZ(45deg);
					    -ms-transform: translate(-50%, -50%) rotateZ(45deg);
					    -o-transform: translate(-50%, -50%) rotateZ(45deg);
					    transform: translate(-50%, -50%) rotateZ(45deg);
					}
					.flats-type-card-ico img {
						position: absolute;
						width: 45px;
						height: 45px;
						left: 50%;
						top: 50%;
						-webkit-transform: translate(-50%, -50%);
						-moz-transform: translate(-50%, -50%);
						-ms-transform: translate(-50%, -50%);
						-o-transform: translate(-50%, -50%);
						transform: translate(-50%, -50%);
						z-index: 1
					}
					.flats-type-card-price-from,
					.flats-type-card-flats-left {
						position: absolute;
						width: 100%;
						top: 50%;
						margin-top: 60px;
						text-align: center;
						font-family: app-b;
						font-size: 16px;
						color: #fff;
						letter-spacing: 2px;
						z-index: 1;
						opacity: 0
					}
					.flats-type-card-flats-left {
						margin-top: 80px;
						font-size: 15px;
						text-transform: uppercase
					}
					.about-slider .flats-type-card-h {
						padding: 0 10px
					}
					.about-slider .flats-type-card-ico,
					.about-slider .flats-type-card-h {
						opacity: 0;
						-webkit-transform: translateY(50px) scale(0.8);
						-moz-transform: translateY(50px) scale(0.8);
						-ms-transform: translateY(50px) scale(0.8);
						-o-transform: translateY(50px) scale(0.8);
						transform: translateY(50px) scale(0.8)
					}
					.about-slider .flats-type-card-ico:before,
					.about-slider .flats-type-card-h:before {
						-webkit-transform: translate(-50%, -50%) rotateZ(0deg);
						-moz-transform: translate(-50%, -50%) rotateZ(0deg);
						-ms-transform: translate(-50%, -50%) rotateZ(0deg);
						-o-transform: translate(-50%, -50%) rotateZ(0deg);
						transform: translate(-50%, -50%) rotateZ(0deg);
						-webkit-transition: all .3s;
						-moz-transition: all .3s;
						-ms-transition: all .3s;
						-o-transition: all .3s;
						transition: all .3s
					}
					.about-slider .flats-type-card {
						-webkit-transform: scale(0.7);
						-moz-transform: scale(0.7);
						-ms-transform: scale(0.7);
						-o-transform: scale(0.7);
						transform: scale(0.7);
						opacity: 0;
						-webkit-transition: .1s .7s;
						-moz-transition: .1s .7s;
						-ms-transition: .1s .7s;
						-o-transition: .1s .7s;
						transition: .1s .7s
					}
					.about-slider .swiper-slide-active .flats-type-card {
						-webkit-transform: scale(1);
						-moz-transform: scale(1);
						-ms-transform: scale(1);
						-o-transform: scale(1);
						transform: scale(1);
						opacity: 1;
						-webkit-transition: .8s .3s;
						-moz-transition: .8s .3s;
						-ms-transition: .8s .3s;
						-o-transition: .8s .3s;
						transition: .8s .3s
					}
					.about-slider .swiper-slide-active .flats-type-card.i1 {
						-webkit-transition-delay: 0.5s;
						-moz-transition-delay: 0.5s;
						-ms-transition-delay: 0.5s;
						-o-transition-delay: 0.5s;
						transition-delay: 0.5s
					}
					.about-slider .swiper-slide-active .flats-type-card.i1 .flats-type-card-ico,
					.about-slider .swiper-slide-active .flats-type-card.i1 .flats-type-card-ico:before {
						-webkit-transition-delay: 0.6s;
						-moz-transition-delay: 0.6s;
						-ms-transition-delay: 0.6s;
						-o-transition-delay: 0.6s;
						transition-delay: 0.6s
					}
					.about-slider .swiper-slide-active .flats-type-card.i1 .flats-type-card-h {
						-webkit-transition-delay: 0.7s;
						-moz-transition-delay: 0.7s;
						-ms-transition-delay: 0.7s;
						-o-transition-delay: 0.7s;
						transition-delay: 0.7s
					}
					.about-slider .swiper-slide-active .flats-type-card.i2 {
						-webkit-transition-delay: 0.7s;
						-moz-transition-delay: 0.7s;
						-ms-transition-delay: 0.7s;
						-o-transition-delay: 0.7s;
						transition-delay: 0.7s
					}
					.about-slider .swiper-slide-active .flats-type-card.i2 .flats-type-card-ico,
					.about-slider .swiper-slide-active .flats-type-card.i2 .flats-type-card-ico:before {
						-webkit-transition-delay: 0.8s;
						-moz-transition-delay: 0.8s;
						-ms-transition-delay: 0.8s;
						-o-transition-delay: 0.8s;
						transition-delay: 0.8s
					}
					.about-slider .swiper-slide-active .flats-type-card.i2 .flats-type-card-h {
						-webkit-transition-delay: 0.9s;
						-moz-transition-delay: 0.9s;
						-ms-transition-delay: 0.9s;
						-o-transition-delay: 0.9s;
						transition-delay: 0.9s
					}
					.about-slider .swiper-slide-active .flats-type-card.i3 {
						-webkit-transition-delay: 0.9s;
						-moz-transition-delay: 0.9s;
						-ms-transition-delay: 0.9s;
						-o-transition-delay: 0.9s;
						transition-delay: 0.9s
					}
					.about-slider .swiper-slide-active .flats-type-card.i3 .flats-type-card-ico,
					.about-slider .swiper-slide-active .flats-type-card.i3 .flats-type-card-ico:before {
						-webkit-transition-delay: 1s;
						-moz-transition-delay: 1s;
						-ms-transition-delay: 1s;
						-o-transition-delay: 1s;
						transition-delay: 1s
					}
					.about-slider .swiper-slide-active .flats-type-card.i3 .flats-type-card-h {
						-webkit-transition-delay: 1.1s;
						-moz-transition-delay: 1.1s;
						-ms-transition-delay: 1.1s;
						-o-transition-delay: 1.1s;
						transition-delay: 1.1s
					}
					.about-slider .swiper-slide-active .flats-type-card-ico,
					.about-slider .swiper-slide-active .flats-type-card-h {
						-webkit-transform: translateY(0) scale(1);
						-moz-transform: translateY(0) scale(1);
						-ms-transform: translateY(0) scale(1);
						-o-transform: translateY(0) scale(1);
						transform: translateY(0) scale(1);
						opacity: 1;
						-webkit-transition: 0.5s 0.4s;
						-moz-transition: 0.5s 0.4s;
						-ms-transition: 0.5s 0.4s;
						-o-transition: 0.5s 0.4s;
						transition: 0.5s 0.4s
					}
					.about-slider .swiper-slide-active .flats-type-card-ico:before,
					.about-slider .swiper-slide-active .flats-type-card-h:before {
						-webkit-transform: translate(-50%, -50%) rotateZ(45deg);
						-moz-transform: translate(-50%, -50%) rotateZ(45deg);
						-ms-transform: translate(-50%, -50%) rotateZ(45deg);
						-o-transform: translate(-50%, -50%) rotateZ(45deg);
						transform: translate(-50%, -50%) rotateZ(45deg);
						-webkit-transition: .8s .4s;
						-moz-transition: .8s .4s;
						-ms-transition: .8s .4s;
						-o-transition: .8s .4s;
						transition: .8s .4s
					}
					@font-face{font-family:'lt-b';src:url('/bitrix/templates/2020/fonts/lt-Bold.eot');src:url('/bitrix/templates/2020/fonts/lt-Bold.eot?#iefix') format('embedded-opentype'),
					url('/bitrix/templates/2020/fonts/lt-Bold.woff2') format('woff2'),
					url('/bitrix/templates/2020/fonts/lt-Bold.woff') format('woff'),
					url('/bitrix/templates/2020/fonts/lt-Bold.ttf') format('truetype'),
					url('/bitrix/templates/2020/fonts/lt-Bold.svg#Lato-Bold') format('svg');
					font-weight:normal;
					font-style:normal
				}
				@font-face{font-family:'lt';src:url('/bitrix/templates/2020/fonts/lt-Regular.eot');src:url('/bitrix/templates/2020/fonts/lt-Regular.eot?#iefix') format('embedded-opentype'),
				url('/bitrix/templates/2020/fonts/lt-Regular.woff2') format('woff2'),
				url('/bitrix/templates/2020/fonts/lt-Regular.woff') format('woff'),
				url('/bitrix/templates/2020/fonts/lt-Regular.ttf') format('truetype'),
				url('/bitrix/templates/2020/fonts/lt-Regular.svg#Lato-Regular') format('svg');
				font-weight:normal;
				font-style:normal
			}
			@font-face{font-family:'lt-l';src:url('/bitrix/templates/2020/fonts/lt-Light.eot');src:url('/bitrix/templates/2020/fonts/lt-Light.eot?#iefix') format('embedded-opentype'),
			url('/bitrix/templates/2020/fonts/lt-Light.woff2') format('woff2'),
			url('/bitrix/templates/2020/fonts/lt-Light.woff') format('woff'),
			url('/bitrix/templates/2020/fonts/lt-Light.ttf') format('truetype'),
			url('/bitrix/templates/2020/fonts/lt-Light.svg#Lato-Light') format('svg');
			font-weight:normal;
			font-style:normal
		}
		@font-face{font-family:'rubl';src:url('/bitrix/templates/2020/fonts/rouble-webfont.eot');src:url('/bitrix/templates/2020/fonts/rouble-webfont.eot?#iefix') format('embedded-opentype'),
		url('/bitrix/templates/2020/fonts/rouble-webfont.woff') format('woff'),
		url('/bitrix/templates/2020/fonts/rouble-webfont.ttf') format('truetype'),
		url('/bitrix/templates/2020/fonts/rouble-webfont.svg#als_rublregular') format('svg');
		font-weight:normal;
		font-style:normal
	}
	html,
	body {
		height: 100%
	}
	body {
		width: 100%;
		font-family: lt, sans-serif;
		color: #4d4e58;
		background: #fff;
		font-size: 13px;
		line-height: 1.2;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%
	}
	#panel {
		position: fixed;
		bottom: 0;
		top: auto;
		z-index: 1000
	}
	.container {
		max-width: 1200px
	}
	.container-full {
		max-width: 1200px
	}
	.screen {
		width: 100%;
		height: 100%;
		position: relative
	}
	a {
		color: #f75a40
	}
	.page-h100 {
		width: 100%;
		height: 100%;
		padding-top: 10vh;
		overflow: hidden
	}
	.header-padding {
		padding-top: 10vh
	}
	.common-pagination {
		right: 3px !important
	}
	.common-pagination .swiper-pagination-bullet {
		position: relative;
		width: 27px;
		height: 27px;
		background: none;
		opacity: 1
	}
	.common-pagination .swiper-pagination-bullet:after {
		content: '';
		position: absolute;
		left: 50%;
		top: 50%;
		width: 5px;
		height: 5px;
		background: #fff;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
		border-radius: 100%;
		margin: -2px 0 0 -2px
	}
	.common-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
		content: '';
		position: absolute;
		width: 16px;
		height: 16px;
		left: 50%;
		top: 50%;
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		-moz-transform: translate(-50%, -50%) rotate(45deg);
		-ms-transform: translate(-50%, -50%) rotate(45deg);
		-o-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
		border: 2px solid #fff
	}
	.common-pagination.dark_ .swiper-pagination-bullet:after {
		background: #333a46
	}
	.common-pagination.dark_ .swiper-pagination-bullet:before {
		border-color: #333a46
	}
	@media screen and (orientation: landscape) {
		.common-pagination {
			right: 10px !important
		}
	}
	.location #panel {
		bottom: auto;
		top: 0
	}
	.location .page-content {
		padding-bottom: 10vh
	}
	.location-sec-slider {
		width: 100%;
		height: 100%
	}
	.location-sec-slider>.swiper-wrapper>.swiper-slide {
		width: 100%;
		height: 100%
	}
	.location-intro-left,
	.location-intro-right {
		position: absolute;
		width: 50%;
		height: 100%;
		overflow: hidden
	}
	.location-intro-left .symbol-amp,
	.location-intro-right .symbol-amp {
		position: absolute;
		top: 18%;
		width: 100vw;
		height: 30%;
		-webkit-transition: all .6s 1.5s;
		-moz-transition: all .6s 1.5s;
		-ms-transition: all .6s 1.5s;
		-o-transition: all .6s 1.5s;
		transition: all .6s 1.5s
	}
	.location-intro-left {
		left: 0
	}
	.location-intro-left .symbol-amp {
		left: 100%
	}
	.location-intro-right {
		right: 0
	}
	.location-intro-right .symbol-amp {
		right: 100%
	}
	.location-intro-mask-sq {
		width: 100vmax;
		height: 100vmax;
		position: absolute;
		top: 0;
		background: #fff;
		-webkit-transition: all 1.6s ease-in;
		-moz-transition: all 1.6s ease-in;
		-ms-transition: all 1.6s ease-in;
		-o-transition: all 1.6s ease-in;
		transition: all 1.6s ease-in
	}
	.location-intro-mask-sq.i1,
	.location-intro-mask-sq.i3 {
		top: -50%
	}
	.location-intro-mask-sq.i2,
	.location-intro-mask-sq.i4 {
		top: 50%
	}
	.location-intro-mask-sq.i1,
	.location-intro-mask-sq.i2 {
		left: 0
	}
	.location-intro-mask-sq.i3,
	.location-intro-mask-sq.i4 {
		right: 0
	}
	.location-intro-mask-sq.i1 {
		-webkit-transform-origin: 0% 100%;
		-moz-transform-origin: 0% 100%;
		-ms-transform-origin: 0% 100%;
		-o-transform-origin: 0% 100%;
		transform-origin: 0% 100%;
		-webkit-transform: translateY(0%) rotateZ(-45deg);
		-moz-transform: translateY(0%) rotateZ(-45deg);
		-ms-transform: translateY(0%) rotateZ(-45deg);
		-o-transform: translateY(0%) rotateZ(-45deg);
		transform: translateY(0%) rotateZ(-45deg)
	}
	.location-intro-mask-sq.i2 {
		-webkit-transform-origin: 0% 0%;
		-moz-transform-origin: 0% 0%;
		-ms-transform-origin: 0% 0%;
		-o-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
		-webkit-transform: translateY(-80%) rotateZ(45deg);
		-moz-transform: translateY(-80%) rotateZ(45deg);
		-ms-transform: translateY(-80%) rotateZ(45deg);
		-o-transform: translateY(-80%) rotateZ(45deg);
		transform: translateY(-80%) rotateZ(45deg)
	}
	.location-intro-mask-sq.i3 {
		-webkit-transform-origin: 100% 100%;
		-moz-transform-origin: 100% 100%;
		-ms-transform-origin: 100% 100%;
		-o-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		-webkit-transform: translateY(0%) rotateZ(45deg);
		-moz-transform: translateY(0%) rotateZ(45deg);
		-ms-transform: translateY(0%) rotateZ(45deg);
		-o-transform: translateY(0%) rotateZ(45deg);
		transform: translateY(0%) rotateZ(45deg)
	}
	.location-intro-mask-sq.i4 {
		-webkit-transform-origin: 100% 0%;
		-moz-transform-origin: 100% 0%;
		-ms-transform-origin: 100% 0%;
		-o-transform-origin: 100% 0%;
		transform-origin: 100% 0%;
		-webkit-transform: translateY(-80%) rotateZ(-45deg);
		-moz-transform: translateY(-80%) rotateZ(-45deg);
		-ms-transform: translateY(-80%) rotateZ(-45deg);
		-o-transform: translateY(-80%) rotateZ(-45deg);
		transform: translateY(-80%) rotateZ(-45deg)
	}
	.location-intro-left-image,
	.location-intro-right-image {
		width: 50%;
		height: 100%;
		position: absolute;
		top: 0;
		overflow: hidden
	}
	.location-intro-left-image .loc-intro-inner-image,
	.location-intro-right-image .loc-intro-inner-image {
		position: absolute;
		top: 0;
		width: 200%;
		height: 100%;
		background: 50% 50% no-repeat;
		-webkit-background-size: cover;
		background-size: cover;
		-webkit-transition: all 1.3s ease-in-out;
		-moz-transition: all 1.3s ease-in-out;
		-ms-transition: all 1.3s ease-in-out;
		-o-transition: all 1.3s ease-in-out;
		transition: all 1.3s ease-in-out
	}
	.location-intro-left-image.left_,
	.location-intro-right-image.left_,
	.location-intro-left-image.right_,
	.location-intro-right-image.right_ {
		overflow: hidden
	}
	.location-intro-left-image.left_ .location-intro-h,
	.location-intro-right-image.left_ .location-intro-h {
		left: 50%
	}
	.location-intro-left-image.right_ .location-intro-h,
	.location-intro-right-image.right_ .location-intro-h {
		right: 50%
	}
	.location-intro-left-image .loc-intro-inner-image {
		background-image: url('../img/Tirana-2.jpg')
	}
	.location-intro-left-image.left_ {
		left: 0;
		width: 50%
	}
	.location-intro-left-image.left_ .loc-intro-inner-image {
		left: 0;
		-webkit-transform: translateX(50%);
		-moz-transform: translateX(50%);
		-ms-transform: translateX(50%);
		-o-transform: translateX(50%);
		transform: translateX(50%)
	}
	.location-intro-left-image.right_ {
		right: 0;
		width: 50%
	}
	.location-intro-left-image.right_ .loc-intro-inner-image {
		right: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.location-intro-right-image .loc-intro-inner-image {
		background-image: url('../img/Step Residence Render (22).jpg')
	}
	.location-intro-right-image.left_ {
		left: 0;
		width: 50%
	}
	.location-intro-right-image.left_ .loc-intro-inner-image {
		-webkit-transform: translateX(50%);
		-moz-transform: translateX(50%);
		-ms-transform: translateX(50%);
		-o-transform: translateX(50%);
		transform: translateX(50%)
	}
	.location-intro-right-image.right_ {
		right: 0;
		width: 50%
	}
	.location-intro-right-image.right_ .loc-intro-inner-image {
		right: 0;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.location-intro.show .location-intro-right-image.left_ .loc-intro-inner-image,
	.location-intro.show .location-intro-left-image.left_ .loc-intro-inner-image {
		left: 0;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
	.location-intro.show .location-intro-right-image.right_ .loc-intro-inner-image,
	.location-intro.show .location-intro-left-image.right_ .loc-intro-inner-image {
		right: 0;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
	.location-intro.show .location-intro-mask-sq.i1 {
		-webkit-transform: translateY(-100vmax) rotateZ(-45deg);
		-moz-transform: translateY(-100vmax) rotateZ(-45deg);
		-ms-transform: translateY(-100vmax) rotateZ(-45deg);
		-o-transform: translateY(-100vmax) rotateZ(-45deg);
		transform: translateY(-100vmax) rotateZ(-45deg)
	}
	.location-intro.show .location-intro-mask-sq.i3 {
		-webkit-transform: translateY(-100vmax) rotateZ(45deg);
		-moz-transform: translateY(-100vmax) rotateZ(45deg);
		-ms-transform: translateY(-100vmax) rotateZ(45deg);
		-o-transform: translateY(-100vmax) rotateZ(45deg);
		transform: translateY(-100vmax) rotateZ(45deg)
	}
	.location-intro.show .location-intro-mask-sq.i2 {
		-webkit-transform: translateY(100vmax) rotateZ(45deg);
		-moz-transform: translateY(100vmax) rotateZ(45deg);
		-ms-transform: translateY(100vmax) rotateZ(45deg);
		-o-transform: translateY(100vmax) rotateZ(45deg);
		transform: translateY(100vmax) rotateZ(45deg)
	}
	.location-intro.show .location-intro-mask-sq.i4 {
		-webkit-transform: translateY(100vmax) rotateZ(-45deg);
		-moz-transform: translateY(100vmax) rotateZ(-45deg);
		-ms-transform: translateY(100vmax) rotateZ(-45deg);
		-o-transform: translateY(100vmax) rotateZ(-45deg);
		transform: translateY(100vmax) rotateZ(-45deg)
	}
	.location-intro.show .location-intro-left .symbol-amp {
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.location-intro.show .location-intro-right .symbol-amp {
		-webkit-transform: translateX(50%);
		-moz-transform: translateX(50%);
		-ms-transform: translateX(50%);
		-o-transform: translateX(50%);
		transform: translateX(50%)
	}
	.location-intro.show .bt-location-show-map,
	.location-intro.show .location-intro-text {
		opacity: 1
	}
	.location-intro.show .location-slogan-top .left .location-intro-h,
	.location-intro.show .location-slogan-bottom .left .location-intro-h {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
	.location-intro.show .location-slogan-top .right .location-intro-h,
	.location-intro.show .location-slogan-bottom .right .location-intro-h {
		-webkit-transform: translateX(-50vw);
		-moz-transform: translateX(-50vw);
		-ms-transform: translateX(-50vw);
		-o-transform: translateX(-50vw);
		transform: translateX(-50vw)
	}
	.location-slogan-top,
	.location-slogan-bottom {
		position: absolute;
		width: 100%;
		height: 30px;
		overflow: hidden;
		left: 0;
		z-index: 2
	}
	.location-slogan-top .col-1-2,
	.location-slogan-bottom .col-1-2 {
		position: relative;
		overflow: hidden
	}
	.location-slogan-top .col-1-2.left .location-intro-h,
	.location-slogan-bottom .col-1-2.left .location-intro-h {
		-webkit-transform: translateX(50vw);
		-moz-transform: translateX(50vw);
		-ms-transform: translateX(50vw);
		-o-transform: translateX(50vw);
		transform: translateX(50vw)
	}
	.location-slogan-top .col-1-2.right .location-intro-h,
	.location-slogan-bottom .col-1-2.right .location-intro-h {
		-webkit-transform: translateX(-100vw);
		-moz-transform: translateX(-100vw);
		-ms-transform: translateX(-100vw);
		-o-transform: translateX(-100vw);
		transform: translateX(-100vw)
	}
	.location-slogan-top {
		top: 10%;
		margin-top: -15px
	}
	.location-slogan-bottom {
		top: 55%;
		margin-top: -15px
	}
	.location-intro-h {
		position: absolute;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100%;
		line-height: 30px;
		font-family: 'PT Serif', sans-serif;
		font-size: 20px;
		color: #fff;
		text-align: center;
		-webkit-transition: all .9s 1.5s, opacity 0s 1.5s;
		-moz-transition: all .9s 1.5s, opacity 0s 1.5s;
		-ms-transition: all .9s 1.5s, opacity 0s 1.5s;
		-o-transition: all .9s 1.5s, opacity 0s 1.5s;
		transition: all .9s 1.5s, opacity 0s 1.5s
	}
	.location-controls {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 10vh;
		overflow: hidden
	}
	.location-controls a {
		position: absolute;
		left: 0;
		padding: 0;
		height: 100%;
		line-height: 10vh;
		width: 50%;
		-webkit-transition: all .6s;
		-moz-transition: all .6s;
		-ms-transition: all .6s;
		-o-transition: all .6s;
		transition: all .6s
	}
	.location-controls .bt-location-show-map {
		left: 50%
	}
	.location-controls.pos2_0 .bt-location-show-map,
	.location-controls.pos3_0 .bt-location-show-map {
		width: 100%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%)
	}
	.location-controls.pos2_0 .bt-location-show-gallery,
	.location-controls.pos3_0 .bt-location-show-gallery {
		width: 100%;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%)
	}
	.location-controls.pos2_1 .bt-location-show-map,
	.location-controls.pos3_2 .bt-location-show-map {
		width: 100%;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%)
	}
	.location-controls.pos2_1 .bt-location-show-gallery,
	.location-controls.pos3_2 .bt-location-show-gallery {
		width: 100%;
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0)
	}
	.bt-location-show-map i,
	.bt-location-show-gallery i {
		display: inline-block;
		width: 4vh;
		height: 4vh;
		vertical-align: middle;
		background: 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		margin-right: 10px
	}
	.bt-location-show-map i {
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='47px' height='41.982px' viewBox='0 0 47 41.982' enable-background='new 0 0 47 41.982' xml:space='preserve'%3E %3Cpath fill='%23FFFFFF' d='M46.439,0.319c-0.356-0.284-0.815-0.384-1.257-0.278L30.844,3.609L16.505,0.041 c-0.009-0.002-0.017-0.001-0.026-0.003c-0.044-0.01-0.089-0.011-0.134-0.016c-0.063-0.008-0.126-0.02-0.189-0.02 c-0.063,0-0.126,0.012-0.189,0.02c-0.045,0.006-0.09,0.006-0.134,0.016c-0.009,0.002-0.017,0.001-0.026,0.003L1.12,3.696 C0.463,3.86,0,4.462,0,5.153v35.33c0,0.46,0.206,0.895,0.561,1.179c0.262,0.209,0.582,0.321,0.908,0.321 c0.116,0,0.232-0.015,0.349-0.042l14.339-3.568l14.339,3.568c0.116,0.028,0.232,0.042,0.349,0.042 c0.116,0,0.232-0.015,0.349-0.042l14.688-3.655C46.537,38.12,47,37.518,47,36.828V1.498C47,1.038,46.793,0.603,46.439,0.319z M2.938,6.33l11.75-2.923V35.65l-11.75,2.923V6.33z M17.625,3.407l11.75,2.923v32.243l-11.75-2.923V3.407z M44.062,35.65 l-11.75,2.923V6.33l11.75-2.923V35.65z'/%3E %3C/svg%3E ")
	}
	.bt-location-show-gallery i {
		background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='44px' height='36px' viewBox='0 0 44 36' enable-background='new 0 0 44 36' xml:space='preserve'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%233B3446' d='M41.25,36H2.75C1.231,36,0,34.76,0,33.231V2.769 C0,1.24,1.231,0,2.75,0h38.5C42.769,0,44,1.24,44,2.769v30.462C44,34.76,42.769,36,41.25,36z M39.875,4.154H4.125v15.504 c0.465,0.205,0.908,0.414,1.337,0.619c2.11,1.007,3.932,1.877,7.821,1.877c3.892,0,5.716-0.869,7.828-1.877 C23.349,19.209,25.885,18,30.704,18c4.522,0,7.029,1.064,9.171,2.078V4.154z M39.875,24.653c-0.467-0.207-0.913-0.417-1.343-0.622 c-2.112-1.008-3.936-1.877-7.827-1.877c-3.891,0-5.715,0.869-7.828,1.877c-2.238,1.067-4.774,2.277-9.594,2.277 c-4.514,0-7.019-1.063-9.158-2.074v7.613h35.75V24.653z M12.375,15.231c-1.519,0-2.75-1.24-2.75-2.769 c0-1.529,1.231-2.769,2.75-2.769c1.519,0,2.75,1.24,2.75,2.769C15.125,13.991,13.894,15.231,12.375,15.231z'/%3E %3C/svg%3E")
	}
	.location-intro-text {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #eaebecc9;
    padding: 4vmin;
    color: #4d4e58;
    letter-spacing: 1px;
    line-height: 1.4;
    font-size: 2vh;
    text-align: center;
    opacity: 0;
    -webkit-transition: all .8s 1.6s;
    -moz-transition: all .8s 1.6s;
    -ms-transition: all .8s 1.6s;
    -o-transition: all .8s 1.6s;
    transition: all .8s 1.6s;
    font-family: 'Raleway';
	}
	@media screen and (orientation: landscape) {
		.location-intro-text {
			font-size: 3vh
		}
	}
	.location-gallery-slider {
		width: 100%;
		height: 100%;
		background: #333a46;
		opacity: 0
	}
	.location-gallery-slider .swiper-slide {
		width: 70%;
		height: 100%
	}
	.location-gallery-range {
		height: 20%;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		text-align: center;
		color: #FFF
	}
	.location-gallery-range span {
		display: inline-block;
		position: relative;
		top: 50%;
		height: 34px;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%)
	}
	.location-gallery-range span strong {
		font-family: "PT Serif";font-size:30px;line-height:30px;display:inline-block;vertical-align:middle;height:34px;margin-right:5px;padding-left:20px;position:relative}.location-gallery-range span strong:before{content:'';position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:50%;width:20px;background:0 0 no-repeat;-webkit-background-size:contain;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='68.136px' height='113.943px' viewBox='0 0 68.136 113.943' enable-background='new 0 0 68.136 113.943' xml:space='preserve'%3E %3Cpath fill='%23FFFFFF' d='M55.817,104.147L35.727,78.46l5.597-10.395l25.687,32.783c1.499,1.999,1.499,4.698,0,6.697l-3.198,3.998 c-1.099,1.299-2.599,1.999-4.198,1.999c-1.199,0-2.399-0.4-3.398-1.199c-2.299-1.899-2.699-5.297-0.8-7.596L55.817,104.147z'/%3E %3Cpath fill='%23FFFFFF' d='M24.933,45.077L9.241,57.071c-0.999,0.7-2.099,1.099-3.198,1.099c-1.599,0-3.298-0.7-4.398-2.099 c-1.799-2.399-1.299-5.697,0.999-7.496l22.289-16.891L24.933,45.077L24.933,45.077z'/%3E %3Cpath fill='%23FFFFFF' d='M9.34,113.943c1.899,0,3.798-0.999,4.798-2.899l24.588-45.977c0.4-0.8,0.6-1.599,0.6-2.499V45.077 l16.792,20.889c1.899,2.299,5.297,2.599,7.596,0.7c2.299-1.899,2.599-5.297,0.7-7.596L38.026,26.687 c-1.399-1.799-3.798-2.399-5.997-1.599c-2.099,0.8-3.598,2.799-3.598,5.097v31.084l-21.589,40.38c-2.499-0.7-5.097,0.5-6.297,2.799 c-1.299,2.699-0.2,5.897,2.499,7.196l3.798,1.799C7.841,113.743,8.641,113.943,9.34,113.943z'/%3E %3Ccircle fill='%23FFFFFF' cx='32.429' cy='10.495' r='10.495'/%3E %3C/svg%3E")}.location-gallery-name{position:absolute;bottom:0;left:0;width:100%;height:20%;padding:20px
		10px;
		text-align: center;
		color: #FFF;
		font-size: 15px
	}
	.location-gallery-image {
		width: 100%;
		height: 60%;
		background: #FFF;
		padding: 10px 10px 30px;
		text-align: center;
		position: relative;
		top: 20%;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		-o-transform: scale(0.9);
		transform: scale(0.9);
		-webkit-transition: all .6s;
		-moz-transition: all .6s;
		-ms-transition: all .6s;
		-o-transition: all .6s;
		transition: all .6s
	}
	.swiper-slide-active>.location-gallery-image {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}
	.location-gallery-image-inner {
		width: 100%;
		height: 100%;
		background: 50% 50% no-repeat;
		-webkit-background-size: cover;
		background-size: cover
	}
	.location-gallery-time {
		font-size: 12px;
		color: #333a46;
		font-family: lt-l;
		line-height: 30px;
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0
	}
	.location-paths-controls {
		position: absolute;
		left: 50%;
		margin-left: -135px;
		bottom: 20px;
		width: 270px;
		height: 40px;
		line-height: 40px;
		background: #fff;
		-webkit-transition: all .6s;
		-moz-transition: all .6s;
		-ms-transition: all .6s;
		-o-transition: all .6s;
		transition: all .6s;
		overflow: hidden
	}
	.location-paths-controls.open {
		height: 120px
	}
	.bt-location-paths-open {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
		width: 270px;
		height: 40px;
		background: #fff;
		color: #333a46;
		text-align: center;
		cursor: pointer;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}
	.bt-location-paths-open:hover {
		color: #f75a40
	}
	.bt-location-paths-open i {
		display: inline-block;
		margin-left: 12px;
		height: 12px;
		width: 12px;
		position: relative;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s
	}
	.bt-location-paths-open i:before,
	.bt-location-paths-open i:after {
		content: '';
		position: absolute;
		left: 5px;
		top: 0;
		width: 2px;
		height: 100%;
		background: #333a46
	}
	.bt-location-paths-open i:after {
		width: 100%;
		height: 2px;
		left: 0;
		top: 5px
	}
	.location-paths-controls.open .bt-location-paths-open i {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg)
	}
	.loc-paths-list {
		width: 100%;
		margin: 0;
		padding: 40px 0 0 !important;
		list-style: none
	}
	.loc-paths-list li {
		display: block;
		padding: 0;
		margin: 0;
		float: right;
		height: 40px;
		width: 100%
	}
	.bt-paths {
		display: block;
		width: 100%;
		height: 100%;
		color: #adb0b5;
		text-align: center;
		cursor: pointer
	}
	.bt-paths:hover,
	.bt-paths.selected {
		color: #f75a40
	}
	@media screen and (orientation: landscape) {
		.location-paths-controls {
			left: 20px;
			margin-left: 0;
			width: 130px
		}
		.location-paths-controls.open {
			width: 80%;
			height: 40px
		}
		.bt-location-paths-open {
			width: 130px
		}
		.loc-paths-list {
			padding: 0 0 0 130px
		}
		.loc-paths-list li {
			width: 50%
		}
	}
	.news-year-filter {
		position: absolute;
		top: 120px;
		right: 42px
	}
	.news-year-filter a {
		display: inline-block;
		width: 55px;
		text-align: center;
		font-family: lt-b;
		color: #333a46
	}
	.news-year-filter a.active,
	.news-year-filter a:hover {
		color: #f75a40
	}
	.news-list {
		margin-left: 15%;
		border-left: 1px solid #eaebec;
		padding-top: 39px
	}
	.news-list-item {
		position: relative;
		width: 700px;
		padding-bottom: 86px;
		padding-left: 130px;
		color: #484f59;
		letter-spacing: 1px
	}
	.news-list-h {
		padding-bottom: 26px;
		font-size: 18px;
		cursor: pointer
	}
	.news-list-h:hover {
		color: #f75a40
	}
	.news-list-announce,
	.news-list-text {
		line-height: 1.6
	}
	.news-list-announce {
		letter-spacing: 2px
	}
	.news-list-text {
		display: none;
		padding-top: 20px
	}
	.news-list-date {
		position: absolute;
		left: -41px;
		top: 0;
		width: 80px;
		height: 80px;
		border: 1px solid #eaebec;
		background: #fff;
		text-align: center;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-ms-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s
	}
	.news-list-date div {
		position: relative;
		top: 50%;
		-webkit-transform: translateY(-50%) rotate(-45deg);
		-moz-transform: translateY(-50%) rotate(-45deg);
		-ms-transform: translateY(-50%) rotate(-45deg);
		-o-transform: translateY(-50%) rotate(-45deg);
		transform: translateY(-50%) rotate(-45deg);
		-webkit-transition: all .4s;
		-moz-transition: all .4s;
		-ms-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s
	}
	.news-list-item:hover .news-list-date {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	.news-list-item:hover .news-list-date div {
		-webkit-transform: translateY(-50%) rotate(0deg);
		-moz-transform: translateY(-50%) rotate(0deg);
		-ms-transform: translateY(-50%) rotate(0deg);
		-o-transform: translateY(-50%) rotate(0deg);
		transform: translateY(-50%) rotate(0deg)
	}
	.news-list-image {
		margin-bottom: 20px
	}
	body.parking .page-content {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden
	}
	body.parking .screen {
		overflow: hidden;
		position: absolute;
		width: 100%;
		height: 90%;
		top: 10vh;
		display: block
	}
	.parking-intro-screen {
		background: url("/bitrix/templates/2020/i/vis-parking-bg.jpg") 40% 50% no-repeat #000;
		-webkit-background-size: cover;
		background-size: cover;
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: all .8s;
		-moz-transition: all .8s;
		-ms-transition: all .8s;
		-o-transition: all .8s;
		transition: all .8s;
		z-index: 1
	}
	.parking-intro-screen.show {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	.parking-lift-image {
		display: block;
		width: 250px;
		height: 44px;
		background: url("/bitrix/templates/mobile/i/vis-parking-lift.png") 0 0 no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
		position: absolute;
		left: 50%;
		top: 7%;
		margin-left: -125px;
		-webkit-transform: translateY(-20vh);
		-moz-transform: translateY(-20vh);
		-ms-transform: translateY(-20vh);
		-o-transform: translateY(-20vh);
		transform: translateY(-20vh);
		-webkit-transition: all .8s;
		-moz-transition: all .8s;
		-ms-transition: all .8s;
		-o-transition: all .8s;
		transition: all .8s
	}
	.parking-intro-screen.play-intro .parking-lift-image {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0)
	}
	.parking-lift {
		position: absolute;
		left: 0;
		width: 100%;
		bottom: 15vh;
		text-align: center;
		color: #FFF;
		font-family: "PT Serif";
		font-size: 24px;
		line-height: 1.4;
		opacity: 0;
		-webkit-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		-o-transform: translateY(-50px);
		transform: translateY(-50px);
		-webkit-transition: all 1s .8s;
		-moz-transition: all 1s .8s;
		-ms-transition: all 1s .8s;
		-o-transition: all 1s .8s;
		transition: all 1s .8s
	}
	.parking-intro-screen.play-intro .parking-lift {
		opacity: 1;
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		transform: rotateX(0deg)
	}
	.parking-lift span {
		display: block;font-size:18px}.parking-intro-count{position:relative;font-family:lt;font-size:14px;padding-top:40px;-webkit-transition:all 1s 1.3s;-moz-transition:all 1s 1.3s;-ms-transition:all 1s 1.3s;-o-transition:all 1s 1.3s;transition:all 1s 1.3s;opacity:0;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px)}.parking-intro-screen.play-intro .parking-intro-count{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.parking-intro-screen.play-intro .parking-intro-count:after{-webkit-transform:rotateX(0deg);-moz-transform:rotateX(0deg);-ms-transform:rotateX(0deg);-o-transform:rotateX(0deg);transform:rotateX(0deg)}.parking-intro-count:after{content:'';position:absolute;top:16px;left:50%;margin-left:-15px;width:30px;height:13px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30px' height='13px'%3E %3Cpolyline fill='none' stroke='%23FFF' stroke-width='2' points='1,1 15,12 29,1' /%3E %3C/svg%3E");-webkit-transform:rotateX(-180deg);-moz-transform:rotateX(-180deg);-ms-transform:rotateX(-180deg);-o-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-transition:all 1s 1.3s;-moz-transition:all 1s 1.3s;-ms-transition:all 1s 1.3s;-o-transition:all 1s 1.3s;transition:all 1s 1.3s}.parking-intro-line{display:block;position:absolute;left:50%;width:1px;margin-left:-1px;top:calc(11vh + 44px);bottom:calc(90vh - 11vh - 44px);border-left:1px dashed #fff;-webkit-transition:all 1.2s .5s;-moz-transition:all 1.2s .5s;-ms-transition:all 1.2s .5s;-o-transition:all 1.2s .5s;transition:all 1.2s .5s}.parking-intro-screen.play-intro .parking-intro-line{bottom:calc(15vh + 136px)}.parking-intro-screen.play-intro .parking-intro-line:after{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.parking-intro-line:after{content:'';display:block;position:absolute;left:50%;height:5px;width:5px;top:-8px;background:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;margin-left:-3px;-webkit-transform:scale(0.1);-moz-transform:scale(0.1);-ms-transform:scale(0.1);-o-transform:scale(0.1);transform:scale(0.1);-webkit-transition:all .6s .5s;-moz-transition:all .6s .5s;-ms-transition:all .6s .5s;-o-transition:all .6s .5s;transition:all .6s .5s}.parking-cars-screen{background:#3b3446;position:relative;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%);-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s;transition:all .8s;background:url("/bitrix/templates/mobile/i/parking/asfalt.png")}.parking-cars-screen.show,.parking-cars-screen.show.stage2{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}.parking-cars-screen.show .parking-controls-cars,
		.parking-cars-screen.show.stage2 .parking-controls-cars {
			-webkit-transform: translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.parking-cars-screen.stage2{opacity:0;-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-ms-transform:scale(0.6);-o-transform:scale(0.6);transform:scale(0.6)}.parking-cars-screen .parking-controls-cars{-webkit-transform:translateY(10vh);-moz-transform:translateY(10vh);-ms-transform:translateY(10vh);-o-transform:translateY(10vh);transform:translateY(10vh);-webkit-transition:all .8s .8s;-moz-transition:all .8s .8s;-ms-transition:all .8s .8s;-o-transition:all .8s .8s;transition:all .8s .8s}.parking-slider{width:100%;position:absolute;top:10vh;bottom:10vh;overflow:hidden}.parking-slider .swiper-slide{background:url("/bitrix/templates/mobile/i/parking/asfalt.png");overflow:hidden}.parking-names-slider{position:relative;height:10vh;width:100%;background:#3b3446;line-height:8vh;font-family:lt-b;font-size:3vh;color:#fec202;text-align:center;overflow:hidden;border-top:1px solid #9ba0a9;-webkit-transform:translateY(-10vh);-moz-transform:translateY(-10vh);-ms-transform:translateY(-10vh);-o-transform:translateY(-10vh);transform:translateY(-10vh);-webkit-transition:all .8s .8s;-moz-transition:all .8s .8s;-ms-transition:all .8s .8s;-o-transition:all .8s .8s;transition:all .8s .8s}.parking-cars-screen.show .parking-names-slider{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.parking-names-slider-prev,.parking-names-slider-next{position:absolute;z-index:1;top:0;height:10vh;width:10vh;left:0;border-right:1px solid #9ba0a9;background:50% 50% no-repeat #3b3446;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='22px'%3E %3Cpolyline points='0,11 20,0 20,22 0,10' fill='%23FFF'%3E%3C/polyline%3E %3C/svg%3E")}.parking-names-slider-next{left:auto;right:0;border-left:1px solid #9ba0a9;border-right:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='22px'%3E %3Cpolyline points='0,0 20,11 0,22 0,0' fill='%23FFF'%3E%3C/polyline%3E %3C/svg%3E")}.parking-names-slider-pagination{position:absolute;bottom:1vh !important;width:100%;text-align:center;line-height:1}.parking-names-slider-pagination .swiper-pagination-bullet{line-height:1;background:#FFF;width:5px;height:5px}.parking-names-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF}.parking-controls-cars,.parking-controls-scheme,.flat-detail-controls{position:absolute;bottom:0;left:0;height:10vh;width:100%}.parking-controls-cars a,
			.parking-controls-scheme a, .flat-detail-controls a {
				position: relative;
				height: 100%;
				float: left;
				display: flex;
				padding: 0 5px;
				align-items: center;
				justify-content: center;
				line-height: 1.2;
				text-align: left
			}
			.parking-controls-cars a i,
			.parking-controls-scheme a i,
			.flat-detail-controls a i {
				display: block;width:8vh;height:8vh;margin-right:10px;background:50% 50% no-repeat;-webkit-background-size:contain;background-size:contain;background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='61.667px' height='39.667px' viewBox='0 0 61.667 39.667' enable-background='new 0 0 61.667 39.667' xml:space='preserve'%3E %3Cpath fill='none' stroke='%239BA0A9' stroke-width='2' stroke-miterlimit='10' d='M3.417,3.501h7.167v-1.25H23.5v6.584l3.667,1.582h16.75 c0,0,1.334-4.416,7.417-4.416s8.083,5.334,8.083,5.334v26.083h-56V3.501z'/%3E %3C/svg%3E")}.parking-controls-cars a:first-child,
				.parking-controls-scheme a: first-child, .flat-detail-controls a: first-child {
					background: #FFF;
					color: #333a46
				}
				.parking-controls-cars a:last-child,
				.parking-controls-scheme a:last-child,
				.flat-detail-controls a:last-child {
					background: #f75a40;
					color: #FFF;
					justify-content: center
				}
				.parking-controls-scheme {
					-webkit-transform: translateY(100px);
					-moz-transform: translateY(100px);
					-ms-transform: translateY(100px);
					-o-transform: translateY(100px);
					transform: translateY(100px);
					opacity: 0;
					-webkit-transition: all .6s;
					-moz-transition: all .6s;
					-ms-transition: all .6s;
					-o-transition: all .6s;
					transition: all .6s
				}
				.parking-scheme-screen.show .parking-controls-scheme {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0);
					opacity: 1;
					-webkit-transition: all .6s .3s;
					-moz-transition: all .6s .3s;
					-ms-transition: all .6s .3s;
					-o-transition: all .6s .3s;
					transition: all .6s .3s
				}
				.ico-callback i {
					background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='76.875px' height='31.75px' viewBox='0 0 76.875 31.75' enable-background='new 0 0 76.875 31.75' xml:space='preserve'%3E %3Cpath fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' d=' M75.355,28.138c0,1.1-0.9,2-2,2H36.188c-1.1,0-2-0.9-2-2v-24.5c0-1.1,0.9-2,2-2h37.167c1.1,0,2,0.9,2,2V28.138z'/%3E %3Cpolygon fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' points=' 54.771,15.789 73.855,1.637 35.688,1.637'/%3E %3Cline fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='11.19' y1='3.706' x2='21.024' y2='3.706'/%3E %3Cline fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='1.69' y1='15.772' x2='21.024' y2='15.772'/%3E %3Cline fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' stroke-miterlimit='10' x1='11.19' y1='27.208' x2='21.024' y2='27.208'/%3E %3C/svg%3E") !important
				}
				.parking-car-image {
					position: absolute;
					top: 100%;
					left: 50%;
					width: 80%;
					height: 70%;
					-webkit-transform: translate(-50%, 40vh);
					-moz-transform: translate(-50%, 40vh);
					-ms-transform: translate(-50%, 40vh);
					-o-transform: translate(-50%, 40vh);
					transform: translate(-50%, 40vh);
					-webkit-transition: all .6s;
					-moz-transition: all .6s;
					-ms-transition: all .6s;
					-o-transition: all .6s;
					transition: all .6s;
					opacity: 1;
					text-align: center
				}
				.parking-car-image img {
					max-width: 100%;
					max-height: 100%
				}
				.swiper-slide-prev .parking-car-image {
					-webkit-transform: translate(-50%, -50%);
					-moz-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					-o-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					top: -100%;
					-webkit-transition: all 0.6s ease-in;
					-moz-transition: all 0.6s ease-in;
					-ms-transition: all 0.6s ease-in;
					-o-transition: all 0.6s ease-in;
					transition: all 0.6s ease-in
				}
				.swiper-slide-next .parking-car-image {
					-webkit-transform: translate(-50%, -50%);
					-moz-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					-o-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					top: 150%
				}
				.swiper-slide-active .parking-car-image {
					-webkit-transform: translate(-50%, -50%);
					-moz-transform: translate(-50%, -50%);
					-ms-transform: translate(-50%, -50%);
					-o-transform: translate(-50%, -50%);
					transform: translate(-50%, -50%);
					top: 50%;
					-webkit-transition: all 1.1s .2s;
					-moz-transition: all 1.1s .2s;
					-ms-transition: all 1.1s .2s;
					-o-transition: all 1.1s .2s;
					transition: all 1.1s .2s;
					opacity: 1
				}
				.parking-car-image-row {
					height: 50%
				}
				.parking-car-size-long,
				.parking-car-size-short {
					height: 0;
					position: absolute;
					right: 17%;
					width: 2px;
					top: 50%;
					background: #FFF;
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
					-webkit-transition: all .2s;
					-moz-transition: all .2s;
					-ms-transition: all .2s;
					-o-transition: all .2s;
					transition: all .2s
				}
				.parking-car-size-long:before,
				.parking-car-size-short:before,
				.parking-car-size-long:after,
				.parking-car-size-short:after {
					content: '';
					position: absolute;
					top: 0;
					width: 0;
					left: 50%;
					-webkit-transform: translateX(-50%);
					-moz-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					-o-transform: translateX(-50%);
					transform: translateX(-50%);
					height: 2px;
					background: #FFF;
					-webkit-transition: all .2s;
					-moz-transition: all .2s;
					-ms-transition: all .2s;
					-o-transition: all .2s;
					transition: all .2s
				}
				.parking-car-size-long:after,
				.parking-car-size-short:after {
					top: auto;
					bottom: 0
				}
				.parking-car-size-long div,
				.parking-car-size-short div {
					position: absolute;
					font-family: "PT Serif";
					font-weight: 700;
					font-size: 20px;
					color: #FFF;
					top: 50%;
					left: 10px;
					-webkit-transform: translateX(-50%) translateX(15px);
					-moz-transform: translateY(-50%) translateX(15px);
					-ms-transform: translateY(-50%) translateX(15px);
					-o-transform: translateY(-50%) translateX(15px);
					transform: translateY(-50%) translateX(15px);
					white-space: nowrap;
					opacity: 0;
					-webkit-transition: all .2s;
					-moz-transition: all .2s;
					-ms-transition: all .2s;
					-o-transition: all .2s;
					transition: all .2s
				}
				.parking-car-size-long div span,
				.parking-car-size-short div span {
					font-size: 14px
				}
				.swiper-slide-active .parking-car-size-long,
				.swiper-slide-active .parking-car-size-short {
					height: 70%;
					-webkit-transition: all .6s .9s;
					-moz-transition: all .6s .9s;
					-ms-transition: all .6s .9s;
					-o-transition: all .6s .9s;
					transition: all .6s .9s
				}
				.swiper-slide-active .parking-car-size-long:before,
				.swiper-slide-active .parking-car-size-short:before,
				.swiper-slide-active .parking-car-size-long:after,
				.swiper-slide-active .parking-car-size-short:after {
					width: 10px;
					-webkit-transition: all .3s .9s;
					-moz-transition: all .3s .9s;
					-ms-transition: all .3s .9s;
					-o-transition: all .3s .9s;
					transition: all .3s .9s
				}
				.swiper-slide-active .parking-car-size-long div,
				.swiper-slide-active .parking-car-size-short div {
					-webkit-transition: all .5s .9s;
					-moz-transition: all .5s .9s;
					-ms-transition: all .5s .9s;
					-o-transition: all .5s .9s;
					transition: all .5s .9s;
					-webkit-transform: translateX(-50%) translateX(0);
					-moz-transform: translateY(-50%) translateX(0);
					-ms-transform: translateY(-50%) translateX(0);
					-o-transform: translateY(-50%) translateX(0);
					transform: translateY(-50%) translateX(0);
					opacity: 1
				}
				.parking-car-size-short {
					top: auto;
					right: auto;
					left: 50%;
					bottom: 13%;
					width: 0;
					height: 2px;
					-webkit-transform: translateX(-50%);
					-moz-transform: translateX(-50%);
					-ms-transform: translateX(-50%);
					-o-transform: translateX(-50%);
					transform: translateX(-50%)
				}
				.parking-car-size-short:before,
				.parking-car-size-short:after {
					top: 50%;
					bottom: auto;
					left: auto;
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
					width: 2px;
					height: 0
				}
				.parking-car-size-short:before {
					left: 0
				}
				.parking-car-size-short:after {
					right: 0
				}
				.parking-car-size-short div {
					top: 8px;
					left: 50%;
					-webkit-transform: translateX(-50%) translateY(15px);
					-moz-transform: translateX(-50%) translateY(15px);
					-ms-transform: translateX(-50%) translateY(15px);
					-o-transform: translateX(-50%) translateY(15px);
					transform: translateX(-50%) translateY(15px)
				}
				.swiper-slide-active .parking-car-size-short {
					height: 2px;
					width: 50%
				}
				.swiper-slide-active .parking-car-size-short:before,
				.swiper-slide-active .parking-car-size-short:after {
					height: 10px;
					width: 2px
				}
				.swiper-slide-active .parking-car-size-short div {
					-webkit-transform: translateX(-50%) translateY(0);
					-moz-transform: translateX(-50%) translateY(0);
					-ms-transform: translateX(-50%) translateY(0);
					-o-transform: translateX(-50%) translateY(0);
					transform: translateX(-50%) translateY(0)
				}
				.parking-car-price {
					width: 100%;
					font-size: 22px;
					color: #FFF;
					font-family: lt-b;
					text-align: center;
					top: 10%;
					line-height: 30px;
					height: 30px;
					margin-top: -15px;
					position: absolute;
					left: 0;
					overflow: hidden
				}
				.parking-car-price-inner {
					height: 100%;
					-webkit-transform: translateY(100%);
					-moz-transform: translateY(100%);
					-ms-transform: translateY(100%);
					-o-transform: translateY(100%);
					transform: translateY(100%);
					-webkit-transition: all .4s;
					-moz-transition: all .4s;
					-ms-transition: all .4s;
					-o-transition: all .4s;
					transition: all .4s
				}
				.swiper-slide-active .parking-car-price-inner {
					-webkit-transform: translateY(0);
					-moz-transform: translateY(0);
					-ms-transform: translateY(0);
					-o-transform: translateY(0);
					transform: translateY(0);
					-webkit-transition: all .6s 1s;
					-moz-transition: all .6s .1s;
					-ms-transition: all .6s 1s;
					-o-transition: all .6s 1s;
					transition: all .6s 1s
				}
				.parking-slider-places-count {
					position: absolute;
					top: 50%;
					left: 5%;
					-webkit-transform: translateY(-50%);
					-moz-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
					-o-transform: translateY(-50%);
					transform: translateY(-50%);
					font-size: 50px;
					color: #fec202;
					font-family: "PT Serif";
					font-weight: 700;
					z-index: 10;
					opacity: 0;
					-webkit-transition: opacity .4s .8s;
					-moz-transition: opacity .4s .8s;
					-ms-transition: opacity .4s .8s;
					-o-transition: opacity .4s .8s;
					transition: opacity .4s .8s
				}
				.parking-slider-places-count .val-description_ {
					color: #FFF;
					font-family: lt;
					font-size: 14px;
					font-weight: normal
				}
				.val-animate_ {
					position: relative;
					display: inline-block;
					vertical-align: middle;
					width: 30px;
					height: 80px;
					line-height: 80px
				}
				.val-animate_ .val_ {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					opacity: 0;
					-webkit-animation: flat-val-anm-out 0.5s forwards;
					-o-animation: flat-val-anm-out 0.5s forwards;
					animation: flat-val-anm-out 0.5s forwards;
					text-align: center
				}
				.val-animate_ .val_.active {
					-webkit-animation: flat-val-anm-in 0.5s forwards;
					-o-animation: flat-val-anm-in 0.5s forwards;
					animation: flat-val-anm-in 0.5s forwards
				}
				@-moz-keyframes flat-val-anm-in {
					0% {
						opacity: 0;
						-webkit-transform: translateY(20px);
						-moz-transform: translateY(20px);
						-ms-transform: translateY(20px);
						-o-transform: translateY(20px);
						transform: translateY(20px)
					}
					100% {
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0)
					}
				}
				@-webkit-keyframes flat-val-anm-in {
					0% {
						opacity: 0;
						-webkit-transform: translateY(20px);
						-moz-transform: translateY(20px);
						-ms-transform: translateY(20px);
						-o-transform: translateY(20px);
						transform: translateY(20px)
					}
					100% {
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0)
					}
				}
				@keyframes flat-val-anm-in {
					0% {
						opacity: 0;
						-webkit-transform: translateY(20px);
						-moz-transform: translateY(20px);
						-ms-transform: translateY(20px);
						-o-transform: translateY(20px);
						transform: translateY(20px)
					}
					100% {
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0)
					}
				}
				@-moz-keyframes flat-val-anm-out {
					0% {
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0)
					}
					100% {
						opacity: 0;
						-webkit-transform: translateY(-20px);
						-moz-transform: translateY(-20px);
						-ms-transform: translateY(-20px);
						-o-transform: translateY(-20px);
						transform: translateY(-20px)
					}
				}
				@-webkit-keyframes flat-val-anm-out {
					0% {
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0)
					}
					100% {
						opacity: 0;
						-webkit-transform: translateY(-20px);
						-moz-transform: translateY(-20px);
						-ms-transform: translateY(-20px);
						-o-transform: translateY(-20px);
						transform: translateY(-20px)
					}
				}
				@keyframes flat-val-anm-out {
					0% {
						opacity: 1;
						-webkit-transform: translateY(0);
						-moz-transform: translateY(0);
						-ms-transform: translateY(0);
						-o-transform: translateY(0);
						transform: translateY(0)
					}
					100% {
						opacity: 0;
						-webkit-transform: translateY(-20px);
						-moz-transform: translateY(-20px);
						-ms-transform: translateY(-20px);
						-o-transform: translateY(-20px);
						transform: translateY(-20px)
					}
				}
				.parking-scheme-screen {
					background: url("/bitrix/templates/mobile/i/bg-lines-45.png");
					opacity: 0;
					-webkit-transform: scale(1.3);
					-moz-transform: scale(1.3);
					-ms-transform: scale(1.3);
					-o-transform: scale(1.3);
					transform: scale(1.3);
					z-index: -1;
					-webkit-transition: all 1s;
					-moz-transition: all 1s;
					-ms-transition: all 1s;
					-o-transition: all 1s;
					transition: all 1s
				}
				.parking-scheme-screen.show {
					z-index: 2;
					opacity: 1;
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					-ms-transform: scale(1);
					-o-transform: scale(1);
					transform: scale(1)
				}
				.parking-visual-container {
					position: absolute;
					top: 10vh;
					left: 2px;
					bottom: 40vh;
					right: 2px
				}
				.vis-parking-floor {
					width: 100%;
					height: 100%
				}
				.vis-parking-floor svg {
					-webkit-transform: scale(1.2);
					-moz-transform: scale(1.2);
					-ms-transform: scale(1.2);
					-o-transform: scale(1.2);
					transform: scale(1.2);
					-webkit-transition: all .6s;
					-moz-transition: all .6s;
					-ms-transition: all .6s;
					-o-transition: all .6s;
					transition: all .6s;
					opacity: 0
				}
				.vis-parking-floor.swiper-slide-active svg {
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					-ms-transform: scale(1);
					-o-transform: scale(1);
					transform: scale(1);
					opacity: 1
				}
				.vis-parking-floor.swiper-slide-next svg {
					-webkit-transform: scale(0.8);
					-moz-transform: scale(0.8);
					-ms-transform: scale(0.8);
					-o-transform: scale(0.8);
					transform: scale(0.8)
				}
				.parking-floors {
					width: 100%;
					top: 0;
					position: absolute;
					left: 0;
					text-align: center
				}
				.parking-floors-switch {
					display: inline-block
				}
				.parking-floors-switch .swiper-pagination-bullet {
					display: inline-block;
					background: none;
					-webkit-border-radius: 100%;
					-moz-border-radius: 100%;
					border-radius: 100%;
					height: 40px;
					width: 40px;
					line-height: 38px;
					font-size: 18px;
					font-family: lt-b;
					color: #333a46;
					opacity: 1
				}
				.parking-floors-switch .swiper-pagination-bullet.swiper-pagination-bullet-active {
					color: #f75a40;
					border: 1px solid #9ba0a9
				}
				.parking-floors-h {
					display: inline-block;
					margin-right: 10px;
					color: #9ba0a9;
					font-family: lt-b
				}
				.parking-scheme-info {
					position: absolute;
					bottom: 10vh;
					left: 0;
					width: 100%;
					height: 30vh;
					text-align: center
				}
				.parking-scheme-type-slider {
					position: relative;
					height: 8vh;
					width: 80%;
					margin: 10px auto 0;background:#00aeef;line-height:6vh;font-family:lt-b;font-size:2.5vh;color:#FFF;text-align:center;overflow:hidden;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px);opacity:0;-webkit-transition:all .6s;-moz-transition:all .6s;-ms-transition:all .6s;-o-transition:all .6s;transition:all .6s}.parking-scheme-screen.show .parking-scheme-type-slider{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1;-webkit-transition:all .6s .3s;-moz-transition:all .6s .3s;-ms-transition:all .6s .3s;-o-transition:all .6s .3s;transition:all .6s .3s}.parking-scheme-type-slider-prev,.parking-scheme-type-slider-next{position:absolute;z-index:1;top:0;height:8vh;width:8vh;left:0;border-right:1px solid #FFF;background:50% 50% no-repeat #00aeef;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='22px'%3E %3Cpolyline points='0,11 20,0 20,22 0,10' fill='%23FFF'%3E%3C/polyline%3E %3C/svg%3E")}.parking-scheme-type-slider-next{left:auto;right:0;border-left:1px solid #FFF;border-right:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20px' height='22px'%3E %3Cpolyline points='0,0 20,11 0,22 0,0' fill='%23FFF'%3E%3C/polyline%3E %3C/svg%3E")}.parking-scheme-type-slider-pagination{position:absolute;bottom:1vh !important;width:100%;text-align:center;line-height:1}.parking-scheme-type-slider-pagination .swiper-pagination-bullet{line-height:1;background:#FFF;width:5px;height:5px}.parking-scheme-type-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFF}.parking-scheme-count{font-size:50px;color:#00aeef;font-family:"PT Serif";font-weight:700;line-height:1.2}.parking-scheme-count-descr{font-family:lt-b;color:#333a46}.js-popup{position:fixed;visibility:hidden}#simplemodal-overlay{background:none repeat scroll 0 0 #000}.bt-wnd-close{cursor:pointer;position:absolute;right:27px;top:27px;width:30px;height:30px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}.bt-wnd-close::before,.bt-wnd-close::after{content:'';position:absolute;left:0;top:50%;width:100%;height:2px;background:#333a46;margin-top:-1px}.bt-wnd-close::after{width:2px;height:100%;top:0;left:50%;margin:0
					0 0 -1px
				}
				.wnd-full {
					position: fixed;
					top: 10vh;
					width: 100%;
					bottom: 0;
					-webkit-transform: translateY(-100%) scale(0.9);
					-moz-transform: translateY(-100%) scale(0.9);
					-ms-transform: translateY(-100%) scale(0.9);
					-o-transform: translateY(-100%) scale(0.9);
					transform: translateY(-100%) scale(0.9);
					opacity: 0;
					-webkit-transition: all .4s;
					-moz-transition: all .4s;
					-ms-transition: all .4s;
					-o-transition: all .4s;
					transition: all .4s;
					z-index: 1
				}
				.wnd-full.show_ {
					visibility: visible;
					-webkit-transform: translateY(0) scale(1);
					-moz-transform: translateY(0) scale(1);
					-ms-transform: translateY(0) scale(1);
					-o-transform: translateY(0) scale(1);
					transform: translateY(0) scale(1);
					opacity: 1
				}