.type-content{
	display: block; padding: var(--s-big) 0; 
}
.type-content .item{
	float: left; width: 33.33%; padding: 24px 0 0 0;
	text-align: center;
}
.type-content .item:nth-child(3n+1){ padding-left: 0; padding-right: 30px; } 
.type-content .item:nth-child(3n+2){ padding-left: 10px; padding-right: 20px; }   
.type-content .item:nth-child(3n){ padding-left: 30px; padding-right: 0px; } 
 

.type-content .item h3{
	text-transform: uppercase; 
	font-size: var(--fs-display-medium);
	line-height: var(--fl-display-medium); 
	font-weight: 500; 
}
.type-content .item h3 a{ color: inherit; }
.type-content .item .img{
	display: block; width: 100%; height: 0; padding-top: 75%; margin-bottom: 24px;
	position: relative;
}
.type-content .item .img img{
	display: block; width: auto; height: auto;
	min-width: 0; min-height: 0;
	max-width: 100%; max-height: 100%;
	margin: 0 auto;
	
	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%); 
}
.type-content .item .params{
	position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr;
	font-family: var(--ff-title);
	font-weight: 700;
	font-size: var(--fs-title-large);
	line-height: var(--fl-title-title); 
}
.type-content .item .params .row{ width: 100%; }
.type-content .item .row:before{
	content: ''; display: block; width: 48px; height: 48px; margin: 12px auto;
	background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; 
}
.type-content .item .row.bed:before{ background-image: url(../images/icons/bed.svg); }
.type-content .item .row.bathroom:before{ background-image: url(../images/icons/bathroom.svg); }
.type-content .item .row.floorplan:before{ background-image: url(../images/icons/floorplan.svg); }
.type-content .item .params .row > sup{ display: inline-block; }


.search-list{ 
	display: grid; grid-template-columns: 1fr 1fr 1fr;
	gap: var(--s-big); 
	margin-bottom: 24px; 
	padding: var(--s-big);
}
.search-list .item {
	background: var(--c-gold-bg);
}
.search-list .item .info{ padding: 0 var(--s-medium); } 
.search-list .item .img{
	display: block; width: 100%; height: 0; padding-top: 75%;
	position: relative; margin-bottom: 24px; overflow: hidden;
	background: #fff;
}
.search-list .item .img img{
	display: block; width: auto; height: auto;
	min-width: 0; min-height: 0;
	max-width: 90%; max-height: 90%;
	margin: 0 auto;
	
	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%); 
}
.search-list .item h3{
	text-transform: uppercase; 
	font-size: var(--fs-display-medium);
	line-height: var(--fl-display-medium); 
	font-weight: 500; 
	text-align: center;
}
.search-list .item h3 a{ color: inherit; }
.search-list .table-desc{ width: 100%; margin-bottom: 24px; }
.table-desc > div.row > *{ padding: 7px 0; }
.search-list .table-desc > div.row > *:last-child{ text-align: right; }
.table-desc > div.row > span{ foont-weight: 300; text-transform: uppercase; color: rgba(0, 0, 0, 0.5); }

.advantages-content{
	display: block; padding: var(--s-big) 0;
	background: url(../images/bg-1920.webp) center center no-repeat;
	background-size: cover;  
}
.advantages-content .item{
	float: left; width: 25%; padding: 24px 0 0 0;
}
.advantages-content .item:nth-child(4n+1){ padding-left: 0; padding-right: 30px; } 
.advantages-content .item:nth-child(4n+2){ padding-left: 10px; padding-right: 20px; } 
.advantages-content .item:nth-child(4n+3){ padding-left: 20px; padding-right: 10px; } 
.advantages-content .item:nth-child(4n){ padding-left: 30px; padding-right: 0px; } 

