/* reset */


body {
         font-family: 'Ubuntu', sans-serif;
         outline: none!important;
         box-shadow: none!important;   
      }
      a {
        text-decoration: none;
      }

      button, button:hover, button:after, button:before {
         text-decoration: none;
         outline: none!important;
         box-shadow: none!important; 
      }

      input {
         outline: none!important;
      }


      @media screen and (max-width: 400px) {
        h2 {
          font-size: 35px!important;
          padding-top: 30px;
    padding-left: 20px;
    padding-right: 20px;
        }
      }

      @media screen and (max-width: 780px) {
    .parallax {
        background-attachment: unset!important;
    }
    .parallax2 {
        background-attachment: unset!important;
    }

    .parallax3 {
        background-attachment: unset!important;
    }
}

      .row {
         margin-right: 0px;
         margin-left: 0px;
      }
        
      .nav-item {
         /*margin-left: 30px;*/
         /*margin: 0px 10px;*/
         
      }

      .nav-link {
         color: white;
         text-transform: uppercase;
         font-size: 20px;
      }

      .wrapper {
         padding: 40px 100px;
      }

      .top {
         /*background:  linear-gradient( rgba(0, 14, 2, 0.8) 25%, rgba(255, 255, 255, 0) ), url(../img/bg-pk-top.jpg) 0% 90% no-repeat;*/
         margin-top: 0px;
         background-size: 100%;
         min-height: 550px;
      }

      .top h1 {
         padding-top: 0px;
         text-transform: uppercase;
         text-align: center;
         color: #fff;
         letter-spacing: 5px;
         font-weight: 700;
         font-size: 50px;
      }

      .top p {
         text-align: center;
         color: #fff;
         letter-spacing: 5px;
         font-size: 30px;
         font-weight: 300;
      }

      .dis {
         display: none;
      }



      .navbar {
         background: none;
         /*margin-top: 30px;*/
      }

      .navbar-nav li {
         font-weight: 400;
      }

      .navbar-nav li:nth-child(1) {
         margin-right: 30px;
      }

      .navbar-nav li:nth-child(2) {
         margin: 0 30px;
      }

      .navbar-nav li:nth-child(3) {
         margin: 0 30px;
      }

      .navbar-nav li:nth-child(4) {
         margin: 0 30px;
      }

      .navbar-nav li:nth-child(5) {
         margin: 0 30px;
      }

      .navbar-nav li:nth-child(6) {
         margin-left: 30px;
      }



      /*       NAV ANIMATION       */

nav ul li a,
nav ul li a:after,
nav ul li a:before {
  transition: all .5s;
}
nav ul li a:hover {
  color: green;
}


nav.stroke ul li a,
nav.fill ul li a {
  position: relative;
}
nav.stroke ul li a:after,
nav.fill ul li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #aaa;
  height: 1px;
}
nav.stroke ul li a:hover:after {
  width: 100%;
}

nav.fill ul li a {
  transition: all 2s;
}

nav.fill ul li a:after {
  text-align: left;
  content: '.';
  margin: 0;
  opacity: 0;
}
nav.fill ul li a:hover {
  color: #fff;
  z-index: 1;
}
nav.fill ul li a:hover:after {
  z-index: -10;
  animation: fill 1s forwards;
  -webkit-animation: fill 1s forwards;
  -moz-animation: fill 1s forwards;
  opacity: 1;
}


      /*       NAV ANIMATION       */





      .modalFormTop {
         padding: 20px;
         margin: 0 auto;
      }

      .modalFormTop input {
         display: block;
         border: none;
         border-bottom: 1px solid #bec3cc;
         line-height: 40px;
         /*padding: 0px 30px;*/
         padding-left: 40px;

      }

      .modalFormTop input:nth-child(1) {

         background: url(../img/icon-user.png) 7% 50% no-repeat;
      }

      .modalFormTop input:nth-child(2) {
         margin: 20px 0px;
         background: url(../img/icon-tel.png) 7% 50% no-repeat;
      }

      .modalFormTop input:nth-child(3) {
         margin: 20px 0px;
         height: 50px;
      }


      .modalButton {
         margin-top: 20px;
         text-transform: uppercase;
         border: none;
         padding: 10px 50px;
         color: white;
         font-weight: 400;
         font-size: 22px;
         /*background: linear-gradient(to bottom, #4cdc9a 0%, #10922c 100%);*/
      }

.modalButton,
.modalButton:after,
.modalButton:before {
 -webkit-transition: background 0.5s;
 background-color: #28a745;  
}
.modalButton:hover {
   background: linear-gradient none;
  -webkit-transition: background 0.5s;
  background-color: #30af30;
}




/*        MENU          */

