/* Start:/kontakti/page.css?17712341454994*/
h1.contact_h1{
	text-align:left;
	display:flex;
	gap:30px;
	align-items:center;
	margin:0px 0px 32px 0px;
}

h1.contact_h1 .h1_caption{
	display:block;
	font-size:50px;
	font-weight:500;
	line-height:1;
	margin-bottom:7px;
}

h1.contact_h1 .h1_note{
	display:flex;
	align-items:center;
	gap:14px;
}

h1.contact_h1 .h1_note span{
	padding:0px 17px 0px 29px;
	position:relative;
	font-size:30px;
	font-weight:400;
	height:57px;
	border: 1px solid #EEEEEE;
	border-radius:3px;
	display:flex;
	align-items:center;
}

h1.contact_h1 .h1_note span::before{
	content:'';
	background:url(/kontakti/images/h1-arrow.svg) center center no-repeat;
	width:19px;
	height:19px;
	left:-11px;
	top:50%;
	transform:translateY(-50%);
	position:absolute;
}

.contact_info_list{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:30px;
	margin:30px 0px;
}

.contact_info_list .bl{
	background:#FAFCFF;
	padding:102px 24px 42px 34px;
	border-radius:9px;
	font-size:12px;
	color:#8892A2;
	line-height:1.1;
	position:relative;
}

.contact_info_list .bl .title{
	font-size:20px;
	color:var(--marengo);
	font-weight:bold;
	margin-bottom:15px;
}

.contact_info_list .bl a{
	color:var(--marengo);
	font-weight:600;
	text-decoration:underline;
}

.contact_info_list .bl a:hover{
	text-decoration:none;
}

.contact_info_list .bl .icon{
	position:absolute;
	border-radius:9px;
	width:70px;
	height:70px;
	background:#EDF1F7;
	display:flex;
	justify-content:center;
	align-items:center;
	top:16px;
	right:24px;
}

.contact_maps{
	padding:26px 27px 42px 27px;
	background:#F6F6F6;
	position:relative;
	margin:30px 0px;
}

.contact_maps .head{
	display:flex;
	justify-content:space-between;
	gap:10px;
	align-items:center;
	margin-bottom:25px;
}

.contact_maps .head .caption{
	font-size:36px;
	font-weight:bold;
}

.contact_maps .head .note{
	color:#8892A2;
	font-size:12px;
}

.contact_maps .contact_map{
	max-width:920px;
	margin:0px auto;
}

.contact_maps .contact_map.contact_ymap{
	margin-bottom:28px;
	filter:grayscale(1);
}

.contact_h2{
	margin:40px 0px 32px 0px;
	font-size:36px;
	padding:0px;
	text-transform:none;
	font-weight:400;
}

.contact_desc{
	display:flex;
	margin-bottom:20px;
	gap:30px;
}

.contact_desc .aside{
	flex-shrink:0;
	width:520px;
}

.contact_desc .body{
	flex-grow:1;
	color:#8892A2;
	font-size:16px;
}

.contact_desc .body p{
	
}

.contact_desc .body p.title{
	font-size:28px;
	font-weight:bold;
	margin-bottom:20px;
	color:var(--marengo);
}
	
.contact_pics{
	display:grid;
	grid-template-columns:repeat(4, 1fr);
	gap:28px;
}

.contact_pics_2{
	grid-template-columns:repeat(2, 1fr);
}

.contact_pics img{
	border-radius:3px;
	display:none;
}

.contact_pics a{
	border-radius:3px;
	height:155px;
	background-size:cover;
}

.contact_desc_caption{
	font-size:16px;
	font-weight:bold;
	margin-bottom:19px;
	line-height:1.1;
	color:#8892A2;
}

.contact_line{
	height:1px;
	background:#CFDAED;
	margin:19px 0px 19px 0px;
}

.contact_maps .btn.btn_dostavka{
	position:absolute;
	bottom:-31px;
	left:95px;
	padding:0px 23px;
	width:350px;
	height:60px;
	border-radius:3px;
	background: radial-gradient(50% 70.91% at 50% 50.91%, #1B1B1B 0%, #4F4F4F 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
}

.contact_maps .btn.btn_dostavka:hover{
	background:#000;
	color:#fff;
}


#contacts_req_wr{
	margin-top:60px;
}

#contacts_req{
	display:flex;
	gap:30px;
}

#contacts_req .pic{
	flex-shrink:0;
}

#contacts_req .body{
	flex-grow:1;
}

#contacts_req .caption{
	font-size:24px;
	margin-bottom:37px;
}

#contacts_req .req_item{
	display:flex;
	gap:30px;
	margin-bottom:9px;
	font-size:16px;
}

#contacts_req .req_item .req_name{
	flex-shrink:0;
	width:160px;	
}	

#contacts_req .req_item .req_value{
	color:#8892A2;
}



@media (max-width: 1100px){
	
	h1.contact_h1{
		flex-direction: column;
		align-items: flex-start;
		gap:10px;
	}
	
	h1.contact_h1 .h1_note span{
		font-size:22px;
	}
	
	.contact_info_list{
		grid-template-columns: repeat(1, 1fr);
		gap: 20px;		
	}
	
	.contact_info_list .bl{
		padding:15px;
	}
	
	.contact_info_list .bl .icon{
		display:none;
	}
	
	.contact_maps .head .note{
		display:none;
	}
	
	.contact_maps .head .caption{
		line-height:1.1;
		font-size:26px;
	}
	
	.contact_desc{
		flex-direction:column;
		gap:20px;
	}
	
	.contact_desc .aside{
		width:auto;
	}
	
	.contact_pics_2{
		grid-template-columns: repeat(1, 1fr);
	}
	
	.contact_pics{
		grid-template-columns: repeat(1, 1fr);
	}
	
	.contact_maps .btn.btn_dostavka{
		position:static;
		margin:15px 0px 0px 0px;
		width:auto;
	}
	
	#contacts_req{
		flex-direction:column;
		gap:20px;
	}
}
/* End */
/* /kontakti/page.css?17712341454994 */