html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    color: #3e1000;
    position: relative;
    overflow: visible!important;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
html *{
    /*max-height: 99999px;*/
}

.fancybox-lock .fancybox-overlay {
    overflow-y: hidden!important;
}

.clearfix:after {
   content: " "; 
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
@font-face {
    font-family: NotoSans;
    src: url(../fonts/NotoSans-Regular.ttf);
}
@font-face {
    font-family: TrajanPro;
    src: url(../fonts/TrajanPro3-Regular.otf);
}
body{
    font-family: NotoSans;
}
/*helpercss*/
.btn{
    font-size: 14px;
    color: white;
    text-decoration: none;
    background: #FFC125;
    border: none;
    text-align: center;
    border-bottom: 2px solid #ba8347;
    border-radius: 5px;
    text-transform: uppercase;
    display: inline-block;
    /* height: 30px; */
    /* line-height: 30px; */
    cursor: pointer;
    font-family: TrajanPro;
    transition: .3s;
}
.btn:hover{
    background: #fa971f;
    border-bottom: 2px solid #ba8347;
}
.btn:active{
    background: #FFC125;
    border-bottom: 2px solid transparent;
    box-shadow: inset 0px 1px 7px rgba(0, 0, 0, 0.31);
    // margin-bottom: 2px;
}
input[type="text"]{
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-right: 18px;
    color: #361f12;
    box-sizing: border-box;
    border-radius: 5px;
    border: 0;
}
::-webkit-input-placeholder {
   color: #361f12;
   opacity: .5;
}

:-moz-placeholder { /* Firefox 18- */
   color: #361f12;
   opacity: .5;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #361f12;
   opacity: .5;  
}

:-ms-input-placeholder {  
   color: #361f12;
   opacity: .5;  
}
.ul{
    text-align: center;
}
.ul>div{
    display: inline-block;
    vertical-align: top;
    margin: 0 50px;
}
.wrapper{
    width: 1180px;
    margin: 0 auto;
    /* position: relative; */
}
.form{
    text-align: center;
}
.form h3{
    font-size: 23px;
}
.form h2{}
.form input[type="text"]{
    margin-top: 20px;
}
.form button{
    outline: none !important;
    height: 45px;
    line-height: 47px;
    display: inline-block;
    vertical-align: top;
    margin-top: 20px;
    width: 280px;
}

h1{
    font-size: 36px;
    /* text-transform: uppercase; */
    text-align: center;
    color: #361f12;
    margin-bottom: 50px;
    font-family: TrajanPro;
}
h2{
    font-size: 30px;
    text-align: center;
    margin-bottom: 40px;
}
h4{
    font-size: 18px;
    text-align: center;
}
/*mycss*/
.header{
    padding: 0;

    height: 100%;
   /* width: 100%;*/
    background: url(../img/header.jpg) center center; 
    background-size: cover; 
    position: relative;
}
.top{
    padding-top: 12px;
    padding-bottom: 12px;
    height: 80px;
    color: #51270e;
    background: white;
}
.logo{
    display: inline-block;
    vertical-align: top;
    float: left;
    width: 20%;
}
.logo p{
    display: none;
}
 .logo img{}
/* .head_img{
    background: url(../img/header.jpg) center top;
}*/
.top ul{
    display: inline-block;
    vertical-align: top;
    width: 60%;
    text-align: center;
}
.top ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}
.top ul a{
    color: #51270e;
    text-decoration: none;
    height: 84px;
    line-height: 84px;
}
.top ul a:hover{
    color: #FFC125;
}
.contact{
    display: inline-block;
    vertical-align: top;
    text-align: right;
    float: right;
    font-family: TrajanPro;
    width: 20%;
}
.contact .phone{
    display: block;
    font-size: 20px;
}
.contact .time{
    display: block;
    font-size: 13px;
    margin-top: 5px;
}
.contact .btn{
    width: 170px;
    display: inline-block;
    height: 30px;
    line-height: 34px;
    margin-top: 10px;
    margin-bottom: 50px;
    width: 190px;
}
.logo span{
    display: none;
}

.middle{
    padding-top: 50px;
    padding-bottom: 45px;
}
.middle .title{
    color: white;
    background: rgba(54,31,18,0.43);
    border-radius: 5px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 13px;
    width: 933px;
    margin-left: 123px;
    /* left: 50%; */
    /* position: absolute; */
    /* margin-left: -461px; */
    border-radius: 5px;
}
.middle .title h1{
    text-align: center;
    font-size: 40px;
    line-height: 64px;
    color: white;
    margin-bottom: 0;
}
.middle .title p{
    margin-top: 30px;
    font-size: 28px;
    line-height: 30px;
}
.middle .ul{
    text-align: center;
    padding-top: 40px;
}
.middle .ul .li{
    text-align: center;
    margin: 0 36px;
    width: 400px;
}
.middle .ul img{}
.middle .ul p{
    font-size: 16px;
    background: rgba(54,31,18,0.65);
    border-radius: 5px;
    color: white;
    display: inline-block;
    padding: 1px 3px;
    margin-top: 7px;
}

