
@font-face {
 font-family:bold;
 src: url("fonts/Exo2.0-Regular.eot"); 
 src: url("fonts/Exo2.0-Regular?#iefix") format("embedded-opentype"),
 url("fonts/Exo2.0-Regular.woff") format("woff"),
 url("fonts/Exo2.0-Regular.ttf") format("truetype"),
 url("fonts/Exo2.0-Regular.svg") format("svg");
}
@font-face {
 font-family:light;
 src: url("fonts/exo-20_thin.eot"); 
 src: url("fonts/exo-20_thin.eot?#iefix") format("embedded-opentype"),
 url("fonts/Exo2.0-Thin.woff") format("woff"),
 url("fonts/Exo2.0-Thin.ttf") format("truetype"),
 url("fonts/Exo2.0-Thin.svg") format("svg");
}
@font-face {
 font-family:title;
 src: url("fonts/Chanse.eot"); 
 src: url("fonts/Chanse.eot?#iefix") format("embedded-opentype"),
 url("fonts/ChanceCyrillic.woff") format("woff"),
 url("fonts/ChanceCyrillic.ttf") format("truetype"),
 url("fonts/ChanceCyrillic.svg") format("svg");
}




body{
  margin:0;
  background:#e1e1e1;
}
body .wrap-m-width{
  padding-left:50px;
  padding-right:50px;
  max-width:1440px;
  margin:0 auto;
}
img{
  max-width:100%;
}

.menu-wrap{
  background:url(img/bg-menu.png) repeat;
  position:relative;
  z-index:2;
}
.stick-menu{
  margin:0;
}
.logo{
  position:relative;
}
.logo a{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index:2;
}
.stick-menu{
  flex-wrap:wrap;
  display:flex;
  align-items:center;
  max-width:1440px;
  margin:0 auto;
  padding:10px 0px ;
  box-sizing:border-box;
  justify-content: space-between;
   font-family:bold;
   padding-left:50px;
  padding-right:50px;
}
.menu{
  padding-right:200px;
}
.menu span a{
  transition:0.3s;
  color:#fff;
  margin: 0 30px;
  cursor:pointer;
  font-size:18px;
}
.menu span a:hover{
  text-decoration:underline;
}
.menu-phone{
justify-self:right;
}
.menu-phone a{
  color:#f9ad8d;
  text-decoration:none;
  font-weight:bold;

}

.slider-wrap{
  margin-top:-118px;
  position:relative;
  margin-bottom:50px;
}
.slider-text{
  position:absolute;
  left: 10%;
  top:200px;
  font-size:50px;
  font-family:light;
  color:#fff;
  text-shadow:5px -5px 0 #000;
  line-height:80px;

}
.slider-text .color-gold{
  color:#f9ad8d;
}

.block-2-wrap{
  display:flex;
  align-items:center;
}
.block-2{
  min-width:50%;
  box-sizing:border-box;
  padding:10px;
  align-items:center;
}
.block-2-text-b{
  font-family:bold;
  color:#000;
  font-weight:bold;
  text-align:center;
  font-size:24px;
}
.block-2-text-title{
  text-align:center;
  font-size:48px;
  font-weight:bold;
  font-family:bold;
  position:relative;
  margin-bottom:0px;
  padding-bottom:20px;
  margin-top:20px;
}

.block-2-text-n{
  font-weight:bold;
  font-family:light;
  font-size:22px;
  padding-left:20px;
}
.block-2-text-title:before{
  content:'';
  position:absolute;
 bottom:1px;
 border-bottom:2px solid #bfa16b;
 width:100%;
 left:0;

}
.block-2-text-title:after{
  content:'';
  position:absolute;
 bottom:-1px;
 border-bottom:1px solid #bfa16b;
 width:100%;
 left:0;

}
.small-line{
  position:relative;
  padding-bottom:20px;
}
.small-line:before{
  content:'';
  position:absolute;
 bottom:1px;
 border-bottom:2px solid #bfa16b;
 width:30%;
 left:calc(50% - 15%);

}
.small-line:after{
  content:'';
  position:absolute;
 bottom:-1px;
 border-bottom:1px solid #bfa16b;
 width:30%;
  left:calc(50% - 15%);

}


