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: 'Roboto Condensed', sans-serif;
	background: #fff;
	font-size: 16px;
	color: #000;
}

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



header{}
	header .top{padding: 15px 0; background: #18646f; color: #fff; line-height: 25px;}
		header .address{float: left;}
			header .address p{padding: 0 0 0 25px; background: url("../img/address.png") 0 50% no-repeat;}
		header .phone{float: left; margin: 0 105px 0 148px;}
			header .phone p{padding: 0 0 0 31px; background: url("../img/phone.png") 0 50% no-repeat;}
				header .phone p a{color: #fff; font-size: 20px;}
		header .callback{float: left;}
			header .callback p{padding: 0 0 0 25px; background: url("../img/callback.png") 0 50% no-repeat;}
				header .callback p a{color: #fff;}
		header .timework{float: right;}
			header .timework p{padding: 0 0 0 35px; background: url("../img/timework.png") 0 50% no-repeat;}
	header .logo{text-align: center; height: 270px; background: url("../img/bg_logo.jpg") 50% 0 no-repeat; background-size: cover}
		header .logo img{margin: 10px 0 0;}
	header nav{text-align: center; border-bottom: 1px solid #cf9d44; margin-bottom: 55px;}
		header nav .pull{display: none;}
		header nav li{display: inline-block; margin: 0 35px;}
			header nav li a{color: #545454; text-transform: uppercase; font-weight: 300; height: 70px; line-height: 70px; display: block; padding: 0 30px;}
				header nav li.active a,header nav li a:hover,.current_page_item a,.current-menu-item a,.current-post-ancestor a{background: #cf9d44; color: #fff;}





#services{}
	#services .box{width: 50%; float: left; box-sizing: border-box; padding: 0 50px;}
		#services .box .title{margin-bottom: 5px;}
			#services .box .title img{width: 100%; display: block;}
			#services .box .title p{width: 100%; box-sizing: border-box; color: #fff; font-size: 30px; padding: 18px 15px;}
				#services .box-left .title p{background: #18646f}
				#services .box-right .title p{background: #cf9d44}
		#services .box ul{padding: 6px 25px 0; border-left: 1px solid #18646f}
		#services .box-right ul{border-left: 1px solid #cf9d44}
			#services .box ul li{margin-bottom: 5px; padding-left: 15px; background: url("../img/ls.png") 0 50% no-repeat;}
			#services .box ul li a{color: #18646f;}
				#services .box ul li a:hover{text-decoration: underline;}
			#services .box-right ul li a{color: #cf9d44;}





#about{padding: 65px 0; font-size: 18px; color: #545454; font-weight: 300; line-height: 1.2;}
	#about .inner{padding: 0 45px; box-sizing: border-box;}
	#about p{margin-bottom: 22px; text-indent: 35px;}
	#about li{margin-bottom: 10px; padding-left: 35px;}
	#about h2{text-transform: uppercase; color: #18646f; text-align: center; font-weight: 300; font-size: 24px; margin: 35px 0 40px;}





#info{}
	#info li{width: 100%; height: 470px;}
		#info .thumbnail{width: 50%; float: left; height: 470px;}
		#info li:nth-child(2n) .thumbnail{float: right;}
		#info .info{float: left; width: 50%;}
			#info .wrapper{max-width: 600px; box-sizing: border-box; padding: 0 0 0 50px;}
			#info li:nth-child(2n) .wrapper{float: right; padding: 0 50px 0 0;}
		#info .title{font-size: 36px; font-weight: 300; color: #18646f; display: table; width: 100%; height: 130px;}
			#info .title span a{color: #18646f}
			#info .title span{display: table-cell; height: 130px; vertical-align: middle;}
		#info p{color: #545454; line-height: 1.5; font-size: 18px; font-weight: 300;}





#terms{padding: 45px 0 0; background: #fbfbfb;}
	#terms .inner{width: 1280px}
	#terms ul{display: inline-block; width: 100%; text-align: center;}
		#terms ul li{width: 260px; height: 170px; text-align: center; display: inline-block; margin: 0 30px 40px; float: left; background: #fff; border: 1px solid #d9d9d9; box-sizing: border-box; color: #cf9d44; padding: 0 7px;}
		#terms p{display: table; width: 100%; height: 105px;}
			#terms p span{display: table-cell; height: 105px; vertical-align: middle; font-size: 24px; color: #18646f; box-sizing: border-box;}





#contacts{position: relative; display: block;}
	#contacts .inner{width: 100%; position: absolute; top: 0; left: 0; z-index: 2; height: 1px;}
	#contacts .wrapper{width: 1200px; margin: 0 auto; height: 1px;}
		#contacts .data{background: #fff; width: 360px; padding: 20px 30px; box-sizing: border-box; border-radius: 10px; float: right; margin-top: 30px; text-align: center;}
		#contacts h6{font-size: 20px; color: #18646f; font-weight: normal; border-bottom: 1px solid #cf9d44; line-height: 1.2; padding-bottom: 10px; margin-bottom: 15px;}
		#contacts .ct{font-size: 20px; color: #545454; font-weight: 300; line-height: 1.4; margin: 30px 0 50px;}
			#contacts .ct a{color: #545454}
		#contacts .ct p.email a{font-size: 16px; color: #18646f}
		#contacts .address{font-size: 18px; font-weight: 300; color: #545454; line-height: 1.3;}
	#contacts #map{width: 100%; height: 500px; position: relative; z-index: 1;}





#page-contacts{padding: 0 0 50px;}
	#page-contacts h1{font-size: 30px; font-weight: 300; color: #18646f; margin-bottom: 35px;}
	#page-contacts .lc{padding-top: 90px; background: url("../img/ml_l.png") 50% 0 no-repeat; text-align: center; font-weight: 300; color: #545454; font-size: 18px; line-height: 1.3;}
		#page-contacts h2{color: #18646f; font-size: 30px; font-weight: normal;}
		#page-contacts .lc a{color: #545454;}
		#page-contacts .lc .phones{font-size: 30px; margin: 40px 0 20px;}
		#page-contacts .lc .email a{color: #18646f; font-style: italic; border-bottom: 1px solid #18646f}
			#page-contacts .lc .email a:hover{border-color: transparent;}
		#page-contacts .lc .address{margin: 30px 0; font-size: 24px;}
		#page-contacts .lc .content{text-align: left;}
			#page-contacts .lc .content p{margin-bottom: 26px; text-indent: 35px; padding: 0 40px;}





#breadcrumbs{font-size: 14px; color: #545454; position: relative; top: -27px;}
	#breadcrumbs .inner{border-bottom: 1px solid #bbbbbb; padding-bottom: 25px;}
	#breadcrumbs li{display: inline-block;}
		#breadcrumbs li a{color: #18646f}
		#breadcrumbs li span{color: #bbbbbb; display: inline-block; margin: 0 5px;}





#sidebar{width: 365px; float: left;}
	#sidebar .box{width: 100%; float: left; box-sizing: border-box; margin-bottom: 25px;}
		#sidebar .box .title{margin-bottom: 5px;}
			#sidebar .box .title img{width: 100%; display: block;}
			#sidebar .box .title p{width: 100%; box-sizing: border-box; color: #fff; font-size: 24px; padding: 18px 15px;}
				#sidebar .box-left .title p{background: #18646f}
				#sidebar .box-right .title p{background: #cf9d44}
		#sidebar .box ul{padding: 6px 25px 0; border-left: 1px solid #18646f}
		#sidebar .box-right ul{border-left: 1px solid #cf9d44}
			#sidebar .box ul li{margin-bottom: 5px; padding-left: 15px; background: url("../img/ls.png") 0 50% no-repeat;}
			#sidebar .box ul li a{color: #18646f;}
				#sidebar .box ul li a:hover{color: #cf9d44}
				#sidebar .box ul li a:hover{text-decoration: underline;}
			#sidebar .box-right ul li a{color: #cf9d44;}
				#sidebar .box-right ul li a:hover{color: #18646f}





#content{float: left; width: 835px; box-sizing: border-box; padding-left: 25px; }
	#content #breadcrumbs{top: 0;}
		#content #breadcrumbs .inner{width: 100%;}
	#content .text{font-size: 18px; color: #545454; line-height: 1.3; font-weight: 300;}
		#content .text p{text-indent: 35px; margin-bottom: 25px;}
		#content .text a{color: #18646f; border-bottom: 1px solid #18646f; font-style: italic;}
			#content .text a:hover{border-color: transparent;}
		#content .text h2,#content .text h3,#content .text h4,#content .text h5,#content .text h6{text-transform: uppercase; text-align: center; margin: 0 0 20px; font-weight: 300; color: #18646f}
		#content .text h1{font-size: 30px; font-weight: normal; color: #18646f; margin: 25px 0;}
		#content .text h2{font-size: 26px;}
		#content .text h3{font-size: 24px;}
		#content .text h4{font-size: 22px;}
		#content .text h5{font-size: 20px;}
		#content .text h6{font-size: 18px;}




footer{padding: 20px 0; background: #18646f; color: #fff; line-height: 1.3; text-align: center; font-weight: 300;}





.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.7!important; background: #000!important
}


.box-modal{width: 420px; padding: 20px 35px; box-sizing: border-box; display: block; margin: 0 auto; margin-top: 45px; margin-bottom: 45px; position: relative; background: #fff;}
	.arcticmodal-close{font-size: 0; width: 21px; height: 21px; cursor: pointer; background: url("../img/fr.png") 50% 50% no-repeat; position: absolute; top: 15px; right: 15px;}

	.box-modal .block-title{font-size: 24px; background: none; padding-bottom: 0;}
	.box-modal input{width: 100%; box-sizing: border-box; padding: 0 15px; height: 38px; border: 1px solid #cf9d44; margin-bottom: 15px;  font-size: 15px; font-family: 'Roboto Condensed', sans-serif;}
	.box-modal input[type="submit"]{background: #cf9d44; border: none; cursor: pointer; color: #fff; font-size: 18px;}
		.box-modal input[type="submit"]:hover{opacity: 0.85;}





.block-title{text-align: center; font-size: 36px; font-weight: 300; color: #18646f; line-height: 1.1; background: url("../img/bg_bt.png") 50% 100% no-repeat; padding-bottom: 15px; margin-bottom: 35px;}


.clearfix{clear: both;}
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;}


input{-webkit-appearance: none;}

/*responsive*/

@media screen and (max-width: 1320px){
	#terms .inner,#contacts .wrapper{width: 98%;}
	#terms ul li{width: 23%; margin: 0 1% 40px;}
}

@media screen and (max-width: 1250px){
	.inner{width: 98%;}
	header .top{text-align: center;}
	header .address,header .callback,header .phone,header .timework{display: inline-block; float: none; margin: 0 1%;}
	header nav li{margin: 0 1%;}

	#services .box{padding: 0 20px;}
	#services .box .title p{font-size: 22px;}

	#info .wrapper,#info li:nth-child(2n) .wrapper{padding: 0 25px;}
	#info p{line-height: 1.2; font-size: 17px;}
	#info .title,#info .title span{height: 100px; font-size: 26px;}

	#sidebar{width: 30%;}
		#sidebar .box ul{padding: 6px 10px;}
			#sidebar .box ul li{padding-left: 8px;}
		#sidebar .box .title p{font-size: 18px;}
	#content{width: 70%;}
}

@media screen and (max-width: 1100px){
	#terms p span{font-size: 18px;}
	#terms ul li{font-size: 14px;}
}

@media screen and (max-width: 768px){
	header .top p,header .top p a{font-size: 14px!important}
	header nav{padding: 0}
	header nav .pull{display: block; width: 100%; height: 35px; line-height: 35px; color: #cf9d44; background: url("../img/pull.png") 98% 50% no-repeat; background-size: 20px 20px; text-align: left; text-transform: uppercase; font-weight: 700; box-sizing: border-box; padding: 0 2%;}
		header nav ul{display: none;}
			header nav ul li{width: 100%; margin: 0; border-top: 1px solid #cf9d44;}
				header nav ul li a{display: block; padding: 0 2%; width: 100%; box-sizing: border-box; height: 35px; line-height: 35px; text-align: left;}

	#services .box{padding: 0 10px; width: 100%; margin-bottom: 20px;}
	#services .box .title p{font-size: 18px;}

	#about{padding: 20px 0;}
	.block-title{font-size: 20px;}
		.block-title br{display: none;}
	#about{line-height: 1;}
	#about .inner{padding: 0; font-size: 14px; line-height: 1.2;}
	#about p{margin-bottom: 15px;}
	#about h2{margin: 15px 20px; font-size: 18px;}

	#info li{height: auto; margin-bottom: 20px; display: inline-block;}
	#info .thumbnail{height: 300px; width: 100%;}
	#info .info,#info .wrapper{width: 100%; max-width: 100%;}
	#info .title, #info .title span{height: auto; display: inline-block; width: 100%; padding: 10px 0; font-size: 22px;}
	#info p{font-size: 15px;}

	#terms ul li{width: 48%;}


	#contacts .inner,#contacts .data{width: 100%; position: relative;}
	#contacts #map{height: 200px;}

	#page-contacts h2,#page-contacts .lc .phones,#page-contacts .lc .address{font-size: 20px;}
	#page-contacts .lc .content p{font-size: 16px; margin-bottom: 15px; line-height: 1.2; padding: 0}

	#sidebar{width: 100%;}
	#content{width: 100%;}
	#content .text{font-size: 15px; line-height: 1.1;}
		#content .text p{text-indent: 15px; margin-bottom: 15px;}
		#content .text h2,#content .text h3,#content .text h4,#content .text h5,#content .text h6{text-transform: uppercase; text-align: center; margin: 0 0 10px; font-weight: 300; color: #18646f}
		#content .text h1{font-size: 26px; font-weight: normal; color: #18646f; margin: 15px 0;}
		#content .text h2{font-size: 24px;}
		#content .text h3{font-size: 22px;}
		#content .text h4{font-size: 20px;}
		#content .text h5{font-size: 18px;}
		#content .text h6{font-size: 16px;}
}

@media screen and (max-width: 560px){
	#terms p,#terms p span{height: auto; padding: 10px 0;}
	#terms ul li{width: 98%; margin-bottom: 15px; height: auto; padding-bottom: 10px;}
}

/*responsive*/