

/* Start:/local/templates/.default/components/bitrix/news/projects/style.css?17836952743703*/
#project_gallery{
	display:flex;
	margin-bottom:20px;
	min-height:300px;
	gap:16px;
}

#project_gallery .big{
	flex-grow:1;
}

#project_gallery .big img{
	display:none;
}

#project_gallery .small .item,
#project_gallery .big{
	background-size:cover;
	background-position:center center;
	position:relative;
}

#project_gallery .small .item a,
#project_gallery .big a{
	display:flex;
	width:100%;
	height:100%;
}

#project_gallery .small{
	flex-shrink:0;
	display:flex;
	flex-direction:column;
	gap:16px;
	width:160px;
}

#project_gallery .small .item{
	height:130px;
}

#project_gallery .small img{
	display:none;
}

#project_btns{
	padding-top:20px;
	display:flex;
	gap:20px;
}

#project_btns .btn{
	font-weight: 700;
	font-size: 14px;
	line-height: 16px;	
}

#project_btns .btn.btn_white{
	border: 1px solid rgba(75, 85, 100, 0.1);
	box-shadow:none;
}

#project_btns .btn.btn_white span.icon{
	margin:0px 0px 0px 7px;
}

#project_title{
/*	display:flex;
	justify-content:space-between;
	align-items:center;
	margin-bottom:60px;
	padding-right:30px;
-*/
	margin-bottom:22px;

}

#project_title .address{
	/*
	border: 1px solid rgba(75, 85, 100, 0.1);
	border-radius: 2px;
	padding:10px 10px 10px 34px;
	font-weight: 300;
	font-size: 12px;
	line-height: 14px;
	background-image:url(/images/projects/map-pin.svg);
	background-position:left 10px center;
	background-repeat:no-repeat;
	max-width:250px;	
	*/
	display:none;
}

#project_title h1{
	font-weight: 500;
	font-size: 28px;
	line-height: 100%;
	text-align: center;
	text-transform:uppercase;
	margin:0px;
}

#project_block{
	max-width:1040px;
	width:100%;
}

#project_block img{
	max-width:100%;
}
/*
#project_block.fancybox-content{
	padding:65px 95px 52px 95px;
}
*/

#project_block video{
	width:100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

#project_counter{
	padding:53px 10px;
	text-align:center;
	color:#fff;
	font-weight: 300;
	font-size: 24px;
	line-height: 28px;
	background:url(/local/templates/.default/components/bitrix/news/projects/images/counter_bg.png) center center no-repeat #4B5564;
	background-size:cover;
	border-radius:4px;
	margin-bottom:51px;
}

#project_counter b{
	font-weight: 700;
	font-size: 32px;	
}


@media (max-width: 750px){
	
	#project_btns{
		flex-direction:column;
		align-items:center;
	}
	
	#project_btns .btn{
		max-width:300px;
		width:100%;
	}
	
	#project_gallery{
		display:block;
	}
	
	#project_gallery .big{
		background-image:none !important;
		text-align:center;
		
	}
	
	#project_gallery .big img{
		display:block;
	}
	
	#project_gallery .big{
		margin-bottom:20px;
	}
	
	#project_gallery .small{
		gap:20px;
		width:100%;
		margin-left:0px;
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
	}
	
	#project_gallery .small .item{
		height:150px;
	}
	
	#project_title{
		flex-direction:column;
		margin-bottom: 20px;
	}
	
	#project_title h1{
		text-align:left;
		margin-bottom:20px !important;
	}
	
	#project_title .address{
		max-width:none;
		width: 100%;
	}
	
	
	#projects .btn.desktop{
		display:none;
	}
		
	#projects .btn.mobile{
		display:flex;
	}
	
	#project_counter{
		padding:20px;
		margin-bottom:30px;
		background:var(--marengo);
	}
	
	#project_counter .line1{
		display:block;
	}
}

@media (min-width: 751px){

	#projects .btn.desktop{
		display:flex;
	}
		
	#projects .btn.mobile{
		display:none;
	}	
}

@media (max-width: 500px){
	#project_gallery .small{
		grid-template-columns:1fr;
	}
	
	#project_gallery .small .item{
		height:auto;
	}
	
	#project_gallery .small .item img{
		display:block;
	}
}
/* End */


/* Start:/local/templates/.default/components/bitrix/news/projects/bitrix/news.list/.default/style.css?17836952852354*/

#our_projects_header .body ul{
	list-style:none;
	margin:auto 0px 0px 0px;
	padding:0px;
}

#our_projects_header .body ul li{
	padding-bottom:12px;
	border-bottom:3px solid #F1F1F1;
}

#our_projects_header .body ul li:not(:last-of-type){
	margin-bottom:25px;
}

#our_projects{
	margin:30px 0px;
}

#our_projects .item{
	background:var(--marengo);
	padding:30px 30px 38px 66px;
	display:flex;
	gap:20px;
	position:relative;
	line-height:1;
	color:#fff;
}

#our_projects .item:not(:last-of-type){
	margin-bottom:30px;
}

#our_projects .item .body{
	padding-top:7px;
	flex-grow:1;
	font-size:20px;
}

#our_projects .item .pic{
	flex-shrink:0;
	width:518px;
	position:relative;
	min-height:350px;
	background-position:center center;
	background-size:cover;
}

#our_projects .item .pic img{
	display:none;
}

#our_projects .item .pic .more{
	position:absolute;
	width:100%;
	left:0px;
	bottom:-23px;
	text-align:center;
}

#our_projects .item .pic .more .btn{
	
}

#our_projects .item .num{
	position:absolute;
	left:35px;
	top:35px;
	color: rgba(255, 255, 255, 0.25);
	font-size:16px;
}

#our_projects .item .name{
	margin-bottom:23px;
	font-size:28px;
	font-weight:500;
	text-transform:uppercase;
}

#our_projects .item .address{
	margin-bottom:34px;
	max-width:336px;
	padding:24px 10px 24px 48px;
	border: 1px solid rgba(255, 255, 255, 0.5);
	background: rgba(255, 255, 255, 0.12);
	font-size:18px;
	position:relative;
}

#our_projects .item .address::before{
	content:'';
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	left:-25px;
	width:50px;
	height:50px;
	border-radius:2px;
	background:url(/local/templates/.default/components/bitrix/news/projects/bitrix/news.list/.default/images/map-anchor.svg) center center no-repeat #fff;
}


#our_projects_banner{
	position:relative;
	background:#4C5564;
	margin:30px 0px;
	height:239px;
}

#our_projects_banner::before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100vw;
	left: 0px;
	top: 0px;
	margin-left: calc( 0px - ((100vw - 100%)/2) );
	background:url(/local/templates/.default/components/bitrix/news/projects/bitrix/news.list/.default/images/our-projects-banner.png) center center no-repeat var(--marengo);
	background-size:contain;
}

@media (max-width: 950px){
	
	#our_projects .item{
		padding:20px 20px 40px 20px;
		flex-direction:column;
	}
	
	#our_projects .item .pic{
		width:100%;
		height:300px;
	}
}
/* 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 */
/* /local/templates/.default/components/bitrix/news/projects/style.css?17836952743703 */
/* /local/templates/.default/components/bitrix/news/projects/bitrix/news.list/.default/style.css?17836952852354 */
/* /local/templates/.default/components/bitrix/news.list/clients/style.css?1783695274842 */
