@font-face {
	font-family: 'OpenSans-Regular';
	src: url('fonts/OpenSans-Regular.eot');
	src: local('O'), url('fonts/OpenSans-Regular.woff') format('woff'), url('fonts/OpenSans-Regular.ttf') format('truetype'), url('fonts/OpenSans-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Light';
	src: url('fonts/OpenSans-Light.eot');
	src: local('O'), url('fonts/OpenSans-Light.woff') format('woff'), url('fonts/OpenSans-Light.ttf') format('truetype'), url('fonts/OpenSans-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Bold';
	src: url('fonts/OpenSans-Bold.eot');
	src: local('O'), url('fonts/OpenSans-Bold.woff') format('woff'), url('fonts/OpenSans-Bold.ttf') format('truetype'), url('fonts/OpenSans-Bold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'OpenSans-Semibold';
	src: url('fonts/OpenSans-Semibold.eot');
	src: local('O'), url('fonts/OpenSans-Semibold.woff') format('woff'), url('fonts/OpenSans-Semibold.ttf') format('truetype'), url('fonts/OpenSans-Semibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{
    width:100%;
    height:100%;
}


body{margin:0; font-family: 'OpenSans-Regular', arial, sans-serif; font-size:15px;line-height:18px; color:#405163; background: #fff;}

.fl{float:left;}
.ar{text-align:right;}
.fr{float:right;}
.cl{clear:both}
.ac{text-align:center;}

::selection {
color:#333;
background-color: #E5E5E5; 
}
::-moz-selection{
color:#333;
background-color: #E5E5E5;    
}

form{margin:0;padding:0;}

input, select{outline:none;  font-family: 'OpenSans-Regular', arial, sans-serif; color:#333; font-size:15px;}
textarea{outline:none; overflow:auto; resize:vertical;  font-family: 'OpenSans-Regular', arial, sans-serif; color:#333; font-size:15px;}

a{outline:none;text-decoration:underline;color:#e8a427;cursor:pointer;}
a:hover{text-decoration:none;}

div.par{margin:20px 0}
p{margin:10px 0}
img{border:0;}
img[align=left] {margin:2px 10px 10px 0;}
img[align=right] {margin:2px 0 10px 10px;}

strong{font-weight:normal;font-family: 'OpenSans-Bold';}

div.title{
    width:100%;max-width:1920px;margin:0 auto;
}
.box img{width:100%; height: auto !important;}

.tels{
        position: absolute;
    right: 0;
    top: 104px;
    color: #e9a910;
    font-size: 34px;
    font-family: 'OpenSans-Bold';
    text-align: right;
    z-index: 30;
    padding: 15px 20px 20px 50px;
    background: url(files/phone-bg.png) left center no-repeat;
    line-height: 1.2;
    min-height:70px;
}
/*
.tels:after{
    content:'Звонки на номер 800 в пределах Украины бесплатные!';
    display:block;
    position: absolute;
    z-index:31;
    right:20px;
    top:60px;
    font-size:11px;
    font-family: 'OpenSans-Regular';
    color:#fff;
}
*/
div.topmenu{
    width:100%;
    left:0;
    top:0;
    position:fixed;
    z-index:100;
    height:50px;
    background:#770C3E;
    font-family: 'OpenSans-Bold';
    font-size:14px;
}

#menu{
    float:left;
}
#menu ul{
    margin:0;
    padding:0;
    list-style:none;
}
#menu ul li{display: inline-block;}
#menu ul{display:block;}
#menu ul li a{
    display:block;
    text-decoration:none;
    color:#fff;
    height:50px;
    line-height:50px;
    padding:0 15px;
    transition:0.3s;
}
#menu ul li:first-child a{
    background-image:url(files/home-icon.png);
    background-position: center;
    background-repeat: no-repeat;
}
#menu ul li a:hover, #menu ul li a.act{
    background-color:#e9a910;
}
div.phones{
    text-align:right;
    float:right;
    position: relative;
    height:50px;
}

div.tel{
    font-family: 'OpenSans-Semibold';
    background: #770C3E;
    text-align:center;
    position: absolute;
    z-index:8;
    top:0;
    right:0;
    width:155px;
    color:#fff;
}
span.ws{
    height: 0;
    overflow:hidden;
    transition: 0.4s;
    color:#5c4f47;
    background:#fff url(files/topphone-icon.gif) 10px 24px no-repeat;
    width:100%;
    line-height:30px;
    display:block;
}
div.tel:hover span.ws{height:auto;padding:15px 0;}
div.tel span:last-child{display:block;padding:16px 0;}

div.podlozhka{
    color:#fff;
    position: absolute;
    left:0;
    top:242px;
    z-index:8;
    background: url(files/slider-name-fon.png) 0 0 no-repeat;
    width:50%;
    padding:40px 0 0 0;
    background-size:100% 100%;
}

#logotype img{
    margin:0 0 20px 40px;
    width:80%;
    max-width:467px;
}
.slider1{
    height:1080px;
    overflow:hidden;
    position: relative;
}
div.akcii{
    font-size:24px;
    line-height:30px;
    letter-spacing:-1px;
    width:80%;
    margin:0 0 20px 40px;
}
div.buttons{
    text-transform: lowercase;
    margin:0 0 0 40px;
    cursor:pointer;
    font-family: 'OpenSans-Bold'; 
    font-size:17px;
    line-height:56px;
    height:56px;
    background:url(files/zapisatsa.png) 0 0 no-repeat;
    color:#fff;
    width:267px;
    padding-left:27px;
}
div.buttons:hover{opacity:0.9;}

#windowred big{
    font-family: 'OpenSans-Bold'; 
    font-size:24px;
}
#windowred div.fl{width:95%;}
div.aka{
    top:50px;
    left:0;
    position: absolute;
    z-index:4;
    background:url(files/2.png) 0 0 no-repeat;
    width:100%;
    max-width:450px;
    height:209px;
    background-size:100% auto;
    padding:30px 0 0 45px;
    color:#fff;
    
    font-size:120%;
    line-height:1.3;
}
div.aka span{
    color:#e9a910; 
    font-size:135%;
    display:block;
    font-family: 'OpenSans-Bold'; 
}
div.akcia{
    background:#E8A427 url(files/akcia-shadow.gif) top repeat-x;
    text-align:center;
    color:#fff;
    position: relative;
    padding:30px 0 20px 0;
    font-size:30px;
    line-height:30px;
    font-family: 'OpenSans-Semibold'; 
}
div.akcia:after{
    content:"";
    display:block;
    width:100%;
    height:4px;
    bottom:0;
    left:0;
    position: absolute;
    z-index:1;
    background:url(files/waves.gif) top repeat-x;
}



div.padd{
    padding:20px 40px;
}

span.h1{
    color:#3a463e;
    font-size:30px;
    display:block;
    padding-bottom:14px;
    line-height:33px;
    margin:10px 0;
}

ul.tabs{
    margin:20px 0 0 0;
    padding:0;
    width:100%;
}
ul.tabs:after, .clear:after{
    content:"";
    display:block;
    clear:both;
}
.akcii.clear{color:#fff;font-size:115%;}
.akcii.clear div.fl:first-child{
    /*background:url(files/1.png) right center no-repeat;*/
    color:#e9a910; padding-right:32px;
    margin-right:15px;
}
ul.tabs li{
    margin:0;
    float:left;
    text-align:center;
    list-style:none;
    padding:63px 0 22px 0;
    text-transform: uppercase;
    color:#e8a427;
    cursor:pointer;
    font-family: 'OpenSans-Bold';
    background-repeat: no-repeat;
    background-position: center 19px;
    font-size:14px;
}
ul.tabs li:hover{
    background-color:#f6f3ee;
}
#nogi{
    color:#fff;
    cursor: default;
    background-color:#554840;
}

.zona{
    border-top:5px solid #554840;
    background-repeat:no-repeat;
    background-position: 0 0;
    background-size:auto 100%;
}
.zona:after{
    content:"";
    display:block;
    clear:both;
}
.viborka{
    float:right;
    color:#fff;
    width:60%;
    width:calc(100% - 455px);
    background:#E8A427;
}
.viborka div{display:none;min-height: 320px;}
.viborka div p{
    padding:12px 25px;
}
.viborka div:first-child{display:block;}
.viborka ul{
    margin:0;
    padding:0;
}
.viborka ul li{
    padding:13px 20px 13px 45px;
    background:url(files/galka.png) 14px 15px no-repeat;
    list-style:none;
    margin:0;
}
.viborka ul li:nth-child(odd){
    background-color:#DB971B
}



div.leftcol{
    float:left;
    color:#554840;
    font-size:18px;
    width:238px;
    font-family: 'OpenSans-Bold';
}
div.leftcol span{
    display: inline-block;
    margin:0 10px 10px 0;
    border-radius:50%;
    height:47px;
    width:47px;
    text-align:center;
    line-height:47px;
    color:#fff;
}
 span.klim{
    background:#E8A427;cursor:pointer;
 }
 span.klimact{
    background:#554840;cursor: default;
 }
 
div.rightcol{
    float:right;
    width:76%;
    width:calc(100% - 240px);
    text-align:center;
    
}
div.area, div.area1, div.area2{
    margin:0 auto;
    width:760px;
    position: relative;
    overflow-x: auto;
    overflow-y: hidden;
}
#reda, #reda1, #reda2{
    background:#fff;
    text-align:center;
    left:50%;
    top:150px;
    position: absolute;
    z-index:10;
    margin-left:-100px;
    width:200px;
    padding:0 18px;
}
#reda span, #reda1 span, #reda2 span{
    color:#554840;
    display:block;
    padding:15px 0;
    font-size:18px;
}
#reda span:first-line, #reda1 span:first-line, #reda2 span:first-line{
    color:#14a372
}
a.reserv{
    display: inline-block;
    color:#fff;
    background:#770C3E url(files/free.png) 96% bottom no-repeat;
    text-decoration:none;
    height:38px;
    font-size:14px;
    line-height:38px;
    padding:0 47px 0 18px;
}
a.reserv:hover{
    background-color:#E8A427
}