.menu {
      background: url(../img/menu-bg3.jpg) center repeat;
      display: block;
      /*background-size: 100%;*/
   }

         .menu h1 {
         padding-top: 0px;
         text-transform: uppercase;
         text-align: center;
         color: #fff;
         letter-spacing: 5px;
         font-weight: 700;
         font-size: 30px;
      }

      .menu p {
         
         color: #fff;
         
         font-size: 30px;
         font-weight: 300;
      }



      .tel {
         font-size: 30px;
         text-align: center;
      }


      .parallax {
    /* The image used */
    background:  linear-gradient( rgba(0, 14, 2, 0.8) 25%, rgba(255, 255, 255, 0) ), url(../img/bg-pk-top2.jpg) 0% 90% no-repeat;

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
/*@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
}*/
   .top-ul {
      padding-left: 20px;
   }

   .top-ul li {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-left: 35px;
    background: url(../img/icon-check.png) 0% 0px no-repeat;
    background-size: 27px;
    list-style: none;
    color: #fff;

   }

   .top-ul li:last-child {
     display: inline-block;
   }

   .top-ul li:last-child img {
     display: inline;
   }

   .top-ul img {
   position: absolute;
    right: 0%;
    width: 100px;
   }





/*СТИЛИ ДЛЯ НОВОГО ХЕДЕРА*/

      .head {
      background: url(../img/menu-bg3.jpg) center repeat;
      display: block;
      /*background-size: 100%;*/
        }

        .head img {
          width: 80px; 
          text-align: left; 
          /*margin-left: 30px; */
          margin-top: 5px; 
          display: inline-block;
        }

        .head-logo-text {
          text-align: left;
          display: inline-block;
          text-transform: uppercase;
          margin-top: 10px; 
          font-size: 20px!important; 
          line-height: 25px; 
          vertical-align: top;
          font-weight: 300;
        }

         .head h1 {
         padding-top: 0px;
         text-transform: uppercase;
         text-align: center;
         color: #fff;
         letter-spacing: 5px;
         font-weight: 700;
         font-size: 30px;
      }

      .head p {
         
         color: #fff;
         
/*         font-size: 30px;
         font-weight: 300;*/
      }



      .head-tel {
         font-size: 30px;
         text-align: center;
         display: block;
         padding-right: 5px;
         border-top: 1px solid #fff;
      }

      .head-button-div {
        float: right; 
        margin-right: 30px; 
        margin-top: 15px;
      }

      .head-button-text {
        font-size: 16px; 
        text-align: center;
        font-weight: 300;

      }

      .head-ul {
        list-style: none;
        padding-left: 0px;
        text-align: center;
        padding: 20px 0px;
        margin-bottom: 0px;
      }

      .head-ul li{
        display: inline-block;

        vertical-align: top;
      }

      .head-ul li a{
         text-decoration: none; 
         color: #fff; 
      }

      .head-ul li:first-child {
        position: absolute;
        float: left;
        left: 50px;
      }

      .head-ul li:second-child(2) {
        margin: 30px 0px;
      }

      .head-ul li:last-child {
        position: absolute;
        float: right;
        right: 50px;

      }

      .btnModalTop {
         margin-top: 10px;
         border: none;
         /*border: 3px solid #000;*/
         /*border-radius: 5px;*/
         padding: 10px 25px;

         /*background: linear-gradient(to bottom, #4cdc9a 0%, #10922c 100%);*/
         color: white;
         font-size: 20px;
         text-align: center;
      }

      .btnModalTop,
      .btnModalTop:after,
      .btnModalTop:before {
       -webkit-transition: background 0.5s;
       background-color: #28a745;
      }
      .btnModalTop:hover {
       background: linear-gradient none;
       -webkit-transition: background 0.5s;
       background-color: #30af30;
      }

      .media2 {
        display: none;
      }

      .head-li-center {
          margin-left: 40px;
        }


      .head-button2 {
        display: none;
      }

      .row-p2 {
          display: none;
        }

      .navbar-phone {
        display: none;
      }

      .wa-button-top {
        display: none;
      }

      .navbar-toggler {

        background-color: #28a745; 
        color: white; 
        font-weight: 400; 
        padding: 5px 10px; 
        border-radius: 0px;

      }

      

      /*СТИЛИ ДЛЯ МОБИЛЬНОЙ ШАПКИ*/



      @media screen and (max-width: 1216px) {

        .media1 {
          display: none;
        }

        .media2 {
          display: block;
          font-size: 25px;
        }

        .head-tel {
          font-size: 20px;
        }

        .head-ul li:first-child {
          vertical-align: unset;
          top: 10px;
        }

        .head-ul li:last-child {
          vertical-align: unset;
          top: 10px;
        }

        .col-md-6 {
          flex: unset;
          max-width: 600px;
        }
      }

      @media screen and (max-width: 1000px) {

      .navbar-nav li:nth-child(1) {
         margin-right: 10px;
      }

      .navbar-nav li:nth-child(2) {
        margin: 0px 0px;
        margin-right: 10px;
      }

      .navbar-nav li:nth-child(3) {
         margin: 0px 0px;
        margin-right: 10px;
      }

      .navbar-nav li:nth-child(4) {
         margin: 0px 0px;
        margin-right: 10px;
      }

      .navbar-nav li:nth-child(5) {
         margin: 0px 0px;
        margin-right: 10px;
      }

      .navbar-nav li:nth-child(6) {
         margin: 0px 0px;
        margin-right: 0px;
      }

      .head-button {
        display: none!important;
      }

      .head-button2 {
        display: block;
      }

      .btnModalTop2 {

      border: none;
      background-color: #28a745;
      padding: 10px 25px;
      color: white;
      font-size: 20px;
      text-align: center;
      margin-bottom: 35px;
      margin-left: 20px;
      font-weight: 500;
      }

      .head-li-center {
        margin-left: 0px;
        float: right;
        margin-right: 50px;
      }

      .head {
        height: 110px;
      }

      .top-text {
        max-width: 600px!important;
        flex: unset;
      }

      .top .row {
            padding: 30px 0px 60px 0px!important;
      }

      }

      @media screen and (max-width: 766px) {

        .nav-item {
          text-align: center;
          margin-right: 0px!important;
        }

      }

      @media screen and (max-width: 710px) {
          .head-li-center {
            display: none!important;
          }

          .head-ul li:first-child {
            position: unset!important;
            display: block!important;
            margin: 0 auto!important;
            float: none!important;
          }

          .head-ul {
            padding: 0px;
            padding-top: 10px;
          }

          .top p {
            font-size: 25px!important;
            text-align: center!important;
            margin-left: 0px!important;
          }

          .top .wrapper {
            padding: 40px 30px;
          }

          .btnModalTop2 {

      display: block!important;
      margin-left: auto!important;
      margin-right: auto!important;
      margin-bottom: 20px;

      }

        .navbar {
          justify-content: space-between!important;
        }

        .navbar-phone {
          display: block;
          text-align: left;
          color: #fff;
          font-size: 20px;
          text-decoration: none;
        }

      

      .wa-button-top {
        display: block;
        background-color: #28a745;
        width: 205px;
        margin: 0 auto;
        padding: 7.5px 10px;
        margin-bottom: 45px;
      }

      .wa-img {
        width: 35px;
        text-align: left;
        display: inline-block;
      }

      .wa-text {
        font-size: 20px;
        text-align: right;
        text-decoration: none;
        font-weight: 500;
        display: inline-block;
        padding: 0px 0px;
        color: #fff;
        vertical-align: middle;
        margin-left: 5px;
      }
    }

      @media screen and (max-width: 500px) {

        .top-ul img {
          width: 70px!important;
          bottom: 0px!important;
        }

        .row-p1 {
          display: none;
        }

        .row-p2 {
          display: block;
        }
          .top p {
            font-weight: 400!important;
            font-size: 22px!important;
          }

      }

      @media screen and (max-width: 400px) {
        .head img {
          width: 70px;
          margin-top: 10px;

        }
        .head-logo-text {
          font-size: 17px!important;
        }

        .top .top-text {
          padding: 5px;

        }
          .top .wrapper {
            padding: 40px 10px;
          }


      }



      /*      1 экран         */

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

      .top .row {
        padding: 65px 0px 50px 0px;
      }

      .top .top-text{
        background-color: rgba(41, 84, 41, 0.7);
      }

      .top-text p {
        letter-spacing: normal;
        text-align: left;
        padding-top: 20px;
        margin-left: 20px;
        font-weight: 500;
      }




      /*       НАШИ УСЛУГИ     */

      .services {
         /*background: url(../img/bg-grey2.jpg)  no-repeat;
         background-size: 100%;*/
      }


      .services-accordion {
        text-align: center;
      }

      .services-accordion2 {
        display: none;
      }

      .services .wrapper {
        padding: 0 100px;
        
      }

      
      .services h2 {
         text-align: center;
         font-size: 45px;
         text-transform: uppercase;
         padding: 50px 0px;
      }

      .accordion-menu {
        text-align: left; 
        /*margin-left: 150px;*/
        display: inline-block;
        vertical-align: top;
      }


      .accordion-block {
        /*padding: 0 150px;*/
        margin-left: 150px;
        display: inline-block!important;
            width: 450px;
    text-align: left;
      }

      .accordion-block img {
        width: 400px; margin-bottom: 20px;
      }

      .spil-ul {
        margin-top: 20px;
      }

         .spil-ul li {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    padding-left: 35px;
    background: url(../img/icon-check.png) 0% 0px no-repeat;
    background-size: 25px;
    list-style: none;
    color: #000;

   }

   .body-button-div {
    
   }


         .body-button {
        
         /*border: 3px solid #000;*/
         /*border-radius: 5px;*/
         border: none;
         padding: 15px 25px;
         text-decoration: none;
         /*background: linear-gradient(to bottom, #4cdc9a 0%, #10922c 100%);*/
         color: white;
         font-size: 20px;
         text-align: center;
         box-shadow: 11px 11px 0px 0px #247b22;
         display: block;
         margin-top: 50px;
         margin-bottom: 70px;
         width: 300px;
         font-weight: 500;
      }

.body-button,
.body-button:after,
.body-button:before {
 -webkit-transition: background 0.5s;
 background-color: #28a745;
 text-decoration: none;
}
.body-button:hover {
   background: linear-gradient none;
  -webkit-transition: background 0.5s;
  background-color: #30af30;
  text-decoration: none;
  color: #fff;
}


.service-button {
         margin-top: 10px;
         /*border: 3px solid #000;*/
         /*border-radius: 5px;*/
         border: none;
         padding: 15px 25px;
         text-decoration: none;
         /*background: linear-gradient(to bottom, #4cdc9a 0%, #10922c 100%);*/
         color: #fff;
         font-size: 24px;
         font-weight: 500;
         /*text-align: center;*/
         /*box-shadow: 11px 11px 0px 0px #247b22;*/
         padding-right: 40px;
      background: linear-gradient(45deg, transparent 25px, white 25px) no-repeat top right / 39px 50.1%, linear-gradient(135deg, transparent 25px, white 25px) no-repeat bottom right / 40px 50.1%;
   }

.service-button,
.service-button:after,
.service-button:before {
   background-color: #28a745;
 -webkit-transition: background 0.5s;

}
.service-button:hover {
   background: linear-gradient none;
  -webkit-transition: background 0.5s;
  background-color: #30af30;
  color: #fff;
}

.collapsed {
   color: #000;
   background-color: #fff;
}

/*.service-button:not(:disabled) {
    cursor: pointer;
    background-color: #fff;
}*/

.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}


