@charset "utf-8";
*, *:before, *:after{ 
	margin: 0; padding: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:root{
	--bg-cream: #F4EFE5;
	--bg-ivory:	#FAF6EC;
	--bg-parchment:	#ECE5D7;
	
	--c-sand: #D8CDB6; 
	--c-text-stone: #8B8267; 
	--c-text-ink: #1F1812;
	--c-main: #131110; 
	--c-brand-red: #C14141; 
	--c-gold: #BCAD7E; 
	
	--c-free: #42C27C;
	--c-sold: #C14141;
	--c-reserved: #8B8267;

	
	--ff-body: "Inter", sans-serif;
	--ff-title: "Jost", sans-serif;
	--ff-display: "Forum", 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;
	
	--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-xxlarge: 120px;
	--fl-display-xxlarge: 120px; 
	--fs-display-xlarge: 80px;
	--fl-display-xlarge: 80px; 
	--fs-display-large: 56px;
	--fl-display-large: 60px; 
	--fs-display-medium: 40px;
	--fl-display-medium: 56px; 
	
	--s-default: 24px;
	--s-medium: 40px;
	--s-big: 80px;
	
	--m-default: 24px;
	--m-medium: 48px;
	--m-big: 64px;
	
	--w-main: 1440px;
}

html{ 
	width: 100%; height: 100%; background: var(--bg-ivory); 
	color: var(--c-main); 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-text-stone); }
a:hover{ text-decoration: underline; }
p{ margin: var(--s-default) 0; }
ul, ol{ padding-left: var(--s-medium); margin: var(--s-default) 0; }
h1,h2,h3,h4,h5,h6,
.section-title, .title, .page-title{ 
	font-family: var(--ff-display);  
	font-weight: 400;
	margin: var(--s-medium) 0;
}
.section-title{
	display: block;
	font-family: var(--ff-display); font-weight: 400; text-transform: uppercase; margin-top: 0;
	font-size: var(--fs-display-xlarge); line-height: var(--fl-display-xlarge);
}
h1,h2,h3,h4,h5,h6{ font-weight: 600; }
.section-title, .title, .page-title{ font-weight: 500; }
.title{ font-family: var(--ff-title); font-weight: 400; margin:  var(--s-default) 0; }
   
h1{ font-size: var(--fs-display-large); line-height: var(--fl-display-large); margin:  var(--s-big) 0; }
h2{ font-size: var(--fs-title-xlarge); line-height: var(--fl-title-xlarge); margin:  var(--s-medium) 0; }
h3{ font-size: var(--fs-title-large); line-height: var(--fl-title-large); margin:  var(--s-default) 0; }
h4{ font-size: var(--fs-title-medium); line-height: var(--fl-title-medium); margin:  var(--s-default) 0; }
h5{ font-size: var(--fs-title-small); line-height: var(--fl-title-small); margin:  var(--s-default) 0; }
h6{ font-size: var(--fs-title-small); line-height: var(--fl-title-small); margin:  var(--s-default) 0; } 

blockquote{ font-weight: 400; padding: 0 var(--s-medium); font-family: var(--ff-display); font-size: var(--fl-title-xlarge); line-height: var(--fl-title-xlarge); }
blockquote > em{ font-style: normal; color: var(--c-text-stone); font-family: var(--ff-title); font-size: var(--fs-title-large); font-style: var(--fl-title-large); }

.page-title{ font-size: var(--fs-display-xlarge); line-height: var(--fl-display-xlarge); }
.section-title{ font-size: var(--fs-display-xlarge); line-height: var(--fl-display-xlarge); }
.title{ font-size: var(--fs-title-large); line-height: var(--fl-title-large); }
.title a{ 
	color: inherit; 
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
}
.title a:hover{ text-decoration: none; color: var(--c-gold); }

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

.btn{
	display: inline-block; cursor: pointer;
	font-family: var(--ff-title); font-size: 18px; line-height: 22px;
	letter-spacing: 0.1em;
	text-transform: uppercase; font-weight: 500;
	padding: 18px 32px; background: none;
	border: 1px solid var(--bg-parchment); color: var(--bg-parchment); 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
}
.btn:after{
	content: ''; display: inline-block; vertical-align: middle; margin-left: 12px;
	width: 12px; height: 12px; overflow: hidden; margin-top: -4px;
	background: url(../images/icons/btn-arrow-p.svg) center center no-repeat;
	background-size: 100% 100%;
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
}
input.btn:after{ display: none; }
.btn:hover{ background: var(--bg-parchment); color: var(--c-main); text-decoration: none; } 
.btn:hover:after{ background-image: url(../images/icons/btn-arrow-b.svg); }
.btn.btn-fill{ background: var(--bg-parchment); color: var(--c-main); }
.btn.btn-fill:hover{ background: none; color: var(--bg-parchment); }
.btn.btn-fill:after{ background-image: url(../images/icons/btn-arrow-b.svg); }
.btn.btn-fill:hover:after{ background-image: url(../images/icons/btn-arrow-p.svg); }

.btn.btn-dark{ border-color: var(--c-main); color: var(--c-main);  }
.btn.btn-dark:after{ background-image: url(../images/icons/btn-arrow-b.svg); }
.btn.btn-dark:hover, .btn.btn-dark.btn-fill{ background: var(--c-main); color: var(--bg-parchment); }
.btn.btn-dark:hover:after{ background-image: url(../images/icons/btn-arrow-p.svg); }
.btn.btn-dark.btn-fill:hover{ background: none; color: var(--c-main); }
.btn.btn-dark.btn-fill:after{ background-image: url(../images/icons/btn-arrow-p.svg); }
.btn.btn-dark.btn-fill:hover:after{ background-image: url(../images/icons/btn-arrow-b.svg); }

.btn-small{ 
	font-size: 14px; line-height: 16px; padding: 16px 24px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.btn.btn-small:after{ width: 9px; height: 9px; margin-left: 9px; }

.btn-more{ 
	display: inline-block; cursor: pointer; position: relative;
	font-family: var(--ff-body); font-size: 16px; line-height: 24px; 
	font-weight: 500;
	padding: 2px 0; background: none; color: var(--c-main);  
	
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
}
.btn-more:before{ 
	content: ''; display: block; width: 0px; height: 1px; background: var(--c-main); 
	position: absolute; bottom: 0; left: 0;
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
}
.btn-more:after{
	content: ''; display: inline-block; vertical-align: middle; margin-left: 6px;
	width: 18px; height: 18px; overflow: hidden; margin-top: -2px;
	background: url(../images/icons/btn-more.svg) center center no-repeat;
	background-size: 100% 100%;
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
}
.btn-more:hover{ text-decoration: none; }
.btn-more:hover:before{ width: 100%; }

.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;
	-webkit-transition: all 0.4s 0s ease;
    -moz-transition: all 0.4s 0s ease;
    -o-transition: all 0.4s 0s ease;
    transition: all 0.4s 0s ease;
}
.social-box a.icon.facebook{ background-image: url(../images/icons/facebook-b.svg); }
.social-box a.icon.youtube{ background-image: url(../images/icons/youtube-b.svg); }
.social-box a.icon.viber{ background-image: url(../images/icons/viber-b.svg); }
.social-box a.icon.instagram{ background-image: url(../images/icons/instagram-b.svg); }
.social-box a.icon.tiktok{ background-image: url(../images/icons/tiktok-b.svg); }

.social-box a.icon.facebook:hover{ background-image: url(../images/icons/facebook.svg); }
.social-box a.icon.youtube:hover{ background-image: url(../images/icons/youtube.svg); }
.social-box a.icon.viber:hover{ background-image: url(../images/icons/viber.svg); }
.social-box a.icon.instagram:hover{ background-image: url(../images/icons/instagram.svg); }
.social-box a.icon.tiktok:hover{ background-image: url(../images/icons/tiktok.svg); }

.draw-and-fill {
  stroke: var(--c-main);
  stroke-width: 1px;
  stroke-dasharray: 950;
  stroke-dashoffset: 950;
  fill: rgba(18,17,16, 0); 
  animation: drawThenFill 5s ease infinite forwards;
} 
@keyframes drawThenFill {
  0% {
    stroke-dashoffset:950; 
  }
  40% {
    stroke-dashoffset: 0; 
  }  
  60% {
    stroke-dashoffset: 0; 
  }
  100% {
    stroke-dashoffset:950; 
  }
}