.bottom {
    padding-top: 10px;
    padding-bottom: 24px;
    background: rgba(54,31,18,0.65);
    width: 100%;
    margin: 0 auto;
    border-radius: 5px
}
.bottom h3 {
    color: #fff;
}
.h30 {
    width: 100%;
    height: 30px;
}

section#block1{
    padding-top: 45px;
    padding-bottom: 55px;
}
section#block1 p{
    margin-top: 5PX;
    font-size: 16px;
}
section#block2{
    background: url(../img/rabot.jpg) center center;
    background-size: cover;
}
section#block3{}
section#block3{
    background: #faf6f4;
}
section#block4{}
section#block5{
    background: #faf6f4;
}
section#block6{
    background: url(../img/fbg.jpg);
    background-size: cover;
    border-top: 5px solid #FFC125;
    border-bottom: 5px solid #FFC125;
    box-shadow: 0 0 5px #CCCCCC;
}
section#block7{
    background: url(../img/reasons.png) center no-repeat;
    padding-bottom: 0;
    padding-top: 60px;
    background-position: 50% -60px;
}
section#block8{}
section#block9{
    background: #fafafa;
}
section#block10{
    background: url(../img/form2.jpg);
    background-size: cover;
    border-top: 5px solid #FFD700;
    border-bottom: 5px solid #FFD700;
    box-shadow: 0 0 5px #CCCCCC;
}
section#block11{}
section#block12{
    background: url(../img/poryadok.jpg) center center;
    background-size: cover;
    border-top: 5px solid #FFC125;
    border-bottom: 5px solid #FFC125;
}
.footer{}
section#block6 h2, section#block10 h2{
    font-size: 25px;
    font-family: TrajanPro;
    margin-bottom: 0;
    text-shadow: 0 3px 11px white;
}
section#block8 h5{
    text-align: center;
    margin-top: 60px;
    font-size: 24px;
}
section#block12 .half{
    display: inline-block;
    vertical-align: top;
    width: 585px;
    text-align: center;
}
section{
    padding-top: 45px;
    padding-bottom: 55px;
}
.styles{
    margin-top: 20px;
    text-align: center;
}
.style{
    display: inline-block;
    width: 170px;
    vertical-align: top;
    text-align: center;
    margin-right: 25px;
}
.style img{}
.style span{
    margin-top: 18px;
    font-size: 16px;
    display: block;
}

.tovars{
    height: 380px;
}
.tovar{
    position: absolute;
}
.tovar img{}
.tovar span{
    display: block;
    font-size: 16px;
    margin-top: 9px;
}

.variants{
    text-align: center;
}
.variant{
    display: inline-block;
    vertical-align: top;
    width: 370px;
    padding: 30px 0;
    background: white;
    margin-right: 28px;
    box-shadow: 0 0 5px #d7d6d5;
    border-radius: 10px;
}
.variant h5{
    font-family: TrajanPro;
    font-size: 18px;
}
.variant img{
    margin-top: 26px;
}
.variant p{
    margin-top: 20px;
    font-size: 16px;
}
.variant span{
    margin-top: 30px;
    display: inline-block;
    font-family: TrajanPro;
    font-size: 18px;
}

.reasons{}
.reason{
    width: 300px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 55px;
    position: relative;
    margin-top: 15px;
}
.reason span, #block8 .li span{
    display: block;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #FFC125;
    line-height: 24px;
    text-align: center;
    color: white;
    font-size: 14px;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: -12px;
}
.reason img{}
.reason p{}

.reason_line{
    background: #FFC125;
    color: white;
    padding-top: 30px;
    padding-bottom: 30px;
}
.reason_line span{
    position: absolute;
    background: white;
    color: #FFC125;
    height: 40px;
    width: 40px;
    display: block;
    line-height: 40px;
    font-size: 24px;
    border-radius: 50%;
    margin-left: 30px;
    margin-top: 5px;
}
.reason_line p{
    padding-left: 60px;
    font-size: 22px;
    line-height: 24px;
    text-align: center;
    position: relative;
}

.footer{
    padding-top: 35px;
    padding-bottom: 60px;
}
.reqvisites{
    display: inline-block;
    margin-left: 180px;
    text-align: center;
    font-family: TrajanPro;
}
.reqvisites ul{}
.reqvisites li{
    font-size: 14px;
    line-height: 21px;
    display: flex;
  justify-content: center;
  list-style: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 0;
}

.reqvisites a{
  display: inline-block;
  align-items: center;
  justify-content: center;
  position: relative;
  
}


