/* Start:/bitrix/templates/eshop_bootstrap_green/css/contacts.css?17835880289392*/
.visual-holder{
	position: relative;
	margin-bottom: 57px;
	margin-top:-10px;
	height:268px; 
}
.visual-holder img{
	display: block;
	width: 100%;
	height:100%;
	object-fit:cover;
}
.visual-holder .description{
	position: absolute;
	top: 30px;
	left: 30px;
	right: 30px;
	bottom: 30px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.visual-holder .title,
#content .text .title{
	text-transform: uppercase;
	font-size: 40px;
	line-height: 40px;
	display: block;
	margin-bottom: 10px;
	margin-bottom: 30px;
}
#content #contacts h1 {
	color: #fff;
}
#content .manager-info .title{
	display: block;
	text-transform: uppercase;
	font-size: 30px;
	line-height: 36px;
	text-transform: uppercase;
	color: #333;
	margin-bottom: 45px;
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	
}
.manager-info .block-contacts{
	box-sizing: border-box;
	padding: 30px 9% 30px 15%;
	border: 1px solid #e1ddd3;
	max-width: 1216px;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 45px;
}
.manager-holder{
	display: flex;
}
.manager-holder .block{
	width: 50%;
	box-sizing: border-box;
	padding: 0 20px;
	text-align: center;
	font-size: 18px;
	line-height: 20px;
	color: #333;
}
.manager-holder .info{
	color: #333;
}
.manager-holder .name{
	display: block;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-weight: 700;
}
.manager-holder .img-holder{
	width: 160px;
	border-radius: 50%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}
.manager-holder  .conacts-info{
	padding-right: 10%;
}
.manager-holder .img-holder img{
	display: block;
	width: 100%;
}
.manager-info .tel,
.manager-info .mail{
	font-size: 24px;
	line-height: 30px;
	position: relative;
	padding-left: 40px;
	margin-bottom: 20px;
	display: block;
	font-weight: 700;
}
.manager-info .tel:after,
.manager-info .mail:after{
	position: absolute;
	content: '';
	width: 34px;
	height: 34px;
	top: 0;
	left: 0;
	background: url("/bitrix/templates/eshop_bootstrap_green/css/../images/ico-tel01.png") no-repeat 50% 0;
	width: 33px;
	height: 33px;
}
.manager-info .mail:after{
	width: 32px;
	height: 23px;
	background: url("/bitrix/templates/eshop_bootstrap_green/css/../images/ico-mes01.png") no-repeat 50% 0;
}
.contacts-inform{
	display: flex;
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	font-size: 20px;
	line-height: 24px;
	color: #333;
	padding-bottom: 55px;
}
.contacts-inform .heading{
	display: block;
	font-size: 20px;
	text-transform: uppercase;
	color: #ab9a78;
	margin-bottom: 20px;
}
.contacts-inform .time{
	position: relative;
	padding-left: 20px;
	display: block;
	margin-bottom: 20px;
	line-height:29px;
}
.contacts-inform .time:after,
.contacts-inform address:after{
	position: absolute;
	content: '';
	background: url("/bitrix/templates/eshop_bootstrap_green/css/../images/arrow01.png") no-repeat 50% 0;
	width: 7px;
	height: 12px;
	top: 6px;
	left: 0;
}
.contacts-inform address{
	margin-bottom: 20px;
	position: relative;
	padding-left: 20px;
}
.disabled{
	color: #999;
}
.address-inform .heading{
	text-transform: uppercase;
	font-size: 30px;
	color: #333;
	text-align: center;
	margin-bottom: 47px;
	display: block;
}
.map-block{
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
.map-block .map-holder{
	width: 57%;
	margin-right: 56px;
}
.map-block .address-block{
	flex:1;
	border: 1px solid #e3dfd6;
	padding: 32px 30px 30px;
	color: #333;
	font-size: 16px;
	line-height: 19px;
}
#content .map-block .address-block .inform{
	color: #333;
	font-size: 16px;
	line-height: 19px;
	padding: 0;
	margin: 0;
}
#content .map-block .address-block .inform .info{
	color: #000;
	font-size: 16px;
	line-height: 20px;
	display: block;
	margin-bottom: 8px;
}
#content .map-block .address-block .inform li{
	margin-bottom: 30px;
}
.map-block .address-block .heading{
	color: #ab9a78;
	display: block;
	margin-bottom: 8px;
	text-align: left;
	font-size: 20px;
}
.map-block .address-block address{
	display: block;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 24px;
}
.map-block .shedule-info{
	display: block;
	max-width: 186px;
	box-sizing: border-box;
	border: 1px solid #cacaca;
	color: #666;
	border-radius: 2px;
	padding: 3px;
	text-align: center;
}