/*LOGO STYLE*/

#mLogoWrap{
min-height:40px;
font-size:0px;
position:relative;
padding:30px 0px;
overflow:hidden;
}
.one_item_logo{
display:inline-block;
min-width:40px;
min-height:40px;
font-size:16px;
vertical-align:top;
padding:15px;
margin:10px;
}
.one_item_logo{
max-width:400px;
}
.one_item_logo img{
max-width:100%;
}
#logoCounter{
white-space:nowrap;
position:absolute;
top:0;
left:0;
transition:0.5s;
}


/*controllers*/
.mLcontrol{
font-size:16px;
position:absolute;
height:71px;
width:37px;
z-index:4;
display:inline-block;
top:calc(50% - 86px);
cursor:pointer;
}
#mLleft{
left:0;
background:url(img/left.png) center center no-repeat;
}
#mLright{
right:0;
background:url(img/right.png) center center no-repeat;
}
/*#controllers*/


/*#LOGO STYLE*/

.block-3-wrap h2{
  text-align:center;
  color:#bfa16b;
  font-family:title;
  font-size:48px;
  margin-bottom:0;
  font-weight:bold;
  position:relative;
  z-index:4;
}
.block-3-wrap .block-description {
font-family:bold;
color:#999999;
text-align:center;
}

.block-3-wrap h2 span{
    background:#e1e1e1;
    position:relative;
    z-index:5;
    padding:0 20px;
}

.block-3-wrap h2:before{
  content:'';
  position:absolute;
 bottom:25px;
 border-bottom:2px solid #bfa16b;
 width:100%;
 left:0;

}
.block-3-wrap h2:after{
  content:'';
  position:absolute;
 bottom:22px;
 border-bottom:1px solid #bfa16b;
 width:100%;
 left:0;
 z-index:3;

}

.block-4-wrap{
  background:url(img/pre-footer-bg.jpg) no-repeat bottom center;
}
.block-4{
  display:flex;
  flex-wrap:wrap;
  padding:60px 0;
}
.block-4>div{
  min-width:50%;
   padding: 30px 0 30px 0;
   max-width:50%;
   box-sizing:border-box;
}
.block-4-title{
  text-align:center;
  font-family:title;
  font-size:48px;
  color:#333333;
}
.block-4-descr{
  font-family:bold;
  font-size:30px;
}


footer{
  background:url(img/footer-bg.jpg) no-repeat center;

}
footer h2{
  text-align:center;
  overflow:hidden;
  width:100%;
}
footer .title-line{
  text-align:center;
  color:#bfa16b;
  font-family:title;
  font-size:48px;
  margin-bottom:0;
  position:relative;
  z-index:4;
}
.footer-wrap{
   display:flex;
  flex-wrap:wrap;
}


.title-line:before{
  content:'';
  position:absolute;
 bottom:25px;
 border-bottom:2px solid #bfa16b;
 width:1980px;
 left:-2000px;

}
.title-line:after{
  content:'';
  position:absolute;
 bottom:22px;
 border-bottom:1px solid #bfa16b;
 width:1980px;
 left:-2000px;

}
.h-title-line{
  text-align:center;
  color:#bfa16b;
  font-family:title;
  font-size:46px;
  margin-bottom:0;
  position:relative;
  z-index:4;
}
.h-title-line:before{
  content:'';
  position:absolute;
 bottom:25px;
 border-bottom:2px solid #bfa16b;
 width:1980px;
 right:-2000px;

}
.h-title-line:after{
  content:'';
  position:absolute;
 bottom:22px;
 border-bottom:1px solid #bfa16b;
 width:1980px;
 right:-2000px;

}
.footer-contacts{
  color:#bfa16b;
  font-family:bold;
}
.footer-contacts p{
  text-indent:20px;
}
.footer-contacts .footer-t-name{
  text-indent:0;
  font-weight:bold;
}

.flex-one-footer{
  max-width:33%;
  padding:5px;
  min-width:33%;
  box-sizing:border-box;
}