.techno{
    background:#554840;
    color:#fff;
}
.techno span.h1{color:#fff;}
.techno table{
    border-collapse: collapse;
    width:100%;
}
.techno table td{
    vertical-align:middle;
    font-size:18px;
    padding:12px 20px;
}
.techno table tr td:first-child{
    text-align:center;
}
.techno table tr:nth-child(odd){
    background:#64564E;
}
.techno table tr td:nth-child(2){
    text-transform: uppercase;
    color:#e8a427;
    font-family: 'OpenSans-Bold';
}

.news{
    float:left;
    width:31%;
    height:265px;
    overflow:hidden;
    margin:0 25px 25px 0;
    position: relative;
}
.khodstroitelstva .news:nth-child(3n+1){
    margin-right:0;
}
.news a{
    display:block;
}
.news span{
    transition:0.3s;
    display:block;
    bottom:0;
    left:0;
    color:#fff;
    z-index:1;
    position: absolute;
    background:#E8A427;
    padding:10px 15px;
    width:calc(100% - 30px);
}
.news a:hover span{
    background:#554840;
}
.news img{width:100%;}

div.showmore{
    color:#fff;
    background: #E8A427;
    display: inline-block;
    transition:0.3s;
    height:45px;
    line-height:45px;
    padding:0 20px;
    font-family: 'OpenSans-Bold';
    cursor:pointer;
}
div.showmore:hover{
    background: #770C3E;
}


.title1{
    position: relative;
    background:#F6F9F1 url(files/leaves-left.jpg) 0 0 no-repeat;
}
.title1:before{
    content:"";
    background:url(files/leaves-right.jpg) top right no-repeat;
    top:0;
    right:0;
    position: absolute;
    z-index:1;
    display:block;
    width:239px;
    height:172px;
}
.title1:after{
    content:"";
    clear:both;
    display:block;
}
.title1 p{text-align:center;}
.title1 p span.h1{
    display: inline-block;
}

.garantii{
    border-top:2px solid #E9A910;
    background:#fff;
}
.garantii table{
    border-collapse: collapse;
    margin-top:30px;
}
.garantii table td{
    vertical-align: top;
    text-align:center;
    color:#64564e;
    font-size:13px;
}
.garantii img{
    border:1px solid #dbdbdb;
    padding:2px;
    transition:0.4s;
}
.garantii img:hover{
-webkit-transform: rotateY( 360deg );
-moz-transform: rotateY( 360deg );
-ms-transform: rotateY( 360deg );
-o-transform: rotateY( 360deg );
transform: rotateY( 360deg );
}


span.slogan{
    margin:40px 0 20px 0;
    font-size: 48px;
    text-transform: uppercase;
    color: #e8a427;
    font-family: 'OpenSans-Semibold';
    letter-spacing:-1px;
    line-height:48px;
    display:block;
    text-align:center;
}
span.slogan + div.buttons{
    margin:0 auto 30px auto;
}

div.footer{
    width:100%;
    background: #554840;
    color:#d6bebe;
}
div.footer div.padd{padding:0 40px;}
div.content{
    float:left;
    padding:30px 30px 30px 0;
    width:30%;
    background:url(files/1.gif) top right no-repeat;
}
div.footer span.h3{
    color:#fff;
    display:block;
    margin-bottom:10px;
    font-size:18px;
}
div.contacform{
    float:left;
    width:30%;
    padding:30px 30px 30px 0;
    margin-left:40px;
    background:url(files/1.gif) top right no-repeat;
}
div.contacform input{
    background: #554840;
    border:1px solid #8e7d73;
    font-size:14px;
    color:#fff;
    padding:10px 0 10px 15px;
    width:90%;
    width:calc(100% - 15px);
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    margin-top:10px;
}

div.contacform input::-webkit-input-placeholder {color:#dbc8bd;}
div.contacform input::-moz-placeholder          {color:#dbc8bd;}/* Firefox 19+ */
div.contacform input:-moz-placeholder           {color:#dbc8bd;}/* Firefox 18- */
div.contacform input:-ms-input-placeholder      {color:#dbc8bd;}

span.send{
    border-radius:18px;
    -webkit-border-radius:18px;
    -moz-border-radius:18px;
    cursor:pointer;
    height:33px;
    margin-top:10px;
    line-height:33px;
    width:134px;
    background:#770c3e;
    text-align:center;
    display: inline-block;
    border:0;
    color:#fff;
    transition:0.3s;
}
span.send:hover{
    background: #E8A427;
}
div.middlecol{
    font-family: 'OpenSans-Bold';
    float:right;
    padding:30px 0;
    color:#c5aead;
}
span.phone{display:block;margin:10px 0 20px 0;color:#fff;}

div.social a{
    text-decoration:none;
    display: inline-block;
    width:40px;
    height:40px;
    margin:0 5px 5px 0;
}
a.facebook{background: url(files/social.png) 0 0 no-repeat;}
a.twitter{background: url(files/social.png) -135px 0 no-repeat;}
a.vk{background: url(files/social.png) -90px -45px no-repeat;}
a.google{background: url(files/social.png) -135px -45px no-repeat;}
a.youtube{background: url(files/social.png) 0 -45px no-repeat;}

div.social a:hover{opacity:0.6;}



#trans{
    display:none;
    background: #32382A;
    opacity:0.9;
    top:0;
    bottom:0;
    left:0;
    width:100%;
    position: fixed;
    z-index:100;
}

#window{
    position:fixed;
    z-index:11146;
    left:50%;
    margin-left:-145px;
    width:250px;
    background: #E8A427;
    padding:15px 20px;
    color:#fff;
    transition:0.5s;
    border-radius:15px;
    box-shadow: 0 0 3px #000;
}

.hhde{
    top:-500px;
}
.hhdw{
    top:50px;
}
#window span{cursor:pointer; color:red;}

.pnp{
    background: #E8A427;
    border:1px solid #770C3E;
    color:#770C3E;
    padding:4px 0;
    width:100%;
}
.pnpred{
    border:1px solid red;
    color:#fff;
    padding:4px 0;
    width:100%;
    background:#FFF;
}
span.close, span.close1{
    background:url(files/close1.png) no-repeat;
    width:11px;
    height:11px;
    display:block;
    text-decoration:none;
    cursor:pointer;
    transition:0.5s;
}
span.close1{
    background:url(files/close1.png) no-repeat;
}
span.close:hover, span.close1:hover{
    transition:0.5s;
    -moz-transform: rotate(90deg); /* Для Firefox */
    -ms-transform: rotate(90deg); /* Для IE */
    -webkit-transform: rotate(90deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(90deg); /* Для Opera */
    transform: rotate(90deg);
}
input.button{
    color:#fff;
    border:0;
    background: #770C3E;
    cursor:pointer;
    height:30px;
    padding:0 15px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px; 
}
input.button:hover{
    background:#fff;
    color: #770C3E;
}
#windowred{
    top:0;
    width:100%;
    left:0;
    z-index:11146;
    display:none;
    position:absolute;
    background:#fff;
    
}
#windowred div.title{
    
}
.contacform .pnpred{
    border:1px solid red;
}
.objects{
    text-align:left;
    margin:20px 0;
}
.objects img{margin:5px 10px 5px 0;}
span.menu{
    background:#E8A427 url(files/butter.gif) center no-repeat;
    display:none;
    height:50px;
    line-height:50px;
    width:70px;
    float:left;
}
span.closemenu{
    display:none;
    background:#E8A427 url(files/close1.png) center no-repeat;
    width:40px;
    height:50px;
    cursor:pointer;
}
#map{width:100%;height:550px;}
.note{color:red;text-align:center;padding:15px 20px;display:none;font-family: 'OpenSans-Bold';}
div.zoompicture{
    display:none;
    top:0;
    bottom:0;
    background-color:#fff;
    /*cursor:url('files/close1.png'), pointer;*/
    left:0;
    position: fixed;
    z-index:200;
    width:100%;
    text-align:center;
    background-position: center;
    background-repeat:no-repeat;
    background-size: contain;
}
div.closelabel{
    top:20px;
    left:20px;
    position: fixed;
    z-index:201;
    width:30px;
    height:30px;
    border:1px solid #000;
    cursor:pointer;
    background:#fff url(files/close1.png) center no-repeat;
    border-radius:50%;
    display:none;
}
area{
    cursor:url('files/zoom.png'), pointer;
}
div.bronya{
    bottom:30px;
    left:0;
    width:100%;
    text-align:center;
    position: fixed;
    z-index:202;
    display:none;
}

.links span{
    margin:0 5px;
    cursor:pointer;
    text-decoration: underline;
    display: inline-block;
    padding:5px 15px;
    border-radius:10px;
}
.links span:hover {
    text-decoration:none;
}
.links span.link{
    color:#E9A910;
}
.links span.actlink{
    color:#fff;
    text-decoration:none;
    background:#770C3E;
}