.main-header{ 
	display: block; width: 100%; height: 114px; padding: 32px var(--m-big);
	position: fixed; top: 0; left: 0; z-index: 9; 
	background: transparent; text-align: right;
}
.main-header > *{ position: relative; z-index: 1; }
.main-header .logo{
	display: block; float: left;
	width: 180px; height: 80px;
	position: absolute; top: 16px; left: var(--m-big);
	background: url(../images/logo.png) center center no-repeat;
	background-size: 100% auto; 
	overflow: hidden; 
	-webkit-transition: all 0.4s 0s ease-in-out;
	-moz-transition: all 0.4s 0s ease-in-out;
	-o-transition: all 0.4s 0s ease-in-out;
	transition: all 0.4s 0s ease-in-out; 
} 
.main-header .logo:before{
	content: ''; display: block; width: 100%; height: 100%; 
}
.menu-toggle{
	display: none; width: 32px; height: 32px;
	overflow: hidden; text-indent: -999px;
	position: absolute; top: 50%; right: var(--s-default); margin-top: -16px;
	cursor: pointer;  
}
.menu-toggle:before{
	content: ''; display: block; 
	width: 100%; height: 13px;
	border-top: 4px solid var(--bg-parchment); 
	border-bottom: 2px solid var(--bg-parchment); 
	position: absolute; top: 3px; left: 0;  
}
.menu-toggle:after{
	content: ''; display: block; 
	width: 100%; height: 13px;
	border-top: 2px solid var(--bg-parchment); 
	border-bottom: 4px solid var(--bg-parchment); 
	position: absolute; top: 16px; left: 0;
} 
.menu-close.menu-toggle:before, .menu-close.menu-toggle:after {
	width: 30px;
    border: 0px solid;
    background: var(--bg-parchment);
    height: 4px;
    top: 13px;
    left: 0;
	-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-header .menu-toggle{ display: none; }  
.main-header:after{ 
	content: ''; display: block; width: 100%; height: 0px;
	background: var(--c-main);
	position: absolute; top: 0; left: 0; z-index: 0;
	-webkit-transition: all 0.2s 0s ease-in-out;
	-moz-transition: all 0.2s 0s ease-in-out;
	-o-transition: all 0.2s 0s ease-in-out;
	transition: all 0.2s 0s ease-in-out; 
}
.main-header .social-box{ float: right; width: auto; margin-right: 0; margin-left: 0; margin-top: 12px; }
.main-header .social-box a:last-child{ margin-right: 0; }
.main-header .social-box a:first-child{ margin-left: 0; } 


.main-screen{
	display: block; width: 100%; height: 100dvh;
	position: relative; z-index: 0; 
	overflow: hidden;  background: var(--c-main);
}
.main-screen .fselect{ 
	display: block; padding: calc(var(--s-default) / 2) var(--s-default);
	position: absolute; top: 50%; right: var(--s-default); z-index: 8;
	margin-top: calc( (-1) * var(--s-default) / 2 ); right: -250px;
	background: var(--c-main);
	color: var(--bg-parchment); 
	text-transform: uppercase; 
	font-family: var(--ff-display); font-size: var(--fs-title-large); line-height: normal; font-weight: 500; 
	-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 .btn-garage-1{
	position: absolute; bottom: var(--s-medium); left: calc( ( 100% - var(--w-main) ) / 2 );
	z-index: 8;
}
.main-screen .btn-garage-2{
	position: absolute; bottom: var(--s-medium); right: calc( ( 100% - var(--w-main) ) / 2 );
	z-index: 8;
}

.main-screen .btn:hover{ background: rgba(0,0,0,0.5); }

.begin-body .main-screen .btn-garage-1{
	bottom: calc( var(--s-medium) * 3 );
}
.begin-body .main-screen .btn-garage-2{
	bottom: calc( var(--s-medium) * 3 );
}


.main-screen .fselect.show{ display: block; right: var(--s-default); }

.main-screen:before{
	content: ''; display: block; width: 100%; height: 100%;
	background: var(--c-main); opacity: 0;
	position: absolute; top: 0; left: 0; z-index: 5; 
	background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.5) 25%,rgba(0,0,0,0.5) 100%);
	-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;  
} 
.main-screen.loaded:before{ opacity: 1; z-index: 1; }
.main-screen:after{
	content: ''; display: block; 
	position: absolute; top: 50%; left: 50%; z-index: 0;
	background: url(../images/zephyr-bg2.jpg) center center no-repeat; 
	background-size: auto 100%; 
	-moz-transform: translate(0,0);
	-webkit-transform: translate(-50%, -50%); 
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	 
	margin-top: 7dvh; 
	width: 100dvw; height: 140dvh; min-height: 140dvh; max-height: 140dvh;   
}
.main-screen .main{
	display: block; max-width: none;
	overflow: hidden; padding: 0; 
	position: absolute; top: 50%; left: 50%; z-index: 1;
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%); 
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	
	margin-top: 7dvh; 
	width: 140dvh; height: 140dvh; min-height: 140dvh; max-height: 140dvh;   
} 
.main-screen .main:after{
	content: ''; display: block; width: 100%; height: 100%; 
	background: url(../images/on-1280_.png?v=1) center center no-repeat; 
	background-size: 100% 100%;
	position: absolute; top: 0; left: 0; z-index: 0; 
}
.main-screen .main svg{
	display: block; width: 100%; height: 100%;
	position: absolute; top: 0; left: 0; z-index: 2;
}
.main-screen .main svg path{
	cursor: pointer; 
	fill: var(--c-main); opacity: 0.5; 
	-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: 0;
}  

@media (max-aspect-ratio: 6/5) { 
	.main-screen{ height: 100dvw; }
	.main-screen:after{  
		margin-top: 0; margin-left: -3dvw;
		width: 120dvw; height: 120dvw; min-height: 120dvw; max-height: 120dvw;   
	}
	.main-screen .main{ 
		margin-top: 0; margin-left: -3dvw;
		width: 120dvw; height: 120dvw; min-height: 120dvw; max-height: 120dvw;   
	} 
}



.loading-screen{
	display: block; width: 100dvw; height: 100dvh; 
	position: fixed; top: 0; left: 0;  z-index: 10;
	background: var(--c-main);
} 
.loading-screen .loading-icon{
	display: block; width: 25dvh; height: 25dvh; position: relative;
	overflow: hidden;
	padding: 10px; position: absolute; top: 50%; left: 50%;
	margin-top: -12.5dvh; margin-left: -12.5dvh;
}  
.loading-screen .loading-icon svg{ width: 100%; height: 100%; }

.draw-and-fill{
	stroke: var(--c-text-stone);
	stroke-width: 1px;
	stroke-dasharray: 950;
	stroke-dashoffset: 950;
	fill: rgba(18,17,16, 0); 
	animation: drawThenFill 5s ease infinite forwards;
} 
@keyframes drawThenFill {
  0% {
    stroke-dashoffset:950; 
  }
  40% {
    stroke-dashoffset: 0; 
  }  
  60% {
    stroke-dashoffset: 0; 
  }
  100% {
    stroke-dashoffset:950; 
  }
}
@media (orientation: portrait) {
	.loading-screen .loading-icon{ width: 25dvw; height: 25dvw; margin-top: -12.5dvw; margin-left: -12.5dvw; }
}

.main-menu{ 
	display: block; height: 114px;
	width: calc( 100% - 236px - 236px - 2 * var(--m-big) );
	position: fixed; top: 0; left: calc(236px + var(--m-big)); z-index: 10; 
}

.main-menu > ul{ list-style-type: none; padding-left: 0; display: block; width: 100%; float: none; margin: 0; text-align: center; }
.main-menu > ul > li{ 
	display: inline-block; float: none;  
	padding: 0 calc(var(--s-medium) / 2); 
}
.main-menu > ul > li > a{
	display: block; white-space: nowrap; 
	color: var(--c-main);
	font-family: var(--ff-title); font-size: 18px; line-height: 114px;
	letter-spacing: 0.1em; font-weight: 500; text-transform: uppercase;
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease;
}
.main-menu > ul > li > a:hover,
.main-menu > ul > li > a.clicked{ color: var(--c-gold); text-decoration: none; }
.main-menu > ul > li > ul{
	list-style-type: none; 
	padding-left: calc( ( 100% - var(--w-main) ) / 2 ); padding-right: 50%;
	padding-top: var(--s-medium); padding-bottom: var(--s-medium);
	display: block; width: 100dvw; float: none; margin: 0; text-align: left;
	position: fixed; top: 114px; left: 0; z-index: 2; 
	background: var(--c-main); background: none;
	height: 335px; overflow: hidden;
	height: 0; padding-top: 0; padding-bottom: 0; 
	-webkit-transition: all 0.2s 0s ease-in-out ;
	-moz-transition: all 0.2s 0s ease-in-out ;
	-o-transition: all 0.2s 0s ease-in-out ;
	transition: all 0.2s 0s ease-in-out ;
}
.main-menu > ul > li > ul.open{ height: 335px; padding-top: var(--s-medium); padding-bottom: var(--s-medium); }
.main-menu > ul > li > ul > li{ display: block; }
.main-menu > ul > li > ul > li > a{
	display: block; padding: 12px 0;
	color: var(--bg-ivory); text-decoration: none; text-transform: uppercase;
	font-family: var(--ff-display); font-size: var(--fs-display-medium); line-height: var(--fl-display-medium);
	-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;
}
.main-menu > ul > li > ul > li > a:hover{ color: var(--c-gold); }

