@charset "utf-8";
:root{
	--c-gold-999: #CDA274;
	--c-gold-bg: #E9D8BE;
	
	--c-blue-999: #292F36;
	--c-grey-200: #F4F0EC;
	--c-grey-100: #F8F5F3; 
	--c-black-999: #000000; 
	
	--c-border: #f4f1ec;
	
	--c-green: #039A61; 
	--c-red: #9C003E;
	--c-grey: #5d564c;
	
	--c-free: #35A67B; 
	--c-sold: #9C003E; 
	--c-reserved: #E9D8BF; 
	
	--ff-body: "Mulish", sans-serif;
	--fs-body-xlarge: 18px;
	--fl-body-xlarge: 28px;
	--fs-body-large: 16px;
	--fl-body-large: 24px;
	--fs-body-medium: 14px;
	--fl-body-medium: 20px;
	--fs-body-small: 12px;
	--fl-body-small: 18px;
	
	--ff-title: "Cormorant Infant", serif; 
	--fs-title-xlarge: 32px;
	--fl-title-xlarge: 42px; 
	--fs-title-large: 22px;
	--fl-title-large: 32px;  
	--fs-title-medium: 18px;
	--fl-title-medium: 28px; 
	--fs-title-small: 16px;
	--fl-title-small: 24px;   
	
	--fs-display-xlarge: 56px;
	--fl-display-xlarge: 60px; 
	--fs-display-large: 40px;
	--fl-display-large: 56px;  
	--fs-display-medium: 32px;
	--fl-display-medium: 42px; 
	--fs-display-small: 22px;
	--fl-display-small: 32px;  
	
	--m-main: 20px;
	--m-medium: 30px;
	
	--s-large: 98px;
	--s-big: 64px;
	--s-medium: 40px;
	
	--w-main: 1440px;
	
	--br-popup: 72px;
	--br-img: 250px;
	--br-oimg: 120px;
	--br-aimg: 138px;  
}
*, *:before, *:after{ 
	margin: 0; padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html{ 
	width: 100%; height: 100%; background: #fff; 
	color: var(--c-black-999); text-align: left;
	font-family: var(--ff-body);
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: var(--fs-body-xlarge); line-height: var(--fl-body-xlarge);
}
img{ max-width: 100%; }
a img{ border: 0px solid; }
a{ text-decoration: none; outline: none; color: var(--c-gold-999); }
a:hover{ text-decoration: underline; }
p{ margin: var(--m-main) 0; }
ul, ol{ padding-left: var(--m-medium); margin: var(--m-main) 0; }
h1,h2,h3,h4,h5,h6,
.section-title, .title, .page-title{ 
	font-family: var(--ff-title); 
	font-weight: 600; 
	margin:  var(--m-main) 0;
}
h1, .section-title, .page-title{ font-size: var(--fs-display-xlarge); line-height: var(--fl-display-xlarge); }
h2{ font-size: var(--fs-display-large); line-height: var(--fl-display-large); }
h3, .title{ font-size: var(--fs-title-xlarge); line-height: var(--fl-title-xlarge); }
h4{ font-size: var(--fs-title-large); line-height: var(--fl-title-large); }
h5{ font-size: var(--fs-title-medium); line-height: var(--fl-title-medium); }
h6{ font-size: var(--fs-title-small); line-height: var(--fl-title-small); }

sup{ display: inline-block; vertical-align: top; font-size: 0.6em; line-height: normal; position: relative; top: 4px; }

ul{ padding-left: 0; }
ul li{ list-style-type: none; position: relative; padding-left: 32px; margin: 4px 0; }
ul li:before{
	content: ''; display: block; width: 16px; height: 16px; 
	background: url(../images/icons/bullet.svg) center center no-repeat;
	background-size: 100% 100%;
	position: absolute; top: 5px; left: 0;
}

.list{ display: table; width: 100%; }
.list .row{ display: table-row; position: relative; padding-left: 32px; border-bottom: 1px solid var(--c-border); }
.list .row > span{ display: table-cell; padding: 16px 0; }
.list .row > span:first-child{  position: relative; padding-left: 32px; }
.list .row > span:first-child:before{
	content: ''; display: block; width: 16px; height: 16px; 
	background: url(../images/icons/bullet.svg) center center no-repeat;
	background-size: 100% 100%;
	position: absolute; top: 50%; left: 0; margin-top: -8px;
}
.list .row > span.l{ width: 100px; color: var(--c-gold-999); text-align: right; }

.clearfix:after{ content: ''; display: block; clear: both; }

.main-header{
	display: block; width: 100%;
	position: fixed; top: 0; left: 0; z-index: 998;
	background: #fff;
	padding: var(--m-main) var(--s-big);
	
	-webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
}
.main-header .logo{
	display: block; float: left; width: 150px; height: 62px;
	overflow: hidden;
}
.main-header .logo:before{
	content: ''; display: block; width: 100%; height: 100%;
	background: url(../images/logo.svg) center center no-repeat;
	background-size: 100% 100%; 
	
	-webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
}
.begin-body .main-header{ background: transparent; }
.begin-body .main-header .logo:before{ background-image: url(../images/logo-w.svg); }

.main-header.small-header{ background: #fff; }
.main-header.small-header .logo:before{ background-image: url(../images/logo.svg); }

.menu-toggle{
	display: none; width: 32px; height: 32px;
	overflow: hidden; text-indent: -999px;
	position: absolute; top: 50%; right: var(--s-big); margin-top: -16px;
	cursor: pointer; 
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.menu-toggle:before{
	content: ''; display: block; 
	width: 100%; height: 16px;
	border-top: 6px solid var(--c-gold-999); 
	border-bottom: 3px solid var(--c-gold-999); 
	position: absolute; top: 0px; left: 0;  
}
.menu-toggle:after{
	content: ''; display: block; 
	width: 100%; height: 16px;
	border-top: 3px solid var(--c-gold-999); 
	border-bottom: 6px solid var(--c-gold-999); 
	position: absolute; top: 16px; left: 0;
} 
.menu-close.menu-toggle:before, .menu-close.menu-toggle:after {
	width: 36px;
    border: 0px solid;
    background: var(--c-gold-999);
    height: 5px;
    top: 13px;
    left: -2px;
	-webkit-transition: height, width, top, left, bottom, transform 0.5s 0s ease;
    -moz-transition: height, width, top, left, bottom, transform 0.5s 0s ease;
    -o-transition: height, width, top, left, bottom, transform 0.5s 0s ease;
    transition: height, width, top, left, bottom, transform 0.5s 0s ease;
}
.menu-close.menu-toggle:before {
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.menu-close.menu-toggle:after {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.main-menu{
	display: block;
	position: fixed; top: 28px; right: 0; z-index: 999;
	white-space: nowrap;  
	letter-spacing: 0.12em; font-weight: 500;
	text-transform: uppercase; 
	width: calc( 100% - var(--s-big) - 150px );
	padding-right: calc( var(--s-big) + 150px );
	text-align: center;
}
.main-menu ul, .main-menu ul li{ margin: 0; padding: 0 0; list-style-type: none; display: inline-block; }
.main-menu ul li{ margin: 0 16px; padding: 10px 0; }
.main-menu ul li:before{ display: none; }
.main-menu ul.lang li{ margin: 0 4px; padding: 0 0; }
.main-menu ul li:first-child{ margin-left: 0; }
.main-menu ul li:last-child{ margin-right: 0; }
.main-menu ul.lang{ width: 150px; position: absolute; top: 0; right: calc( var(--s-big) + 150px ); padding: 0; }
.main-menu ul li a{ display: block; line-height: 26px; position: relative; color: var(--c-black-999);  
	-webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
}
.main-menu ul li a:before{
	content: ''; display: block; width: 0px; height: 1px;
	position: absolute; bottom: 0; left: 50%;
	background: var(--c-black-999);
	-webkit-transition: all 0.3s 0s ease;
    -moz-transition: all 0.3s 0s ease;
    -o-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    
    -moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}
.main-menu ul li a:hover:before, .main-menu ul li a.active:before{ width: 100%; }
.main-menu ul li a.active{  color: var(--c-black-999);  }
.main-menu ul li a.active:before{ background: var(--c-black-999); } 
.main-menu ul li a:hover{ text-decoration: none; }
.main-menu ul.lang a{ 
	width: 46px; height: 46px; line-height: 46px; color: var(--c-gold-999); 
}
.main-menu ul.lang li a:before{ bottom: 10px; background: var(--c-gold-999); }  
.main-menu ul.lang li a:hover:before{ width: 28px; }
.main-menu ul.lang a.active{ 
	background: var(--c-grey-100);  
	-webkit-border-radius: 23px;
	-moz-border-radius: 23px;
	border-radius: 23px;
}
.main-menu ul.lang a.active:before{ display: none; }

.begin-body .main-menu ul li a, .begin-body .main-menu ul.lang a.active{ color: #fff; }
.begin-body .main-menu ul li a:before,
.begin-body .main-menu ul li a.active:before{ background: #fff; }
.begin-body .main-menu ul.lang li a{ color: var(--c-gold-999);  }
.begin-body .main-menu ul.lang li a:before{ background: var(--c-gold-999);  }
.begin-body .main-menu ul.lang a.active{ background: rgba(255,255,255,0.1); }

.small-header-menu.main-menu ul li a{ color: var(--c-black-999); }
.small-header-menu.main-menu ul.lang a.active{ color: var(--c-black-999); }
.small-header-menu.main-menu ul li a:before,
.small-header-menu.main-menu ul li a.active:before{ background:  var(--c-black-999); }
.small-header-menu.main-menu ul.lang li a{ color: var(--c-gold-999);  }
.small-header-menu.main-menu ul.lang li a:before{ background: var(--c-gold-999);  }
.small-header-menu.main-menu ul.lang a.active{ background: var(--c-grey-100); }


.loading-screen{
	display: block; width: 100dvw; height: 100dvh; 
	position: fixed; top: 0; left: 0;  z-index: 10;
	background: var(--c-gold-bg);
} 
.loading-screen .loading-icon{
	display: block; width: 100px; height: 116px; position: relative;
	overflow: hidden;
	padding: 10px; position: absolute; top: 50%; left: 50%;
	margin-top: -58px; margin-left: -50px;
}
.loading-screen .loading-icon:before{
	content: ''; display: block; width: 100%; height: 50%;
	border-top: 4px solid var(--c-gold-999);
	border-right: 4px solid var(--c-gold-999);
	-webkit-border-top-right-radius: 48px; 
	-moz-border-radius-topright: 48px; 
	border-top-right-radius: 48px; 
	position: absolute; top: 0; left: 0; 
	
	-webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease; 
    
    animation-name: loadingBefore;
	animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
} 

.loading-screen .loading-icon:after{
	content: ''; display: block; width: 100%; height: 50%;
	border-bottom: 4px solid var(--c-gold-999);
	border-left: 4px solid var(--c-gold-999); 
	-webkit-border-bottom-left-radius: 48px; 
	-moz-border-radius-bottomleft: 48px; 
	border-bottom-left-radius: 48px;
	position: absolute; bottom: 0; right: 0;
	
	-webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease; 
    
    animation-name: loadingAfter;
	animation-duration: 1.5s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
} 
@keyframes loadingBefore {
  0% {
    width: 100%; height: 50%; left: 0;
  }
  5% {
    width: 100%; height: 50%; left: 0;
  }
  45% {
    width: 50%; height: 100%; left: 50%;
  }
  55% {
    width: 50%; height: 100%; left: 50%;
  } 
  95% {
    width: 100%; height: 50%; left: 0;
  }
  100% {
  	width: 100%; height: 50%; left: 0;
  }
}
@keyframes loadingAfter {
  0% {
    width: 100%; height: 50%; right: 0;
  }
  5% {
    width: 100%; height: 50%; right: 0;
  }
  45% {
    width: 50%; height: 100%; right: 50%;
  }
  55% {
    width: 50%; height: 100%; right: 50%;
  } 
  95% {
    width: 100%; height: 50%; right: 0;
  }
  100% {
  	width: 100%; height: 50%; right: 0;
  }
}


body{  }
.main-screen{
	display: block; width: 100%;
	position: relative; z-index: 0;
	overflow-x: hidden;
}
.main-screen .fselect{ 
	display: block; padding: 12px 24px;
	position: absolute; top: 50%; right: 24px; margin-top: -12px; right: -250px;
	background: rgba(255,255,255,0.95);
	color: var(--c-black-999);
	-webkit-border-top-left-radius: 24px;
	-webkit-border-bottom-right-radius: 24px;
	-moz-border-radius-topleft: 24px;
	-moz-border-radius-bottomright: 24px;
	border-top-left-radius: 24px;
	border-bottom-right-radius: 24px; 
	text-transform: uppercase; 
	font-family: var(--ff-title); font-size: 22px; font-weight: 600;
	
	-webkit-transition: right 0.5s 0s ease;
    -moz-transition: right 0.5s 0s ease;
    -o-transition: right 0.5s 0s ease;
    transition: right 0.5s 0s ease; 
}
.main-screen .fselect.show{ display: block; right: 24px; }
.main-screen .main{
	display: block; width: 100%; min-height: 47.92dvw; height: 100dvh; max-height: 56.25dvw; max-width: none;
	overflow: hidden; position: relative;
}
.main-screen .main img{
	display: block;
	position: absolute; top: 0; left: 0;
}
.main-screen .main svg{
	display: block; width: 100dvw; height: 56.25dvw;
	position: absolute; 
	top: 50%; left: 50%; 
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	top: auto; bottom: 0; left: 50%; 
	-moz-transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	transform: translate(-50%, 0); 
	
	background: url(../images/building.jpg) center center no-repeat;
	background-size: 100% 100%;
}
.main-screen .main svg path{
	cursor: pointer;
	fill: url(#HoverImage);
	opacity: 0;
	-webkit-transition: opacity 0.3s 0s ease;
    -moz-transition: opacity 0.3s 0s ease;
    -o-transition: opacity 0.3s 0s ease;
    transition: opacity 0.3s 0s ease;
}
.main-screen .main svg path.hover, .main-screen .main svg path.hovered{
	opacity: 1;
}

.social-box{ display: block; width: 100%; text-align: center; margin: var(--m-main) 0; }
.social-box a.icon{ 
	display: inline-block; width: 24px; height: 24px; overflow: hidden;
	margin: 0 12px; text-indent: -999px; 
	background-repeat: no-repeat; background-position: center center; background-size: contain;
}
.social-box a.icon.facebook{ background-image: url(../images/icons/facebook.svg); }
.social-box a.icon.youtube{ background-image: url(../images/icons/youtube.svg); }
.social-box a.icon.viber{ background-image: url(../images/icons/viber.svg); }
.social-box a.icon.instagram{ background-image: url(../images/icons/instagram.svg); }
.social-box a.icon.tiktok{ background-image: url(../images/icons/tiktok.svg); }

body > .social-box{
	position: absolute; top: 35px; right: var(--s-big); z-index: 999;
	margin: 0; width: 24px;
}
body > .social-box a.icon{ display: block; margin: 6px 0; clear: both; float: left; }
body > .social-box a.icon.facebook{ background-image: url(../images/icons/facebook-w.svg); }
body > .social-box a.icon.youtube{ background-image: url(../images/icons/youtube-w.svg); }
body > .social-box a.icon.viber{ background-image: url(../images/icons/viber-w.svg); }
body > .social-box a.icon.instagram{ background-image: url(../images/icons/instagram-w.svg); }
body > .social-box a.icon.tiktok{ background-image: url(../images/icons/tiktok-w.svg); }


.btn-main{
	display: inline-block; padding: 19px 32px; vertical-align: middle;
	font-size: var(--fs-display-small); line-height: var(--fl-display-small);
	color: var(--c-black-999); text-align: center; text-transform: uppercase;
	background: transparent;
	outline: none;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
	border: 1px solid var(--c-black-999);
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}
.btn-main:hover{ background: var(--c-black-999); color: #fff; text-decoration: none; }
.btn-main.btn-dark{ background: var(--c-black-999); color: #fff; }
.btn-main.btn-dark:hover{ background: transparent; color: var(--c-black-999); text-decoration: none; }

.search-wrapper{
	display: block; width: 100%; padding: var(--s-big);
	border-top: 1px solid var(--c-gold-999);
	border-bottom: 1px solid var(--c-gold-999);
	background: #fff;
	position: relative; z-index: 9;
}
.search-box{ 
	display: block; width: 100%; max-width: var(--w-main); margin: 0 auto;
}
.select-box, .search-box .results{ 
	display: inline-block; height: 72px; margin: 0 calc(var(--s-big) / 2); vertical-align: middle; position: relative; 
	font-family: var(--ff-title); font-size: var(--fs-display-small); font-weight: 600; text-transform: uppercase; line-height: 72px; 
	color: var(--c-black-999);
}
.select-box#s_type{ width: 254px; }
.select-box#s_floor{ width: 200px; }
.select-box:before{
	content: ''; display: block; width: 24px; height: 100%;
	position: absolute; top: 0; right: 0; background: #fff;
	background: url(../images/drop.svg) center center no-repeat; 
	cursor: pointer;
}
.select-box .input{
	display: block; height: 100%; width: 100%; position: relative; z-index: 0;
	white-space: nowrap; cursor: pointer; padding-right: 48px;
}
.select-box .txt{ display: none; }
.select-box ul{
	display: block; width: calc(100% + 12px); padding: 0; margin: 0; list-style-type: none;
	position: absolute; top: 56px; left: -12px;
	background: rgba(255,255,255,0.95);
	line-height: normal; 
}
.select-box ul li { 
	display: block; padding: 0 12px; height: 0px;  margin: 0; overflow: hidden; 
	line-height: 38px;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; 
}
.select-box ul li:before{ display: none; }
.select-box.open ul li{ height: 38px; }
.select-box ul li:hover{ color: var(--c-gold-999); cursor: pointer; }
.select-box ul li.selected{ color: var(--c-gold-999); }
.search-box > *:first-child{ margin-left: 0; }
.search-box > *:last-child{ margin-right: 0; }
.search-box .btn-main{ float: right; background: none; }
.search-box .results{ border-left: 1px solid rgba(0,0,0,0.2); margin-left: 0; padding: 0 var(--s-big); color: var(--c-gold-999); }
.search-box .select-box{ margin-right: 200px; } 
.search-box .btn-main:hover{  background: var(--c-black-999); }

.page-path{ padding-top: 150px; padding-bottom: 8px; text-align: center; }
.page-path > *{
	display: inline-block; color: var(--c-black-999);
	text-transform: uppercase; font-size: 12px; line-height: normal;
	position: relative; margin: 0 10px 0 6px;
}
.page-path > a{ color: var(--c-gold-999); }
.page-path > *:before{
	content: ''; display: block; width: 4px; height: 4px;
	background: var(--c-gold-999);
	position: absolute; left: -12px; top: 50%; margin-top: -2px;
	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.page-path > *:first-child:before{ display: none; }

.page-title, .section-title{
	display: block; margin: 24px 0 40px 0;
	font-size: var(--fs-display-xlarge); font-weight: 400; line-height: var(--fl-display-xlarge);
	text-transform: uppercase; text-align: center;
}
section > .section-title, .page-title{ padding-left: var(--s-big); padding-right: var(--s-big); }


svg.svg-mapping{ font-weight: 500; font-size:  18px; font-family: var(--ff-body); }
svg.svg-mapping text tspan{
	font-size: inherit; fill: #000;
	font-weight: inherit; 
}
/* .small .big */ 
svg.svg-mapping text tspan.ApsN{ font-size: 18px; font-weight: 600; fill: #000; }
svg.svg-mapping text tspan.ApsN:first-of-type{ font-size: 22px; } 
svg.svg-mapping text tspan.ApsNs, svg.svg-mapping text tspan.ApsNs:first-of-type{ font-size: 18px; } 
svg.svg-mapping text tspan.ApsN.small{ font-size: 12px; }  
svg.svg-mapping text tspan.ApsN.middle{ font-size: 14px; } 
svg.svg-mapping text tspan.ApsN.middle:first-of-type{ font-size: 16px; } 

#MappingContent svg text tspan.storageN{ font-size: 10px; font-weight: 400; }

.floor-selection{ position: relative; }
.floor-selection > svg{
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; 
} 
.floor-selection > svg path{ fill: rgba(255,255,255,0.2); cursor: pointer; }
.floor-selection > svg path.hover{ fill: rgba(255,255,255,0.5); }

.object-selection{ position: relative; background: var(--c-grey-100); }
.object-selection .main{  position: relative; padding: 40px;  max-width: 1024px; }
.object-selection .main > img{ width: auto; height: auto; display: block; margin: 0 auto; }
.object-selection .main > svg{
	position: absolute; top: 40px; left: 40px;
	width: calc(100% - 40px - 40px); height: calc(100% - 40px - 40px);  
} 
.object-selection .main > svg path{ fill: rgba(255,255,255,0.0);  cursor: pointer; }
.object-selection .main > svg path.hover{ fill: rgba(255,255,255,1); opacity: 0.4; }

.object-selection .main > svg path.under{ opacity: 0.2; }
.object-selection .main > svg path.under.o-free{ fill: var(--c-free); }
.object-selection .main > svg path.under.o-sold{ fill: var(--c-sold); }
.object-selection .main > svg path.under.o-reserved{ fill: var(--c-grey); }

.object-selection .main > svg path.hover.object-free{ fill: var(--c-free); }
.object-selection .main > svg path.hover.object-sold{ fill: var(--c-sold); }
.object-selection .main > svg path.hover.object-reserved{ fill: var(--c-grey); }

.room-selection{ position: relative; background: var(--c-grey-100); padding: 40px; }
.room-selection > img{ width: auto; height: auto; display: block; margin: 0 auto; }
.room-selection > svg{
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; 
} 
.room-selection > svg path{ fill: rgba(255,255,255,0); }
.room-selection > svg path.hover{ fill: rgba(255,255,255,0.5); }

.room-selection svg.svg-mapping text tspan.ApsN{ font-size: 24px; font-weight: 600; fill: #000; }
.room-selection svg.svg-mapping text tspan.ApsN:first-of-type{ font-size: 30px; } 
.room-selection svg.svg-mapping text tspan.ApsN.middle{ font-size: 20px; } 
.room-selection svg.svg-mapping text tspan.ApsN.middle:first-of-type{ font-size: 24px; } 

#main-popup{
	display: block; padding: 0; opacity: 0; padding: 40px;
	position: fixed; top: 0; left: 0; z-index: 10;
	background: var(--c-gold-bg); text-align: left;		 
	color: var(--c-black-999); white-space: nowrap;
	font-size: 16px; line-height: normal;
	margin-left: 12px; margin-top: -12px; 
	
	-moz-transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	transform: translate(0, -100%);
	
	-webkit-transition: translate 0.5s 0s ease;
    -moz-transition: translate 0.5s 0s ease;
    -o-transition: translate 0.5s 0s ease;
    transition: translate 0.5s 0s ease; 
    
	-webkit-border-top-left-radius: var(--br-popup);
	-webkit-border-bottom-right-radius: var(--br-popup);
	-moz-border-radius-topleft: var(--br-popup);
	-moz-border-radius-bottomright: var(--br-popup);
	border-top-left-radius: var(--br-popup);
	border-bottom-right-radius: var(--br-popup); 
	    
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
} 
#main-popup #pName{ font-size: 56px; line-height: 60px; text-transform: uppercase; font-weight: 600; margin: 0 0 8px 0; }
#main-popup #pName a{ color: inherit; }
#main-popup #pName > span.status{
	display: block; color: var(--c-green); font-size: 22px; line-height: normal;
}
#main-popup #pDesc{ font-size: 16px; line-height: 42px; text-transform: uppercase; margin: 8px 0 0 0; }
#main-popup #pDesc > span.count{ 
	display: inline-block; vertical-align: middle; font-family: var(--ff-title); font-weight: 600; font-size: 32px; line-height: 32px; 
	color: #fff; margin-top: -2px; 
	color: var(--c-free);
}
.table-desc{ display: table; margin-top: 16px; }
.table-desc > div.row{ display: table-row; }
.table-desc > div.row > *{ display: table-cell; line-height: normal; padding: 4px 0; line-height: 24px; }
.table-desc > div.row > *:last-child{ padding-left: 24px; font-weight: 700; font-family: var(--ff-title); font-size: 22px; line-height: 24px; text-transform: none; }

#main-popup.popup-room #pName{ font-size: 26px; line-height: 32px; }

#main-popup.popup-object{ padding-bottom: 60px; }
#main-popup.popup-object:after{ 
	content: ''; display: block; width: 50px; height: 50px; 
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px; 
	background: var(--c-free) url(../images/icons/plus.svg) center center no-repeat;
	background-size: 24px 24px;
	position: absolute; right: 12px; bottom: -6px; 
}

#main-popup.popup-object.object-sold #pName > span.status{ color: var(--c-red); }
#main-popup.popup-object.object-sold:after{ background-color: var(--c-red); background-image: url(../images/icons/plus-w.svg);  }

#main-popup.popup-object.object-reserved #pName > span.status{ color: var(--c-grey); }
#main-popup.popup-object.object-reserved:after{ background-color: var(--c-grey); background-image: url(../images/icons/plus-w.svg);  }


.touch-body #main-popup.popup-bottom.popup-object:after,
.touch-body #main-popup.popup-right.popup-object:after{ left: 12px; right: auto; } 

.touch-body #main-popup.popup-right.popup-bottom.popup-object:after{ right: 12px; left: auto; } 

.touch-body #main-popup.popup-bottom{
	-moz-transform: translate(0,0);
	-webkit-transform: translate(0,0);
	-o-transform: translate(0,0);
	-ms-transform: translate(0,0);
	transform: translate(0,0); 
	margin-left: 12px; margin-top: 12px; 
	
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomright: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0; 
    
	-webkit-border-top-right-radius: var(--br-popup);
	-webkit-border-bottom-left-radius: var(--br-popup);
	-moz-border-radius-topright: var(--br-popup);
	-moz-border-radius-bottomleft: var(--br-popup);
	border-top-right-radius: var(--br-popup);
	border-bottom-left-radius: var(--br-popup);
}
.touch-body #main-popup.popup-right{
	-moz-transform: translate(-100%,-100%);
	-webkit-transform: translate(-100%,-100%);
	-o-transform: translate(-100%,-100%);
	-ms-transform: translate(-100%,-100%);
	transform: translate(-100%,-100%); 
	margin-left: -12px; margin-top: -12px; 
	
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomright: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0; 
    
	-webkit-border-top-right-radius: var(--br-popup);
	-webkit-border-bottom-left-radius: var(--br-popup);
	-moz-border-radius-topright: var(--br-popup);
	-moz-border-radius-bottomleft: var(--br-popup);
	border-top-right-radius: var(--br-popup);
	border-bottom-left-radius: var(--br-popup);
}
.touch-body #main-popup.popup-right.popup-bottom{
	-moz-transform: translate(-100%,0);
	-webkit-transform: translate(-100%,0);
	-o-transform: translate(-100%,0);
	-ms-transform: translate(-100%,0);
	transform: translate(-100%,0);
	margin-left: -12px; margin-top: 12px; 
	
	-webkit-border-top-left-radius: var(--br-popup);
	-webkit-border-bottom-right-radius: var(--br-popup);
	-moz-border-radius-topleft: var(--br-popup);
	-moz-border-radius-bottomright: var(--br-popup);
	border-top-left-radius: var(--br-popup);
	border-bottom-right-radius: var(--br-popup); 
	    
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
}

#main-popup.hidden{ z-index: -1!important; }

#main-popup.popup-room #pName{ white-space: normal; max-width: 260px; }

.status-legend{ display: block; text-align: center; font-size: 18px; line-height: 24px; margin-bottom: 40px; }
.status-legend b{ display: inline-block; vertical-align: middle; font-weight: 400; }
.status-legend span{
	display: inline-block; margin: 0 12px; vertical-align: middle;
	color: var(--c-blue-999);
}
.status-legend span:before{
	content: ''; display: inline-block; width: 24px; height: 24px;
	vertical-align: middle; margin: 0 12px 0 0;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px; 
}
.status-legend span.free:before{ background: var(--c-free); }
.status-legend span.sold:before{ background: var(--c-sold); }
.status-legend span.reserved:before{ background: var(--c-grey); }

.object-detail{ position: relative; display: grid; grid-template-columns: 1fr 1fr; }
.object-detail .tab-content{
	position: relative;
	background: var(--c-grey-100);
	min-height: 50dvw;
}
.tab-menu, .object-detail .tab-content > div.tab-menu{
	width: 100%; text-align: center; padding-bottom: 24px;
	position: absolute; z-index: 10; top: 64px; left: 0;
	opacity: 1;
}
.tab-menu span{
	display: inline-block; 
	font-size: 14px; line-height: 56px; font-weight: 600;
	text-transform: uppercase;
	-webkit-border-radius: 28px;
	-moz-border-radius: 28px;
	border-radius: 28px;
	background: tranparent; border: 1px solid var(--c-gold-bg);
	-webkit-transition: all 0.2s 0s ease;
    -moz-transition: all 0.2s 0s ease;
    -o-transition: all 0.2s 0s ease;
    transition: all 0.2s 0s ease; 
    cursor: pointer; margin: 0 12px; padding: 0 32px;
}
.tab-menu span.active,
.tab-menu span:hover{
	background: var(--c-gold-bg);
}
.object-detail .tab-content{ overflow: hidden; }
.object-detail .tab-content .room-selection{ 
	padding: 0; position: relative; z-index: 1; 
	padding: 146px 80px var(--s-big) 80px;
}


.object-v1.object-detail .tab-content .room-selection svg{
	width: calc(100% - 160px); height: calc(100% - 146px - var(--s-big));
	top: 146px; left: 80px;
}
.room-selection svg path{
	-webkit-transition: all 0.2s 0s ease;
    -moz-transition: all 0.2s 0s ease;
    -o-transition: all 0.2s 0s ease;
    transition: all 0.2s 0s ease; 
}
/*
.room-selection svg.hovered path{ fill: rgba(255,255,255,0.5); }
.room-selection svg.hovered path.hover{ fill: rgba(255,255,255,0.0); }
*/ 
.room-selection svg path.hover{ fill: rgba(205,162,116,0.4); }

.object-detail .tab-content .view-3d{ 
	width: 100%; height: 100%; padding: 146px 80px var(--s-big) 80px;
	position: absolute; top: 0; right: 0; z-index: 0; 
	background: #fff;
} 
.object-detail .tab-content .view-3d img{
	display: block; width: auto; height: auto;
	min-width: 0; min-height: 0;
	max-width: 100%; max-height: 100%;
	margin: 0 auto;
}

.object-detail .tab-content > div{ 
	opacity: 0;  
	-webkit-transition: opacity 0.5s 0s ease;
    -moz-transition: opacity 0.5s 0s ease;
    -o-transition: opacity 0.5s 0s ease;
    transition: opacity 0.5s 0s ease; 
}
.object-detail .tab-content > div.active{  opacity: 1; z-index: 2; }

.object-detail .info{
	position: relative;
	padding: var(--s-big) 80px;
	padding-top: 160px;
	-webkit-border-top-right-radius: 172px; 
	-moz-border-radius-topright: 172px; 
	border-top-right-radius: 172px; 
	background: var(--c-gold-bg);
}
.object-detail .title{ margin-top: 0; padding-bottom: 24px; text-transform: uppercase; display: block; border-bottom: 1px solid var(--c-black-999); }
.object-detail .status{ display: inline-block; vertical-align: middle; font-size: 16px; line-height: 24px; text-transform: uppercase; position: relative; padding-right: 36px; }
.object-detail .status:after{
	content: ''; display: inline-block; vertical-align: middle; width: 24px; height: 24px; 
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;  
	position: absolute; right: 0; top: 0;
}
.object-detail .status.free:after{ background: var(--c-free); } 
.object-detail .status.sold:after{ background: var(--c-sold); } 
.object-detail .status.reserved:after{ background: var(--c-grey); } 
.object-detail .info .status{ position: absolute; right: 80px; top: 174px; }
.object-detail .table-desc{ width: 100%; text-transform: uppercase; }
.object-detail .table-desc > .row .tupp{ text-transform: uppercase; }
.object-detail .table-desc > div.row > *{ padding: 8px 0; }
.object-detail .table-desc > div.row > *:last-child{ text-align: right; }
.object-detail .table-desc > div.row > *:first-child{ color: rgba(0,0,0,0.5); }
.object-detail .button{
	display: block; margin: 24px 0 0 0; border-top: 1px solid rgba(0,0,0,0.5); padding: 24px 0;
	text-align: right;
} 

.main{ width: 100%; padding: 0 var(--s-big); max-width: calc( var(--w-main) + 2 * var(--s-big)); margin: 0 auto; }
.main:after{ content: ''; display: block; clear: both; } 

.gallery-content{
	display: block; padding:  0 0 var(--s-big) 0; 
} 
.buildings-body .gallery-content{  
	padding: var(--s-big) 0; 
	background: url(../images/bg-gallery.png) center center no-repeat;
	background-size: cover;  
}
.gallery-content .tab-menu{
	position: static; margin-top: var(--s-big); margin-bottom: var(--s-medium);
}
.gallery-content .tab-menu span{ border-color: var(--c-gold-999); }
.gallery-content .tab-menu span:hover,
.gallery-content .tab-menu span.active{ background-color: var(--c-black-999); border-color: var(--c-black-999); color: #fff; }
 
.owl-carousel{
	display: block; width: 100%;
	margin: 0 auto; position: relative;  
}
.owl-carousel .owl-stage-outer{ }

.owl-carousel .item{ position: relative; width: 100%; height: 0; padding-top: 70%; overfow: hidden; margin: auto; max-width: 100%; }
.owl-carousel .item img{
	display: block; width: auto; height: auto;
	min-width: 0; min-height: 0; 
	max-width: 80%; max-height: 80%;
	position: absolute; top: 50%; left: 50%;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%); 
	
	-webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease; 
} 
.owl-carousel .owl-item.active.center .item img{ max-width: 100%; max-height: 100%; }

.owl-carousel .owl-nav{
	display: block; width: 100%; text-align: center; padding-top: 24px;
}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
	display: inline-block; width: 60px; height: 60px; overflow: hidden;
	margin: 0 18px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;  
}
.owl-carousel .owl-nav button.owl-next:before, .owl-carousel .owl-nav button.owl-prev:before{
	content: ''; display: block; width: 100%; height: 100%;
	background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; 
	
	-webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease; 
}
.owl-carousel .owl-nav button.owl-next:before{ background-image: url(../images/icons/next.svg); }
.owl-carousel .owl-nav button.owl-prev:before{ background-image: url(../images/icons/prev.svg); }
.owl-carousel .owl-nav button.owl-next:hover:before{ background-color: var(--c-gold-999); }
.owl-carousel .owl-nav button.owl-prev:hover:before{ background-color: var(--c-gold-999); }

.contacts-content{ padding: var(--s-big) 0; }

.contacts-content .section-title{ margin: 0 0 var(--s-medium) 0; text-align: left; }

.contacts-content .left{
	width: 50%; float: left; padding-right: 20px;
}
.contacts-content .left > *:first-child{ margin-top: 0; }
.contacts-content .right{
	width: 50%; float: right; padding-left: 20px;
}
.contacts-content .social-box{ text-align: left; margin: var(--s-medium) 0; }
.contacts-content .social-box a.icon{ margin: 0 24px 0 0; }

.contacts-content .phone{
	display: inline-block;
	font-family: var(--ff-title); font-size: var(--fs-display-xlarge); line-height: var(--fl-display-xlarge); font-weight: 600;
	color: var(--c-black-999); 
	margin: 10px 0; 
}
.contacts-content .phone:before{
	content: ''; display: inline-block; width: 40px; height: 40px;
	background: url(../images/icons/phone.svg) center center no-repeat; 
	background-size: 40px 40px;
	vertical-align: middle; margin-right: 24px;
}

.contacts-content .person-box{
	display: block; padding: 16px 0;
	font-size: var(--fs-body-large); line-height: var(--fl-body-large);
}
.contacts-content .person-box:after{ content: ''; display: block; clear: both; }
.contacts-content .person-box .img{
	display: block; float: left; width: 120px; height: 120px;
	overflow: hidden; margin-right: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;  
}
.contacts-content .person-box h3{
	margin: 0; margin-top: 36px;
	font-family: var(--ff-title); font-size: var(--fs-display-small); line-height: var(--fl-display-small); font-weight: 600;
	text-transform: uppercase;
}


.form span.message{ display: block; margin-bottom: 24px; float: left; width: 100%; font-weight: 700; font-size: 1.2em; }
.form span.message.message-error{ color: var(--c-red); }
.form span.message.message-success{ color: var(--c-green); }

.form .label .error{
	display: block; position: absolute; bottom: 13px; left: 0;
	white-space: nowrap;
	background: var(--c-red); color: #fff; padding: 0 5px;
	font-size: 0.8em; line-height: normal;
}
.form .txt{
	 display: block; width: 100%; margin-bottom: 30px; float: left; 
}
.form .label{ display: block; width: 100%; padding-bottom: 30px; float: left; position: relative; }
.form .label.label-input{
	width: 50%;
}
.form .label.label-input:nth-of-type(2n+1){ padding-right: 16px; }
.form .label.label-input:nth-of-type(2n){ padding-left: 16px; }
.form .label input, .form .label textarea{ 
	display: block; width: 100%; height: 48px; float: left;
	border: 1px solid rgba(0, 0, 0, 0.3);
	background: none; padding: 0 10px;
	font-family: var(--ff-body); font-size: 16px; color: var(--c-black-999);
	padding: 0 12px;
	
}
input[type="checkbox"]{ border: 1px solid rgba(0, 0, 0, 0.3); }
.form .label textarea{ height: 105px; padding: 12px; }
.form .checkbox-label{ position: relative; padding-left: 50px; line-height: normal; }
.form .checkbox-label input{ width: 30px; height: 30px; position: absolute; top: 0; left: 0; }
.form .checkbox-label span{ display: block; width: 100%; min-height: 35px; padding-top: 4px; }
.form .label a{ display: inline-block; } 

.form .btnsend{ 
	font-family: var(--ff-main); font-size: 18px; line-height: 36px;
	font-size: 20px; color: #fff; padding: 16px 32px; 
	text-transform: uppercase;  font-weight: 500;
	border: 1px solid var(--c-black-999); cursor: pointer;
	background: var(--c-black-999); 
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	-webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease; 
}
.form .btnsend:hover{
	background: #fff; color: var(--c-black-999);
}


.buildings-body .contacts-content{ background: var(--c-grey); color: rgba(255,255,255,0.8); }
.buildings-body .contacts-content .section-title,
.buildings-body .contacts-content .phone{ color: #fff; } 
.buildings-body .contacts-content .person-box h3{ color: #fff; } 

.buildings-body .form .btnsend{ background: #fff; color: var(--c-black-999); }
.buildings-body .form .btnsend:hover{ color: #fff; background: var(--c-black-999); }
.buildings-body .form .label input, .buildings-body .form .label textarea, input[type="checkbox"]{ border-color: rgba(255,255,255,0.3); color: #fff; }


.about-content{ 
	width: 100%; padding: var(--s-big) 0; 
} 
.about-content .title{ font-size: var(--fs-display-xlarge); line-height: var(--fl-display-xlarge); text-transform: uppercase; margin-top: 0; font-weight: 500; }
.about-content h1,
.about-content h2,
.about-content h3{ margin: var(--s-medium) 0; }
.about-content .main{
	display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--s-big);
}
.about-content .img{
	display: block; width: 100%; height: auto; position: relative;
	overflow: hidden;
	padding: 10px; position: relative;
}
.about-content .img:before{
	content: ''; display: block; width: 100%; height: 50%;
	border-top: 4px solid var(--c-gold-999);
	border-right: 4px solid var(--c-gold-999);
	-webkit-border-top-right48px--br-img); 
	-moz-border-radius-topright: var(--br-img); 
	border-top-right-radius: var(--br-img); 
	position: absolute; top: 0; left: 0; 
	
	-webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease; 
}
.about-content .img:hover:before{
	width: 50%; height: 100%; left: 50%;
}

.about-content .img:after{
	content: ''; display: block; width: 100%; height: 50%;
	border-bottom: 4px solid var(--c-gold-999);
	border-left: 4px solid var(--c-gold-999); 
	-webkit-border-bottom-left-radius: var(--br-img); 
	-moz-border-radius-bottomleft: var(--br-img); 
	border-bottom-left-radius: var(--br-img);
	position: absolute; bottom: 0; right: 0;
	
	-webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease; 
}
.about-content .img:hover:after{
	width: 50%; height: 100%; right: 50%;
}

	
.about-content .img img{ display: block; width: 100%;  height: auto;
	border: 0 solid #fff;
	-webkit-border-top-right-radius: calc(var(--br-img) - 10px);
	-webkit-border-bottom-left-radius: calc(var(--br-img) - 10px);
	-moz-border-radius-topright: calc(var(--br-img) - 10px);
	-moz-border-radius-bottomleft: calc(var(--br-img) - 10px);
	border-top-right-radius: calc(var(--br-img) - 10px);
	border-bottom-left-radius: calc(var(--br-img) - 10px);
	-webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease; 
}

.about-content .info > *:first-child{ margin-top: 0; }
.about-content .info > *:last-child{ margin-bottom: 0; }
.about-content .info ul{
	display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--s-medium); 
}
.about-content .info ul li{ padding-top: 16px; padding-bottom: 16px; margin: 0; border-bottom: 1px solid var(--c-border); align-content: center; }
.about-content .info ul li:before{ top: 50%; margin-top: -8px; }

.about-content .category{ 
	display: block; padding-bottom: 12px; margin-bottom: var(--s-big); border-bottom: 4px solid var(--c-gold-999); 
	font-size: 18px; line-height: 24px; color: var(--c-gold-999); text-transform: uppercase; 
}
.about-content .category-article .images{ padding-top: 36px; }
.about-content .main.right-article{ 
	display: flex; flex-direction: row-reverse;
	gap: 0px; align-items: flex-end;
}
.about-content .main.right-article .images{ width: 50%; padding-right: 32px; }
.about-content .main.right-article .info{ width: 50%; padding-left: 32px; }
.about-content .main.right-article .info:after{
	content: ''; display: block;
	border-bottom: 4px solid var(--c-gold-999); padding-bottom: var(--s-big);
}

.btn-more{ 
	display: inline-block; margin-top: 24px; border-bottom: 1px solid var(--c-black-999); 
	font-size: 18px; line-height: 32px; color: var(--c-black-999);
	-webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease; 
}
.btn-more:hover{ text-decoration: none; text-indent: 24px; }

.params{ display: block; width: 100%; margin-top: var(--s-big); padding-bottom: var(--s-big); }
.params:after{ content: ''; display: block; clear: both; }
.params .row{ 
	display: block; width: 33.33%; float: left;
}
.params .row > *{ display: block; }
.params .row > span{ font-size: 18px; text-transform: uppercase; line-height: 32px; letter-spacing: 0.05em; }
.params .row > b{ font-family: var(--ff-title); font-size: 100px; line-height: 100px; color: var(--c-gold-999); font-weight: 600; }

.begin-body .about-content{
	
}
.begin-body .about-content:after{
	content: ''; display: block; width: 100%; height: 100dvh;
	position: fixed; top: 0; left: 0; z-index: -1;
	background: url(../images/bg-1920.webp) center center no-repeat;
	background-size: cover; 
}
.location-body .about-content .right-article .title{ font-size: var(--fs-display-large); line-height: var(--fl-display-large); }

.location-content.about-content .main{ grid-template-columns: 3fr 4fr; }
.location-content.about-content .info{ padding-top: 24px; }
.location-content.about-content, .begin-body .location-content.about-content{
	background: #f9f5f4 url(../images/map.jpg?v=1) center center no-repeat;
	background-size: cover;
}
.begin-body .location-content.about-content{
	background-size: 100% auto; background-position: 0 0;
}
.begin-body .location-content.about-content .main.other-content{
	padding-top: var(--s-big);
	grid-template-columns: 1fr 2fr 1fr;
}
.location-content.about-content .category{ border-bottom: 0px solid; padding-bottom: 0; margin-bottom: 24px; }

.oimg img{
	display: block; width: 100%;
	
	-webkit-border-top-right-radius: var(--br-oimg);
	-webkit-border-bottom-left-radius: var(--br-oimg);
	-moz-border-radius-topright: var(--br-oimg);
	-moz-border-radius-bottomleft: var(--br-oimg);
	border-top-right-radius: var(--br-oimg);
	border-bottom-left-radius: var(--br-oimg);
}

.list-content{ padding: var(--s-big) 0; }
.list-content .row{ display: grid; gap: 48px; grid-template-columns: 1fr 1fr 1fr; }

.article{ position: relative; padding-bottom: 36px; }
.article .title{ color: var(--c-black-999); font-size: var(--fs-title-xlarge); line-height: var(--fl-title-xlarge); }
.article .title a{ color: inherit; }
.article .btn-more{ margin-top: 0; position: absolute; bottom: 0; left: 0; } 


.main-paging{ padding: 24px 24px var(--s-big) 24px; text-align: center; }
.buildings-body .main-paging{ padding: var(--s-big) 24px; }

.list-content .article .img{
	display: block; width: 100%; padding-top: 116.86%; overflow: hidden;
	position: relative;
	overflow: hidden;
	background: var(--c-grey-100);
	
	-webkit-border-top-left-radius: var(--br-aimg);
	-webkit-border-bottom-right-radius: var(--br-aimg);
	-moz-border-radius-topleft: var(--br-aimg);
	-moz-border-radius-bottomright: var(--br-aimg);
	border-top-left-radius: var(--br-aimg);
	border-bottom-right-radius: var(--br-aimg);
	
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
}
.list-content .article .img img{
	width: 100%; height: auto;
	position: absolute; top: 0; left: 0;
	
}
.list-content .article:nth-child(2n) .img{
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomright: 0;
	border-top-left-radius: 0;
	border-bottom-right-radius: 0;
	
	-webkit-border-top-right-radius: var(--br-aimg);
	-webkit-border-bottom-left-radius: var(--br-aimg);
	-moz-border-radius-topright: var(--br-aimg);
	-moz-border-radius-bottomleft: var(--br-aimg);
	border-top-right-radius: var(--br-aimg);
	border-bottom-left-radius: var(--br-aimg);
}

.list-content .section-title{ text-align: left; }
.list-content .main{ position: relative; }
.list-content .category{ 
	display: block; padding-bottom: 0; margin-bottom: 0;
	font-size: 18px; line-height: 24px; color: var(--c-gold-999); text-transform: uppercase; 
}
.list-content .main .btn-all{
	display: inline-block; width: 60px; height: 60px;
	overflow: hidden;
    
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; 
    position: absolute; top: calc(50% + 24px); margin-top: -30px; right: var(--s-big);
}
.list-content .main .btn-all:before{
	content: ''; display: inline-block; width: 100%; height: 100%;
	background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; 
	background-image: url(../images/icons/next.svg);
	-webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;
}
.list-content .main .btn-all:hover:before{ background-color: var(--c-gold-999); }

.begin-body .list-content { padding-bottom: 24px; background: #fff; }
.begin-body .list-content .section-title{ margin-bottom: 0; }
.begin-body .list-content .main:first-child{ margin-bottom: var(--s-big); }
.begin-body .list-content .row{ grid-template-columns: 20fr 20fr 11fr 14fr; gap: 40px; } 
.begin-body .list-content .row .article{ padding-bottom: 0; }
.begin-body .list-content .row .article .btn-more{ position: static; }

.begin-body .list-content .row .article .img{
	display: block; width: 100%; padding-top: 116.86%; overflow: hidden;
	position: relative; 
	background: var(--c-grey-100);
}
.begin-body .list-content .row .article .img img{ 
	display: block; width: 100%; height: auto;
	position: absolute; top: 0; left: 0;
}

.begin-body .list-content .row .article:nth-child(4n+1) .img{ 
	-webkit-border-top-left-radius: 150px;
    -webkit-border-bottom-right-radius: 150px;
    -moz-border-radius-topleft: 150px;
    -moz-border-radius-bottomright: 150px;
    border-top-left-radius: 150px;
    border-bottom-right-radius: 150px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}
.begin-body .list-content .row .article:nth-child(4n+2) .img{ 
	-webkit-border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomright: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 150px;
    -webkit-border-bottom-left-radius: 150px;
    -moz-border-radius-topright: 150px;
    -moz-border-radius-bottomleft: 150px;
    border-top-right-radius: 150px;
    border-bottom-left-radius: 150px;
}
.begin-body .list-content .row .article:nth-child(4n+3) .img{  
	-webkit-border-top-left-radius: 82px;
    -webkit-border-bottom-right-radius: 82px;
    -moz-border-radius-topleft: 82px;
    -moz-border-radius-bottomright: 82px;
    border-top-left-radius: 82px;
    border-bottom-right-radius: 82px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomleft: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
}
.begin-body .list-content .row .article:nth-child(4n) .img{ 
	-webkit-border-top-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-bottomright: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-border-top-right-radius: 105px;
    -webkit-border-bottom-left-radius: 105px;
    -moz-border-radius-topright: 105px;
    -moz-border-radius-bottomleft: 105px;
    border-top-right-radius: 105px;
    border-bottom-left-radius: 105px;
}

.share-box{ display: inline-block; vertical-align: middle; line-height: 20px; margin-bottom: var(--s-medium); }
.share-box span{ display: inline-block; vertical-align: middle; }
.share-box .icon{
	display: inline-block; margin-left: 20px; width: 20px; height: 20px; overflow: hidden;
	vertical-align: middle;
}
.share-box .icon:before{
	content: ''; display: block; width: 20px; height: 20px;
	background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%;
}
.share-box .icon.facebook:before{ background-image: url(../images/icons/facebook-s.svg); }
.share-box .icon.instagram:before{ background-image: url(../images/icons/instagram-s.svg); }
.share-box .icon.link:before{ background-image: url(../images/icons/link-s.svg); }
.share-box .icon.share:before{ background-image: url(../images/icons/share-s.svg); }

.article-detail .page-title{ text-align: left; margin-bottom: var(--s-medium); padding: 0; }
.article-detail .date{ display: inline-block; vertical-align: middle; margin-right: var(--s-medium); line-height: 20px; margin-bottom: var(--s-medium); }
.article-detail .gallery-content{ }

blockquote{ font-style: italic; font-weight: 600; padding: var(--s-medium) 24px; font-family: var(--ff-title); font-size: 1.5em; line-height: normal; }
blockquote span.source{ color: var(--c-gold-999); font-family: var(--ff-body); font-size: var(--fs-body-large); font-style: normal; }

.article.article-detail{ display: block; width: 100%; max-width: 100%; }
.article-detail .content{
	column-count: 2;
	column-gap: 48px;
	padding-bottom: 24px;
}
.article-detail .content > *:first-child{ margin-top: 0; }
.article-detail .content > *:last-child{ margin-bottom: 0; }
 
body > .social-box{ top: 150px; z-index: 1; }
	.main-menu ul.lang{ width: 106px; right: calc( var(--s-big) - 12px); }
	
@media screen and (max-width: 1800px) { 
	:root{ 
		--s-big: 48px; 
		--s-medium: 32px; 
		--w-main: 1200px;
	}
	.btn-main{ padding-top: 11px; padding-bottom: 11px; }
	.main-menu ul li{ margin: 0 8px; } 
	.search-wrapper{ padding-top: 24px; padding-bottom: 24px; }
	.search-box .select-box{ margin-right: var(--s-big); }
	.select-box, .search-box .results{ height: 56px; line-height: 56px; }
	.select-box ul{ top: 48px; }
}
@media screen and (max-width: 1600px) { 
	:root{ 
		--fs-display-xlarge: 48px; 
		--fl-display-xlarge: 56px;  
	}  
	
	.page-path{ padding-top: 110px; }
	.page-title{ margin: 18px 0 30px 0; }
	
	
	.main-menu ul li a{ font-size: 16px; } 
	
	#main-popup{ padding: 30px 40px; }
	#main-popup #pName{ font-size: 32px; line-height: 40px; }
	
	.object-detail .info{ padding-top: 80px; padding-left: var(--s-big); padding-right: var(--s-big); 
		-webkit-border-top-right-radius: 160px;
	    -moz-border-radius-topright: 160px;
	    border-top-right-radius: 160px;
	}
	.object-detail .info .status{ right: var(--s-big); top: 92px; }
	.tab-menu{ top: 32px; }
	.object-detail .tab-content .room-selection,
	.object-detail .tab-content .view-3d{ padding-top: 120px; padding-left: var(--s-big); padding-right: var(--s-big);  }
	
	.object-v1.object-detail .tab-content .room-selection svg{
		width: calc(100% - var(--s-big) - var(--s-big)); height: calc(100% - 120px - var(--s-big));
		top: 120px; left: var(--s-big);
	}
	
	.begin-body .about-content:after{ background-image: url(../images/bg-1600.webp); }
	
	.list-content .main{ gap: 32px; }
	 
}
@media screen and (max-width: 1440px) {  
	:root{ 
		--fs-display-xlarge: 48px;
		--fl-display-xlarge: 56px; 
		--fs-display-large: 32px;
		--fl-display-large: 42px;  
		--fs-display-medium: 22px;
		--fl-display-medium: 32px; 
		--fs-display-small: 18px;
		--fl-display-small: 24px;  
	
		--s-big: 32px;  
	}
	.main-menu{ letter-spacing: 0.08em; padding-right: 150px; }
	.main-menu ul{ float: right; } 
	
	.begin-body .about-content:after{ background-image: url(../images/bg-1440.webp); }
}
@media screen and (max-width: 1280px) { 
	:root{  
		--s-large: 48px;
		--s-big: 24px;  
		
		--br-popup: 56px;  
	
		--fs-display-xlarge: 40px;
		--fl-display-xlarge: 56px; 
		--fs-display-large: 32px;
		--fl-display-large: 42px;  
		--fs-display-medium: 28px;
		--fl-display-medium: 38px; 
		--fs-display-small: 18px;
		--fl-display-small: 28px;  
		
		 
		--fs-title-xlarge: 28px;
		--fl-title-xlarge: 38px; 
		--fs-title-large: 20px;
		--fl-title-large: 30px;  
		--fs-title-medium: 18px;
		--fl-title-medium: 28px; 
		--fs-title-small: 16px;
		--fl-title-small: 24px;
		
		--br-img: 18dvw;
		--br-aimg: 9.583dvw;
	}
	.main-header{
		position: fixed; height: 60px; padding-top: 6px; padding-bottom: 6px; 
	}
	.main-header:after{ 
		content: ''; display: none; width: 100%; height: 2px;
		background: var(--c-gold-999);
		position: absolute; top: 100%; left: 0; margin-top: 2px;		
	}
	.menu-toggle{ display: block; }
	.main-header .logo{ width: 120px; height: 48px; }
	.begin-body .main-header{ background: #fff; }
	.begin-body .main-header .logo:before{ background-image: url(../images/logo.svg); }
	body > .social-box{ right: 88px; top: 18px; width: auto; position: fixed; } 
	body > .social-box a.icon{ display: inline-block; margin: 0 6px; clear: none; float: none; opacity: 0.7; }
	body > .social-box a.icon.facebook{ background-image: url(../images/icons/facebook.svg); }
	body > .social-box a.icon.youtube{ background-image: url(../images/icons/youtube.svg); }
	body > .social-box a.icon.viber{ background-image: url(../images/icons/viber.svg); }
	body > .social-box a.icon.instagram{ background-image: url(../images/icons/instagram.svg); }
	body > .social-box a.icon.tiktok{ background-image: url(../images/icons/tiktok.svg); }
	
	.main-menu{
		width: 218px; height: 100dvh; overflow: auto;
		position: fixed; right: -218px; top: 0;  z-index: 20; 
		padding-top: 72px; padding-right: 0; padding-left: 2px;
		-webkit-transition: right 0.4s 0s ease;
		-moz-transition: right 0.4s 0s ease;
		-o-transition: right 0.4s 0s ease;
		transition: right 0.4s 0s ease; 
		border-left: 0px solid #fff; 
		white-space: normal; font-size: 16px; letter-spacing: 0;
	} 
	.main-menu:after{
		content: ''; display: block; height: 100%; width: calc(100% - 2px); width: 100%;
		position: absolute; top: 0; right: 0; z-index: 0;
		background: var(--c-gold-999);
	}
	.main-menu.opened{ right: 0; }
	.main-menu > ul{ width: 100%; position: relative; z-index: 1; display: block; }
	.main-menu > ul > li{ display: block; margin: 8px 0; padding: 4px 24px; width: 100%; }
	.main-menu > ul > li > a{  display: inline-block; padding-left: 0; padding-right: 0; width: auto; position: relative; }
	.main-menu > ul > li.hasSubmenu > a:after{ position: absolute; margin: 0; right: 24px; top: 50%; margin-top: -12px; }
	.main-menu > ul > li > a:hover{ background: none; }
	.main-menu > ul > li > ul{ position: static; }
	.main-menu ul.lang{ position: relative; width: 100%; right: 0; margin-top: 24px; }
	.main-menu ul.lang li{ display: inline-block; width: 46px; }
	.begin-body .main-menu ul.lang li a{ color: #fff; }
	.main-menu ul.lang a{  color: #fff; }
	.main-menu ul.lang a.active{}
	
	.main-screen{ padding-top: 60px; }
	
	.main-screen .fselect{ 
		top: 120px; margin-top: 0; 
	}


	.buildings-body .main-screen{ padding-top: 0; }
	
	.page-path{ padding-top: 72px; }
	.page-title{ margin: 12px 0 24px 0; } 
	
	#main-popup{ padding: 24px 24px; }
	#main-popup #pName{ font-size: 36px; line-height: 48px; }
	#main-popup.popup-object{ padding-bottom: 40px; }
	#main-popup.popup-object:after{ 
		width: 40px; height: 40px; 
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		border-radius: 20px;  
		background-size: 18px 18px; 
	}
	
	.status-legend{ margin-bottom: 24px; }
	
	.tab-menu, .tab-menu, .object-detail .tab-content > div.tab-menu{ top: 24px; }
	.object-detail .tab-content .room-selection,
	.object-detail .tab-content .view-3d{ padding-top: 92px; padding-left: 48px; padding-right: 48px; }
	
	.object-v1.object-detail .tab-content .room-selection svg{
		width: calc(100% - 48px - 48px); height: calc(100% - 92px - var(--s-big));
		top: 92px; left: 48px;
	}
	
	
	.object-detail .info{ padding-left: 48px; padding-right: 48px; }
	.object-detail .info .status{ right: 48px; }
	.tab-menu span{ 
		line-height: 48px; 
		-webkit-border-radius: 24px;
	    -moz-border-radius: 24px;
	    border-radius: 24px;
	}
	
	.form .label.label-input{ width: 100%; }
	.form .label.label-input:nth-of-type(2n+1){ padding-right: 0; }
	.form .label.label-input:nth-of-type(2n){ padding-left: 0; } 
	
	.begin-body .about-content:after{ background-image: url(../images/bg-1280.webp); }
	
	.list-content .main, .begin-body .list-content .row{ gap: 24px; }
	.list-content .main .btn-all{
		width: 48px; height: 48px; margin-top: -24px;
	}
	.begin-body .list-content{ padding-top: 48px; }
	.begin-body .list-content .row .article:nth-child(4n+1) .img{ 
		-webkit-border-top-left-radius: 10.4dvw;
	    -webkit-border-bottom-right-radius: 10.4dvw;
	    -moz-border-radius-topleft: 10.4dvw;
	    -moz-border-radius-bottomright: 10.4dvw;
	    border-top-left-radius: 10.4dvw;
	    border-bottom-right-radius: 10.4dvw;
	    -webkit-border-top-right-radius: 0;
	    -webkit-border-bottom-left-radius: 0;
	    -moz-border-radius-topright: 0;
	    -moz-border-radius-bottomleft: 0;
	    border-top-right-radius: 0;
	    border-bottom-left-radius: 0;
	}
	.begin-body .list-content .row .article:nth-child(4n+2) .img{ 
		-webkit-border-top-left-radius: 0;
	    -webkit-border-bottom-right-radius: 0;
	    -moz-border-radius-topleft: 0;
	    -moz-border-radius-bottomright: 0;
	    border-top-left-radius: 0;
	    border-bottom-right-radius: 0;
	    -webkit-border-top-right-radius: 10.4dvw;
	    -webkit-border-bottom-left-radius: 10.4dvw;
	    -moz-border-radius-topright: 10.4dvw;
	    -moz-border-radius-bottomleft: 10.4dvw;
	    border-top-right-radius: 10.4dvw;
	    border-bottom-left-radius: 10.4dvw;
	}
	.begin-body .list-content .row .article:nth-child(4n+3) .img{  
		-webkit-border-top-left-radius: 5.72dvw;
	    -webkit-border-bottom-right-radius: 5.72dvw;
	    -moz-border-radius-topleft: 5.72dvw;
	    -moz-border-radius-bottomright: 5.72dvw;
	    border-top-left-radius: 5.72dvw;
	    border-bottom-right-radius: 5.72dvw;
	    -webkit-border-top-right-radius: 0;
	    -webkit-border-bottom-left-radius: 0;
	    -moz-border-radius-topright: 0;
	    -moz-border-radius-bottomleft: 0;
	    border-top-right-radius: 0;
	    border-bottom-left-radius: 0;
	}
	.begin-body .list-content .row .article:nth-child(4n) .img{ 
		-webkit-border-top-left-radius: 0;
	    -webkit-border-bottom-right-radius: 0;
	    -moz-border-radius-topleft: 0;
	    -moz-border-radius-bottomright: 0;
	    border-top-left-radius: 0;
	    border-bottom-right-radius: 0;
	    -webkit-border-top-right-radius: 7.28dvw;
	    -webkit-border-bottom-left-radius: 7.28dvw;
	    -moz-border-radius-topright: 7.28dvw;
	    -moz-border-radius-bottomleft: 7.28dvw;
	    border-top-right-radius: 7.28dvw;
	    border-bottom-left-radius: 7.28dvw;
	}
	.article-detail .content{
		column-count: 2;
		column-gap: 24px;
	}
}
@media screen and (max-width: 1024px) {
	:root{
		--br-oimg: 13dvw;
		--br-aimg: 7.15dvw;
	}
	.search-wrapper{
		padding-right: 50%; position: relative;
		padding-top: 12px; padding-bottom: 12px;
	}
	.search-wrapper:after{
		content: ''; display: block; width: 1px; height: calc(100% - 48px);
		background: rgba(0,0,0,0.2);
		position: absolute; top: 24px; right: 50%;
	}
	.search-box .select-box{ margin-right: 0; margin-left: 0; height: 32px; line-height: 32px;  margin: 12px 0; float: left; clear: both; }  
	.select-box.open{ z-index: 999; }
	.select-box ul{ top: 32px; background: #fff;  }
	.select-box#s_type, .select-box#s_floor{ width: auto; }
	.search-box .results{ line-height: 32px; position: absolute; right: 0; top: 12px; width: 50%; padding: 12px var(--s-big); border-left: 0px solid; margin: 0; text-align: center; }
	.search-box .btn-main{
		position: absolute; bottom: 24px; right: 25%; width: 132px; margin-right: -66px;
		padding-left: 12px; padding-right: 12px;
	}
	
	.object-detail{ display: block; }
	.object-detail .info .status{ top: 62px; }
	.object-detail .info{
		padding-top: 48px; padding-bottom: 64px;
		-webkit-border-top-right-radius: 0;
        -moz-border-radius-topright: 0;
        border-top-right-radius: 0;
        
        -webkit-border-bottom-left-radius: 0;
        -moz-border-radius-bottomleft: 0;
        border-bottom-left-radius: 0;
	}
	
	.section-title{ margin-top: 0; margin-bottom: 24px; }
	.gallery-content .tab-menu{ margin-top: 0; margin-bottom: 0; padding-bottom: 24px; }
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{ width: 48px; height: 48px; margin: 0 8px; } 
	
	.about-content .info ul {
	    grid-template-columns: 1fr;
	}
	
	.params .row > span{ font-size: 16px; line-height: 24px; }
	.params .row > b{ font-size: 64px; line-height: 72px; }
	
	.about-content .btn-more{ margin-top: 0; }
	
	.begin-body .about-content:after{ background-image: url(../images/bg-1024.webp); }
	
	.location-content.about-content{ background-image: none; padding-bottom: 0; }
	.location-content.about-content .main{ display: block;  }
	.location-content.about-content .main .info{ max-width: 600px; margin: 0 auto 0 auto; }
	.location-content.about-content:after,
	.begin-body .location-content.about-content .main:first-child:after{
		content: ''; display: block; width: 100%; margin-top: 24px; height: 0; padding-top: 75%;
		background: url(../images/map-img.jpg?v=1) center center  no-repeat;
		background-size: 100% auto;
	}
	.begin-body .location-content.about-content .main:first-child:after{ padding-top: 35%; }
	.begin-body .location-content.about-content{ background-image: none; }
	.begin-body .location-content.about-content:after{ display: none; }
	
	.begin-body .location-content.about-content .main .oimg:first-child{ float: left; width: 33.33%; }
	.begin-body .location-content.about-content .main .info.accordion-content{ float: right; width: calc(66.66% - 24px); max-width: calc(66.66% - 24px); }
	.begin-body .location-content.about-content .main .oimg:last-child{ display: grid; gap: 24px; grid-template-columns: 1fr 2fr; clear: both; float: left; width: 100%;   align-items: center; }
	.begin-body .location-content.about-content .main .oimg:last-child span{ padding-left: 20%; } 
	.begin-body .location-content.about-content{ padding-bottom: var(--s-big); }
	.list-content .main .btn-all{ margin-top: -40px; }
	
	.begin-body .list-content .row .article:nth-child(4n+1) .img{ 
		-webkit-border-top-left-radius: var(--br-aimg);
	    -webkit-border-bottom-right-radius: var(--br-aimg);
	    -moz-border-radius-topleft: var(--br-aimg);
	    -moz-border-radius-bottomright: var(--br-aimg);
	    border-top-left-radius: var(--br-aimg);
	    border-bottom-right-radius: var(--br-aimg);
	    -webkit-border-top-right-radius: 0;
	    -webkit-border-bottom-left-radius: 0;
	    -moz-border-radius-topright: 0;
	    -moz-border-radius-bottomleft: 0;
	    border-top-right-radius: 0;
	    border-bottom-left-radius: 0;
	}
	.begin-body .list-content .row .article:nth-child(4n+2) .img{ 
		-webkit-border-top-left-radius: 0;
	    -webkit-border-bottom-right-radius: 0;
	    -moz-border-radius-topleft: 0;
	    -moz-border-radius-bottomright: 0;
	    border-top-left-radius: 0;
	    border-bottom-right-radius: 0;
	    -webkit-border-top-right-radius: var(--br-aimg);
	    -webkit-border-bottom-left-radius: var(--br-aimg);
	    -moz-border-radius-topright: var(--br-aimg);
	    -moz-border-radius-bottomleft: var(--br-aimg);
	    border-top-right-radius: var(--br-aimg);
	    border-bottom-left-radius: var(--br-aimg);
	}
	.begin-body .list-content .row .article:nth-child(4n+3) .img{  
		-webkit-border-top-left-radius: var(--br-aimg);
	    -webkit-border-bottom-right-radius: var(--br-aimg);
	    -moz-border-radius-topleft: var(--br-aimg);
	    -moz-border-radius-bottomright: var(--br-aimg);
	    border-top-left-radius: var(--br-aimg);
	    border-bottom-right-radius: var(--br-aimg);
	    -webkit-border-top-right-radius: 0;
	    -webkit-border-bottom-left-radius: 0;
	    -moz-border-radius-topright: 0;
	    -moz-border-radius-bottomleft: 0;
	    border-top-right-radius: 0;
	    border-bottom-left-radius: 0;
	}
	.begin-body .list-content .row .article:nth-child(4n) .img{ 
		-webkit-border-top-left-radius: 0;
	    -webkit-border-bottom-right-radius: 0;
	    -moz-border-radius-topleft: 0;
	    -moz-border-radius-bottomright: 0;
	    border-top-left-radius: 0;
	    border-bottom-right-radius: 0;
	    -webkit-border-top-right-radius: var(--br-aimg);
	    -webkit-border-bottom-left-radius: var(--br-aimg);
	    -moz-border-radius-topright: var(--br-aimg);
	    -moz-border-radius-bottomleft: var(--br-aimg);
	    border-top-right-radius: var(--br-aimg);
	    border-bottom-left-radius: var(--br-aimg);
	}
	
	.article-detail .content{
		column-count: 1;
		column-gap: 0;
	}
	blockquote{ padding-top: 0; padding-bottom: 0; }
	
	
	.object-detail .tab-content{ min-height: 75dvw; }
}
@media screen and (max-width: 900px) {
	:root{ 
		--br-img: 250px;
	}
	.about-content .main{ display: block; }
	.about-content .img{ max-width: 600px; margin: 24px auto 0 auto;  }
	.about-content .main .info{ max-width: 600px; margin: 24px auto 0 auto; }
	
	.about-content .main.right-article{ padding-top: 24px; }
	.about-content .main.right-article .info:after{ display: none; }
	.about-content .category-article .images{ padding-top: 0; }
	.about-content .main.right-article{ display: block; }
	.about-content .main.right-article .info{ width: 100%; padding-left: 0; }
	.about-content .main.right-article .images{ width: 100%; padding-right: 0; }
	
	.about-body .about-content .main.right-article{ padding-top: 0; } 
	.location-body .about-content .main.right-article{ padding-top: 0; } 
	
	.page-title{ overflow: hidden; width: 100%; }
	
	.list-content .row{ display: block; }
	.article{
		display: grid;
	    gap: 24px;
	    grid-template-columns: 1fr 2fr;
	    padding-bottom: 0; margin-bottom: 24px; 
	    align-items: center;
	}
	.article .btn-more{ position: static; }
	.article .title{ margin-top: 0; }
	
}
@media screen and (max-width: 768px) {
	:root{ 
		--fs-display-xlarge: 40px;
		--fl-display-xlarge: 48px;  
		--s-big: 32px;  
		--br-oimg: 120px;
		
		--br-popup: 32px;
	}
	
	.page-title{ margin: 0px 0 18px 0; }
	
	.object-detail .info, .object-detail .tab-content .room-selection, .object-detail .tab-content .view-3d{ padding-left: 24px; padding-right: 24px; }
	
	.object-v1.object-detail .tab-content .room-selection svg{
		width: calc(100% - 24px - 24px); height: calc(100% - 92px - var(--s-big));
		top: 92px; left: 24px;
	}
	
	
	.object-detail .table-desc > div.row > *{ padding: 4px 0; }
	
	.gallery-content{ overflow: hidden; }
	.gallery-content .owl-carousel{ width: 150%; position: relative; left: -25%; }
	.tab-menu span{ margin: 0 6px; padding: 0 24px; }
	
	.contacts-content .left, .contacts-content .right{ width: 100%; padding-left: 0; padding-right: 0; }
	.contacts-content .right{ padding-top: 24px; }
	
	.begin-body .about-content:after{ background-image: url(../images/bg-768.webp); }
	
	.begin-body .location-content.about-content .main .oimg:first-child{ float: none; width: 100%; max-width: 320px; margin: 0 auto; margin-bottom: 24px; }
	.begin-body .location-content.about-content .main .info.accordion-content{ float: none; width: 100%; max-width: 600px; margin: 0 auto; margin-bottom: 24px; }
	.begin-body .location-content.about-content .main .oimg:last-child{ display: block; clear: both; float: none; width: 100%; max-width: 320px; margin: 0 auto; }
	.begin-body .location-content.about-content .main .oimg:last-child span{ padding-left: 0; } 
	
	#main-popup{ padding: 20px; }
	#main-popup #pName{ font-size: 24px; line-height: normal; }
	#main-popup #pDesc{ font-size: 14px; line-height: normal; }
}
@media screen and (max-width: 640px) {
	:root{ 
		--br-img: 38dvw;
	} 
	.begin-body .about-content:after{ background-image: url(../images/bg-640.webp); }
	.begin-body .location-content.about-content .main:first-child:after{ padding-top: 75%; }
	.list-content .main .btn-all{ position: static; margin-top: 12px; }
	
	.main-screen .fselect{ 
		padding: 6px 12px; 
		-webkit-border-top-left-radius: 12px;
		-webkit-border-bottom-right-radius: 12px;
		-moz-border-radius-topleft: 12px;
		-moz-border-radius-bottomright: 12px;
		border-top-left-radius: 12px;
		border-bottom-right-radius: 12px;  
		font-size: 18px; 
	}
	.main-screen .fselect.show{ right: 12px; }
	.buildings-body .main-screen .fselect{ top: 48px; }
}
@media screen and (max-width: 550px) {
	:root{
		--fs-display-xlarge: 36px;
        --fl-display-xlarge: 40px;
        
        --br-aimg: 100px;
	}
	.search-wrapper{ padding-right: var(--s-big); text-align: center; }
	.search-box .select-box{ margin-right: 24px; margin-left: 24px; float: none; }
	.search-wrapper:after{ display: none; } 
	.search-box .results{ position: static; width: 100%;  }
	.search-box .btn-main{ position: static; margin-right: 0; float: none; margin: 12px 0; }
	body > .social-box{ display: none; }
	
	.status-legend b{ display: block; margin: 0 0 6px 0;  } 
	
	.object-detail .title{ padding-bottom: 16px; margin-bottom: 16px; }
	.object-detail .info .status{ position: relative; display: inline-block; top: 0; left: 0; bottom: auto; right: auto; }
	
	.gallery-content .tab-menu{
		display: block; clear: both; width: 280px; margin-left: auto; margin-right: auto;
	}
	.gallery-content .tab-menu span{ margin-top: 4px; margin-bottom: 4px; max-width: 280px; overflow: hidden; }
	
	.page-title, .section-title, .about-content .title{ word-wrap: break-word; }
	
	.article{ display: block; width: 100%; margin: 0 auto;  max-width: 320px; text-align: center; margin-top: 48px;  }
	.article:first-child{ margin-top: 0; }
	.article .img{ display: block; margin-bottom: 24px; width: 100%; }
	
	.article.article-detail{ text-align: left; margin-top: 24px; }
	.share-box, .article-detail .date{ display: block; text-align: left; }
	.article-detail .date{ margin-bottom: 12px; }
}
@media screen and (max-width: 500px) {
	.begin-body .about-content:after{ background-image: url(../images/bg-500.webp); }
	.params .row{ width: 100%; }
	
	.begin-body .location-content.about-content .main .oimg:last-child span{ font-size: 28px; line-height: normal; }
	
	.begin-body .location-content.about-content .main .info.accordion-content{ background: none; padding-right: 0; padding-left: 0; }
	
	.list .row{ padding: 6px 0; padding-left: 0; }
	.list .row > span{ padding: 4px 0; }
	.list .row > span.l{ width: 100%; text-align: left; padding-left: 32px; }
	.list,
	.list .row,
	.list .row > span{ display: block; }
	/*
	#main-popup{ 
		left: 12px!important;  margin: 0!important;
		 -moz-transform: translate(0, -50%)!important;
		-webkit-transform: translate(0, -50%)!important;
		-o-transform: translate(0, -50%)!important;
		-ms-transform: translate(0, -50%)!important;
		transform: translate(0, -50%)!important;
	}*/
}
@media screen and (max-width: 400px) {
	.social-box a.icon{ margin: 0 8px; }
	.tab-menu span{ margin: 0 6px; padding: 0 18px; }
	.contacts-content .phone{ font-size: var(--fs-display-large); line-height: var(--fl-display-large); }
	.contacts-content .phone:before{ margin-right: 0; display: block; }
	.contacts-content .person-box .img{ float: none; margin-right: 0; }
	.contacts-content .person-box h3{ margin-top: 24px; } 
	
	.contacts-content .phone{ font-size: 24px; }
	.contacts-content .phone:before{ margin-right: 6px; display: inline-block; width: 24px; height: 24px; background-size: 100% 100%; }
	
	.buildings-body .contacts-content .person-box h3{ margin-top: 0; }
}

@media screen and (orientation: portrait) {
	 .main-screen .main{
	 	min-height: 100dvw;
	    height: 100dvw;
	    max-height: 100dvw;
	 }
	 .main-screen .main svg{
	 	width: auto;
	 	height: 100%;
	 }
}