.advantages-content .item h3{ 
	text-transform: uppercase; 
	font-size: var(--fs-display-medium);
	line-height: var(--fl-display-medium); 
	font-weight: 500;
}
.advantages-content .item > *:last-child{ margin-bottom: 0; }
.advantages-content .item:before{
	content: ''; display: block; width: 48px; height: 48px;
	background-position: center center; background-repeat: no-repeat; background-size: 100% 100%; 
}
.advantages-content .item.wb-sunny:before{ background-image: url(../images/icons/wb-sunny.svg); }
.advantages-content .item.window:before{ background-image: url(../images/icons/window.svg); }
.advantages-content .item.stairs:before{ background-image: url(../images/icons/stairs.svg); }
.advantages-content .item.sensor-door:before{ background-image: url(../images/icons/sensor-door.svg); }
 
.main-footer{ position: relative; padding: var(--s-large) 0 var(--s-big) 0; background: var(--c-grey-100); text-align: center; clear: both; }
.main-footer a{ color: inherit; }
.main-footer .created{ display: block; float: right; line-height: 44px; }
.main-footer .created a{
	display: inline-block; width: 158px; height: 44px; margin-left: 24px;
	background: url(../images/artlogica.png) center center no-repeat;
	background-size: 100% 100%; vertical-align: middle;
	overflow: hidden; text-indent: -999px;
}
.main-footer .copyright{ display: block; float: left; line-height: 44px; }
.main-footer .social-box{ margin-top: 0; border-top: 1px solid rgba(0,0,0,0.2); padding-top: var(--s-medium); }

.main-footer .logo{
	display: inline-block; width: 360px; height: 144px;  margin: 0 auto; margin-bottom: var(--s-medium); 
	overflow: hidden; text-indent: -999px;
	background: url(../images/logo.svg) center center no-repeat;
	background-size: 100% 100%;
}

.alt-menu{ padding-bottom: var(--s-medium); padding-top: 0; }
.alt-menu a{ display: inline-block; padding: 0 12px; color: var(--c-black-999); text-transform: uppercase; font-size: 16px; line-height: normal; font-weight: 600; } 


.params-content{ background-color: var(--c-grey-100); }
.params-content .params{ padding-bottom: 0; }
.params-content .params .row{ 
	width: 20%; position: relative; text-align: center; display: flex;
	flex-direction: column-reverse; 
}  


.progress-content{
	padding: var(--s-big);
	background: url(../images/section-bg.jpg) center center no-repeat;
	background-size: cover;
	color: #fff; 
}

.progress-content ul{ margin: 0; display: block; width: 100%; float: left; position: relative; counter-reset: sitems; 
	--pWidth: 0%;
}
.progress-content ul:before{
	content: ''; display: block; width: calc(500% / 6); height: 1px; overflow: hidden;
	position: absolute; top: 50%; left: calc(100% / 12); z-index: 0;
	background: #fff;
}

.progress-content ul:after{ 
	content: ''; display: block; clear: both; 
	width: calc( (5 / 6) * var(--pWidth) ); height: 3px; overflow: hidden;
	background: var(--c-gold-999);
	position: absolute; top: 50%; left: calc(100% / 12); margin-top: -1px;
	
	-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;
} 
.progress-content ul li{
	display: block; float: left; width: calc(100% / 6); position: relative; padding-left: 0;
	height: 182px;  z-index: 1; counter-increment: sitems;
	font-family: var(--ff-title); font-size: var(--fs-title-xlarge); line-height: var(--fl-title-xlarge); 
	font-weight: 600;
}
.progress-content ul li:before{ 
	content: "0" counter(sitems); 
	display: block; width: 32px; height: 32px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	position: absolute; top: 50%; left: 50%; margin-top: -16px;  margin-left: -16px;
	font-size: 16px; line-height: 32px; text-align: center; font-weight: 700;
	background: #726e6b;
	
	-webkit-transition: background 0.3s 0s ease;
    -moz-transition: background 0.3s 0s ease;
    -o-transition: background 0.3s 0s ease;
    transition: background 0.3s 0s ease;
} 
.progress-content ul li span{
	display: block; white-space: nowrap;
	position: absolute; top: 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);
}
.progress-content ul li:nth-of-type(2n) span{ bottom: 0; top: auto; }