.main-menu > ul > li > ul > li:first-child a{ padding-top: 0; }
.main-menu > ul > li > ul > li:nth-last-child(2) a{ padding-bottom: 0; }
.main-menu > ul > li > ul li.sm-article{
	padding: 0; position: absolute; left: 50%; top: var(--s-medium);
	width: 50%; max-width: calc(var(--w-main) / 2);
	border-left: 1px solid rgba(139,130,103,0.2); padding: 0 var(--s-medium);
}
.main-menu > ul > li > ul li.sm-article .section-title{
	display: block; font-size: 24px; line-height: 36px; text-transform: uppercase;
	color: var(--bg-parchment); margin: 0 0 16px 0;
}
.main-menu > ul > li > ul li.sm-article .article{
	display: grid; margin-bottom: 16px; color: var(--bg-parchment);
	font-size: var(--fs-body-medium); line-height: var(--fl-body-medium); 
	grid-template-columns: 7fr 10fr;
	gap: 24px;
	align-items: center; 
}
.main-menu > ul > li > ul li.sm-article .article .info{ margin-top: 0; }
.main-menu > ul > li > ul li.sm-article .article .title{ text-transform: uppercase; padding-right: 0; }
.main-menu > ul > li > ul li.sm-article .article .title{ 
	margin-top: 0; padding-right: 0; 
	font-weight: 500; font-family: var(--ff-title); 
	font-size: var(--fs-title-large); line-height: var(--fl-title-large); 
}
.main-menu > ul > li > ul li.sm-article .btn-more{ 
	color: var(--bg-parchment); font-size: 12px; line-height: 18px; 
	padding: 0; font-family: var(--ff-body); display: inline-block;
}
.main-menu > ul > li > ul li.sm-article .btn-more:after{ 
	margin-left: 4px;
    width: 14px; height: 14px; margin-top: 0;
	background-image: url(../images/icons/btn-more-w.svg); }
.main-menu > ul > li > ul li.sm-article .btn-more:before{ background: var(--bg-parchment); }
 

.main-header, .main-menu{ position: fixed; } 
.small-header .main-header, .small-header .main-menu{ position: fixed; }

.small-header .main-header:after{ height: 100%; }
.small-header .main-header .logo,
.body-begin .main-header .logo{ background-image: url(../images/logo-w.png); } 
.small-header .main-menu > ul > li > a,
.body-begin .main-menu > ul > li > a{ color: var(--bg-parchment); }
.small-header .main-menu > ul > li > a:hover,
.body-begin .main-menu > ul > li > a:hover{ color: var(--c-gold); }
.small-header .main-header .social-box a.icon.facebook,
.body-begin .main-header .social-box a.icon.facebook,
.submenu-open .main-header .social-box a.icon.facebook{ background-image: url(../images/icons/facebook-w.svg); }
.small-header .main-header .social-box a.icon.youtube,
.body-begin .main-header .social-box a.icon.youtube,
.submenu-open .main-header .social-box a.icon.youtube{ background-image: url(../images/icons/youtube-w.svg); }
.small-header .main-header .social-box a.icon.viber,
.body-begin .main-header .social-box a.icon.viber,
.submenu-open .main-header .social-box a.icon.viber{ background-image: url(../images/icons/viber-w.svg); }
.small-header .main-header .social-box a.icon.instagram,
.body-begin .main-header .social-box a.icon.instagram,
.submenu-open .main-header .social-box a.icon.instagram{ background-image: url(../images/icons/instagram-w.svg); }
.small-header .main-header .social-box a.icon.tiktok,
.body-begin .main-header .social-box a.icon.tiktok,
.submenu-open .main-header .social-box a.icon.tiktok{ background-image: url(../images/icons/tiktok-w.svg); }

.small-header .main-header .social-box a.icon.facebook:hover,
.body-begin .main-header .social-box a.icon.facebook:hover,
.submenu-open .main-header .social-box a.icon.facebook:hover{ background-image: url(../images/icons/facebook.svg); }
.small-header .main-header .social-box a.icon.youtube:hover,
.body-begin .main-header .social-box a.icon.youtube:hover,
.submenu-open .main-header .social-box a.icon.youtube:hover{ background-image: url(../images/icons/youtube.svg); }
.small-header .main-header .social-box a.icon.viber:hover,
.body-begin .main-header .social-box a.icon.viber:hover,
.submenu-open .main-header .social-box a.icon.viber:hover{ background-image: url(../images/icons/viber.svg); }
.small-header .main-header .social-box a.icon.instagram:hover,
.body-begin .main-header .social-box a.icon.instagram:hover,
.submenu-open .main-header .social-box a.icon.instagram:hover{ background-image: url(../images/icons/instagram.svg); }
.small-header .main-header .social-box a.icon.tiktok:hover,
.body-begin .main-header .social-box a.icon.tiktok:hover,
.submenu-open .main-header .social-box a.icon.tiktok:hover{ background-image: url(../images/icons/tiktok.svg); }


	.small-header .main-header{ height: 88px; padding-top: var(--s-default); padding-bottom: 0; }
	.small-header .main-header .logo{ top: 12px; height: 64px; width: 130px; } 
	
	.small-header .main-menu{ height: 88px; }
	.small-header .main-menu > ul > li > a{ line-height: 88px; }
	.small-header .main-menu > ul > li > ul{ top: 88px; } 
	.small-header .submenu-open .main-header:after{ height: 380px; } 
	.small-header .main-header .social-box a.icon{ width: 18px; height: 18px; margin: 0 8px; }

.submenu-open .main-header:after{ height: 449px; }
.submenu-open .main-header .logo{ background-image: url(../images/logo-w.png); }
.submenu-open .main-header .btn.btn-dark{ border-color: var(--bg-parchment); color: var(--bg-parchment); }
.submenu-open .main-header .btn.btn-dark:hover{ background: var(--bg-parchment); color: var(--c-main); }
.submenu-open .main-header .btn.btn-dark:after { background-image: url(../images/icons/btn-arrow-p.svg); }
.submenu-open .main-header .call:hover{ color: var(--bg-parchment); text-decoration: none; }
.submenu-open .main-menu > ul > li > a{ color: var(--bg-parchment); }
.submenu-open .main-menu > ul > li > a:hover{ color: var(--c-gold); } 
.submenu-open .main-menu > ul > li > a.clicked{ color: var(--c-gold); }

.main-content{ width: 100%; padding: 194px var(--s-default) var(--s-big) var(--s-default); max-width: calc( var(--w-main) + 2 * var(--s-default) ); margin: 0 auto; overflow: hidden; }
.main-content:after{ content: ''; display: block; clear: both; }
.main-content.full-content{ max-width: 100%; padding-left: 0; padding-right: 0; }
.main-content.full-content .page-path,
.main-content.full-content .page-title{
	max-width: calc( var(--w-main) + 48px); padding: 0 var(--s-default); margin-left: auto; margin-right: auto;
} 

.page-path{ display: block; width: 100%; margin-bottom: var(--s-medium); }
.page-path > *{ display: inline-block; vertical-align: middle; color: var(--c-text-stone); }
.page-path > *:after{ content: ' / '; color: var(--c-main); }
.page-path > *:last-child:after{ content: ''; }
.page-path > a{ color: var(--c-main); }
.page-path > a:hover{ text-decoration: none; color: var(--c-gold); }
 
.page-title{
	display: block; width: 100%;
	font-size: var(--fs-display-xlarge); line-height: var(--fl-display-xlarge); font-weight: 400;
	color: var(--c-main); text-transform: uppercase; margin-bottom: var(--m-big); margin-top: var(--s-default);
	opacity: 1; margin-top: 0;
	-webkit-transition: opacity 0.4s 0s ease;
	-moz-transition: opacity 0.4s 0s ease;
	-o-transition: opacity 0.4s 0s ease;
	transition: opacity 0.4s 0s ease; 
}
.page-title > span{ color: var(--c-text-stone); }

.path-back{ display: inline-block; font-size: var(--fs-body-large); line-height: var(--s-default);  color: var(--c-main); position: relative; padding-left: var(--s-default); margin-bottom: 12px; }
.path-back:before{ 
	content: ''; display: block; width: var(--s-default); height: var(--s-default);
	position: absolute; top: 0; left: 0;
	background: url(../images/icons/prev.svg) left center no-repeat;
	background-size: auto calc( 0.75 * var(--s-default) );
}
.path-back:hover{ color: var(--c-text-stone); text-decoration: none; }
.main-content.full-content .path-back{ margin-left: calc( ( 100% - var(--w-main) ) / 2 ); }

.tab-menu{ display: block; width: 100%; margin-bottom: var(--m-big); }
.tab-menu > *{ 
	display: inline-block; cursor: pointer;
	font-family: var(--ff-title); font-size: 16px; line-height: 22px; 
	text-transform: uppercase; font-weight: 500;
	padding: 18px 32px; background: none; margin-right: 12px;
	border: 1px solid var(--c-main); color: var(--c-main); 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
}
.tab-menu > *:hover{ text-decoration: none; border-color: var(--bg-parchment); background: var(--bg-parchment); }
.tab-menu > *.active{ text-decoration: none; border-color: var(--c-gold); background: var(--c-gold); }

.gallery-body .page-title{ margin-bottom: var(--s-medium); }

.table-desc{ display: table; width: 100%; margin-top: 16px; font-family: var(--ff-title); text-transform: uppercase; }
.table-desc > div.row{ display: table-row; }
.table-desc > div.row > *{ display: table-cell; line-height: normal; padding: 12px 0; line-height: 24px; border-top: 1px solid rgba(255,255,255,0.2); }
.table-desc > div.row:first-child > *{ border-top: 0px solid; }
.table-desc > div.row.area > *:last-child{ text-transform: none; }
.table-desc > div.row > *:first-child{ font-weight: 300; }
.table-desc > div.row > *:last-child{ padding-left: 24px; font-weight: 400; color: var(--c-text-stone); text-align: right; }
.table-desc > div.row sup{ font-size: 0.6em; display: inline-block; vertical-align: middle; position: relative; top: -4px; }