.tabs{
    width: 1035px;
    background: white;
    height: 40px;
    /* line-height: 40px; */
    margin-left: 72px;
    box-shadow: 0 0 5px #c6c5c2;
}
.tabs ul{
    text-align: center;
}
.tabs li{
    display: inline-block;
    vertical-align: top;
    margin: 0 7px;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
    margin-top: 6px;
}
.tabs li:hover{
    background: #F5AA50;
    color: white;
}
#block3 p{
    font-size: 18px;
    line-height: 21px;
    text-align: center;
}
.tov1{
    left: 0;
}
.tov2{
    left: 50%;
    margin-left: -287px;
    z-index: 3;
    text-align: center;
    margin-top: -10px;
}
.tov3{
    right: 2px;
    text-align: right;
}
#block4 .wrapper{
    position: relative;
}
.reasons{
    text-align: center;
}
#block8{
    background: url(../img/poryadok.jpg);
    background-size: cover;
}
#block8 .ul{
    position: relative;
    z-index: 3;
    text-align: left;
}
#block8 .ul .li{
    width: 174px;
    margin: 0 5px;
    position: relative;
    z-index: 4;
    text-align: center;
}
#block8 .ul .li p{
    margin-top: 10px;
}
.line{
    height: 137px;
    width: 972px;
    z-index: 2;
    background: url(../img/line.png);
    display: block !important;
    margin: 0 !important;
    margin-left: -486px !important;
    left: 50%;
    position: absolute;
    margin-top: 30px !important;
}
#block12 .btn{
    width: 280px;
    height: 52px;
    line-height: 58px;
    font-size: 18px;
    margin-top: 20px;
}
.half h6{
    margin-bottom: 30px;
    font-size: 18px;
}
.half li{
    margin-top: 15px;
}
.half h5{
    margin-bottom: 30px;
    font-size: 18px;
}
.half p{
    margin-top: 15px;
}
.slider_wrapper{
    position: relative;
    margin-top: 30px;
    margin-bottom: 50px;
}
.contr{
    height: 69px;
    width: 69px;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    margin-top: 45px;
    z-index: 9;
    opacity: .8;
    transition: .3s;
}

.contr:hover{
    opacity: 1;
}
.contr a{
    height: 100%;
    width: 100%;
    display: block;
}
.next{
    background: url(../img/next.png);
    right: 0;
}
.prev{
    background: url(../img/prev.png);
    left: 0;
}

.blag{}
.blag>div{
    background: white;
    box-shadow: 0 0 5px #d7d6d5;
    padding: 30px 0;
}
.blag a{
    display: inline-block;
    vertical-align: top;
    margin-left: 25px;
}
.blag .txt{
    display: inline-block;
    vertical-align: top;
    width: 270px;
    margin-left: 15px;
}
.blag .txt p{
    padding-top: 15px;
}
.blag .txt h6{
    font-size: 14px;
    margin-top: 90px;
}
.blagodarnosty_wrapper{
    position: relative;
}
.blagodarnosty_wrapper .contr{
    margin-top: 83px;
}
.blag .txt:before{}


// /slider phots
.dslider{}
.dslider .dslide{
    position: absolute;
    left:50%;
    box-shadow: 0 0 5px #ccc;
    margin-top: 0;
    display: none;
    transition: .4s;
    background: white;
}


.dslider .dslide.s1{
    margin-left: -552px;
    display: block;
}
.dslider .dslide.s2{
    margin-left: -455px;
    display: block;
}
.dslider .dslide.s4{
    margin-left: -70px;
    display: block;
}
.dslider .dslide.s5{
    margin-left: 165px;
    display: block;
}
.dslider .dslide.s3{
    height: 320px;
    width: 570px;
    margin-left: -285px;
    z-index: 5;
    display: block;
}
.dslider .dslide.s1, .dslider .dslide.s5{
    height: 215px;
    width: 383px;
    margin-top: 53px;
    z-index: 3;
}
.dslider .dslide.s4, .dslider .dslide.s2{
    height: 290px;
    width: 516px;
    margin-top: 15px;
    z-index: 4;
}

.dslider .dslide.active{}
.dslider .dslide img{
    
    width: 100%;
}
.dslider_wrapper{
        height: 590px;
        position: relative;
}
.dslider_wrapper .contr{
    margin-top: 120px;
}
.tabs li.active{
    background: #FFC125;
    color: white;
}
.wslider_wrapper{
    transitioN: .3s;
}

// /slider works
.wslider{}
.wslider .wslide{
    position: absolute;
    left:50%;
    box-shadow: 0 0 5px #ccc;
    margin-top: 0;
    display: none;
    transition: .4s;
    text-decoration: none;
    color: #361f12;
}


