/* Start:/dlya-zastroyschikov/page.css?17858382415554*/

@keyframes jump{

    0%{
        transform:translateY(0);
    }

    40%{
        transform:translateY(-10px);
    }

    100%{
        transform:translateY(0);
    }

}

.developer-objects-map-bg{
	background:url(/dlya-zastroyschikov/objects/background-v2.webp) center center no-repeat;
	background-size:cover;
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	z-index:1;
}

.developer-objects-map{
	padding:65px 15px 65px 15px;
	position:relative;
}

.developer-objects-map-list{
	max-width:1110px;
	margin:0px auto;
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	position:relative;
	z-index:2;
	gap:20px;
}

.developer-objects-map-item{
	background: linear-gradient(246.03deg, rgba(219, 219, 219, 0.5) 11.87%, rgba(175, 175, 175, 0.5) 88.53%);
	border-radius:15px;
	position:relative;
	display:flex;
	align-items:center;
	justify-content: center;
	box-shadow: 10px 10px 20px 0px #00000040;
	min-height:190px;
}

/*
.developer-objects-map-item{
	position:absolute;
}

.developer-objects-map-item.item-0{
	top: 59px;
	left: 132px;
}

.developer-objects-map-item.item-1{
	top: 59px;
	left: 321px;
}

.developer-objects-map-item.item-2{
	top: 59px;
	left: 682px;
}

.developer-objects-map-item.item-4{
	top: 222px;
	left: 107px;
}

.developer-objects-map-item.item-3{
	top: 222px;
	left: 513px;
}

.developer-objects-map-item.item-5{
	top: 222px;
	left: 737px;
}

.developer-objects-map-item.item-6{
	top: 223px;
	left: 313px;
}


.developer-objects-map-item.item-7{
	top: 385px;
	left: 831px;
}

.developer-objects-map-item.item-8{
	top: 392px;
	left: 47px;
}

.developer-objects-map-item.item-9{
	top: 390px;
	left: 285px;
}

.developer-objects-map-item.item-10{
	top: 391px;
	left: 563px;
}
*/

.developer-objects-map-item-pic{
	max-width:300px;
}

.developer-objects-map-item-pic img{
	/*filter:grayscale(100%);*/
	width: auto;
	max-height: 160px;
}

.developer-objects-map-item-tooltip{
	display:none;
	flex-direction:column;
	gap:5px;
	text-align:center;
	align-items:center;
	position:absolute;
	width:200px;
	left:50%;
	transform:translateX(-50%);
	top:-20px;
}

.developer-objects-map-item-text{
	padding:5px;
	font-size:13px;
	background:#fff;
	border-radius:5px;
}

.developer-objects-map-item:hover .developer-objects-map-item-pic img{
	/*filter:grayscale(0%);*/
	animation:jump .45s ease;
}

.developer-objects-map-item:hover .developer-objects-map-item-tooltip{
	display:flex;
}


.zastroy-me{
	list-style:none;
	margin:0px 0px 30px 0px;
	padding:0px;
}

.zastroy-me li{
	display:flex;
	gap:15px;
	align-items:center;
}

.zastroy-me li:not(:last-of-type){
	margin-bottom:10px;
}

.zastroy-me-icon{
	flex-shrink:0;
	max-width: 50px;
}


.zastroy-plus{
	list-style:none;
	margin:0px 0px 30px 0px;
	padding:0px;
	display:grid;
	grid-template-columns:repeat(5, 1fr);
	gap:20px;
	text-align:center;
}

.zastroy-plus li{
	display:flex;
	flex-direction:column;
	gap:15px;
	align-items:center;
}

.zastroy-plus li:not(:last-of-type){
	margin-bottom:10px;
}

.zastroy-plus-icon{
	flex-shrink:0;
	height:80px;
	max-height:80px;
	display:flex;
	align-items:flex-end;
}

.zastroy-plus-icon{
	flex-shrink:0;
	height:50px;
	max-height:50px;
	display:flex;
	align-items:flex-end;
}

.zastroy-plus-icon img{
	height:100%;
	object-fit:contain;
}

/******/

.zastroy-key{
	list-style:none;
	margin:0px 0px 30px 0px;
	padding:0px;
	display:grid;
	grid-template-columns:repeat(6, 1fr);
	gap:20px;
	text-align:center;
}

.zastroy-key li{
	display:flex;
	flex-direction:column;
	gap:15px;
	align-items:center;
}

.block-smeta_item{
	display:flex;
	gap:25px;
	padding:70px 168px 70px 51px;
	justify-content:space-between;
	align-items:center;
	line-height:1;
	background-color:var(--marengo);
	background-image:url(/local/templates/.default/components/bitrix/catalog.section/.default/images/smeta-icon.svg), url(/local/templates/.default/components/bitrix/catalog.section/.default/images/smeta-bg.webp);
	background-position:left 20px top 47px, right 0px bottom 0px;
	background-size:auto, cover;
	background-repeat:no-repeat, no-repeat;
	grid-column: 1 / -1;
}

.block-smeta_item .smeta-body{
	max-width:345px;
	color:#fff;
}

.block-smeta_item .smeta-caption{
	font-size:24px;
	font-weight:500;
	margin-bottom:18px;
}

.block-smeta_item .smeta-desc{
	font-size:16px;
}

.block-smeta_item .btn{
	width:200px;
	height:50px;
	box-shadow: 0px 4px 8.1px 0px #00000063;
}


@media (max-width: 950px){

	.developer-objects-map-list{
		grid-template-columns: repeat(3, 1fr);
	}
	
	.zastroy-plus{
		grid-template-columns: repeat(4, 1fr);
	}
	
	.zastroy-key{
		grid-template-columns: repeat(3, 1fr);
	}
	
	
}


@media (max-width: 750px){
	
	.developer-objects-map-list{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.zastroy-plus{
		grid-template-columns: repeat(3, 1fr);
	}
	
	.zastroy-key{
		grid-template-columns: repeat(2, 1fr);
	}	
	
	.block-smeta_item{
		background: var(--marengo);
		flex-direction: column;
		padding: 20px;
		justify-content: flex-start;
		align-items: flex-start;		
	}
	
}

@media (max-width: 550px){
	
	.developer-objects-map-list{
		grid-template-columns: repeat(1, 1fr);
	}
	
	.zastroy-plus{
		grid-template-columns: repeat(2, 1fr);
	}
	
	.zastroy-key{
		grid-template-columns: repeat(2, 1fr);
	}	
	
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news.list/clients/style.css?1783695274842*/
#our_clients{
	margin:30px 0px;
	display:grid;
	gap:50px 52px;
	grid-template-columns:repeat(4, 1fr);
}

#our_clients .client{
	padding-top:53px;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	border-top:1px solid #EBEBEB;
}

#our_clients .client .num{
	position:absolute;
	top:15px;
	left:3px;
	color: #B8B8B8;
	font-size:14px;
	font-weight:500;
}


#our_clients .client.reverse{
	background:var(--marengo);
	color:#fff;
}

#our_clients .client.reverse .num{
	left:10px;
}

@media (max-width: 950px){

	#our_clients{
		grid-template-columns:repeat(3, 1fr);
	}	
}

@media (max-width: 650px){

	#our_clients{
		grid-template-columns:repeat(2, 1fr);
	}	
	
	#our_clients .client{
		padding-top:35px;
	}
	
	#our_clients .client img{
		max-width:100px;
	}
}
/* End */
/* /dlya-zastroyschikov/page.css?17858382415554 */
/* /local/templates/.default/components/bitrix/news.list/clients/style.css?1783695274842 */