.params{ 
	margin: var(--s-default) 0; text-transform: uppercase; 
	font-weight: 500; color: var(--c-text-stone); 
	font-family: var(--ff-title);
	font-size: var(--fs-title-large); line-height: var(--fl-title-large); 
}
.params p{ margin: 6px 0; }
.params p b{ font-weight: 500; color: var(--c-main); }
.params > *:first-child{ margin-top: 0; }
.params > *:last-child{ margin-bottom: 0; }
.params > p.row.area > *:last-child{ text-transform: none; }
.params > p.row sup{ font-size: 0.6em; display: inline-block; vertical-align: middle; position: relative; top: -4px; } 

.b-info{ width: 100%; background: var(--c-main); color: #fff; padding: var(--m-big) 0; margin-top: var(--s-medium); }
.b-info:after{ content: ''; display: block; clear: both; }

.b-info .info{ float: left; padding: 0 var(--m-big); width: 640px; }
.b-info .media{ float: right; width: calc(100% - 640px); background: #fff; padding: 24px; }

.b-info .params{ display: table; width: 100%; }
.b-info .params p{ display: table-row; }
.b-info .params p > *{ display: table-cell; border-bottom: 1px solid rgba(139,130,103,0.2); padding: var(--s-default) 0; }
.b-info .params p > *:last-child{ text-align: right; }
.b-info .params p b{ color: var(--bg-ivory); } 
.b-info .params p.status > *:last-child {
	font-size: var(--fs-title-medium); line-height: var(--fl-title-medium); 
} 
.b-info .params p.status > *:last-child:before{
	content: ''; display: inline-block; vertical-align: middle; 
	margin-right: 10px; margin-top: -4px;
	width: 8px; height: 8px; 
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
} 
.b-info .params p.status-free > *:last-child { color: var(--c-free); } 
.b-info .params p.status-sold > *:last-child { color: var(--c-sold); } 
.b-info .params p.status-reserved > *:last-child { color: var(--c-reserved); }  
.b-info .params p.status-free > *:last-child:before{ background-color: var(--c-free); }  
.b-info .params p.status-sold > *:last-child:before{ background-color: var(--c-sold); } 
.b-info .params p.status-reserved > *:last-child:before{ background-color: var(--c-reserved); }

.object-selection{ position: relative;  } 
.object-selection > img{ width: auto; height: auto; display: block; margin: 0 auto; }
.object-selection > svg{
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;  
} 

.object-selection > svg.svg-floor-1 text tspan.nAps{ font-size: 24px; fill: var(--c-main); } 
.object-selection > svg.svg-floor-1 text tspan.nAps:first-of-type{  font-size: 32px; } 

.object-selection > svg.svg-floor-2 text tspan.nAps{ font-size: 24px; fill: var(--c-main); } 
.object-selection > svg.svg-floor-2 text tspan.nAps:first-of-type{  font-size: 32px; } 

.object-selection > svg path{ 
	fill: rgba(255,255,255,0);  cursor: pointer;  
	-webkit-transition: opacity 0.4s 0s ease;
	-moz-transition: opacity 0.4s 0s ease;
	-o-transition: opacity 0.4s 0s ease;
	transition: opacity 0.4s 0s ease; 
}
.object-selection > svg path.hover{ opacity: 0; }

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

.main-content{ overflow: visible; }
.object-selection{ overflow: visible; margin-top: var(--s-big); margin-bottom: var(--s-big); }
.object-selection .near-object{
	display: block; padding-top: 24px;
	color: var(--c-main); text-transform: uppercase; white-space: nowrap; font-weight: 600;
	position: absolute; top: -64px; 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);  
} 
.object-selection .near-object.near-east{
	top: 50%; right: -64px; left: auto;
	transform-origin: center center; 
	-moz-transform: translate(33.33%, 0)  rotate(90deg);
	-webkit-transform: translate(33.33%, 0) rotate(90deg) ;
	-o-transform: translate(33.33%, 0) rotate(90deg) ;
	-ms-transform:  translate(33.33%, 0) rotate(90deg);
	transform:  translate(33.33%, 0) rotate(90deg) ;  
}
.object-selection .near-object:before{
	content: ''; display: block; width: 0; height: 0; 
	position: absolute; top: 0; left: 50%; margin-left: -18px; 
	border-style: solid;
	border-width: 0px 18px 18px 18px;
	border-color: transparent transparent var(--c-text-stone) transparent;
}

.object-selection .near-object.near-west{
	top: 50%; left: -64px; right: auto; padding-bottom: 24px; padding-top: 0;
	transform-origin: center center; 
	-moz-transform: translate(-33.33%, 0)  rotate(90deg);
	-webkit-transform: translate(-33.33%, 0) rotate(90deg) ;
	-o-transform: translate(-33.33%, 0) rotate(90deg) ;
	-ms-transform:  translate(-33.33%, 0) rotate(90deg);
	transform:  translate(-33.33%, 0)rotate(90deg) ;  
}
.object-selection .near-object.near-south{
	top: auto; bottom: -64px; padding-bottom: 24px; padding-top: 0; 
}
.object-selection .near-object.near-west:before, .object-selection .near-object.near-south:before{
	top: auto; bottom: 0;
	width: 0; height: 0;
	border-style: solid;
	border-width: 18px 18px 0px 18px;
	border-color: var(--c-text-stone) transparent transparent transparent;
}  

.room-selection{ position: relative; background: #fff; padding: 0; }
.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);  cursor: pointer;  
	-webkit-transition: opacity 0.4s 0s ease;
	-moz-transition: opacity 0.4s 0s ease;
	-o-transition: opacity 0.4s 0s ease;
	transition: opacity 0.4s 0s ease; 
}
.room-selection > svg path.hover{ opacity: 0; }
.room-selection > svg path.under{ fill: var(--c-gold); opacity: 0; }
.room-selection > svg path.under.hover{ opacity: 0.6; } 

