html, body, div, h1, h2, h3, h4, h5, h6, p, 
a, address, img, b, u, i, ul, li, 
form, label, legend, table, caption, article, aside, figure, figcaption, footer, header, nav {
margin: 0;
padding: 0;
border: 0;
}
article, aside, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
display: block;
}
address {
	font-style: normal;
}
ol, ul {
	list-style: none;
}
html {
	font: 14px/1 "Open Sans", Calibri, sans-serif;
	color: #25455c;
}
html, body {
	height: 100%;
}
body {
	//padding-top: 90px;
}
h2 {
	padding: 43px 0 46px;
	font-weight: 400;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
}
h2:first-line {
	line-height: 20px;
	font-size: 20px;
	font-weight: bold;
}
b {
	font-weight: 900;
}
body > * { /* Заменить универсальный селектор*/
	min-width: 980px;
}
.wrapper, header { /*В некоторых местах можно обойтись без wrapper*/
	width: 980px;
	margin: 0 auto;
}




/*Шапка******************************************************************************************************************/

.headerwrapper {
	width: 100%;
	position: fixed;  /*fixed!!!!!*/
	top: 0;
	left: 0px;
	z-index: 3;
	background: #ffffff;
	height: 90px;
	border-bottom: 1px solid #d6d6d6;
	transition: height .5s ease-out;
	box-shadow: 0 0px 2px rgba(0,0,0,0.3);
}
header {
	background: rgba(255, 255, 255, 0.5);
	font-size: 12px;
}
header:hover {
	background: #fff;
}

header .appearance {
	margin-top: 18px;
	padding-top: 5px;
	display: block;
	color: black;
	float: left;
	text-decoration: none;
	transition: margin-top .5s ease-out;
}
.category {
	margin: 15px 0 0 16px;
	padding: 11px 0 11px 20px;
	border-left: 1px solid #D5D5D5;
	vertical-align: bottom;
	line-height: 16px;
	font-size: 13px;
	float: left;
	color: #868b8e;
	transition: margin-top .5s ease-out, padding .5s ease-out;
}
.hContacts {
	padding: 0px 0 10px 32px;
	margin: 27px 0 0 35px;
	float: right;
	line-height: 11px;
}
.hContacts.addr {
	background: url("../imgs/headeraddress.png") no-repeat;
}
.hContacts.ph{
	background: url("../imgs/headerphone.png") no-repeat;
}
.hContacts div {
	font-weight: bold;
	font-size: 14px;
	padding-top: 7px;
	transition: padding-top .5s ease-out;
}
.headerwrapper .hContacts > span{
	display:block;
	opacity: 1;
	height: 11px;
	transition: opacity .5s ease-out, height .5s ease-out;
}
main {
	min-height: 100%;
	margin: 70px 0 0 0;
}

.headerwrapper.scrolled{
	opacity: .93;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=93);
	height: 70px;
}
.headerwrapper.scrolled header .appearance {
	margin-top: 7px;
}
.headerwrapper.scrolled  .category {
	margin-top: 11px;
	padding-top: 8px;
	padding-bottom: 8px;
}
.headerwrapper.scrolled .hContacts div {
	padding-top: 4px;
}
.headerwrapper.scrolled .hContacts > span{
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	height: 0px;
}


/*Карусель*******************************************************************************************************************************/

.jcarousel {
	width: 100%;
	/*height: 360px;*/
	height: 380px;
	position: relative;
	overflow: hidden;
}
.jcarousel img { /*Будет зависеть от карусели*/
	display: block;
	width: 100%;
	min-width: 1200px;
	background: #ccc;
	position: absolute;
	bottom: 0;
}
.jcarousel .wrapper{
	position:relative;
	z-index: 2;
	height: 360px;
	margin-top: 20px;
}
.jcarousel ul{
	padding-top: 32px;
}
.jcarousel li div{
	padding: 12px 24px 12px 18px;
	background: #8cbb27;
	border-left: solid 6px #8cbb27;
	color: #fff;
	font-size: 20px;
	margin-bottom: 9px;
	display: inline-block;
	_overflow:hidden;
	*zoom:1;
	*display:inline;
	position: relative;
}
.jcarousel .info1 div,
.jcarousel .info2 div{
	display: inline-block;
	background: #ffffff;
	padding: 20px;
	margin-top: 10px;
	width: 584px;
	line-height: 1.4em;
}
.jcarousel .info1 div{
	margin-top: 6px;
	width: 491px;
}

