@charset "utf-8";
@import "bootstrap.css";
@import "normalize.css";
@import "/templates/template/node_modules/slick-carousel/slick/slick.css";
@import "/templates/template/node_modules/magnific-popup/dist/magnific-popup.css";
@import "callback-btn.css";
@import "callback-modal.css";
@import "typography.css";

/* Класс для увеличения картинки */
.zoom-img {}

/* Класс для галлереи */
.gallery {}
#mapPage {
	margin-left: -123px;
    height: 365px;
    width: calc(100vw - (100vw - 1190px) / 2 - 358px);
    /*width: 1250px;*/
    margin-bottom: 45px;
    margin-top: -30px;
    

}
/* Класс для формы */
.form-submit-toggle {}

/* Класс для кнопки заказать звонок */
.callback-toggle {}

/******** Magnific-Popup *********/
body li{
	font-family: "ProximaNova-Light";

font-size: 15px;

color: #000;
}
body li span{
	font-family: "ProximaNova-Light";

font-size: 15px;

color: #000;
}
.mfp-fade.mfp-bg {
    opacity: 0;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

/**********************************/

.main{
    display: flex;
    max-height: calc(100vh - 120px);

overflow-y: auto;
}
.component {
    width: 100%;
}
.left, .right {
    width: 30%;
}

@font-face {
    font-family: 'ProximaNova-Bold'; 
    src: url(../fonts/ProximaNova-Bold.ttf) format('truetype');
}

@font-face {
    font-family: 'ProximaNova-Light'; 
    src: url(../fonts/ProximaNova-Light.ttf) format('truetype');
}

@font-face {
    font-family: 'ProximaNova-Regular'; 
    src: url(../fonts/ProximaNova-Regular.ttf) format('truetype');
}

@font-face {
    font-family: 'ProximaNova-Semibold'; 
    src: url(../fonts/ProximaNova-Semibold.ttf) format('truetype');
}




body p{
    margin-top: 0;
    font-family: "ProximaNova-Light";
    font-size: 15px;
    margin-bottom: 10px;
    color: #000;
}
p.h1{
    text-align: center;
    font-family: "Akrobat-Black";
    font-size: 24px;
    margin-bottom: 45px;
    text-transform: uppercase;
}
h1{
    text-align: center;
    font-family: "Akrobat-Black";
    font-size: 24px;
    margin-bottom: 45px;
    text-transform: uppercase;
}
.wrapper{
    max-width: 1920px;
    margin: 0 auto;
     min-height:100%;
   position:relative;
   overflow: hidden;
   min-width: 1200px;
   overflow: hidden;
}

.wrapper .container{
    width: 1190px;
}
.flexSA{
    display: flex;
    justify-content:space-around;
}

.flexSB{
    display: flex;
    justify-content:space-between;
}
.flexCenter{
    display: flex;
    justify-content:center;
}

.flexAI{
    display: flex;
    align-items:center;
}

.flexW{
    display: flex;
    flex-wrap:wrap;
}
.flexColumn{
    display: flex;
    flex-direction:column;
}
.flexStart{
    display: flex;
    justify-content:flex-start;
}
.flexEnd{
    display: flex;
    justify-content:flex-end;
}
/*Main block*/
.leftMainWrap{
	position: fixed;
	top: 0;
	left: calc((100% - 1190px) / 2);
	width: 363px;
	
	
	padding-right: 62px;

}
.wrapInsPage{
	align-items: flex-start;
}
.leftMainWrap .main ul{
	background: #83b379;
	width: 100%;
}
.leftMainWrap .main ul li{
	
	border-bottom: 1px solid #ced9cc;
}
.leftMainWrap .main ul li.activeOpen{
	background: #00ad2b;
	
}
.leftMainWrap .main ul li.activeOpen > a{
	color: #fff;
}
.leftMainWrap .main ul li a{
	margin-left: 55px;
}
.leftMainWrap .main ul li a{
	display: block;
	font-size: 18px;
	font-family: "ProximaNova-Bold";
	color: #000;
	padding: 15px 0;
}
.leftMainWrap .main ul .parent{
	cursor: pointer;
}
.leftMainWrap .main ul .parent .nav-header {
	display: block;
	font-size: 18px;
	font-family: "ProximaNova-Bold";
	color: #000;
	padding: 15px 0;
	margin-left: 55px;
}
.leftMainWrap:before{
	position: absolute;
	content: url(../images/leftMenuBg.png);
	top: 0;
	right: 0px;
	z-index: -1;
}
/*End main block*/
.contentRightBlock{
	padding-bottom: 60px;
	width: calc(100% - 473px);
}
.topLine{
	margin-top: 45px;
	margin-left: -80px;
	margin-bottom: 25px;
}
.topLine p{
	font-size: 18px;
	margin-bottom: 0;
	margin-right: 40px;


}
.topLine p span{
	font-family: "ProximaNova-Regular";
}
.topLine p.phone span{
	color: #008b24;
	font-family: "ProximaNova-Bold";
}
.topLine img{
	margin-right: 10px;
	margin-bottom: 5px;

}
.callback-toggle {

    border: 2px solid #408a32;
    padding: 7px;
    width: 155px;
    background: #408a32;
    color: #fff;
    font-size: 15px;
    font-family: "ProximaNova-Bold";
    text-align: center;

}

/*headerBlock*/
.headerBlock{
	border-top: 1px solid #cea562;
	background: #f7f7f7;
	padding: 45px 35px 15px;
	margin-bottom: 13px;
}
.headerBlock p.h1,.headerBlock h1{
	text-align: center;
	color: #fff;
	font-family: "ProximaNova-Bold";
	font-size: 26px;
	text-transform: uppercase;
	background: url(../images/headerBlock.png) no-repeat top center;
	min-height: 63px;
	padding-top: 12px;
	margin-bottom: 15px;
	margin-top: 0;
}
.headerBlock p.name{
	font-family: "ProximaNova-Bold";
	text-align: center; 
}
.headerBlock a.more{
	border: 1px solid #cea562;
	color: #cea562;
	padding: 8px 20px;text-decoration: none;
}
.blockInfoWrap{
	margin-bottom: 13px;
}
.blockInfoWrap .headBlock{
	width: 225px;
	height: 40px;
	display: flex;
	align-items: center;
	padding-left: 13px;
	background: #cea562;
	color: #000;
	font-family: "ProximaNova-Bold";
	text-transform: uppercase;
	margin-bottom: 0;
}
.blockInfoWrap .headBlock span{
	text-transform: none;
	font-family: "ProximaNova-Light";
	margin-left: 5px;
}
.blockInfoWrap .txtBlock{
	width: calc(100% - 250px);
	margin-top: -5px;
}


/*End headerBlock*/
/*bgExsperts*/
.bgExsperts{
	background:url(../images/bgExsperts.png) no-repeat;
	background-size: cover;
	padding: 30px 50px 10px; 
}
.bgExsperts p.name{
	font-family: "ProximaNova-Bold";
	text-align: center;
}


/*End bgExsperts*/
/*preimBg*/
.preimBg{
	padding: 25px 60px 30px 1px;
	background: url(../images/preimBg.png) no-repeat top left;
}
.preimBg{

}
.preBlock{
	width: 340px;
	margin-top: -35px;

}
.preBlock .nucPre{
	text-align: center;
	width: 31%;
}
.preBlock .nucPre:last-child{
	margin-left: -90px;
}




/*End preimBg*/
/*Serv*/
.nucServ p{
	color: #fff;
	text-align: center;
	padding: 10px 20px;
	margin-bottom: 0;
	text-transform: uppercase;
	font-family: "ProximaNova-Bold";
	background: #cea562;
}
.nucServ{
	width: 32%;
}
.nucServ .imgW{
	margin-bottom: 1px;
	position: relative;
}
.nucServ img{
	width: 100%;
	
}
.nucServ:nth-child(1) .imgW:after{
	position: absolute;
	right:15px;
	bottom: 0;
	content: '01';
	font-size: 77px;
	font-family: "ProximaNova-Bold";
	color: #fff;
	opacity: 0.55;
	line-height: 1;
}

.nucServ:nth-child(2) .imgW:after{
	position: absolute;
	right:15px;
	bottom: 0;
	content: '02';
	font-size: 77px;
	font-family: "ProximaNova-Bold";
	color: #fff;
	opacity: 0.55;
	line-height: 1;
}

.nucServ:nth-child(3) .imgW:after{
	position: absolute;
	right:15px;
	bottom: 0;
	content: '03';
	font-size: 77px;
	font-family: "ProximaNova-Bold";
	color: #fff;
	opacity: 0.55;
	line-height: 1;
}






/*End serv*/
/*callbackFormIns*/
.callbackFormIns{
	background: url(../images/callbackFormInsBg.png) no-repeat;
	background-size: cover;
	padding: 25px;
	margin-bottom: 13px;

}

.callbackFormIns p.name{
	font-family: "ProximaNova-Bold";
	color: #c2a45d;

}

.callbackFormIns p{
	color: #fff;
}
.callbackFormIns strong{
	font-family: "ProximaNova-Bold";
	color: #fff;
	margin-bottom: 0;
}
.callbackFormIns .rightBlock{
	width: 230px;
	margin-left: 40px;
}
.callbackFormIns .leftBlock{
	width: calc(100% - 270px);
}

.callbackFormIns input{
	width: 100%;
	padding: 10px 15px;
	background: #f7f7f7;
	border: none;
	font-size: 15px;
	font-family: "ProximaNova-Light";
	margin-bottom: 5px;

}
.callbackFormIns input[type="submit"]{
	border: 2px solid #408a32;
	padding: 7px;
	background: #408a32;
	color: #fff;
	font-size: 15px;
	font-family: "ProximaNova-Bold";
	text-align: center;
}





/*End callbackFormIns*/
/*formBotPage*/
.formBotPage input{
	width: 250px;
	padding: 10px 15px;
	background: #f7f7f7;
	border: none;
	font-size: 15px;
	font-family: "ProximaNova-Light";

}
.formBotPage input[type="submit"]{
	border: 2px solid #408a32;
	padding: 7px;
	width: 160px;
	background: #408a32;
	color: #fff;
	font-size: 15px;
	font-family: "ProximaNova-Bold";
	text-align: center;
}

/*End formBotPage*/
/*LeftMain*/
.leftMainWrap li.parent{
	position: relative;
}
.openChildMain{
	position: absolute;

left: 15px;

top: 15px;

text-align: center;

width: 30px;

height: 30px;
}
.leftMainWrap li.parent ul li{
	border-bottom: none;
	border-top:1px solid #ced9cc;

}
.leftMainWrap li.parent ul li a{
	font-size: 15px;
	font-family: "ProximaNova-Regular";
	padding-left: 15px;
}
.leftMainWrap li.parent ul{
	display: none;
}
.openChildMain img.actMain{
	display: none;
}

.openChildMain.active img.actMain{
	display: block;
}

.openChildMain.active img.nonActMain{
	display: none;
}
.openChildMain.active{
	top: 25px;
}

/*End keftMain*/

/*iconsHeaderBlock*/
.iconsHeaderBlock p{
	margin-bottom: 0;
	font-size: 12px;
}
.iconsHeaderBlock img{
margin-right: 5px;
}
.iconsHeaderBlock{
	padding-right: 10px;
	margin-right: 10px;
	border-right: 1px solid #cea562;
}
.iconsHeaderBlock:last-child{
	border-right:none;
}
.iconsHeaderBlockWrap{
	padding-bottom: 5px;
}
/*End iconsHeaderBlock*/

/*slideItemH*/
.slideItemH p{
	margin-bottom: 0;
}
.slideItemH p.number{
	font-size: 26px;
	font-family: "ProximaNova-Bold";
	color: #cea562;
	line-height: 1;
	background: #f6f6f6;
	padding: 10px;
}
.slideItemH p.article{
	font-size: 12px;
}
.slideItemH p.new{
	font-family: "ProximaNova-Bold";
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
	background:url(../images/newPBg.png) no-repeat; 
	width: 109px;
	height: 46px;
	padding-bottom: 5px;
}
.wrapTopLeftItem{
	margin-bottom: 30px;
}
.sliderItemHead{
	margin-bottom: 40px;
	width: 100%;
}
.rightItemBlock p.nameServ{
	background:url(../images/nameServBg.png) no-repeat left; 
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20px;
	height: 47px;
	width: calc(100% + 5px);
	position: relative;
	left: -5px;
}
.rightItemBlock{
	width: 380px;
	margin-left: 20px;
}
.leftItemBlock{
	width: calc(100% - 400px);
}
.leftItemBlock img{
	max-width: 100%;
}
.rightItemBlock p.name{
	font-family: "ProximaNova-Bold";
	text-transform: uppercase;
}
.rightItemBlock p strong{
	font-family: "ProximaNova-Bold";
	font-weight: normal;
}
.wrapCharAndImg .imgW{
	width: 130px;
	height: 130px;
	border-radius: 50%;
	margin-left: 15px;
	overflow: hidden;
}
.wrapCharAndImg .imgW img{
	width: 100%;

}
.wrapCharAndImg .charItem{
	width: calc(100% - 145px);
	border-top: 1px solid #cea562;
	background: #f6f6f6;
}
.wrapCharAndImg{
	align-items: flex-end;
	margin-top: -10px;
}
.wrapCharAndImg .charItem p{
	font-family: "ProximaNova-Bold";
	display: inline-block;
	padding: 0 7px 0 10px;
	position: relative;
	margin: 8px 0;
}
.wrapCharAndImg .charItem p:after{
	width: 1px;
	height: 80%;
	position: absolute;
	right: 0;
	top: 10%;
	background: #cea562;
	content: '';
}
.wrapCharAndImg .charItem p span{
	font-size: 26px;
	color: #408a32;
	line-height: 1;
}
.wrapCharAndImg .charItem .callback-toggle{
	width: 100%;
	color: #fff;
	background: #cea562;
	border: 2px solid #cea562;

}
/*End slideItemH*/
/*miniSlideItem*/
.miniSliderItems{
	position: relative;
}
.miniSliderItems .slick-arrow{
	position: absolute;
	top: calc(50% - 35px);
	border: none;
	content:'';
	font-size: 0;
	width: 17px;
	height: 28px;

}
.miniSliderItems .slick-next{
	background: url(../images/arrNext.png) no-repeat;
	right: -27px;
}

.miniSliderItems .slick-prev{
	background: url(../images/arrPrev.png) no-repeat;
	left: -27px;
}

.miniSlideItem > img{
	display: inline-block;
	max-width: 100%;
}
.miniSlideItem {
	text-align: center;
	padding: 0 5px;
}
.miniSlideItem p{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0px;
	height: 42px;
	width:100%;
	background: #f2e4c9;
	position: relative;
	font-size: 12px;
	line-height: 1;
	font-family: "ProximaNova-Bold";
}
.wrapSliderItem{
	margin-bottom: 20px;
}

/*End miniSlideItem*/
/*sliderSert*/
.sliderSert{
	position: relative;
}
.slideSert{
	text-align: center;
}
.slideSert img{
	display: inline-block;
}
.sliderSert .slick-arrow{
	position: absolute;
	top: calc(50% - 14px);
	border: none;
	content:'';
	font-size: 0;
	width: 17px;
	height: 28px;

}
.sliderSert .slick-next{
	background: url(../images/arrNext.png) no-repeat;
	right: -27px;
}

.sliderSert .slick-prev{
	background: url(../images/arrPrev.png) no-repeat;
	left: -27px;
}


/*End sliderSert*/
/*sliderFasov*/
	.sliderFasov{
		position: relative;
	}
	.slideFasov{
		text-align: center;
	}
	.slideFasov p{
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 0px;
		height: 42px;
		width: 100%;
		background: #f2e4c9;
		position: relative;
		font-size: 12px;
		line-height: 1;
		font-family: "ProximaNova-Bold";
	}
	.slideFasov{
		padding: 0 5px;
	}
	.slideFasov img{
		display: inline-block;
		max-width: 100%;
		height: 120px;

	}
	.sliderFasov{
		/*padding: 0 65px;*/
	}

	.sliderFasov .slick-arrow{
	position: absolute;
	top: calc(50% - 35px);
	border: none;
	content:'';
	font-size: 0;
	width: 17px;
	height: 28px;

}
.sliderFasov .slick-next{
	background: url(../images/arrNext.png) no-repeat;
	right: -27px;
}

.sliderFasov .slick-prev{
	background: url(../images/arrPrev.png) no-repeat;
	left: -27px;
}
/*End sliderFasov*/
/*servBgProiz*/
.servBgProiz{
	background: url(../images/servBgProiz.png) no-repeat;
	background-size: cover;
	padding: 45px 75px 20px;
}

.shemWrap p{
	font-size: 12px;
	font-family: "ProximaNova-Bold";
	margin-bottom: 25px;
	padding: 15px;
	text-align: center;
	background: #fff;
	border: 1px solid #cea562;
	position: relative;
}
.shemWrap p.topArr:before{
	content: '';
	position: absolute;
	bottom: calc(100% + 2px);
	width: 19px;
	height: 26px;
	left: calc(50% - 9px);
	background:url(../images/topArrShem.png) no-repeat; 
	background-size: 100% 100%;
}
.shemWrap .threeShem p{
	width: calc(33% - 15px);
}
.shemWrap p.leftAndRightArr:before{
	content: '';
	position: absolute;
	top: calc(50% - 19px);
	width: 26px;
	height: 39px;
	left: calc(100% + 1px);
	background:url(../images/leftAndRightArr.png) no-repeat; 
	background-size: 100% 100%;
}



/*End servBgProiz*/


/*Modal form*/
.callback-modal.modalForm{
	max-width:825px;
	width: 825px;
	border-radius: 0;
	background: #408a32;
	padding: 30px 135px 20px;  	
}
.callback-modal.modalForm input{
	background: #fff;
	border: none;
	padding: 10px 30px;
	font-size: 16px;
	color: #000;
	font-family: "ProximaNova-Regular";
	margin-bottom: 15px;

}
.callback-modal.modalForm input[type="checkbox"]{
	display: none;
}
.callback-modal.modalForm .callback-modal__headline{
	color: #fff;
	font-family: "ProximaNova-Bold";
	line-height: 1.2;
	font-size: 30px;
	margin-bottom: 20px;
}

.callback-modal.modalForm .callback-modal__button{
	font-size: 14px;
	font-family: "ProximaNova-Bold";
	padding: 15px;
	width: 240px;
	border: none;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	background: #086933;
}

.callback-modal.modalForm label{
	position: relative;
	padding-left: 50px;
	margin: 25px 0;
}
.callback-modal.modalForm label,.callback-modal.modalForm label a{
	font-size: 16px;
	font-family: "ProximaNova-Light";
	color: #fff;
}
.callback-modal.modalForm label a{
	text-decoration: underline;
}
.callback-modal.modalForm label::before {

    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 10px;
    position: absolute;
    left: 0px;
    bottom: calc(50% - 14px);
    background-color: #fff;
    

}

.callback-modal.modalForm input[type="checkbox"]:checked + label::before {

    font-size: 27px;
    color: #000;
    text-align: center;
    content: "\2713";
    line-height: 33px;
    font-family: "ProximaNova-Bold";

}

.mfp-close-btn-in .callback-modal.modalForm .mfp-close {

    color: #fff;

}
/*End modal form*/
/* --- Media styles --- */

@media screen and (min-width:1200px){

}
@media screen and (max-width:1199px){
    .leftMainWrap{

	left: 0;

	


}

}
@media screen and (max-width:1024px){

    
}
@media screen and (max-width:991px){
    

}

    

@media screen and (max-width:767px){
    

}
    
@media screen and (max-width:675px){
    
}
@media screen and (max-width:640px){
    
}
@media screen and (max-width:600px){
    
}
@media screen and (max-width:485px){
    
}
@media screen and (max-width:425px){}
@media screen and (max-width:400px){
    
}
@media screen and (max-width:370px){
    }