svg.svg-mapping text{ font-size: 24px; font-weight: 400; fill: var(--c-main); stroke: 1; font-style: italic; }
svg.svg-mapping text tspan:first-of-type{ font-weight: 500; }  
svg.svg-mapping text tspan.nAps{ font-size: 32px; font-weight: 500; font-style: normal; fill: #fff; }
svg.svg-mapping text tspan.nAps:first-of-type{ font-family: var(--ff-title); font-size: 48px; font-weight: 600; text-transform: uppercase;  }  
svg.svg-mapping text tspan.kota{ font-size: 18px; }

svg.svg-mapping text tspan.small{ opacity: 0; }
svg.svg-mapping path.underAps{ 
	transform-origin: center;
	transform-box: fill-box;
	transform: scale(2.1);
	fill: var(--c-main); 
	stroke: var(--c-main);
} 

.room-selection svg.svg-mapping text tspan.small{ opacity: 1; }
.room-selection svg.svg-mapping text tspan.nAps{ font-size: 28px; font-weight: 400; font-style: normal; }
.room-selection svg.svg-mapping text tspan.nAps:first-of-type{ font-family: var(--ff-title); font-size: 40px; font-weight: 500; text-transform: uppercase;  }  


.room-selection svg.svg-mapping path.underAps{ 
	transform-origin: center;
	transform-box: fill-box;
	transform: scale(2.0);
}
.room-selection.object-sold svg.svg-mapping path.underAps{
	fill: var(--c-sold);  
	stroke: var(--c-sold);
}
.room-selection.object-free svg.svg-mapping path.underAps{
	fill: var(--c-free);  
	stroke: var(--c-free);
}
.room-selection.object-reserved svg.svg-mapping path.underAps{
	fill: var(--c-reserved);  
	stroke: var(--c-reserved);
}

.room-selection.object-free > svg path.under{ fill: var(--c-free);  }
.room-selection.object-sold > svg path.under{ fill: var(--c-sold);  }
.room-selection.object-reserved > svg path.under{ fill: var(--c-reserved);  }

.b-info .media.media-selection-large{
	padding-top: 5%; padding-bottom: 5%;
}
.b-info .media.media-selection-large svg.svg-mapping text{ font-size: 16px; }
.b-info .media.media-selection-large svg.svg-mapping text tspan.nAps{ font-size: 24px; }
.b-info .media.media-selection-large svg.svg-mapping text tspan.nAps:first-of-type{ font-size: 32px; }  
.b-info .media.media-selection-large svg.svg-mapping text tspan.kota{ font-size: 14px; }
.b-info .media.media-selection-large .room-selection svg.svg-mapping path.underAps {
    transform-origin: center;
    transform-box: fill-box;
    transform: scale(2.55);
}
.b-info .media.media-selection-large .room-selection svg.svg-mapping text tspan.small{ opacity: 0; }

.b-info .media.media-selection-small .room-selection{ max-width: 800px; margin-left: auto; margin-right: auto; }
.b-info .media.media-selection-small svg.svg-mapping text{ font-size: 28px; } 
.b-info .media.media-selection-small svg.svg-mapping text tspan.nAps{ font-size: 36px; }
.b-info .media.media-selection-small svg.svg-mapping text tspan.nAps:first-of-type{ font-size: 48px; }  
.b-info .media.media-selection-small svg.svg-mapping text tspan.kota{ font-size: 18px; } 
.b-info .media.media-selection-small svg.svg-mapping path.underAps{ transform: scale(2.55); } 


.o-article{ padding-bottom: 0; }
.o-article .b-info .button{ margin-top: var(--s-medium); clear: both; }

.main-popup{
	display: block; padding: 0; opacity: 0; padding: var(--s-default);
	position: fixed; top: 0; left: 0; z-index: 10;
	background: var(--c-main); text-align: left;		 
	color: var(--bg-parchment); white-space: nowrap;
	font-size: var(--fs-title-large); line-height: normal; 
	margin-left: var(--s-medium);
	
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	
	-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;  
} 
.main-popup > *{ position: relative; z-index: 1; }
.main-popup:before{
	content: '+'; display: block; width: var(--m-big); height: var(--m-big);
	text-align: center; font-size: calc( var(--m-big) / 2 ); font-weight: 400; line-height: calc( 0.9 * var(--m-big)  );
	position: absolute; top: 50%; left: calc( (-1) * var(--m-big) / 2 ); margin-top: calc( (-1) * var(--m-big) / 2 ); z-index: 0;
	background: inherit; color: inherit; 
	-webkit-border-radius: calc( var(--m-big) / 2 );
	-moz-border-radius: calc( var(--m-big) / 2 );
	border-radius: calc( var(--m-big) / 2 ); 
}
.main-popup.popup-right{
	-moz-transform: translate(-100%, -50%);
	-webkit-transform: translate(-100%, -50%);
	-o-transform: translate(-100%, -50%);
	-ms-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
	margin-left: calc( (-1) * var(--m-medium));
}
.main-popup.popup-right:before{
	left: auto; right: calc( (-1) * var(--m-big) / 2 );
}
.main-popup #pName{ 
	font-size: var(--fs-display-medium); line-height: var(--fl-display-medium); text-transform: uppercase; font-weight: 500; margin: 0 0 8px 0; 
	text-transform: uppercase;
	padding-top: 32px; position: relative;
    max-width: 320px; min-width: 220px;
}
.main-popup.building #pName{ padding-top: 0; }
.main-popup #pName a{ color: inherit; }
.main-popup #pName > span.status{
	display: block; color: var(--c-free); font-size: var(--fs-title-large); line-height: var(--fl-title-large);
	position: absolute; top: 0; left: 0; padding-left: 18px;
} 
.main-popup #pName > span.status:before{
	content: ''; display: block; width: 8px; height: 8px;
	background-color: var(--c-free);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; 
	position: absolute; top: 50%; left: 0; margin-top: -4px;
}
.main-popup.popup-object.object-sold #pName > span.status{ color: var(--c-sold); }
.main-popup.popup-object.object-sold #pName > span.status:before{ background-color: var(--c-sold); } 
.main-popup.popup-object.object-reserved #pName > span.status{ color: var(--c-reserved); }
.main-popup.popup-object.object-reserved #pName > span.status:before{ background-color: var(--c-reserved); }

.main-popup.popup-room #pName{ 
	padding-top: 0; 
	white-space: normal; line-height: normal;
}
.main-popup .table-desc{ margin-bottom: 0; }
.main-popup.hidden{ z-index: -1!important; } 

.body-begin .main-popup{ background: var(--c-text-stone); color: var(--bg-ivory); } 
.body-begin .main-popup .table-desc > div.row > *:last-child{ color: var(--bg-ivory); }

input[type="checkbox"]{  
	width: 16px; height: 16px; padding: 0; appearance: none; cursor: pointer; 
	border: 1px solid var(--c-main); 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="checkbox"]::before {
	content: ''; display: block;
	transform: scale(0) rotate(45deg);
	height: 12px; width: 6px; margin: 0 0 0 4px;
	border-bottom: 3px solid var(--c-main); border-right: 3px solid var(--c-main);
}
input[type="checkbox"]:checked{ border: 1px solid var(--c-main); background: #fff; }
input[type="checkbox"]:checked::before { transform: scale(1) rotate(45deg); }
.checkbox-box > *{ display: inline-block; vertical-align: middle; cursor: pointer; }
.checkbox-box > input{ margin-right: 6px; }

.checkbox-btn{ 
	display: inline-block;
	font-family: var(--ff-title); font-size: 14px; line-height: 16px; 
	letter-spacing: 0.1em;
	text-transform: uppercase; font-weight: 500;
	padding: 0; margin: 0 12px 12px 0;
	background: none;
	border: 1px solid var(--c-main); color: var(--c-main); 
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
} 
.checkbox-btn:hover,
.checkbox-btn.label-checked{ border-color: var(--c-gold); background: var(--c-gold); }

.checkbox-btn > *{ display: inline-block; vertical-align: middle; cursor: pointer; padding: 16px var(--s-default); }
.checkbox-btn > input{ display: none; }


.search-box{
	display: block; width: 100%; padding: calc(var(--s-big) - var(--s-medium)) var(--s-big) var(--s-medium) var(--s-big);
	position: relative; top: 0; left: 0; z-index: 2;
	background: var(--bg-ivory);
}
.search-box:before{
	content: ''; display: block; width: 100%; height: var(--s-medium);
	position: absolute; top: calc( (-1) * var(--s-medium)); left: 0;
	background: inherit;
	-webkit-border-top-left-radius: var(--s-medium);
	-webkit-border-top-right-radius: var(--s-medium);
	-moz-border-radius-topleft: var(--s-medium);
	-moz-border-radius-topright: var(--s-medium);
	border-top-left-radius: var(--s-medium);
	border-top-right-radius: var(--s-medium);
}
.search-box > #search_form{
	display: block; width: 100%; max-width: var(--w-main); margin: 0 auto;
	display: grid;
	gap: var(--s-big);
	grid-template-columns: 1fr 1fr 300px;  
	align-items: stretch;
}  
.search-box .txt{
	display: block; margin-bottom: var(--s-default);
	text-transform: uppercase;
	font-family: var(--ff-title); font-size: var(--fs-title-large); line-height: var(--fl-title-large); font-weight: 500;
} 
.search-box .items{
	display: block; width: 100%;
	display: grid;
	gap: calc( var(--s-default) / 2 );
	grid-template-columns: 1fr 1fr;  
	align-items: stretch;
} 
.search-box .button{ position: relative; }
.search-box .button .btn-search{
	position: absolute; top: 50%; right: 0;
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%); 
}

.sales-body .search-box{  margin-top: var(--s-medium); padding-top: 0;  }
.sales-body .search-box > #search_form{ grid-template-columns: 1fr; gap: var(--s-default); }
.sales-body .search-box:before{ display: none; }
.sales-body .page-title{ margin-bottom: 0; }
.sales-body .search-box .items{ display: block; }
.sales-body .checkbox-box{ margin: 0 24px 12px 0; }

.building-body .search-box{ padding-left: 0; padding-right: 0; }
.building-body .search-box:before{ display: none; }
.building-body .page-title{ margin-bottom: 0; }
.building-body .search-box .items{ display: block; }
.building-body .checkbox-box{ margin: 0 24px 12px 0; }

.buildings-body .search-box{ padding-left: 0; padding-right: 0; }
.buildings-body .search-box:before{ display: none; }
.buildings-body .page-title{ margin-bottom: 0; }
.buildings-body .search-box .items{ display: block; }
.buildings-body .checkbox-box{ margin: 0 24px 12px 0; }

.list-content{
	width: 100%;
	display: grid;
	gap: var(--m-big);
	grid-template-columns: 1fr 1fr; 
	align-items: start; 
}
.sales-body .list-content{ grid-template-columns: 1fr 1fr 1fr; gap: var(--s-medium); }
.articles-body .list-content,
.list-content.more-articles{ display: block; grid-template-columns: 1fr; gap: 0; }
.partners-body .list-content{ grid-template-columns: 1fr 1fr 1fr 1fr; gap: var(--s-default); }
.list-content > div.row{ 
	display: grid; margin-top: var(--m-big);
	gap: var(--s-default);
	row-gap: var(--m-big);
	grid-template-columns: 1fr 1fr 1fr; 
	align-items: start;
}
.list-content > div.row:first-child{ margin-top: 0; }