.progress-content ul li.active span{ color: var(--c-gold-999); text-transform: uppercase; }
.progress-content ul li.active:before{
	content: ''; background: var(--c-gold-999);
}
.progress-content ul li.active:after{
	content: ''; display: block; width: 16px; height: 8px;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000; 
	position: absolute; top: 50%; left: 50%; margin-top: -6px;  margin-left: -8px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.progress-content.v2{ background-image: url(../images/section-bg-v2.jpg); }
.progress-content.v2 ul:before{ background: #726e6b; }
.progress-content.v2 ul:after{ background: var(--c-black-999); }
.progress-content.v2 ul li.active:before{ background: var(--c-black-999); }
.progress-content.v2 ul li.active:after{ 
	border-left: 2px solid var(--c-gold-999);
    border-bottom: 2px solid var(--c-gold-999);
}
.progress-content.v2 > .section-title{ color: var(--c-black-999); }
.progress-content.v2 ul li span{ color: #726e6b; }
.progress-content.v2 ul li.active span{ color: var(--c-black-999); }

.accordion-content,
.location-content.about-content .accordion-content.info{
	background: #fff; padding: var(--s-big) var(--s-medium);
	margin-top: calc( 2 * var(--s-big) );
}
.location-content.about-content .main > div:nth-child(3n){ margin-top: var(--s-large); }
.location-content.about-content .main > div:nth-child(3n+2){ margin-top: calc( 2 * var(--s-large) ); }
.accordion-content .item{ margin: var(--s-medium) 0 0 0; }
.accordion-content .item:first-child{ margin-top: 0; }
.accordion-content .item .desc{ display: none; overflow: hidden; padding-top: 24px; }
.accordion-content .item .desc *:first-child{ margin-top: 0; }
.accordion-content .item .desc *:last-child{ margin-bottom: 0; }
.accordion-content .item .title{
	font-size: var(--fs-display-large); line-height: 48px;
	position: relative; cursor: pointer; margin-bottom: 0; vertical-align: middle;
	display: inline-block; padding-right: 64px; 
}
.accordion-content .item .title:after{
	content: '+'; display: block; width: 48px; height: 48px;
	font-size: 64px; line-height: 32px;
	position: absolute; top: 0; right: 0;
}
.accordion-content .item.open .title:after{ content: '_'; line-height: 2px	; }
.accordion-content .item.open .desc{ display: block; }

.location-content .oimg span{
	display: block; font-family: var(--ff-title); text-align: right; 
	font-style: italic; font-size: 32px; line-height: 42px;
	color: #5E5E5E; margin-top: var(--s-big);
}

.leading .article{
	background: var(--c-grey-100);
	margin-bottom: 40px; padding: 40px; 
	display: flex;
    flex-direction: row-reverse;
    gap: 0px;
    align-items: flex-end;
} 
.leading .article .info{  width: 60%; padding-right: var(--s-big); }
.leading .article .info:after{
	content: ''; display: block; height: 4px;
	background: var(--c-gold-999);
	margin-top: var(--s-big); 
}
.leading .article .img{ width: 40%; }
.leading .article .btn-more{ position: static; margin-top: 24px; } 
.leading .article .title {
    font-size: var(--fs-display-xlarge);
    line-height: var(--fl-display-xlarge);
    text-transform: uppercase;
    margin-top: 0;
    font-weight: 500;
	margin-bottom: 48px;
}

.leading .article .img{
	display: block; height: auto; position: relative;
	overflow: hidden;
	padding: 10px; position: relative; 
	
	border-radius: 0px!important;
	
}
.leading .article .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-right-radius: var(--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; 
}
.leading .article .img:hover:before{
	width: 50%; height: 100%; left: 50%;
}

.leading .article .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; 
}
.leading .article .img:hover:after{
	width: 50%; height: 100%; right: 50%;
}

	
.leading .article .img img{ display: block; width: 100%;  
position: static;
	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-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-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; 
}

.more-content .section-title{ font-size: var(--fs-display-medium); line-height: var(--fl-display-medium); margin-bottom: var(--s-medium); }


@media screen and (max-width: 1600px) {
	.advantages-content{ background-image: url(../images/bg-1600.webp); }
}
@media screen and (max-width: 1440px) {
	.advantages-content{ background-image: url(../images/bg-1440.webp); }
}
@media screen and (max-width: 1280px) {
	.advantages-content{ background-image: url(../images/bg-1280.webp); }
	.main-footer .logo{ width: 240px; height: 95px; }
	
	.progress-content ul{ max-width: 1024px; height: 124px; }
	.progress-content ul li{ 
		padding-left: 0; height: 124px; 
		font-size: var(--fs-title-large);
    	line-height: var(--fl-title-large);
	}
}
@media screen and (max-width: 1024px) {
	.advantages-content{ background-image: url(../images/bg-1024.webp); }
	.advantages-content .item{ width: 50%; }
	
	.advantages-content .item:nth-child(4n+1){ padding-left: 0; padding-right: 0; } 
	.advantages-content .item:nth-child(4n+2){ padding-left: 0; padding-right: 0; } 
	.advantages-content .item:nth-child(4n+3){ padding-left: 0; padding-right: 0; } 
	.advantages-content .item:nth-child(4n){ padding-left: 0; padding-right: 0; } 

	.advantages-content .item:nth-child(2n+1){ padding-left: 0; padding-right: 12px; } 
	.advantages-content .item:nth-child(2n){ padding-left: 12px; padding-right: 0; } 
	
	.alt-menu a{ margin-bottom: 12px; }
	
	.type-content .item:nth-child(3n+1){ padding-left: 0; padding-right: 0; } 
	.type-content .item:nth-child(3n+2){ padding-left: 0; padding-right: 0; }   
	.type-content .item:nth-child(3n){ padding-left: 0; padding-right: 0; }
	.type-content .item{ width: 100%; padding: 0 0 48px 0; max-width: 400px; margin: 0 auto; float: none; }
	
	.location-content.about-content .main > div:nth-child(3n+2){ margin-top: 0; }
	
	.leading .article{ padding: 24px; margin-bottom: 24px; }
	.leading .article .info, .leading .article .img{ width: 50%; }
	.leading .article .title{ margin-bottom: 24px; }
	.leading .article .btn-more{ margin-top: 0; }
	
	.search-list{ 
		display: grid; grid-template-columns: 1fr 1fr;
	}
} 
@media screen and (max-width: 900px) {
	.leading .article{ align-items: anchor-center; }
	.leading .article .info{ width: 66.66%; }
	.leading .article .img{ width: 33.33%; padding: 0; }
	.leading .article .img:before, .leading .article .img:after{ display: none; }
	.leading .article .info:after{ display: none; }
	
	.leading .article .img 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); 
	}
@media screen and (max-width: 768px) {
	.advantages-content{ background-image: url(../images/bg-768.webp); }
	.main-footer .copyright, .main-footer .created{ float: none; text-align: center; }
	
	.params-content .params{ text-align: center; }
	.params-content .params .row{ float: none; display: inline-block; width: 33.33%; max-width: 210px; vertical-align: top; margin-bottom: 24px; }
	.params-content .params .row > span{ height: 48px; }
	
	.accordion-content .item{ margin-top: 24px; } 
	
	.leading .article .info{ width: 100%; }
	.leading .article{ 
		display: grid;
        gap: 24px;
        grid-template-columns: 1fr 2fr;
        padding-bottom: 0;
        margin-bottom: 24px;
        align-items: start;
        padding: 24px 0; background: none;
        border-top: 4px solid var(--c-gold-999);
        border-bottom: 4px solid var(--c-gold-999);
        align-items: center;
	}
	.leading .article .img{ width: 100%; background: none; }
	
	.leading .article .info{ padding-right: 0;}
}
@media screen and (max-width: 640px) {
	.advantages-content{ background-image: url(../images/bg-640.webp); }
	.advantages-content .item:nth-child(2n+1){ padding-left: 0; padding-right: 0; } 
	.advantages-content .item:nth-child(2n){ padding-left: 0; padding-right: 0; } 
	.advantages-content .item{ width: 100%; padding-left: 48px!important; padding-top: 0; margin: 12px 0; position: relative; }
	.advantages-content .item:before{
		width: 32px; height: 32px;
		position: absolute; top: 20px; left: 0;
	}
	.params-content .params .row{ width: 45%; }
	
	.progress-content .section-title{ padding-left: 0; padding-right: 0; }
	.progress-content ul:before{ width: 1px; height: calc(500% / 6); top: calc(100% / 12); left: 50%; }
	.progress-content ul:after{ width: 3px; height: calc( (5 / 6) * var(--pWidth) ); top: calc(100% / 12); left: 50%;  margin-top: 0px;  margin-left: -1px; } 


	.progress-content ul{ height: auto; }
	.progress-content ul li{ height: 72px; width: 100%; }
	.progress-content ul li span{ 
		top: 50%; bottom: auto; left: auto; right: 50%; margin-right: 48px; margin-left: 0; margin-top: -16px; 
		-moz-transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-o-transform: translate(0,0);
		-ms-transform: translate(0,0);
		transform: translate(0,0); 
	}
	.progress-content ul li:nth-of-type(2n) span{ top: 50%; bottom: auto; right: auto; left: 50%; margin-right: 0; margin-left: 48px; margin-top: -16px;  }
	
	.search-list{ 
		display: grid; grid-template-columns: 1fr;
	}
}
@media screen and (max-width: 550px) {
	.leading{ background: var(--c-grey-100); padding-top: 24px; padding-bottom: 24px;  margin-top: 24px; margin-bottom: 24px; }
	.leading .article{ display: block; width: 100%; margin: 0 auto;  max-width: 100%; padding-top: 0; text-align: center; margin-top: 0; margin-bottom: 0;  border-top: 0px solid;  border-bottom: 0px solid;  }
	.leading .article:first-child{ margin-top: 0; }
	.leading .article .img{ display: block; width: 100%; max-width: 320px; margin: 0 auto; margin-bottom: 24px; }
}
@media screen and (max-width: 500px) {
	.advantages-content{ background-image: url(../images/bg-500.webp); }
	.accordion-content .item .title{ font-size: 28px; line-height: 32px; padding-right: 32px; }
	.accordion-content .item .title:after{
		width: 32px;
	    height: 32px;
	    font-size: 48px;
	    line-height: 20px;
	    text-align: right;
	}
	.accordion-content .item.open .title:after{ line-height: 0; }
	
	.accordion-content .item .title{ padding-right: 0; }
	.accordion-content .item .title:after{ display: none; }
	.accordion-content .item .desc{ display: block!important; height: auto!important; padding-top: 24px!important; } 
	
	.type-content .item .params{ margin-top: 0; padding-bottom: 0; }
	.type-content .item .img{ overflow: hidden;  }
	.type-content .item.item-1 .img,
	.type-content .item.item-3 .img{ padding-top: 60%; }
	.type-content .item.item-1 .img img,
	.type-content .item.item-3 .img img{ height: auto; max-height: none; width: 100%; }
	
	.type-content{ padding-bottom: 0px; }
	.type-content .item:last-child{ padding-bottom: 0; }
}
@media screen and (max-width: 450px) {
	.alt-menu a{ display: block; padding: 0; margin-left: 0; margin-right: 0; }
	.params-content .params .row{ width: 100%; }
	.params-content .params .row > span{ height: auto; }
	
	.progress-content ul li span{ margin-right: 24px; margin-left: 0; white-space: normal; text-align: center; }
	.progress-content ul li:nth-of-type(2n) span{ margin-right: 0; margin-left: 24px; }
	 
}