#contacts .map-holder .yandex-map{
	margin: 0;
}
.map-block .announcment{
	text-transform: uppercase;
	display: block;
	margin-bottom: 40px;
	line-height: 26px;
}
.map-block .address-block .disabled{
	color: #999;
}
.requisites-block{
	background: #f0f0f0;
	padding: 43px 6%;
	 margin-bottom: 60px;
	     font-size: 19px;
}
.requisites-block .heading{
	text-transform: uppercase;
	font-size: 30px;
	color: #333;
	text-align: center;
	margin-bottom: 30px;
}
.requisites-block .columns{
	display: flex;
	justify-content: space-between;
}
.requisites-block .column span{
	display: block;
	margin-bottom:16px;
}
.contacts-inform .address-holder{
	padding-left: 10%;
	max-width: 470px;
	margin-right: 9%;
}
#content #contactus form h2 {
	font-size: 30px;
}
.contacts-inform .address-holder{
	flex:1;
}
.contacts-box{
	max-width: 702px;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0 0 5px rgba(0,0,0,0.25);
	padding: 47px 30px;
}
#content #contacts #contactus form textarea{
	border: none;
	border: 1px solid #d7cfbe;
	resize:none;
	height: 100px;
	box-shadow: none;
}
.contacts-box #contactus{
	max-width: 470px;
	margin-left: auto;
	margin-right: auto;
}
.contacts-box #contactus .form-group{
	position: relative;
}
.contacts-box #contactus .label{
	position: absolute;
	top: 6px;
	left: 0;
	text-transform: uppercase;
	font-size: 13px;
	color: #333;
}
.contacts-box #contactus .form-group:target {
	padding-top: 30px;
}
#content #contacts #contactus form input{
	background: none;
	border: none;
	border-bottom: 1px solid #d7cfbe;
	box-shadow: none !important;
}
#content #contacts #contactus form textarea{
	background: none;

}
#content #contacts #contactus .bottom{
	display: flex;
	justify-content: space-between;
}
#content #contacts #contactus .bottom p{
	font-size: 14px;
	line-height: 17px;
	text-transform: none;
}
#content #contacts #contactus .bottom .submit-holder{
	order:1;
}
#content #contacts #contactus form input[type=submit]{
	width: 150px;
	height: 50px;
	font-size: 16px;
	text-transform: uppercase;
	color: #fff;
	background: #333;
	border-color: #333;
	padding-left: 5px;
	padding-right: 5px;
}
@media screen and (max-width: 1024px){
	.visual-holder .holder{
		position: static;
		height: auto;
		right: 0;
		top: 0;
		bottom: 0;
		width: auto;
	}
	.visual-holder .title,
	#content .text .title{
		font-size: 30px;
		line-height: 32px;
		margin-bottom: 10px;
	}
	.visual-holder p{
		font-size: 14px;
		line-height: 20px;
	}
	.manager-info .block-contacts{
		display: block;
	}
	.manager-info .contacts-info{
		text-align: center;
		padding-top: 25px;
	}
	
	.manager-info .tel, .manager-info .mail{
		padding-left: 0;
		padding-top: 50px;
		margin-bottom: 20px;
	}
	.manager-info .tel:after, .manager-info .mail:after{
		left: 50%;
		transform: translate(-50%, 0)
	}
	.contacts-inform{
		display: block;
	}
	.map-block{
		display: block;
	}
	.map-block .map-holder{
		width: 100%;
		margin-right: 0;
		margin-bottom: 30px;
	}
	.requisites-block .columns{
		display: block;
	}
	#content #contacts #contactus .bottom{
		display: block;
	}
	#content #contacts #contactus .bottom .submit-holder{
		margin-bottom: 20px;
	}
	#content #contacts #contactus .bottom p{
		text-align: left;
	}
	.address-inform .heading,
	#content .manager-info .title{
		font-size: 20px;
		line-height: 24px;
	}
	.contacts-inform .address-holder{
		padding-left: 0;
	}
	.visual-holder{
		margin-bottom: 30px;
	}
}
.visual-holder .holder:after,
.visual-holder .holder:before{display: none;}
@media screen and (max-width: 768px){
	#content .visual-holder p{display: none;}
	.manager-info .block-contacts{
		padding: 30px 15px;
	}
	.manager-info .tel, .manager-info .mail{
		font-size: 18px;
	}
	
	.visual-holder {height:128px; margin-top:-25px;}
}
@media screen and (max-width: 560px){
	.manager-info .block-contacts {padding:30px 5px;}
	.manager-holder{
		display: block;
		overflow: hidden;
	}
	.manager-holder .block{
		margin-bottom: 20px;
/* 		width: 100%; */
		float:left;
	}
	.manager-holder .img-holder {width:100%;}
	.manager-holder .name {font-size:14px;}
	.manager-holder .info {display:inline-block; font-size:12px; line-height:14px;}
	
	.contacts-inform address,
	.contacts-inform .time {font-size:14px; line-height:20px;}
	
	.requisites-block .column span,
	.requisites-block .column address {font-size:14px; margin-bottom:0;}
	
	.manager-info .tel, .manager-info .mail {font-size:14px; padding-top:30px; margin-bottom:0;}
	.manager-info .tel:after,
	.manager-info .mail:after{
		width:24px;
		height:24px;
		background-size:contain;
	}
	.manager-info .mail:after{
		width:26px;
		height:16px;
		top:10px;
	}
	
	.requisites-block,
	.contacts-box{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.map-block .map-holder .yandex-map iframe {max-height:250px;}
}
.yandex-map iframe{
	display: block;
	margin-bottom:0 !important;
}
#content .map-block .address-block .inform .shedule-inform{
	display: none;
}
#content .map-block .address-block .inform .info{
	color: #adadad;
}
#content .map-block .address-block .inform .info .shedule-info{
	color: #666;
	border: 1px solid #cacaca;
}

/* End */


/* Start:/bitrix/components/bitrix/form.result.new/error.css?1783588063163*/
.form-error-fld {
	display: block;
	float: left;
	height: 13px;
	width: 15px;
	background-repeat: no-repeat;
	background-image: url(/bitrix/components/bitrix/form.result.new/images/icon_warn.gif);
}
/* End */
/* /bitrix/templates/eshop_bootstrap_green/css/contacts.css?17835880289392 */
/* /bitrix/components/bitrix/form.result.new/error.css?1783588063163 */