.jcarousel li span,
.jcarousel .info1 span,
.jcarousel .info2 span{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 349px;
	height: 343px;
}
.jcarousel li.q1 span{
	background: url("../imgs/promo_1.png");
}
.jcarousel li.q2 span{
	background: url("../imgs/promo_2.png");
}
.jcarousel li.q3 span{
	background: url("../imgs/promo_3.png");
}
.jcarousel .info1 span{
	background: url("../imgs/promo_4.png");
}
.jcarousel .info2 span{
	background: url("../imgs/promo_5.png");
}

/*Формы*******************************************************************************************************************************************/

form {
	height: 132px;
	padding: 32px 0 41px;
	background: #25455c;
	color: #fff;
}
form > div > div {
	width: 766px;
	margin: 0 auto;
	//width: 800px;
	position: relative;
}
form p {
	margin-bottom: 30px;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}
input {	
	height: 44px;
	line-height: 44px;
	line-height: 16px !!important;
	padding: 0;
	border-radius: 5px;
	border: none;
	font-size: 14px;
	vertical-align: bottom;
	//background: url(../imgs/ieformback.png);
}
input[type="text"] {
	width: 271px;
	text-indent: 16px;
	//width: 241px;
	//height: 29px;
	//padding: 15px 15px 0;
	//text-indent: 0;
	color: #5f6266;
}
input[type="text"].phdr {
	color: #999999;
}
input[type="submit"] {
	width: 196px;
	border-bottom: 3px solid #4e8601;
	background: #74bc00;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	//background: url(../imgs/ieformback.png) -285px 0;
	//border: none;
	//color: transparent;
	line-height: 2.6em;
	letter-spacing: .05em;
	position: absolute;
}
input[type="submit"]:hover {
	height: 45px;
	border-bottom: 4px solid #4e8601;
	background-color: #84cc00;
	//background-color: transparent;
	//background-position: -482px 0;
	cursor: pointer;
	top: -1px;
}
input[type="submit"]:active {
	background-color: #64ac00;
	border-color: #3e7601;
	//background-position: 100% 0;
}
input + input {
	margin-left: 10px;
}
form div + p {
	margin: 20px auto 0;
	width: 410px;
	padding-left: 20px;
	background: url("../imgs/lock.png") no-repeat;
	color: #b8ddff;
	font-size: 14px;
	line-height: 1;
	text-align: left;
}



/*Универсальные значения****************************************************************************************************/

.advantages p,
.issues  p,
.climaGlass ul,
.climaGlass figure
{
	float: left;
}
header + *,
.reviews + *,
.advantages + *,
.issues + *,
.climaGlass + *,
.plan + *  {
	clear: both;
}
.climaGlass b,
.plan b {
	display: block;
	font-size: 16px;
}

/*Преимущества компании*********************************************************************************************************/
.advantages {
	padding-top: 20px;
	height: 240px;
	background: #ffffff;
}
.advantages a {
	text-decoration: none;
	color: #34475c;
}
.advantages a:hover {
	color: #666;
}
.advantages p {
	width: 230px;
	height: 47px;
	margin: 26px 0;
	padding-top: 6px;
	background: url("../imgs/advantagessprites.png") no-repeat -16px 0;
	line-height: 20px;
}
.advantages p:first-line {
	font-weight: bold;
	font-size: 18px;
}
.adv1 + p,
.adv3.adv3,
.adv5.adv5,
.adv5 + p {
	margin-left: 140px;
}
.overlay {
	display: block;
	visibility: hidden;
	height: 53px;
	width: 66px;
	margin-top: -6px;
	background: url(../imgs/whiteoverlay.png);
	float: left;
}
p:hover .overlay {
	visibility: visible;
}
.adv1 + p {
	background-position: 0 -53px;
}
.adv3.adv3  {
	background-position: 0 -106px;
}

.adv3 + p {
	background-position: 0 -159px;
}
.adv5.adv5 {
	background-position: 0 -212px;
}
.adv5 + p {
	background-position: 0 -263px;
}



/*Проблемы, которые вы можете решить**********************************************************************************************************/