.wslider .wslide.s1{
    margin-left: -552px;
    display: block;
}
.wslider .wslide.s2{
    margin-left: -455px;
    display: block;
}
.wslider .wslide.s4{
    margin-left: -70px;
    display: block;
}
.wslider .wslide.s5{
    margin-left: 165px;
    display: block;
}
.wslider .wslide.s3{
    /* height: 320px; */
    width: 570px;
    margin-left: -285px;
    z-index: 5;
    display: block;
}
.wslider .wslide.s1, .wslider .wslide.s5{
    height: 215px;
    width: 383px;
    margin-top: 53px;
    z-index: 3;
}
.wslider .wslide.s4, .wslider .wslide.s2{
    height: 290px;
    width: 516px;
    margin-top: 15px;
    z-index: 4;
}

.wslider .wslide.active{}
.wslider .wslide img{
    
    width: 100%;
}
.wslider_wrapper{
        min-height: 500px;
        position: relative;
        margin-top: 50px;
}
.wslider_wrapper .contr{
    margin-top: 120px;
}
.wslide p{
    text-align: center;
    font-size: 16px;
    display: none;
}
.wslide.s3 p{
    display: block;
    text-decoration: none;
    color: #361f12;
    background: white;
    padding-top: 17px;
    padding-bottom: 29px;
    padding-left: 50px;
    padding-right: 50px;
}
.tab{
    display: none;
}
.tab.active{
    display: block;
}
input.error{
    border: 2px solid red;
}
.top{
  

}
.strolledtop .top{
    height: 50px;
    padding-top: 12px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    position: fixed;
}
.strolledtop .h100{
    height: 100px;
}
.strolledtop .top .logo img{
    display: none;
}
.strolledtop .top .contact{
    margin-top: -11px;
    /* height: 50px; */
    width: 380px;
}
.strolledtop .top .contact div{
    float: left;
    width: 50%;
}
.strolledtop .top .contact .phone{
    display: inline-block;
    margin-top: 18px;
}
.strolledtop .top .contact .time{}
.strolledtop .top .contact .btn{
        /* position: absolute; */
        /* margin-left: -370px; */
        display: inline-block;
        margin-left: 15px;
        width: 190px;
        /* margin-top: -38px; */
}
.strolledtop .top ul{
    margin-left: 0;
    padding-left: 10px;
    background: white;
    position: relative;
    /* z-index: 99; */
    /* margin-top: 5px; */
    /* position: absolute; */
    /* top: 74px; */
    padding-top: 15px;
    padding-top: 0;
}
.strolledtop .top ul li{
    margin-top: 4px;
}
.strolledtop .top ul li a{
    height: auto;
    line-height: 19px;
    margin-top: 0px;
    background: white;
}
.overlay{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.65);
    z-index: 999;
    display: none;
}
.overlay .modal{
    position: fixed;
    left: 50%;
    width: 280px;
    padding: 65px 30px 45px;
    margin-left: -162px;
    background: #faf6f4;
    top: 50%;
    margin-top: -150px;
    display: none;
    /* text-align: center; */
}
.overlay .modal form{}

.close, .close_photo{
    background: url(../img/close.png);
    height: 32px;
    width: 32px;
    position: absolute;
    top: 12px;
    right: 12px;
    cursor: pointer;
}
.overlay .modal h1{
    font-size: 16px;
    margin-bottom: 10px;
    text-align: center;
}
.overlay .modal .btn{
    width: 267px;
    height: 45px;
    margin-top: 10px;
}
.overlay .modal input{
    margin-top: 10px;
    display: inline-block;
    width: 267px;
    box-sizing: border-box;
    margin-left: 6px;
    font-family: TrajanPro;
}
.overlay .modal input[type="text"]{
    width: 267px;

}
#thx{
    text-align: center;
    font-family: TrajanPro;
    padding-bottom: 90px;
}
#thx h2{
    font-size:24px;
    margin: 0;
    margin-top: 30px;
}
#thx h3{margin: 0;   font-size:20px; margin-top: 30px;}

.plus:hover, .wslides .s3:hover{
    cursor: pointer;
    box-shadow: 0 0 25px #fdc785;
}
.plus:hover:after, .wslides .s3:after{
    opacity: 0;
    content:'';
}
.plus:hover:after, .wslides .s3:hover:after{
    height: 69px;
    width: 69px;
    display: block;
    content:'';
    position: absolute;
    left: 50%;
    margin-left: -34px;
    // margin-top: -34px;
    top:130px;
    opacity: 1;
    background: url(../img/big_blus.png);
}

.plus_1:hover img{
    cursor: pointer;
    box-shadow: 0 0 25px #fdc785;
}
.plus_1:hover:after{
    opacity: 0;
    content:'';
}
.plus_1 a:hover:after{
    height: 69px;
    width: 69px;
    display: block;
    content:'';
    position: absolute;
    left: 50%;
    margin-left: -34px;
    // margin-top: -34px;
    top:100px;
    opacity: 1;
    background: url(../img/big_blus.png);
}