.dop-uslugi {
   color: white;
   font-size: 18px;
   padding-left: 24px;
}

.dop-uslugi li {
   margin: 15px 0px;
   font-weight: 300;   
}


.parallax2 {
    /* The image used */
    background:  linear-gradient( rgba(0, 14, 2, 0.8) 25%, rgba(255, 255, 255, 0) ), url(../img/bg-dop-uslugi4.jpg) 30% 30% no-repeat;

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    /*background-position: center;*/
    background-repeat: no-repeat;
    /*background-position: 200px 100%;*/
    background-size: 100%;
    /*background-size: cover;*/
     margin-top: 70px;
     width: 300px;
}


.parallax2-div {
  background-color: rgba(41, 84, 41, 0.7);
  padding: 30px 20px 30px 20px;
}

.parallax2-div p {
  color: #fff; font-size: 20px; font-weight: 500; text-align: left;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */
/*@media only screen and (max-device-width: 1366px) {
    .parallax2 {
        background-attachment: scroll;
    }
}*/


  .services-accordion2 {
    display: none;
  }

  .services-phone-text {
    display: none;
  }


  /*СТИЛИ ДЛЯ ПЛАНШЕТА*/

  @media screen and (max-width: 1105px) {

    .services h2 {
      padding-bottom: 25px;
    }

    .services .wrapper {
      padding: 0 15px;
    }

    .services-accordion2 {
      display: block;
      text-align: center;
    }
    .services-accordion {
      display: none;
    }

    .accordion-menu-button {
      display: inline-block;
    }

    .mid-button {
      margin: 0 20px;
    }

    .service-button2 {
         margin-top: 10px;
         border: none;
         padding: 15px 25px;
         text-decoration: none;
         color: #fff;
         font-size: 24px;
         font-weight: 500;
/*         margin: 0 20px;*/
         position: relative;
        /*border-radius: 3px;*/
         /*position: relative;*/
         /*background: linear-gradient(45deg, transparent 25px, white 25px) no-repeat top right / 39px 50.1%, linear-gradient(135deg, transparent 25px, white 25px) no-repeat bottom right / 40px 50.1%;*/

      }

.service-button2,
.service-button2:after,
.service-button2:before {
   background-color: #28a745;
 -webkit-transition: background 0.5s;




}
.service-button2:hover {
   background: linear-gradient none;
  -webkit-transition: background 0.5s;
  background-color: #30af30;
  color: #fff;
}


.arrow:before {
/*  content: ""; 
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  border-color: #fff;
  border-top-color: #28a745;
  border-width: 20px;
  margin-left: -20px;*/
}

.collapsed {
   color: #000;
   background-color: #e8e8e8;
   border-color: #e8e8e8;
   border-top-color: #e8e8e8!important;
   border: none!important;
}

.collapsed {
     border-color: #e8e8e8;
   border-top-color: #e8e8e8!important;
   border: none!important;
}

.accordion-block2 {
  padding: 0px;
  text-align: center;
  vertical-align: top;
  margin-top: 50px;
}

.block-img {
display: inline-block;
text-align: left;
vertical-align: top;
margin-top: 20px;
margin-right: 20px;
}

.block-div {
  display: inline-block;
  max-width: 400px;
  text-align: left;
}



.block-div .spil-ul {
  text-align: left;
}

.center-ul {
  text-align: left;
  margin: 0px auto;
  padding: 0px 0% 0px 30%;
}

.spil-ul {
  text-align: left;
  padding-left: 0px;
}

.body-button {
  text-align: center;
  margin: 50px auto 70px auto;
}

}

@media screen and (max-width: 840px) {
  .service-button2 {
  width: 300px;
  }

}


@media screen and (max-width: 750px) {


  .block-div {
    text-align: center!important;
    margin-top: 30px;
    /*max-width: 300px;*/
  }

  .center-ul {
    text-align: left;
    margin: 0px auto;
    padding: 0px 0% 0px 15%;
  }

}


  @media screen and (max-width: 640px) {

    .center-ul {
      text-align: left;
      margin: 0px auto;
      padding: 0px 0% 0px 5%;
    }


    .services-phone-text {
      display: block;
      margin-top: 30px;
      text-align: center;
    }

    .services h2 {
      padding-bottom: 0px;
    }


    .block-img {
      margin-right: 0px;
      margin-top: 0px;
      width: 280px;
    }

    .mid-button {
      margin-left: 0px;
      margin-right: 0px;
    }

    .service-button2 {
      font-size: 20px;
      width: 300px;
    }

    .body-button {
      width: 250px;
      padding: 15px 5px;
    }


  }

  @media screen and (max-width: 450px) {

      .service-button2 {
      width: 250px;
    }

  }




  /*   О НАС     */


  .o-nas {
/*          background: url(../img/bg-onas.jpg);
          background-size: 100%;*/
          /*background-color: #083a07c7;*/
          color: #fff;
          /*background-color: rgba(41, 84, 41, 0.7);*/
        }

        .o-nas .wrapper {
          padding: 0px 50px;
        }

        .o-nas .center {
          margin: 0 auto!important; padding: 50px 0px; text-align: center;
        }

        .o-nas-img {
          display: inline-block;
          
          
        }

        .o-nas-img img {
          width: 180px;
          text-align: left;
          vertical-align: bottom;
        }

        .o-nas-img-text {
          display: inline-block;
          text-align: left;
          margin-left: 20px;
          width: 280px;
          border-right: 2px solid #fff;
          padding: 40px 0px 10px 0px;
        }

        .o-nas-img-text p {
          text-transform: uppercase;
          font-size: 30px;
          width: 100px;
        }

        .o-nas-text {
          display: inline-block;
          max-width: 300px;
          margin-left: 100px;
          margin-right: 74px;
        }

        .o-nas-text p {
          width: 100%;
          text-align: left;
          font-size: 17px;
        }

        .bg-onas {
          background-color: rgba(41, 84, 41, 0.3);
        }

         .o-nas h2 {
         text-align: center;
         font-size: 45px;
         text-transform: uppercase;
         padding-top: 50px;
      }

      .parallax3 {
    /* The image used */
    background:  linear-gradient( rgba(0, 14, 2, 0.8) 25%, rgba(255, 255, 255, 0) ), url(../img/bg-onas.jpg) 0% 90% no-repeat;

    /* Full height */
    height: 100%; 

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for tablets and phones. Increase the pixels if needed */


      /*#4cdc9a*/


      @media screen and (max-width: 1062px) { 

          .o-nas-img-text {
          width: 200px;
        }

        .o-nas-text {
          margin-left: 20px;
        }
      }
        @media screen and (max-width: 910px) {

          .o-nas-img-text {
            width: 140px;
            vertical-align: text-bottom;
          }

          .o-nas-img img {
              width: 120px;
          }

          .o-nas-img {
            vertical-align: middle;
          }

          .o-nas-img-text {
            margin-right: 0px;
            vertical-align: -webkit-baseline-middle;
          }

          .o-nas-img-text p {
            font-size: 20px;
          }

          .o-nas-img-text p {
            font-weight: 300;
            vertical-align: bottom;
          }

          .o-nas-text {
            margin-right: 0px;
            vertical-align: bottom;
          }

        }


        @media screen and (max-width: 710px) {

          .o-nas-img-text {
            border-right: none;
            padding: 20px 0px 10px 0px;
          }

          .o-nas-img img {
              width: 130px;
          }

          .o-nas-img-text {
            margin-left: 20px;
            font-size: 25px;
          }

          .o-nas-img-text p {
            
            font-size: 25px;
          }

          .o-nas-text {
            margin-left: 0px;
          }

          .o-nas-text p {
            text-align: center;
            font-weight: 300;
            border-top: 1px solid #fff;
            padding-top: 10px;
          }

          .o-nas .wrapper {
          padding: 0px 10px;
          }

        }

        @media screen and (max-width: 400px) {
        .o-nas-img-text {
    margin-left: 10px;
        }
      }


/*   СКИДКА   */

.skidka {
         background: url(../img/bg-grey4.jpg)  no-repeat;
         background-size: 100%;

      }

      .skidka .wrapper {
        padding: 0px 50px; position: relative;
      }
      
      .skidka h2 {
         text-align: center;
         font-size: 45px;
         text-transform: uppercase;
         padding-top: 50px;
      }

      .skidka h2 span {
        color: #28a745;
      }

      .skidka p {
         text-align: center; margin: 30px 0px;
      }

      .subtittle {
         text-align: center;
         font-size: 25px;

      }

      .green-tree1{
        height: 450px; position: absolute; right: 0px; top: 40px;
      }

      .green-tree2 {
        height: 450px; position: absolute; left: 0px; top: 40px;
      }


      .formMidDiv {
        width: 400px; 
        border: 1px solid #28a745; 
        margin: 0 auto;
        padding-bottom: 30px;
      }


      .formMid {
         padding: 20px;
         margin: 0 auto;
         
         /*border-color: linear-gradient(to bottom, #4cdc9a 0%, #10922c 100%);*/
      }

      .formMid input {
         display: block;
         border: none;
         border-bottom: 1px solid #28a745;
         line-height: 40px;
         /*padding: 0px 30px;*/
         padding-left: 40px;

      }

      /*.formMid input::-moz-placeholder { text-align: left; } 
      .formMid input::-webkit-input-placeholder { text-align: left; } */

      .formMid input:nth-child(1) {

         background: url(../img/icon-user.png) 7% 50% no-repeat;

      }

      .formMid input:nth-child(2) {
         margin: 20px 0px;
         background: url(../img/icon-tel.png) 7% 50% no-repeat;
      }


      .formMidButton {
         margin-top: 20px;
         /*text-transform: uppercase;*/
         border: none;
         padding: 10px 50px;
         color: white;
         font-weight: 500;
         font-size: 22px;
         box-shadow: 11px 11px 0px 0px #247b22!important;

      }

.formMidButton,
.formMidButton:after,
.formMidButton:before {
 -webkit-transition: background 0.5s;
 background-color: #28a745;
 box-shadow: 11px 11px 0px 0px #247b22!important;
}
.formMidButton:hover {
   background: linear-gradient none;
  -webkit-transition: background 0.5s;
  background-color: #30af30;
  box-shadow: 11px 11px 0px 0px #247b22!important;
}


    @media screen and (max-width: 1100px) {

        .green-tree2, .green-tree1 {
          top: 150px;
        }

        .skidka {
          background-size: auto;
        }

    }

    @media screen and (max-width: 900px) {

      .green-tree2, .green-tree1 {
        top: 200px;
        height: 350px;
        }

    }

    @media screen and (max-width: 750px) {

        .green-tree2, .green-tree1 {
        display: none;
        }

    .skidka p {
    text-align: center;
    margin: 30px auto;
    max-width: 370px;
    }

  }


  @media screen and (max-width: 500px) {


    .formMidDiv {
    width: auto;
    border: none;
    padding-bottom: 0px;

    }


    .formMid {
      padding: 0px;
      margin-bottom: 30px;

    }

    .formMidButton {
      font-size: 20px;
      padding: 10px 15px;
    }

    .formMid input {
      /*text-align: center;*/
    }


  }


.timer_block {
  margin: 0px auto;
    margin-top: 30px;
/*    margin-bottom: 50px;*/
  width: 400px;
  /*color: #fff;*/
  text-align: center;
}

.timer_block p {
  margin: 0 0 15px;
  font-size: 19px;
  line-height: 18px;
}

.timer_item {
  float: left;
  margin: 0 32px 0 0;
  width: 112px;
  position: relative;
}

.timer_item:last-child {
  margin: 0;
}

 .timer_item:before {
  display: block;
  content: ':';
  width: 32px;
  font-weight: 700;
  font-size: 36px;
  line-height: 52px;
  /*color: #fff;*/
  text-align: center;
  position: absolute;
  top: 0;
  right: -32px;
}

.timer_item:last-child:before {
  display: none;
}

.timer_item .count {
  margin: 0 0 10px;
  height: 60px;
  font-weight: 700;
  font-size: 36px;
  line-height: 60px;
}
.timer_item .count span {
  display: block;
  float: left;
  margin: 0 4px 0 0;
  width: 54px;
  height: 60px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.3)), color-stop(50%, rgba(0,0,0,0.3)), color-stop(50%, #4a4a4a), color-stop(51%, #4a4a4a), color-stop(51%, rgba(0,0,0,0.3)), to(rgba(0,0,0,0.3)));
  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 50%, #4a4a4a 50%, #4a4a4a 51%, rgba(0,0,0,0.3) 51%, rgba(0,0,0,0.3) 100%);
  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 50%, #4a4a4a 50%, #4a4a4a 51%, rgba(0,0,0,0.3) 51%, rgba(0,0,0,0.3) 100%);
  background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 50%, #4a4a4a 50%, #4a4a4a 51%, rgba(0,0,0,0.3) 51%, rgba(0,0,0,0.3) 100%);
  background-image: linear-gradient(to top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 50%, #4a4a4a 50%, #4a4a4a 51%, rgba(0,0,0,0.3) 51%, rgba(0,0,0,0.3) 100%);
  -webkit-box-shadow: inset 0 -2px 0 #4a4a4a;
  -moz-box-shadow: inset 0 -2px 0 #4a4a4a;
  box-shadow: inset 0 -2px 0 #4a4a4a;
}

.timer_item .count span:last-child {
  margin: 0;
}
.timer_item .text {
  line-height: 16px;
}

@media screen and (max-width: 659px) {

      .sect33 .wrapper {
        padding: 0 10px;
      }

      .timer_block {
        margin: 0 auto;
          width: max-content;
      }

      .sect33-form {
        margin: 40px 20px;
      }

      .timer {
        margin-top: 0px;
      }


      .timer_item {
        width: unset;
      }

      .timer_item :before {
        font-size: 26px;
        width: 62px;
      }

      .timer_item .count {
        font-size: 26px;
      }

      .skidka .wrapper {
        padding: 0px;
      }

      .skidka p {
        padding: 0px 20px;
      }

    }

    @media screen and (max-width: 450px) {
.timer_item .count span { 
  width: 36px;
  background-color: #247b22;
  color: #fff;

 }
    .formMidButton{

    width: 250px;
  }
}


/*   НАШИ ПРЕИМУЩЕСТВА    */

.webest {
         /*background: url(../img/bg-best6.jpg)  no-repeat;*/
         background-size: 100%;
         }
   
            .webest h2 {
         text-align: center;
         font-size: 45px;
         text-transform: uppercase;
         padding-top: 50px;
      }

      .webest .wrapper {
         padding: 0px 30px;
      }

      .webest .center {
         margin: 0 auto!important; padding: 50px 0px; text-align: center;
      }

/*      .best1, .best2, .best3 {
         display: inline-block;
         width: 300px;
         vertical-align: middle;
         margin: 0px 30px;
      }
*/
      .best-img {
         width: 150px;
         height: 150px;
      }

      .best-tittle {
         text-align: center;
         font-size: 20px;
         font-weight: 500;
         margin-top: 20px;
         margin-bottom: 0px;
      }

      .best-text {
         text-align: center;
         margin-top: 0px;
         font-weight: 300;

      }

      .best {
         /*padding: 50px 0px;*/
         margin-bottom: 0px;
         padding-left: 0px;

      }


      .best li {
         display: inline-block;
         max-width: 300px;
         vertical-align: middle;
         
      }

      .best li:nth-child(1) {
         margin-right: 30px;
      }
      .best li:nth-child(2) {
         margin: 0 30px;
      }
      .best li:nth-child(3) {
         margin-left: 30px;
      }


      @media screen and (max-width: 1090px) {

      .best li:nth-child(1) {
         margin-right: 20px;
      }
      .best li:nth-child(2) {
         margin-left: 20px;
         margin-right: 0px;
      }
      .best li:nth-child(3) {
         margin-left: 0px;
      }

      }


      @media screen and (max-width: 700px) {

        .webest .wrapper {
          padding: 0 10px;
        }

      .best li:nth-child(1) {
         margin-right: 20px;
         margin-left: 20px;
         margin-bottom: 30px;
      }
      .best li:nth-child(2) {
         margin-right: 20px;
         margin-left: 20px;
         margin-bottom: 30px;
      }
      .best li:nth-child(3) {
         margin-left: 0px;
         margin-bottom: 30px;
      }

      .best-mid-img {
        margin-left: 20px;
      }

      .webest .center {
        padding-bottom: 0px;
      }


      }


      /*   ПОРТФОЛИО   */

      .portfolio {
        padding-bottom: 50px;
        background: url(../img/bg-portfolio.jpg) 0 47% no-repeat;
        background-size: 100%;
      }

      .portfolio h2 {
         text-align: center;
         text-transform: uppercase;
         padding-top: 50px;
         font-size: 45px;
      }

      .portfolio .wrapper {
         padding: 0px 30px;
      }

      .portfolio-ul {
         margin-left: 0px;
         padding-left: 0px;
         margin: 50px auto;
         text-align: center;
      }

      .portfolio-ul li {
         display: inline-block;
         list-style: none;
         max-width: 250px;

      }

      .portfolio-ul li:nth-child(1) {
        margin-left: 0px;
         margin-right: 15px;

      }
      .portfolio-ul li:nth-child(2) {
        margin-left: 0px;
         margin-right: 15px;
      }
      .portfolio-ul li:nth-child(3) {
        margin-left: 0px;
         margin-right: 15px;
      }
      .portfolio-ul li:nth-child(4) {
        margin-left: 0px;
         margin-right: 0px;
      }

      .portfolio-img {
         
         width: 100%;
         
      }

      .portfolio-button {
         margin: 0 auto;
         /*margin-bottom: 50px;*/
         /*text-transform: uppercase;*/
         border: none;
         padding: 10px 10px;
         color: white;
         font-size: 22px;
         display: block;
         text-decoration: none;
         max-width: 300px;
         text-align: center;
         font-weight: 500;
         box-shadow: 11px 11px 0px 0px #247b22!important;
         /*background: linear-gradient(to bottom, #4cdc9a 0%, #10922c 100%);*/
      }

.portfolio-button,
.portfolio-button:after,
.portfolio-button:before {
 -webkit-transition: background 0.5s;
 background-color: #28a745;  
}
.portfolio-button:hover {
   background: linear-gradient none;
  -webkit-transition: background 0.5s;
  background-color: #30af30;
  text-decoration: none;
  color: white;
}

/*      .portfolio-button {
         background: none;
         border: 1px solid #4cdc9a;
         text-align: center;
         color: #000;
         padding: 10px 15px;
         margin: 0 auto;
         display: block;
         margin-bottom: 50px;
         width: 300px;
      }*/


      @media screen and (max-width: 1100px) {

      .portfolio {
        background-size: auto;
      }

      .portfolio-ul li:nth-child(1) {
        margin-left: 100px;
         margin-right: 15px;

      }
      .portfolio-ul li:nth-child(2) {
        margin-left: 15px;
         margin-right: 100px;
      }
      .portfolio-ul li:nth-child(3) {
        margin-top: 30px;
         margin-left: 100px;
         margin-right: 15px;
      }
      .portfolio-ul li:nth-child(4) {
         margin-left: 15px;
         margin-right: 100px;
      }

      }

      @media screen and (max-width: 740px) {

        .portfolio-ul li:nth-child(1) {
          
        margin-left: 10px;
         margin-right: 15px;

      }
      .portfolio-ul li:nth-child(2) {
        
        margin-left: 15px;
         margin-right: 10px;
      }
      .portfolio-ul li:nth-child(3) {
        
        margin-top: 30px;
         margin-left: 10px;
         margin-right: 15px;
      }
      .portfolio-ul li:nth-child(4) {
       
         margin-left: 15px;
         margin-right: 10px;
      }

      }

      @media screen and (max-width: 720px) {


        .portfolio {

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

        }

        .portfolio-ul li {
          width: 215px;
        }

      }

      @media screen and (max-width: 485px) {
          .portfolio-ul li {
          width: 150px;
        }

        .portfolio-ul li:nth-child(1) {
          
        margin-left: 10px;
         margin-right: 10px;

      }
      .portfolio-ul li:nth-child(2) {
        
        margin-left: 10px;
         margin-right: 10px;
      }
      .portfolio-ul li:nth-child(3) {
        
        margin-top: 20px;
         margin-left: 10px;
         margin-right: 10px;
      }
      .portfolio-ul li:nth-child(4) {
       
         margin-left: 10px;
         margin-right: 10px;
      }

      .portfolio-button {
        font-size: 20px;
        padding: 10px 10px;
      }
      }

            @media screen and (max-width: 360px) {
          .portfolio-ul li {
          width: 180px;
        }

        .portfolio-ul li:nth-child(1) {
          
        margin-left: 10px;
         margin-right: 10px;
         margin-bottom: 10px;

      }
      .portfolio-ul li:nth-child(2) {
        
        margin-left: 10px;
         margin-right: 10px;
         margin-bottom: 10px;
      }
      .portfolio-ul li:nth-child(3) {

        margin-top: 0px;
        margin-left: 10px;
         margin-right: 10px;
         margin-bottom: 10px;
      }
      .portfolio-ul li:nth-child(4) {
       
         margin-left: 10px;
         margin-right: 10px;
      }


      .portfolio-button{

          padding: 10px 10px;
          max-width: 250px;
      }
      }


      /*      Как МЫ РАБОТАЕМ     */

      .work h2 {
         text-align: center;
         text-transform: uppercase;
         padding-top: 50px;
         font-size: 45px;
      }

      .work .wrapper {
         padding: 0px 30px;
      }

      .work-ul {
        margin-top: 50px;
        text-align: center;
        margin-left: 0px;
        padding-left: 0px;
      }

      .work-ul img {
        width: 150px;
      }

      .work-ul .cifra {
        text-align: center;
        font-size: 100px;
        font-weight: 500;
        margin-bottom: 10px;
        line-height: 120px;
        color: #383838;
      }

      .work-ul li {
        max-width: 200px;
        display: inline-block;
        list-style: none;
        vertical-align: top;
      }

      .work-ul li:next-child(1) {
        margin-right: 0px;
      }
      .work-ul li:next-child(2) {
        margin-right: 0px;
      }
      .work-ul li:next-child(3) {
        margin-right: 0px;
      }
      .work-ul li:next-child(4) {
        margin-right: 0px;
      }

      .tochka1 {
        width: 100px;
        /*background: url(../img/tochka2.png) center;*/
        height: 150px;
    background: url(../img/tochka2.png) 100% center no-repeat;
    background-size: 300%;

      }

            .tochka2 {
        width: 100px;
        /*background: url(../img/tochka2.png) center;*/
        height: 150px;
    background: url(../img/tochka2-1.png) 100%  center no-repeat;
    background-size: 300%;

      }

            .tochka3 {
        width: 100px;
        /*background: url(../img/tochka2.png) center;*/
        height: 150px;
    background: url(../img/tochka2.png) 100% center no-repeat;
    background-size: 300%;

      }

      .work-ul2 {
        display: none;
      }

      @media screen and (max-width: 1216px) {

        .work-ul {
          display: none;
        }

        .work-ul2 {
          display: block;
        }

        .work-ul2 {
        margin-top: 50px;
        text-align: center;
        margin-left: 0px;
        padding-left: 0px;
      }

      .work-ul2 img {
        width: 150px;
      }

      .work-ul2 .cifra {
        text-align: center;
        font-size: 100px;
        font-weight: 500;
        margin-bottom: 10px;
        line-height: 120px;
        color: #383838;
      }

      .work-ul2 li {
        max-width: 200px;
        display: inline-block;
        list-style: none;
        vertical-align: top;
      }

      .work-ul2 li:next-child(1) {
        margin-right: 0px;
      }
      .work-ul2 li:next-child(2) {
        margin-right: 0px;
      }
      .work-ul2 li:next-child(3) {
        margin-right: 0px;
      }
      .work-ul2 li:next-child(4) {
        margin-right: 0px;
      }

      .tochka1 {
        width: 250px;
        /*background: url(../img/tochka2.png) center;*/
        height: 150px;
    background: url(../img/tochka2.png) 100% center no-repeat;
    background-size: 200%;
    margin: 0px 30px;

      }

        .tochka2 {
        width: 2500px;
        /*background: url(../img/tochka2.png) center;*/
        height: 150px;
    background: url(../img/tochka2-1.png) 100%  center no-repeat;
    background-size: 200%;
    margin: 0px 30px;

      }



      }

      @media screen and (max-width: 750px) {

        .tochka1 {
          width: 150px;
          margin: 0px;
        }

        .tochka2 {
          width: 150px;
          margin: 0px;
        }

        .work-ul2 .cifra {
          margin-bottom: 0px;
        }

      }

      @media screen and (max-width: 620px) {

        .tochka1 {
          display: none!important;
        }

        .tochka2 {
          display: none!important;
        }

        .work-ul2 li {
        margin: 20px 50px;
      }


      }

      @media screen and (max-width: 450px) {

        .work-ul2 li {
        margin: 20px 30px;
          }

        .work-ul2 .cifra {
          display: inline-block;
          vertical-align: top;
          margin-bottom: 15px;
          line-height: 100px;
          font-size: 130px;
        }
        .work-ul2 img {
          display: inline-block;
          float: right;
          width: 100px;
        }
      }


      /*    МОДАЛЬНОЕ ОТЗЫВ    */


      .modalForm-otz {
         padding: 20px;
         margin: 0 auto;
      }

      .modalForm-otz input {
         display: block;
         border: none;
         border-bottom: 1px solid #bec3cc;
         line-height: 40px;
         padding: 0px 30px;

      }

      .modalForm-otz input:nth-child(1) {

         background: url(../img/icon-user.png) 95% 50% no-repeat;
      }

      .modalForm-otz input:nth-child(2) {
         margin: 20px 0px;
         background: url(../img/icon-tel.png) 95% 50% no-repeat;
      }

      .modalForm-otz input:nth-child(3) {
         margin: 20px 0px;
         border: 1px solid #bec3cc;
         height: 200px;
         width: 300px;
         text-align: center;
         vertical-align: top;
      }


      .modalButton {
         margin-top: 20px;
         text-transform: uppercase;
         border: none;
         padding: 10px 50px;
         color: white;
         font-weight: 400;
         font-size: 22px;
         /*background: linear-gradient(to bottom, #4cdc9a 0%, #10922c 100%);*/
      }

.modalButton,
.modalButton:after,
.modalButton:before {
 -webkit-transition: background 0.5s;
 background-color: #28a745; 
}
.modalButton:hover {
   background: linear-gradient none;
  -webkit-transition: background 0.5s;
  background-color: #30af30;
}



        /*    ОТЗЫВЫ    */


        .otzivi {
    background: url(../img/bg-grey4.jpg)  no-repeat;
         background-size: 100%;
       }

       .slider {
        width: 700px; 
        margin: 0 auto; 
        margin-top: 50px;
       }
  
      .otzivi h2 {
         text-align: center;
         text-transform: uppercase;
         padding-top: 50px;
         font-size: 45px;
      }

      .otzivi .wrapper {
         padding: 0px 30px;
      }

      .otziv {
        display: inline-block;
        width: 500px;
        text-align: top;
      }

      .otzivi img {
        width: 150px;
        display: inline-block;
        float: left;
        vertical-align: middle;
        border-radius: 50%;
        margin-top: 45px;
      }

      .otziv p {
        text-align: left;
        margin-left: 30px;
        display: inline-block;
        width: 500px;
      }

      .otziv span {
        font-size: 20px;
        font-weight: 400;
        margin-bottom: 20px;
        display: block;
      }


      .btnModalOtziv {
         
         border: none;
         /*border: 3px solid #000;*/
         /*border-radius: 5px;*/
         padding: 10px 25px;

         /*background: linear-gradient(to bottom, #4cdc9a 0%, #10922c 100%);*/
         color: white;
         font-size: 20px;
         text-align: center;
         display: block;
         margin: 0 auto;
         margin-top: 30px;
         font-weight: 500;
         box-shadow: 11px 11px 0px 0px #247b22!important;
      }

.btnModalOtziv,
.btnModalOtziv:after,
.btnModalOtziv:before {
 -webkit-transition: background 0.5s;
 background-color: #28a745;
 box-shadow: 11px 11px 0px 0px #247b22!important;
}
.btnModalOtziv:hover {
   background: linear-gradient none;
  -webkit-transition: background 0.5s;
  background-color: #30af30;
  box-shadow: 11px 11px 0px 0px #247b22!important;
}


    @media screen and (max-width: 950px) {

        .otzivi {
         background-size: auto;
       }

      .otziv {
        width: auto!important;
        display: block!important;
      }

      .otzivi img {
        display: block;
        float: unset;
        margin-top: 0px;
        margin: 0 auto;
      }

      .otziv span {
        margin-top: 20px;
      }

      .otziv p {
        display: block;
        margin-left: 0px;
        text-align: center;
        margin: 0 auto;
      }

      .slick-prev {
      left: 0px!important;
      z-index: 2;
      }

      .slick-next {
      right: 0px!important;
      z-index: 2;
      }

      }


      @media screen and (max-width: 750px) {

      .slick-prev {
      top: 20%!important;
      left: 20%!important;

      }

      .slick-next {
      top: 20%!important;
      right: 20%!important;

      }

      .slider {
        width: unset!important;
      }

      }

      @media screen and (max-width: 750px) {

        .otziv p {
          max-width: 300px;
        }

      }

      @media screen and (max-width: 420px) {

        .slick-next {
    top: 15%!important;
    right: 10%!important;
  }

            .slick-prev {
    top: 15%!important;
    left: 10%!important;
  }

      }



      /*КОНТАКТЫ*/


      .contact {
        background: url(../img/les-hoz-map.jpg) center no-repeat;
        background-size: 100%;
       }

       .bg-contact {
        background-color: rgba(41, 84, 41, 0.1);
       }
  
      .contact-tittle {
         text-align: center;
         text-transform: uppercase;
         padding: 50px 0px;
         font-size: 45px;
      }

      .contact .wrapper {
         padding: 0px 30px;

      }

      .contact-text {
        background-color: rgba(41, 84, 41, 0.8);
        display: inline-block;
        text-align: left;
        
        padding: 20px;
        margin: 50px 0px;
        margin-left: 100px;
      }

      .contact-text p {
        color: #fff;
      }

      .contact-text a {
        text-decoration: none;
        color: #fff;
      }

      .contact-button {
         margin-top: 20px;
         border: none;
         padding: 10px 50px;
         color: white;
         font-size: 22px;
         display: block;
         text-align: center;
         text-decoration: none;
         font-weight: 500;
         /*box-shadow: 11px 11px 0px 0px #247b22!important;*/

         
      }



.contact-button,
.contact-button:after,
.contact-button:before {
 -webkit-transition: background 0.5s;
 background-color: #28a745;
 text-decoration: none;
}
.contact-button:hover {
   background: linear-gradient none;
  -webkit-transition: background 0.5s;
  background-color: #30af30;
  text-decoration: none;
  color: #fff;
}
      

      .wa-button-bottom {
        display: none;
      }

    @media screen and (max-width: 1000px) {
    .contact {
        background: url(../img/les-hoz-map.jpg) center;
        background-size: auto;
       }
      }

      @media screen and (max-width: 900px) {


        .contact .wrapper {
          padding: 30px;
        }

        .contact-text {
        display: block;
        text-align: center;
        padding: 20px;
        width: 500px;
        margin: 0 auto;

        }

        .contact-button {
          width: 300px;
          margin: 0 auto;
        }



      }

      @media screen and (max-width: 710px) {

      .wa-button-bottom {
      display: block;
      background-color: #28a745;
      width: 300px;
      margin: 0 auto;
      margin-top: 20px;
      padding: 9px 10px;

  }
}

        @media screen and (max-width: 600px) {

        .contact-text {

        width: 400px;

        }

        }

        @media screen and (max-width: 470px) {

        .contact-text {
        padding: 20px 10px;
        width: 300px;

        }

        .contact-button {
        padding: 10px 10px;
        font-size: 20px;
        max-width: 250px;
        margin: 0 auto;
        }

        .wa-button-bottom {
          max-width: 250px;
        }

        }


        @media screen and (max-width: 350px) {

          .contact .wrapper {
          padding: 30px 10px;
        }

        }



        /*   ФУТЕР    */

        .footer {
    background-color: #000;

  }

  .footer a {
    text-decoration: none;
    color: #fff;
  }

  .footer-div {
    text-align: center;
  }

  .footer-menu {
    display: inline-block;
    
    list-style: none;
    text-align: center;
    padding-left: 0px;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .footer-menu li {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    margin: 0px 50px;
  }


  .footer-menu li:next-child(1) {
    margin-right: 50px;
  }
  .footer-menu li:next-child(2) {
    margin-right: 50px;
  }
  .footer-menu li:next-child(3) {
    margin-right: 50px;
  }
  .footer-menu li:next-child(4) {
    margin-right: 0px;
  }

  .footer-contact-tittle {
    margin-bottom: 10px;
    color: #28a745;
    font-size: 22px;
  }

  .footer-menu a {
    text-decoration: none;
    color: #fff;
  }

  .contact-href {
    color: #fff;
    margin-bottom: 0px;
  }

  .footer img {
    width: 80px;
    text-align: left;
    margin-top: 5px;
    display: inline-block;
  }

  .foote-logo-text {
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 20px;
    line-height: 25px; 
    color: #fff;
    vertical-align: top;
    display: inline-block;
  }

  .name-footer {
    display: none!important;
  }

  @media screen and (max-width: 1216px) {

  .footer-menu li {
    margin: 0 30px;

  }


  @media screen and (max-width: 1050px) {

    .name-footer {
      display: inline-block!important;
      color: #fff;
      font-size: 45px;
      vertical-align: middle;
      margin: 0 60px!important;
      padding-top: 10px;
    }


  }


  }

  @media screen and (max-width: 800px) {

      .footer-menu li {
    display: block!important;
    text-align: center;
  }

  .foote-logo-text {
    text-align: left;
  }

  .name-footer p {
    margin-bottom: 0px!important;
  }

  .footer-contact-tittle {
    margin-top: 20px;
  }

  }


  @media screen and (max-width: 410px) {
    .footer-menu li {
      margin: 0px 0px;
    }
    .name-footer{
      font-size: 35px;
      margin: 0px 0px!important;
    }
    .foote-logo-text {
      font-size: 17px;
      font-weight: 300;
    }
    .footer img {
      width: 70px;
      margin-top: 10px;
    }
  }


 /*СТРАНИЦА ПОРТФОЛИО*/


   .portfolio-page h2 {
      text-align: center;
    font-size: 45px;
    text-transform: uppercase;
    padding-top: 50px;
    }

    .portfolio-page .wrapper {
      padding: 0px 50px;
    }

    .portfolio-page {
      margin-bottom: 50px;
    }

    .portfolio-page-center {
      margin: 0px auto;
      margin-top: 30px;
      text-align: center;
    }

    .portfolio-page img {
      width: 100%;
      vertical-align: top;
    }

    .portfolio-page-ul {
      list-style: none;
      padding-left: 0px;
    }

    .portfolio-page-ul li {
      margin: 10px;
      display: inline-block;
      vertical-align: top;
    }

    .portfolio-block {
      max-width: 370px;
      border: 1px solid rgba(0,0,0,.125);
      padding: 10px;
      vertical-align: top;
    }

    .portfolio-block p {
      text-align: center;
      margin: 10px 0px;
    }

     

  @media screen and (max-width: 450px) {

    .portfolio-page .wrapper {
      padding: 0px 20px;
    }

  }


  /*ОБЩЕЕ ДЛЯ ТАБЛИЦ*/

    table {
    width: 100%;
    margin-bottom: 0px;
  }
  
table th {
  text-align: center;
  background: #247b22;
  color: #fff;
  border: 1px solid #b0b0b0;
  padding: 10px;
  font-weight: 400;
}


table td {
  text-align: center;
  color: #000;
  border: 1px solid #b0b0b0;
  padding: 10px;
}

.th1 {
width: 450px;
}


@media screen and (max-width: 950px) {
    .th1 {
    width: 350px;
    }
  }

    @media screen and (max-width: 800px) {

    .th1 {
    width: 300px;
    }
  }


@media screen and (max-width: 450px) {

      table {
      font-size: 14px;
    }

    .overflow-table {
      overflow: auto;
    }

}






  /*ОБЩЕЕ ДЛЯ ТАБЛИЦ*/


    /*СТРАНИЦА - РАСЧИСТКА УЧАСТКА*/


    .services-raschistka-uchastka h2 {
      text-align: center;
    font-size: 45px;
    text-transform: uppercase;
    padding-top: 50px;
    }

    .services-raschistka-uchastka .wrapper {
      padding: 0px 100px!important;
    }

    .raschistka-uchastka {
      margin-bottom: 50px;
    }


    .raschistka-uchastka h3 {
      margin: 20px 0px;
    }

    .raschistka-uchastka span {
      display: block;
      margin: 20px;
      font-size: 20px;
      font-weight: bold;
    }

     .raschistka-uchastka-img {
      display: inline-block;
      width: 350px;
      text-align: left;
      margin-left: 50px;
      margin-bottom: 50px;
      float: right;
     }

     .raschistka-uchastka-p {
      text-align: left;

     }




  @media screen and (max-width: 950px) {
      .services-raschistka-uchastka .wrapper {
      padding: 0px 50px!important;
    }
  }

  @media screen and (max-width: 800px) {

    .raschistka-uchastka-img {
      display: block;
      float: unset;
      text-align: center;
      margin: 30px auto;
      width: 100%;
    }

  }

  @media screen and (max-width: 450px) {

    .services-raschistka-uchastka .wrapper {
      padding: 0px 20px!important;
    }

    .raschistka-uchastka span {
      font-size: 22px;
      text-align: center;
    }

  }


  /*СТРАНИЦА - УДАЛЕНИЕ ДЕРЕВЬЕВ*/


  .services-udalenie-dereva h2 {
      text-align: center;
    font-size: 45px;
    text-transform: uppercase;
    padding-top: 50px;
    }

    .services-udalenie-dereva .wrapper {
      padding: 0px 100px!important;
    }

    .udalenie-derevev {
      margin-bottom: 50px;
    }


    .udalenie-derevev h3 {
      margin: 20px 0px;
    }

    .udalenie-derevev span {
      display: block;
      margin: 20px;
      font-size: 20px;
      font-weight: bold;
    }

     .udalenie-derevev-img {
      display: inline-block;
      width: 350px;
      text-align: left;
      margin-left: 50px;
      margin-bottom: 50px;
      float: right;
     }

     .udalenie-derevev-p {
      text-align: left;

     }


  @media screen and (max-width: 950px) {
      .services-udalenie-dereva .wrapper {
      padding: 0px 50px!important;
    }
  }

  @media screen and (max-width: 800px) {

    .udalenie-derevev-img {
      display: block;
      float: unset;
      text-align: center;
      margin: 30px auto;
      width: 100%;
    }

  }

  @media screen and (max-width: 450px) {

    .services-udalenie-dereva .wrapper {
      padding: 0px 20px!important;
    }

    .udalenie-derevev span {
      font-size: 22px;
      text-align: center;
    }

  }


  /*СТРАНИЦА - УДАЛЕНИЕ ПНЕЙ*/