

/* 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 */
/* /local/templates/.default/components/bitrix/news/projects/style.css?17836952743703 */
