body {
	background: #f5f5f5;
	margin: 0;
}

html, body, h1, h2, h3, div, span, input, textarea {
	font-family: 'Oswald', 'Open Sans Condensed', sans-serif;
}

html, body, div, span, input, textarea {
	font-size: 19px;
}

h1, h2, h3 {
	font-size: 32px;
	text-transform: uppercase;
	font-weight: normal;
}

/*Main settings*/
.section { width: 100%; overflow: hidden; }
.container {width: 1100px; overflow: hidden;}

a.none:link {color: #006699; text-decoration: none;}
a.none:visited {color: #006699; text-decoration: none; }
a.none:active {color: #006699; text-decoration: none;}
a.none:hover {color: #009999; text-decoration: none;}

.maindiv {
	min-width: 1100px;
}

.header {
	text-align: center; background: #ccc url(images/bgtop.jpg) center bottom no-repeat; background-size: cover;
	padding: 30px 0;
	border-bottom: 4px solid #ccc;
}


.header .description-top {
	text-transform: uppercase;
	font-size: 22px;
}

.header .description-bottom {
	text-transform: uppercase;
	font-size: 26px;
	padding: 10px 16px;
	background: url(images/fonw.png);
	border-radius: 50px;
	-moz-border-radius: 50px;
	width: 640px;
	margin: auto;
}


.header .logo {
	width: 200px; height: 170px; background: url(images/logo.png); background-size: cover;
	margin: 20px auto;
}

.header .items { margin: auto; padding-top: 30px; overflow: hidden; }
.header .items .item1 {
	float: left;
	width: 600px;
	height: 450px;
	background: url(images/otvod-1.jpg) top center no-repeat;
	transition: 0.8s;
	border-radius: 5px;
	-moz-border-radius: 5px;
	position: relative;
}
.header .items .item1 .description-item1:hover .item1 {
	background: url(images/otvod-2.jpg) top center no-repeat;
	transition: 0.8s;
}

.header .items .item1 .description-item1 {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: url(images/fonw.png);
	padding: 5px 15px 8px 15px;
	text-transform: uppercase;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.header .items .item1 .mid-info-item1 { display: none;
	position: absolute;
	left: 200px;
	top: 200px;
	width: 198px;
	padding: 10px 0;
	border-radius: 50px;
	-moz-border-radius: 50px;
	background: #fff;
	font-size: 18px;
	cursor: pointer;
	border: 1px solid #ccc;
}

.header .items .item1:hover .mid-info-item1 { display: block; }
.header .items .item1:hover .mid-info-item1:hover { display: block; color: #00ACC1; }

.header .items .item1:hover {
	background: url(images/otvod-2.jpg) top center no-repeat;
	transition: 0.8s;
}

.header .items .item23 {
	float: left;
	width: 470px;
	margin-left: 30px;
	overflow: hidden;
}

.header .items .item23 .item23-set {
	width: 470px;
	height: 210px;
	background: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	
}

.header .items .item23 .item2 { background: url(images/gidrant.jpg) top center no-repeat;position: relative; }
.header .items .item23 .item2 .description-item2 {
	position: absolute;
	top: 10px;
	right: 10px;
	background: url(images/fonw.png);
	padding: 10px;
	font-size: 22px;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.header .items .item23 .item3 { margin-top: 30px;background: url(images/santehnika.jpg) top center no-repeat; position: relative;}
.header .items .item23 .item3 .description-item3 {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: url(images/fonw.png);
	padding: 10px;
	font-size: 22px;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

.header .topphone {
	margin-top: 30px;
	text-align: center;
	font-size: 28px;
	line-height: 2;
}

.header .topphone img { width: 28px; height: 28px; position: relative; top: 3px; } 


.maininfo {
	padding: 10px 0 40px 0;
	overflow: hidden; position: relative;
}


.maininfo .item { float: left; margin-left: 30px; margin-top: 30px; width: 250px; height: 200px; overflow:hidden;
border-radius: 5px;
-moz-border-radius: 5px;position: relative;
}
.maininfo .item1 { margin-left: 5px; }
.maininfo .item2 { margin-left: 285px; }

.maininfo .item {
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;position: relative;
}
.maininfo .item:hover { 
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);position: relative;
}

.maininfo .item .descr-item {
	position: absolute; width: 86%; left: 5%;
	bottom: 10px; background: url(images/fonw.png); border-radius: 15px;
	-moz-border-radius: 15px;
	padding: 2%; text-transform: uppercase;
}
	
.maininfo .it1 { background: #c5c5c5 url(images/it2.jpg) center center no-repeat; background-size: cover; }
.maininfo .it2 { background: #c5c5c5 url(images/it3.jpg) center center no-repeat; background-size: cover; }
.maininfo .it3 { background: #c5c5c5 url(images/it4.jpg) center center no-repeat; background-size: cover; }
.maininfo .it4 { background: #c5c5c5 url(images/it5.jpg) center center no-repeat; background-size: cover; }
.maininfo .it5 { background: #c5c5c5 url(images/it6.jpg) center center no-repeat; background-size: cover; }
.maininfo .it6 { background: #c5c5c5 url(images/it7.jpg) center center no-repeat; background-size: cover; }
.maininfo .it7 { background: #c5c5c5 url(images/it8.jpg) center center no-repeat; background-size: cover; }
.maininfo .it8 { background: #c5c5c5 url(images/it9.jpg) center center no-repeat; background-size: cover; }
.maininfo .it9 { background: #c5c5c5 url(images/it10.jpg) center center no-repeat; background-size: cover; }
.maininfo .it10 { background: #c5c5c5 url(images/it11.jpg) center center no-repeat; background-size: cover; }
/*.maininfo .it11 { background: #c5c5c5 url(images/it11.jpg) center center no-repeat; background-size: cover; }*/

.maininfo .sometext { 
	clear: left; margin: 70px 100px 20px 100px; padding: 30px;
	border: 3px solid #c5c5c5;
	background: #f5f5f5;
	font-size: 22px;
	line-height: 2;
	text-transform: none;border-radius: 5px;
-moz-border-radius: 5px;
}

.forma { height: 400px; padding: 30px 0 80px 0; border-top: 4px solid #111;
background: url(images/fonstal.jpg) center center no-repeat; background-size: cover; overflow: hidden; }

.forma h2 {
	color: #fff; font-size: 32px;
	margin: 0 0 30px 0;
}

.forma .formL {
	width: 330px;
	float: left;
	overflow: hidden;
}
.forma .formR {
	width: 450px;
	margin-left: 20px;
	float: left;
	overflow: hidden;
}

.forma .formL .formname {
	width: 306px;
	padding: 20px 10px;
	border: 2px solid #111;border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 17px;
} .forma .formL .formname:focus { outline: none; border-color: #00BCD4;}

.forma .formL .formname1 { margin-top: 20px; }

.forma .formR .formmsg {
	width: 426px;
	height: 223px;
	padding: 10px 10px;
	border: 2px solid #111;border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 17px;
} .forma .formR .formmsg:focus { outline: none; border-color: #00BCD4;}

.forma .formR .formbtn {
	width: 216px;
	margin-top: 14px;
	padding: 10px 5px;
	background: #00ACC1;
	color: #fff;
	border: 2px solid #fff;border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 27px;
	text-transform: uppercase;
	transition: 0.5s;
} .forma .formR .formbtn:focus { outline: none;}
.forma .formR .formbtn:hover {
	border: 2px solid #00BCD4;
	background: #00838F;
	cursor: pointer;
	transition: 0.5s;
}

.forma .formatext {
	float: left;
	margin-left: 20px;
	width: 216px;
	font-size: 16px;
	padding: 25px 30px; color: #fff;
	border: 2px solid #333;border-radius: 5px;
	-moz-border-radius: 5px;
}

.vent {
	padding: 30px 0 50px 0;
}

.vent h2 {
	margin: 0 0 30px 0;
}

.vent .left {
	width: 498px;
	height: 373px;
	border: 1px solid #c5c5c5;
	background: url(images/teploventilyator.jpg) top center no-repeat;
	background-size: cover;
	float: left;
	border-radius: 5px;
	-moz-border-radius: 5px;
	transition: 0.3s;
	position: relative;
}

.vent .left .info {
	display: none;
	padding: 10px;
	position: absolute;
	width: 220px;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	left: 129px;
	top: 120px;
	background: url(images/fonw.png);
}

.vent .left .info h3 {
	font-size: 26px;
	margin: 0 0 10px 0;
}

.vent .left:hover .info { display: block; }

.vent .left:hover {
	background: url(images/teploventilyator.jpg) bottom center no-repeat;
	background-size: cover;
	transition: 0.3s;
}

.vent .right { 
	float: left;
	width: 447px;
	margin-left: 100px;
	border-left: 3px solid #c5c5c5;
	padding-left: 50px;
	height: 375px;
	text-align: justify;
	line-height: 1.7;
	font-size: 18px;
	color: #000;
}

.vent .right .btn {
	background: #00ACC1;
	border: 2px solid #fff;
	cursor: pointer;
	transition: 0.5s;
	text-align: center;
	width: 220px;
	padding: 10px;
	float: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 26px;
	text-transform: uppercase;
}
.vent .right .btn:hover {
	transition: 0.5s;
	background: #00838F;
	border: 2px solid #00BCD4;
}

.vent .right img { width: 18px; height: 18px; position: relative; top: 2px; }

.ourpluses {
	background: #00ACC1;
	border-top: 4px solid #00838F;
	padding: 0 0 50px 0;
	overflow: hidden;
}

.ourpluses h2 { color: #fff; }

.ourpluses .preim {
	width: 250px;
	float: left;
	overflow: hidden;
	color: #fff;
	position: relative;
}
.ourpluses .pr1 { margin-left: 5px; }
.ourpluses .pr2 { margin-left: 30px; }


.ourpluses .preim .sp1 { font-size: 21px; color: #000; }
.ourpluses .preim .sp2 { font-size: 15px; margin-top: 5px; line-height: 1.8; font-family: Arial; color: #fff; padding-top: 20px; }

.ourpluses .preim .icon { 
	width: 120px;
	height: 120px;
	border: 4px solid #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin: 30px 0 30px 0;
}

.ourpluses .preim .icon1 { 	background: url(images/partnership.png) center center no-repeat;}
.ourpluses .preim .icon2 { 	background: url(images/thumbs-up.png) center center no-repeat;}
.ourpluses .preim .icon3 { 	background: url(images/percentage-discount.png) center center no-repeat;}
.ourpluses .preim .icon4 { 	background: url(images/wall-clock.png) center center no-repeat;}

.otvod { padding: 30px 0 50px 0;
	background: url(images/fonz.jpg) top center;
	background-size: cover;
	border-top: 4px solid #210f11;
}

.otvod h2 {
	color: #fff;
	margin: 0 0 50px 0;
}

.otvod .left {
	width: 500px;
	height: 406px;
	background: url(images/otvod.png) center center no-repeat;
	background-size: cover;
	float: left;
}

.otvod .right { 
	float: left;
	width: 447px;
	margin-left: 100px;
	border-left: 3px solid #f5f5f5;
	padding-left: 50px;
	height: 406px;
	text-align: justify;
	line-height: 1.7;
	font-size: 18px;
	color: #fff;
}

.otvod .right .btn {
	background: #00ACC1;
	border: 2px solid #fff;
	cursor: pointer;
	transition: 0.5s;
	text-align: center;
	width: 120px;
	padding: 10px;
	float: right;
	border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 8px;
	text-transform: uppercase;
}
.otvod .right .btn:hover {
	transition: 0.5s;
	background: #00838F;
	border: 2px solid #00BCD4;
}

.Parallax {
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


.map { border-top: 4px solid #c5c5c5; min-height: 450px; }

.footer {
	padding: 30px 0;
	background: #212121;
	border-top: 4px solid #111111;
	color: #B0BEC5;
}

.footer .left {
	width: 500px;
	float: left;
	text-align: left;
	font-family: Arial;
	font-size: 15px;
	line-height: 2;
}

.footer .left img { width: 16px; height: 16px; position: relative; top: 2px; }
.footer .right img { width: 16px; height: 16px; position: relative; top: 2px; }

.footer .right {
	width: 500px;
	margin-left: 100px;
	float: left;
	text-align: right;
	font-family: Arial;
	font-size: 15px;
	line-height: 2;
}

.footer .right h3 {
	font-size: 22px;
	margin: 0 0 10px 0;
}

.footer2 {
	padding: 16px 0;
	background: #111111;
	color: #616161;
}

.footer2 .footer2font {
	font-family: Arial;
	font-size: 13px;
}