@charset "UTF-8";
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  box-sizing: border-box; }

* {
  text-decoration: none; }

button {
  outline: none; }

@font-face {
  font-family: "OpenSans-Regular";
  src: url("../fonts/OpenSans-Regular.ttf") format("opentype");
  font-style: normal;
  font-weight: normal;
  font-display: swap; }
@font-face {
  font-family: "OpenSans-Bold";
  src: url("../fonts/OpenSans-Bold.ttf") format("opentype");
  font-style: normal;
  font-weight: normal;
  font-display: swap; }
@font-face {
  font-family: "Rubik-Bold";
  src: url("../fonts/Rubik-Bold.ttf") format("opentype");
  font-style: normal;
  font-weight: normal;
  font-display: swap; }
@font-face {
  font-family: "Rubik-Regular";
  src: url("../fonts/Rubik-Regular.ttf") format("opentype");
  font-style: normal;
  font-weight: normal;
  font-display: swap; }

.pluss-working{
    padding-bottom: 90px;
  padding-top: 130px;
}

.howmuch-select-box img{
   width: 137px;
   height: 100%;
    object-fit: cover;
}

.pluss-working-wrap{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding-top: 115px;
}
.section-wt {
    width: 100%;
    height: 280px;
    background-image: url(../img/bg-wt.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 30px;
}
.present-work-wp p {
    font-size: 16px;
    line-height: 19px;
    padding-left: 33px;
    font-family: "OpenSans-Regular";
    color: #422B11;
}
.present-works-sw p {
    padding-left: 33px;
    font-size: 16px;
    line-height: 19px;
    font-family: "OpenSans-Regular";
    color: #422B11;
    position: relative;
}
.present-works-sw {
    display: flex;
    align-items: center;
    background: #FFB967;
    width: 300px;
    height: 60px;
    position: relative;
}

.present-work-wp {
    background: #FFCD93;
    width: 300px;
    display: flex;
    align-items: center;
    height: 60px;
    position: relative;
}

.additional-services-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 60px;
}
.additional-services-bx {
    width: 245px;
    display: block;
    position: relative;
    margin-right: 6px;
}
.additional-services-bx img {
    width: 100%;
}
.services-bx-tittle {
    width: 100%;
    text-align: center;
    position: absolute;
    top: 0;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    top: 17px;
     font-family: "OpenSans-Regular";
    font-weight: 400;
    text-transform: uppercase;
}

button.btn-serv {
    width: 100%;
        font-family: "OpenSans-Regular";
    cursor: pointer;
    height: 40px;
    background: #6CAF09;
    opacity: 0.86;
    position: relative;
    bottom: 44px;
    display: block;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    border: none;
    align-items: center;
    justify-content: center;
    border-radius: 0px 0px 6px 6px;
}
.panel-ad p {
    color: #797979;
    font-family: "OpenSans-Regular";
    font-size: 16px;
}
.panel-ad {
    background-color: white;
    overflow: hidden;
    max-height: 0;
    overflow: hidden;
    padding-left: 10px;
    position: relative;
    bottom: 15px;
    padding-right: 10px;
    transition: max-height 0.2s ease-out;
}
.additional-services-bx a {
    width: 100%;
    height: 40px;
     font-family: "OpenSans-Regular";
    background: #6CAF09;
    opacity: 0.86;
    position: relative;
    bottom: 44px;
    display: block;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 0px 6px 6px;
}
.additional-services-mobile {
    display: none;
}

.pluss-working-box{
  width: 300px;
      height: 290px;
    overflow: hidden;
margin-right: 40px;
margin-left: 40px;
margin-bottom: 55px;
    position: relative;
}
.pluss-working-box img{
            position: absolute;
    top: 0;
    left: 0;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}
.pluss-working-box img:hover{
    transform: scale(1.1);
}

.pluss-working-iner {
    position: absolute;
    width: 100%;
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    padding-right: 7px;
    padding-left: 10px;
    bottom: 0;
}

.pluss-working-name{
  font-size: 16px;
line-height: 22px;
font-family: "OpenSans-Bold";
color: #FFFFFF;
margin-bottom: 7px;
}


.pluss-working-price{
  background: #936457;
  height: 42px;
  width: 140px;
      align-items: center;
    justify-content: center;
  display: flex;
  font-size: 14px;
line-height: 19px;
text-align: center;
 font-family: "OpenSans-Regular";
color: #FFFFFF;

}
.pluss-working-price span{
    font-size: 18px;
  padding-left: 5px;
  padding-right: 5px;
}

.work-profesional{
  padding-bottom: 65px;
  padding-top: 130px;
}
.work-profesional-wrapper{
  padding-top: 30px;
  display: flex;
      justify-content: space-between;
}

.work-profesional-right{
  padding-top: 130px;
  width: 50%;
}

.work-profesional-box{
display: flex;
font-size: 16px;
position: relative;
line-height: 22px;
margin-bottom: 15px;
font-family: "OpenSans-Regular";
color: #686868;
    flex-direction: column;

}

.work-profesional-box strong{
      font-size: 20px;
line-height: 100%;
 font-family: "OpenSans-Bold";
color: #373737;
}

.work-profesional-box:after{
      content: "";
     position: absolute;
     left: -40px;
     width: 20px;
    height: 20px;
    background-image: url("../img/check.jpg");
}




.top-green-section{
background: #91C554;
padding-top: 133px;
}

.top-green-title h2{
   background: #91C554;
   color: #fff;
    font-family: "Rubik-Regular";
    font-size: 36px;
    height: 45px;
    line-height: 43px;
    padding-left: 26px;
    text-transform: uppercase;
    position: relative;
    font-weight: 400;
    z-index: 2;
    position: relative;
    margin-left: 6px;

}


.top-green-title:before {
    position: absolute;
    content: "";
    left: -6px;
    z-index: 0;
    top: -24px;
    width: 88px;
    height: 80px;
    border: 6px solid #fff;
}

.top-wrapper-section{
  display: flex;
  padding-top: 90px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.top-box-section{
  width: 400px;
  display: flex;
  margin-bottom: 75px;
}

.top-txt-section{
font-size: 16px;
margin-left: 18px;
line-height: 22px;
  font-family: "OpenSans-Regular";
color: #393939;

}
.top-txt-section span{
      font-size: 18px;
line-height: 25px;
 font-family: "OpenSans-Bold";
width: 100%;
display: block;
color: #393939;
}

.brown-calc{
  background: #936457;
}
a.brown-calc-btn{
  margin-top: 17px;
background: #FFCD93;
box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
width: 270px;
height: 65px;
display: flex;
justify-content: center;
    align-items: center;
    font-size: 16px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
  font-family: "OpenSans-Regular";
color: #000000;

}

.fast-green-pd{
  padding-top: 130px;
}
.fast-green{
  padding-bottom: 90px;
}

.fast-green-wraper{
  display: flex;
      justify-content: space-between;
  flex-wrap: wrap;
}

.fast-green-left{
padding-top: 140px;
padding-left: 110px;

}
.fast-green-left h3{
font-size: 24px;
line-height: 28px;
text-transform: uppercase;
font-family: "Rubik-Regular";
color: #000000;
font-weight: 400;
}

.fast-green-left span{
font-size: 16px;
line-height: 34px;
font-family: "OpenSans-Regular";
color: #000000;
}
.fast-green-left strong{
    font-size: 16px;
line-height: 34px;
 font-family: "OpenSans-Bold";
color: #000000;
}



.fast-green-left-txt{
padding-left: 50px;

}
.fast-green-left-txt li{
      position: relative;
    font-size: 16px;
line-height: 34px;
position: relative;
font-family: "OpenSans-Regular";
color: #393939;
    list-style: none;
}
.fast-green-left-txt li:after{
        content: "";
      position: absolute;
      top: 12px;
      left: -28px;
      width: 9px;
      height: 9px;
      background: #91C554;
}


.fast-green-left-btn{
  padding-top: 38px;

}

.fast-green-left-btn button{
    background: #91C554;
    width: 270px;
    border: none;
    height: 65px;
    font-size: 16px;
line-height: 22px;
text-align: center;
cursor: pointer;
text-transform: uppercase;
color: #FFFFFF;
font-family: "OpenSans-Regular";
display: flex;
justify-content: center;
    align-items: center;
    transition: 0.3s;
}
.fast-green-left-btn button:hover{
  background: #658B37;
}

.green-table-btn a:hover{
    background: #658B37;
}
.green-table-btn-white a:hover{
  background: #658B37;
}



.green-table-btn{
display: flex;
    justify-content: center;
position: relative;
margin-top: 22px;
top: 34px;

}
.green-table-btn a:after{
      content: "";
    width: 35px;
    height: 65px;
    position: absolute;
    left: -35px;
    background: #F3F3F3;
}
.green-table-btn a:before{
    content: "";
    width: 35px;
    height: 65px;
    position: absolute;
    right: -35px;
    background: #F3F3F3;
}

.green-table-btn a{
  position: relative;
  transition: 0.3s;
    background: #91C554;
    width: 270px;
    height: 65px;
    display: flex;
    font-size: 16px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
  font-family: "OpenSans-Regular";
color: #FFFFFF;
    justify-content: center;
  align-items: center;
}



.green-table-btn-white{
display: flex;
 justify-content: center;
position: relative;
margin-top: 22px;
top: 34px;

}
.green-table-btn-white a:after{
    content: "";
    width: 35px;
    height: 65px;
    position: absolute;
    left: -35px;
    background: #fff;
}
.green-table-btn-white a:before{
    content: "";
    width: 35px;
    height: 65px;
    position: absolute;
    right: -35px;
    background: #fff;
}

.green-table-btn-white a{
position: relative;
    background: #91C554;
    width: 270px;
    height: 65px;
    transition: 0.3s;
    display: flex;
    font-size: 16px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
  font-family: "OpenSans-Regular";
color: #FFFFFF;
    justify-content: center;
  align-items: center;

}


.green-section-white {
    padding-top: 80px;
    padding-bottom: 90px;
}


.service-padding{
 padding-top: 80px; 
}
.srv-section-txt {
    font-size: 36px;
    line-height: 43px;
    text-transform: uppercase;
    font-family: "Rubik-Bold";
    color: #FFFFFF;
    padding-right: 30px;
}

.plus-services-wrap strong{
  font-weight: bold;
font-size: 24px;
line-height: 227%;
font-family: "OpenSans-Bold";
color: #000000;
}
.srv-section-txt{
  font-size: 36px;
line-height: 43px;
text-transform: uppercase;
font-family: "Rubik-Bold";
color: #FFFFFF;
padding-right: 30px;
}


.plus-services-wrapr {
  display: flex;
    justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
}

.add-services{
  padding-top: 130px;
}

.add-services-box{
  width: 300px;
  position: relative;
  margin-bottom: 43px;

}

.add-services-box img{
      width: 100%;
    display: block;
    height: 240px;
}


.add-title{
  font-size: 16px;
line-height: 22px;
font-family: "OpenSans-Bold";
text-align: center;
width: 100%;
position: absolute;
top: 20px;
color: #FFFFFF;
}

.srv-section-wraper{
    display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.srv-section-btn a{
  border: none;
  width: 270px;
   align-items: center;
    justify-content: center;
  height: 65px;
  display: flex;
  cursor: pointer;
  margin-left: 45px;
  background: #3D5323;
box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
font-size: 16px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
 font-family: "OpenSans-Regular";
color: #FFFFFF;
}


.srv-txt{
  padding-top: 35px;
font-weight: normal;
font-size: 24px;
width: 100%;
text-align: center;
line-height: 28px;
 font-family: "Rubik-Regular";
color: #000000;
}
.srv-section{
width: 1130px;
height: 180px;
margin:  0 auto;
background: #91C554;
border: 14px solid rgba(255, 255, 255, 0.06);
    position: relative;
    top: 80px;
display: flex;
    align-items: center;

}

.add-title-bnt{
 background: #91C554;
 width: 100%;
 height: 47px;
 font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
cursor: pointer;
font-family: "OpenSans-Regular";
color: #FFFFFF;
justify-content: center;
}
.add-services-wrap{
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}


.plus-services-wrapr strong{
  font-weight: bold;
font-size: 24px;
line-height: 227%;
font-family: "OpenSans-Bold";
color: #000000;
}

.padding-top{
  padding-top: 80px;
}

.greenhouse{
  padding-top: 80px;
  padding-bottom: 90px;
}


.green-section{
  background: #F3F3F3;
    padding-top: 80px;
  padding-bottom: 90px;
}
.title-name strong{
  font-family: "Rubik-Regular";
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  padding-left: 115px;
}

.title-nm strong{
  font-family: "Rubik-Regular";
  font-size: 18px;
  font-weight: 400;
  color: #000000;
  padding-left: 115px;
}

img.img-hr-pg {
    z-index: 2;
    opacity: 0.9;
    width: 20px !important;
    display: block;
    height: 10px !important;
    background-size: contain;
    transition: 0.3s;
    position: absolute;
    bottom: 0 !important;
    left: 0 !important;
    top: 91.6%;
    background: #82B04A;
    background-image: url("../img/left.svg");
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    padding: 10px;
    border: 16px solid #82B04A;
}

img.img-hr-ng {
    width: 20px !important;
    display: block;
    position: absolute;
    right: 0;
    height: 10px !important;
    z-index: 2;
    transition: 0.3s;
    background: #91C554;
    background-image: url("../img/right.svg");
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    padding: 10px;
    top: 91.6%;
    left: 52px;
    opacity: 0.9;
    border: 16px solid #91C554;
}

.green-table{
  margin-top: 60px;
  width: 100%;
  border: 4px solid #91C554;
  padding-top: 25px;
  padding-right: 85px;
  padding-left: 85px;

}

.green-table-wrap{
  display: flex;
  justify-content: space-between;
}

.strong{
  font-size: 16px;
line-height: 22px;
font-family: "OpenSans-Regular";
color: #000000;
width: 100px;
font-weight: 400;
}


.green-table-line{
  height: 40px;
    justify-content: flex-start;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #BCBCBC;

}
.green-table-line:last-child{
  border-bottom: none;
}


.linet-txt{
  font-style: normal;
font-weight: normal;
font-size: 16px;
width: 85px;
line-height: 22px;
font-family: "OpenSans-Regular";
color: #686868;
}

.linet-txt:last-child{
    margin-right: 0;
  width: inherit;
}


.green-table-left strong{
    font-size: 22px;
line-height: 280%;
 font-family: "Rubik-Regular";
color: #000000;
font-weight: 400;
}

.green-table-right strong{
      font-size: 22px;
line-height: 280%;
 font-family: "Rubik-Regular";
color: #000000;
font-weight: 400;
    width: 100%;
    display: block;
    text-align: center;
}


img.img-hr-pg:hover {
    z-index: 2;
    width: 20px !important;
    display: block;
    height: 10px !important;
    background-size: contain;
    transition: 0.3s;
    position: absolute;
    bottom: 0 !important;
    top: 91.6%;
    background: #658B37;
    background-image: url("../img/left.svg");
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    padding: 10px;
    border: 16px solid #658B37;
}

.green-wrapper{
display: flex;
padding-top: 40px;
    justify-content: space-between;
}


.green-left{
padding-top: 40px;
padding-left: 100px;
}

.green-left p{
  font-size: 22px;
position: relative;
line-height: 280%;
 font-family: "OpenSans-Regular";
color: #373737;
}
.green-left strong{
    font-family: "OpenSans-Bold";
}


.green-left p:before {
    content: "";
    position: absolute;
    top: 20px;
    left: -40px;
    width: 20px;
    height: 20px;
    background-image: url("../img/check.jpg");
}
.gate-txt p:before {
    content: "";
    position: absolute;
    top: 32px;
    left: -40px;
    width: 20px;
    height: 20px;
    background-image: url(../img/check.jpg);
}



img.img-hr-ng:hover {
    width: 20px !important;
    display: block;
    position: absolute;
    right: 0;
    height: 10px !important;
    z-index: 2;
    transition: 0.3s;
    background: #658B37;
    background-image: url("../img/right.svg");
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    padding: 10px;
  
    top: 91.6%;
    border: 16px solid #658B37;
}

.green-slider {
    width: 630px;
}

.greenhouse-wrapper{
  padding-top: 85px;
  display: flex;
      justify-content: center;
    flex-wrap: wrap;
}


.greenhouse-box-inner{
      position: absolute;
    width: 100%;
    display: flex;
flex-direction: column;
padding-bottom: 7px;
padding-right: 7px;
padding-left: 7px;
bottom: 0;
}
.greenhouse-box-title{
  font-size: 20px;
line-height: 27px;
 font-family: "OpenSans-Bold";
color: #FFFFFF;
padding-bottom: 11px;
}


.greenhouse-btn{
  padding-top: 70px;
  text-align: center;
}
.greenhouse-btn h3{
      font-size: 36px;
line-height: 43px;
 font-family: "Rubik-Bold";
text-align: center;
color: #91C554;
}

a.btn-green{
  width: 270px;
  height: 65px;
  background: #91C554;
  border: none;
   font-family: "OpenSans-Regular";
  font-size: 16px;
line-height: 22px;
transition: 0.3s;
text-align: center;
text-transform: uppercase;
display: flex;
    justify-content: center;
    align-items: center;
color: #FFFFFF;
margin: 0 auto;
}

a.btn-green:hover{
      background: #658B37;
}

.greenhouse-txt{
  padding: 35px 40px;
  margin-top: 45px;
  border: 7px solid #C4C4C4;
  font-size: 18px;
line-height: 25px;
text-align: justify;
text-indent: 26px;
 font-family: "OpenSans-Regular";
color: #393939;
}

.greenhouse-title{
  font-size: 18px;
line-height: 25px;
padding-top: 6px;
text-align: center;
text-indent: 26px;
  font-family: "OpenSans-Regular";
color: #000000;
margin-bottom: 27px;
}


.greenhouse-box{
  width: 300px;
  height: 320px;
      overflow: hidden;
  position: relative;
  margin-right: 84px;
}

.greenhouse-box img{
    position: absolute;
    top: 0;
    left: 0;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -webkit-transition: all 1s ease-out;
}

.greenhouse-box img:hover {
    transform: scale(1.1);
}
.greenhouse-box:last-child{
  margin-right: 0;
}


.greenhouse-box-price{
  background: #936457;
  height: 42px;
  font-weight: normal;
font-size: 14px;
display: flex;
line-height: 19px;
text-align: center;
 font-family: "OpenSans-Regular";
color: #FFFFFF;
justify-content: center;
    align-items: center;
}

.greenhouse-box-price span{
  font-size: 18px;
  padding-right: 5px;
  padding-left: 5px;
}


.get-start-wrapers{
border: 8px solid #FFFFFF;
width: 1066px;
padding-bottom: 70px;
margin:  0 auto;
position: relative;
}
.get-start{
  padding-bottom: 90px;
  background: #91C554;
  padding-top: 18px;
}

.get-start-wrapers h2{
   font-size: 36px;
line-height: 43px;
margin-top: 45px;
position: relative;
background: #91C554;
text-transform: uppercase;
font-family: "Rubik-Bold";
color: #FFFFFF; 
    left: -45px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
.get-start-wrapers span{
    font-size: 16px;
    background: #91C554;
    line-height: 22px;
    position: relative;
    font-family: "OpenSans-Regular";
    color: #000000;
    display: block;
    padding-left: 10px;
    left: -9px;
}
.get-start-wrapers span:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -33px;
    width: 36px;
    height: 1px;
    background: #000;
}

.get-start-btn{
display: flex;
padding-top: 25px;
position: relative;
  background: #91C554;
left: -45px;
padding-bottom: 25px;
}

.get-start-btn a{
    margin-right: 25px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    font-family: "OpenSans-Regular";
    color: #FFFFFF;
    width: 270px;
    height: 65px;
    background: #3D5323;
    box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.18); 
}
.get-start-btn button{
    margin-right: 25px;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: flex;
    border: none;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    text-transform: uppercase;
    font-family: "OpenSans-Regular";
    color: #FFFFFF;
    width: 270px;
    height: 65px;
    background: #3D5323;
    box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.18); 
}

.get-start-btn a:last-child{
  margin-right: 0;
}

.get-start-img{
  position: absolute;
    bottom: -102px;
    right: -30px;
}

.srv-section-txt{
font-size: 36px;
line-height: 43px;
 font-family: "Rubik-Bold";
color: #FFFFFF;
padding-right: 40px;
text-transform: uppercase;

}

.srv-section-btn a{
width: 270px;
height: 65px;
margin-left: 50px;
font-size: 16px;
line-height: 22px;
align-items: center;
    justify-content: center;
text-align: center;
text-transform: uppercase;
 font-family: "OpenSans-Regular";
color: #FFFFFF;
display: flex;
  background: #3D5323;
box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
}

.plus-services-wrapr{
    display: flex;
    padding-top: 55px;
}

.service-padding{
 padding-top: 80px; 
}

.plus-services-wrap strong{
  font-weight: bold;
font-size: 24px;
line-height: 227%;
font-family: "OpenSans-Bold";
color: #000000;
}

.plus-services-wrapr strong{
  font-weight: bold;
font-size: 24px;
line-height: 227%;
font-family: "OpenSans-Bold";
color: #000000;
}

.add-services{
  padding-top: 130px;
}

.add-services-box{
  width: 300px;
  position: relative;
  margin-bottom: 43px;
}

.add-services-box img{
      width: 100%;
    display: block;
    height: 240px;
}

.add-title{
  font-size: 16px;
line-height: 22px;
font-family: "OpenSans-Bold";
text-align: center;
width: 100%;
position: absolute;
top: 20px;
color: #FFFFFF;
}

.add-title-bnt{
 background: #91C554;
 width: 100%;
 height: 47px;
 font-size: 16px;
line-height: 22px;
display: flex;
align-items: center;
cursor: pointer;
font-family: "OpenSans-Regular";
color: #FFFFFF;
justify-content: center;
}