.issues {
	height: 383px;
	text-align: center;
	border: solid #dee9ee;
	border-width: 1px 0;
	background: url(../imgs/issuesback.png) fixed;
}
.issues h2 {
	text-indent: 20px;
}
.issues  p{
	width: 150px;
	margin-top: 7px;
	padding-top: 163px;
	background: url(../imgs/issuessprites.png) no-repeat;
	line-height: 19px;
	float: left;
	position: relative;
/* 	right: -400px; */
}
.issues p + p {
	margin-left: 57px;
}
#issue1:hover {
	background-position: -151px 0;
}
#issue2 {
	background-position: -302px 0;
}
#issue2:hover {
	background-position: -453px 0;
}
#issue3 {
	background-position: -604px 0;
}
#issue3:hover {
	background-position: -755px 0;
}
#issue4 {
	background-position: -906px 0;
}
#issue4:hover {
	background-position: -1057px 0;
}
#issue5 {
	background-position: -1208px 0;
}
#issue5:hover {
	background-position: -1359px 0;
}



/*Энергосбережение и комфорт**********************************************************************************************************/
.climaGlass {
	height: 464px;
	background: #ffffff;
	position: relative;
	overflow: hidden;
}

.climaGlass ul {
	height: 70px;
	position: relative;
}
.solarDash {
	display: block;
	height: 220px;
	width: 3px;
	margin-left: 22px;
	background: url(../imgs/solardash.png) repeat-y;
	position: absolute;
}
.climaGlass li {
	height: 95px;
	width: 290px;
	/*overflow: hidden;*/
	padding: 10px 0 0 0px;
	line-height: 19px;
	position: relative;
}
.climaGlass li:first-line {
	line-height: 23px;
}

.climaGlass li div{
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #ffffff;
	font-size: 19px;
	font-weight: bold;
	position: absolute;
	top: 0px;
	left:0px;
	background: #C6D0DC;
	border-radius: 23px;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
	.climaGlass li div{
		width: auto;
		height: auto;
		padding: .63em .95em;
	}
}
.climaGlass li span{
	padding-left: 65px;
	display: block;
}

.climaGlass li:first-child + li {
	background-position: 0 -105px;
}
.climaGlass li + li {
	background-position: 0 -208px;
}
.climaGlass figure {
	padding-top: 18px;
}
.climaGlass figcaption {
	font-size: 13px;
	font-weight: 900;
	color: #54a6f0;
	text-align: center;
}
.climaGlass figure + figure figcaption {
	color: #88b526;
}
.climaGlass figure + figure img {
	margin-left: 17px;
	padding-left: 10px;
	border-left: 1px solid #d6d6d6;
}




/*Клиенты о нас*/

.reviews {
	height: 650px;
	border: solid #dee9ee;
	border-width: 1px 0;
	background: url(../imgs/reviewback.png) fixed #eef4f7;
	position: relative;
}
.reviews .wrapper {
	position: relative;
}

.review {
	display: none;
	width: 820px;
	margin: 0 auto;
 	height:215px;
	padding: 0px 80px;
	//height: 119px;
	//padding: 38px 80px 58px 80px;
 	border: 1px solid #c2c6cc; 
	border-radius: 7px;
	background: url(../imgs/quoutes.png) no-repeat 25px 20px #fff;
	text-align: center;
	line-height: 25px;
	position: relative;
}
#review1-text{
	
}
.review-active {
	display: table-cell;
	vertical-align: middle;
	//display: block;
}
.review span {
	display: block;
	width: 46px; 
	height: 23px;
	background: url(../imgs/reviewmarker.png) no-repeat;
	position: absolute;
	bottom: -23px;
	left: 62px;
	z-index: 1;
}

#review2-text span {
	left: 332px;
}
#review3-text span {
	left: 603px;
}
#review4-text span {
	left: 873px;
}
.reviews > div > div {
	width: 170px;
	margin-top: 39px;
	background-repeat: no-repeat;
	position: relative;
	float: right;
	z-index: 2;
}
.reviews > div > div:hover {
	background-image: url(../imgs/reviewerhover.png);
}
.reviews > div > div  + div {
	padding-right: 100px;
}

.reviews > div > div:hover span {
	visibility: visible;
}
.reviews > div > div div {
	width: 160px;
	height: 160px;
	margin: 5px 0 0 5px;
	background: url(../imgs/reviewssprites.png);
	cursor:pointer;
}
.reviews > div > div span {
	display: block;
	margin-top: 15px;
	text-align: center;
	line-height: 22px;
}
.reviews > div > div span:first-line {
	font-size: 16px;
	font-weight: 900;
	line-height: 1;
}
.review4.review4 div {
	background-position: 100% 0;
}
.review3.review3 div {
	background-position: -322px 0;
}
.review2.review2 div {
	background-position: -161px 0;
}
.reviewer-active {
	background-image: url(../imgs/revieweractive.png);
}