.article{ display: block; position: relative; }
.article .date{ color: var(--c-text-stone); font-size: var(--fs-body-large); font-weight: 500; display: inline-block; }
.article .img{ 
	display: block; position: relative; width: 100%; height: 0; 
	padding-top: 58.72%; overflow: hidden;
	background: var(--bg-parchment);
}
.article .img img{
	display: block; 
	width: 100%; height: auto;
	min-width: 100%; min-height: 100%;
	max-width: none; max-height: none;
	
	position: absolute; top: 50%; left: 50%; z-index: 0;
	-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.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
}
.article.p-article .img{ 
	padding-top: 75%; 
	border: 1px solid rgba(139,130,103,0.2); background: #fff;
}
.article .img:hover img{   }
.article.p-article .img img{
	width: auto; height: auto;
	min-width: 0; min-height: 0;
	max-width: 90%; max-height: 90%;
}
.article .img:hover img,
.s-article:hover .img img,
.s-article.hover .img img{ 
	-moz-transform: translate(-50%, -50%) scale(1.1);
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	-o-transform: translate(-50%, -50%) scale(1.1);
	-ms-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1);   
}
.article .info{
	display: block; position: relative; width: 100%;
	margin-top: var(--m-medium); 
}
.article .info .btn-more{
	position: absolute; top: 0; right: 0;
}
.article .title{ 
	font-family: var(--ff-display); font-size: var(--fs-display-large); line-height: var(--fl-display-large); font-weight: 400;
	text-transform: uppercase; padding-right: 200px;
}
.article.s-article .title{ padding-right: 0; }
.article.p-article .title{ padding-right: 0; }
.article .title a{ color: inherit; display: inline-block; position: relative; }
.article .title a:after{
	content: ''; display: block; width: 0; height: 1px;
	background: var(--c-main); 
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
}
.article .title a:hover{ color: inherit; text-decoration: none; }
.article .title a:hover:after{ width: 100%; }
.article .title span{
	display: block; color: var(--c-text-stone);
}
.article .info > *:first-child{ margin-top: 0; }
.article .info > *:last-child{ margin-bottom: 0; }

.s-article{ 
	background: #fff; border: 1px solid var(--c-text-stone); padding: var(--s-medium); 
	-webkit-transition: all 0.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
}
.s-article:hover, .s-article.hover{ border-color: var(--c-main); }
.s-article .title{ margin-top: 0; }
.s-article .params{ display: table; width: 100%; }
.s-article .params p{ display: table-row; font-weight: 400; font-family: var(--ff-title); font-size: var(--fs-title-medium); line-height: var(--fl-title-medium); }
.s-article .params p > *{ display: table-cell; border-bottom: 1px solid rgba(139,130,103,0.2); padding: 10px 0; font-weight: 400; }
.s-article .params p:last-child > *{ border-bottom: 0px solid; }
.s-article .params p > *:last-child{ text-align: right; }
.s-article .params p b{ color: var(--c-main); } 
.s-article .params p.price{ font-size: var(--fs-title-large); line-height: var(--fl-title-large); }
.s-article .params p.price b{ font-size: var(--fs-title-xlarge); line-height: var(--fl-title-xlarge); } 
.s-article .params p.price > *{ font-weight: 600; border-bottom: 0px solid; padding-top: var(--s-default); } 

.article.s-article .img{ padding-top: 100%; background: #fff; }
.article.s-article .img img{
	width: auto; height: auto;
	min-width: 0; min-height: 0;
	max-width: 90%; max-height: 90%;
}
.sales-content .article.s-article .img img{ max-width: 85%; max-height: 85%; }

.article-detail ul{ 
	list-style-type: none; padding-left: 0; 
	display: grid;
	gap: var(--s-default); row-gap: 0;
	grid-template-columns: 1fr 1fr;  
	align-items: stretch;
}
.article-detail ul li{ 
	padding: calc(var(--s-default) / 2) 0 calc(var(--s-default) / 2) 32px;  position: relative; border-bottom: 1px solid rgba(139,130,103,0.2); 
	display: flex;
	flex-direction: column;  
	justify-content: center; 
}
.article-detail ul li:before{
	content: ''; display: block; width: 24px; height: 24px;
	background: url(../images/icons/btn-more.svg) left center no-repeat;
	background-size: 100% auto;
	position: absolute; left: 0; top: 50%; margin-top: -12px;
}
.article-detail h2{
	font-weight: 500; text-transform: uppercase;
	font-family: var(--ff-display); font-size: var(--fs-display-medium); line-height: var(--fl-display-medium);
}
.article-detail .info > *:first-child{ margin-top: 0; }
.article-detail .info > *:last-child{ margin-bottom: 0; }
.article-detail .grid-info{
	display: grid; padding-bottom: var(--m-big);
	gap: var(--s-big); row-gap: 0;
	grid-template-columns: 1fr 1fr;  
	align-items: end;
}
.article-detail .grid-info .img img{ display: block; }

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

.materials-body .main-content{ padding-bottom: 0; }

.column-content{
	display: grid; margin-bottom: var(--s-medium);
	gap: 0; row-gap: 0;
	grid-template-columns: 1fr 1fr;  
	align-items: center;
}
.column-content .info{
	padding-top: var(--s-big); padding-bottom: var(--s-big);
	padding-left: calc( ( 100dvw - var(--w-main) ) / 2 );
	padding-right: var(--s-big);
}
.column-content.left-content .info{ 
	order: 1; 
	padding-right: calc( ( 100dvw - var(--w-main) ) / 2 );
	padding-left: var(--s-big);
}
.column-content .img{ min-height: 70dvh; overflow: hidden; }
.column-content .img img{ 
	display: block;
	width: auto; height: auto; 
	min-width: 100%; min-height: 100%; 
	max-width: none; max-height: none; 
}
.column-content h2, .mixed-content h2, .center-content h2{
	font-weight: 400; text-transform: uppercase;
	font-family: var(--ff-display); font-size: var(--fs-display-xlarge); line-height: var(--fl-display-xlarge);
}

.column-content.about-content{ margin-bottom: 0; }
.column-content.about-content h2{
	font-family: var(--ff-display); font-size: var(--fs-display-xxlarge); line-height: var(--fl-display-xxlarge);
	text-transform: uppercase; font-weight: 500;
}
.column-content.about-content span{ color: var(--bg-ivory); }
.column-content.about-content .btn{ margin-top: var(--s-medium); }
.column-content.about-content .img{  }

.mixed-content, .center-content{
	padding: var(--s-big) var(--s-big);	
}
.mixed-content .grid-info{ align-items: start; grid-template-columns: 2fr 1fr;   }
.mixed-content .grid-info:after{ content: none; }
.mixed-content .grid-info .info:first-child{ order: 1; }
.mixed-content .info > img{ width: 100%; }

.center-content .main{ max-width: 50dvw; text-align: center; }

.oimg-over{ position: relative; }
.oimg-over .other-img{ 
	position: absolute; bottom: 8dvh; left: 50%; margin-left: -8dvw;
	width: 20dvw; height: auto; 
}
.column-content.oimg-over .info{ 
	padding-right: calc( var(--s-big) + 8dvw );
}
.sand-content{ background: var(--c-sand); }
.stone-content{ background: var(--c-text-stone); color: var(--bg-ivory); }
.stone-content h2{ color: var(--c-main); }
.el-content{ background: url(../images/el.png) center center no-repeat; background-size: cover; color: var(--bg-ivory); }
.dark-content{ background: var(--c-main); color: var(--bg-ivory); }

.about-body .main-content{ padding-bottom: 0; }

.contacts-content .left{
	width: 50%; float: left; padding-right: calc(var(--s-big) / 2);
}
.contacts-content .left > *:first-child{ margin-top: 0; }
.contacts-content .right{
	width: 50%; float: right; padding-left: calc(var(--s-big) / 2);
}
.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-display); font-size: var(--fs-display-large); line-height: var(--fl-display-large); font-weight: 400;
	color: var(--c-main); 
	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 .phone:hover{ text-decoration: none; color: var(--c-text-stone); }

.map{ position: relative; z-index: 1; width: 100%; height: 597px; }
.map iframe{ width: 100%; height: 100%; }
	
::placeholder {
  color: var(--c-text-stone); font-style: italic;
  opacity: 1; 
}
.form .txt{
	 display: block; width: 100%; margin-bottom: 24px; float: left; 
}
.form .label{ display: block; width: 100%; margin-bottom: var(--s-medium); float: left; }
.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: var(--s-medium); float: left;
	border: 1px solid var(--c-sand);
	background: none; padding: 0 10px;
	font-family: var(--ff-body); font-size: var(--fs-body-large); color: var(--c-main);
	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: 32px; line-height: normal; }
.form .checkbox-label input{ width: 20px; height: 20px; position: absolute; top: 0; left: 0; padding: 0; }
.form .checkbox-label input[type="checkbox"]::before{ margin-left: 7px; margin-top: 2px; }
.form .checkbox-label span{ display: block; width: 100%; min-height: 20px; padding-top: 0; }
.form .label a{ display: inline-block; } 

.form .label.label-input input{ border-top: 0px solid; border-left: 0px solid; border-right: 0px solid; }
 
.form .btnsend:hover{
	background: transparent; border-color: var(--c-main); color: var(--c-main);
}