.overlay{
    // display: block;
}
.modal_gal{
    background: #78574c;
    /* height: 100%; */
    padding-top: 50px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding-bottom: 50px;
    display: none;
    z-index: 999999999999;
}
.modal_gal .thumbs{
    /* background: rgba(82, 41, 27, 0.08); */
    width: 970px;
    display: inline-block;
    margin-top: 10px;
    padding: 8px 0;
}
.modal_gal .thumbs img{
    width: 65px;
    border: 3px solid white;
    border-radius: 5px;
    margin: 0 2px;
    cursor: pointer;
}
.big_img{
    width: 700px;
    border: 10px solid white;
    border-radius: 5px;
    margin-bottom: 7px;
}
.modal_gal p{
    color: white;
    margin: 5px 0;
}
.tkany img{
    border-radius: 50%;
    height: 194px;
    width: 194px;
}
#map{
    padding: 0;
    /* display: none; */
}
.photo_overlay{
    position: absolute;
    padding: 50px 0;
    background: white;
    text-align: center;
    left: 0;
    right: 0;
    display: none;
    z-index: 99999;
    box-shadow:  0px 1px 7px rgba(0, 0, 0, 0.31);
}
.photo_overlay img{
    height: 500px;
}
.tov_thumbs{
    display: none;
}
#block5 h2{
    margin-top: 20px;
    margin-bottom: 20px;
}
 .strolledtop .top .contact .time{
display: none;
}
.modal_gal .contr{
        margin-top: 170px;
}
.modal_gal .wrapper{
    position: relative;
}
.menu{
    display: none;
    border: 1px solid #FFD700;
    margin-left: 20px;
    padding: 5px 10px;
    border-radius: 20px;
}
.h100{
    height: 0;
}
@media (max-width: 1200px){
    
    
    .wrapper{
        width: 100%;
    }
    .logo{
        /* width: 0; */
        /* display: none; */*/;
    }
    .logo img{
        width: 0;
    }
    .middle .title{
        width: 100%;
        margin-left: 0;
    }
    .middle .title h1{
         font-size: 40px;
         line-height: 37px;
    }
    .middle .title p{
            font-size: 20px;
            line-height: 26px;
    }
    .middle .ul .li{
           margin: 5px;
    width: 127px; 
    }
    .bottom{
        padding: 35px 10px 10px;
        box-sizing: border-box;;
    }
    .header{
        height: auto;
    }
    .ul>div{
            margin: 5px;
    }
    .footer .contact{
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
    .reqvisites{
        margin-left: 10px;
        width: 100%;
    }
    section#block12 .half{
        width: 100%;
    }
    #block10 h2{
        padding: 0 10px;
    }
    #block9 .wrapper{
        overflow-x: hidden;
    }
    .blag{
        text-align: center;
    }
    .line{
        display: none !important;
    }
    #block8 .ul .li{
        width: 48%;
        margin: 25px 0 !important;
    }
    #block8{
        text-align: center;
    }
    section#block8 h5{
            text-align: center;
    margin-top: 60px;
    padding: 0 10px;
    font-size: 20px;
    }
    .reason_line p{
            padding: 0 10px;
    font-size: 19px;
    }
    .reason_line span{
        position: static;
            margin-left: 44%;
     margin-top: 0; 
    }
    .variant{
        margin-bottom: 10px;
    }
    .style{
        width: 22%;
        margin-right: 5px;
        margin-bottom: 25px;
    }
    .style img{
        width: 100%;
    }
    .s1, .s2, .s4, .s5{
        /* display: none !important; */
    }
    .s3{
        /* width: 100% !important; */
        /* margin: 0 !important; */
        /* position: static !important; */
    }
    .tabs{
            width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    height: auto;
    padding: 10px 0;
    }
    .tovars{
        height: auto;
        text-align: center;
    }
    .tovar img{
        width: 100%;
    }
    .tovar{
        width: 30%! important;
        margin: 10px 0;
        position: static;
        display: inline-block;
    }
    .tov1{}
    .tov2{}
    .tov3{}
    .wrapper{
        /* overflow-x:hidden; */
    }
    .modal_gal{
        width: 100%;

    }
    .big_img{
        width: 100%;
    }
    .modal_gal .thumbs{
        width: 100%;
    }



.wslider .wslide{
    position: absolute;
    left:50%;
    box-shadow: 0 0 5px #ccc;
    margin-top: 0;
    display: none;
    transition: .4s;
    text-decoration: none;
    color: #361f12;
}


.wslider .wslide.s1{
    margin-left: -552px;
    display: block;
}
.wslider .wslide.s2{
    margin-left: -455px;
    display: block;
}
.wslider .wslide.s4{
    margin-left: -70px;
    display: block;
}
.wslider .wslide.s5{
    margin-left: 165px;
    display: block;
}
.wslider .wslide.s3{
    /* height: 320px; */
    width: 570px;
    margin-left: -285px;
    z-index: 5;
    display: block;
}
.wslider .wslide.s1, .wslider .wslide.s5{
    height: 215px;
    width: 383px;
    margin-top: 53px;
    z-index: 3;
}
.wslider .wslide.s4, .wslider .wslide.s2{
    height: 290px;
    width: 516px;
    margin-top: 15px;
    z-index: 4;
}