/*Как мы работаем**********************************************************************************************************/
.plan {
	height: 398px;
	background: #ffffff;
	overflow:hidden;
}
.plan li{
	width: 162px;
	height: 220px;
	text-align: center;
	display: inline-block;
	_overflow:hidden;
	*zoom:1;
	*display:inline;
	vertical-align: top;
	position: relative;
	margin-right: -4px;
	margin-right: 0px !!important;
	top: 0px;
}
@media all and (-webkit-min-device-pixel-ratio:0) {
	.plan li{
		top: -3px;
	}
}
.plan li p {
	margin: 23px 0px 0px 0px;
	padding: 0px 4px;
	font-size: 13px;
	line-height: 22px;
	position:relative;
	
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	top: 200px;
	transition: 
		top .8s ease-out,
		opacity .6s ease-in;
}
.plan li b {
	margin-bottom: 10px;
}
.plan li .pic {
	display: block;
	width: 102px;
	height: 102px;
	background: url(../imgs/steps.png) no-repeat;
	margin: auto;
}
.plan li .arrow {
	position: absolute;
	display: block;
	width: 0px;
	transition: width .3s linear;
	height: 14px;
	left: 136px;
	top: 44px;
	background: url("../imgs/arr.png") no-repeat right top;
}
.plan li.green .arrow {width: 54px;}

.plan .step1 .pic{background-position: 0px 0px;}
.plan .step2 .pic{background-position: -103px 0px;}
.plan .step3 .pic{background-position: -206px 0px;}
.plan .step4 .pic{background-position: -309px 0px;}
.plan .step5 .pic{background-position: -412px 0px;}
.plan .step6 .pic{background-position: -515px 0px;}
.plan .step1.green .pic{background-position: 0px bottom;}
.plan .step2.green .pic{background-position: -103px bottom;}
.plan .step3.green .pic{background-position: -206px bottom;}
.plan .step4.green .pic{background-position: -309px bottom;}
.plan .step5.green .pic{background-position: -412px bottom;}
.plan .step6.green .pic{background-position: -515px bottom;}

.plan.showed ul:hover li.green .pic{background-image: url("../imgs/steps_.png");}
.plan.showed ul:hover li.green .arrow{background-position: right bottom;}
.plan.showed li:hover ~ li.green .pic {background-image: url("../imgs/steps.png");}
.plan.showed li:hover ~ li.green .arrow {background-position: right top;}

.plan li.green p{
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	top: 0px;
}

/*Партнеры*/
.partners {
	border-top: 1px solid #d6d6d6;
	background: #ffffff;
	text-align: justify;
}
.partners img {
	margin: -10px 10px 55px;
}
.partners img:hover{
	opacity: .8;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
}
/*Форма 2*/
.partners + form {
	height: 160px;
}




main {
	margin-bottom: -74px;
}
.footerSolider,
footer {
	height: 74px;
	background: #ffffff;
}
footer .wrapper {
	padding: 29px 0;
	font-size: 13px;
	text-align: center;
	position: relative;
}
footer a:first-child {
	display: block;
	float: left;
	position: absolute;
	text-align: left;
	top: 19px;
	text-decoration:none;
	color: #868b8e;
	font-size: 12px;
}
footer span{
	/*color: red;
	font-size: 16px;*/
}
footer a:first-child img{
	margin-top: 4px;
	margin-left: 9px;
}
footer p + a {
	color: #5f6266;
	position: absolute;
	right: 0;
	top: 29px;
}
footer a:hover {
	text-decoration: none;
}
.solider.solider { /*Закрепляет плавающие блоки*/
	margin: 0;
	padding: 0;
	width: 100%;
	height: 0px;
	clear: both;
	float: none;
}

.call_wnd .wrapper {
	position:relative;
}
label.error{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	
	background: #25455c;
	font-weight: 300;
	font-size: 18px;
	line-height: 24px;
	text-align: center;
	display: none;
}
label.error.big{
	line-height: 55px;
}
label.error img{
	vertical-align: middle;
	margin-right: 12px;
}