.form .label{ position: relative; }
.form .label .error{ color: #fff; background: var(--c-sold); position: absolute; left: 0; bottom: -16px; font-size: 14px; line-height: 14px; padding: 0 12px 0 12px; }
.form .message{ display: block; margin-bottom: 24px; font-weight: 500; color: var(--c-main); padding: var(--s-default); background: var(--c-text-stone); color: var(--c-main); } 
.form .message.message-error{ background: var(--c-brand-red); color: #fff; }


.gallery-body .main-content .items{
	display: grid; margin-top: var(--s-medium);
	gap: var(--s-default); row-gap: var(--s-default); 
	grid-template-columns: repeat(6, 1fr); 
	align-items: center; 
}
.gallery-body .main-content .items > :nth-child(7n+1) {
  grid-column: span 4;
}
.gallery-body .main-content .items > :nth-child(7n+2) {
  grid-column: span 2;
}
.gallery-body .main-content .items > :nth-child(7n+3) {
  grid-column: span 2;
}
.gallery-body .main-content .items > :nth-child(7n+4) {
  grid-column: span 4;
}
.gallery-body .main-content .items > :nth-child(7n+5),
.gallery-body .main-content .items > :nth-child(7n+6),
.gallery-body .main-content .items > :nth-child(7n) {
  grid-column: span 2;
}

.gallery-body .main-content .items .item{ 
	display: block; position: relative;
	background: var(--c-sand); height: 70dvh; 
	overflow: hidden;
} 
.gallery-body .main-content .items .item img{
	display: block;
	width: auto; height: 100%; 
	max-width: none; max-height: none;
	
	position: absolute; top: 50%; left: 50%; z-index: 0;
	-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.4s 0s ease;
	-moz-transition: all 0.4s 0s ease;
	-o-transition: all 0.4s 0s ease;
	transition: all 0.4s 0s ease; 
	 
	animation: moveX 10s ease-in-out infinite alternate;
	animation-play-state: paused; 
}
.gallery-body .main-content .items > .item:nth-child(7n+1) img,
.gallery-body .main-content .items > .item:nth-child(7n+4) img{ width: 100%; height: auto;  }


.gallery-body .main-content .items .item:hover img{ 
	-moz-transform: translate(-50%, -50%) scale(1.1);
	-webkit-transform: translate(-50%, -50%) scale(1.1);
	-o-transform: translate(-50%, -50%) scale(1.1);
	-ms-transform: translate(-50%, -50%) scale(1.1);
	transform: translate(-50%, -50%) scale(1.1); 
}
.gallery-body .main-content .items > :nth-child(7n+2):hover img,
.gallery-body .main-content .items > :nth-child(7n+3):hover img,
.gallery-body .main-content .items > :nth-child(7n+5):hover img,
.gallery-body .main-content .items > :nth-child(7n+6):hover img,
.gallery-body .main-content .items > :nth-child(7n):hover img{
	-moz-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);  
	animation-play-state: running; 
	 
}
@keyframes moveX {
  0% {
    left: 50%;
  }
  24% {
    left: calc(50% + 4dvw);
  }
  26% {
    left: calc(50% + 4dvw);
  }
  49% {
  	left: 50%;
  }
  51% {
  	left: 50%;
  }
  74% {
    left: calc(50% - 5dvw);
  }
  76% {
    left: calc(50% - 5dvw);
  }
  100% {
  	left: 50%;
  }
}


.location-body .article-detail{
	background: url(../images/map.jpg) bottom right no-repeat;
	background-size: 80% auto;
}
.location-body .article-detail .main .info{ width: calc( 50% - var(--s-medium) ); }
.location-body .article-detail .main .info ul{ grid-template-columns: 1fr; }

.list{ display: table; width: 100%; }
.list .row{ display: table-row; position: relative; padding-left: 32px; }
.list .row > span{ display: table-cell; padding: 16px 0; border-bottom: 1px solid rgba(139,130,103,0.2); 
	font-weight: 500; text-transform: uppercase;
	font-family: var(--ff-title); font-size: var(--fs-title-large); line-height: var(--fl-title-large);
}
.list .row > span:first-child{  position: relative; padding-left: 32px; }
.list .row > span:first-child:before{
	content: ''; display: block; width: 24px; height: 24px; 
	background: url(../images/icons/btn-more.svg) center center no-repeat;
	background-size: 100% 100%;
	position: absolute; top: 50%; left: 0; margin-top: -12px;
}
.list .row > span.l{ width: 100px; color: var(--c-text-stone); text-align: right; }


@media screen and (max-width: 1800px) { 
	 :root{   
		--fs-body-xlarge: 16px;
		--fl-body-xlarge: 24px;
		--fs-body-large: 14px;
		--fl-body-large: 20px;
		--fs-body-medium: 12px;
		--fl-body-medium: 18px;
		--fs-body-small: 12px;
		--fl-body-small: 18px;
		
		--fs-title-xlarge: 22px;
		--fl-title-xlarge: 32px; 
		--fs-title-large: 18px;
		--fl-title-large: 28px;  
		--fs-title-medium: 16px;
		--fl-title-medium: 24px; 
		--fs-title-small: 14px;
		--fl-title-small: 20px;   
		
		--fs-display-xxlarge: 80px;
		--fl-display-xxlarge: 80px; 
		--fs-display-xlarge: 56px;
		--fl-display-xlarge: 60px; 
		--fs-display-large: 40px;
		--fl-display-large: 56px; 
		--fs-display-medium: 32px;
		--fl-display-medium: 40px; 
		
		--s-default: 18px;
		--s-medium: 32px;
		--s-big: 48px;
		
		--m-default: 18px;
		--m-medium: 32px;
		--m-big: 48px;
		
		--w-main: 1280px;
	} 
	.main-header{ height: 88px; padding-top: var(--s-default); padding-bottom: 0; }
	.main-header .logo{ top: 12px; height: 64px; width: 130px; } 
	
	.main-menu{ height: 88px; }
	.main-menu > ul > li > a{ font-size: 16px; line-height: 88px; }
	.main-menu > ul > li > ul{ top: 88px; }
	.main-menu > ul > li > ul > li > a{ padding-top: 0; padding-bottom: 0; }
	.main-menu > ul > li > ul > li{ padding: 8px 0; }
	.main-menu > ul > li > ul.open{ height: 255px; }
	.submenu-open .main-header:after{ height: 380px; }
	
	.social-box a.icon{ width: 18px; height: 18px; margin: 0 8px; }
	
	.main-content{ padding-top: 130px; }
	.search-wrapper{ padding-top: var(--m-medium); padding-bottom: var(--m-medium); }
	.select-box, .search-box .results{ font-size: var(--fs-title-medium); line-height: 50px; }
	.select-box.open ul li{ height: 36px; }
	.btn,.tab-menu > *{
		font-size: 12px;
	    line-height: 16px;
	    padding: 16px 24px;
	    -webkit-border-radius: 25px;
	    -moz-border-radius: 25px;
	    border-radius: 25px; 
	}  
	.btn:after{ width: 9px; height: 9px; margin-left: 9px; margin-top: -2px; } 
	.checkbox-btn{ margin: 0 8px 12px 0; font-size: 12px; line-height: 16px; }
	.checkbox-btn > *{
		padding: 12px 18px;
	    -webkit-border-radius: 25px;
	    -moz-border-radius: 25px;
	    border-radius: 25px; 
	}
	.search-box > #search_form{ grid-template-columns: 3fr 2fr 220px; gap: var(--s-medium); }
	
	.oimg-over .other-img{ width: 15dvw; }
	.column-content .img{ min-height: 60dvh; overflow: hidden; max-height: 88dvh; }
}
@media screen and (max-width: 1600px) {
	 :root{ 
	 	--w-main: 1080px; 
	 }
}
@media screen and (max-width: 1380px) {
	.object-selection-5{ margin-top: 80px; }
	.object-selection-6 .near-object.near-north,
	.object-selection-7 .near-object.near-north,
	.object-selection-8 .near-object.near-north,
	.object-selection-9 .near-object.near-north,
	.object-selection-10 .near-object.near-north{ top: -20px; }
}


@media screen and (max-width: 1230px) {
	:root{   
		--fs-display-xxlarge: 64px;
		--fl-display-xxlarge: 64px; 
		--fs-display-xlarge: 48px;
		--fl-display-xlarge: 56px; 
		--fs-display-large: 32px;
		--fl-display-large: 48px; 
		--fs-display-medium: 24px;
		--fl-display-medium: 32px; 
		 
		 -s-default: 18px;
		--s-medium: 32px;
		--s-big: 48px;
		
		--m-default: 18px;
		--m-medium: 32px;
		--m-big: 48px; 
	}  
	.main-menu > ul > li{ padding-left: 8px; padding-right: 8px; } 
	.main-menu > ul > li > ul > li{ padding-top: 8px; padding-bottom: 8px; }
	.main-menu > ul > li > ul.open{ height: 278px; }
	.submenu-open .main-header:after {
	    height: 392px;
	} 
	
	.b-info .info{ width: 40%; }
	.b-info .media{ width: 60%; min-height: 500px; }
	
	.object-selection-3{ width: calc( 100% - 60px); margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 1180px) {
	:root{ 
		--w-main: 1180px; 
		
		-s-default: 18px;
		--s-medium: 24px;
		--s-big: 32px;
		
		--m-default: 18px;
		--m-medium: 24px;
		--m-big: 32px;  
	}
	.main-header, .small-header .main-header{ position: fixed; height: 72px; padding-top: 0; padding-right: var(--s-default); padding-left: var(--s-default); z-index: 20; }
	.main-header .logo, .small-header .main-header .logo{ left: var(--s-default); top: 6px; height: 60px; width: 98px; } 
	.submenu-open .main-header:after{ height: 100%; }
	.main-header:after{ height: 100%; }
	.main-header .logo{ background-image: url(../images/logo-w.png); }
	.main-header .menu-toggle{ display: block; } 
	.main-header .social-box{ top: 27px; right: 64px; margin-top: 0; }
	
	.main-header .social-box a.icon.facebook{ background-image: url(../images/icons/facebook.svg)!important; }
	.main-header .social-box a.icon.youtube{ background-image: url(../images/icons/youtube.svg)!important; }
	.main-header .social-box a.icon.viber{ background-image: url(../images/icons/viber.svg)!important; }
	.main-header .social-box a.icon.instagram{ background-image: url(../images/icons/instagram.svg)!important; }
	.main-header .social-box a.icon.tiktok{ background-image: url(../images/icons/tiktok.svg)!important; }

	.main-menu{ 
		width: 25dvw; min-width: 250px; height: 100dvh!important; overflow: auto; 
		position: fixed; right: -100dvw; top: 0; left: auto;  z-index: 19; 
		padding-top: 88px; padding-right: 0; padding-left: 0;
		-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;  
		background: var(--c-main); 
	}
	.main-menu.opened{ right: 0; }
	.main-menu > ul{ text-align: left; }
	.main-menu > ul > li{ width: 100%; padding-left: 24px; padding-right: 24px; padding-top: 12px; padding-bottom: 12px; }
	.main-menu > ul > li > a,
	.small-header .main-menu > ul > li > a,
	.submenu-open .main-menu > ul > li > a,
	.begin-body .main-menu > ul > li > a{ font-size: 18px; line-height: normal; color: var(--bg-parchment)!important; white-space: normal; color: var(--bg-ivory); }
	.main-menu > ul > li > ul li.sm-article{ display: none; }
	.main-menu > ul > li > ul{ position: static; padding: 0;}
	.main-menu > ul > li > ul.open{ height: auto;  padding-top: 6px; padding-bottom: 12px;	}
	.main-menu > ul > li > ul > li{ padding-top: 6px; padding-bottom: 6px; padding-left: 18px;   }
	.main-menu > ul > li > ul > li > a{ font-family: var(--ff-body); font-size: 16px; line-height: normal; padding-top: 0; padding-bottom: 0; color: var(--bg-ivory); text-transform: none; }
	.main-menu > ul > li > ul.open,
	.main-menu > ul > li > ul{
		height: auto;
        padding-top: 6px;
        padding-bottom: 12px;
	}
	.main-screen .btn-garage-2{ right: var(--s-default); }
	.main-screen .btn-garage-1{ left: var(--s-default); }
	
	.search-box{ padding-left: var(--s-default); padding-right: var(--s-default); }
	.column-content.left-content .info{ padding-right:  var(--s-medium); } 
	
	.column-content{ align-items: stretch; }
	.column-content .info{ padding-left: var(--s-default); }
	.column-content .img{ min-height: 0; height: auto; overflow: hidden; max-height: none; position: relative; }
	.column-content .img img{
		position: absolute; 
		width: auto; height: auto;
		min-width: 100%; min-height: 100%;
		max-width: none; max-height: none;
		
		position: absolute; top: 50%; left: 50%; z-index: 0;
		-moz-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);  
	}
	.main{ max-width: 100%; }
	.main-content{ padding-top: 92px;  padding-bottom: var(--s-default); }
	
	.sales-body .search-box
	.sales-body .list-content{ gap: var(--s-default); }
	.s-article{ padding: var(--s-default); }
	.article .info{ margin-top: var(--m-default); }
	.main-screen{ margin-top: 72px; }
	
	.object-selection-5,
	.object-selection-6,
	.object-selection-7,
	.object-selection-8,
	.object-selection-9,
	.object-selection-9,
	.object-selection-10{ margin-bottom: 80px; }
	
	.object-selection-6 .near-object.near-north,
	.object-selection-7 .near-object.near-north,
	.object-selection-8 .near-object.near-north,
	.object-selection-9 .near-object.near-north,
	.object-selection-10 .near-object.near-north{ top: 0px; }
	
	.object-selection-3{ width: calc( 100% - 120px); margin-left: auto; margin-right: auto; }
}
@media screen and (max-width: 1024px) {
	:root{   
		--fs-display-xxlarge: 56px;
		--fl-display-xxlarge: 56px; 
		--fs-display-xlarge: 40px;
		--fl-display-xlarge: 48px; 
		--fs-display-large: 28px;
		--fl-display-large: 40px; 
		--fs-display-medium: 24px;
		--fl-display-medium: 32px; 
		 
		-s-default: 18px;
		--s-medium: 18px;
		--s-big: 24px;
		
		--m-default: 18px;
		--m-medium: 18px;
		--m-big: 24px;  
	}
	.form .label input, .form .label textarea{ height: 32px; }
	.form .label textarea{ height: 105px; }
	.form .checkbox-label input{ height: 20px; }
	
	.sales-body .list-content{ grid-template-columns: 1fr 1fr; }
	.location-body .article-detail{ background-size: 160% auto; }
	.location-body .article-detail .main .info{ width: 100%; padding-bottom: 60dvw; }
	
	.b-info .info{ width: 100%; }
	.b-info .media{ width: 100%;; min-height: 0; }
	
	.object-selection .near-object{ padding-top: 18px; }
	.object-selection .near-object.near-south,
	.object-selection .near-object.near-west{ padding-bottom: 18px; }
	.object-selection .near-object:before{
		margin-left: -12px;  
		border-width: 0px 12px 12px 12px; 
	}
	.object-selection .near-object.near-west:before, .object-selection .near-object.near-south:before{ 
		border-width: 12px 12px 0px 12px; 
	} 
	.object-selection-3{ width: calc( 100% - 80px); margin-left: auto; margin-right: auto; }
	
	.object-selection .near-object.near-east{ right: -50px; }
	.object-selection .near-object.near-west{ left: -50px; }
	
}
@media screen and (max-width: 800px) {
	.contacts-content .left, .contacts-content .right{ padding-right: 0; padding-left: 0; width: 100%;  }
	.article-detail .grid-info{ grid-template-columns: 1fr; }
	.article-detail .grid-info .info{ padding-bottom: 24px; }
	.gallery-body .main-content .items .item{ max-height: 50dvw; }
	.article-detail .grid-info .img img{ max-width: 550px; margin: 0 auto; width: 100%;  }
	.column-content{ grid-template-columns: 1fr; display: block; padding-top: 24px; padding-bottom: 24px; padding-left: 18px; padding-right: 18px; }
	.column-content .info,
	.column-content.left-content .info,
	.column-content.left-content .info{ width: 100%; max-width: 450px; margin: 0 auto; padding-left: 0; padding-right: 0; }
	.column-content .img{ width: 100%; }
	.column-content .img img{
		position: static; width: 100%; height: auto; max-width: 450px;
		min-width: 0; margin: 0 auto;
        min-height: 0;
		-moz-transform: translate(0,0);
        -webkit-transform: translate(0,0);
        -o-transform: translate(0,0);
        -ms-transform: translate(0,0);
        transform: translate(0,0);
	}
	.center-content .main{ max-width: 450px; }
	 
	.search-box .items{ display: block; }
	.search-box .items .checkbox-box{ display: inline-block; margin-right: 24px; }
	.search-box > #search_form{ grid-template-columns: 1fr; }
	.search-box .button{ display: block; padding-top: 24px; }
	.search-box .button .btn-search{ position: static; 
		-moz-transform: translate(0, 0);
	    -webkit-transform: translate(0, 0);
	    -o-transform: translate(0, 0);
	    -ms-transform: translate(0, 0);
	    transform: translate(0, 0);
	}
}
.tab-menu{ padding: var(--s-medium) var(--s-default); width: 100%; max-width: 220px; text-align: center; display: none; margin: 0 auto; }
.tab-menu .btn{ margin: 0 0 18px 0; }
@media screen and (max-width: 640px) {
	.form .label.label-input:nth-of-type(2n){ padding-left: 0; }
	.form .label.label-input:nth-of-type(2n+1){ padding-right: 0; }
	.form .label.label-input{ width: 100%;  }
	.article-detail ul{ grid-template-columns: 1fr; }
	.sales-body .list-content{ grid-template-columns: 1fr; max-width: 400px; }
	
	.location-content .section-title,
	.begin-body .gallery-content .section-title,
	.column-content.about-content h2{
		font-size: var(--fs-display-xlarge);
    	line-height: var(--fl-display-xlarge);
	}
	.main-screen .btn-garage-1{ display: none; }
	.main-screen .btn-garage-2{ display: none; }
	.tab-menu{ display: block; }
	.begin-body .main-screen .btn-garage-1{ display: block; }
	.begin-body .main-screen .btn-garage-2{ display: block; }
	.begin-body .tab-menu{ display: none; } 
}
@media screen and (max-width: 450px) {
	.page-title, .section-title{ overflow-wrap: break-word; }
	
	.main-header .social-box{ display: none; }
	.sales-body .list-content{ grid-template-columns: 1fr; max-width: 450px; }
	
	.object-selection-6 .near-object.near-north,
	.object-selection-7 .near-object.near-north,
	.object-selection-8 .near-object.near-north,
	.object-selection-9 .near-object.near-north,
	.object-selection-10 .near-object.near-north{ top: -20px; }
}