@font-face {
  font-family: oseb; /* Имя шрифта */
  src: url(../fonts/OpenSans-ExtraBold.otf); /* Путь к файлу со шрифтом */
}

#js-scene {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1; /* Щоб контент був зверху */
  overflow: hidden;
}

.layer {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.leaves {
  background-image: url('img/leaves_parallax-min.png');
  background-size: contain;
}

.leaves-fix {
  background-image: url('img/leaves_fix-min.png');
  background-size: cover;
}

.half-leafs {
  background-image: url('img/half-leafs-min.png');
  background-size: contain;
  background-position: right top;
}

@font-face {
  font-family: osl; /* Имя шрифта */
  src: url(../fonts/OpenSans-Light.otf); /* Путь к файлу со шрифтом */
}
@font-face {
  font-family: osli; /* Имя шрифта */
  src: url(../fonts/OpenSans-LightItalic.otf); /* Путь к файлу со шрифтом */
}
@font-face {
  font-family: osb; /* Имя шрифта */
  src: url(../fonts/OpenSans-Bold.otf); /* Путь к файлу со шрифтом */
}
* { margin:0; padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; outline:none; outline-style:none;}
li { list-style:none;}
a {  border:none; text-decoration:none;}
a img {border:none;}
body { min-width:1024px;}
.indexgo { position:relative; display: inline-block; vertical-align:middle; height:45px; margin-top:-3px;}
.indexgo:before { position:absolute; top:0; left:0; width:100%; height:100%; content:"";}
.container { width:1024px; margin:0 auto;}

.block1 { background:url(../img/bg1.jpg) no-repeat 50% 50%; height:700px;}
.block1_box { position:relative; height:700px;}
.header { display:table; width:100%; color:#FFF; padding:25px 0;}
.header > div { display:table-cell; font-size:0; vertical-align:middle;}
.logo { background:url(https://working-group.ru/sites/remont/remont-kvartir-500/img/logo.png) no-repeat 39px 0%; padding:0px 10px 0;}
.logo > *{ display:inline-block;   vertical-align:middle;text-transform:uppercase; }
.logo > p { font:25.33px/100% oseb; letter-spacing:3px;  text-align:right; margin-right:18px;}
.logo > p span { color:#F4BB0E;}
.logo > h6 { font:12px/100% oseb;letter-spacing:2px; }
.logo > h6 span {color:#F4BB0E; }

.zz { background:url(../img/arrow1.png) no-repeat 65% 100%; text-align:right; padding:0px 10px 37px;}
.zz > * { display:inline-block;  vertical-align:bottom; }
.zz > h6 { font:35px/70% oseb; text-align:left; padding-top:42px; }
.zz > h6 b {color:#F4BB0E;}
.zz > h6 span { font:13px/100% osb; text-transform:uppercase; padding:0 30px 0 70px; color:#FFF;}
.zz > p { font:14px/100% osb; padding-bottom:15px; text-transform:uppercase;}
.zz > p a { border:1px solid #F4BB0E; padding:10px 20px 10px 40px; background:transparent url(../img/phone.png) no-repeat 10px 50%; border-radius:20px; color:#FFF; transition:0.5s all ease;}
.zz > p a:hover {background:#F4BB0E url(../img/aphone.png) no-repeat 10px 50%;color:#000; }

.motto { color:#FFF; padding:70px 0 0px;}
.motto h5 { font:62px/80% oseb; text-transform:uppercase; padding:0 0 20px;}
.motto h5 span { font:38px/120% osl;}
.motto p { font:16px/120% osl;}

.headerbottom { text-align:right; padding:0px 20px 0;}
.headerbottom > * { display:inline-block; margin:0 5px;}
.mouse { background:url(../img/mause.png) no-repeat 50% 50%; width:85px; height:85px; position:absolute; left:0; right:0; position:absolute; margin:auto; bottom:10px;}

.block2 { background:url(../img/bg2.jpg) no-repeat 50% 50%; height:750px;} 
.block2_box {font-size:0; color:#FFF; position:relative; height:750px; padding:50px 0; background:url(../img/arrow2.png) no-repeat 600px 90%;}
.block2_box > * {   vertical-align:top; display:inline-block;min-height:100px;}
.lsb2 { width:670px;}

.map { background-repeat:no-repeat!important; opacity:1;} 
.office { position:absolute; bottom:80px; padding:40px 0 0 0; background:url(../img/office.png) no-repeat 50% 0%; right:440px; font:16px/100% osl;}
.office a { top:0; left:0; width:100%; height:100%; color:#FFF; display:block;}
.rsb2 { width:354px; text-transform:uppercase; padding:20px 5px 20px 30px;}
.rsb2 > h3 { font:62px/90% oseb;}
.rsb2 > h4 { font:24px/100% osl; margin-bottom:40px;}
.rsb2 > p { text-transform:none; color:#F4BB0E; font:18px/100% osl; padding:15px 0 15px 45px;}
.rsb2 > p.p1 { background:url(../img/icon_4.png) no-repeat 0% 50%;}
.rsb2 > p.p2 {background:url(../img/icon_5.png) no-repeat 0% 50%;}
.rsb2 > p.p3 {background:url(../img/icon_6.png) no-repeat 0% 50%;}
.rsb2 > h5 { border:dashed 1px #F4BB0E; padding:10px; font:16px/120% osl; text-transform:none; margin-top:70px;}


.back_layout { background:rgba(0,0,0,0.7); top:0; left:0; width:100%; height:100%; position:fixed; overflow:hidden; display:none;}
.back_layout > .slider_box { width:886px; height:527px; background:#FFF; position:absolute!important; top:0; left:0; right:0; bottom:0; margin:auto; display:none;}
.slider_box > a { background:url(../img/close-hover.png) no-repeat 50% 50%; width:23px; height:23px; position:absolute; top:-40px; right:-40px;} 
/* Basic jQuery Slider essential styles */
.banner-fade { margin:0 auto; position:absolute;}
ul.bjqs{position:relative; list-style:none;padding:0;margin:0;overflow:hidden; display:none; border:5px solid #F4BB0E;}
li.bjqs-slide{position:absolute; display:none;}
ul.bjqs-controls{list-style:none;margin:0;padding:0;z-index:9999;}
ul.bjqs-controls.v-centered li { bottom:20px !important;}
ul.bjqs-controls.v-centered li a{position:absolute;}
ul.bjqs-controls.v-centered li.bjqs-next a{right:60px; background: url(../img/right.png)no-repeat 50% 50%; width:46px; height:92px; font-size:0;}
ul.bjqs-controls.v-centered li.bjqs-prev a{right:90px;background:url(../img/left.png) no-repeat 50% 50%; width:46px; height:92px; font-size:0;}
ol.bjqs-markers{list-style: none; padding: 0; margin: 0; width:100%;}
ol.bjqs-markers.h-centered{text-align: center; margin-top:10px; }
ol.bjqs-markers li{display:inline;}
ol.bjqs-markers li a{display:inline-block; width:14px; height:14px; font-size:0; border:2px solid #F4BB0E; margin:0 5px; border-radius:10px;}
ol.bjqs-markers li.active-marker a { background:#F4BB0E; }
p.bjqs-caption{display:block;width:96%;margin:0;padding:2%;position:absolute;bottom:0;}

.block3 { background:url(../img/bg3.jpg) no-repeat 50% 50%; height:776px;}
.block3_box {font-size:0; color:#FFF; padding:40px 0 0;}
.block3_box > h3 { font:36px/100% oseb; text-transform:uppercase; padding:30px 10px; letter-spacing:2px;}
.block3_box > h3 span { font-family:osl;}
.block3_box > div {   vertical-align:top; display:inline-block;}
.block3_box > .lsb3 { width:70%; font-size:0;}
.lsb3 > div { display:inline-block; width:50%; vertical-align:top;  padding:10px 10px 10px;}
.rem_box h5 { color:#F4BB0E; font:22px/110% oseb; text-transform:uppercase; padding-bottom:10px; letter-spacing:2px;}
.rem_box p { font:16px/120% osli; height:117px; overflow:hidden;}
.rem_box h6 { font:18px/40px osb; margin:15px 0 10px;}
.rem_box h6 a { border-radius:20px;font:18px/40px osb; border:1px solid #F4BB0E; padding:0px 0 5px; color:#FFF; height:40px; width:200px; text-align:center; display:inline-block; transition:ease 0.5s all;}
.rem_box h6 a.active {color:#000;background:#F4BB0E}
.rem_box h6 sup { font-size:14px; line-height:0;}
.rem_box h6.stock { margin-top:18px; }
.rem_box h6.stock a { color:#000;background:#F4BB0E}
.block3_box > .rsb3 { width:30%;border:dashed 1px #F4BB0E;padding:20px; border-radius:20px;}
.rsb3 > h4 { color:#F4BB0E; font:22px/110% oseb; text-transform:uppercase; padding-bottom:10px; letter-spacing:2px;}
.rsb3 > p {font:16px/120% osli; padding:0px 0 5px;}
.rsb3 > form p span { color:#F4BB0E; } 
.rsb3 > form {}
.rsb3 > form input { width:90%; display:block; margin:0 auto; height:35px; border-radius:20px; margin-bottom:8px; background:none; border:1px solid #FFF; color:#FFF; text-align:center; padding:0 10px; font:16px/100% osl;}
.rsb3 > form button {width:90%; display:block; margin:0 auto; position:relative;height:35px; border-radius:20px; background:none; border:1px dashed #F4BB0E; color:#FFF;font:16px/100% osl;}
.rsb3 > form input[type="file"] { margin-top:-35px; position:relative; opacity:0; }
.rsb3 > form input[type="submit"] {background:#F4BB0E; color:#000; font:18px/100% osb; text-transform:uppercase; border:none; margin-top:10px;cursor:pointer;}
.rsb3 > form > p {  background:url(../img/arrow3.png) no-repeat 75% 50%; padding:10px 110px 10px 10px; font:14px/120% osli;}

.block4 { background:url(../img/bg4.jpg) no-repeat 50% 50%; height:560px;}
.block4_box { color:#FFF; text-align:center; letter-spacing:2px; padding:60px 0 0;}
.block4_box > h3 { font:62px/120% oseb; text-transform:uppercase; padding:10px 0;}
.block4_box > h3 span { color:#F4BB0E;}
.block4_box > h4 { font:23px/120% osl; text-transform:uppercase; padding-bottom:10px;}
.block4_box > h5 { text-align:center; font:18px/100% oseb; margin-top:15px;}
.block4_box > h5 span { margin:0 40px; padding:8px 20px; border-radius:30px;}
.block4_box > h5 span sup { font-size:14px;}
.block4_box > h5 span:first-child { border:1px solid #F4BB0E;}
.block4_box > h5 span:first-child+* { background:#F4BB0E; color:#000;} 
#CDT {position:relative; width:100%; margin:55px auto 65px;text-align:center;}
#CDT .number-wrapper { margin:0 8px;  position:relative; text-align:center; width:100%;}
#CDT .number {width:113px;height:88px; text-align:center;display: inline-block; letter-spacing:22px;*display: inline;*zoom:1; background:url(../img/m.png) no-repeat 50% 50%; padding:0px 0px 0 8px; font:64px/88px osl; color:#000; }   
#CDT .number.sec {background:url(../img/s.png) no-repeat 50% 50%; color:#000;}
#CDT .line { position: absolute;width: 100%;top: 52%;left: 0;}   
.caption {position: absolute; bottom: -40px;left: 0;text-align:center; width: 100%; text-transform:lowercase; font:20px/120% osl; color:#FFF; text-shadow:0px 0px 4px #000;}

.block4_box > h6 { font:23px/120% osl; background:url(../img/arrow4.png) no-repeat 76% 50%;}
.block4_box > h6 > b { font-family:oseb;color:#F4BB0E;}
.block4_box > h6 span { font:48px/120% oseb;}
.block4_box > h6 span > b { color:#F4BB0E;} 
.block4_box > form { width:100%; display:block; text-align:center; margin:20px 0 30px;}
.block4_box > form > * { display:inline-block; width:260px; vertical-align:middle; border:1px solid #F4BB0E; background:none; text-align:center; height:42px; margin:0 10px; color:#FFF; font:18px/100% osl; border-radius:30px;}
.block4_box > form > input[type="submit"] { background:#F4BB0E url(../img/aphone.png) no-repeat 25px 50%; font:18px/100% osb; width:280px; padding-left:15px; text-transform:uppercase; color:#000; cursor:pointer;} 
.block4_box .footer { font:14px/120% osl; display:table; width:100%; padding-top:40px;} 
.block4_box .footer > div { display:table-cell; text-align:left;}
.block4_box .footer > .fr { text-align:right;}
.block4_box .footer a { color:#FFF; text-decoration:underline;}


.popup_container { position:fixed; width:100%; height:100%; top:0; left:0;background:rgba(0,0,0,0.95); display:none;}
.poup { height:300px; width:700px; position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; letter-spacing:2px; display:none;}
.poup > a { background:url(../img/close-hover.png) no-repeat 50% 50%; width:23px; height:23px; top:-40px; right:-40px; position:absolute;}
.poup > p { font:23px/140% oseb; text-transform:uppercase; color:#F4BB0E;}
.poup > p > span { text-transform:none; font-family:osl; color:#FFF;}
.poup > form { width:100%; display:block; text-align:center; margin:20px 0 30px;}
.poup > form > * { display:inline-block; width:210px; vertical-align:middle; border:1px solid #F4BB0E; background:none; text-align:center; height:42px; margin:0 5px; color:#FFF; font:18px/100% osl; border-radius:30px;}
.poup > form > input[type="submit"] { background:#F4BB0E; font:16px/100% osb;text-transform:uppercase; color:#000; } 

#sended{position: fixed;z-index: 9999;display: none;width: 50%;top: 20%;left: 25%;padding: 2%;background: none repeat scroll 0% 0% #244558;font: 30px/120% osl;text-align: center;color: #FFF;}