.wslider .wslide.active{}
.wslider .wslide img{
    
    width: 100%;
}
.wslider_wrapper{
        height: 650px;
        position: relative;
        margin-top: 50px;
}


}



@media (max-width: 900px){
    .poryadok{
        padding-left: 120px !important;
        margin-left: 155px !important;
    }
    .fancybox-prev{
        left: 50px !important;
    }
    .fancybox-next{
        right: 50px !important;
    }
    .worknav {
        height: 30px;
    }
    /*.header, section{
        width: 933px;
    }*/
    .footer .logo{
        display: none;
    }
    .logo p{
        display: block;
        margin: 0;
        margin-bottom: 8px;
    }
    .plus_1:hover:after{
        /*zoom : .6;*/
        margin-top: 15px;
    }
    .next{
        right: 20px;
    }
    .prev{
        left: 20px;
    }
    .strolledtop .top{position: static;height: 55px;}
    .footer .contact .phone{
        font-size: 25px;
    }
    .logo span{
        display: inline-block;
        /* padding-left: 40px; */
        font-size: 30px;
        /* margin-top: 0px; */
        /* position: relative; */
        font-family: TrajanPro;
        text-align: center;
        /* width: 100%; */
    }
    .dslider_wrapper{
        height: 520px;
    }
    .wslider_wrapper{
        height: 500px;
    }
    .h100{
        height: 0 !important;
    }
    .wrapper{
        width: 100%;
    }
    .logo{
        /* display: none; */
        text-align: center;
        margin-left: 50px;
        margin-top: -8px;
    }
    .menu{
        display: inline-block;
    }
    .top ul{
        display: block;
        background: white;
        padding: 10px;
        padding-left: 20px;
        display: none;
        padding-top: 45px;
        z-index: 99;
        margin-top: 5px;
        position: absolute !important;
        top: 74px;
        padding-top: 5px;
    }
    .top .contact{
        display: block;
        margin-top: -12px !important;
        width: 400px !important;
        background: white;
        padding: 10px;
        /* border-top: 1px solid grey; */
    }
    .top ul li{
        display: block;
        padding: 5px 0;
    }
    .menu{
        /* padding-left: 20px; */
        cursor: pointer;
        float: left;
        margin-right: 20px;
        z-index: 299;
        position: relative;
        margin-top: 15px;
    }
    .middle .title{
        width: 100%;
        margin-left: 0;
    }
    .middle .title h1{
         font-size: 40px;
         line-height: 37px;
    }
    .middle .title p{
            font-size: 20px;
            line-height: 26px;
    }
    .middle .ul .li{
        margin: 5px;
        width: 500px; 
    }
    .bottom{
        padding: 35px 10px 10px;
        box-sizing: border-box;
        width: 100%;
    }
    .header{
        height: auto;
    }
    .ul>div{
            margin: 5px;
    }
    .footer .contact{
        padding: 20px 0;
        width: 49%;
        text-align: center;
        padding: 0;
    }
    .reqvisites{
        margin-left: 10px;
        width: 49%;
        vertical-align: middle;
    }
    section#block12 .half{
        width: 100%;
        margin-bottom: 30px;
    }
    #block10 h2{
        padding: 0 10px;
    }
    #block9 .wrapper{
        overflow-x: hidden;
    }
    .blag{
        text-align: center;
    }
    .line{
        display: none !important;
    }
    #block8 .ul .li{
        width: 49%;
        margin: 25px 0 !important;
    }
    #block8{
        text-align: center;
    }
    section#block8 h5{
            text-align: center;
    margin-top: 60px;
    padding: 0 10px;
    font-size: 20px;
    }
    .reason_line p{
            padding: 0 10px;
    font-size: 19px;
    }
    .reason_line span{
        position: static;
            margin-left: 44%;
     margin-top: 0; 
    }
    .variant{
        margin-bottom: 10px;
        width: 80%;
        margin: auto;
        margin-bottom: 20px;
    }
    .style{
        width: 29%;
        margin-right: 5px;
        margin-bottom: 25px;
    }
    .style img{
        width: 100%;
    }
    .s1, .s2, .s4, .s5{
        display: none !important;
    }
    .s3{
        width: 100% !important;
        margin: 0 !important;
        position: static !important;
    }
    .tabs{
            width: 100%;
    margin-left: 0;
    margin-bottom: 20px;
    height: auto;
    padding: 10px 0;
    }
    .tovars{
        height: auto;
    }
    .tovar img{
        width: 100%;
    }
    .tovar{
        width: 30%! important;
        margin: 10px 0;
        position: static;
        display: inline-block;
        vertical-align: top;
    }
    .tov1{}
    .tov2{}
    .tov3{}
    .wrapper{
        /* overflow-x: hidden; */
    }
    .modal_gal{
        width: 100%;

    }
    .big_img{
        width: 100%;
        box-sizing: border-box;
    }
    .modal_gal .thumbs{
        width: 100%;
    }
}