.add-services-wrap{
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tehno-drill {
    padding-top: 170px;
}

.srv-txt{
  padding-top: 35px;
font-weight: normal;
font-size: 24px;
width: 100%;
text-align: center;
line-height: 28px;
 font-family: "Rubik-Regular";
color: #000000;
}

.srv-section{
width: 1130px;
height: 180px;
margin:  0 auto;
background: #91C554;
border: 14px solid rgba(255, 255, 255, 0.06);
    position: relative;
    top: 80px;
display: flex;
    align-items: center;

}


.srv-section-wraper{
    display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  width: 100%;
}

.srv-section-btn button{
  border: none;
  width: 270px;
  height: 65px;
  cursor: pointer;
  margin-left: 45px;
  background: #3D5323;
box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
font-size: 16px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
 font-family: "OpenSans-Regular";
color: #FFFFFF;
}

.panel-add{
 padding-top: 20px;
  background-color: white;
  overflow: hidden;
  max-height: 0;
  overflow: hidden;
  padding-left: 10px;
    padding-right: 10px;
  transition: max-height 0.2s ease-out;
}

.panel-add p{
       font-family: "OpenSans-Regular";
     color: #797979;
font-size: 16px;
}



.plus-servis .title-name h2{
   background: #F3F3F3;
}

.padding-top {
  padding-top: 80px; }

.fixed-top {
  position: fixed;
  top: 0;
  z-index: 99;
  transition: 0.3s;
  right: 0;
  left: 0;
  width: 100%;
  background: #936457; }

.main-menu button {
  display: none; }

.about-section-right img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.submenu {
  top: 80px;
  z-index: 999;
  transition: 0.3s;
  width: 300px;
  background: rgba(147, 100, 87, 0.8);
  border: 1px solid #936457;
  left: -18px;
  display: none;
  position: absolute;
  flex-direction: column;
  transform: perspective(600px) rotateX(-90deg);
  transform-origin: 0% 0%;
  transition: .6s ease-in-out; }
  .submenu a {
    color: #fff;
    font-family: "OpenSans-Regular";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px !important;
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    width: 100%;
    display: block;
    transition: 0.3s; }
    .submenu a:hover {
      color: #FFCD93;
      background: rgba(147, 100, 87, 0.9); }
  .submenu li {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-right: 0px !important; }
    .submenu li:before {
      display: none; }

.main-menu li:hover .submenu {
  display: flex;
  z-index: 333;
  transform: perspective(600px) rotateX(0deg); }

.popup {
  position: fixed;
  width: 400px;
  left: 50%;
  top: 50%;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  padding: 40px;
  box-sizing: border-box;
  background-color: #fff; }
  .popup h2 {
    font-family: "Rubik-Regular";
    font-size: 26px;
    height: 35px;
    line-height: 43px;
    background: #ffffff;
    text-transform: uppercase;
    position: relative;
    text-align: center;
    font-weight: 400; }

.check-text a {
  font-family: "OpenSans-Regular";
  color: #a9aab2;
  font-size: 13px;
  text-align: center;
  margin-top: 15px; }

.popup-box p {
  font-family: "OpenSans-Regular";
  color: #BCBCBC;
  font-size: 12px;
  line-height: 16px;
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 15px; }

.bt-wrap button {
  width: 250px;
  margin-top: 25px;
  height: 55px;
  transition: 0.3s;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #91C554;
  font-size: 16px;
  font-family: "OpenSans-Regular";
  line-height: 22px;
  text-align: center;
  margin: 0 auto;
  text-transform: uppercase;
  color: #FFFFFF; }
  .bt-wrap button:hover {
    background: #658B37; }
  .bt-wrap button:active {
    color: #658B37;
    background: #91C554; }

.overlay {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  z-index: 9999;
  left: 0;
  background-color: rgba(33, 35, 41, 0.9);
  display: none; }

.close-popup {
  position: fixed;
  top: 25px;
  right: 25px;
  width: 15px;
  height: 23px;
  cursor: pointer; }

.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

.check-text .checkmark:after {
  left: 5px;
  top: 2px;
  width: 4px;
  height: 6px;
  border: solid #91C554;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); }

.checkmark {
  position: absolute;
  top: 3px;
  left: 36px;
  height: 20px;
  width: 20px;
  border: 2px solid #eeeeee;
  border-radius: 5px;
  background-color: transparent; }

.check-text input:checked ~ .checkmark {
  background-color: transparent; }

.check-text input:checked ~ .checkmark:after {
  display: block; }

.check-text input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

.check-text {
  position: relative;
  padding-left: 15px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #a9aab2;
  font-size: 13px;
  padding-left: 75px;
  font-family: "OpenSans-Regular";
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 25px;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  text-align: left;
  display: flex; }

.check-text i {
  width: 100%;
  display: inline-table; }

.wrap-btn {
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px; }

.result {
  width: 100%;
  padding-top: 20px;
  text-align: center; }

span#answer {
  /* padding-left: 23px; */
  width: 100%;
  display: block;
  text-align: center;
  color: #474747;
  font-size: 18px;
  font-family: "OpenSans-Regular"; }

span#loadermain {
  display: none;
  width: 100%;
  padding-top: 20px;
  text-align: center; }

span#answermain {
  padding-left: 23px;
  width: 100%;
  display: block;
  text-align: left;
  color: #474747;
  font-size: 18px;
  font-family: "OpenSans-Regular"; }

span#loader {
  display: none;
  width: 100%;
  padding-top: 20px;
  text-align: center; }

.close-popup:before {
  content: '';
  background-color: #8a8f9a;
  position: absolute;
  height: 3px;
  width: 18px;
  top: 0px;
  left: 0px;
  border-radius: 10px;
  transform: rotate(-45deg); }

.close-popup:after {
  content: '';
  background-color: #8a8f9a;
  position: absolute;
  height: 3px;
  border-radius: 10px;
  width: 18px;
  top: 0px;
  transform: rotate(45deg);
  left: 0px; }

.popup-form input {
  height: 30px;
  border: none;
  font-size: 16px;
  line-height: 22px;
  color: #D0D0D0;
  width: 100%;
  box-sizing: border-box;
  position: relative;
  font-family: "OpenSans-Regular";
  border-bottom: 1px solid #BCBCBC;
  outline: none;
  padding-left: 35px; }

.name::after {
  content: '';
  position: absolute;
  left: 10px;
  top: 10px;
  background-image: url(../img/user.svg);
  width: 12px;
  height: 12px; }

.popup-form {
  margin-top: 35px; }

.container {
  width: 1290px;
  margin: 0 auto;
  position: relative; }

.header-top-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 54px;
  border-bottom: 1px solid #E8E8E8; }

.header-bg {
  z-index: 9;
  position: relative; }

.top-menu-left ul {
  display: flex;
  list-style: none; }
.top-menu-left a {
  font-family: "OpenSans-Regular";
  color: #BCBCBC;
  font-size: 12px;
  line-height: 16px; }
.top-menu-left li {
  margin-right: 28px; }

.top-menu-right a {
  font-family: "OpenSans-Regular";
  color: #BCBCBC;
  font-size: 12px;
  line-height: 16px;
	/* margin-left: 28px; */
 }
  .top-menu-right a img {
    position: relative;
    top: 2px;
    right: 2px; }

.header-logo-left {
  display: flex;
	align-items: center;}

@media (max-width: 414px) {
	.header-logo-left {max-width: 250px; }
}

  .header-logo-left a {
    margin-right: 30px; }
  .header-logo-left span {
    color: #343434;
    font-family: "OpenSans-Regular";
    font-size: 18px;
    line-height: 21px;
    width: 170px;
    position: relative; }
    .header-logo-left span:before {
      content: "";
      position: absolute;
      top: 0;
      left: -15px;
      width: 1px;
      height: 45px;
      background: #C4C4C4; }

.header-bottom {
  display: flex;
  height: 106px;
  align-items: center;
  justify-content: space-between; }

.header-right-bottom {
  display: flex;
  align-items: center; }

.whatsapp a {
  width: 180px;
  height: 38px;
  border: 1px solid #91C554;
  box-sizing: border-box;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #91C554;
  transition: 0.3s;
  font-family: "OpenSans-Regular";
  font-size: 14px; }
  .whatsapp a:hover {
    background: #91C554;
    color: #fff; }
  .whatsapp a:active {
    background: #7AA745; }

.phone {
  position: relative;
  margin-right: 20px; }
  .phone a {
    font-family: "OpenSans-Regular";
    color: #5C3B32;
    font-size: 26px; }
    .phone a img {
      left: -8px;
      position: relative; }

.calc {
  margin-right: 97px; }
  .calc a {
    font-family: "OpenSans-Regular";
    color: #797979;
    font-size: 16px;
    position: relative; }
    .calc a:after {
      content: "";
      position: absolute;
      bottom: -2px;
      right: 0;
      width: 99px;
      height: 1px;
      border-bottom: 1px dashed #797979; }
    .calc a img {
      position: relative;
      top: 6px;
      left: -8px; }

.main-menu {
  background: #936457;
  z-index: 9;
  display: flex;
  justify-content: center;
  align-items: center; }
  .main-menu ul {
    display: flex;
    list-style: none; }
  .main-menu a {
    color: #fff;
    font-family: "OpenSans-Regular";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px; }
    .main-menu a:active {
      color: #FFCD93; }
  .main-menu li {
    margin-right: 67px;
    position: relative;
    padding-top: 29px;
    padding-bottom: 29px; }
    .main-menu li:last-child {
      margin-right: 0; }
    .main-menu li:before {
      position: absolute;
      content: "";
      top: 25px;
      right: -34px;
      background: #FFFFFF;
      width: 1px;
      height: 30px; }
      .main-menu li:before:last-child {
        display: none; }

.main-menu li:last-child:before {
  display: none; }

.box {
  height: 570px;
  background: url("../img/img.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.box-b1 {
  height: 570px;
  background: url("../img/img2.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.box-b2 {
  height: 570px;
  background: url("../img/img3.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.box-b3 {
  height: 570px;
  background: url("../img/img4.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.main-slider {
  position: relative;
  top: -40px;
  margin-bottom: 30px; }

.main-section {
  position: relative;
  top: -40px; }

div.box-title {
  color: #fff;
  font-size: 56px;
  font-family: "Rubik-Bold";
  font-weight: 700;
  line-height: 66px;
  text-transform: uppercase; }

.content-box {
  padding-top: 130px;
  padding-left: 125px; }

.navigation-bottom h2 {
  display: none; }

.pr {
  color: #FFCD93;
  width: 100%;
  padding-top: 20px;
  display: block;
  font-size: 35px;
  font-family: "Rubik-Regular"; }

.wrap-box {
  display: flex; }

a.js-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 270px;
  height: 65px;
  margin-top: 40px;
  background: #91C554;
  color: #fff;
  border: none;
  font-family: "OpenSans-Regular";
  transition: 0.3s;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer; }
  a.js-btn:hover {
    cursor: pointer;
    background: #658B37; }
  a.js-btn:active {
    background: #91C554;
    color: #658B37; }

img.img-hover-next {
  width: 20px !important;
  display: block;
  position: absolute;
  right: 425px;
  height: 10px !important;
  z-index: 2;
  transition: 0.3s;
  background: #fff;
  background-image: url(../img/right.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  top: 92%;
  opacity: 0.9;
  border: 16px solid  #fff; }

img.img-hover-next:hover {
  width: 20px !important;
  display: block;
  position: absolute;
  right: 425px;
  height: 10px !important;
  z-index: 2;
  transition: 0.3s;
  background: #91C554;
  background-image: url(../img/right.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  top: 92%;
  border: 16px solid  #91C554; }

img.img-hover-prev {
  z-index: 2;
  opacity: 0.9;
  width: 20px !important;
  display: block;
  height: 10px !important;
  background-size: contain;
  transition: 0.3s;
  position: absolute;
  bottom: 0 !important;
  left: 71% !important;
  top: 92%;
  background: #fff;
  background-image: url(../img/left.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  border: 16px solid  #fff; }

img.img-hover-prev:hover {
  z-index: 2;
  width: 20px !important;
  display: block;
  height: 10px !important;
  background-size: contain;
  transition: 0.3s;
  position: absolute;
  bottom: 0 !important;
  left: 71% !important;
  top: 92%;
  background: #91C554;
  background-image: url(../img/left.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  border: 16px solid  #91C554; }

img.img-hover-next:active {
  background-image: url(../img/left-white.svg); }

img.img-hover-prev:active {
  background-image: url(../img/right-white.svg); }

.slider-content .slick-dots {
  position: absolute;
  bottom: 30px !important;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  left: -97px;
  list-style: none;
  text-align: center; }

.slider-content .slick-dots li {
  position: relative;
  display: inline-block;
  width: 190px;
  height: 2px;
  margin: 0 15px;
  padding: 0;
  cursor: pointer; }

.slider-content .slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 190px !important;
  height: 2px !important;
  content: '';
  text-align: center;
  opacity: 1;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slider-content .slick-active {
  height: 4px !important;
  background: #fff; }

a.js-st {
  width: 195px;
  text-decoration: none;
  display: flex;
  height: 65px;
  margin-top: 40px;
  background: #91C554;
  color: #fff;
  border: none;
  position: relative;
  font-family: "OpenSans-Regular";
  transition: 0.3s;
  display: flex;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
  align-items: center;
  padding-left: 25px;
  outline: none; }
  a.js-st:hover {
    cursor: pointer;
    background: #658B37; }
  a.js-st:active {
    background: #91C554;
    color: #658B37; }
  a.js-st img {
    width: 14px;
    height: 7px;
    position: absolute;
    top: 29px;
    right: 25px; }

a.js-sp {
  outline: none;
  margin-left: 20px;
  width: 215px;
  height: 65px;
  text-decoration: none;
  display: flex;
  margin-top: 40px;
  background: #91C554;
  color: #fff;
  border: none;
  position: relative;
  font-family: "OpenSans-Regular";
  transition: 0.3s;
  display: flex;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
  align-items: center;
  padding-left: 25px; }
  a.js-sp:hover {
    cursor: pointer;
    background: #658B37; }
  a.js-sp:active {
    background: #91C554;
    color: #658B37; }

.img {
  width: 14px;
  height: 7px;
  position: absolute;
  top: 29px;
  display: block;
  right: 25px;
  background-image: url(../img/left-white.svg);
  background-size: cover; }

a.js-sp:active .img {
  background-image: url(../img/green-right.svg);
  z-index: 9; }

a.js-pt:active .img {
  background-image: url(../img/green-right.svg);
  z-index: 9; }

a.js-st:active .img {
  background-image: url(../img/green-right.svg);
  z-index: 9; }

.wrap-btn {
  display: flex; }

a.js-pt {
  text-decoration: none;
  outline: none;
  margin-left: 20px;
  width: 128px;
  height: 65px;
  margin-top: 40px;
  background: #91C554;
  color: #fff;
  border: none;
  position: relative;
  font-family: "OpenSans-Regular";
  transition: 0.3s;
  display: flex;
  text-transform: uppercase;
  font-size: 16px;
  cursor: pointer;
  align-items: center;
  padding-left: 25px; }
  a.js-pt:hover {
    cursor: pointer;
    background: #658B37; }
  a.js-pt:active {
    background: #91C554;
    color: #658B37; }
  a.js-pt img {
    width: 14px;
    height: 7px;
    position: absolute;
    top: 29px;
    right: 25px; }

.title-name h2 {
  font-family: "Rubik-Regular";
  font-size: 36px;
  height: 45px;
  line-height: 43px;
  background: #ffffff;
  padding-left: 26px;
  text-transform: uppercase;
  position: relative;
  font-weight: 400;
  margin-left: 6px; }
  .title-name h2:before {
    position: absolute;
    content: "";
    left: -6px;
    z-index: -1;
    top: -24px;
    width: 88px;
    height: 80px;
    border: 6px solid #91C554; }

.title-name span {
  font-family: "Rubik-Regular";
  font-size: 36px;
  height: 45px;
  font-weight: 400;
  line-height: 43px;
  padding-left: 26px;
  text-transform: uppercase;
  position: relative;
  margin-left: 85px; }

.types-box-bg {
  position: relative;
  width: 300px;
  height: 319px;
  background-image: url(../img/box.jpg); }

.types-box-bt {
  position: relative;
  width: 300px;
  height: 319px;
  background-image: url(../img/box2.jpg); }

.types-box-br {
  position: relative;
  width: 300px;
  height: 319px;
  background-image: url(../img/box3.jpg); }

.types-box-bk {
  position: relative;
  width: 300px;
  height: 319px;
  background-image: url(../img/box4.jpg); }

.types-box-bl {
  position: relative;
  width: 300px;
  height: 319px;
  background-image: url(../img/box5.jpg); }

.types-box-bo {
  position: relative;
  width: 300px;
  height: 319px;
  background-image: url(../img/box6.jpg); }

.types-box-bw {
  position: relative;
  width: 300px;
  height: 319px;
  background-image: url(../img/box7.jpg); }

.types-box-bd {
  position: relative;
  width: 300px;
  height: 319px;
  background-image: url(../img/box8.jpg); }

.types-fences-box {
  margin-top: 105px;
  margin-bottom: 90px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.types-box {
  margin-bottom: 30px; }

.types-wrap {
  position: absolute;
  bottom: 0;
  width: 100%; }

.types-title {
  color: #FFFFFF;
  font-size: 20px;
  line-height: 27px;
  font-family: "OpenSans-Regular";
  font-weight: bold;
  padding-left: 18px;
  margin-bottom: 32px; }

.wrap-price {
  display: flex;
  justify-content: center;
  margin-bottom: 7px; }
  .wrap-price a {
    font-size: 14px;
    line-height: 19px;
    width: 140px;
    height: 42px;
    border: 1px solid #91C554;
    display: block;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #91C554;
    transition: 0.3s;
    font-family: "OpenSans-Regular"; }
    .wrap-price a:hover {
      background: #91C554;
      color: #fff; }
    .wrap-price a:active {
      background: #7AA745; }

.price-types {
  margin-right: 6px;
  background: #936457;
  width: 140px;
  height: 42px;
  color: #fff;
  font-family: "OpenSans-Regular";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .price-types span {
    font-size: 20px;
    margin: 0 5px; }

.coast {
  background: #91C554;
  height: 260px;
  padding-top: 30px;
  padding-bottom: 30px; }

.coast-line {
  width: 1191px;
  margin: 0 auto;
  padding-top: 30px;
  position: relative;
  padding-bottom: 30px;
  border: 4px solid #FFFFFF; }
  .coast-line h2 {
    font-size: 36px;
    background: #91C554;
    line-height: 43px;
    font-family: "Rubik-Bold";
    color: #FFFFFF;
    position: relative;
    left: -60px;
    padding-bottom: 9px;
    text-transform: uppercase; }
  .coast-line p {
    font-size: 16px;
    line-height: 22px;
    color: #000;
    background: #91C554;
    left: -5px;
    font-family: "OpenSans-Regular";
    position: relative; }
    .coast-line p:before {
      content: "";
      position: absolute;
      top: 10px;
      left: -50px;
      width: 40px;
      height: 1px;
      background: #000; }

.img-hand {
  position: absolute;
  right: -150px;
  bottom: -31px; }

button.btn-rt {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 270px;
  font-size: 16px;
  line-height: 22px;
  border: none;
  cursor: pointer;
  position: absolute;
  top: 68px;
  right: 310px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  height: 65px;
  background: #3D5323;
  box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.18); }

.reliable-section {
  padding-top: 160px;
  padding-bottom: 90px; }

.reliable-section-wrap {
  display: flex;
  margin-top: 30px;
  justify-content: space-between; }

.reliable-left {
  width: 50%;
  height: 495px;
  padding-top: 78px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; }

.reliable-right {
  width: 50%; }

.reliable-left-box {
  position: relative;
  width: 310px; }
  .reliable-left-box h3 {
    font-size: 18px;
    line-height: 25px;
    font-family: "OpenSans-Bold";
    color: #000000;
    padding-left: 23px;
    padding-top: 9px; }
  .reliable-left-box p {
    font-size: 15px;
    padding-left: 23px;
    line-height: 20px;
    font-family: "OpenSans-Regular";
    color: #595959;
    padding-top: 6px;
    height: 80px; }

.reliable-left-number {
  background: #936457;
  width: 23px;
  height: 23px;
  font-family: "OpenSans-Bold";
  color: #FFFFFF;
  font-size: 14px;
  line-height: 19px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .reliable-left-number:after {
    content: "";
    position: absolute;
    right: 10px;
    top: 10px;
    background: #936457;
    width: 274px;
    height: 2px; }

.slider-defoult {
  background: #F3F3F3;
  padding-top: 160px;
  padding-bottom: 1px;
  z-index: -2; }

.title-nm h2 {
  font-family: "Rubik-Regular";
  font-size: 36px;
  height: 45px;
  line-height: 43px;
  background: #F3F3F3;
  padding-left: 26px;
  text-transform: uppercase;
  position: relative;
  font-weight: 400;
  z-index: 2;
  position: relative;
  margin-left: 6px; }

.title-nm span {
  font-family: "Rubik-Regular";
  font-size: 36px;
  height: 45px;
  font-weight: 400;
  line-height: 43px;
  padding-left: 26px;
  text-transform: uppercase;
  position: relative;
  margin-left: 85px; }

.title-nm {
  position: relative; }
  .title-nm:before {
    position: absolute;
    content: "";
    left: -6px;
    z-index: 0;
    top: -24px;
    width: 88px;
    height: 80px;
    border: 6px solid #91C554; }

.slider-nm {
  margin-top: 90px; }

img.im {
  width: 410px !important;
  display: flex !important;
  margin: auto; }

img.img-hover-nt {
  width: 20px !important;
  display: block;
  position: absolute;
  height: 10px !important;
  z-index: 2;
  transition: 0.3s;
  background: #91C554;
  background-image: url(../img/right.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  right: -75px !important;
  border: 16px solid  #91C554; }

img.img-hover-nt:hover {
  width: 20px !important;
  display: block;
  position: absolute;
  height: 10px !important;
  z-index: 2;
  transition: 0.3s;
  background: #658B37;
  background-image: url(../img/right.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  border: 16px solid  #658B37; }

img.img-hover-pv {
  z-index: 2;
  width: 20px !important;
  display: block;
  height: 10px !important;
  background-size: contain;
  transition: 0.3s;
  position: absolute;
  background: #91C554;
  background-image: url(../img/left.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  left: -75px !important;
  border: 16px solid  #91C554; }

img.img-hover-pv:hover {
  z-index: 2;
  width: 20px !important;
  display: block;
  height: 10px !important;
  background-size: contain;
  transition: 0.3s;
  position: absolute;
  background: #658B37;
  background-image: url(../img/left.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  border: 16px solid  #658B37; }

img.img-hover-nt:active {
  background-image: url(../img/left-white.svg); }

img.img-hover-pv:active {
  background-image: url(../img/right-white.svg); }

.slider-nm .slick-dots {
  position: absolute;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  bottom: -53px;
  list-style: none;
  text-align: center; }

.slider-nm .slick-dots li {
  position: relative;
  display: inline-block;
  width: 80px !important;
  height: 1px;
  margin: 0 15px;
  padding: 0;
  cursor: pointer; }

.slider-nm .slick-dots li button:before {
  font-family: 'slick';
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  background: #666666;
  width: 80px !important;
  height: 2px !important;
  content: '';
  text-align: center;
  opacity: 1;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.slider-nm .slick-dots li.slick-active button:before {
  opacity: 1 !important;
  background: #91C554;
  height: 4px !important; }

.reduce-price {
  background: #F3F3F3; }

.reduce-price-wrap {
  height: 268px;
  margin: 0 auto;
  display: flex;
  background-image: url(../img/bg.jpg);
  background-size: contain;
  background-position: center;
  position: relative;
  top: 130px; }

.reduce-price-left {
  width: 50%;
  position: relative; }
  .reduce-price-left img {
    position: absolute;
    top: -65px;
    left: 85px; }

.reduce-price-right {
  width: 50%; }

h2.tl-price {
  font-size: 36px;
  line-height: 43px;
  color: #FFFFFF;
  padding-top: 45px;
  text-transform: uppercase;
  font-family: "Rubik-Bold"; }

h2.tl-pr {
  font-size: 36px;
  line-height: 43px;
  color: #FFCD93;
  text-transform: uppercase;
  font-family: "Rubik-Bold"; }

span.tl-span {
  width: 100%;
  display: block;
  padding-top: 6px;
  font-size: 16px;
  width: 80%;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  color: #FFE6CA; }

span.tl-low {
  width: 100%;
  padding-top: 18px;
  display: block;
  font-size: 12px;
  line-height: 16px;
  font-family: "OpenSans-Regular";
  color: #E1E1E1; }

.recording {
  padding-top: 290px;
  padding-bottom: 70px; }

.recording-wrap {
  display: flex;
  padding-top: 110px;
  justify-content: space-between; }

.recording-wrap-right {
  width: 50%;
  position: relative;
  padding-left: 60px; }
  .recording-wrap-right p {
    font-size: 22px;
    line-height: 30px;
    font-family: "OpenSans-Regular";
    color: #000000;
    padding-bottom: 23px; }
    .recording-wrap-right p:last-child {
      padding-bottom: 0; }

.bg {
  position: absolute;
  left: -35px;
  top: 3px; }

.btn-record-wrap {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center; }

.gate-btn-wrp a {
  width: 270px;
  margin-top: 65px;
  height: 65px;
  transition: 0.3s;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #91C554;
  font-size: 16px;
  font-family: "OpenSans-Regular";
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF; }
  .gate-btn-wrp a:hover {
    background: #658B37; }
  .gate-btn-wrp a:active {
    color: #658B37;
    background: #91C554; }

button.btn-record {
  width: 270px;
  margin-top: 65px;
  height: 65px;
  transition: 0.3s;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #91C554;
  font-size: 16px;
  font-family: "OpenSans-Regular";
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF; }
  button.btn-record:hover {
    background: #658B37; }
  button.btn-record:active {
    color: #658B37;
    background: #91C554; }

.quick-calc-wrap {
  display: flex;
  height: 356px;
  position: relative; }

.quick-calc {
  height: 356px;
  background: #936457;
  margin-top: 150px; }

.quick-calc-right {
  width: 50%;
  position: relative; }
  .quick-calc-right img {
    position: absolute;
    bottom: 0;
    right: 0; }

.quick-calc-left {
  width: 50%; }
  .quick-calc-left h2 {
    font-size: 36px;
    line-height: 43px;
    text-transform: uppercase;
    padding-top: 90px;
    font-family: "Rubik-Bold";
    color: #FFFFFF; }
  .quick-calc-left span {
    font-size: 16px;
    line-height: 22px;
    width: 100%;
    padding-top: 9px;
    position: relative;
    display: block;
    font-family: "OpenSans-Regular";
    color: #CECECE;
    padding-left: 45px; }
    .quick-calc-left span:after {
      content: "";
      position: absolute;
      left: 0;
      top: 20px;
      width: 40px;
      height: 1px;
      background: #CECECE; }

button.qiuck-btn {
  text-decoration: none;
  width: 270px;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 65px;
  transition: 0.3s;
  border: none;
  font-size: 16px;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  text-align: center;
  text-transform: uppercase;
  background: #FFCD93;
  box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  color: #000000;
  margin-top: 40px; }

.additional-services {
  padding-top: 110px;
  padding-bottom: 60px; }

.additional-services-box {
  position: relative;
  width: 630px;
  height: 319px;
  overflow: hidden;
  margin-bottom: 30px; }
  .additional-services-box img {
    position: absolute;
    top: 0;
    left: 0; }

.additional-services-wrap {
  padding-top: 90px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.serv-box-bottom {
  position: absolute;
  bottom: 7px;
  width: 100%;
  padding-left: 18px;
  padding-right: 7px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.serv-title-wrap {
  display: flex; }

.serv-title {
  font-size: 20px;
  line-height: 27px;
  font-family: "OpenSans-Regular";
  color: #FFFFFF; }

.serv-price {
  width: 140px;
  height: 42px;
  background: #936457;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  font-family: "OpenSans-Regular";
  display: flex;
  justify-content: center;
  color: #FFFFFF;
  align-items: center; }
  .serv-price span {
    font-size: 20px;
    padding: 0 5px; }

.serv-ui {
  margin-left: 6px; }

.serv-ui a {
  font-size: 14px;
  line-height: 19px;
  width: 140px;
  height: 42px;
  border: 1px solid #91C554;
  display: block;
  align-items: center;
  display: flex;
  justify-content: center;
  color: #91C554;
  transition: 0.3s;
  font-family: "OpenSans-Regular"; }
  .serv-ui a:hover {
    background: #91C554;
    color: #fff; }
  .serv-ui a:active {
    background: #7AA745; }

.additional-services-box img {
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out; }

.additional-services-box img:hover {
  transform: scale(1.1); }

.managers-txt {
  font-size: 26px;
  line-height: 35px;
  font-family: "OpenSans-Regular";
  text-transform: uppercase;
  color: #936457;
  text-align: center; }
  .managers-txt span {
    font-weight: 700; }

.managers-wrap {
  height: 334px;
  background: #91C554;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 160px; }

.line-mn {
  width: 1258px;
  display: flex;
  height: 299px;
  border: 8px solid #FFFFFF; }

.mang-img {
  position: absolute;
  left: 0;
  bottom: -4px; }

.manager-content {
  display: flex;
  padding-right: 95px;
  padding-top: 55px;
  flex-direction: column;
  width: 100%; }
  .manager-content h2 {
    font-size: 36px;
    line-height: 43px;
    text-align: right;
    font-family: "Rubik-Bold";
    color: #FFFFFF;
    text-transform: uppercase;
    width: 100%; }

.managers-btn {
  margin-top: 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .managers-btn p {
    font-size: 16px;
    line-height: 22px;
    text-align: right;
    font-family: "OpenSans-Regular";
    color: #000000; }

.types-fences {
  padding-top: 110px;
  padding-bottom: 90px; }

a.btn-mang {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 35px;
  width: 270px;
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  font-family: "OpenSans-Regular";
  color: #FFFFFF;
  height: 65px;
  background: #3D5323;
  border: none;
  box-shadow: 0px 14px 24px rgba(0, 0, 0, 0.18); }

.water-bg {
  padding-top: 290px;
  padding-bottom: 90px;
  background: #F3F3F3; }

.water-wrap {
  display: flex;
  margin-top: 45px; }

.water-wrap-left {
  width: 45%;
  position: relative; }

.water-wrap-right {
  width: 55%;
  position: relative; }
  .water-wrap-right img {
    position: relative;
    border-right: 20px solid #F3F3F3;
    border-top: 20px solid #F3F3F3; }
  .water-wrap-right:before {
    content: "";
    position: absolute;
    top: -30px;
    right: -80px;
    width: 636px;
    height: 430px;
    border: 8px solid #FFFFFF; }

.water-left-txt p {
  font-size: 22px;
  line-height: 280%;
  font-family: "OpenSans-Regular";
  color: #373737;
  margin-left: 100px;
  padding-top: 10px;
  position: relative; }
  .water-left-txt p:before {
    content: "";
    position: absolute;
    top: 32px;
    left: -40px;
    width: 20px;
    height: 20px;
    background-image: url(../img/check.jpg); }

.water-cont {
  display: flex;
  padding-left: 70px;
  margin-top: 70px;
  align-items: center; }
  .water-cont p {
    font-size: 16px;
    line-height: 20px;
    padding-right: 12px;
    text-transform: uppercase;
    font-family: "OpenSans-Bold";
    color: #936457;
    position: relative; }
    .water-cont p:before {
      content: "";
      position: absolute;
      top: -60px;
      left: -80px;
      background-image: url(../img/pump.png);
      width: 90px;
      height: 148px; }
    .water-cont p span {
      font-size: 28px; }

a.btn-water {
  text-decoration: none;
  width: 270px;
  height: 65px;
  transition: 0.3s;
  cursor: pointer;
  border: none;
  background: #91C554;
  font-size: 16px;
  font-family: "OpenSans-Regular";
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center; }
  a.btn-water:hover {
    background: #658B37; }
  a.btn-water:active {
    color: #658B37;
    background: #91C554; }

.company-bg {
  padding-top: 100px;
  padding-bottom: 90px;
  background: #F3F3F3; }

.company-wrap {
  margin-top: 90px;
  display: flex; }

.gate-wrap {
  padding-top: 160px;
  padding-bottom: 90px; }

.company-box {
  position: relative;
  width: 350px; }
  .company-box span {
    font-size: 44px;
    line-height: 52px;
    text-transform: uppercase;
    font-family: "Rubik-Bold";
    color: #91C554;
    z-index: 1;
    position: relative;
    top: -17px;
    left: 20px; }

.company-box-white {
  display: flex;
  position: relative;
  padding-left: 20px;
  padding-bottom: 16px; }
  .company-box-white:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100px;
    height: 102px;
    z-index: 0;
    background: #fff; }
  .company-box-white p {
    position: relative;
    z-index: 1;
    padding-left: 16px;
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    color: #373737; }
  .company-box-white img {
    position: relative;
    z-index: 1; }

.gate-content {
  display: flex;
  margin-top: 95px; }

.gate-txt {
  margin-left: 140px;
  padding-top: 25px; }
  .gate-txt p {
    font-size: 22px;
    line-height: 280%;
    font-family: "OpenSans-Regular";
    color: #373737;
    margin-left: 40px;
    padding-top: 10px;
    position: relative; }
    .gate-txt p:before {
      content: "";
      position: absolute;
      top: 32px;
      left: -40px;
      width: 20px;
      height: 20px;
      background-image: url(../img/check.jpg); }

.gate-box {
  position: relative; }
  .gate-box span {
    position: absolute;
    bottom: 20px;
    left: 38px;
    font-size: 20px;
    line-height: 27px;
    font-family: "OpenSans-Bold";
    color: #FFFFFF; }

a.gate-btn-wrp {
  margin-top: 50px; }

.gate-slider {
  width: 740px; }

img.img-hover-ng {
  width: 20px !important;
  display: block;
  position: absolute;
  right: 0;
  height: 10px !important;
  z-index: 2;
  transition: 0.3s;
  background: #91C554;
  background-image: url(../img/right.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  top: 92.7%;
  opacity: 0.9;
  border: 16px solid  #91C554; }

img.img-hover-ng:hover {
  width: 20px !important;
  display: block;
  position: absolute;
  right: 0;
  height: 10px !important;
  z-index: 2;
  transition: 0.3s;
  background: #658B37;
  background-image: url(../img/right.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  top: 92.7%;
  border: 16px solid  #658B37; }

img.img-hover-pg {
  z-index: 2;
  opacity: 0.9;
  width: 20px !important;
  display: block;
  height: 10px !important;
  background-size: contain;
  transition: 0.3s;
  position: absolute;
  bottom: 0 !important;
  left: 86% !important;
  top: 92.7%;
  background: #82B04A;
  background-image: url(../img/left.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  border: 16px solid  #82B04A; }

img.img-hover-pg:hover {
  z-index: 2;
  width: 20px !important;
  display: block;
  height: 10px !important;
  background-size: contain;
  transition: 0.3s;
  position: absolute;
  bottom: 0 !important;
  left: 86% !important;
  top: 92.7%;
  background: #658B37;
  background-image: url(../img/left.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  border: 16px solid  #658B37; }

img.img-hover-ng:active {
  background-image: url(../img/left-white.svg); }

img.img-hover-pg:active {
  background-image: url(../img/right-white.svg); }

.slider-work-main {
  padding-top: 100px;
  padding-bottom: 90px; }

.slider-work-grey {
  padding-top: 100px;
  padding-bottom: 90px;
  background: #F3F3F3; }

.gate-wrap-grey {
  background: #F3F3F3; }

.gate-wrap-grey h2 {
  background: #F3F3F3; }

.gate-wrap-grey .title-name:before {
  position: absolute;
  content: "";
  left: -6px;
  z-index: 0;
  top: -24px;
  width: 88px;
  height: 80px;
  border: 6px solid #91C554; }

.slider-work-grey h2 {
  background: #F3F3F3; }

.slider-work-wrap {
  margin-top: 40px; }

.slider-work-grey .title-name:before {
  position: absolute;
  content: "";
  left: -6px;
  z-index: 0;
  top: -24px;
  width: 88px;
  height: 80px;
  border: 6px solid #91C554; }

.wrp {
  width: 850px !important;
  margin: 50px;
  position: relative;
  outline: none; }
  .wrp img {
    width: 100%;
    outline: none; }

.slick-center .wrp:after {
  opacity: 0; }

.slider-work-wrap .wrp:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: -webkit-transform .4s;
  transition: -webkit-transform .4s;
  transition: transform .4s;
  transition: transform .4s, -webkit-transform .4s; }

img.img-hover-n {
  width: 20px !important;
  display: block;
  position: absolute;
  right: 24.5%;
  height: 10px !important;
  z-index: 2;
  transition: 0.3s;
  background: #91C554;
  background-image: url(../img/right.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  border: 16px solid  #91C554; }

img.img-hover-n:hover {
  width: 20px !important;
  display: block;
  position: absolute;
  right: 24.5%;
  height: 10px !important;
  z-index: 2;
  transition: 0.3s;
  background: #658B37;
  background-image: url(../img/right.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  border: 16px solid  #658B37; }

img.img-hover-p {
  z-index: 2;
  opacity: 0.9;
  width: 20px !important;
  display: block;
  height: 10px !important;
  background-size: contain;
  transition: 0.3s;
  position: absolute;
  bottom: 0 !important;
  left: 24.5% !important;
  background: #82B04A;
  background-image: url(../img/left.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  border: 16px solid  #82B04A; }

img.img-hover-p:hover {
  z-index: 2;
  width: 20px !important;
  display: block;
  height: 10px !important;
  background-size: contain;
  transition: 0.3s;
  position: absolute;
  bottom: 0 !important;
  left: 24.5% !important;
  background: #658B37;
  background-image: url(../img/left.svg);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  padding: 10px;
  border: 16px solid  #658B37; }

img.img-hover-n:active {
  background-image: url(../img/left-white.svg); }

img.img-hover-p:active {
  background-image: url(../img/right-white.svg); }

.all-work {
  width: 100%;
  text-align: center; }
  .all-work a {
    background: #fff;
    width: 270px;
    height: 65px;
    display: flex;
    align-items: center;
    margin: auto;
    justify-content: center;
    text-decoration: none;
    border: none;
    font-size: 16px;
    line-height: 22px;
    cursor: pointer;
    border: 2px solid #91C554;
    text-align: center;
    text-transform: uppercase;
    font-family: "OpenSans-Regular";
    color: #91C554;
    transition: 0.3s; }
    .all-work a:hover {
      background: #91C554;
      color: #fff; }
    .all-work a:active {
      background: #7AA745; }

.video {
  padding-top: 100px;
  padding-bottom: 90px;
  background: #F3F3F3; }

.video-wrap {
  margin-top: 90px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.video-box {
  width: 630px;
  position: relative;
  height: 340px;
  z-index: 2;
  margin-bottom: 40px; }
  .video-box video {
    width: 630px;
    outline: none;
    z-index: 99; }

video:hover ~ #changeVideo {
  opacity: 1; }

video:hover ~ #change2Video {
  opacity: 1; }

video:hover ~ #change3Video {
  opacity: 1; }

video:hover ~ #change4Video {
  opacity: 1; }

video:hover ~ #change5Video {
  opacity: 1; }

video:hover ~ #change6Video {
  opacity: 1; }

video:hover ~ #change7Video {
  opacity: 1; }

#changeVideo:hover {
  opacity: 1; }

#change2Video:hover {
  opacity: 1; }

#change3Video:hover {
  opacity: 1; }

#change4Video:hover {
  opacity: 1; }

#change5Video:hover {
  opacity: 1; }

#change6Video:hover {
  opacity: 1; }

#change7Video:hover {
  opacity: 1; }

video:hover ~ #pauseVideo {
  opacity: 1; }

video:hover ~ #pause2Video {
  opacity: 1; }

video:hover ~ #pause3Video {
  opacity: 1; }

video:hover ~ #pause4Video {
  opacity: 1; }

video:hover ~ #pause5Video {
  opacity: 1; }

video:hover ~ #pause6Video {
  opacity: 1; }

video:hover ~ #pause7Video {
  opacity: 1; }

#pauseVideo:hover {
  opacity: 1; }

#pause2Video:hover {
  opacity: 1; }

#pause3Video:hover {
  opacity: 1; }

#pause4Video:hover {
  opacity: 1; }

#pause5Video:hover {
  opacity: 1; }

#pause6Video:hover {
  opacity: 1; }

#pause7Video:hover {
  opacity: 1; }

#change2Video, #change7Video, #change6Video, #change5Video, #change3Video, #changeVideo, #change4Video {
  z-index: 999;
  position: absolute;
  top: 35%;
  left: 38%;
  width: 122px;
  height: 122px;
  background-image: url(../img/bottom_paly.png);
  opacity: 1;
  transition: opacity .3s ease;
  cursor: pointer;
  border-radius: 50%;
  color: red;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
  /* End */ }

#pause2Video, #pause7Video, #pause6Video, #pause5Video, #pause3Video, #pauseVideo, #pause4Video {
  z-index: 99;
  display: none;
  position: absolute;
  top: 35%;
  left: 38%;
  width: 122px;
  height: 122px;
  background-image: url(../img/bottom_paly.png);
  opacity: 0;
  transition: opacity .3s ease;
  cursor: pointer;
  border-radius: 50%;
  color: red;
  font-weight: bold;
  line-height: 25px;
  text-align: center;
  /* End */ }

.visible {
  display: block !important; }

.hidden {
  display: none; }

.bg-wlp, .bg-wlp7, .bg-wlp4, .bg-wlp3, .bg-wlp2, .bg-wlp5, .bg-wlp6 {
  height: 104%;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 0;
  background: rgba(0, 0, 0, 0.5); }

.video-descp {
  position: absolute;
  left: 25px;
  bottom: 10px;
  font-size: 18px;
  line-height: 25px;
  color: #FFFFFF;
  font-family: "OpenSans-Bold"; }

.all-video {
  width: 100%;
  margin-top: 60px;
  display: flex;
  justify-content: center;
  text-align: center; }
  .all-video a {
    width: 270px;
    height: 65px;
    display: flex;
    text-decoration: none;
    border: 2px solid #91C554;
    background: #F3F3F3;
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    justify-content: center;
    text-align: center;
    text-transform: uppercase;
    align-items: center;
    color: #91C554;
    transition: 0.3s; }
    .all-video a:hover {
      background: #91C554;
      color: #fff; }
    .all-video a:active {
      background: #7AA745; }

.navigation-bottom {
  background: #91C554;
  height: 60px; }

.navigation-wrap ul {
  display: flex;
  height: 60px;
  align-items: center;
  list-style: none;
  justify-content: space-around; }
.navigation-wrap a {
  font-size: 18px;
  line-height: 25px;
  text-transform: uppercase;
  font-family: "OpenSans-Regular";
  color: #FFFFFF; }

.howmuch-wrap {
  display: flex;
  justify-content: space-between; }

.howmuch {
  padding-top: 90px;
  padding-bottom: 70px; }

.howmuch-left h2 {
  text-transform: uppercase;
  font-size: 36px;
  line-height: 43px;
  color: #000000;
  font-family: "Rubik-Bold"; }
.howmuch-left span {
  margin-top: 25px;
  display: block;
  font-size: 14px;
  line-height: 19px;
  text-transform: uppercase;
  font-family: "OpenSans-Regular";
  color: #888888; }

.howmuch-left-txt {
  margin-top: 18px;
  padding-left: 40px; }
  .howmuch-left-txt p {
    position: relative;
    font-size: 18px;
    line-height: 41px;
    text-transform: uppercase;
    font-family: "OpenSans-Regular";
    color: #595959; }

.one:after {
  content: "1";
  position: absolute;
  top: 6px;
  font-size: 18px;
  line-height: 25px;
  font-family: "OpenSans-Regular";
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  width: 27px;
  height: 27px;
  background: #91C554;
  box-shadow: 0px 4px 8px rgba(158, 233, 68, 0.74);
  left: -37px; }

.two:after {
  content: "2";
  position: absolute;
  top: 6px;
  font-size: 18px;
  line-height: 25px;
  font-family: "OpenSans-Regular";
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  width: 27px;
  height: 27px;
  background: #91C554;
  box-shadow: 0px 4px 8px rgba(158, 233, 68, 0.74);
  left: -37px; }

.three:after {
  content: "3";
  position: absolute;
  top: 6px;
  font-size: 18px;
  line-height: 25px;
  font-family: "OpenSans-Regular";
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  width: 27px;
  height: 27px;
  background: #91C554;
  box-shadow: 0px 4px 8px rgba(158, 233, 68, 0.74);
  left: -37px; }

.howmuch-btn {
  margin-top: 35px; }
  .howmuch-btn button {
    text-decoration: none;
    background: #91C554;
    border: none;
    width: 270px;
    height: 65px;
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    color: #FFFFFF;
    transition: 0.3s;
    display: flex;
    align-items: center;
    justify-content: center; }
    .howmuch-btn button:hover {
      background: #658B37;
      color: #fff; }
    .howmuch-btn button:active {
      color: #658B37;
      background: #91C554; }

.howmuch-right {
  width: 630px;
  height: 363px;
  margin-top: 25px;
  background: #F4F4F4; }

.right-txt {
  width: 100%;
  font-size: 14px;
  line-height: 19px;
  font-family: "OpenSans-Regular";
  position: relative;
  color: #936457;
  margin-top: 30px;
  padding-left: 27px; }
  .right-txt:after {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    background: #936457;
    width: 22px;
    height: 1px; }

.howmuch-select-box {
  width: 137px;
  height: 199px;
  position: relative; }

.howmuch-select {
  padding-top: 20px;
  display: flex;
  padding-left: 25px;
  padding-right: 25px;
  justify-content: space-between; }

.selected-box-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #91C554;
  height: 30px;
  width: 100%; }
  .selected-box-txt span {
    height: 30px;
    width: 100%;
    display: flex;
    align-items: center;
    font-size: 10px;
    line-height: 14px;
    font-family: "OpenSans-Regular";
    color: #FFFFFF;
    padding-left: 15px;
    position: relative; }
    .selected-box-txt span:after {
      content: '';
      position: absolute;
      width: 14px;
      height: 14px;
      background: #fff;
      left: -6px;
      top: 8px; }

.line-hw {
  margin-left: 25px;
  margin-right: 25px;
  margin-top: 20px;
  height: 6px;
  background: #fff;
  position: relative; }
  .line-hw:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 6px;
    background: #91C554; }

.next-btn {
  width: 100%;
  margin-top: 15px;
  text-align: right;
  padding-right: 25px;
  display: flex;
  justify-content: flex-end; }
  .next-btn button {
    position: relative;
    width: 136px;
    text-decoration: none;
    height: 30px;
    border: none;
    cursor: pointer;
    background: #936457;
    font-size: 10px;
    line-height: 14px;
    font-family: "OpenSans-Regular";
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center; }
  .next-btn img {
    width: 14px;
    height: 7px;
    position: absolute;
    right: 30px;
    top: 12px; }

.footer-wrap {
  display: flex;
  padding-top: 67px;
  padding-bottom: 62px;
  border-bottom: 1px solid #686868;
  justify-content: space-between; }

.footer {
  background: #353535; }

.footer-logo {
  display: flex;
  flex-wrap: wrap;
  width: 170px; }
  .footer-logo a {
    font-size: 18px;
    line-height: 111.68%;
    font-family: "OpenSans-Regular";
    text-decoration: none;
    text-align: center;
    color: #BCBCBC; }
    .footer-logo a img {
      margin-bottom: 5px; }

.footer-nav ul {
  list-style: none; }
.footer-nav a {
  text-decoration: none;
  font-size: 14px;
  line-height: 193.68%;
  font-family: "OpenSans-Regular";
  text-transform: uppercase;
  color: #686868; }

.footer-soc a {
  margin-right: 16px; }
  .footer-soc a:last-child {
    margin-right: 0; }

a.footer-phone {
  color: #BCBCBC;
  font-size: 26px;
  font-family: "OpenSans-Bold";
  line-height: 35px; }

.footer-contact {
  text-align: right; }
  .footer-contact p {
    font-size: 16px;
    line-height: 35px;
    color: #686868;
    font-family: "OpenSans-Regular"; }

a.footer-email {
  font-size: 16px;
  line-height: 35px;
  color: #686868;
  font-family: "OpenSans-Regular"; }

.footer-bottom {
  height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.copyright {
  font-size: 12px;
  line-height: 16px;
  font-family: "OpenSans-Regular";
  color: #686868; }

.faq-site a {
  font-size: 12px;
  line-height: 16px;
  font-family: "OpenSans-Regular";
  color: #686868; }

.design {
  font-size: 12px;
  line-height: 16px;
  font-family: "OpenSans-Regular";
  color: #686868; }

.delivery-wrap {
  width: 100%;
  height: 280px;
  background-image: url(../img/delivery-bg.jpg);
  background-position: center;
  background-repeat: no-repeat; }

/* .title-main {
  position: relative; }
  .title-main h1 {
    font-size: 56px;
    line-height: 66px;
    text-align: right;
    text-transform: uppercase;
    font-family: "Rubik-Bold";
    color: #936457;
    padding-top: 115px;
    padding-right: 110px; } */

.delivery-material {
  padding-bottom: 30px;
  padding-top: 110px; }

.delivery-material-wrap {
  display: flex;
  justify-content: space-between; }

.material-left {
  width: 50%; }

.material-right {
  width: 50%;
  text-align: right; }

.material-text p {
  font-size: 16px;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  color: #393939;
  position: relative;
  padding-left: 20px;
  padding-bottom: 20px; }
  .material-text p span {
    font-family: "OpenSans-Bold"; }

.material-green:after {
  content: "";
  display: flex;
  width: 9px;
  height: 9px;
  position: absolute;
  left: 0;
  top: 5px;
  background: #91C554; }

.material-text-title {
  font-size: 26px;
  line-height: 35px;
  font-family: "OpenSans-Bold";
  text-transform: uppercase;
  display: block;
  padding-top: 66px;
  color: #000000;
  padding-bottom: 17px; }

.contact-wrap {
  width: 100%;
  height: 280px;
  background-image: url(../img/contact-bg.jpg);
  background-position: center;
  background-repeat: no-repeat; }

.about-wrap {
  width: 100%;
  height: 280px;
  background-image: url(../img/about-bg.jpg);
  background-position: center;
  background-repeat: no-repeat; }

.contact-wrap-reviews {
  width: 100%;
  height: 280px;
  background-image: url(../img/reviews-bg.jpg);
  background-position: center;
  background-repeat: no-repeat; }

.title-main {
  position: relative; }
  .title-main h1 {
    font-size: 56px;
    line-height: 66px;
    /* text-align: right; */
    text-transform: uppercase;
    font-family: "Rubik-Bold";
    color: #fff;
    padding-top: 115px;
		/* padding-left: 110px; */
	 }

.title-main-contact {
  position: relative; }
  .title-main-contact h1 {
    font-size: 56px;
    line-height: 66px;
    /* text-align: left; */
    text-transform: uppercase;
    font-family: "Rubik-Bold";
    color: #fff;
    padding-top: 115px;
		/* padding-left: 110px; */
	 }

.delivery-wrap h1 {
  font-size: 56px;
  line-height: 66px;
  text-align: right;
  text-transform: uppercase;
  font-family: "Rubik-Bold";
  color: #936457;
  padding-top: 115px;
  padding-right: 110px; }

.contact-title {
  padding-top: 20px;
  font-size: 26px;
  line-height: 35px;
  width: 100%;
  text-align: center;
  font-family: "OpenSans-Bold";
  color: #000000; }

.contact-box-wrap {
  padding-top: 26px;
  display: flex;
  justify-content: center;
  width: 100%; }

.contact-box {
  width: 250px;
  padding-right: 30px; }
  .contact-box span {
    font-size: 14px;
    line-height: 19px;
    font-family: "OpenSans-Bold";
    color: #BCBCBC; }

.day, .date, .city, .add {
  font-size: 18px;
  line-height: 25px;
  font-family: "OpenSans-Regular";
  color: #393939; }

.contact-phone {
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  padding-left: 38px;
  position: relative; }
  .contact-phone a {
    font-size: 18px;
    line-height: 25px;
    font-family: "OpenSans-Regular";
    color: #393939; }
  .contact-phone img {
    position: absolute;
    left: 0;
    top: 26px; }

.adress, .con-wrap {
  padding-top: 12px;
  padding-left: 38px;
  position: relative; }
  .adress img, .con-wrap img {
    position: absolute;
    left: 0;
    top: 26px; }

.email {
  padding-top: 24px;
  padding-left: 38px;
  position: relative; }
  .email a {
    font-size: 18px;
    line-height: 25px;
    font-family: "OpenSans-Regular";
    color: #393939; }
  .email img {
    position: absolute;
    left: 0;
    top: 26px; }

.map-txt {
  background: #91C554;
  display: flex;
  width: 100%;
  font-size: 22px;
  line-height: 30px;
  font-family: "OpenSans-Regular";
  text-align: center;
  height: 66px;
  align-items: center;
  justify-content: center;
  color: #000000; }

.contact-map {
  margin-top: 40px; }

.map-box {
  height: 460px; }

.map-bottom {
  height: 48px;
  align-items: center;
  width: 100%;
  display: flex;
  margin-top: 47px;
  margin-bottom: 37px; }

.line {
  width: 82%;
  position: relative; }
  .line:after {
    content: "";
    position: absolute;
    left: 0;
    background: #936457;
    height: 2px;
    width: 100%; }

.map-soc a {
  margin-right: 20px; }
  .map-soc a:last-child {
    margin-right: 0; }

.map-soc {
  width: 18%;
  display: flex;
  justify-content: flex-end; }

.coast-table {
  background: #91C554;
  padding-bottom: 85px;
  padding-top: 105px;
  margin-bottom: 90px; }

.title-green h2 {
  font-family: "Rubik-Regular";
  font-size: 36px;
  height: 45px;
  line-height: 43px;
  background: #91C554;
  padding-left: 26px;
  text-transform: uppercase;
  position: relative;
  font-weight: 400;
  margin-left: 6px; }

.title-green:before {
  position: absolute;
  content: "";
  left: -6px;
  z-index: 0;
  top: -24px;
  width: 88px;
  height: 80px;
  border: 6px solid #fff; }

.table-top {
  background: #fff;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  color: #000000;
  height: 50px;
  width: 100%;
  font-family: "OpenSans-Regular";
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 4px; }

.table-left {
  width: 49.9%; }

.table-right {
  width: 49.8%; }

.wrap-table {
  display: flex;
  justify-content: space-between; }

.table-box {
  font-size: 16px;
  line-height: 22px;
  display: flex;
  font-family: "OpenSans-Bold";
  text-align: center;
  color: #FFFFFF;
  height: 50px;
  border: 1px solid #fff;
  margin-bottom: 4px;
  align-items: center;
  justify-content: center; }

.table-box-top {
  margin-bottom: 4px;
  background: #fff;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  color: #000000;
  height: 50px;
  width: 100%;
  font-family: "OpenSans-Regular";
  align-items: center;
  justify-content: center; }

.table-auto {
  font-size: 26px;
  line-height: 35px;
  margin-top: 65px;
  text-align: justify;
  padding-left: 58px;
  font-family: "OpenSans-Bold";
  color: #000000;
  position: relative; }
  .table-auto:after {
    content: "";
    position: absolute;
    left: 0;
    width: 40px;
    height: 1px;
    background: #fff;
    top: 15px; }

.aut-table {
  margin-top: 30px;
  display: flex;
  justify-content: space-between; }

.auto-table-box {
  margin-bottom: 4px;
  background: #fff;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  color: #000000;
  height: 50px;
  font-family: "OpenSans-Regular";
  align-items: center;
  padding-left: 35px; }

.auto-table-box {
  margin-bottom: 4px;
  background: #fff;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  color: #000000;
  height: 50px;
  font-family: "OpenSans-Regular";
  align-items: center;
  padding-left: 35px; }

.auto-table-box-price {
  margin-bottom: 4px;
  background: #fff;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  color: #000000;
  height: 50px;
  font-family: "OpenSans-Regular";
  align-items: center;
  justify-content: center; }

.auto-table-right {
  width: 29.7%; }

.auto-table-left {
  width: 69.9%; }

.tb-box {
  font-size: 16px;
  line-height: 22px;
  display: flex;
  padding-top: 13px;
  padding-bottom: 13px;
  font-family: "OpenSans-Bold";
  text-align: left;
  color: #FFFFFF;
  border: 1px solid #fff;
  margin-bottom: 4px;
  flex-direction: column;
  padding-left: 35px; }
  .tb-box p {
    width: 100%;
    text-align: left;
    padding-bottom: 20px; }

.tb-box-price {
  font-size: 16px;
  line-height: 22px;
  display: flex;
  padding-top: 13px;
  padding-bottom: 13px;
  font-family: "OpenSans-Bold";
  text-align: center;
  color: #FFFFFF;
  border: 1px solid #fff;
  margin-bottom: 4px;
  align-items: flex-start;
  justify-content: center; }

.tb-ln {
  padding-bottom: 159px; }

.table-text-at {
  margin-top: 60px; }
  .table-text-at p {
    position: relative;
    font-size: 26px;
    line-height: 35px;
    font-family: "OpenSans-Bold";
    text-transform: uppercase;
    color: #000000; }
    .table-text-at p:after {
      content: "";
      position: absolute;
      right: 0;
      top: 15px;
      height: 3px;
      background: #000000;
      width: 740px; }

.foundation-option {
  background: #F3F3F3;
  padding-top: 105px;
  padding-bottom: 90px; }

.foundation-option-txt {
  margin-top: 60px; }
  .foundation-option-txt p {
    position: relative;
    font-size: 26px;
    line-height: 35px;
    font-family: "OpenSans-Bold";
    text-transform: uppercase;
    color: #936457; }
    .foundation-option-txt p:after {
      content: "";
      position: absolute;
      right: 0;
      top: 15px;
      height: 3px;
      background: #936457;
      width: 740px; }

.foundation-option-wrap {
  display: flex;
  padding-top: 110px;
  justify-content: space-between; }

.foundation-option-box {
  width: 300px;
  background: #fff;
  text-align: center;
  padding-top: 25px;
  padding-bottom: 7px;
  padding-left: 7px;
  padding-right: 7px; }
  .foundation-option-box h2 {
    font-size: 20px;
    line-height: 21px;
    text-align: center;
    font-family: "OpenSans-Bold";
    height: 42px;
    color: #393939; }

.option-box-price {
  margin-top: 5px;
  background: #936457;
  height: 42px;
  width: 100%;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  font-family: "OpenSans-Regular"; }
  .option-box-price span {
    font-size: 20px;
    margin: 0 5px; }

.discount-bg {
  padding-top: 105px;
  padding-bottom: 90px; }

.reviews-all {
  padding-top: 105px;
  padding-bottom: 90px; }

.about-section {
  padding-top: 50px;
  padding-bottom: 90px; }

.about-work {
  padding-top: 105px;
  padding-bottom: 170px;
  background: #F3F3F3;
	position: relative;
	top: -40px;
}

.title-drs h2 {
  font-family: "Rubik-Regular";
  font-size: 36px;
  height: 45px;
  line-height: 43px;
  background: #ffffff;
  padding-left: 26px;
  text-transform: uppercase;
  position: relative;
  font-weight: 400;
  margin-left: 6px; }

.title-drs h2:before {
  position: absolute;
  content: "";
  left: -6px;
  z-index: -1;
  top: -24px;
  width: 88px;
  height: 80px;
  border: 6px solid #FFCD93; }

.discount-bg-wrap {
  margin-top: 109px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.discount-boxs {
  background: #FFB967;
  width: 630px;
  height: 340px;
  margin-bottom: 30px;
  position: relative; }
  .discount-boxs button {
    display: flex;
    cursor: pointer;
    width: 270px;
    border: none;
    height: 65px;
    background: #FFFFFF;
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    text-align: center;
    text-transform: uppercase;
    color: #936457;
    align-items: center;
    justify-content: center;
    margin: 30px auto; }
  .discount-boxs h2 {
    font-size: 26px;
    line-height: 35px;
    text-align: center;
    font-family: "OpenSans-Bold";
    color: #422B11;
    text-transform: uppercase; }
  .discount-boxs p {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    font-family: "OpenSans-Regular";
    color: #805524;
    padding-top: 10px; }
    .discount-boxs p span {
      font-family: "OpenSans-Bold"; }

.discount-txt {
  font-size: 16px;
  line-height: 22px;
  color: #393939;
  font-family: "OpenSans-Regular";
  margin-bottom: 100px;
  margin-top: 17px; }

.boxs-line {
  border: 4px solid #FFFFFF;
  margin: 12px;
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px; }

.discount-box {
  background: #FFCD93;
  width: 630px;
  height: 340px;
  margin-bottom: 30px;
  position: relative; }
  .discount-box p {
    font-size: 26px;
    line-height: 35px;
    padding-top: 44px;
    padding-left: 40px;
    font-family: "OpenSans-Bold";
    text-transform: uppercase;
    color: #422B11;
    position: relative; }
    .discount-box p:after {
      content: "";
      position: absolute;
      left: 0;
      top: 59px;
      width: 33px;
      height: 3px;
      background: #422B11; }
  .discount-box img {
    position: absolute;
    bottom: 0;
    right: 0; }

.about-title {
  padding-left: 58px;
  position: relative;
  font-size: 26px;
  line-height: 35px;
  text-align: justify;
  font-family: "OpenSans-Bold";
  color: #000000; }
  .about-title:after {
    content: "";
    position: absolute;
    left: 0;
    top: 16px;
    width: 40px;
    height: 2px;
    background: #91C554; }

.about-section-wrap {
  margin-top: 22px;
  display: flex;
  position: relative;
  justify-content: space-between; }

.bg-about-img {
  position: absolute;
  height: 563px;
  width: 947px;
  top: 27%;
  right: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(../img/bg-about.jpg); }

.about-section-right {
  width: 410px;
  height: 370px;
  background: #C4C4C4; }

.about-section-left {
  width: 65%;
  position: relative; }
  .about-section-left p {
    font-size: 18px;
    line-height: 25px;
    text-align: justify;
    text-indent: 26px;
    font-family: "OpenSans-Regular";
    color: #393939; }
  .about-section-left button {
    font-size: 18px;
    cursor: pointer;
    border: none;
    line-height: 25px;
    font-family: "OpenSans-Regular";
    width: 100%;
    border: 1px solid #C4C4C4;
    height: 50px;
    background: #fff;
    display: flex;
    text-align: justify;
    text-indent: 26px;
    text-decoration: none;
    margin-top: 19px;
    align-items: center;
    justify-content: center;
    color: #C4C4C4; }

.about-work-wrap {
  width: 850px;
  position: relative;
  height: 380px;
  margin-top: 186px;
  padding-top: 60px;
  display: flex;
  padding-left: 68px;
  background: #FFFFFF;
  border: 8px solid #936457;
  z-index: 1; }

.visible-txt {
  opacity: 0;
  position: absolute;
  transition: 0.3s;
  bottom: 17%; }

.more-viss {
  opacity: 1;
  position: relative;
  top: 0;
  transition: 0.8s; }

.about-work-box {
  width: 315px;
  display: flex;
  align-items: center;
  margin-bottom: 40px; }
  .about-work-box p {
    font-size: 15px;
    line-height: 20px;
    font-family: "OpenSans-Regular";
    color: #595959; }
  .about-work-box img {
    margin-right: 18px; }

.about-work-wrap-left {
  display: flex;
  flex-wrap: wrap; }

.about-work-wrap-right {
  display: flex;
  flex-wrap: wrap; }

.dl-wrap-left {
  background: #91C554;
  width: 440px;
  padding-top: 34px;
  height: 210px;
  padding-left: 37px;
  padding-bottom: 30px;
  position: relative;
  top: 115px; }
  .dl-wrap-left h1 {
    font-size: 36px;
    line-height: 43px;
    font-family: "Rubik-Regular";
    color: #FFFFFF;
    padding-bottom: 15px;
    text-transform: uppercase; }
  .dl-wrap-left span {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 29px;
    font-family: "Rubik-Regular";
    color: #FFFFFF; }

.present-work {
  background: #FFCD93;
  width: 300px;
  display: flex;
  align-items: center;
  height: 60px;
  position: relative; }
  .present-work p {
    font-size: 16px;
    line-height: 19px;
    width: 265px;
    padding-left: 103px;
    font-family: "OpenSans-Regular";
    color: #422B11; }
    .present-work p span {
      font-family: "OpenSans-Bold";
      text-transform: uppercase; }

.present-works {
  display: flex;
  align-items: center;
  background: #FFB967;
  width: 300px;
  height: 60px;
  position: relative; }
  .present-works p {
    width: 252px;
    padding-left: 103px;
    font-size: 16px;
    line-height: 19px;
    font-family: "OpenSans-Regular";
    color: #422B11;
    position: relative; }
    .present-works p:after {
      content: "(при заказе от 100пм)";
      position: absolute;
      right: -36px;
      bottom: 3px;
      font-size: 8px;
      line-height: 8px;
      font-family: "OpenSans-Regular"; }
    .present-works p span {
      font-family: "OpenSans-Bold";
      text-transform: uppercase; }

.section-dl-wrap {
  display: flex;
  height: 280px;
  justify-content: space-between; }

.dl-wrap-right {
  display: flex;
  align-items: flex-end; }

.small {
  position: absolute;
  left: 0;
  bottom: -4px; }

.dk-wrap-left {
  background: #91C554;
  width: 440px;
  height: max-content;
  padding-top: 24px;
  padding-left: 37px;
  padding-bottom: 30px;
  position: relative;
  top: 115px; }
  .dk-wrap-left h1 {
    font-size: 36px;
    line-height: 43px;
    font-family: "Rubik-Regular";
    color: #FFFFFF;
    text-transform: uppercase; }
  .dk-wrap-left span {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 29px;
    font-family: "Rubik-Regular";
    color: #FFFFFF; }

.section-dk {
  width: 100%;
  height: 280px;
  background-image: url(../img/dk-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 30px; }

.section-dp {
  width: 100%;
  height: 280px;
  background-image: url(../img/avto-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 30px; }

.coast-table-lg {
  background: #91C554;
  padding-bottom: 85px;
  padding-top: 105px; }

.green-bg .quick-calc {
  margin-top: 0; }

.dp-section-left {
  width: 100%; }
  .dp-section-left p {
    font-size: 18px;
    line-height: 25px;
    text-align: justify;
    text-indent: 26px;
    font-family: "OpenSans-Regular";
    color: #393939; }

.dp-maket-box {
  width: 300px; }

.av-maket-box {
  width: 410px; }

.dp-maket-txt {
  margin: 0 auto;
  position: relative;
  top: -23px;
  width: 207px;
  font-size: 16px;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFFFFF;
  height: 40px;
  background: #91C554; }

.dp-maket {
  margin-top: 65px;
  display: flex;
  justify-content: space-between; }

.present-works-dp {
  display: flex;
  align-items: center;
  background: #FFB967;
  width: 300px;
  height: 60px;
  position: relative; }

.present-works-dp p {
  width: 280px;
  padding-left: 103px;
  font-size: 16px;
  line-height: 19px;
  font-family: "OpenSans-Regular";
  color: #422B11;
  position: relative; }

.present-works-dp span {
  font-family: "OpenSans-Bold";
  text-transform: uppercase; }

.present-works-av {
  display: flex;
  align-items: center;
  background: #FFB967;
  width: 300px;
  height: 60px;
  position: relative; }

.present-works-av p {
  width: 280px;
  padding-left: 103px;
  font-size: 16px;
  line-height: 19px;
  font-family: "OpenSans-Regular";
  color: #422B11;
  position: relative; }

.present-works-av span {
  font-family: "OpenSans-Bold"; }

.present-works-lp {
  display: flex;
  align-items: center;
  background: #FFCD93;
  width: 300px;
  height: 60px;
  position: relative; }

.present-works-lp p {
  width: 290px;
  padding-left: 103px;
  font-size: 16px;
  line-height: 19px;
  font-family: "OpenSans-Regular";
  color: #422B11;
  position: relative; }

.present-works-lp span {
  font-family: "OpenSans-Bold";
  text-transform: uppercase; }

.section-top {
  width: 100%;
  height: 280px;
  background-image: url(../img/top-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 30px; }

.key-wrap {
  margin-top: 20px;
  position: relative;
  height: 100px;
  display: flex;
  padding-right: 10px;
  align-items: center;
  background: #936457; }

.key-text {
  width: 400px;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: space-between; }
  .key-text span {
    padding-left: 156px;
    font-size: 34px;
    display: block;
    line-height: 34px;
    text-transform: uppercase;
    font-family: "OpenSans-Bold";
    color: #FFCD93; }

.key-price {
  height: 85px;
  align-items: center;
  width: 70%;
  display: flex;
  background: #fff;
  font-size: 26px;
  line-height: 35px;
  text-align: center;
  justify-content: center;
  font-family: "OpenSans-Bold";
  color: #936457; }
  .key-price span {
    display: flex;
    margin: 0 5px;
    justify-content: center;
    font-size: 50px; }
  .key-price p {
    display: flex;
    align-items: baseline; }

.img-av {
  position: absolute;
  left: 12px;
  bottom: -4px; }

.work-complecs {
  background: #91C554;
  margin-bottom: 90px; }

.work-complecs-wrap {
  display: flex;
  padding-top: 60px;
  padding-bottom: 60px; }

.work-complecs-left {
  width: 50%; }
  .work-complecs-left h2 {
    font-size: 36px;
    line-height: 43px;
    font-family: "Rubik-Bold";
    color: #FFFFFF;
    text-transform: uppercase; }

.work-complecs-right {
  position: relative;
  width: 50%; }
  .work-complecs-right img {
    position: absolute;
    top: -102px;
    right: 0; }

p.wrk-text {
  font-size: 16px;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  color: #000000;
  padding-top: 9px; }
  p.wrk-text span {
    font-family: "OpenSans-Bold"; }

span.wrk-span {
  padding-top: 9px;
  display: block;
  font-size: 14px;
  line-height: 19px;
  font-family: "OpenSans-Regular";
  color: #E8E8E8; }

.shoose-box {
  width: 188px;
  position: relative;
  margin-bottom: 18px; }
  .shoose-box img {
    display: block; }
  .shoose-box span {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 30px;
    background: #393939;
    font-size: 14px;
    line-height: 19px;
    color: #FFFFFF;
    padding-left: 10px;
    width: 100%;
    display: flex;
    font-family: "OpenSans-Regular";
    align-items: center; }

.shoose-bg {
  padding-bottom: 50px; }

.shoose-section {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.shoose-wrap {
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 40px;
  padding-bottom: 15px;
  border: 8px solid #936457; }
  .shoose-wrap h2 {
    font-size: 26px;
    line-height: 35px;
    font-family: "OpenSans-Bold";
    position: relative;
    color: #000000;
    padding-left: 47px; }
    .shoose-wrap h2:after {
      content: "";
      position: absolute;
      left: 0;
      top: 15px;
      width: 40px;
      height: 2px;
      background: #936457; }

.shoose-fg-wrap {
  padding-left: 35px;
  padding-right: 35px;
  padding-top: 40px;
  padding-bottom: 15px;
  border: 8px solid #91C554; }
  .shoose-fg-wrap h2 {
    font-size: 26px;
    line-height: 35px;
    font-family: "OpenSans-Bold";
    position: relative;
    color: #000000;
    padding-left: 47px; }
    .shoose-fg-wrap h2:after {
      content: "";
      position: absolute;
      left: 0;
      top: 15px;
      width: 40px;
      height: 2px;
      background: #91C554; }

.choose-tx {
  font-size: 16px;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  margin-top: 40px;
  margin-bottom: 30px;
  color: #393939; }

.managers {
  padding-bottom: 90px; }

.managers .managers-wrap {
  top: 0; }

.contact-wp {
  width: 100%;
  height: 280px;
  background-image: url(../img/wp-bg.jpg);
  background-position: center;
  background-repeat: no-repeat; }

.section-gk {
  width: 100%;
  height: 280px;
  background-image: url(../img/gp-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 30px; }

.section-sk {
  width: 100%;
  height: 280px;
  background-image: url(../img/sk-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 30px; }

.section-ms {
  width: 100%;
  height: 280px;
  background-image: url(../img/ms-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 30px; }

.popular-ms-wrap .types-box {
  padding-right: 87px; }
  .popular-ms-wrap .types-box:last-child {
    padding-right: 0; }

.popular-ms-wrap {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.found-back .quick-calc {
  margin-top: 0px; }

.sk-wrap-left {
  background: #91C554;
  width: 440px;
  height: 248px;
  padding-top: 24px;
  padding-left: 37px;
  padding-bottom: 30px;
  position: relative;
  top: 98px; }
  .sk-wrap-left h1 {
    font-size: 36px;
    line-height: 43px;
    font-family: "Rubik-Regular";
    color: #FFFFFF;
    padding-bottom: 20px;
    text-transform: uppercase; }
  .sk-wrap-left span {
    font-size: 22px;
    text-transform: uppercase;
    line-height: 29px;
    font-family: "Rubik-Regular";
    color: #FFFFFF; }

.popular-bg {
  padding-top: 110px;
  padding-bottom: 90px; }

.popular-wrap {
  margin-top: 60px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  .popular-wrap span {
    padding-left: 0; }

.popular-text-box {
  width: 1070px;
  margin: 0 auto;
  margin-top: 10px;
  background: #91C554;
  padding-bottom: 30px; }
  .popular-text-box h2 {
    font-size: 26px;
    line-height: 35px;
    text-align: center;
    padding-top: 24px;
    text-transform: uppercase;
    font-family: "OpenSans-Bold";
    color: #FFFFFF;
    padding-left: 35px;
    padding-right: 35px; }
  .popular-text-box p {
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    padding-top: 5px;
    text-align: center;
    color: #393939; }

.form-wrap {
  display: flex;
  justify-content: space-between; }

.form-section {
  background: #F3F3F3;
  padding-bottom: 80px;
  padding-top: 108px; }

.form-section .water-left-txt {
  padding-top: 65px; }

.form-text {
  width: 50%; }

.form-input {
  width: 50%; }

.form {
  width: 520px;
  border: 8px solid #91C554;
  background: #fff;
  margin: 0 auto;
  padding-top: 60px;
  padding-left: 70px;
  padding-right: 70px; }
  .form h2 {
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    font-family: "OpenSans-Regular";
    color: #000000; }

.form-main {
  display: flex;
  padding-bottom: 55px;
  padding-top: 50px;
  flex-direction: column; }
  .form-main input {
    height: 30px;
    border: none;
    font-size: 16px;
    line-height: 22px;
    color: #D0D0D0;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    font-family: "OpenSans-Regular";
    border-bottom: 1px solid  #BCBCBC;
    outline: none;
    padding-left: 35px; }
    .form-main input::placeholder {
      font-size: 16px;
      line-height: 22px;
      font-family: "OpenSans-Regular";
      color: #D0D0D0; }
  .form-main label {
    font-size: 16px;
    line-height: 22px;
    margin-top: 35px;
    text-align: center;
    width: 140px;
    margin: 0 auto;
    cursor: pointer;
    text-decoration-line: underline;
    font-family: "OpenSans-Regular";
    color: #BCBCBC;
    position: relative; }
    .form-main label:after {
      content: '';
      position: absolute;
      left: -13px;
      top: 6px;
      background-image: url(../img/chose.svg);
      width: 10px;
      height: 10px; }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.form-btn {
  text-align: center;
  padding-top: 70px; }
  .form-btn button {
    width: 270px;
    height: 65px;
    background: #91C554;
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    text-align: center;
    text-transform: uppercase;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    transition: 0.3s; }
    .form-btn button:hover {
      background: #658B37; }
    .form-btn button:active {
      color: #658B37;
      background: #91C554; }

.name {
  position: relative;
  margin-bottom: 40px; }

.name::after {
  content: '';
  position: absolute;
  left: 10px;
  top: 10px;
  background-image: url(../img/user.svg);
  width: 12px;
  height: 12px; }

.form-phone {
  position: relative; }
  .form-phone:after {
    content: '';
    position: absolute;
    left: 10px;
    top: 10px;
    background-image: url(../img/phone.svg);
    width: 12px;
    height: 12px; }

.contact-in {
  width: 100%;
  height: 280px;
  background-image: url(../img/instalation.jpg);
  background-position: center;
  background-repeat: no-repeat; }

.contact-port {
  width: 100%;
  height: 280px;
  background-image: url(../img/portfolio.jpg);
  background-position: center;
  background-repeat: no-repeat; }

.instal-section {
  background: #91C554;
  padding-top: 30px; }

.instal-wrap {
  display: flex; }

.instal-left {
  width: 35%; }
  .instal-left img {
    position: absolute;
    top: 78px;
    left: -100px; }

.instal-right {
  width: 65%;
  padding-top: 70px;
  padding-bottom: 90px; }

.instal-right-box {
  width: 850px;
  border: 8px solid #FFFFFF;
  position: relative; }
  .instal-right-box img {
    position: absolute;
    right: 60px;
    bottom: 0; }

.instal-right-box {
  padding-top: 35px;
  padding-left: 40px;
  padding-bottom: 35px;
  margin-bottom: 20px; }
  .instal-right-box h2 {
    font-size: 26px;
    line-height: 35px;
    font-family: "OpenSans-Bold";
    color: #FFFFFF;
    text-transform: uppercase; }
  .instal-right-box p {
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    color: #393939; }
  .instal-right-box:last-child {
    margin-bottom: 0; }

.portfolio-bg {
  padding-top: 90px;
  padding-bottom: 90px; }

.portfolio-btn {
  margin-top: 85px;
  display: flex; }
  .portfolio-btn button {
    background: #fff;
    transition: 0.3s;
    cursor: pointer;
    padding: 9px 16px;
    font-size: 16px;
    line-height: 22px;
    border: none;
    font-family: "OpenSans-Regular";
    color: #000000;
    border: 1px solid #91C554;
    margin-right: 20px; }
    .portfolio-btn button:last-child {
      margin-right: 0; }
    .portfolio-btn button:hover {
      background: #91C554;
      color: #fff; }

button.threed {
  padding-right: 30px;
  padding-left: 30px; }

.portfolio-img-prof {
  margin-top: 25px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.portfolio-img-rab {
  display: none;
  margin-top: 25px;
  justify-content: space-between;
  flex-wrap: wrap; }

.portfolio-img-tree {
  display: none;
  margin-top: 25px;
  justify-content: space-between;
  flex-wrap: wrap; }

.portfolio-img-krp {
  display: none;
  margin-top: 25px;
  justify-content: space-between;
  flex-wrap: wrap; }

.portfolio-img-evro {
  display: none;
  margin-top: 25px;
  justify-content: space-between;
  flex-wrap: wrap; }

.portfolio-img-tb {
  display: none;
  margin-top: 25px;
  justify-content: space-between;
  flex-wrap: wrap; }

.portfolio-img-trd {
  display: none;
  margin-top: 25px;
  justify-content: space-between;
  flex-wrap: wrap; }

.more-prof {
  width: 100%;
  display: none;
  margin-top: 25px;
  justify-content: space-between;
  flex-wrap: wrap; }

.img-prof-box {
  width: 300px;
  border: 1px solid #91C554;
  flex-direction: column;
  display: flex;
  margin-bottom: 30px; }
  .img-prof-box img {
    height: 240px; }
  .img-prof-box a {
    background: #91C554;
    height: 50px;
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Bold";
    color: #FFFFFF;
    display: flex;
    text-decoration: none;
    align-items: center;
    padding-left: 14px;
    position: relative; }
    .img-prof-box a:after {
      content: "";
      position: absolute;
      right: 15px;
      top: 22px;
      width: 14px;
      height: 7px;
      background-image: url(../img/left-white.svg);
      background-repeat: no-repeat;
      background-size: contain; }

button.active-btn, .filter.active {
  background: #91C554;
  color: #fff; }

.hidden {
  display: none; }

.viss {
  display: flex; }

.all-fotos {
  width: 100%;
  margin-top: 30px;
  text-align: center; }

.all-btn-prof {
  cursor: pointer;
  transition: 0.3s;
  border: none;
  border: 1px solid #91C554;
  width: 270px;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 auto;
  margin-top: 45px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none;
  outline: none;
  font-size: 16px;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  text-align: center;
  text-transform: uppercase;
  color: #91C554; }
  .all-btn-prof:hover {
    color: #fff;
    background: #91C554; }
  .all-btn-prof:active {
    background: #7AA745; }

.foto-inner {
  padding-top: 90px;
  padding-bottom: 90px; }

.gate-wrap-grey {
  background: #F3F3F3; }

.foto-inner-wrap {
  display: flex;
  padding-top: 90px; }

.foto-inner-box {
  width: 68%; }

.foto-inner-box-right {
  width: 32%; }

.image-profile {
  width: 100%;
  background: #91C554;
  padding-top: 30px;
  padding-left: 43px;
  padding-right: 43px;
  padding-bottom: 35px; }
  .image-profile h2 {
    font-size: 26px;
    line-height: 35px;
    font-family: "OpenSans-Bold";
    color: #FFFFFF;
    padding-bottom: 15px; }

.image-prof-text {
  border-top: 1px solid #fff;
  padding-top: 20px; }
  .image-prof-text p {
    font-size: 20px;
    line-height: 27px;
    padding-left: 32px;
    font-family: "OpenSans-Regular";
    color: #FFFFFF;
    padding-bottom: 15px; }

p.num {
  position: relative; }
  p.num:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 17px;
    height: 17px;
    background-image: url(../img/num.svg); }

p.list {
  position: relative; }
  p.list:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 22px;
    height: 18.3px;
    background-image: url(../img/list.svg); }

p.squad {
  position: relative; }
  p.squad:after {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    width: 18px;
    height: 18px;
    background-image: url(../img/squad.svg); }

.image-prof-btn {
  text-align: center;
  margin-top: 33px; }
  .image-prof-btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: 0.3s;
    border: none;
    cursor: pointer;
    width: 270px;
    height: 65px;
    background: #FFFFFF;
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    text-align: center;
    text-transform: uppercase;
    color: #91C554; }

.all-iner-foto {
  display: flex;
  margin-top: 20px;
  justify-content: flex-start; }

.all-iner-foto a {
  width: 190px;
	height: 154px;
	margin-right: 20px; }

.contact-field {
  width: 100%;
  height: 280px;
  background-image: url(../img/field-bg.jpg);
  background-position: center;
  background-repeat: no-repeat; }

.field-bg {
  padding-top: 90px;
  padding-bottom: 90px; }

.field-wrap h2 {
  font-size: 26px;
  line-height: 35px;
  text-align: justify;
  position: relative;
  font-family: "OpenSans-Bold";
  color: #000000;
  padding-left: 58px; }
  .field-wrap h2:after {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    width: 40px;
    height: 1px;
    background: #91C554; }

.field-text {
  padding-top: 55px;
  padding-left: 150px; }
  .field-text p {
    font-size: 22px;
    line-height: 280%;
    font-family: "OpenSans-Regular";
    color: #373737;
    position: relative;
    padding-bottom: 30px; }
    .field-text p:last-child {
      padding-bottom: 0; }
    .field-text p:after {
      content: "";
      position: absolute;
      left: -40px;
      top: 20px;
      width: 20px;
      height: 20px;
      background-image: url(../img/check.jpg); }

.field-btn {
  display: flex;
  align-items: center;
  padding-top: 60px;
  padding-left: 110px; }
  .field-btn button {
    display: flex;
    border: none;
    transition: 0.3s;
    cursor: pointer;
    width: 270px;
    height: 65px;
    background: #91C554;
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    text-align: center;
    text-transform: uppercase;
    margin-right: 42px;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    color: #FFFFFF; }
    .field-btn button:hover {
      background: #658B37; }
    .field-btn button:active {
      color: #658B37;
      background: #91C554; }
  .field-btn span {
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    text-transform: uppercase;
    color: #686868; }

.personal-wrap {
  position: relative; }
  .personal-wrap p {
    font-size: 26px;
    line-height: 35px;
    padding-left: 225px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: "OpenSans-Bold"; }
    .personal-wrap p span {
      color: #393939; }
  .personal-wrap img {
    position: absolute;
    left: -67px;
    top: -102px; }

.personal-bg {
  height: 160px;
  display: flex;
  margin-bottom: 60px;
  align-items: center;
  background: #936457; }

.section-water {
  width: 100%;
  height: 280px;
  background-image: url(../img/water-bg.jpg);
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 30px; }

.price-drill-bg {
  padding-top: 110px;
  padding-bottom: 90px; }

.price-drill-wrap {
  padding-top: 100px;
  display: flex;
  justify-content: space-between; }

.price-drill-box {
  width: 410px;
  background: #F9F9F9;
  padding-bottom: 48px; }
  .price-drill-box h2 {
    font-size: 18px;
    line-height: 25px;
    text-transform: uppercase;
    font-family: "OpenSans-Bold";
    padding-top: 54px;
    width: 100%;
    text-align: center;
    color: #393939; }

.price-div {
  background: #936457;
  height: 117px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center; }
  .price-div p {
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    font-family: "OpenSans-Bold";
    color: #FFFFFF;
    display: flex;
    flex-direction: column; }
    .price-div p span {
      font-size: 59px;
      line-height: 60px;
      text-align: center;
      font-family: "OpenSans-Bold";
      color: #FFFFFF; }

.price-descr {
  padding-top: 30px;
  padding-left: 95px; }
  .price-descr p {
    position: relative;
    font-size: 16px;
    line-height: 38px;
    font-family: "OpenSans-Regular";
    color: #595959; }
    .price-descr p:after {
      content: "";
      position: absolute;
      left: -26px;
      top: 13px;
      width: 12px;
      height: 12px;
      background-image: url(../img/plus.svg); }

.price-drill-btn {
  margin-top: 50px;
  text-align: center; }
  .price-drill-btn button {
    background: #91C554;
    width: 270px;
    height: 65px;
    cursor: pointer;
    border: none;
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: 0.3s; }
    .price-drill-btn button:hover {
      background: #658B37; }
    .price-drill-btn button:active {
      color: #658B37;
      background: #91C554; }

.drill-table-bg {
  background: #F3F3F3;
  padding-bottom: 90px;
  padding-top: 90px; }

.drill-btn {
  display: flex; }

.drill-btn button {
  background: #F3F3F3;
  transition: 0.3s;
  cursor: pointer;
  padding: 9px 16px;
  font-size: 16px;
  line-height: 22px;
  border: none;
  font-family: "OpenSans-Regular";
  color: #000000;
  border: 1px solid #91C554;
  margin-right: 20px; }

.drill-btn button:hover {
  background: #91C554;
  color: #fff; }

.drill-section {
  padding: 36px;
  background: #FFFFFF;
  margin-top: 28px;
  display: flex; }

.drill-right {
  padding-left: 30px;
  width: 50%; }
  .drill-right h2 {
    font-size: 26px;
    line-height: 35px;
    text-align: justify;
    font-family: "OpenSans-Bold";
    padding-bottom: 20px;
    color: #393939; }
  .drill-right span {
    width: 520px;
    display: block;
    font-size: 18px;
    line-height: 25px;
    font-family: "OpenSans-Regular";
    color: #686868; }

.drill-table-btn {
  margin-top: 30px; }

.drill-table-btn button {
  background: #fff;
  transition: 0.3s;
  cursor: pointer;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #91C554;
  border: none;
  width: 270px;
  height: 65px;
  border: 1px solid #91C554;
  margin-right: 20px; }

.drill-table-btn button:hover {
  background: #91C554;
  color: #fff; }

.drill-tbl-bg {
  margin-top: 30px; }

.divTable {
  width: 100%; }

.divTableRow {
  display: flex;
  width: 517px;
  border-bottom: 1px solid #BCBCBC; }

.divTableCell {
  width: 197px;
  padding: 10px 10px;
  border-left: 1px solid #BCBCBC; }

.divTableHead {
  width: 320px;
  padding: 10px 10px;
  border-left: 1px solid #BCBCBC; }

.divTableFoot {
  background-color: #EEE; }

.divTableBody {
  width: 517px;
  border: 1px solid #BCBCBC; }

.bg-cel {
  background: #F3F3F3;
  font-size: 14px;
  line-height: 19px;
  font-family: "OpenSans-Regular";
  color: #393939;
  display: flex;
  align-items: center; }

.left {
  border-left: none; }

.bt-line {
  border-bottom: none; }

.font-cell {
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  font-family: "OpenSans-Regular";
  color: #000000;
  padding-right: 20px;
  padding-left: 25px; }
  .font-cell span {
    font-size: 8px;
    line-height: 8px;
    text-align: center;
    width: auto;
    font-family: "OpenSans-Regular";
    color: #000000; }

.plus-servis {
  padding-bottom: 90px;
    background: #F3F3F3;
  padding-top: 90px; }

.plus-services-wrap {
  display: flex;
  margin-top: 85px;
  justify-content: space-between; }

.plus-services-left {
  width: 50%;
  padding-left: 66px; }
  .plus-services-left p {
    position: relative;
    font-size: 22px;
    padding-left: 65px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    color: #373737;
    padding-bottom: 20px; }
    .plus-services-left p:after {
      content: "";
      position: absolute;
      left: 23px;
      top: 2px;
      width: 20px;
      height: 20px;
      background-image: url(../img/check.jpg); }
    .plus-services-left p:last-child {
      padding-bottom: 0; }

.tehno-drill {
  background: #F3F3F3;
  padding-top: 165px;
  padding-bottom: 90px; }

.tehno-drill-wrap {
  display: flex;
  justify-content: space-between; }

.tehno-left {
  width: 50%;
  padding-left: 30px; }
  .tehno-left span {
    font-size: 16px;
    z-index: 1;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    position: relative;
    margin-bottom: 4px;
    display: block;
    color: #000000; }
    .tehno-left span:after {
      content: "";
      position: absolute;
      left: -30px;
      top: -16px;
      z-index: -1;
      width: 61px;
      height: 61px;
      background: #91C554; }
  .tehno-left div {
    margin-bottom: 30px; }

.tehno-right {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center; }
  .tehno-right h2 {
    position: relative;
    font-size: 36px;
    line-height: 43px;
    text-transform: uppercase;
    color: #393939;
    font-family: "Rubik-Regular";
    z-index: 1; }
    .tehno-right h2:after {
      content: "";
      position: absolute;
      left: -42px;
      top: -29px;
      z-index: -1;
      width: 134px;
      height: 134px;
      background: #91C554; }

.question-bg {
  padding-top: 90px;
  padding-bottom: 90px; }

.question-contener {
  margin-top: 105px;
  display: flex;
  background-image: url(../img/bg.jpg);
  height: 268px; }

.pumg-ft {
  padding-left: 200px;
  position: relative; }
  .pumg-ft img {
    position: relative;
    top: -53px;
    z-index: 1; }

.bg-qwuad {
  width: 315px;
  height: 190px;
  position: absolute;
  top: 42px;
  border-top: 8px solid #FFCD93;
  border-left: 8px solid #FFCD93;
  border-bottom: 8px solid #FFCD93; }
  .bg-qwuad:after {
    content: "";
    position: absolute;
    right: 0;
    border-right: 8px solid #FFCD93;
    height: 20px; }
  .bg-qwuad:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    border-right: 8px solid #FFCD93;
    height: 20px; }

.pump-text {
  display: flex;
  align-items: center; }
  .pump-text p {
    font-size: 36px;
    line-height: 43px;
    text-transform: uppercase;
    font-family: "Rubik-Bold";
    color: #FFFFFF; }
    .pump-text p span {
      color: #FFCD93; }

.grenn-calc {
  height: 356px;
  background: #91C554; }

.grenn-calc .quick-calc-left span {
  color: #fff; }

.grenn-calc .quick-calc-left span:after {
  background: #fff; }

button.grenn-calc-btn {
  width: 270px;
  height: 65px;
  transition: 0.3s;
  border: none;
  font-size: 16px;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  text-align: center;
  text-transform: uppercase;
  background: #3D5323;
  box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.25);
  cursor: pointer;
  color: #fff;
  margin-top: 40px; }

.option-bg {
  padding-top: 90px;
  padding-bottom: 90px;
  background: #F3F3F3; }

.oprion-wrap {
  padding-top: 65px;
  display: flex; }

.option-right {
  width: 50%;
  position: relative;
  height: 450px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-left: 16px;
  padding-right: 16px;
  padding-bottom: 16px;
  display: flex;
  align-items: flex-end; }
  .option-right div {
    background: #936457;
    height: 42px;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    font-family: "OpenSans-Regular";
    color: #FFFFFF;
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center; }
    .option-right div span {
      font-size: 20px;
      margin: 0 5px; }
  .option-right img {
    display: block;
    width: 100%; }

.option-left {
  width: 50%;
  padding-top: 20px;
  padding-right: 30px; }

.option-line {
  display: flex;
  padding-top: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #BCBCBC; }

.left-lp {
  font-size: 16px;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  color: #000000;
  width: 210px; }

.right-lp {
  font-size: 16px;
  line-height: 22px;
  width: 64%;
  color: #686868;
  font-family: "OpenSans-Regular"; }

.important {
  margin-top: 80px;
  display: flex;
  align-items: center;
  height: 100px;
  background: #936457; }
  .important span {
    font-size: 34px;
    line-height: 34px;
    font-family: "OpenSans-Bold";
    text-transform: uppercase;
    padding-left: 30px;
    color: #FFCD93; }
  .important p {
    font-size: 26px;
    line-height: 30px;
    font-family: "OpenSans-Bold";
    color: #393939;
    background: #fff;
    padding: 25px;
    margin-left: 27px; }

.importan-next {
  background: #936457;
  height: 260px;
  display: flex;
  align-items: center; }

.importan-next-wrap {
  font-size: 36px;
  line-height: 43px;
  display: flex;
  text-align: center;
  font-family: "Rubik-Bold";
  text-transform: uppercase;
  color: #FFFFFF;
  justify-content: center;
  border: 4px solid #FFFFFF;
  padding-top: 58px;
  padding-bottom: 58px; }

.key-section-bg {
  padding-top: 120px;
  padding-bottom: 90px; }

.question-wrap {
  margin-top: 70px; }

.ac > .ac-q {
  padding: 18px 120px 18px 105px !important;
  margin: 0;
  text-decoration: none;
  display: block;
  cursor: pointer;
  position: relative;
  border: 1px solid #BCBCBC;
  font-size: 24px;
  line-height: 33px;
  font-family: "OpenSans-Regular";
  color: #000000; }

.ac-a {
  border-left: 1px solid #BCBCBC;
  border-right: 1px solid #BCBCBC;
  border-bottom: 1px solid #BCBCBC; }
  .ac-a p {
    padding-bottom: 20px;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 18px;
    line-height: 25px;
    width: 900px;
    font-family: "OpenSans-Regular";
    color: #797979;
    display: flex; }

.div-wrap {
  display: flex; }

.is-active .ac-q {
  border-bottom: none; }

.ac-q:after {
  content: "";
  position: absolute;
  left: 0;
  width: 80px !important;
  height: 71px;
  background: #91C554; }

.ac-q:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 25px;
  top: 20px;
  background-image: url(../img/pluss.svg);
  width: 30px !important;
  height: 30px; }

.is-active .ac-q:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 25px;
  top: 34px;
  background-image: url(../img/minus.svg);
  width: 30px !important;
  height: 3px; }

.bl {
  width: 80px !important;
  background: #91C554;
  position: relative; }

.bl span {
  width: 30px;
  height: 3px;
  background: #FFFFFF;
  display: block;
  top: 0;
  left: 0;
  position: absolute; }

button.active-btn {
  background: #91C554;
  color: #fff; }

.fp-js, .lt-js {
  display: none; }

.viss {
  display: flex; }

.hidden {
  display: none; }

.key-section-wrap {
  width: 1070px;
  border: 8px solid #91C554;
  margin: auto;
  margin-top: 130px;
  position: relative;
  display: flex;
  padding-top: 35px;
  padding-left: 35px;
  padding-bottom: 35px; }
  .key-section-wrap:after {
    content: "";
    width: 40px;
    height: 40px;
    background: #91C554;
    -webkit-box-shadow: 0px 0px 0px 10px white;
    -moz-box-shadow: 0px 0px 0px 10px white;
    box-shadow: 0px 0px 0px 10px white;
    position: absolute;
    left: -22px;
    top: -31px; }

.key-left {
  width: 100%;
  display: flex;
  flex-direction: column; }
  .key-left p {
    width: 330px;
    font-size: 18px;
    line-height: 25px;
    font-family: "OpenSans-Bold";
    color: #000000;
    padding-bottom: 30px;
    position: relative; }
    .key-left p:after {
      content: "";
      width: 20px;
      height: 20px;
      position: absolute;
      right: 15px;
      top: 3px;
      z-index: 1;
      background-image: url(../img/check.jpg);
      -webkit-box-shadow: 0px 0px 0px 3px white;
      -moz-box-shadow: 0px 0px 0px 3px white;
      box-shadow: 0px 0px 0px 3px white; }
    .key-left p:last-child {
      padding-bottom: 0; }

.key-right {
  font-size: 18px;
  padding-bottom: 30px;
  line-height: 25px;
  font-family: "OpenSans-Regular";
  color: #393939;
  position: relative; }
  .key-right:after {
    content: "";
    width: 2px;
    height: 100%;
    background: #91C554;
    position: absolute;
    left: -26px;
    top: -9px; }

.line-key {
  display: flex; }

.palette-color-bg {
  padding-bottom: 90px;
  padding-top: 90px; }

.palette-color-wrap {
  margin-top: 100px;
  padding-top: 45px;
  padding-right: 25px;
  padding-bottom: 40px;
  padding-left: 25px;
  display: flex;
  border: 8px solid #BCBCBC; }

.catalog {
  width: 50%; }
  .catalog span {
    font-size: 26px;
    line-height: 35px;
    font-family: "OpenSans-Bold";
    color: #000000;
    position: relative;
    padding-left: 47px; }
    .catalog span:after {
      content: "";
      position: absolute;
      left: 0;
      top: 17px;
      width: 40px;
      height: 2px;
      background: #91C554; }

.all-color {
  width: 50%; }
  .all-color span {
    font-size: 26px;
    line-height: 35px;
    font-family: "OpenSans-Bold";
    color: #000000;
    position: relative;
    padding-left: 47px; }
    .all-color span:after {
      content: "";
      position: absolute;
      left: 0;
      top: 17px;
      width: 40px;
      height: 2px;
      background: #91C554; }

.catalog-color {
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
  justify-content: flex-start; }

.catalog-box {
  width: 188px;
  margin-bottom: 16px;
  margin-right: 16px; }
  .catalog-box img {
    display: block; }

.name-col {
  font-size: 14px;
  line-height: 19px;
  font-family: "OpenSans-Regular";
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  color: #FFFFFF;
  text-transform: uppercase;
  background: #393939; }

.color-i {
  height: 53px;
  background: #BEBD7F; }

.color-b {
  height: 53px;
  background: #C2B078; }

.color-c {
  height: 53px;
  background: #C6A664; }

.color-d {
  height: 53px;
  background: #E5BE01; }

.color-f {
  height: 53px;
  background: #CDA434; }

.color-g {
  height: 53px;
  background: #A98307; }

.color-h {
  height: 53px;
  background: #E4A010; }

.color-j {
  height: 53px;
  background: #DC9D00; }

.color-k {
  height: 53px;
  background: #8A6642; }

.color-l {
  height: 53px;
  background: #C7B446; }

.color-o {
  height: 53px;
  background: #EAE6CA; }

.color-p {
  height: 53px;
  background: #E1CC4F; }

.timing-wrap {
  padding-top: 85px; }
  .timing-wrap h2 {
    font-size: 26px;
    line-height: 35px;
    font-family: "OpenSans-Bold";
    color: #000000;
    position: relative;
    padding-left: 47px; }
    .timing-wrap h2:after {
      content: "";
      position: absolute;
      left: 0;
      top: 16px;
      width: 40px;
      height: 2px;
      background: #91C554; }
  .timing-wrap p {
    padding-top: 18px;
    font-size: 18px;
    line-height: 25px;
    font-family: "OpenSans-Regular";
    color: #000000; }

.check-time {
  padding-top: 20px; }
  .check-time p {
    position: relative;
    padding-left: 40px; }
    .check-time p:after {
      content: "";
      position: absolute;
      left: 0;
      top: 22px;
      background-image: url(../img/check.jpg);
      width: 20px;
      height: 20px; }

.installation-options {
  padding-bottom: 90px;
  padding-top: 90px;
  background: #F3F3F3; }

.installation-options-wrap {
  padding-top: 115px;
  display: flex;
  justify-content: space-between; }

.installation-options-box {
  width: 410px;
  background: #fff; }
  .installation-options-box img {
    display: block; }

.inst-option-text {
  padding-top: 22px;
  padding-left: 20px;
  padding-bottom: 20px;
  position: relative; }
  .inst-option-text h2 {
    font-size: 18px;
    line-height: 25px;
    font-family: "OpenSans-Bold";
    color: #393939; }
  .inst-option-text p {
    font-size: 16px;
    padding-top: 15px;
    line-height: 22px;
    height: 90px;
    font-family: "OpenSans-Regular";
    color: #686868; }
  .inst-option-text a {
    margin-top: 32px;
    background: #fff;
    border: none;
    display: flex;
    transition: 0.3s;
    cursor: pointer;
    border: 1px solid #91C554;
    width: 140px;
    height: 42px;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 14px;
    line-height: 19px;
    font-family: "OpenSans-Regular";
    color: #91C554; }
    .inst-option-text a:hover {
      background: #91C554;
      color: #fff; }
    .inst-option-text a:active {
      background: #7AA745; }

.types-fence-bg {
  padding-top: 90px;
  padding-bottom: 90px; }

.types-fence-wrap {
  padding-top: 115px;
  display: flex;
  justify-content: space-between; }

.types-fence-box {
  width: 440px; }

.fence-left {
  width: 202px;
  font-size: 16px;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  color: #686868;
  padding-right: 3px; }

.fence-right {
  font-size: 16px;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  color: #686868; }

.fence-txt {
  width: 368px;
  margin: 0 auto; }

.img-fence {
  margin-bottom: 15px;
  position: relative; }

.fence-line {
  display: flex; }

.fence-bt-text {
  margin-top: 25px; }
  .fence-bt-text p {
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    color: #686868; }

.type-num {
  position: absolute;
  left: 50px;
  top: 0;
  font-size: 22px;
  line-height: 30px;
  font-family: "OpenSans-Bold";
  width: 50px;
  height: 50px;
  background: #91C554;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: #FFFFFF; }

.fence-all-txt {
  margin-top: 110px;
  border: 8px solid #91C554;
  padding-top: 45px;
  padding-bottom: 20px;
  padding-left: 35px;
  padding-right: 35px; }
  .fence-all-txt h2 {
    font-size: 26px;
    line-height: 35px;
    font-family: "OpenSans-Bold";
    color: #000000;
    padding-left: 47px;
    position: relative;
    padding-bottom: 18px; }
    .fence-all-txt h2:after {
      content: "";
      position: absolute;
      left: 0;
      top: 15px;
      width: 40px;
      height: 2px;
      background: #91C554; }
  .fence-all-txt p {
    font-size: 18px;
    line-height: 25px;
    font-family: "OpenSans-Regular";
    color: #000000;
    padding-bottom: 25px; }

.all-btn-mobile {
  font-size: 16px;
  line-height: 22px;
  font-family: "OpenSans-Regular";
  text-align: center;
  border: 1px solid #C4C4C4;
  height: 38px;
  color: #C4C4C4;
  width: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto; }

.mobile-adtition-slider, .types-mobile-slider {
  display: none !important; }

.footer-ikpp {
  display: flex;
  padding-top: 13px;
  flex-direction: column; }
  .footer-ikpp span {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 16px;
    font-family: "OpenSans-Regular";
    color: #686868; }

.dvp {
  display: flex; }

.navbar-head {
  display: none; }

.footer-soc {
  padding-right: 200px; }

.topmenu-mob {
  display: none; }

.header-right-mob {
  display: none; }

.top-menu-mob {
  display: none; }

.error {
  width: 100%;
  height: 463px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .error h2 {
    font-size: 56px;
    text-transform: uppercase;
    line-height: 62px;
    font-family: "Rubik-Bold";
    color: #686868;
    text-align: center; }

@media only screen and (max-width: 1780px) {
  img.img-hover-next {
    right: 10%; }

  img.img-hover-prev {
    bottom: 0 !important;
    left: 80% !important; }

  img.img-hover-next:hover {
    right: 10%; }

  img.img-hover-prev:hover {
    bottom: 0 !important;
    left: 80% !important; } }
@media only screen and (max-width: 1480px) {
  .img-hand {
    right: -85px; }

  .water-wrap-right img {
    width: 100%; }

  .water-wrap-right:before {
    top: -52px;
    right: -31px; }

  img.img-hover-nt {
    right: -19px !important; }

  img.img-hover-pv {
    left: -19px !important; } }
@media only screen and (max-width: 1380px) {
  .img-hand {
    right: -60px; }

  .water-wrap-right:before {
    top: -15px;
    right: -11px;
    height: 386px; } }
@media only screen and (max-width: 1366px) {
  img.img-hover-n {
    right: 14.5%; }

  img.img-hover-n:hover {
    right: 14.5%; }

  img.img-hover-p {
    left: 14.5% !important; }

  img.img-hover-p:hover {
    left: 14.5% !important; } }
@media only screen and (max-width: 1280px) {
  .container {
    padding-left: 20px;
    padding-right: 20px;
    width: 100%; }

  .video-wrap {
    justify-content: center; }

  img.img-hover-nt {
    right: 0px !important; }

  img.img-hover-pv {
    left: 0px !important; }

  .img-hand img {
    width: 300px;
    height: 200px; }

  .img-hand {
    right: 0px; }

  .reliable-right img {
    width: 100%; }

  .managers-wrap {
    padding-left: 15px;
    padding-right: 15px; }

  .manager-content {
    padding-right: 55px;
    padding-top: 55px; }

  .additional-services-box {
    width: 605px; }

  .coast-line h2 {
    left: -10px; }

  .main-menu li {
    margin-right: 58px;
    position: relative; }

  .coast-line {
    width: 100%; }

  .reduce-price-wrap {
    background-size: cover;
    background-position: center;
    position: relative;
    top: 130px; }

  .slider-work-grey .title-name:before {
    position: absolute;
    content: "";
    left: 20px;
    z-index: 0;
    top: -24px;
    width: 88px;
    height: 80px;
    border: 6px solid #91C554; }

  .material-right img {
    width: 100%; } }
@media only screen and (max-width: 1200px) {

  .get-start-wrapers {
    width: 100%;
}
.srv-section {
    width: 100%;
    height: inherit;
    padding-bottom: 20px;
    padding-top: 20px;
}
.srv-section-wraper {
    flex-direction: column-reverse;
}
.srv-section-btn button {
    margin-left: 0;
}
.srv-section-txt {
    margin-right: 0;
    text-align: center;
    margin-bottom: 16px;

}


  .drill-right {
    padding-left: 30px;
    margin: 0 auto; }

  .price-drill-box {
    width: 360px;
    background: #F9F9F9;
    padding-bottom: 48px; }

  .drill-table-btn {
    margin-top: 30px;
    text-align: center; }

  .drill-left {
    text-align: center; }

  .drill-section {
    flex-direction: column; }

  .gate-content {
    flex-direction: column; }

  .gate-txt {
    margin-left: 44px;
    padding-top: 25px; }

  .water-wrap {
    flex-direction: column-reverse; }

  .water-wrap-right:before {
    display: none; }

  .water-wrap-right {
    width: 100%;
    position: relative; }

  .water-wrap-left {
    width: 60%;
    margin: 0 auto;
    position: relative; }

  .reliable-section-wrap {
    flex-direction: column; }

  .reliable-left {
    width: 100%; }

  .reliable-right {
    width: 100%; }

  .reduce-price {
    background: #ffffff;
    padding-top: 90px; }

  .reduce-price-wrap {
    top: 0px; }

  .recording {
    padding-top: 90px;
    padding-bottom: 30px; }

  .slider-defoult {
    padding-bottom: 90px; }

  .video-wrap {
    justify-content: center; }

  .howmuch-wrap {
    flex-direction: column; }

  .wrp {
    margin: 20px;
    position: relative;
    outline: none; }

  .gate-slider {
    width: 100%; }

  .gate-box img {
    width: 100%;
    display: block; }

  img.img-hover-pg {
    left: 89.4% !important;
    top: 94.4%; }

  img.img-hover-pg:hover {
    left: 89.4% !important;
    top: 94.4%; }

  img.img-hover-ng {
    top: 94.4%; }

  img.img-hover-ng:hover {
    top: 94.4%; }

  .quick-calc-right img {
    position: absolute;
    right: 0;
    width: 100%; }

  .installation-options-wrap, .types-fence-wrap {
    flex-wrap: wrap; }

  .key-section-wrap {
    width: 100%; } }
@media only screen and (max-width: 1024px) {
.get-start-wrapers h2 {
    left: -9px;

}
.additional-services-wrapper {
    justify-content: space-between;
}
.get-start-wrapers h2 {
    left: 0;
}
.get-start-btn {
    display: flex;
    padding-top: 25px;

    left: 0;
    padding-bottom: 0;
    justify-content: center;
}
.get-start-wrapers span {
    left: 0;
}
.footer-soc {
    padding-right: 133px;
}
.get-start-wrapers {
    border: none;
}
.get-start {
    padding-bottom: 0;
}
.get-start-img {
    position: relative;
    bottom: -4px;
    right: 0;
    text-align: center;
}
.get-start-wrapers {
    padding-bottom: 0;
}
.get-start-img img{
  width: 45%;
}
.work-profesional-left img{
  width: 82%;
}
.fast-green-wraper {
    flex-direction: column-reverse;
}
.top-green-title:before {
    left: 19px; 
}

.fast-green-right{
      text-align: center;
}
.fast-green-right img{
    width: 50%;
}

.fast-green-left {
    padding-left: 0;
    width: 40%;
    margin: 0 auto;
}
.fast-green-left-btn button {
    margin: 0 auto;
}
.fast-green-left strong {
    width: 100%;
    text-align: center;
    display: block;
}
.green-table-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 54%;
    margin: 0 auto;
}
.green-wrapper {
    display: flex;
    padding-top: 40px;
    justify-content: space-between;
    flex-direction: column-reverse;
}
.green-slider {
    margin: 0 auto;
}
.greenhouse-wrapper {
    justify-content: space-around;
}
.greenhouse-box {

    margin-right: 0;
}


  .plus-services-left {
    padding-left: 0;
  }
.plus-services-wrapr {
    flex-direction: column;
}

  .catalog-color {
    position: relative; }

  ul.submenu {
    width: 100%;
    display: none !important;
    left: 0;
    transform: none; }

  .open-js .submenu {
    position: static;
    width: auto;
    margin-top: 0;
    border: 0;
    top: 0;
    display: flex !important; }

  .price-drill-bg {
    padding-top: 0px;
    padding-bottom: 90px; }

  .price-drill-wrap {
    justify-content: space-around;
    flex-wrap: wrap; }

  .price-drill-box {
    margin-bottom: 40px; }

  .drill-right {
    padding-left: 0;
    margin: 0 auto;
    width: 100%; }

  .tehno-drill-wrap {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse; }

  .plus-services-wrap {
    flex-direction: column-reverse; }

  .plus-services-wrap {
    flex-direction: column-reverse; }

  .plus-services-right {
    text-align: center; }

  .plus-services-left {
    width: 100%;
    padding-top: 50px;
    padding-left: 140px; }

  .tehno-right h2 {
    text-align: center; }

  .tehno-right h2:after {
    left: 127px; }

  .tehno-right {
    width: 100%;
    margin-bottom: 70px;
    display: flex;
    align-items: center;
    justify-content: center; }

  .instal-wrap {
    display: flex;
    flex-direction: column-reverse; }

  .instal-left img {
    position: relative;
    top: 0;
    left: 0;
    width: 40%;
    margin: 0 auto;
    display: block; }

  .instal-right-box {
    width: 100%; }

  .instal-right {
    width: 100%;
    padding-top: 70px;
    padding-bottom: 90px; }

  .instal-left {
    width: 100%; }

  .work-complecs-right img {
    position: absolute;
    top: -45px;
    right: 0;
    width: 109%; }

  .shoose-section {
    padding-bottom: 50px;
    position: relative; }

  .all-btn-mobile {
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%); }

  .catalog-color {
    padding-bottom: 70px; }

  .catalog-color {
    justify-content: center; }

  .installation-options-box {
    width: 410px;
    background: #fff;
    margin-bottom: 40px; }
    .installation-options-box:last-child {
      margin-bottom: 0; }

  .types-fence-box {
    width: 440px;
    margin-bottom: 40px; }
    .types-fence-box:last-child {
      margin-bottom: 0; }

  .importan-next-wrap {
    padding-top: 45px;
    padding-bottom: 45px; }

  .important {
    height: inherit; }

  .reliable-right {
    display: none; }

  img.img-hover-next {
    right: 20px; }

  img.img-hover-prev {
    bottom: 0 !important;
    left: 86% !important; }

  .section-ls {
    width: 100%;
    height: 280px;
    background-image: url(../img/proflist-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px; }

  img.img-hover-next:hover {
    right: 20px; }

  img.img-hover-prev:hover {
    bottom: 0 !important;
    left: 86% !important; }

  .recording-wrap {
    flex-direction: column; }

  .recording-wrap-left {
    text-align: center; }

  .recording-wrap-right {
    width: 68%;
    position: relative;
    padding-left: 60px;
    margin: 0 auto; }

  .quick-calc {
    height: 356px;
    background: #936457;
    margin-top: 64px; }

  .main-menu li:before {
    position: absolute;
    content: "";
    right: -17px;
    background: #FFFFFF;
    width: 1px;
    height: 30px; }

  .main-menu li {
    margin-right: 28px;
    position: relative; }

  .slider-content .slick-dots {
    left: -70px; }

  .main-section {
    position: relative;
    top: 0px; }

  .slider-work-wrap .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px !important;
    height: 1px;
    margin: 0 15px;
    padding: 0;
    cursor: pointer; }

  .slider-work-wrap .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    background: #91C554;
    height: 4px !important; }

  .slider-work-wrap .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: #666666;
    width: 80px !important;
    height: 2px !important;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

  .additional-services-wrap, .types-fences-box {
    display: none; }

  .mobile-adtition-slider {
    display: block !important;
    padding-top: 90px;
    width: 100%;
    margin: 0 auto; }

  .additional-services-box {
    margin: 20px;
    width: 800px !important;
    position: relative; }
    .additional-services-box img {
      width: 100%; }

  .slider-nm {
    margin: 20px;
    display: block;
    padding-top: 90px;
    width: 100%;
    margin: 0 auto; }
    .slider-nm img {
      width: 100%;
      margin: 20px; }

  .mobile-adtition-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 80px !important;
    height: 1px;
    margin: 0 15px;
    padding: 0;
    cursor: pointer; }

  .mobile-adtition-slider .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    background: #91C554;
    height: 4px !important; }

  .mobile-adtition-slider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: #666666;
    width: 80px !important;
    height: 2px !important;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

  .mobile-adtition-slider .slick-dots {
    position: absolute;
    bottom: -14px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }

  .types-mobile-slider {
    display: block !important;
    padding-top: 90px;
    width: 100%;
    margin: 0 auto; }

  .types-mobile-slider .types-box {
    width: 100%;
    margin: 20px; }

  .foundation-option-wrap {
    flex-wrap: wrap; }

  .foundation-option-box {
    margin-bottom: 20px; }

  .popular-text-box {
    width: 100%;
    margin: 0 auto;
    margin-top: 10px;
    background: #91C554;
    padding-bottom: 30px; }

  .form {
    width: 488px;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px; }

  .popular-bg {
    padding-top: 20px;
    padding-bottom: 90px; }

  .types-mobile-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px !important;
    height: 1px;
    margin: 0 15px;
    padding: 0;
    cursor: pointer; }

  .types-mobile-slider .slick-dots li.slick-active button:before {
    opacity: 1 !important;
    background: #91C554;
    height: 4px !important; }

  .types-mobile-slider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: #666666;
    width: 10px !important;
    height: 2px !important;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

  .types-mobile-slider .slick-dots {
    position: absolute;
    bottom: -14px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }

  .manager-content {
    padding-right: 26px;
    padding-top: 55px; }

  .mang-img img {
    width: 58%; }

  button.btn-rt {
    top: 119px;
    right: 287px; }

  .contact-box-wrap {
    padding-top: 26px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap; }

  .line:after {
    width: 95%; }

  .about-section-wrap {
    flex-direction: column-reverse; }

  .about-section-left {
    width: 100%;
    position: relative;
    margin-top: 25px; }

  .about-section-right {
    margin: auto; }

  .about-work-wrap {
    position: relative; }

  .foundation-option-txt p:after {
    content: "";
    position: absolute;
    right: 0;
    top: 15px;
    height: 3px;
    background: #936457;
    width: 40%; }

  .title-green:before {
    position: absolute;
    content: "";
    left: 20px;
    z-index: 0;
    top: -24px;
    width: 88px;
    height: 80px;
    border: 6px solid #fff; }

  .gate-wrap-grey .title-name:before {
    position: absolute;
    content: "";
    left: 20px;
    z-index: 0;
    top: -24px;
    width: 88px;
    height: 80px;
    border: 6px solid #91C554; }

  .table-text-at p:after {
    content: "";
    position: absolute;
    right: 0;
    top: 15px;
    height: 3px;
    background: #000000;
    width: 400px; }

  .dp-maket {
    margin-top: 65px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }

  .discount-bg-wrap {
    justify-content: center; }

  .portfolio-btn button {
    padding: 9px 14px;
    font-size: 16px;
    line-height: 22px;
    margin-right: 14px; }

  .all-btn-prof {
    color: #91C554;
    position: absolute;
    bottom: -100px;
    left: 50%;
    transform: translate(-50%, -50%); }

  .portfolio-bg {
    padding-top: 90px;
    padding-bottom: 132px; }

  .foto-inner-wrap {
    display: flex;
    padding-top: 0px;
    flex-direction: column; }

  .all-iner-foto {
    display: none; }

  .foto-inner-box-right {
    width: 100%; }

  a#single_image {
    display: none; }

  .foto-inner-box {
    width: 100%; }

  .popular-ms-wrap {
    justify-content: space-between; }

  .popular-ms-wrap .types-box {
    padding-right: 0; }

  .field-text p:after {
    top: 2px; }

  .field-text p {
    font-size: 22px;
    line-height: 22px; }

  .personal-wrap p {
    font-size: 22px;
    line-height: 32px;
    padding-left: 225px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: "OpenSans-Bold"; }

  .personal-wrap img {
    position: relative;
    left: 0;
    top: 0;
    width: 35%;
    margin: 0 auto;
    display: block; }

  .personal-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-bottom: 30px; }
    .personal-wrap div {
      display: block;
      width: 100%; }

  .field-wrap h2 {
    text-align: inherit; }

  .personal-bg {
    height: inherit;
    display: flex; }

  .personal-wrap p {
    font-size: 22px;
    line-height: 32px;
    padding-left: 0;
    text-transform: uppercase;
    color: #FFFFFF;
    font-family: "OpenSans-Bold";
    text-align: center; }
    .personal-wrap p br {
      display: none; }

  .oprion-wrap {
    flex-direction: column-reverse; }

  .option-left {
    width: 100%;
    padding-top: 20px;
    padding-right: 30px; }

  .option-right {
    width: 100%; }

  .importan-next-wrap {
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 32px;
    line-height: 39px; }

  .key-left p {
    width: 50%; }

  .key-right {
    width: 50%; }

  .catalog-box {
    width: 145px;
    margin-bottom: 16px;
    margin-right: 16px; }
    .catalog-box img {
      height: 53px;
      width: 100%; }

  .installation-options-box {
    width: 350px;
    background: #fff;
    margin-bottom: 40px; }
    .installation-options-box img {
      width: 100%; }

  .types-fence-box {
    width: 350px;
    background: #fff;
    margin-bottom: 40px; }
    .types-fence-box img {
      width: 100%; }

  .padding-top {
    padding-top: 0px; }

  .fixed {
    position: fixed;
    top: 20px;
    right: 20px; }

  .fixed-top {
    position: relative; } }
@media only screen and (max-width: 991px) {
.section-wt{
    width: 100%;
    height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px;
}
.fast-green-left {
    padding-top: 60px;
    width: 55%;
}
.top-wrapper-section {
    justify-content: center;
}
.work-profesional-left img {
    width: 57%;
}
.work-profesional-left{
 text-align: center;
}
.work-profesional-wrapper {
    justify-content: center;
    flex-direction: column;
}
.work-profesional-right {
    padding-top: 100px;
    width: 50%;
    margin: 0 auto;
}

a.brown-calc-btn {
    margin: 0 auto;
    margin-top: 20px;
}
.greenhouse-box {
    margin-bottom: 45px;
}
.green-table-wrap {
    width: 60%;
}
.green-table {

    padding-right: 10px;
    padding-left: 10px;
}

  .srv-section-btn a{
    margin-left: 0;
  }
  .srv-section-txt br{
    display: none;
  }
  .srv-section-txt {
    font-size: 20px;
    padding-right: 0;
}

  .price-drill-bg {
    padding-top: 80px;
}
  .main-menu button {
    border: none;
    display: flex;
    color: #fff;
    font-family: "OpenSans-Regular";
    font-weight: bold;
    text-transform: uppercase;
    font-size: 16px;
    background: transparent;
    display: flex;
    margin-left: auto;
    padding: 0;
    margin-top: 30px; }

  .all-color span {
    font-size: 22px;
    line-height: 30px; }

  .catalog span {
    font-size: 22px;
    line-height: 30px; }

  .section-water {
    width: 100%;
    height: 280px;
    background-image: url(../img/water-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px; }

  .instal-right {
    width: 100%;
    padding-top: 60px;
    padding-bottom: 40px; }

  .instal-left img {
    width: 55%; }

  .question-contener {
    margin-top: 105px;
    display: flex;
    background: linear-gradient(88.02deg, #6C473D -0.15%, #936457 100%), #936457;
    height: inherit;
    flex-direction: column;
    padding-bottom: 40px; }

  .pumg-ft {
    padding-left: 0;
    position: relative;
    text-align: center; }

  .pumg-ft img {
    top: 0; }

  .price-drill-bg {
    padding-bottom: 70px; }

  .ac > .ac-q {
    padding: 2px 120px 2px 105px !important; }

  .grenn-calc {
    height: inherit;
    background: #91C554; }

  .pump-text {
    display: flex;
    align-items: center;
    text-align: center; }

  .bg-qwuad {
    width: 245px;
    height: 190px;
    position: absolute;
    border-top: 8px solid #FFCD93;
    border-left: 8px solid #FFCD93;
    border-right: 8px solid #FFCD93;
    border-bottom: 8px solid #FFCD93;
    left: 231px; }
    .bg-qwuad:after {
      display: none; }
    .bg-qwuad:before {
      display: none; }

  .tehno-left {
    width: 100%;
    padding-left: 30px; }
    .tehno-left img {
      width: 100%; }

  .plus-services-right img {
    width: 100%; }

  .drill-left img {
    width: 100%; }

  .bg-qwuad {
    width: 245px;
    height: 190px;
    position: absolute;
    top: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

  .managers {
    padding-bottom: 20px;
    padding-top: 20px;
    background: #91C554; }

  .sk-wrap-left {
    top: 180px;
    margin: 0 auto;
    width: 600px;
    height: 210px; }

  .sk-wrap-left h1 br {
    display: none; }

  .section-sk {
    width: 100%;
    height: 280px;
    background-image: url(../img/sk-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px; }

  .section-ms {
    width: 100%;
    height: 280px;
    background-image: url(../img/ms-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px; }

  .form-wrap {
    display: flex;
    justify-content: space-between;
    flex-direction: column; }

  .form-text {
    width: 100%; }

  .form-input {
    width: 100%;
    margin-top: 25px; }

  .title-main h1 {
    font-size: 56px;
    line-height: 66px;
    text-align: center;
    text-transform: uppercase;
    font-family: "Rubik-Bold";
    color: #fff;
    padding-top: 115px;
    padding-left: 0;
    padding-right: 0; }

  .discount-bg-wrap {
    margin-top: 50px; }

  .title-drs h2 {
    height: 30px;
    font-size: 28px;
    line-height: 33px; }

  .title-drs h2:before {
    position: absolute;
    content: "";
    left: -6px;
    z-index: -1;
    top: -24px;
    width: 70px;
    height: 70px;
    border: 6px solid #FFCD93; }

  .discount-txt {
    margin-bottom: 0; }

  .section-top {
    width: 100%;
    height: 280px;
    background-image: url(../img/top-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px; }

  .av-maket-box {
    width: 410px;
    margin: auto; }

  .all-btn-mobile {
    margin: 0 auto;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translate(-50%, -50%); }

  .work-complecs-right img {
    position: absolute;
    top: 11px;
    right: 0;
    width: 100%; }

  .key-text span {
    padding-left: 156px;
    font-size: 26px; }

  .tb-ln {
    padding-bottom: 180px; }

  .tb-mob {
    padding-bottom: 35px; }

  .foundation-option-txt p:after {
    display: none; }

  .foundation-option-txt p {
    text-align: center; }

  .foundation-option-txt br {
    display: none; }

  .section-dk {
    width: 100%;
    height: 280px;
    background-image: url(../img/dk-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px; }

  .dk-wrap-left {
    top: 180px;
    margin: 0 auto;
    width: 600px; }

  .dk-wrap-right {
    position: relative;
    top: 180px;
    justify-content: center; }

  .section-dl-wrap {
    display: flex;
    height: inherit;
    justify-content: space-between;
    flex-direction: column; }

  .dl-wrap-right {
    position: relative;
    top: 180px;
    justify-content: center; }

  .dl-wrap-left {
    top: 180px;
    margin: 0 auto;
    width: 600px; }

  .section-dl {
    width: 100%;
    height: 280px;
    background-image: url(../img/section-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px; }

  .table-text-at p:after {
    display: none; }

  .table-text-at p {
    text-align: center; }

  .slider-content .slick-dots li {
    position: relative;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 15px;
    padding: 0;
    cursor: pointer; }

  .mang-img img {
    width: 100%; }

  .line:after {
    width: 87%; }

  .slider-content .slick-dots li button:before {
    width: 10px !important;
    height: 10px !important; }

  .slider-content .slick-dots {
    left: 0; }

  .slider-content .slick-dots li.slick-active button:before {
    height: 16px !important;
    background: #fff;
    opacity: 1;
    width: 16px !important; }

  .footer-wrap {
    flex-direction: column;
    padding-bottom: 20px; }

  .footer-logo {
    margin: 0 auto; }

  .footer-nav {
    padding-top: 20px;
    text-align: center; }

  .dvp {
    flex-direction: column-reverse; }

  .footer-soc {
    padding-right: 0;
    text-align: center; }

  .footer-soc a {
    margin-right: 6px;
    margin-left: 6px; }

  .footer-contact {
    padding-top: 12px;
    text-align: center;
    padding-bottom: 12px; }

  .howmuch-right {
    display: none; }

  .navigation-bottom {
    display: none; }

  .water-wrap-left {
    width: 67%; }

  .reduce-price-left img {
    position: absolute;
    top: -65px;
    left: 0;
    width: 100%; }

  .company-wrap {
    flex-direction: column; }

  .company-box {
    position: relative;
    width: 350px;
    margin: 0 auto;
    margin-bottom: 50px; }

  .company-bg {
    padding-top: 100px;
    padding-bottom: 40px; }

  img.img-hover-pg {
    left: 87.7% !important;
    top: 93.5%; }

  img.img-hover-pg:hover {
    left: 87.7% !important;
    top: 93.5%; }

  img.img-hover-ng {
    top: 93.5%; }

  img.img-hover-ng:hover {
    top: 93.5%; }

  .navbar-head {
    display: block; }

  .navbar-toggle {
    height: 35px;
    border: none;
    width: 35px;
    background: #936457;
    display: flex;
    align-items: center;
    justify-content: center; }

  .navbar-toggle span {
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    height: 3px;
    width: 24px;
    background-color: #fff;
    display: block;
    margin-bottom: 5px;
    border-radius: 1px; }

  .navbar-toggle span:last-child {
    margin-bottom: 0; }

  .navbar-toggle span:nth-child(2) {
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    height: 3px;
    width: 17px;
    background-color: #fff;
    display: block;
    margin-bottom: 5px;
    border-radius: 1px;
    margin-left: 7px; }

  .whatsapp {
    display: none; }

  .header-top-menu {
    display: none; }

  .mobile-menu {
    padding-top: 40px;
    background: rgba(147, 100, 87, 0.95);
    position: fixed;
    bottom: 0;
    top: 0;
    right: -100%;
    display: none;
    width: 80%;
    color: #fff;
    z-index: 9999;
    overflow-y: scroll; }

  .mobile-menu-overlay {
    display: none;
    position: fixed;
    height: 100%;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1;
    background: rgba(0, 0, 0, 0.82); }
    .mobile-menu-overlay:after {
      content: "";
      position: absolute;
      top: 42px;
      left: 74px;
      z-index: 9;
      width: 28px;
      height: 28px;
      background-image: url(../img/close.svg); }

  .main-menu {
    background: transparent;
    border: none;
    z-index: 9;
    display: flex;
    height: initial;
    justify-content: center;
    align-items: center; }

  .main-menu li:before {
    display: none; }

  .main-menu ul {
    display: flex;
    list-style: none;
    flex-direction: column; }

  .main-slider {
    position: relative;
    top: 0px;
    margin-bottom: 90px; }

  .header-right-bottom {
    display: none; }

  .header-right-mob {
    display: flex;
    align-items: center; }

  .header-right-mob {
    display: flex;
    align-items: center;
    padding-bottom: 18px;
    justify-content: space-between;
    padding-top: 18px;
    border-bottom: 1px solid  #E8E8E8; }

  .phone {
    position: relative;
    margin-right: 0; }

  .calc {
    margin-right: 0;
    padding-left: 12px; }

  .top-menu-left {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 18px; }

  .main-menu {
    padding-left: 20px;
    padding-right: 20px; }
    .main-menu nav {
      width: 100%;
      padding-top: 18px;
      border-top: 1px solid #fff;
      padding-bottom: 18px;
      border-bottom: 1px solid #fff; }

  .main-menu li {
    margin-right: 0;
    text-align: right;
    position: relative;
    padding-bottom: 10px;
    padding-top: 10px; }
    .main-menu li:last-child {
      padding-bottom: 0; }

  .top-menu-left ul {
    display: flex;
    list-style: none;
    flex-direction: column; }

  .top-menu-left li {
    margin-right: 0;
    text-align: right;
    padding-bottom: 16px; }

  .top-menu-right {
    padding-bottom: 12px;
    display: flex;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px; }

  .top-menu-mob {
    display: block; }

  .managers-wrap {
    height: inherit;
    background: #91C554;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0;
    flex-direction: column;
    border: 8px solid #FFFFFF; }

  .water-bg {
    padding-top: 90px;
    padding-bottom: 90px;
    background: #F3F3F3; }

  .mang-img {
    position: relative;
    left: 0;
    bottom: -32px; }

  .man {
    padding-bottom: 20px;
    padding-top: 20px;
    background: #91C554; }

  .managers-btn {
    flex-direction: column;
    margin-bottom: 20px; }

  .managers-btn p {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-family: "OpenSans-Regular";
    color: #000000;
    padding-bottom: 25px; }

  .coast-line h2 {
    left: 0px; }

  .coast-line h2 br {
    display: none; }

  .coast-line {
    border-left: none;
    border-top: 4px solid #FFFFFF;
    border-bottom: 4px solid #FFFFFF;
    border-right: 4px solid #FFFFFF;
    position: relative; }
    .coast-line:after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      height: 20px;
      width: 4px;
      background: #fff; }
    .coast-line:before {
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      height: 20px;
      width: 4px;
      background: #fff; }

  .line-mn {
    width: 100%;
    display: flex;
    height: inherit;
    border: none; }

  .manager-content h2 {
    font-size: 36px;
    line-height: 43px;
    text-align: center; }

  .section-dp {
    width: 100%;
    height: 280px;
    background-image: url(../img/avto-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px; }

  .section-gk {
    width: 100%;
    height: 280px;
    background-image: url(../img/gp-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px; }

  .foundation-option-wrap {
    flex-wrap: wrap; }

  .foundation-option-box {
    margin-bottom: 20px; } }
@media only screen and (max-width: 748px) {
  .palette-color-wrap {
    flex-direction: column; }

  .catalog, .all-color {
    width: 100%; }

  .catalog-color {
    justify-content: flex-start; } }
@media only screen and (max-width: 768px) {
  .content-box {
    padding-top: 105px;
    padding-left: 0; }

  .about-work {
    padding-top: 90px;
    padding-bottom: 90px; }

  .about-work-wrap {
    width: 90%;
    position: relative;
    height: 380px;
    margin-top: 186px;
    padding-top: 0;
    display: flex;
    padding-left: 0;
    background: #FFFFFF;
    border: 8px solid #936457;
    z-index: 9;
    margin: 0 auto;
    margin-top: 200px;
    padding: 15px; }

  .about-work-box {
    width: 300px;
    display: flex;
    align-items: center;
    margin-bottom: 40px; }

  .bg-about-img {
    position: absolute;
    height: 408px;
    width: 100%;
    top: 27%;
    right: 0;
    background-image: url(../img/bg-about.jpg);
    background-repeat: no-repeat;
    background-size: cover; }

  .line:after {
    width: 77%; }

  .title-main-contact h1 {
    font-size: 56px;
    line-height: 66px;
    text-align: left;
    text-transform: uppercase;
    font-family: "Rubik-Bold";
    color: #fff;
    padding-top: 105px;
    padding-left: 0; }

  .map-txt {
    padding: 20px; }

  button.btn-rt {
    position: relative;
    top: 0;
    right: 0;
    height: 65px;
    margin-top: 22px; }

  .coast {
    background: #91C554;
    height: inherit;
    padding-top: 30px;
    padding-bottom: 30px; }

  .img-hand {
    bottom: -4px; }

  .coast-line p {
    left: 0px; }

  .coast-line p:before {
    content: "";
    position: absolute;
    top: 10px;
    left: -20px;
    width: 15px;
    height: 1px;
    background: #000; }

  .reliable-section {
    padding-top: 90px; }

  .slider-defoult {
    padding-top: 90px; }

  .additional-services-box {
    margin: 20px;
    width: 600px !important;
    position: relative; }

  .serv-box-bottom {
    position: absolute;
    bottom: 22px;
    width: 100%; }

  .quick-calc-wrap {
    display: flex;
    height: inherit;
    position: relative;
    flex-direction: column; }

  .quick-calc-left {
    width: 100%; }

  .quick-calc-right {
    width: 100%;
    position: relative; }

  .quick-calc-right img {
    position: relative;
    right: 0;
    width: 100%;
    bottom: -4px; }

  .quick-calc {
    height: inherit; }

  .quick-calc-left {
    width: 100%;
    text-align: center;
    margin-bottom: 25px; }

  .quick-calc-left h2 {
    text-align: center; }

  .quick-calc-left span {
    text-align: center;
    padding-left: 0; }

  .quick-calc-left span:after {
    display: none; }

  button.btn-mang {
    margin-left: 0; }

  .water-wrap-left {
    width: 76%; }

  .reduce-price-wrap {
    height: inherit;
    flex-direction: column;
    background-image: none; }

  .reduce-price-left {
    width: 100%;
    position: relative;
    height: 248px;
    text-align: center; }

  .reduce-price-left img {
    position: relative;
    top: -65px;
    left: 0;
    width: 52%; }

  .reduce-price-right {
    width: 100%;
    text-align: center; }

  .reduce-price {
    padding-bottom: 32px;
    padding-top: 0;
    background: linear-gradient(88.02deg, #6C473D -0.15%, #936457 100%), #936457; }

  .slider-defoult {
    margin-bottom: 90px; }

  span.tl-span {
    width: 100%; }

  h2.tl-price {
    font-size: 36px;
    line-height: 43px;
    color: #FFFFFF;
    padding-top: 20px; }

  .delivery-material-wrap {
    flex-direction: column; }

  .material-left {
    width: 100%; }

  .material-right {
    width: 100%;
    text-align: center; }

  .delivery-wrap h1 {
    font-size: 52px;
    line-height: 52px;
    padding-top: 115px;
    padding-right: 0; }

  .portfolio-btn {
    margin-top: 85px;
    display: flex;
    flex-wrap: wrap; }

  .portfolio-btn button {
    padding: 9px 14px;
    font-size: 16px;
    line-height: 22px;
    margin-right: 15px;
    margin-bottom: 15px; }

  .ac-a p {
    padding-bottom: 20px;
    padding-right: 25px;
    padding-left: 25px;
    font-size: 18px;
    line-height: 25px;
    width: 646px;
    font-family: "OpenSans-Regular";
    color: #797979;
    display: flex;
    font-size: 16px;
    line-height: 25px; } }
@media only screen and (max-width: 668px) {
.get-start-btn {
    flex-direction: column;
}
.get-start-btn a {
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 20px;
}
.get-start-btn button {
    margin-right: 0;
    margin: 0 auto;
    margin-bottom: 20px;
}
.work-profesional-right {
    width: 62%;
}


.get-start-img img {
    width: 55%;
}
.get-start-btn a:last-child {
    margin-right: auto;
}
  .green-slider{
    width: 100%;
  }
  .top-green-section {
    padding-top: 80px;
}
  .green-table-wrap {
    width: 75%;
}
.top-green-title h2{
  font-size: 24px;
}

  .plus-services-left {
  padding-left: 0;
}
  .contact-field {
    width: 100%;
    height: 160px;
    background-image: url(../img/field-bg.jpg);
    background-position: center;
    background-repeat: no-repeat; }

  .ac > .ac-q {
    font-size: 22px;
    line-height: 28px; }

  .ac-q:after {
    height: 62px;
    background: #91C554; }

  .ac-a p {
    width: 545px; }

  .field-bg {
    padding-top: 70px;
    padding-bottom: 60px; }

  .field-text {
    padding-top: 50px;
    padding-left: 40px; }

  .field-wrap h2 {
    padding-left: 3px; }

  .field-wrap h2:after {
    content: "";
    position: absolute;
    left: -21px;
    top: 15px;
    width: 19px;
    height: 1px;
    background: #91C554; }

  .field-btn {
    display: flex;
    align-items: center;
    padding-top: 60px;
    padding-left: 0;
    flex-direction: column; }

  .field-btn button {
    margin-right: 0px; }

  .field-btn span {
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    text-transform: uppercase;
    color: #686868;
    text-align: center;
    padding-top: 40px; }

  .contact-in {
    width: 100%;
    height: 160px;
    background-image: url(../img/instalation.jpg);
    background-position: center;
    background-repeat: no-repeat; }

  .personal-bg {
    margin-bottom: 0px; }

  .section-ms {
    width: 100%;
    height: 160px;
    background-image: url(../img/ms-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 300px; }

  .instal-right-box {
    padding-top: 25px;
    padding-left: 20px;
    padding-bottom: 25px;
    margin-bottom: 20px; }

  .instal-right {
    width: 100%;
    padding-top: 40px;
    padding-bottom: 40px; }

  .instal-right-box h2 {
    font-size: 22px;
    line-height: 32px;
    font-family: "OpenSans-Bold";
    color: #FFFFFF;
    text-transform: uppercase;
    margin-bottom: 15px; }

  .instal-left img {
    width: 82%; }

  .instal-right-box img {
    position: absolute;
    right: 0px;
    bottom: 0; }

  .contact-port {
    width: 100%;
    height: 160px;
    background-image: url(../img/portfolio.jpg);
    background-position: center;
    background-repeat: no-repeat; }

  .img-prof-box {
    width: 275px;
    border: 1px solid #91C554;
    flex-direction: column;
    display: flex;
    margin-bottom: 30px; }

  .portfolio-btn {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap; }

  .portfolio-bg {
    padding-top: 70px;
    padding-bottom: 132px; }

  .discount-boxs {
    width: 100%; }

  .contact-wp {
    width: 100%;
    height: 160px;
    background-image: url(../img/wp-bg.jpg);
    background-position: center;
    background-repeat: no-repeat; }

  .dk-wrap-left {
    top: 112px;
    margin: 0 auto;
    width: 100%; }

  .dl-wrap-right {
    position: relative;
    top: 112px;
    justify-content: center; }

  .present-works-dp {
    width: 100%; }

  .section-dk {
    width: 100%;
    height: 160px;
    background-image: url(../img/dk-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 300px; }

  .section-dp {
    width: 100%;
    height: 160px;
    background-image: url(../img/avto-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 300px; }

  .about-work-wrap {
    width: 95%;
    position: relative;
    height: inherit;
    flex-direction: column; }

  .bg-about-img {
    top: 18%; }

  .about-wrap {
    width: 100%;
    height: 160px;
    background-image: url(../img/about-bg.jpg);
    background-position: center;
    background-repeat: no-repeat; }

  .phone a {
    font-family: "OpenSans-Regular";
    color: #5C3B32;
    font-size: 14px; }

  .phone a img {
    left: -7px;
    position: relative;
    width: 10px; }

  .calc a:after {
    content: "";
    position: absolute;
    bottom: -2px;
    right: 0;
    width: 63px;
    height: 1px;
    border-bottom: 1px dashed #797979; }

  .calc a img {
    position: relative;
    top: 6px;
    left: -8px;
    width: 10px; }

  .header-right-mob {
    display: flex;
    align-items: center;
    padding-bottom: 13px;
    justify-content: space-between;
    padding-top: 18px;
    border-bottom: 1px solid #E8E8E8; }

  .calc a {
    font-size: 10px;
    position: relative; }

  .header-logo-left span {
    font-size: 15px;
    line-height: 16px; }

  div.box-title {
    color: #fff;
    font-family: "Rubik-Bold";
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase; }

  .header-bottom {
    padding-bottom: 16px;
    padding-top: 18px;
    display: flex;
    height: inherit;
    align-items: center;
    justify-content: space-between; }

  .box, .box-b1, .box-b2, .box-b3, .main-slider {
    height: 455px; }

  .slider-content .slick-dots {
    position: absolute;
    bottom: 10% !important; }

  .slider-content {
    height: 455px; }

  .title-nm span {
    font-size: 28px;
    line-height: 33px; }

  .title-nm h2 {
    font-size: 28px;
    line-height: 33px;
    height: 37px; }

  .title-name h2 {
    font-size: 28px;
    line-height: 33px;
    height: 37px; }

  .title-name span {
    font-size: 28px;
    line-height: 33px; }

  .title-name h2:before {
    width: 70px;
    height: 70px; }

  .title-nm:before {
    width: 70px;
    height: 70px; }

  .types-mobile-slider {
    padding-top: 50px; }

  .reliable-left {
    padding-top: 40px; }

  .reliable-section {
    padding-bottom: 0px; }

  .slider-nm {
    padding-top: 50px; }

  .reduce-price-left {
    height: 203px; }

  .recording-wrap-right {
    width: 90%; }

  .recording-wrap-right p {
    font-size: 18px;
    line-height: 29px;
    padding-bottom: 23px; }

  .mobile-adtition-slider {
    padding-top: 50px; }

  .managers-txt {
    font-size: 22px;
    line-height: 32px; }

  .manager-content h2 {
    font-size: 28px;
    line-height: 35px;
    text-align: center; }

  .water-cont {
    display: flex;
    padding-left: 0;
    margin-top: 70px;
    align-items: center;
    flex-direction: column; }

  a.btn-water {
    margin-top: 50px; }

  .water-cont p {
    padding-right: 0; }

  .water-left-txt p {
    font-size: 22px;
    line-height: 22px;
    padding-bottom: 20px; }

  .water-left-txt p:before {
    content: "";
    position: absolute;
    top: 14px; }

  .gate-wrap {
    padding-top: 90px;
    padding-bottom: 90px; }

  .gate-content {
    display: flex;
    margin-top: 50px; }

  .water-left-txt {
    padding-top: 25px; }

  .gate-txt p {
    font-size: 22px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    color: #373737;
    margin-left: 40px;
    padding-top: 10px;
    position: relative;
    padding-bottom: 20px; }

  .gate-txt p:before {
    content: "";
    position: absolute;
    top: 13px;
    left: -40px;
    width: 20px; }

  .water-wrap-right img {
    position: relative;
    border-right: none;
    border-top: none; }

  .company-box {
    position: relative;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px; }

  .slider-work-main {
    padding-top: 90px;
    padding-bottom: 90px; }

  .video-box {
    width: 100%; }

  .video-box video {
    width: 100%;
    outline: none;
    z-index: 99; }

  .bg-wlp, .bg-wlp7, .bg-wlp4, .bg-wlp3, .bg-wlp2, .bg-wlp5, .bg-wlp6 {
    height: 99%; }

  .video-descp {
    bottom: 39px;
    font-size: 18px;
    line-height: 25px; }

  .video-box {
    position: relative;
    height: inherit;
    z-index: 2;
    margin-bottom: 40px; }

  .all-video {
    width: 100%;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    text-align: center; }

  .footer-bottom {
    height: inherit;
    flex-direction: column; }

  .footer-bottom {
    padding-bottom: 9px;
    padding-top: 9px; }

  .faq-site {
    padding-bottom: 9px;
    padding-top: 9px; }

  .all-work {
    margin-top: 50px; }

  .reliable-left {
    height: inherit;
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column; }

  .recording-wrap-left img {
    width: 100%; }

  .material-text-title {
    font-size: 22px;
    line-height: 27px;
    padding-top: 50px; }

  .slider-work-grey .title-name:before {
    position: absolute;
    content: "";
    left: 20px;
    z-index: 0;
    top: -24px;
    width: 70px;
    height: 70px;
    border: 6px solid #91C554; }

  .slider-work-grey {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #F3F3F3; }

  .map-txt {
    height: inherit; }

  .contact-box {
    width: 100%;
    padding-right: 30px;
    margin-bottom: 27px; }

  .contact {
    padding-top: 60px; }

  .title-main-contact h1 {
    font-size: 30px;
    line-height: 35px;
    padding-top: 67px; }

  .contact-wrap {
    width: 100%;
    height: 160px;
    background-image: url(../img/contact-bg.jpg);
    background-position: center;
    background-repeat: no-repeat; }

  .line:after {
    width: 33%; }

  .contact-wrap-reviews {
    width: 100%;
    height: 160px;
    background-image: url(../img/reviews-bg.jpg);
    background-position: center;
    background-repeat: no-repeat; }

  .title-main h1 {
    font-size: 30px;
    line-height: 35px;
    padding-top: 28px;
    padding-right: 0; }

  .reviews-all {
    padding-top: 70px;
    padding-bottom: 60px; }

  .dl-wrap-left {
    top: 180px;
    margin: 0 auto;
    width: 100%; }

  .present-work {
    width: 50%; }

  .present-works {
    width: 50%; }

  .about-section-left button {
    text-indent: 0; }

  .gate-wrap-grey .title-name:before {
    position: absolute;
    content: "";
    left: 20px;
    z-index: 0;
    top: -27px;
    width: 70px;
    height: 70px;
    border: 6px solid #91C554; }

  .gate-wrap-grey .title-name:before {
    position: absolute;
    content: "";
    left: 20px;
    z-index: 0;
    top: -24px;
    width: 70px;
    height: 70px;
    border: 6px solid #91C554; }

  .title-green:before {
    position: absolute;
    content: "";
    left: 20px;
    z-index: 0;
    top: -24px;
    width: 70px;
    height: 70px;
    border: 6px solid #fff; }

  .title-green h2 {
    font-size: 28px;
    line-height: 33px;
    height: 37px; }

  .work-complecs-wrap {
    display: flex;
    padding-top: 60px;
    padding-bottom: 60px;
    flex-direction: column; }

  .work-complecs-left {
    width: 100%; }

  .work-complecs-right {
    position: relative;
    width: 100%; }

  .section-top {
    width: 100%;
    height: 160px;
    background-image: url(../img/top-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 300px; }

  .present-works-lp {
    width: 100%; }

  .present-works-av {
    width: 100%; }

  .about-title {
    text-align: inherit; }

  .key-wrap {
    height: inherit;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    flex-direction: column; }

  .work-complecs-right img {
    position: relative;
    top: 29px;
    right: 0;
    width: 100%; }

  .key-price {
    width: 100%; }

  .img-av {
    position: absolute;
    left: 45px;
    bottom: 87px; }

  .key-text {
    padding-bottom: 12px;
    padding-top: 12px; }

  .foto-inner-box-right {
    width: 100%;
    margin-top: 20px; }

  .image-profile {
    width: 100%;
    background: #91C554;
    padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 35px; }

  .section-gk {
    width: 100%;
    height: 160px;
    background-image: url(../img/gp-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 300px; }

  .foundation-option {
    background: #F3F3F3;
    padding-top: 70px;
    padding-bottom: 60px; }

  .foundation-option-box {
    width: 280px;
    background: #fff;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 7px;
    padding-left: 7px;
    padding-right: 7px; }

  .form {
    width: 100%;
    padding-top: 50px;
    padding-left: 50px;
    padding-right: 50px; }

  .sk-wrap-left {
    top: 112px;
    margin: 0 auto;
    width: 100%;
    height: 210px;
    padding-top: 12px;
    padding-left: 13px;
    padding-bottom: 15px; }

  .section-sk {
    width: 100%;
    height: 160px;
    background-image: url(../img/sk-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 300px; }

  .sk-wrap-left h1 {
    font-size: 30px;
    line-height: 36px; }

  .section-water {
    width: 100%;
    height: 280px;
    background-image: url(../img/water-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px; }

  .drill-btn button {
    padding: 9px 14px;
    font-size: 14px;
    line-height: 22px;
    margin-right: 15px;
    margin-bottom: 15px; }

  .drill-table-bg {
    background: #F3F3F3;
    padding-bottom: 70px;
    padding-top: 60px; }

  .plus-servis {
    padding-bottom: 70px;
    padding-top: 60px; }

  .plus-services-wrap {
    margin-top: 50px; }

  .plus-services-left {
    width: 100%;
    padding-top: 50px;
    padding-left: 35px; }

  .tehno-drill {
    background: #F3F3F3;
    padding-top: 180px;
    padding-bottom: 60px; }

  .section-ls {
    width: 100%;
    height: 160px;
    background-image: url(../img/proflist-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 300px; }

  .about-section {
    padding-top: 50px;
    padding-bottom: 70px; }

  .option-left {
    width: 100%;
    padding-top: 20px;
    padding-right: 0; }

  .importan-next {
    display: none; }

  .important {
    height: inherit;
    flex-direction: column; }

  .important p {
    font-size: 26px;
    line-height: 30px;
    font-family: "OpenSans-Bold";
    color: #393939;
    background: #fff;
    padding: 25px;
    margin-left: 0;
    text-align: center; }

  .important span {
    font-size: 34px;
    line-height: 34px;
    padding-top: 30px;
    padding-bottom: 30px; }

  .key-section-wrap {
    border: none;
    margin: auto;
    margin-top: 50px;
    position: relative;
    display: flex;
    padding-top: 35px;
    padding-left: 0;
    padding-bottom: 20px;
    padding-right: 0; }

  .key-section-wrap:after {
    display: none; }

  .key-section-bg {
    padding-top: 70px;
    padding-bottom: 60px; }

  .key-left p {
    padding-right: 40px; }

  .palette-color-wrap {
    margin-top: 100px;
    padding-top: 35px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px; }

  .catalog-color {
    padding-bottom: 40px; }

  .catalog-color {
    justify-content: space-between; }

  .installation-options {
    padding-bottom: 70px;
    padding-top: 60px; }

  .installation-options-wrap {
    padding-top: 50px; }

  .installation-options-box {
    width: 100%; }

  .types-fence-box {
    width: 100%; }

  .fence-all-txt {
    margin-top: 60px;
    border: 8px solid #91C554;
    padding-top: 25px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px; } }
@media only screen and (max-width: 602px) {
  .foundation-option-box {
    width: 300px;
    margin: 0 auto;
    margin-bottom: 20px; } }
@media only screen and (max-width: 568px) {
.additional-services {
    display: none;
}
.additional-services-mobile {
    display: block;
    margin-top: 50px;
}
.additional-services-wrapper {
    justify-content: center;
}
.additional-services-bx {
    width: 100%;
    display: flex;
    background: #F3F3F3;
    border-radius: 6px;
    margin-bottom: 12px;
    margin-right: 0;
}
.additional-services-bx img {
    width: 98px;
    height: 74px;
    margin-right: 8px;
    display: block;
    border-radius: 6px;
    object-fit: cover;
}
.services-bx-tittle {
    font-size: 12px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    text-align: left;
    position: relative;
    top: 0;
    color: #000;
}
.services-bx-tittle strong {
    font-size: 12px;
    line-height: 121.18%;
    display: block;
    font-family: "OpenSans-Regular"; 
}
.services-bx-tittle p {
    text-transform: initial;
    font-size: 10px;
    font-family: "OpenSans-Regular"; 
    line-height: 121.18%;
}


.present-work-wp{
  width: 100%;
}
img.img-hr-ng {
    top: 89.6%;
}
img.img-hr-pg {
    top: 89.6%;
}
.top-box-section {
    margin-bottom: 35px;
}
.work-profesional-right {
    width: 76%;
}
.get-start-img img {
    width: 74%;
}
.green-table-wrap {
    width: 90%;
}
.fast-green-left {
    padding-top: 40px;
    width: 70%;
}
.fast-green-right img {
    width: 65%;
}

.title-name strong { 
  padding-left: 95px;
    width: 373px;
    display: block;
}
.title-nm strong { 
  padding-left: 95px;
    width: 373px;
    display: block;
}

.present-works-sw{
  width: 100%;
}

  .add-services-wrap {
    justify-content: center;

}
  .table-auto {
    display: none; }

  .divTableRow {
    width: 100%; }

  .divTableBody {
    width: 100%; }

  .drill-btn button {
    margin-right: 10px; }

  .drill-section {
    padding: 20px; }

  .drill-btn {
    display: flex;
    flex-wrap: wrap; }

  .drill-right span {
    width: 100%; }

  .coast-table-lg {
    background: #91C554;
    padding-bottom: 60px;
    padding-top: 70px; }

  .tb-mob {
    padding-bottom: 37px; }

  .tk-mob {
    padding-bottom: 37px; }

  .hl-mob {
    height: 70px; }

  .table-text-at p {
    position: relative;
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Bold";
    text-transform: uppercase;
    color: #000000; }

  .aut-table {
    margin-top: 90px;
    display: flex;
    justify-content: space-between; }

  .tb-box-price {
    font-size: 12px;
    line-height: 18px; }

  .catalog-box {
    margin-right: 0; }

  .option-right {
    height: 350px; }

  .tb-box {
    padding-left: 5px;
    font-size: 12px;
    line-height: 18px; }

  .tb-ln {
    padding-bottom: 183px; }

  .img-hand img {
    width: 236px;
    height: 167px; }

  .dp-maket-box {
    width: 300px;
    margin: 0 auto; }

  .delivery-material {
    padding-bottom: 30px;
    padding-top: 70px; }

  .mobile-menu-overlay:after {
    left: 44px; }

  .recording-wrap-right p {
    font-size: 15px; }

  .additional-services-box {
    margin: 0px;
    width: 100% !important;
    position: relative; }

  .additional-services-box img {
    width: auto; }

  .serv-title {
    font-size: 15px;
    line-height: 18px; }

  .mobile-adtition-slider .slick-dots {
    position: absolute;
    bottom: -26px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }

  .foundation-option-wrap {
    display: flex;
    padding-top: 50px;
    justify-content: space-between; }

  .serv-price {
    width: 125px;
    height: 42px;
    background: #936457;
    font-size: 12px;
    line-height: 19px;
    text-align: center;
    font-family: "OpenSans-Regular";
    display: flex;
    justify-content: center;
    color: #FFFFFF;
    align-items: center; }

  .serv-ui a {
    font-size: 13px;
    line-height: 19px;
    width: 125px;
    height: 42px;
    border: 1px solid #91C554;
    display: block;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #91C554;
    transition: 0.3s;
    font-family: "OpenSans-Regular"; }

  .serv-box-bottom {
    position: absolute;
    bottom: 7px;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px; }

  .slider-work-wrap .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: #666666;
    width: 50px !important;
    height: 2px !important;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

  .slider-work-wrap .slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px !important;
    height: 1px;
    margin: 0 15px;
    padding: 0;
    cursor: pointer; }

  .mobile-adtition-slider .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: #666666;
    width: 50px !important;
    height: 2px !important;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

  .mobile-adtition-slider .slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px !important;
    height: 1px;
    margin: 0 15px;
    padding: 0;
    cursor: pointer; }

  .slider-nm .slick-dots li button:before {
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: #666666;
    width: 50px !important;
    height: 2px !important;
    content: '';
    text-align: center;
    opacity: 1;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

  .slider-nm .slick-dots li {
    position: relative;
    display: inline-block;
    width: 50px !important;
    height: 1px;
    margin: 0 15px;
    padding: 0;
    cursor: pointer; }

  .slider-defoult {
    padding-bottom: 50px; }

  .slider-nm .slick-dots {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    bottom: -41px;
    list-style: none;
    text-align: center; }

  .types-box-bg {
    position: relative;
    width: 100%;
    height: 319px;
    background-image: url(../img/box.jpg);
    background-size: cover; }

  .types-box-bw {
    position: relative;
    width: 100%;
    height: 319px;
    background-image: url(../img/box7.jpg);
    background-size: cover; }

  .types-box-bk {
    position: relative;
    width: 100%;
    height: 319px;
    background-image: url(../img/box4.jpg);
    background-size: cover; }

  .types-box-bt {
    position: relative;
    width: 100%;
    height: 319px;
    background-image: url(../img/box2.jpg);
    background-size: cover; }

  .types-box-br {
    position: relative;
    width: 100%;
    height: 319px;
    background-image: url(../img/box3.jpg);
    background-size: cover; }

  .types-box-bl {
    position: relative;
    width: 100%;
    height: 319px;
    background-image: url(../img/box5.jpg);
    background-size: cover; }

  .types-box-bo {
    position: relative;
    width: 100%;
    height: 319px;
    background-image: url(../img/box6.jpg);
    background-size: cover; }

  .types-box-bd {
    position: relative;
    width: 100%;
    height: 319px;
    background-image: url(../img/box8.jpg);
    background-size: cover; }

  .types-box-bd {
    width: 100%; }

  .types-box {
    width: 100%;
    margin: 0px;
    margin-bottom: 20px; }

  .types-mobile-slider .types-box {
    width: 100%;
    margin: 0px;
    margin-bottom: 20px; }

  .types-mobile-slider .slick-dots {
    position: absolute;
    bottom: -23px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }

  .wrp {
    width: 100% !important;
    margin: 0px;
    position: relative;
    outline: none; }

  #change2Video, #change7Video, #change6Video, #change5Video, #change3Video, #changeVideo, #change4Video {
    z-index: 999;
    position: absolute;
    top: 24%;
    left: 38%;
    width: 91px;
    height: 90px;
    background-image: url(../img/bottom_paly.png);
    opacity: 1;
    transition: opacity .3s ease;
    cursor: pointer;
    border-radius: 50%;
    color: red;
    font-weight: bold;
    line-height: 25px;
    text-align: center;
    background-size: contain; }

  .mobile-menu-overlay:after {
    left: 26px; }

  .slider-nm img {
    margin: 0; }

  .wrp img {
    width: 100%;
    outline: none;
    height: 300px;
    object-fit: contain; }

  .slider-work-wrap .slick-dots {
    position: absolute;
    bottom: -43px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center; }

  .slider-work-wrap .slick-dots li {
    position: relative;
    display: inline-block;
    width: 40px !important;
    height: 1px;
    margin: 0 12px;
    padding: 0;
    cursor: pointer; }

  .slider-work-grey .title-name:before {
    position: absolute;
    content: "";
    left: 20px;
    z-index: 0;
    top: -20px;
    width: 56px;
    height: 56px;
    border: 6px solid #91C554; }

  .section-dl {
    width: 100%;
    height: 160px;
    background-image: url(../img/section-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 300px; }

  .dl-wrap-left {
    top: 112px; }

  .dl-wrap-left h1 {
    font-size: 30px;
    line-height: 36px; }

  .dl-wrap-left span {
    font-size: 16px;
    line-height: 28px; }

  .dl-wrap-left {
    padding-top: 12px;
    padding-left: 13px;
    padding-bottom: 15px; }

  .dl-wrap-right {
    top: 112px;
    flex-direction: column; }

  .present-work {
    width: 100%; }

  .present-works {
    width: 100%; }

  .dk-wrap-left h1 {
    font-size: 30px;
    line-height: 36px; }

  .coast-table {
    padding-bottom: 70px;
    padding-top: 70px;
    margin-bottom: 70px; }

  .table-top {
    margin-top: 100px; }

  .contact-wp {
    background-position: 85% -57px; }

  .discount-box p {
    font-size: 22px;
    line-height: 35px; }

  .discount-box {
    width: 100%; }

  .discount-boxs h2 {
    font-size: 21px;
    line-height: 30px; }

  .discount-txt {
    text-align: center; }

  .img-prof-box img {
    height: 157px; }

  .img-prof-box {
    width: 183px;
    border: 1px solid #91C554;
    flex-direction: column;
    display: flex;
    margin-bottom: 20px; }

  .img-prof-box a {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    padding-left: 14px;
    padding-right: 20px; }

  .popular-text-box h2 {
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    padding-top: 24px;
    padding-left: 15px;
    padding-right: 15px; }

  .form-section .water-left-txt {
    padding-top: 37px; }

  .error h2 {
    font-size: 35px;
    text-transform: uppercase;
    line-height: 51px; }

  .error {
    width: 100%;
    height: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 40px;
    padding-top: 50px; } }
@media only screen and (max-width: 480px) {
.fast-green-left {
    padding-top: 20px;
    width: 100%;
}
.pluss-working-box{
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.pluss-working-box img{
  width: 100%;
}
.work-profesional-left img {
    width: 100%;
}
.work-profesional-right {
    padding-top: 60px;
    width: 100%;
    padding-left: 20px;

}
.title-nm strong {
    padding-left: 74px;

}

img.img-hr-pg:hover {
 top: 85.5%;
}
img.img-hr-ng:hover {
 top: 85.5%;
}

img.img-hr-ng {
    top: 85.5%;
}
img.img-hr-pg {
    top: 85.5%;
}
.green-left p:before {
    top: 13px;
}
.green-left {
  padding-top: 25px;
    padding-left: 40px;
}
.green-left p {
    font-size: 16px;
}
.strong {
    font-size: 14px;
}
.linet-txt {

    font-size: 14px;
}
.green-table-left strong {
    font-size: 16px;
}
.green-table-right strong {
    font-size: 16px;
}
.green-table-btn a:before {
    width: 15px;
    right: -15px;
}
.green-table-btn a:after {
    width: 15px;
    left: -15px;
}
.green-table-btn-white a:before {
  width: 15px;
    right: -15px
}
.green-table-btn-white a:after {
  width: 15px;
    left: -15px
}

.greenhouse-txt {
    padding: 25px 15px;
    margin-top: 45px;

    font-size: 14px;
    line-height: 25px;

}
.greenhouse-btn h3 {
    font-size: 20px;
    line-height: 23px;
}
.greenhouse-btn {
    padding-top: 0;
}
.greenhouse-box-title {
    font-size: 16px;
}
.greenhouse-title {
    font-size: 14px;
    line-height: 21px;
}


.title-name strong {
    padding-left: 80px;
}
.fast-green-pd {
    padding-top: 80px;
}
.top-green-title h2 {
    line-height: 24px;
}
.work-profesional {
    padding-top: 80px;
}
.work-profesional-box {
    font-size: 14px;
}
.work-profesional-box strong {
    font-size: 18px;
}
.work-profesional-box:after {
    left: -31px;
}
.get-start-wrapers span{
  font-size: 14px;
}
.get-start-wrapers span br{
 display: none;
}
.pluss-working-wrap {
    padding-top: 80px;
}
.get-start-wrapers h2{
  font-size: 26px;
  margin-top: 20px;
  line-height: 26px;
}
.pluss-working {
    padding-bottom: 30px;
    padding-top: 80px;
}
.top-box-section{
  width: 100%;
}
.fast-green {
    padding-bottom: 60px;
}
.fast-green-right img {
    width: 100%;
}

.srv-section-txt {
    font-size: 22px;
    line-height: 31px;
}
.srv-section-txt br{
  display: none;
}
.srv-txt {
    padding-top: 0;
    font-size: 18px;
    line-height: 20px;
}
.coast-line p {
    width: 70%;
}
.plus-services-left p:after {
    left: 0;
}
.plus-services-left p {
    padding-left: 30px;
    font-size: 16px;
    line-height: 21px;
}
.plus-services-wrap strong {
    font-size: 18px;
    line-height: 39px;
}
.plus-services-left {
    width: 100%;
    padding-top: 30px;
    padding-left: 0;
}
.plus-services-wrapr strong {
  font-size: 18px;
    line-height: 39px;
}

  .font-cell {
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    font-family: "OpenSans-Regular";
    color: #000000;
    padding-right: 5px;
    padding-left: 5px; }

  .bg-cel {
    font-size: 10px;
    line-height: 10px; }

  .drill-table-btn button {
    margin-right: 0; }

  .field-text p {
    font-size: 18px;
    line-height: 22px; }

  .plus-services-left p {
    position: relative;
    font-size: 18px;
    line-height: 22px; }

  .tehno-right h2 {
    position: relative;
    font-size: 26px;
    line-height: 36px;
    text-transform: uppercase;
    color: #393939;
    font-family: "Rubik-Regular";
    z-index: 2; }

  .tehno-right br {
    display: none; }

  .ac-q:after {
    height: 54px;
    background: #91C554; }

  .ac > .ac-q {
    padding: 2px 17px 2px 96px !important; }

  .ac > .ac-q {
    font-size: 16px;
    line-height: 24px; }

  .question-bg {
    padding-top: 70px;
    padding-bottom: 60px; }

  .ac-q:before {
    content: "";
    z-index: 2;
    position: absolute;
    left: 28px;
    top: 18px;
    background-image: url(../img/pluss.svg);
    width: 21px !important;
    height: 21px;
    background-size: cover; }

  .instal-right-box {
    padding-bottom: 40px; }

  .form {
    width: 100%;
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px; }

  .form-btn {
    text-align: center;
    padding-top: 50px; }

  .instal-right-box img {
    width: 37%; }

  .div-tp {
    width: 78%; }

  .price-drill-box:last-child {
    margin-bottom: 0px; }

  .pump-text p {
    font-size: 22px;
    line-height: 28px;
    text-transform: uppercase;
    font-family: "Rubik-Bold";
    color: #FFFFFF;
    padding-left: 10px;
    padding-right: 10px; }

  .price-drill-wrap {
    padding-top: 50px; }

  .ac-a p {
    width: 100%; }

  .foundation-option-txt p {
    font-size: 22px;
    line-height: 35px; }

  .foundation-option-txt {
    margin-top: 30px; }

  .about-section-right {
    height: 300px; }

  .av-maket-box {
    width: 100%;
    margin: auto; }
    .av-maket-box img {
      width: 100%; }

  .portfolio-bg {
    padding-bottom: 60px; }

  .all-btn-prof {
    color: #91C554;
    position: relative;
    bottom: 0;
    left: 0;
    transform: none;
    width: 100%; }

  .discount-boxs p {
    font-size: 14px;
    line-height: 22px; }

  .discount-bg {
    padding-top: 70px;
    padding-bottom: 60px; }

  .boxs-line {
    padding-top: 30px;
    padding-left: 15px;
    padding-right: 15px; }

  .discount-boxs h2 {
    font-size: 15px;
    line-height: 25px; }

  .discount-box img {
    width: 61%; }

  .discount-box p {
    font-size: 17px;
    line-height: 29px;
    padding-right: 15px; }

  .title-drs h2:before {
    top: -20px;
    width: 56px;
    height: 56px; }

  .discount-box {
    height: 315px; }

  .shoose-box {
    width: 158px;
    position: relative;
    margin-bottom: 18px; }
    .shoose-box img {
      width: 100%; }

  .shoose-section {
    padding-bottom: 10px;
    position: relative; }

  .all-btn-mobile {
    margin: 0 auto;
    position: relative;
    bottom: 0px;
    left: 0;
    transform: none;
    width: 100%; }

  .shoose-wrap h2 {
    font-size: 22px;
    line-height: 25px;
    font-family: "OpenSans-Bold";
    position: relative;
    color: #000000;
    padding-left: 47px; }

  .shoose-fg-wrap h2 {
    font-size: 22px;
    line-height: 25px;
    font-family: "OpenSans-Bold";
    position: relative;
    color: #000000;
    padding-left: 47px; }

  .shoose-wrap {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 15px;
    border: 8px solid #936457; }

  .shoose-fg-wrap {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 15px;
    border: 8px solid #91C554; }

  span.wrk-span {
    padding-top: 9px;
    display: block;
    font-size: 12px;
    line-height: 19px;
    font-family: "OpenSans-Regular";
    color: #E8E8E8; }

  p.wrk-text {
    font-size: 14px;
    line-height: 22px;
    font-family: "OpenSans-Regular";
    color: #000000;
    padding-top: 9px; }

  .work-complecs-left h2 {
    font-size: 20px;
    line-height: 28px;
    font-family: "Rubik-Bold";
    color: #FFFFFF;
    text-transform: uppercase; }

  .about-section {
    padding-top: 50px;
    padding-bottom: 70px; }

  .img-av {
    position: absolute;
    left: 6px;
    bottom: 87px; }

  .gate-wrap-grey .title-name:before {
    position: absolute;
    content: "";
    left: 20px;
    z-index: 0;
    top: -20px;
    width: 56px;
    height: 56px;
    border: 6px solid #91C554; }

  .video-descp {
    bottom: 7px;
    font-size: 13px;
    line-height: 16px; }

  .about-section-right {
    width: 100%; }

  .about-work {
    padding-top: 60px;
		padding-bottom: 60px;
		top: 0;
	}

  .about-title {
    padding-left: 0;
    position: relative;
    font-size: 18px;
    line-height: 25px; }

  .title-nm h2 {
    padding-left: 10px; }

  .about-title:after {
    content: "";
    position: absolute;
    left: -20px;
    top: 11px;
    width: 16px;
    height: 2px;
    background: #91C554; }

  .about-section-left p {
    font-size: 14px;
    line-height: 19px; }

  .content-box {
    padding-top: 74px; }

  a.js-btn {
    margin-top: 82px; }

  .wrap-btn {
    display: flex;
    flex-wrap: wrap; }

  a.js-sp {
    margin-left: 10px;
    width: 179px;
    height: 50px;
    margin-top: 40px;
    background: #91C554;
    color: #fff;
    border: none;
    position: relative;
    font-family: "OpenSans-Regular";
    transition: 0.3s;
    display: flex;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    align-items: center;
    padding-left: 25px; }

  a.js-st {
    width: 174px;
    height: 50px;
    margin-top: 40px;
    background: #91C554;
    color: #fff;
    border: none;
    position: relative;
    font-family: "OpenSans-Regular";
    transition: 0.3s;
    display: flex;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    align-items: center;
    padding-left: 25px; }

  a.js-pt {
    margin-left: 0px;
    width: 128px;
    height: 50px;
    margin-top: 22px;
    background: #91C554;
    color: #fff;
    border: none;
    position: relative;
    font-family: "OpenSans-Regular";
    transition: 0.3s;
    display: flex;
    text-transform: uppercase;
    font-size: 13px;
    cursor: pointer;
    align-items: center;
    padding-left: 25px; }

  a.js-pt .img {
    width: 14px;
    height: 7px;
    position: absolute;
    top: 21px;
    display: block;
    right: 25px;
    background-image: url(../img/left-white.svg);
    background-size: cover; }

  .img {
    width: 14px;
    height: 7px;
    position: absolute;
    top: 23px;
    display: block;
    right: 25px;
    background-image: url(../img/left-white.svg);
    background-size: cover; }

  .title-name h2 {
    font-size: 20px;
    line-height: 24px;
    height: 29px; }

  .title-name h2:before {
    width: 56px;
    height: 56px;
    top: -20px; }

  .title-nm h2 {
    font-size: 20px;
    line-height: 24px;
    height: 29px; }

  .title-nm:before {
    width: 56px;
    height: 56px;
    top: -20px; }

  .title-name span {
    font-size: 20px;
    line-height: 24px;
    margin-left: 49px; }

  .title-nm span {
    font-size: 20px;
    line-height: 24px;
    margin-left: 49px; }

  .main-slider {
    margin-bottom: 30px; }

  .types-fences {
    padding-bottom: 60px; }

  .types-fences br {
    display: none; }

  .wrap-price {
    display: flex;
    justify-content: center;
    margin-bottom: 7px;
    flex-direction: column; }

  .price-types {
    margin-right: 6px;
    background: #936457;
    width: 98%;
    margin: 0 auto;
    margin-bottom: 6px;
    height: 42px;
    color: #fff;
    font-family: "OpenSans-Regular";
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center; }

  .wrap-price a {
    font-size: 14px;
    line-height: 19px;
    width: 98%;
    margin: 0 auto;
    height: 42px;
    border: 1px solid #91C554;
    display: block;
    align-items: center;
    display: flex;
    justify-content: center;
    color: #91C554;
    transition: 0.3s;
    font-family: "OpenSans-Regular"; }

  .types-title {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 21px;
    font-family: "OpenSans-Regular";
    font-weight: bold;
    padding-left: 0;
    margin-bottom: 10px;
    margin-left: 6px; }

  .img-hand {
    width: 145px;
    height: 222px;
    position: absolute;
    right: -24px;
    top: 47px;
    background-image: url(../img/hand-mobile.png); }
    .img-hand img {
      display: none; }

  .coast-line h2 {
    font-size: 20px;
    line-height: 24px;
    left: 0; }

  .coast-line p {
    font-size: 12px;
    line-height: 16px;
    color: #000;
    background: #91C554;
    left: -5px;
    font-family: "OpenSans-Regular";
    position: relative; }

  .reliable-section {
    padding-top: 70px;
    padding-bottom: 60px; }

  .reliable-left-box {
    position: relative;
    width: 100%; }

  .reliable-left {
    padding-top: 20px; }

  .reliable-left-number:after {
    content: "";
    position: absolute;
    right: 0;
    top: 10px;
    background: #936457;
    width: 93%;
    height: 2px; }

  .reduce-price-left img {
    position: relative;
    top: -35px;
    left: 0;
    width: 68%; }

  h2.tl-price {
    font-size: 20px;
    line-height: 24px;
    color: #FFFFFF;
    padding-top: 20px; }

  h2.tl-pr {
    font-size: 20px;
    line-height: 24px; }

  span.tl-span {
    width: 100%;
    display: block;
    padding-top: 6px;
    font-size: 17px; }

  .recording-wrap {
    padding-top: 70px; }

  .recording-wrap-right {
    width: 94%; }

  .recording-wrap-right p {
    line-height: 20px;
    padding-bottom: 27px; }

  button.btn-record {
    width: 100%;
    margin-top: 40px; }

  a.gate-btn-wrp {
    width: 100%;
    margin-top: 40px; }

  .recording {
    padding-bottom: 40px; }

  .quick-calc-left h2 {
    font-size: 20px;
    line-height: 24px;
    padding-top: 60px; }

  button.qiuck-btn {
    width: 100%; }

  .additional-services {
    padding-top: 60px;
    padding-bottom: 60px; }

  .serv-box-bottom {
    flex-direction: column;
    align-items: flex-start; }

  .serv-price {
    width: 50%; }

  .serv-ui {
    width: 50%; }
    .serv-ui a {
      width: 100%; }

  .serv-title-wrap {
    width: 100%; }

  .serv-title {
    font-size: 16px;
    line-height: 18px;
    padding-bottom: 12px; }

  .managers-txt {
    font-size: 14px;
    line-height: 19px;
    padding-top: 40px; }

  .manager-content h2 {
    font-size: 20px;
    line-height: 24px;
    text-align: center; }

  .manager-content {
    padding-right: 0; }

  a.btn-mang {
    width: 100%;
    margin-left: 0; }

  .managers-btn {
    margin-bottom: 0; }

  .water-wrap-left {
    width: 100%; }

  .water-left-txt p {
    font-size: 16px;
    line-height: 16px;
    font-family: "OpenSans-Regular";
    color: #373737;
    margin-left: 48px;
    padding-top: 10px;
    position: relative; }

  .gate-txt p {
    font-size: 16px;
    line-height: 16px;
    font-family: "OpenSans-Regular";
    color: #373737;
    margin-left: 48px;
    padding-top: 10px;
    position: relative;
    padding-bottom: 20px; }

  .water-left-txt p:before {
    content: "";
    position: absolute;
    top: 8px; }

  a.btn-water {
    width: 100%; }

  .water-bg {
    padding-top: 90px;
    padding-bottom: 60px; }

  .gate-txt {
    margin-left: 0px; }

  .gate-wrap {
    padding-top: 90px;
    padding-bottom: 60px; }

  .company-wrap {
    margin-top: 50px;
    display: flex; }

  .company-box:last-child {
    margin-bottom: 0px; }

  .company-bg {
    padding-top: 70px;
    padding-bottom: 60px; }

  .all-work button {
    width: 100%; }

  .all-work {
    margin-top: 70px; }

  .slider-work-main {
    padding-top: 70px;
    padding-bottom: 60px; }

  .video {
    padding-top: 70px;
    padding-bottom: 60px; }

  .video-wrap {
    margin-top: 50px; }

  .video-box {
    margin-bottom: 20px; }

  .all-video {
    margin-top: 20px; }
    .all-video a {
      width: 100%; }

  .howmuch {
    padding-top: 60px;
    padding-bottom: 60px; }

  .howmuch-left h2 {
    font-size: 20px;
    line-height: 24px; }

  .howmuch-left-txt p {
    font-size: 14px;
    line-height: 16px;
    padding-bottom: 20px; }

  .one:after {
    content: "1";
    position: absolute;
    top: -1px;
    font-size: 18px;
    line-height: 25px;
    font-family: "OpenSans-Regular";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    width: 19px;
    height: 19px;
    background: #91C554;
    box-shadow: 0px 4px 8px rgba(158, 233, 68, 0.74);
    left: -37px; }

  .two:after {
    content: "1";
    position: absolute;
    top: -1px;
    font-size: 18px;
    line-height: 25px;
    font-family: "OpenSans-Regular";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    width: 19px;
    height: 19px;
    background: #91C554;
    box-shadow: 0px 4px 8px rgba(158, 233, 68, 0.74);
    left: -37px; }

  .three:after {
    content: "1";
    position: absolute;
    top: -1px;
    font-size: 18px;
    line-height: 25px;
    font-family: "OpenSans-Regular";
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    width: 19px;
    height: 19px;
    background: #91C554;
    box-shadow: 0px 4px 8px rgba(158, 233, 68, 0.74);
    left: -37px; }

  .howmuch-btn button {
    width: 100%; }

  .howmuch-left span {
    text-align: center; }

  .footer-nav a {
    font-size: 16px; }

  .delivery-wrap h1 {
    font-size: 44px;
    line-height: 47px; }

  .delivery-wrap {
    height: 160px;
    background-image: url(../img/delivery-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 64% 5px; }

  .delivery-wrap h1 {
    font-size: 34px;
    line-height: 42px;
    padding-top: 63px; }

  .all-work {
    padding-left: 15px;
    padding-right: 15px; }

  .title-name h2 {
    padding-left: 8px; }

  .dk-wrap-left {
    padding-top: 12px;
    padding-left: 13px;
    padding-bottom: 15px; }

  .dk-wrap-right {
    top: 112px;
    flex-direction: column; }

  .section-dk {
    width: 100%;
    height: 160px;
    background-image: url(../img/dk-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 300px; }

  .form h2 {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    font-family: "OpenSans-Regular";
    color: #000000; }

  .form-main {
    display: flex;
    padding-bottom: 25px;
    padding-top: 25px;
    flex-direction: column; }

  .is-active .ac-q:before {
    content: "";
    z-index: 2;
    position: absolute;
    left: 29px;
    top: 27px;
    background-image: url(../img/minus.svg);
    width: 22px !important;
    height: 3px; }

  .left-lp {
    font-size: 14px;
    line-height: 20px; }

  .right-lp {
    font-size: 14px;
    line-height: 20px; }

  .important span {
    font-size: 26px;
    line-height: 34px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 0; }

  .important p {
    font-size: 18px;
    line-height: 27px;
    padding-bottom: 20px; }

  .key-left p {
    font-size: 16px;
    padding-bottom: 20px; }

  .key-right {
    font-size: 16px; }

  .palette-color-wrap {
    margin-top: 50px; }

  .timing-wrap h2 {
    font-size: 22px;
    line-height: 30px;
    font-family: "OpenSans-Bold";
    color: #000000;
    position: relative;
    padding-left: 47px; }

  .timing-wrap p {
    font-size: 16px; }

  .timing-wrap {
    padding-top: 60px; }

  .catalog-color {
    padding-bottom: 10px; }

  .fence-all-txt p {
    font-size: 16px;
    line-height: 20px;
    font-family: "OpenSans-Regular";
    color: #000000;
    padding-bottom: 25px; }

  .fence-all-txt h2 {
    font-size: 22px;
    line-height: 30px; }

  .option-bg {
    padding-top: 70px;
    padding-bottom: 60px; }

  .palette-color-bg {
    padding-bottom: 70px;
    padding-top: 60px; }
.title-name strong {
    font-size: 14px;
}
  .gate-btn-wrp a {
    width: 100%; } }
@media only screen and (max-width: 375px) {
.add-services {
    padding-top: 60px;
}
.green-table-wrap {
    width: 100%;
}
.title-name strong {
    width: 100%;

}
.title-nm strong {
    width: 100%;
}

.green-left p:before {
    top: 5px;
}
.green-left p {
    line-height: 33px;

}
.green-left {
    padding-top: 25px;
    padding-left: 32px;
}
.ac>.ac-q {
    height: 53px;
}
.ac-q:before {
    left: 28px;
    top: 27px;
}
.ac-q:after {
    height: 78px;
}
.srv-section-txt {
    font-size: 18px;
    line-height: 24px;
}

  .palette-color-wrap {
    padding-top: 25px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px; }

  .fence-txt {
    width: 100%;
    margin: 0 auto; }

  .instal-right-box h2 {
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Bold"; }

  .price-drill-box {
    width: 100%; }

  .price-drill-box h2 {
    padding-top: 30px; }

  .price-div {
    background: #936457;
    height: 80px; }

  .price-div p span {
    font-size: 41px;
    line-height: 41px; }

  .price-drill-box {
    padding-bottom: 25px; }

  .price-drill-btn {
    margin-top: 25px;
    text-align: center; }

  .field-wrap h2 {
    font-size: 18px;
    line-height: 24px; }

  .title-main-contact h1 {
    padding-top: 54px; }

  .field-text p {
    font-size: 16px;
    line-height: 22px;
    padding-bottom: 20px; }

  .personal-wrap img {
    width: 74%; }

  .personal-wrap p {
    font-size: 18px;
    line-height: 22px;
    text-align: center; }

  .drill-btn button {
    margin-right: 12px; }

  .drill-section {
    padding: 8px; }

  .drill-btn button {
    padding: 9px 14px;
    font-size: 12px; }

  .drill-right h2 {
    font-size: 18px;
    line-height: 38px;
    text-align: inherit; }

  .drill-right span {
    font-size: 16px;
    line-height: 22px; }

  .font-cell span {
    font-size: 8px;
    line-height: 8px; }

  .tehno-right h2:after {
    left: 118px;
    width: 92px;
    height: 92px; }

  .tehno-right h2 {
    position: relative;
    font-size: 20px;
    line-height: 25px;
    z-index: 2;
    padding-left: 10px;
    padding-right: 10px; }

  .question-contener {
    margin-top: 60px; }

  .div-tp {
    width: 76%; }

  .ac-a p {
    font-size: 14px;
    padding-left: 19px;
    line-height: 25px; }

  .pumg-ft img {
    top: 0;
    width: 60%; }

  .bg-qwuad {
    width: 170px;
    height: 144px;
    position: absolute;
    top: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); }

  .foundation-option-box {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px; }

  .discount-boxs h2 {
    font-size: 14px;
    line-height: 25px; }

  .foto-inner {
    padding-top: 70px;
    padding-bottom: 60px; }

  .image-profile h2 {
    font-size: 22px;
    line-height: 25px;
    font-family: "OpenSans-Bold";
    color: #FFFFFF;
    padding-bottom: 15px; }

  .image-prof-text p {
    font-size: 18px;
    line-height: 25px;
    padding-left: 32px;
    font-family: "OpenSans-Regular";
    color: #FFFFFF;
    padding-bottom: 15px; }

  .img-prof-box img {
    height: 270px; }

  .img-prof-box {
    width: 100%; }

  .portfolio-btn button {
    padding: 9px 10px;
    font-size: 14px;
    line-height: 18px;
    margin-right: 10px;
    margin-bottom: 10px; }

  .about-section-right {
    height: 200px; }

  .key-text {
    width: 334px;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: space-between; }

  .discount-boxs button {
    margin: 25px auto; }

  .discount-box {
    height: 290px; }

  .shoose-box {
    width: 138px;
    position: relative;
    margin-bottom: 18px; }

  .discount-boxs p {
    font-size: 12px;
    line-height: 17px; }

  .about-title {
    text-align: inherit; }

  .about-section {
    padding-top: 40px;
		padding-bottom: 60px; }

  .about-section-left button {
    height: 40px;
    font-size: 16px;
    line-height: 22px;
    text-indent: 0; }

  .about-work-box {
    margin-bottom: 20px; }

  .about-work-box p {
    font-size: 12px;
    line-height: 20px; }

  .header-logo-left a {
    margin-right: 20px; }

  .header-logo-left img {
    width: 110px; }

  .header-logo-left span {
    font-size: 12px;
    line-height: 13px;
    width: 40%; }

  .material-text-title {
    font-size: 18px;
    line-height: 23px; }

  .pr {
    color: #FFCD93;
    width: 100%;
    padding-top: 6px;
    display: block;
    font-size: 26px;
    font-family: "Rubik-Regular"; }

  a.js-sp {
    width: 150px;
    padding-left: 12px; }

  a.js-st {
    width: 150px;
    padding-left: 12px; }

  .img {
    right: 11px; }

  a.js-btn {
    width: 100%; }

  button.btn-rt {
    width: 100%; }

  .coast-line h2 {
    width: 63%; }
.price-descr {
    padding-left: 63px;
}
  .img-hand {
    top: 9px; }

  .reduce-price-left img {
    width: 100%;
    top: -61px; }

  .bg {
    width: 100%; }
    .bg img {
      width: 20%; }

  .recording-wrap-right p {
    font-size: 12px; }

  .recording-wrap-right {
    width: 100%; }

  .recording-wrap-right p {
    line-height: 20px;
    padding-bottom: 19px; }

  .managers-btn p br {
    display: none; }

  .bg {
    left: -23px; }

  .gate-wrap .title-name h2 {
    padding-left: 2px; }

  .types-mobile-slider .slick-dots li {
    margin: 0;
    margin-right: 15px;
    padding: 0;
    cursor: pointer; }

  .types-mobile-slider .slick-dots li button:before {
    background: #666666;
    width: 20px !important;
    height: 2px !important; }

  .types-mobile-slider .slick-dots li {
    background: #666666;
    width: 20px !important;
    height: 2px !important; }

  .types-mobile-slider .slick-dots {
    bottom: -33px; }

  .foundation-option-txt {
    margin-top: 0px; }

  .delivery-wrap h1 {
    font-size: 30px;
    line-height: 42px; }

  .foundation-option-txt p {
    position: relative;
    padding-left: 17px;
    font-size: 16px;
    line-height: 22px;
    font-family: "OpenSans-Bold";
    text-transform: uppercase;
    color: #936457; }

  .table-box-top {
    font-size: 13px;
    line-height: 22px; }

  .title-green h2 {
    margin-left: 14px; }

  .slider-work-grey .title-name:before {
    left: 15px; }

  .table-top {
    margin-top: 70px; }

  .map-txt {
    font-size: 14px;
    line-height: 19px; }

  .table-box-top {
    font-size: 15px;
    line-height: 22px; }

  .title-green h2 {
    font-size: 18px;
    line-height: 21px;
    height: 27px; }

  .field-btn button {
    width: 100%; }

  .types-fence-wrap {
    padding-top: 50px; }

  .installation-options-box {
    margin-bottom: 20px; }

  .fence-left {
    width: 198px; }

  .gate-btn-wrp a {
    width: 100%; } }
@media only screen and (max-width: 360px) {
.pluss-working-box {
   width: 100%;
   margin-left: 0;
   margin-right: 0;
}
  .greenhouse {
    padding-top: 60px;
    padding-bottom: 60px;
}
.top-green-title:before {
    width: 50px;
    height: 52px;
    top: -10px;
    left: 14px;
}
.get-start-img img {
    width: 100%;
}
.top-wrapper-section {

    padding-top: 60px;
}
.top-box-section {
    margin-bottom: 25px;
}
.top-txt-section {
    font-size: 14px;
}
.top-box-section img{
  height: 60%;
}
.top-green-title h2 {
    line-height: 20px;
}
.top-green-title h2 {
    font-size: 18px;
}
.green-table {
    padding-right: 5px;
    padding-left: 5px;
}
.fast-green-left-txt {
    padding-left: 30px;
}
.fast-green-left h3 {
    font-size: 20px;
}
.fast-green-left strong {
    font-size: 16px;
    line-height: 23px;
}
.title-nm strong {
    font-size: 14px;
    padding-left: 68px;
}
.green-table-btn a:after {
    width: 7px;
    left: -7px;
}
.green-table-btn a:before {
    width: 7px;
    right: -7px;
}
.green-table-btn {
    top: 20px;
}
.green-left p {
    font-size: 14px;
}
.green-table-left strong {
    font-size: 14px;
}
.linet-txt {
    width: 75px;
}
.strong {
    width: 80px;

}

  .header-logo-left img {
    width: 82px; }

  .table-box-top {
    font-size: 13px;
    line-height: 22px; }

  .title-name h2 {
    margin-left: 12px; }

  .mobile-adtition-slider .slick-dots {
    position: absolute;
    bottom: -48px; }

  .header-logo-left span {
    width: 48%; }

  .mobile-menu-overlay:after {
    left: 17px; }

  .slider-content .slick-dots {
    position: absolute;
    bottom: 4% !important; }

  a.js-st {
    font-size: 11px;
    width: 135px;
    padding-left: 12px; }

  a.js-sp {
    width: 135px;
    font-size: 11px;
    padding-left: 12px; }

  a.js-pt {
    width: 135px;
    font-size: 11px;
    padding-left: 12px; }

  .types-mobile-slider .slick-dots {
    position: absolute;
    bottom: -52px; }

  .title-name h2:before {
    width: 46px;
    height: 46px;
    top: -16px;
    left: -9px; }

  .title-nm:before {
    width: 46px;
    height: 46px;
    top: -16px;
    left: -9px; }
.popup {
    width: 90%;
    padding: 20px;

}


  .title-name span {
    padding-left: 21px; }

  .container {
    padding-left: 15px;
    padding-right: 15px; }

  .title-name h2 {
    font-size: 18px;
    line-height: 24px;
    padding-left: 7px;
    height: 29px; }

  .title-nm h2 {
    font-size: 18px;
    padding-left: 7px;
    line-height: 24px;
    height: 29px; }

  .title-name span {
    font-size: 18px;
    line-height: 24px; }

  .title-nm span {
    font-size: 18px;
    line-height: 24px; }

  .managers-wrap {
    padding-left: 10px;
    padding-right: 10px; }

  .manager-content h2 {
    font-size: 19px;
    line-height: 24px;
    text-align: center; }

  .img-hand {
    right: -19px; }

  .slider-work-wrap .slick-dots li {
    margin: 0;
    margin-right: 12px;
    padding: 0;
    cursor: pointer; }

  .slider-nm .slick-dots li {
    margin: 0;
    margin-right: 12px;
    padding: 0;
    cursor: pointer; }

  .delivery-wrap {
    background-position: 59% 0px; }

  .dk-wrap-left h1 {
    font-size: 26px;
    line-height: 36px; }

  .shoose-box {
    width: 127px;
    position: relative;
    margin-bottom: 18px; }

  .shoose-wrap {
    padding-left: 5px;
    padding-right: 5px; }

  .shoose-fg-wrap {
    padding-left: 5px;
    padding-right: 5px; }

  .shoose-fg-wrap h2 {
    font-size: 16px;
    line-height: 20px; }

  .shoose-wrap h2 {
    font-size: 16px;
    line-height: 20px; }

  .key-text {
    width: 274px; }

  .key-text span {
    padding-left: 123px; }

  .discount-boxs button {
    width: 100%;
    margin: 15px auto; }

  .form-btn button {
    width: 100%; }

  .form-main {
    padding-bottom: 15px;
    padding-top: 15px; }

  .form h2 {
    font-size: 14px;
    line-height: 18px; }

  .sk-wrap-left h1 {
    font-size: 26px;
    line-height: 32px; }

  .dl-wrap-left h2 {
    font-size: 26px;
    line-height: 32px; }

  .sk-wrap-left span {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 29px; }

  .dk-wrap-left span {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 29px; }

  .dk-wrap-left {
    height: 174px; }

  .section-dp {
    margin-bottom: 255px; }

  .section-dk {
    margin-bottom: 255px; }

  .field-text p {
    font-size: 14px; }

  .section-top {
    margin-bottom: 255px; }

  .section-gk {
    margin-bottom: 255px; }

  .instal-right-box p {
    font-size: 14px;
    line-height: 22px; }

  .personal-wrap img {
    width: 90%; }

  .field-btn span {
    font-size: 14px;
    line-height: 22px; }

  .price-descr {
    padding-top: 21px;
    padding-left: 40px; }

  .drill-btn button {
    padding: 9px 14px;
    font-size: 12px;
    width: 100%; }

  .font-cell {
    font-size: 8px;
    line-height: 10px; }

  .divTableHead {
    width: 245px;
    padding: 5px 5px; }

  .tehno-right h2:after {
    left: 116px; }

  .ac > .ac-q {
    padding: 10px 11px 10px 83px !important; }

  .ac > .ac-q {
    font-size: 14px;
    line-height: 15px; }

  .ac-q:before {
    content: "";
    z-index: 2;
    position: absolute;
    left: 25px;
    top: 18px;
    background-image: url(../img/pluss.svg);
    width: 15px !important;
    height: 15px;
    background-size: contain; }

  .ac-q:after {
    content: "";
    position: absolute;
    left: 0;
    width: 65px !important;
    height: 100%;
    background: #91C554; }

  .is-active .ac-q:before {
    content: "";
    z-index: 2;
    position: absolute;
    left: 22px;
    top: 23px;
    background-image: url(../img/minus.svg);
    width: 19px !important;
    height: 3px; }

  .bl {
    width: 65px !important;
    background: #91C554;
    position: relative; }

  .left-lp {
    font-size: 12px;
    line-height: 18px; }

  .right-lp {
    font-size: 12px;
    line-height: 18px; }

  .important span {
    font-size: 20px;
    line-height: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 0; }

  .important p {
    font-size: 16px;
    line-height: 22px; }

  .key-left p {
    font-size: 14px;
    padding-bottom: 18px; }

  .key-right {
    font-size: 14px; }

  .catalog-box {
    width: 130px; }

  .name-col {
    font-size: 10px;
    line-height: 16px; }

  .catalog span {
    font-size: 18px;
    line-height: 27px; }

  .catalog span:after {
    top: 13px; }

  .all-color span {
    font-size: 18px;
    line-height: 27px; }

  .all-color span:after {
    top: 13px; }

  .timing-wrap h2 {
    font-size: 18px;
    line-height: 27px; }

  .timing-wrap h2:after {
    top: 13px; }

  .timing-wrap p {
    font-size: 14px; }

  .check-time {
    padding-top: 0px; }

  .inst-option-text h2 {
    font-size: 16px;
    line-height: 20px; }

  .inst-option-text p {
    font-size: 12px; }

  .inst-option-text a {
    margin-top: 15px; }

  .inst-option-text {
    padding-right: 5px; }

  .fence-left {
    font-size: 14px;
    width: 184px; }

  .fence-right {
    font-size: 12px; }

  .fence-bt-text p {
    font-size: 14px; }

  .fence-all-txt h2 {
    font-size: 16px;
    line-height: 20px; }

  .fence-all-txt h2:after {
    top: 9px; }

  .fence-all-txt p {
    font-size: 12px; } }

/*# sourceMappingURL=styles.css.map */

/* Аккордеон */
.ac-container{width: 100%;margin: 10px auto 30px auto;text-align: left;position: relative;z-index: 0;}
.ac-container label{
	font-size: 18px;
	cursor: pointer;
	border: none;
	line-height: 25px;
	font-family: "OpenSans-Regular";
	width: 100%;
	border: 1px solid #C4C4C4;
	height: 50px;
	background: #fff;
	display: flex;
	text-align: justify;
	text-indent: 26px;
	text-decoration: none;
	margin: 20px 0;
	align-items: center;
	justify-content: center;
	color: #C4C4C4;}
.ac-container label:hover{background: #fff;}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3), 0px 2px 2px rgba(0,0,0,0.1);}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{content: '';position: absolute;width: 24px;height: 24px;right: 13px;top: 7px;background: transparent url(../images/arrow_down.png) no-repeat center center;}
.ac-container input:checked + label:hover:after{background-image: url(../images/arrow_up.png);}
.ac-container input{display: none;}
.ac-container article{margin-top: -1px;overflow: hidden;height: 0px;position: relative;z-index: 10;
    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out, box-shadow 0.6s linear;}
.ac-container article p {padding: 20px 0;text-shadow: 1px 1px 1px rgba(255,255,255,0.8);}
.ac-container input:checked ~ article{}
.ac-container input:checked ~ article.ac-small{height: 100%;}
.ac-container input:checked ~ article.ac-medium{height: 180px;}
.ac-container input:checked ~ article.ac-large{height: 230px;}
/* Аккордион */

.section-ls {
  width: 100%;
  height: 280px;
  background-position: center;
  background-repeat: no-repeat;
	margin-bottom: 30px; }

.section-ls.profnastil-bg {background-image: url(../img/profnastil-bg.jpg)}
.section-ls.proflist-bg {background-image: url(../img/proflist-bg.jpg)}
.section-ls.derevyan-bg {background-image: url(../img/derevyan-bg.jpg)}
.section-ls.evrosht-bg {background-image: url(../img/evrosht-bg.jpg)}
.section-ls.rabitsa-bg {background-image: url(../img/rabitsa-bg.jpg)}
.section-ls.proftruba-bg {background-image: url(../img/proftruba-bg.jpg)}
.section-ls.d3-bg {background-image: url(../img/d3-bg.jpg)}
.section-ls.kirpichn-bg {background-image: url(../img/kirpichn-bg.jpg)}
.section-ls.dlya-dachi-bg {background-image: url(../img/dlya-dachi-bg.jpg)}

.option-right {background-image: url(../img/zb-bg.jpg)}
.option-right.card-profl {background-image: url(../img/card-profl.jpg)}
.option-right.card-derev {background-image: url(../img/card-derev.jpg)}
.option-right.card-evrosht {background-image: url(../img/card-evrosht.jpg)}
.option-right.card-rabitsa {background-image: url(../img/card-rabitsa.jpg)}
.option-right.card-prof {background-image: url(../img/card-prof.jpg)}
.option-right.card-3d {background-image: url(../img/card-3d.jpg)}
.option-right.card-kirp {background-image: url(../img/card-kirp.jpg)}

@media only screen and (max-width: 668px) {
.section-ls {
    width: 100%;
    height: 160px;
    background-image: url(../img/avto-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 300px;
}
body .marquiz__button_fixed {
	transform: rotate(-90deg) translate(-40.2%) !important;
	width: auto !important;
	border-radius: inherit !important;
	left: 0 !important;
	padding: 20px 10px !important;
	top: 50% !important;
	height: 35px;
	opacity: 0.8;
}

.marquiz__button_fixed .marquiz__text {
	display: block !important;
	font-size: 18px;
	padding-left: 10px;
}}

@media (min-width: 668px) {
	.whatsapp-header {display: none;}
}


@media only screen and (max-width: 991px) {
.section-ls {
    width: 100%;
    height: 280px;
    background-image: url(../img/avto-bg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: 163px;}}

.about-section.pb0 {
	padding-bottom: 0; }

.foto-inner img {
	max-width: 850px;
}

.reviews-drilling {
	margin-top: 60px;
}

.text-center {
	text-align: center;
}

.text {
	font-size: 18px;
  line-height: 25px;
  text-align: justify;
  text-indent: 26px;
  font-family: "OpenSans-Regular";
  color: #393939;
}

.text h1 {
	font-size: 36px;
  line-height: 43px;
  font-family: "Rubik-Regular";
  padding-bottom: 25px;
  text-transform: uppercase;
}

.whatsapp-header {
	width: 100%;
	text-align: center;
}

.whatsapp-header img {
	width: 47px;
	text-align: center;
}

.whatsapp.mb-menu {
	display: block;
}

.whatsapp.mb-menu a {
	margin: 0 auto;
}

.time, .marquiz__text {
	font-family: "OpenSans-Regular";
	font-weight: bold;
	text-transform: uppercase;
}

.vd-wrap {
	margin-bottom: 20px;
}

@media (min-width: 630px) {
	.vd-wrap iframe {
		width: 630px;
		height: 315px;
	}
}

@media (max-width: 898px) {
	.mnu-home {
display:	none;
	}
}

@media (min-width: 898px) {
	.mnu-home-mobile {
display:	none;
	}
}

.header_fixed
{
  display: none;
}

@media (max-width: 575px) {
  .header_fixed
  {
    top: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    display: none;
  }

  .header_top_mob .navbar-head
  {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    font-family: "OpenSans-Regular";
  }
  .header_top_mob .navbar-toggle
  {
    width: 25px;
    height: 25px;
    margin-right: 10px;
  }
  .header_top_mob .navbar-toggle span
  {
    width: 18px;
    height: 2px;
    margin-bottom: 4px;
  }
  .header_top_mob .navbar-toggle span:nth-child(2)
  {
    width: 14px;
    margin-left: 0;
  }
  .header_top_mob .navbar-toggle span:last-child
  {
    margin-bottom: 0;
  }
.header_fixed.fixed
{
display: block;
}

.header_top_mob
{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 5px 0 10px;
}

.header_bottom_mob
{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
border-top: 1px solid #E6E6E6;
padding-top: 10px;
}

.header_bottom_mob .whats
{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-left: 30px;
}

.header_bottom_mob .calc
{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-left: 30px;
margin-top: -5px;
}

.header_bottom_mob .whats img
{
width: 15px;
min-width: 15px;
margin-right: 5px;
}

.header_bottom_mob .whats a
{
color: #797979;
font-size: 10px;
font-family: "OpenSans-Regular";
position: relative;
}

.header_bottom_mob .whats a:after {
content: "";
position: absolute;
bottom: -2px;
right: 0;
width: 100%;
height: 1px;
border-bottom: 1px dashed #797979;
}
}


@media (min-width: 576px) and (max-width: 991px) {
.header_fixed
{
top: 0;
left: 0;
right: 0;
background-color: #fff;
display: none;
}

.header_top_mob .navbar-head
{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
font-family: "OpenSans-Regular";
}
.header_top_mob .navbar-toggle
{
margin-right: 10px;
}
.header_top_mob .navbar-toggle span
{
width: 18px;
height: 2px;
}
.header_fixed.fixed
{
display: block;
}

.header_top_mob
{
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 5px 0 10px;
}

.header_bottom_mob
{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
border-top: 1px solid #E6E6E6;
padding-top: 10px;
}

.header_bottom_mob .whats
{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-left: 30px;
}

.header_bottom_mob .calc
{
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
margin-left: 30px;
margin-top: -5px;
}

.header_bottom_mob .whats img
{
width: 15px;
min-width: 15px;
margin-right: 5px;
}

.header_bottom_mob .whats a
{
color: #797979;
font-size: 14px;
position: relative;
font-family: "OpenSans-Regular";
}

.header_bottom_mob .whats a:after {
content: "";
position: absolute;
bottom: -2px;
right: 0;
width: 100%;
height: 1px;
border-bottom: 1px dashed #797979;
}
}

.about-section .title-nm h2 {
  background: #fff;
}

.cost__option {
  width: 100%;
  font-size: 20px;
  font-family: "OpenSans-Regular";
  line-height: 22px;
  color: #000000;
  margin: 50px 0 0;
}

.cost__option span {
  font-size: 24px;
  text-align: center;
  margin: 40px 0 0;
  display: block;
}

.span_bold {
  font-weight: 700;
}

.wrapper__cost {
  margin: 30px 0 0;
  display: flex;
  justify-content: space-between;
}

.inner__cost {
  width: 48%;
  background: #f3f3f3;
  padding: 10px;
}

.inner__cost p:last-child {
  font-size: 16px;
  margin: 5px 0 0 0;
}

.btns__cost {
  width: 600px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.btns__cost a {
  width: 270px;
  margin-top: 30px;
  height: 65px;
  transition: 0.3s;
  cursor: pointer;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  background: #91C554;
  font-size: 16px;
  font-family: "OpenSans-Regular";
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF; }
  .btns__cost a:hover {
    background: #658B37; }
  .btns__cost a:active {
    color: #658B37;
    background: #91C554; }

.header-bottom .all-work {
  width: auto;
  margin: 0 20px 0 0;
}
.header-bottom .all-work a {
  width: 180px;
  height: 38px;
  font-size: 14px;
  text-transform: unset;
  border: 1px solid #91C554;
}

@media only screen and (max-width: 1280px) {
  .header-bottom .calc {
    display: none;
  }
}

@media only screen and (max-width: 1024px) {
  .cost__option {
    font-size: 18px;
  }
  .cost__option span {
    font-size: 22px;
  }
}
@media only screen and (max-width: 668px) {
  .btns__cost {
    width: 100%;
  }
}
@media only screen and (max-width: 585px) {
  .wrapper__cost {
    display: block;
  }
  .inner__cost {
    width: 100%;
    margin: 0 0 20px;
  }
  .btns__cost {
    display: block;
  }
  .btns__cost a {
    margin: 20px auto 0;
  }
}
@media only screen and (max-width: 375px) {
  .btns__cost a {
    width: 100%;
  }
}

/* .icons_connect {
  background: #91c554;
  border-radius: 8px 0 0 8px;
  position: fixed;
  top: 50%;
  right: -177px;
  transform: translateY(-50%);
  transition: 0.7s;
  z-index: 100;
}
.icons_connect:hover {
  right: 0;
  transition: 0.7s;
}
.icons_connect:hover .row__connect::after {
  background: #fff;
}
.icons_connect:hover .row__connect:not(:last-child)::after {
  width: calc(100% - 12px);
}
.icons_connect.active {
  right: 0;
  transition: 0.7s;
}
.icons_connect.active .row__connect::after {
  background: #fff;
}
.icons_connect.active .row__connect:not(:last-child)::after {
  width: calc(100% - 12px);
}
.row__connect {
  padding: 13px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.row__connect:hover {
  background: #d3c308;
}
.row__connect:not(:last-child)::after {
  content: '';
  width: 38px;
  height: 1px;
  background: #316165;
  position: absolute;
  left: 6px;
  bottom: 0;
}
.row__connect img {
  width: 24px;
  height: 24px;
}
.text__connect {
  color: #fff;
  margin: 0 0 0 12px;
}
.text__connect span {
  font-size: 12px;
  display: block;
}
.text__connect span:first-child {
  font-size: 14px;
  text-transform: uppercase;
} */



.icons_connect {
  background: #3B7277;
  border-radius: 8px 0 0 8px;
  position: fixed;
  top: 50%;
  right: -160px;
  transform: translateY(-50%);
  transition: 0.7s;
  opacity: .65;
  z-index: 100;
  cursor: pointer;
}
.close__icons_connect {
  width: 50%;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background: #3b7277;
  border-radius: 3px 0 0 3px;
  padding: 1px;
  position: absolute;
  right: 0;
  bottom: calc(100% + 8px);
}
.close__icons_connect:hover {
  background: #d3c308;
}
.icons_connect.active {
  right: 0;
  transition: 0.7s;
  opacity: 1;
}
.icons_connect.active .row__connect::after {
  background: #fff;
}
.icons_connect.active .row__connect:not(:last-child)::after {
  width: calc(100% - 12px);
}
.row__connect {
  padding: 13px;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.row__connect:hover {
  background: #d3c308;
}
.row__connect:not(:last-child)::after {
  content: '';
  width: 38px;
  height: 1px;
  background: #316165;
  position: absolute;
  left: 6px;
  bottom: 0;
}
.row__connect img {
  width: 24px;
  height: 24px;
}
.text__connect {
  color: #fff;
  margin: 0 0 0 12px;
}
.text__connect span {
  font-size: 12px;
  display: block;
}
.text__connect span:first-child {
  font-size: 14px;
  text-transform: uppercase;
}
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}