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;}


@font-face {
  font-family: '3883';
  src: url('../fonts/3883.eot');
  src: url('../fonts/3883.woff2') format('woff2'),
       url('../fonts/3883.eot?#iefix') format('embedded-opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'AllegrettoScriptOne';
  src: url('../fonts/AllegrettoScriptOne.woff') format('woff'),
       url('../fonts/AllegrettoScriptOne.ttf') format('truetype'),
       url('../fonts/AllegrettoScriptOne.svg#AllegrettoScriptOne') format('svg');
  font-weight: normal;
  font-style: normal;
}




body{
	font-family: 'Times New Romans';
	overflow-x: hidden;
	background: #fff;
	font-size: 14px;
	color: #000;
}

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




header{box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); position: relative; z-index: 2;}
	header .logo{float: left; margin: 12px 0;}
	header .devider{float: left; margin: 15px 60px; width: 1px; height: 60px; background: #000;}
	header .phones{float: left; margin: 0 100px 0 0;}
		header .phones p{font-size: 20px; color: #7f7f7f; margin: 23px 0 0;}
		header .phones a{font-size: 30px; color: #1a787a;}
	header .callback{float: left; margin: 28px 0 0;}
	header .appstore{float: right; margin: 23px 0 0; display: none;}





nav{position: relative; text-align: center; position: relative; z-index: 10}
	nav a.pull{display: none;}
	nav ul{display: inline-block; width: auto; background: #489586; border-radius: 0 0 5px 5px; padding: 18px 46px;}
		nav ul li{display: inline-block; float: left; padding: 0 24px; background: url("../img/navdev.png") 100% 50% no-repeat;}
			nav ul li:last-child{background: none;}
			nav ul li a{color: #fff; font-size: 18px;}
				nav ul li a:hover{text-decoration: underline;}





#promo{color: #fff; background: url("../img/banner.jpg") 50% 0 no-repeat; height: 485px; display: block; position: relative; z-index: 1; margin-top: -60px;}
	#promo h1{font-size: 48px; text-transform: uppercase; font-weight: bold; line-height: 1.2; padding-top: 170px; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);}





#order-now{background: #1a787a; padding: 18px 0;}
	#order-now h2{float: left; color: #fff; font-family: "AllegrettoScriptOne"; font-size: 60px; font-weight: normal; margin-left: 65px;}
	#order-now a{float: right; margin-right: 65px;}





#products{padding: 45px 0 5px;}
	#products .inner{width: 1100px;}
	#products li{float: left; margin-bottom: 40px; width: 523px; height: 523px;}
		#products li:nth-child(2n){float: right;}
		#products li img{width: 100%;}





#about{color: #fff; font-size: 18px; line-height: 1.3; text-align: center; margin-bottom: 40px;}
	#about .inner{background: #1a787a; padding: 55px 150px; box-sizing: border-box;}
	#about h3{text-transform: uppercase; font-size: 24px; margin-bottom: 20px;}
	#about p,#about ul{margin-bottom: 20px;}
	#about li{list-style: circle; text-align: left; line-height: 1.4}





#reviews{padding: 40px 0;}
	.author{text-align: center; width: 260px; float: left;}
		.author p.name{font-size: 20px; font-weight: bold; color: #7e8890; font-style: italic; margin: 10px 0 5px;}
		.author p.status{font-size: 16px; color: #7e8890; font-style: italic;}
		.author img{width: 90px; height: 90px; border-radius: 50%;}
	.comment{float: left; width: 755px; background: url("../img/bg_comment.png") 0 0 no-repeat; font-size: 21px; color: #7e8890; padding: 20px 60px; box-sizing: border-box; font-style: italic; line-height: 1.3;}
	.action{width: 100%; display: inline-block; text-align: right; margin-top: 70px;}
		.action .btn-blue{text-transform: uppercase; margin-left: 30px;}



#list-reviews .item{display: inline-block; width: 100%; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
	#list-reviews .item:last-child{border-color: transparent; margin-bottom: 0}





#breadcrumbs{padding: 40px 0 25px; font-size: 16px; color: #515960; font-style: italic;}
	#breadcrumbs a{color: #1a787a; border-bottom: 1px solid #1a787a;}
		#breadcrumbs a:hover{border-color: transparent;}
	#breadcrumbs span{display: inline-block; color: #a0a8ae; margin: 0 10px;}




#page-title{font-size: 24px; color: #1a787a; padding: 0 0 40px;}
	#page-title h1{max-width: 660px;}






#contacts{}
	#contacts .address{font-size: 18px; color: #515960; line-height: 1.3; padding: 50px 0 85px 150px; background: url("../img/ct.png") 90px 0 no-repeat;}
		#contacts .address span{text-align: right; display: inline-block; width: 122px; font-style: italic;}
		#contacts .address p{margin-bottom: 12px;}
		#contacts .address .req{margin: 40px 0 0 125px;}
			#contacts .address .req p{margin: 0; font-weight: bold;}
	#contacts .list-contacts{text-align: center;}
		#contacts .list-contacts p.phone a{color: #1a787a; font-size: 36px; font-weight: bold;}
		#contacts .list-contacts .timework{font-size: 16px; color: #747a80; line-height: 1.4; margin: 20px 0; font-style: italic;}
		#contacts .list-contacts p.user{color: #515960; font-size: 24px; line-height: 1.6; margin-bottom: 35px;}
	#contacts #map{margin-bottom: 40px; height: 340px;}





#content{font-size: 18px; color: #747a80; line-height: 1.2; padding-bottom: 100px;}
	#content .inner{width: 1100px;}
	#content p{text-indent: 30px; margin-bottom: 25px;}
	#content h2{font-size: 24px; color: #1a787a; margin-bottom: 25px;}
	#content li{margin-bottom: 25px; padding-left: 30px; text-indent: 30px;}
	#content h3{color: #747a80; font-size: 24px; font-style: italic; margin-bottom: 25px;}
	#content h4{font-size: 24px; margin-bottom: 25px;}
	#content h5{font-size: 22px; margin-bottom: 25px;}
	#content h6{font-size: 20px; margin-bottom: 25px;}
	#content a{font-weight: bold; color: #1a787a; border-bottom: 1px solid #1a787a;}
		#content a:hover{border-color: transparent;}





#order-water{}
	#order-water li{margin-bottom: 20px; width: 100%; display: inline-block; position: relative; min-height: 515px;}
		#order-water li .thumbnail{position: absolute; top: 0; left: 0; z-index: 1;}
		#order-water li .description{position: relative; z-index: 2; margin: 42px 0 0 327px}
			#order-water li .description .title{font-size: 48px; font-weight: bold; line-height: 1.2; text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.7); color: #fff;}
			#order-water li .description .info{width: 645px; height: 180px; background: rgba(255,255,255,0.8); border-radius: 5px; box-sizing: border-box; font-size: 17px; color: #1a787a; line-height: 1.3; padding: 35px; margin: 20px 0 0 86px;}
			#order-water li .description .price{margin: 65px 0 0 120px;}
				#order-water li .description .price p{font-size: 60px; font-weight: bold; display: inline-block; float: left; color: #1a787a; float: left;}
					#order-water li .description .price p span{font-size: 36px; font-weight: normal; display: inline-block; margin-left: 10px;}
				#order-water li .description .price a{float: right; margin-right: 173px; width: 276px; height: 64px; line-height: 60px; background: url("../img/btn_order_w.png") 0 0 no-repeat; padding: 0; font-size: 20px;}
					#order-water li .description .price a:hover{opacity: 0.85}
	#order-water li ul{margin: 0 0 15px;}
	#order-water li .tth p{margin: 0 0 15px 0;}
	#order-water li li{min-height: 0; margin-bottom: 5px; padding-left: 20px;}
	#order-water li .tth{padding-top: 120px; font-size: 18px; list-style: 1.3;}
		#order-water li .tth b,#order-water li .tth strong{font-size: 22px;}





#equipment{}
	#equipment a{width: 276px; height: 64px; line-height: 60px; background: url("../img/btn_order_w.png") 0 0 no-repeat; padding: 0; font-size: 20px; color: #fff;}
		#equipment a:hover{opacity: 0.85}
	#equipment ul{width: 100%; text-align: center;}
		#equipment ul li{width: 375px; margin: 0 100px; display: inline-block; text-align: center; margin-bottom: 120px;}
		#equipment .title{font-size: 30px; color: #515960; line-height: 1.2; padding: 0 30px; margin-bottom: 20px;}
		#equipment p.info,#equipment div.info{font-size: 18px; color: #7e8890; line-height: 1.3; margin-bottom: 20px;}
		#equipment .tth p{text-transform: uppercase; color: #7e8890; margin-bottom: 10px;}
		#equipment table{width: 100%; border: 1px solid #cfd4de; margin: 0 0 45px 0;}
			#equipment table td{vertical-align: middle; width: 50%; padding: 0 0 0 20px; height: 33px; text-align: left; color: #7e8890; font-size: 18px;}
			#equipment table td:first-child{border-right: 1px solid #cfd4de;}
			#equipment table tr:nth-child(2n){background: #edeef1;}
	#equipment .price{font-size: 36px; color: #1a787a; font-weight: bold; margin-bottom: 40px;}
		#equipment .price span{font-size: 24px; font-weight: normal;}
	#equipment .act{text-align: center; font-size: 20px; color: #810000; position: relative; top: -20px;}
		#equipment .act span{font-weight: bold; text-transform: uppercase;}
		#equipment .act i{font-size: 16px;}






footer{text-align: center; color: #5a5a5a; font-size: 16px; line-height: 1.3;}
	footer .inner{border-top: 1px solid #5ea0a2; padding: 17px 0 20px;}
	footer a{color: #1a787a;}
	footer p.develop{text-align: right; position: relative; top: -40px;}









.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-blue{font-size: 16px; color: #fff; background: #1a787a; padding: 12px 37px; border-radius: 3px;}
		.btn-blue:hover{background: #0e989b}

	.btn-order{text-transform: uppercase; font-weight: bold; font-size: 20px; color: #1a787a; width: 395px; height: 78px; line-height: 75px; background: url("../img/btn_order.png") 50% 50% no-repeat;}
		.btn-order:hover{opacity: 0.9}

	.btn-comment{font-size: 16px; color: #1a787a; text-transform: uppercase; border-bottom: 1px dashed #1a787a}
		.btn-comment:hover{border-color: transparent;}









.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: 655px; padding: 20px; box-sizing: border-box; display: block; margin: 0 auto; margin-top: 75px; margin-bottom: 75px; position: relative; background: #fff; border-radius: 5px;}
	#window-callback,#window-review,#window-eq{width: 400px;}
	.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{font-weight: normal; font-size: 24px; padding: 0 10px 20px; color: #1a787a; border-bottom: 1px solid #1a787a; text-transform: uppercase; margin-bottom: 26px;}
		#window-thanks h6{text-align: center; padding: 0; border: none; text-transform: none; color: #1a787a; font-size: 48px; padding: 100px 0;}
	.box-modal label{font-size: 16px; color: #7e7e7e; display: inline-block; width: 100%; margin: 0 0 9px 0;}
	.box-modal label span{position: relative; top: -4px;}
	.box-modal input[type="text"],.box-modal textarea,.box-modal input[type="email"]{width: 100%; height: 40px; border-radius: 5px; border: 1px solid #d4d4d4; margin-bottom: 15px; box-sizing: border-box; padding: 0 15px; font-size: 14px;}
	.box-modal textarea{height: 120px; resize: none; padding: 15px;}
	.box-modal .form{padding: 0 35px;}
	.box-modal .coll-left{float: left; width: 247px;}
	.box-modal .coll-right{float: right; width: 247px;}
	.box-modal .time-delivery{width: 100%; display: inline-block; margin: 20px 0 30px;}
		.box-modal .time-delivery label{width: 100%; display: inline-block; font-size: 18px; width: auto; color: #363a3e;}
		.box-modal .time-delivery a{color: #298183; font-size: 16px; margin-left: 42px; padding: 5px 8px;}
			.box-modal .time-delivery a.active{background: #298183; color: #fff; border-radius: 5px;}
	.box-modal input[type="submit"]{text-transform: uppercase; font-family: 'Times New Romans'; display: block; margin: 0 auto; margin-top: 25px;}


	.pickmeup{z-index: 9999999;}

	.p_date{background: url("../img/date_sel.png") 100% 50% no-repeat;}


input[type="checkbox"],
input[type="radio"] {
    display:none;            
}
input[type="checkbox"] + label, 
input[type="radio"] + label {
  font-size: 16px;
  font-style: italic;
  color: #43474b;
  cursor: pointer;
}
input[type="checkbox"] + label::before,
input[type="radio"] + label::before {
    content: "";
    display: inline-block;
    height: 19px;
    width: 19px;
    margin: 0 10px 0 0;
    background-image: url("../img/sprite.png");
    background-repeat: no-repeat;
}
input[type="checkbox"] + label::before {
    background-position: 0 0;
}
input[type="radio"] + label::before {
    background-position: 0px -279px;
}
input[type="checkbox"]:checked + label::before {
    background-position: -19px 0;
}
input[type="radio"]:checked + label::before {
    background-position: -108px -279px;
}
input[type="checkbox"]:disabled + label::before {
    background-position: -152px -260px;
}
input[type="checkbox"]:checked:disabled + label::before {
    background-position: -171px -260px;
}
input[type="radio"]:disabled + label::before {
    background-position: -144px -279px;
}
input[type="radio"]:checked:disabled + label::before {
    background-position: -162px -279px;
}​












/*responsive*/

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

/*responsive*/