.inp-style{
  background:transparent;
  border:none;
  outline:none;
  width:100%;
  border-bottom:1px solid #f9ad8d;
  margin:5px 0px;
  color:orange;
  font-family:bold;
  font-size:16px;
  padding-bottom:5px;
  margin-bottom:20px;
  resize:none;
  transition:0.3s;
}
.form-title{
  color:#bfa16b;
  font-weight:bold;
  font-family:bold;
  font-size:20px;
  margin-top:0px;
}
.form-footer-wrap{
  box-sizing:border-box;
  padding-left:40px;
}

.sbmt-wrap{
  text-align:right;
}

.sbmt-wrap input{
  background:#bfa16b;
  color:#000;
  padding:7px 12px;
  border:none;
  outline:none;
  font-family:bold;
  cursor:pointer;
  transition:0.3s;
}

.inp-style:focus{
border-bottom:1px solid #fff;
}
.sbmt-wrap input:hover{
  background:#fff;
}

.created{
  background:url(img/bg-menu.png),#000;
  text-align:center;
  padding: 10px 5px;
}
.created a{
  text-decoration:none;
  transition:0.3s;
  color:#bfa16b;
  font-family:bold;
}
.created a:hover{
  color:#fff;
}


/*lbox*/
.lbox-wrap{
  display:flex;
  position:fixed;
  width:100%;
  max-width:100vw;
  min-height:100vh;
  z-index:101;
  align-items:center;
  justify-content: center;
}
.lbox-img-wrap{
  padding:10px 0;
  max-width:45%;
  position:relative;
  z-index:102;
}
.lbox-img-wrap .lb-close{
  position:absolute;
  right:0;
  top:10px;
  background:#fff;
  color:#444;
  padding:10px 15px;
  font-family:bold;
  transition:0.3s;
  cursor:pointer;
   z-index:15;
   font-size:15px;
}
.lbox-img-wrap .lb-close:hover{
  background:#444;
  color:#fff;

}
.js-lbox{
  cursor:pointer;
}
.js-lbox-bg{
  background:#000;
  z-index:10;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  opacity:0.8;
}
.lbox-button{
  position:relative;
  border: 20px solid transparent;
  border-right:20px solid #ebebeb;
  position:absolute;
  top:calc(50% - 10px);
  transition:0.3s;
  opacity:0;
}
.lbox-button__left{
  left:-40px;
}
.lbox-button__right{
  right:-40px;
  transform:rotate(180deg );
}
.lbox-click-wap{
  position:absolute;
  left:0;
  top:0;
  right:0;
  bottom:0;
  display:flex;
  justify-content:space-between;
  z-index:10;
}
.lbox-click-wap>div{
  width:49%;

  cursor:pointer;
  position:relative;
}
.lbox-click__right{

}
.lbox-click-wrap__item:hover .lbox-button{
  border-right:20px solid #444;
  opacity:1;
}
.lbox-click-wrap__item:hover .lbox-button__left{
  left:-5px;
}
.lbox-click-wrap__item:hover .lbox-button__right{
  right:-5px;
}
.lbox-img-wrap img{
  max-height:100vh;
}
#js-lbox-wrap{
  transition:.5s;
  z-index:-1;
  opacity:0;
}
.js-lbox-active{
  opacity:1!important;
}


/*#lbox*/

.mobile-menu-box{
  z-index:-1;
}

.mobile-menu-wrap{
  position:absolute;
  right:20px;
  top:calc(50% - 12px);
  z-index:-1;
  max-width:32px;
  line-height:3px;
  cursor:pointer;
}
.mobile-menu-wrap span{
  width:30px;
  background:#fff;
  height:2px;
  display:inline-block;
}
.mobile-menu-wrap{
  display:none;
}


.js-form-complete{
  position:relative;

}
.js-form-complete:before{
  content:'Сообщение отправлено';
  position:absolute;
  left:-4px;
  right:-4px;
  top:0;
  bottom:0;
  z-index:4;
  font-family:bold;
  font-size:20px;
  transition:0.5s;
  text-align:center;
  background:#222;
  color:#fff;
  line-height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
}
