html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}ul{list-style: none;}header,footer,section,aside,nav,article{display: inline-block; width: 100%;}input:focus,select:focus,textarea:focus{outline: none;}


body{
	font-family: 'Calibri', sans-serif;
	background: #fff;
	font-size: 14px;
	color: #505c5e;
}

.inner{width: 1200px; margin: 0 auto;}





header{position: relative; z-index: 1;}
	header .logo{float: left; position: relative; z-index: 2; text-align: center; margin: 15px 0;}
		header .logo span{display: block; color: #505c5e; font-size: 18px; font-weight: 300; line-height: 1.1;}
	header .social{position: absolute; top: 70px; left: 0; width: 100%; text-align: center; z-index: 1;}
		header .social img{margin: 0 6px;}
		header .social ul{display: inline-block; width: 100%; text-align: center!important;}
			header .social ul li{display: inline-block;}
	header .contacts{float: right; text-align: right; position: relative; z-index: 2; margin: 40px 0 0;}
		header .contacts p.timework{font-family: 'Arial', sans-serif; line-height: 1.3;}
			header .contacts p.timework span{display: block; font-style: italic; color: #fe7a7a}
			header .contacts p.phone{margin: 5px 0 15px;}
				header .contacts p.phone a{color: #505c5e; font-size: 30px; padding-left: 38px; background: url("../img/phone.png") 0 50% no-repeat; display: inline-block; line-height: 20px;}
			header .contacts p.email{font-size: 18px;}
				header .contacts p.email a{color: #57a7b3; font-style: italic; border-bottom: 1px solid #57a7b3;}
					header .contacts p.email a:hover{border-color: transparent;}
	header nav .pull{display: none;}
	header nav{text-align: center; background: #57a7b3; line-height: 80px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);}
		header nav ul{display: inline-block; width: 100%;}
			header nav ul li{display: inline-block;}
				header nav ul li a{font-size: 16px; text-transform: uppercase; color: #fff; display: block; padding: 0 60px;}
					header nav ul li a:hover,header nav ul li.active a,header .current-menu-item a,header .current-menu-parent a{background: #8cc63e}





#promo{position: relative;}
	.promo-slider,.promo-slider .slick-slide{height: 590px; color: #505C5E;}
	#promo h1{font-size: 50px; text-transform: uppercase; margin: 160px 0 40px;}
	#promo p{font-size: 24px; font-weight: 300; max-width: 575px; line-height: 1.2; margin-bottom: 75px;}





#services{padding: 75px 0 70px;}
	#services ul{display: inline-block; width: 100%;}
		#services ul li{width: 220px; height: 250px; background: #fff; float: left; margin: 0 10px 10px; text-align: center; border: 1px solid #d7e4e6; border-bottom: 5px solid #d7e4e6; box-sizing: border-box; border-radius: 10px;}
			#services ul li:hover{box-shadow: 0px 5px 20px 0px rgba(83, 156, 169, 0.35); border-color: transparent;}
			#services ul li a{display: block; padding: 30px 0 0;}
			#services ul li i{display: block; font-style: normal; font-size: 18px; font-weight: 300; color: #505c5e; padding: 0 40px; line-height: 1.3;}
			#services ul li:nth-child(2) i{padding: 0 20px;}





#about{background: #f5f9fa; padding: 55px 0;}
	#about ul{display: inline-block; width: 100%;}
		#about ul li{width: 46%; height: 295px; box-sizing: border-box; border: 1px solid #d7e4e6; border-radius: 10px; padding: 35px 35px 0 115px; float: left; margin: 0 2% 45px}
			#about ul li .title{font-size: 20px; font-weight: bold; margin-bottom: 20px;}
			#about ul li p{font-size: 16px; font-weight: 300; line-height: 1.1;}





#certification{padding: 75px 0; text-align: center;}
	#certification li{display: inline-block; margin: 0 22px;}





#map_main{display: block;}
	#map{height: 560px; width: 100%;}




#breadcrumbs{margin: 35px 0 20px; color: #9aa2a3; font-weight: 300;}
	#breadcrumbs .inner{border-bottom: 1px solid #c3cacb; padding: 0 0 10px;}
	#breadcrumbs a{color: #505c5e}
	#breadcrumbs span{color: #8cc63e; display: inline-block; margin: 0 5px;}





#main{padding-bottom: 70px;}





#sidebar{float: left; width: 285px; font-size: 18px; border-top: 1px solid #57a7b3}
	#sidebar ul li{display: inline-block; width: 100%; box-sizing: border-box; font-weight: 300; border-bottom: 1px solid #57a7b3}
		#sidebar ul li:last-child{background: none}
		#sidebar ul li a{color: #505c5e; font-size: 16px; font-weight: 300; text-transform: uppercase; display: block; padding: 20px 0 20px 37px; background: url("../img/arr_s.png") 17px 50% no-repeat;}
			#sidebar ul li a:hover,#sidebar ul li.active a{background: #57a7b3 url("../img/arr_s_h.png") 17px 50% no-repeat; color: #fff;}






#content{float: right; width: 870px; font-size: 18px; font-weight: 300; line-height: 1.2;}
	#content b,#content strong{font-weight: bold;}
	#content p,#content li{margin-bottom: 20px;}
	#content li{margin-left: 35px;}
	#main h1,#services h1{font-size: 36px; font-weight: normal; margin-bottom: 30px; position: relative; top: -5px;}

	#content h2,#content h3,#content h4,#content h5,#content h6{font-weight: 700; margin-bottom: 20px;}
	#content h2{font-size: 28px;}
	#content h3{font-size: 26px;}
	#content h4{font-size: 24px;}
	#content h5{font-size: 22px;}
	#content h6{font-size: 18px;}

	#content img{display: block; max-width: 100%; height: auto;}
	img.aligncenter{margin: 0 auto; margin: 10px 0;}
	img.alignleft{float: left; margin: 10px 10px 0 0;}
	img.alignright{float: right; margin: 10px 0 0 10px;}





#contacts{padding: 0 0 100px; font-size: 18px;}
	#contacts h1{font-size: 36px; font-weight: normal; margin-bottom: 30px;}
	#contacts p.zipcode{font-size: 20px;}
	#contacts p.address{margin: 5px 0 50px;}
	#contacts p.timework{line-height: 1.3;}
		#contacts p.timework span{font-style: italic; color: #fe7a7a}
		#contacts p.phone{margin: 5px 0 15px;}
			#contacts p.phone a{color: #505c5e; font-size: 24px; display: inline-block; font-weight: bold; position: relative; top: 3px;}
		#contacts p.email{font-size: 18px;}
			#contacts p.email a{color: #57a7b3; font-style: italic; border-bottom: 1px solid #57a7b3;}
				#contacts p.email a:hover{border-color: transparent;}
	#contacts .social{margin-top: 30px;}




footer{background: #f5f9fa; display: block; padding: 30px 0;}
	footer .logo{float: left; margin: 0 160px 0 0;}
		footer .logo span{display: block;}
		footer .logo img{width: 220px; margin-bottom: 25px;}
	footer .navigation{float: left; width: 450px; margin-top: 8px;}
		footer .navigation nav{width: 50%; float: left;}
			footer .navigation nav li{margin-bottom: 12px;}
				footer .navigation nav li a{color: #505c5e; border-bottom: 1px solid transparent}
					footer .navigation nav li a:hover{border-color: #505c5e}
	footer .contacts{float: right; text-align: right; margin-top: 8px;}
		footer .contacts p.phone{margin: 0 0 10px;}
			footer .contacts p.phone a{color: #505c5e; font-size: 24px; display: inline-block; line-height: 20px;}
		footer .contacts p.email{font-size: 18px; margin-bottom: 35px;}
			footer .contacts p.email a{color: #57a7b3; font-style: italic; border-bottom: 1px solid #57a7b3;}
				footer .contacts p.email a:hover{border-color: transparent;}
	footer .contacts .social{text-align: left;}
	footer .develop{font-size: 18px; font-weight: 300; margin-top: 0px; text-align: right;}
		footer .develop a{font-weight: bold; color: #57a7b3;}





.arcticmodal-overlay,
.arcticmodal-container { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000; }
.arcticmodal-container { overflow: auto; margin: 0; padding: 0; border: 0; border-collapse: collapse; }
*:first-child+html .arcticmodal-container { height: 100% }
.arcticmodal-container_i { height: 100%; margin: 0 auto; width: 100%;}
.arcticmodal-container_i2 {
	width: 100%; height: 300px;
}
.arcticmodal-error { padding: 20px; border-radius: 10px; background: #fff; color: #fff; }
.arcticmodal-loading { width: 80px; height: 80px; border-radius: 10px; background-size: 100% 100%; display: block; margin: 0 auto; margin-top: 200px;}
.arcticmodal-overlay{
	opacity: 0.5!important; background: #000!important
}


.box-modal{width: 310px; padding: 25px 30px; box-sizing: border-box; display: block; margin: 0 auto; margin-top: 75px; margin-bottom: 75px; position: relative; background: #fff; text-align: center;}
	.arcticmodal-close{font-size: 0; width: 21px; height: 21px; cursor: pointer; background: url("../img/close.png") 50% 50% no-repeat; position: absolute; top: 5px; right: 5px;}

	.box-modal h6{text-transform: uppercase; margin-bottom: 20px; font-size: 15px; color: #3c3c3c; font-weight: 700;}
	.box-modal select, .box-modal input[type="text"],.box-modal input[type="email"],.box-modal textarea{resize: none; font-family: 'Calibri', sans-serif; width: 250px; height: 45px; border: 1px solid #eaeaea; box-sizing: border-box; padding: 0 17px; float: left; margin: 0 0 12px;}
	.box-modal input[type="submit"]{width: 90%;}
	.box-modal textarea{padding: 17px; height: 100px;}
	.box-modal label{margin-bottom: 10px; display: inline-block;}



#window-thanks p{font-size: 18px; line-height: 1.5;}







.block-title{text-align: center; display: inline-block; width: 100%; text-transform: uppercase; font-size: 40px; font-weight: 300; margin-bottom: 40px;}
	.block-title span{font-size: 20px; text-transform: none; display: block;}







.clearfix{display: inline-block; width: 100%; height: 0px;}
a{text-decoration: none; transition: all 0.5s ease-out;}
	a:hover{transition: all 0.5s ease-out;}


.btn{display: inline-block; text-align: center; cursor: pointer; border: none; transition: all 0.5s ease-out;}
	.btn:hover{transition: all 0.5s ease-out;}

	.btn-red{color: #fff; text-transform: uppercase; color: #fff; font-weight: 300; font-size: 18px; background: #fe7a7a; border-radius: 65px; padding: 25px 28px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.25);}
		.btn-red:hover{box-shadow: none;}
		input.btn-red{border-radius: 5px; padding: 10px 20px; font-size: 16px;}

input{-webkit-appearance: none;}

/*responsive*/

@media screen and (max-width: 1250px){
	.inner{width: 98%;}
	header .social ul{padding-left: 50px; box-sizing: border-box;}

	#promo .inner{width: 70%;}
		.slick-prev{left: 10px;}
		.slick-next{right: 10px;}

	#services ul li{width: 18%; margin: 0 1%; height: auto; min-height: 230px; padding-bottom: 10px;}
		#services ul li img{max-width: 100%; height: auto;}
		#services ul li i{padding: 0 5px!important; font-size: 16px;}

	#certification li{float: left; width: 33%; margin: 0; text-align: center;}
	#certification li img{max-width: 90%; height: auto;}

	#sidebar{width: 25%; font-size: 16px;}
	#sidebar ul li a{padding-left: 20px; background-position: 10px 50%;}
		#sidebar ul li a:hover{background-position: 10px 50%;}
	#content{width: 73%;}

	footer .logo{margin-right: 60px;}
}

@media screen and (max-width: 1040px){
	header nav ul li a{padding: 0 30px;}
	#about ul li{padding: 20px 20px 0 80px; background-position: 15px 15px!important; background-size: 45px 45px!important}

	footer .logo{width: 100%; text-align: center; margin-bottom: 20px;}
	footer .navigation{width: 100%; text-align: center;}
		footer .navigation nav{width: 100%;}
			footer .navigation nav li{display: inline-block; margin: 0 5px 5px;}
	footer .contacts,footer .contacts .social{width: 100%; text-align: center;}
		footer .contacts ul{display: inline-block;}
	footer .develop{text-align: center; font-size: 16px;}
}

@media screen and (min-width: 768px){
	header nav ul{display: inline-block!important;}
}

@media screen and (max-width: 768px){
	header .logo{width: 100%;}
		header .logo img{width: 200px;}
	header .social{position: relative; top: -5px;}
		header .social ul{margin: 0}
	header .contacts{width: 100%; text-align: center; margin: 0}
		header .contacts p.phone a{font-size: 26px; position: relative; top: 5px;}
	header nav{line-height: 40px;}
		header nav .pull{display: block; text-align: left; box-sizing: border-box; padding: 0 2%; background: url("../img/pull.png") 98% 50% no-repeat; background-size: 25px 25px; color: #fff; font-weight: bold; font-size: 18px;}
		header nav ul{width: 100%; display: none;}
			header nav ul li{width: 100%; border-top: 1px solid #fff;}
				header nav ul li a{box-sizing: border-box; padding: 0 2%; text-align: left;}

	header .social ul{padding: 0}

	#promo{text-align: center;}
	.promo-slider,.promo-slider .slick-slide{height: 370px;}
	#promo h1{margin: 70px 0 20px; font-size: 30px; text-align: center;}
	#promo p{text-align: center; font-size: 18px; max-width: 100%;}

	#services{padding: 30px 0;}
	#services ul{text-align: center;}
	#services ul li{width: 45%; height: 250px; margin-bottom: 15px; float: none; display: inline-block;}

	#about ul li{width: 100%; margin: 0 0 20px; height: auto; padding-bottom: 20px;}

	#certification{padding: 30px 0;}

	#map{height: 250px;}


	#sidebar{width: 100%; font-size: 18px; margin-bottom: 20px;}
		#sidebar ul li a{padding: 10px 0 10px 20px;}
		#sidebar .title{padding: 10px 0;}
	#content{width: 100%; font-size: 15px;}
		#content p,#content li{text-indent: 0; margin-bottom: 5px;}
		#content li{margin-left: 10px}


	.block-title{font-size: 26px;}
	.block-title span{font-size: 16px;}
}

@media screen and (max-width: 560px){
	#services ul li{width: 100%; margin: 0 0 15px; height: auto; min-height: 0;}
}

/*responsive*/