@media (max-width: 600px){
   
    .dslider_wrapper{}
    .wslider_wrapper{}
    .h100{
        height: 50px;
    }
    .wrapper{
        width: 100%;
    }
    .logo{
        display: none;
    }
    .menu{
        display: inline-block;
    }
    .top ul{
        display: block;
        background: white;
        padding: 10px;
        padding-left: 20px;
        display: none;
    }
    .top .contact{
        display: none;
        width: 100%;
        background: white;
        padding: 10px;
        border-top: 1px solid grey;
    }
    .top ul li{
        display: block;
        padding: 5px 0;
    }
    .menu{
        padding-left: 20px;
        cursor: pointer;
    }
    .middle .title{
        width: 100%;
        margin-left: 0;
    }
    .middle .title h1{
        font-size: 33px;
        line-height: 37px;
    }
    .middle .title p{
        font-size: 17px;
        line-height: 26px;
    }
    .middle .ul .li{
        margin: 5px;
        width: 127px; 
    }
    .bottom{
        padding: 35px 10px 10px;
        box-sizing: border-box;;
    }
    .header{
        height: auto;
    }
    .ul>div{
        margin: 5px;
    }
    .footer .contact{
        padding: 20px 0;
        width: 100%;
        text-align: center;
    }
    .reqvisites{
        margin-left: 10px;
        width: 100%;
    }
    section#block12 .half{
        width: 100%;
    }
    #block10 h2{
        padding: 0 10px;
    }
    #block9 .wrapper{
        overflow-x: hidden;
    }
    .blag{
        text-align: center;
    }
    .line{
        display: none !important;
    }
    #block8 .ul .li{
        width: 100%;
        margin: 25px 0 !important;
    }
    #block8{
        text-align: center;
    }
    section#block8 h5{
        text-align: center;
        margin-top: 60px;
        padding: 0 10px;
        font-size: 20px;
    }
    .reason_line p{
        padding: 0 10px;
        font-size: 19px;
    }
    .reason_line span{
        position: static;
        margin-left: 44%;
        margin-top: 0; 
    }
    .variant{
        margin: 0;
        margin-bottom: 10px;
    }
    .style{
        width: 42%;
        margin-right: 5px;
        margin-bottom: 25px;
    }
    .style img{
        width: 100%;
    }
    .s1, .s2, .s4, .s5{
        display: none !important;
    }
    .s3{
        width: 100% !important;
        margin: 0 !important;
        position: static !important;
    }
    .tabs{
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        height: auto;
        padding: 10px 0;
    }
    .tovars{
        height: auto;
    }
    .tovar img{
        width: 100%;
    }
    .tovar{
        width: 100%! important;
        margin: 10px 0;
        position: static;
    }
    .tov1{}
    .tov2{}
    .tov3{}
    .wrapper{
        /* overflow-x:hidden; */
    }
    .modal_gal{
        width: 100%;

    }
    .big_img{
        width: 100%;
    }
    .modal_gal .thumbs{
        width: 100%;
    }
}



.variable-width{
    height: 300px;
}
.variable-width div{
    height: 300px;
}
.variable-width div img{
    height: 300px;
}
.slick-prev:before, .slick-next:before{
    display: none;
}
.slick-next{
    background: url(../img/next.png) !important;
    height: 69px;
    width: 69px;
    border-radius: 50%;
    z-index: 50;
}
.slick-prev{
    background: url(../img/prev.png) !important;
    height: 69px;
    width: 69px;
    border-radius: 50%;
    z-index: 50;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* Internet Explorer/Edge */
  user-select: none;           /* Non-prefixed version, currently
  not supported by any browser */
}
.slick-prev{
    left: 10px;
}
.slick-next{
    right: 10px;
}
.worrks{
    text-align: center;
    margin: 0 auto;
    max-width: 1400px
}
.worrk{
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin: 25px 30px;
    cursor: pointer;
    position: relative;
}
.worrk img{
    width: 100%;
    height: auto;
    position: relative;
}
.worrk span{
    display: block;
    font-size: 20px;
    padding: 5px 0;
}
.worrk:hover img{
    box-shadow: 0 0 25px #fdc785;
}
.worrk a:hover:after{
    height: 69px;
    width: 69px;
    display: block;
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -34px;
    top: 140px;
    opacity: 1;
    background: url(../img/big_blus.png);
}
.wthumb{
    display: none;
    position: absolute;

    z-index: 10;
    width: 900px;
    background: #78574C;
    height: 530px;
    overflow: hidden;
    margin-left: -450px;
    left: 50%;
    /*opacity: 0;*/
    transtion: .3s;
    z-index: 1010;
}
.wthumb.active{
    display: block;
    opacity: 1;
}
.wthumb .wtext{
    display: inline-block;
    vertical-align: top;
    width: 445px;
    color: white;
    box-sizing: border-box;
    padding: 20px;
    padding-left: 0;
    padding-right: 40px;
}
.wthumb  h2{
    padding-top: 16px;
    color: white;
    margin-bottom: 30px;
}
.wthumb .wtext h5{
    font-size: 31px;
    color: #FFC125;
}
.wthumb .wtext p{
    margin: 20px 0 40px;
    font-size: 20px;
    text-align: center;
}
.wthumb .images{
    display: inline-block;
    vertical-align: top;
    width: 400px;
    /* height: 300px; */
}
.worknav{}
.worknav span:hover{
    color: #FFC125;
}