/*----------------------*/
.jcarousel li div{
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	left: -500px;
	transition: 
		opacity .5s ease-in,
		left .5s ease-in;
}
.jcarousel .info1 div,
.jcarousel .info2 div{
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	transition: opacity .5s ease-in;
}
.jcarousel li span{
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	right: -1000px;
	transition: 
		opacity .5s ease-in,
		right .5s ease-in;
}
.jcarousel .info1 span,
.jcarousel .info2 span{
	opacity: 0;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
	transition: 
		opacity .5s ease-in;
}
.jcarousel.starting1 li.q1 div,
.jcarousel.starting2 li.q1 div,
.jcarousel.starting2 li.q2 div,
.jcarousel.starting3 li div,
.jcarousel.starting4 li div,
.jcarousel.starting5 li div,
.jcarousel.started li div{
	opacity: .9;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);
	left: 0px;
}
.jcarousel.starting4 .info1 div,
.jcarousel.starting5 .info1 div,
.jcarousel.starting5 .info2 div,
.jcarousel.started .info1 div,
.jcarousel.started .info2 div{
	opacity: .88;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=88);
}
.jcarousel.starting1 li.q1 span,
.jcarousel.starting2 li.q2 span,
.jcarousel.starting3 li.q3 span,
.jcarousel.step1 li.q1 span,
.jcarousel.step2 li.q2 span,
.jcarousel.step3 li.q3 span{
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	right: 0px;
}
.jcarousel.starting4 .info1 span,
.jcarousel.starting5 .info2 span,
.jcarousel.step4 .info1 span,
.jcarousel.step5 .info2 span{
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
.jcarousel.step1 li.q1 div,
.jcarousel.step2 li.q2 div,
.jcarousel.step3 li.q3 div{
	background-color: #34475c;
}
.jcarousel.step4 .info1 div,
.jcarousel.step5 .info2 div{
	opacity: 1;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}
/*----------------------*/
@-webkit-keyframes IssuesShow
{
	0% {
		right: -1400px;
	}
	100% {
		right: 0px;
	}
}
@keyframes IssuesShow
{
	0% {
		right: -1400px;
		position: absolute;
	}
	100% {
		right: 0px;
		position: absolute;
	}
}
.issues{
	overflow: hidden;
	position:relative;
}
.issues  p{
	visibility: hidden;
}
.issues.showed  p{
	visibility: visible;
}
.issues.showed  p#issue1{
	-webkit-animation: IssuesShow 0.5s ease-in;
	animation: IssuesShow 0.5s ease-in;
}
.issues.showed  p#issue2{
	-webkit-animation: IssuesShow 0.8s ease-in;
	animation: IssuesShow 0.8s ease-in;
}
.issues.showed  p#issue3{
	-webkit-animation: IssuesShow 1.1s ease-in;
	animation: IssuesShow 1.1s ease-in;
}
.issues.showed  p#issue4{
	-webkit-animation: IssuesShow 1.4s ease-in;
	animation: IssuesShow 1.4s ease-in;
}
.issues.showed  p#issue5{
	-webkit-animation: IssuesShow 1.7s ease-in;
	animation: IssuesShow 1.7s ease-in;
}
/*----------------------*/
.climaGlass li span{
	position: relative;
	left: 1000px;
	opacity: 0;
	visibility: hidden;
}
.climaGlass img.climaguard{
	float: right;
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s ease-out 2s;
}
.climaGlass .solarDash{
	height: 0px;
	transition: height 1.4s linear;
}
.climaGlass.showed img.climaguard{
	visibility: visible;
	opacity: 1;
}
.climaGlass.showed .solarDash{
	height: 220px;
}
.climaGlass.showed li div{
	/*background-position: left bottom;*/
	background: #8CBB27;
}
.climaGlass.showed li span {
	visibility: visible;
	opacity: 1;
	left: 0px;
}
.climaGlass li.p1 div{
	transition: background .3s ease-in 0s;
}
.climaGlass li.p1 span{
	transition: opacity .3s ease-in 0s,  left .3s ease-in 0s;
}
.climaGlass li.p2 div{
	transition: background .3s ease-in .7s;
}
.climaGlass li.p2 span{
	transition: opacity .3s ease-in .7s,  left .3s ease-in .7s;
}
.climaGlass li.p3 div{
	transition: background .3s ease-in 1.4s;
}
.climaGlass li.p3 span{
	transition: opacity .3s ease-in 1.4s,  left .3s ease-in 1.4s;
}
/*----------------------*/