.worknav span{
    color: white;
    padding:  0 20px;
    cursor: pointer;
}
.worknav .prevwork{
    float: left;
}
.worknav .nextwork{
    float: right;
}
.worksslider img{
    /* width: 400px; */
    height: 380px;
    width: auto;
}


#abaj h3{
    text-align: center;
    font-size: 29px;
}
.tp{
   width: 300px;
}
.tps{
    display: inline-block;
    vertical-align: top;
    width: 300px;
    margin: 25px 30px;
    position: relative;
}
.tps img{
    max-height: 400px;
}
.tps .slick-prev{
    left: -20px;
}
.tps .slick-next{
    right: -20px;
}
.tps {
    text-align: center;
}

#block71{}
#block71 {}
.poryadok{
    padding: 20px 0 40px 50px;
    margin-left: 170px;
    width: calc( 100% - 285px );
    /* border-bottom: 2px solid black; */
}
.img-wrap-por{
    position: absolute;
    left: 40px;
    float: left;
    width: 215px;
}
.img-wrap-por img{
    width: 100%;
    height: auto;
}

.poryadok span{
    font-size: 40px;
    padding: 10px;
    position: absolute;
    left: 0px;
}
.poryadok p{
    font-size: 22px;
    position: relative;
    line-height: 30px;
    top: 0;
}
.clientss{
    text-align: center;
    margin: 40px 0;
}
.clientss img{
    margin: 20px;
}
.contact a.clme{
    color: #51270E;
    text-decoration: none;
}
.plus_1:after{
    cursor: pointer;
}
.tpss{
    text-align: center;
    margin: 0 auto;
    max-width: 1400px
}


/*fix*/
#about-us .about-slider {
    margin: 50px 0 5px;
}
#about-us .about-slider .slide img {
    width: auto;
    height: 350px;
}
.hm_menu_wrap {
    display: none;
}
/*мобильное меню*/
.hamburger-menu {
  position: absolute;
  top: 6px;
  right: 20px;
  bottom: 0;
  width: 50px;
  height: 30px;
  cursor: pointer; }

.bar {
  width: 50px;
  height: 5px;
  position: relative;
  -webkit-transform: translateY(25px);
  -ms-transform: translateY(25px);
  transform: translateY(25px);
  background: #000;
  -webkit-transition: all 0ms 300ms;
  transition: all 0ms 300ms; }
  .bar:after, .bar:before {
    width: 50px;
    height: 5px; }
  .bar.animate {
    background: rgba(255, 255, 255, 0); }
  .bar:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 15px;
    background: #000;
    -webkit-transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
  .bar:after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    background: #000;
    -webkit-transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms cubic-bezier(0.23, 1, 0.32, 1); }
  .bar.animate:after {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }
  .bar.animate:before {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1); }


@media (max-width: 1200px){
    #block71 .poryadok{
        margin-left: 210px
    }

   
@media (max-width: 900px) {
    .logo {
        display: block;
        float: left;
        width: 27%;
        margin: 0;
        padding-left: 20px;
    }
    .top .contact {
        display: block;
        float: left;
        width: 53%;
    }
    .hm_menu_wrap {
        display: block;
        float: left;
        width: 20%;
    }
    .slick-next, .slick-prev {
        transform: scale(2,2);
        top: 41%;
    }
    .slick-next {
        right: 35px;
    }
    .slick-prev {
        left: 35px;
    }
    .fancybox-nav span {
        transform: scale(2,2);
    }
    
    .hamburger-menu {
        top: 10px;
    }
    #menu {
      width: 100%;
      background-color: rgba(255, 255, 255, 0.9);
      top: 70px;
      position: fixed;
      text-align: center;
      display: none;
  }
  #menu {
    padding: 20px 0 40px; 
}
#menu li {
  font-weight: 700;
  font-size: 3em;
  text-transform: uppercase;
  padding: 5px 0; 
}
#menu li a {
    color: #000;
    background: none;
    text-decoration: none;
    border-bottom: orange 2px solid;
    padding-bottom: 3px;
    font-size: 32px;
}
#menu li a:hover {
  text-decoration: none;
  color: #333; 
}
#menu.animate {
    display: block;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 1;
    z-index: 999;
}
}