/*
    Theme Name: Bethany
    Theme URL: https://bootstrapmade.com/bethany-free-onepage-bootstrap-theme/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
    */
    /*! Generated by Font Squirrel (https://www.fontsquirrel.com) on August 4, 2017 */


    @font-face {
      font-family: 'main';
      src: url('../fonts/xxii.html') format('woff2'),
      url('../fonts/xxii.woff') format('woff');
      font-weight: normal;
      font-style: normal;

    }

.text_link{
  color: black;
  text-decoration: underline;
}

#reviews{
  margin-top: 84px;
  margin-bottom: 44px;
}

.adressesRow{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

.adressesRow a, .adressesRow p{
  margin: 5px 0;
  color: #fff;
  font-size: 1.500em;
}

#clients{
  padding-top: 84px;
}

#clients2{
  padding-bottom: 84px;
}

#certificate{
  padding-bottom: 74px;
}

@import url('https://fonts.googleapis.com/css?family=Poppins|Sintony');

    @font-face {
      font-family: 'header';
      src: url('../fonts/yanonekaffeesatz-regular.html') format('woff2'),
      url('../fonts/yanonekaffeesatz-regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;

    }

    @font-face {
      font-family: 'header-bold';
      src: url('../fonts/yanonekaffeesatz-regular.html') format('woff2'),
      url('../fonts/yanonekaffeesatz-regular.woff') format('woff');
      font-weight: normal;
      font-style: normal;

    }

    html
    {
      width: 100%;
      height: 100%;
      padding: 0;
      margin: 0;
      font-family: "main", Arial, Helvetica, sans-serif;
    }

    body {
      font-family: "main", Arial, Helvetica, sans-serif;
      max-width: 100%;
      color: #626262;
      overflow-y: auto;
      overflow-x: hidden;
    }


    .button
    {
      margin: auto;
    }

    .navbar-toggler{
      padding: 10px;
    background: #cc9926;
    font-weight: bold;
    color: white !important;
    }


    .button A
    {text-decoration: none;
      color: #fff;
      display: block;}

      .button A:hover
      {text-decoration: none;
        color:  #e3001a;}

        h1, h2, h3, BUTTON, .slogan, .bigtext, .button
        {
          font-family: "header";
          text-transform: uppercase;
          line-height: 1.1;
        }

        p
        {
          font-size: 1.500em;
          line-height: 1.4;
        }

        hr
        {
          width: 15%;
          height: 1px;
        }

        hr.dark
        {
          background-color: #626262;

        }

        hr.light
        {
          background-color: #fff;

        }

        /*nav bar*/

        nav
        { 
          padding-left: 18%;
          padding-right: 8%;
          margin-bottom: 1em;
          -o-transition: .3s;
          -ms-transition: .3s;
          -moz-transition: .3s;
          -webkit-transition: .3s;
          transition: .3s;
        }

        .nav-item
        {
          padding-left: 0.2vw;
          padding-right: 0.2vw;
        }
        .navbar-nav{
          width:auto;
          flex-wrap:wrap;
        }

        .navbar-nav li a, .navbar-nav li a:visited
        {
         font-size: 1.300em;
       }


       .navbar-nav li a:hover
       {
         font-size: 1.300em;
       }



       .logo
       {padding-right: 5%;}




       /* order */

       .order
       {
         width: 100%;
         text-align: center;
         margin: auto;

       }

       .btn-main
       {
         background-color: #e3001a;
         border: 1px #fff solid;
         color: #fff;
         font-size: 2.250em;
         line-height: 1.7;
         width: 8em;
         cursor: pointer;
         font-family: "header";
         text-transform: uppercase;
         margin-bottom: 1em;
         -o-transition: .3s;
         -ms-transition: .3s;
         -moz-transition: .3s;
         -webkit-transition: .3s;
         transition: .3s;
       }

       .btn-main:hover
       {
         background-color: #fff;
         border: 5px #e3001a solid;
         color:  #e3001a;
       }

       /*home*/

       .head
       {
         background-size: contain;
         width: 100%;
         background-color: white;
         background-image:url(../images/cat.png);
         background-position: bottom right;
         background-repeat: no-repeat;
         width: 100%;
       }

       .head p
       {
         line-height: 1.2;

       }

       .head h1 
       {
         color: #cc9926;
         font-weight: 600;
       }
       #team{
         padding: 6em 0;
       }


       #services, #team, #certificate
       {
         padding-top: 6em;
       }

       .phone
       {
         font-size: 3em;
         margin-top: 1em;
         font-family: 'Open Sans', sans-serif;
       }

       .phone IMG
       {
         text-align: left;
         width: 3.83vw;
         max-width: 75px;
         max-height: 75px;
         min-width: 30px;
         min-height: 30px;
       }

       .phone A, phone A:visited
       {
         color: #626262;
         text-decoration: none;
         -o-transition: .3s;
         -ms-transition: .3s;
         -moz-transition: .3s;
         -webkit-transition: .3s;
         transition: .3s;
         font-size: 1em;
         font-weight: 600;
       }

       .phone A:hover, phone A:active
       {
         color: #e3001a;
         text-decoration: none;
       }



       /*services*/
       #services
       {
         background-color: #cc9926;
         color: #fff;
         width: 100%;
       }

       .service, .advantage
       {
         cursor: url(../images/paw.html), auto;  
       }

       .service:hover IMG, .advantage:hover IMG
       {
         cursor: url(../images/paw.html), auto;  
         -webkit-animation: pulse 1s linear;
         -moz-animation: pulse 1s linear;
         -ms-animation: pulse 1s linear;
         -o-animation: pulse 1s linear;
         animation: pulse 1s linear;  
       }

       .scrollup {
        display: none;
        position: fixed;
        right: 45px;
        bottom: 105px;
        z-index: 10000;
        text-decoration: none;
        list-style: none;
        color: #fff;
        background: #ebc446;
        border: solid 3px #e8a100;
        padding: 10px 20px;
        -webkit-transition: .1s ease;
        -o-transition: .1s ease;
        transition: .1s ease;
        
      }
      
        

       .phonesm
       {
         font-size: 2.250em;
       }

       .phonesm A, .phonesm A:visited
       {
         text-decoration: none;
         color: #fff;
         text-decoration: none;
         -o-transition: .3s;
         -ms-transition: .3s;
         -moz-transition: .3s;
         -webkit-transition: .3s;
         transition: .3s;
         font-size: 1em;
         font-weight: 600;
         font-family: 'Open Sans', sans-serif;
       }

       .phonesm A:hover, phonesm A:active
       {
         color: #e3001a;
         text-decoration: none;
       }

       .service IMG
       {
         max-width: 240px;
         min-width: 180px;
         width: 15.2vw;
       }



       /*advantages*/
       #advantages
       {
         background-color: #fff;
         width: 90%;
         margin: 0 auto;
         padding: 6em 0;
       }

       #icons
       {
         background-color: #fff;
         width: 90%;
         margin: 0 auto;
         padding: 6em 0;
       }
       #prices
       {
         background-color: #cc9926;
         width: 100%;
         margin: 0 auto;
         padding: 6em 0;
         color: #fff;
       }
       #picturesBlock
       {
         background-color: #cc9926;
         width: 100%;
         margin: 0 auto;
         padding: 6em 0;
         color: #fff;
         padding-bottom: 4em;
       }
       #noPagefound
       {
         background-color: #cc9926;
         width: 100%;
         margin: 0 auto;
         padding: 10em 0;
         color: #fff;
       }
       #prices .price{
        width: 81%;
        margin: 0 auto;
        margin-top: 40px;
        border-collapse: collapse;
        border-spacing: 0px;
       }

       #prices .price tr td:first-child{
         width: 1%;
       }

       #prices .price tr td:nth-child(2){
        text-align: left;
      }


       #prices .price tr:nth-child(2n + 1){
         background: #a77e21;
       }

       #prices h3{
         padding: 0 10px;
       }

       .title
       {
         color: #cc9926;
       }



       .advantage p
       {
         padding-left: 3em;
         padding-right: 3em;
       }


       .advantage IMG
       {
         max-width: 100px;
         min-width: 40px;
         width: 3.2vw;
       }

       /*team*/
       #team
       {
         background-color: #cc9926;
         color: #fff;
         width: 100%;
       }

       #indexInner #team {
         background-color: transparent;
         color:#626262;
       }

       .teamdoc{
        cursor:pointer;
      }

      #advantages .divTextPhoto{
        width: 100%;
        height: 600px;
        margin: 0 auto;
        background: url(../images/textBig.png) no-repeat center;
        background-size: contain;
      }

      #team p
      {

       line-height: 1.2;
     }

     .teamdoc IMG
     {
       border-radius: 50%;
       behavior: url(PIE.html);
       border: 0.7em solid #98a3d0;
       margin: 0.5em;
       -o-transition: 0.3s;
       -ms-transition: 0.3s;
       -moz-transition: 0.3s;
       -webkit-transition: 0.3s;
       transition: 0.3s;
     }
     #noPagefound p a
     {
      color: #fff;
      text-decoration: underline;
     }
.padding{
  padding: 40px 0;
}
     .teamdoc:hover IMG
     {
       border-radius: 50%;
       behavior: url(PIE.html);
       border: 0.2em solid #98a3d0;
       margin: 0.5em;
     }

     .teamdoc IMG
     {
       max-width: 180px;
     }

     .name
     {
       font-weight: bold;
     }

     #team  img
     {
          max-width: 240px;
      min-width: 180px;
      width: 15.2vw;
    margin: 10px
     }

     /*ceritifcate*/

     #certificate
     {
       padding-top: 6em;
     }

     #certificate img
     {
          max-width: 240px;
      min-width: 180px;
      width: 15.2vw;
    margin: 10px
     }


     /*owners*/

     #owners
     {
       background-color: #393939;
     }


     .owners 
     {
       opacity: 0.5;
     }

     .c1, .c2, .c3, .c4, .c5, .c6
     {
       background-repeat: no-repeat; background-size: cover; opacity: 0.3;
       background-position: center;
     }

     .c1
     {
       background-image: url(../images/c1.jpg);

     }

     .c2
     {
       background-image: url(../images/c2.jpg);
     }

     .c3
     {

       background-image: url(../images/c3.jpg);
     }



     .c4
     {
       background-image: url(../images/c4.jpg);
     }

     .c5
     {
       background-image: url(../images/c5.jpg);
     }

     .c6
     {
       background-image: url(../images/с8.png);
     }








     /*clients*/

     #clients, #clients2
     {
       background-color: #cc9926;
       color: #fff !important;
       width: 100%;

     }

     #clients h2, #clients2 h2
     {
       margin-top: 1em;
     }

     #clients2 .reviersSocial__wrap {
       max-width: 1000px;
       margin: 30px auto;

     }

     #clients .galClick img{
      max-width: 620px;
      min-width: 180px;
      width: 35.2vw;
      margin: 0 auto;
     }

     #clients2 .galClick img{
      max-width: 620px;
      min-width: 180px;
      width: 35.2vw;
      margin: 0 auto;
     }

     .galClick a{
       color: #fff;
       font-size: 1.500em;
    line-height: 1.4;
     }

     .galClick p{
       margin-bottom: 0;
     }

     /*order*/
     .contacts
     {
       background-image:url(../images/cat.jpg);
       background-position: bottom right;
       background-size: contain;
       background-repeat: no-repeat;
     }

     .tale
     {
       padding-top: 6em;
       width: 100%;
       width: 100%;
     }

     .bigtext
     {
       color: #cc9926;
     }

     .contactForm
     {
       padding: 1%;
       border: 1px solid #626262;
       background-color: rgba(255,255,255,0.7)
     }

     .form-control
     {
       font-size: 1.500em;
       line-height: 1.4;
       color: #626262;
       width: 12em;
       margin: auto;
     }

     .logos
     {
       background-color: #fff;
     }

     .logos IMG
     {
       width: 10.5%;
       min-width: 70px;
       padding-left: 1%;
       padding-right: 1%;
       height: auto;
     }

     /*footer*/
     footer
     {
       padding: 2%;
       font-size: 1.2em;
     }

     .copyright IMG
     {
       height: 1.7vw;
       min-height: 30px;
       padding-right: 10px;
       text-align: left;
     }

     .developed IMG
     {
       height: 1.7vw;
       min-height: 30px;
       padding-right: 10px;
       text-align: left;
     }

     .developed A
     {
       color: #626262;
     }


     .red
     {background-color: red;}


     .slogan
     {
       height: 100vh;
       padding-top: 30vh;
       width: 100%;
       position: relative;
       top: -100vh;
       color: #fff;
       z-index: 101;
       margin-bottom: -100vh;

     }


     .thank{
       display:none;
     }

     .slick-arrow{
       position: relative;
       margin: 26px 0;
       position:absolute;
       top:50%;
       margin-top:-10px;
       display:block;
       border:0;
       cursor:pointer;
       text-indent:-9999px;
       background-color:transparent;
       overflow: hidden;
       width: 30px;
       height: 20px;
     }
     .slick-arrow:before, .slick-arrow:after {
       content: "";
       height: 10px;
       width: 15px;
       position: absolute;
       top: 0;
       background: #ffffff;
     }
     .slick-arrow:before {left: 0;-webkit-transform: skew(0deg, 45deg);-moz-transform: skew(0deg, 45deg);-ms-transform: skew(0deg, 45deg);-o-transform: skew(0deg, 45deg);transform: skew(0deg, 50deg);}
     .slick-arrow:after {right: 0;-webkit-transform: skew(0deg, -45deg);-moz-transform: skew(0deg, -45deg);-ms-transform: skew(0deg, -45deg);-o-transform: skew(0deg, -45deg);transform: skew(0deg, -50deg);}

     .slick-next{
       left:-30px;
       -moz-transform: rotate(90deg); 
       -ms-transform: rotate(90deg); 
       -webkit-transform: rotate(90deg); 
       -o-transform: rotate(90deg); 
       transform: rotate(90deg);
     }  
     .slick-prev{
       right: -35px;
       -moz-transform: rotate(-90deg);
       -ms-transform: rotate(-90deg);
       -webkit-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
       transform: rotate(-90deg);
     }  


    .oneReview{
     left:5px;
     top:5px;
     height:auto;
     background-color:#ffffff;
     margin:0 auto;
     padding: 2em;
     color:#626262;
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     flex-direction: column;
     justify-content: center;
   }

   .lSPager{
    margin-bottom: 40px !important;
   }

   .oneReview .liChild{
     width: 500px;
   }

   #lightSlider{
     margin-block-start: 0;
    margin-block-end: 0;
    padding-inline-start: 0px;
    height: 550px !important;
   }

#lightSlider .lslide .text{
  font-size: 20px;
}

#lightSlider ul li{
  list-style: none;
  text-decoration: none;
   list-style-type: none;   
}

#perelink-horizontal {
  width: 700px;
  margin: 30px auto;
  margin-top: 0;
  font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  -webkit-box-pack: center;
    -ms-flex-pack: center;
      justify-content: center;
}

#perelink-horizontal .perelink-horizontal-item {
  display: inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
      box-sizing: border-box;
  padding: 20px 15px;
  width: 330px;
}

#perelink-horizontal .perelink-horizontal-item a {
  text-decoration: none;
  display: block;
  text-align: center;
  color: #222222;
  font-size: 15px;
  line-height: 1.2;
}

#perelink-horizontal .perelink-horizontal-item img{
  width: 300px;
}

#perelink-horizontal .perelink-horizontal-item a span {
  display: block;
  height: 60px;
  padding: 15px 0;
  border-bottom: solid 1px #eeeeee ;
  color: #fff !important;
}


    /*.slick-slide{
     width: calc(100vw/3) !important;
     height: calc(100vw/3);
     }*/

     .allocate{
      border: 3px solid #ffffff;
      padding: 2em 2em 1em;
      margin: 2em 0;
    }

    .fotoReviewer{
      background-repeat:no-repeat;
      background-size:cover;
      background-position:center center;
      width: 125px;
      height: 125px;
      border-radius:100%;
      overflow:hidden;
      margin: 0 auto;
      margin-bottom: 25px;
      /* position: absolute; */
      /* top: 0; */
    }


    /*==================================================
        Для внутренней страницы
        ==================================================*/
        .innerPage .oneReview{
          position:relative;
        }
        .innerPage  .fotoReviewer{
          width:100px;
          height:100px;
          margin:0 auto 20px;
        }
        .indexInner__aside {
         background-color: #cc9926;
         margin-top: 30px;
         color: #fff;
         padding: 4% 2%;
       }
       .indexInner__aside__item {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: center;
         -ms-flex-pack: center;
         justify-content: center;
         -webkit-box-align: center;
         -ms-flex-align: center;
         align-items: center;
       }
       .indexInner__aside__item__img {
         width: 100px;
         margin-right: 4%;
       }
       .indexInner__aside__item__link {
         width: 80%;
         display: inline-block;
         vertical-align: middle;
       }
       .indexInner__aside__item__link a {
         font-size: 20px;
         color: #fff;
       }
       .indexInner__aside__item__link a:hover {
         text-decoration: none;
       }
       .indexInner__content__wrap {
         padding-top: 50px;
       }
       .indexInner__content {
         font-size: 1.125em;
         padding: 20px 3%;
       }
       .indexInner__title h1 {
         color: #cc9926;
         font-size: 4.5em;
       }
       .indexInner__button {
         width: 100%;
         max-width: 450px;
       }

       .indexInnerContacts {
         background-image: none;
       }
       .indexInner__contacts__wrap {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         -webkit-box-pack: justify;
         -ms-flex-pack: justify;
         justify-content: space-between;
       }
       .indexInner__contacts__left {
         width: 50%;
       }
       .indexInner__contacts__right {
         width: 50%;
       }
       .indexInner__contacts__right .phone {
         text-align: center;
         margin-top: 0;
         margin-bottom: 25px;
       }
       .indexInner__contacts__right .contactForm {
         margin-top: 0;
       }

       .pluso {
         text-align: left;
         display: block !important;
         margin: 20px 0;
       }

       .innerPage #clients, .innerPage #clients2 {
         background-color: #ffffff;
         color: #626262;
       }

       .innerPage .oneReview{

         border-bottom: 1px solid #cc9926;

         left: 0;

         top: 0;

       }


       .innerPage .oneReview iframe{
         position:relative;
         left:0;
         top:0;
         height:500px;
       }
        .innerPage .reviewsSlider2 {
         margin: 0em auto 2em;
       }

       .innerPage a.anchor{

         display: inline-block;

         background-color: #cc9926;

         color: #ffffff;

         padding: 10px 20px 8px 25px;
       }
       .st-content table {
         width:100%;
       }
       .st-content table tr{
         border-bottom:1px solid #62626236;
       }
       .st-content table tbody tr:last-child{
         border-bottom:0px;
       }
       .st-content table td{
         text-align:left;

       }
       .st-content table td,  .st-content table th{ 
         padding-top:20px;
         padding-bottom:20px;
         padding-left: 20px;
         padding-right: 20px;
       }
       .st-content table tbody tr td:first-child{
         /* text-align:center; */
         /* font-weight: bold; */
         padding-left:0px;
         padding-right:20px;
       }

       .afterword{
         margin:40px;
         text-align: left !important;
       }
       .afterword, .afterword p, .afterword ul li{

         font-size: 18px;
       }

       .listnews__item{
         margin:0 0 50px;
       }
       .listnews__date{
         font-size:14px;
       }
       .listnews__title a{
         color:#cc9926;
         font-size: 24px;
       }
       .listnews__img{
         width:200px;
         height:200px;
         background-repeat: no-repeat;
         background-size: cover;
         background-position: center center;
         margin:10px auto;
         display:block;
         border:1px solid rgba(0,0,0,.1);
       }
       #slidebox {
  width: 550px;
  height: 55px;
  background: #ebc446;
  position: fixed;
  bottom: -200%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  line-height: 18px;
  z-index: 1039;
  margin-bottom: 5px;
  border: solid 3px #e8a100;
  -webkit-box-shadow: 0px 5px 23px -8px rgba(102,93,102,1);
-moz-box-shadow: 0px 5px 23px -8px rgba(102,93,102,1);
box-shadow: 0px 5px 23px -8px rgba(102,93,102,1);
}

a.close {
  position: absolute;
  cursor: pointer;
  top: 5px;
  right: 20px;
  text-decoration: none;
  border: none;
  color: #fff !important;
}

#slidebox p {
  margin: 0 40px 0px 0px;
  padding: 0px;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}

#slidebox p a {
  text-decoration: underline
}

#slidebox .wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}

#slidebox p a:hover {
  color: #333;
  text-decoration: underline
}

#slidebox h4 {
  color: #333;
  font-size: 16px;
  margin: 10px 20px 10px 10px
}


       #slidebox .telVspl {
    width: 200px;
    height: 49px;
    background: url(../images/number.png) no-repeat center;
    background-size: contain;
}

       @media screen and (min-width: 1280px)
       {
         .fullscreen
         {  
            /*height: 100vh;
            min-height: 100vh;*/
            min-height: 100%;
          }

          .fullscreen .img-fluid{
           max-height:65vh;
         }

         .logo IMG 
         {
           height: 7vh;
           min-height: 50px;
           max-height: 100px;
         }


         IMG.social 
         {
           height: 5vh;
           min-height: 30px;
           max-height: 100px;
         }

         .teamdoc
         {
           width: 18vw;
           min-width: 18vw;
         }

         .teamdoc IMG
         {
           max-width: 180px;
           width: 9vw;
         }

         #team p
         {
           font-size: 1.125em;
           line-height: 1.2;
         }

         BODY
         {
           font-size: 0.83vw;
         }

         .nav-wraper
         {
           width: 8.3%;

         }

         .contactForm
         {

           width: 20vw;
           min-width: 250px;
           margin: auto;
           margin-top: -15vh;
         }

       }



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


         .contactForm
         {
          width: 250px;
          margin: auto;
        }

         .contacts
        {
          background-size: 50%;
        }

        .contacts
        {
          padding-bottom: 150px;
        }
        #advantages .divTextPhoto{
          height: 400px;
        }
      }

      @media screen and (max-width: 1279px) and (min-width: 961px)
      {

       BODY
       {
        font-size: 12px;
      }

      .fullscreen
      { 
        height: auto;
      }

      .logo IMG, IMG.social 
      {
        height: 30px;
      }


      .teamdoc
      {
        width: 30vw;
        min-width: 30vw;
      }


      #team p
      {
        font-size: 1.3em;
        line-height: 1.2;
        }

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

        #perelink-horizontal {
          width: 100%;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          margin: 0 auto !important;
          text-align: center;;
        }

      }
      



      @media screen and (min-width: 960px)
      {

        .head h1 
        {
         padding-top: 12vh;

       } 

       h1, .slogan
       {
         font-size: 6.250em;
       }

       h2, .bigtext, h3, h1, .head h1
       {
         font-size: 3.500em;
       }

       .head p
       {

         font-size: 2.250em;
         line-height: 1.2;
       }

       nav
       {
         background-color: rgba(255,255,255,.5);
         height: 5em;
       }

       nav:hover
       {
         background-color: rgba(255,255,255, 1);
       } 



       .service
       {
         height: 30vh;
         min-height: 150px;
       }

       .advantage
       {
         /*height: 30vh;*/
         min-height: 150px;
       }   

       .teamdoc IMG
       {
         width: 9vw;
         max-width: 150px;
       }

       #team p
       {
         font-size: 1.3em;
         line-height: 1.2;
       }

       .contacts
       {
         /* height: 85vh; */
         margin-bottom: 10vh;
       }


       .c1
       {
         height: 100vh;

       }

       .c2
       {
         height: 40vh;
       }

       .c3
       {
         height: 40vh;
       }

       .c4
       {
         height: 70vh;
       }

       .c5
       {
         height: 30vh;
       }

       .c6
       {
         height: 60vh;
       }


       .developed
       {
         float: right;
       }

     }

     @media screen and (max-width: 960px) {
  #slidebox {
    width: 100%;
    padding: 10px;
    padding-bottom: 0;
    height: 65px;
    margin-bottom: 0;
  }

  #slidebox .wrap{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    height: 100%;
  }
  #slidebox p{
    text-align: center;
    margin: 5px auto;
  }
  

   #slidebox .close{
     right: 6px;
   }

   #slidebox .telVspl {
    position: relative;
    bottom: 7px;
}
}

     @media screen  and (max-width: 959px)

     {

      .contactForm
      {

       width: 250px;
       margin: auto;
     } 


     #team
     {
       height: auto;
     }

     #team p
     {
       font-size: 1.3em;
       line-height: 1.2;
     }

     .copyright, .developed
     {
       font-size: 12px;
       text-align: center;
       padding-bottom: 10px;
     }

     .c1
     {
       height: 75vh;
     }

     .c2, .c3, .c6
     {
       height: 37.5vh;
     }

     .c4, .c5
     {
       width: 50%; height: 45vh;
     }

     .innerPage .oneReview iframe{     
       height:250px;
     }

         #clients .galClick img{
      max-width: 300px;
      min-width: 180px;
      width: 35.2vw;
      margin: 0 auto;
     }

     #clients2 .galClick img{
      max-width: 300px;
      min-width: 180px;
      width: 35.2vw;
      margin: 0 auto;
     }
     #advantages .divTextPhoto{
      width: 100%;
      height: 1000px;
      margin: 0 auto;
      background: url(../images/textSmall.png) no-repeat center;
      background-size: contain;
    }
   }

   
   @media (max-width: 700px){

   #advantages .divTextPhoto{
    height: 700px;
   }
  }

   @media (max-width: 639px){

       .oneReview .liChild{
     width: 300px;
   }

   .oneReview .liChild .text{
     font-size: 14px;
     width: 280px;
   }

   .oneReview{
     padding: 0;
   }
    .innerPage  .reviewsSlider2 {
     width:100%;
   }
   .innerPage .oneReview{
     padding: 2.5em 0 1em;
     text-align:left;
   }
   .innerPage .oneReview iframe{

     height:150px;
   }

   #advantages p{
     text-align: left;
   }

 }

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

  
  #perelink-horizontal .perelink-horizontal-item{
    width: 290px;
  }

  #advantages .divTextPhoto{
    height: 550px;
   }

}

 @media (max-width: 400px){
  .innerPage .reviersSocial{
   display:none;
 }
 #advantages .divTextPhoto{
  height: 450px;
 }
}

@media (max-width: 350px){
 #advantages .divTextPhoto{
  height: 400px;
 }
}
@media screen and (orientation: portrait) and (max-width: 959px) and (min-width: 690px)
{
  .c1
  {
   height: 75vh;
 }

 .c2, .c3, .c6
 {
   height: 37.5vh;
 }

 .c4
 {
   width: 50%; height: 45vh;
 } 

 .c5
 {width: 50%; height: 30vh;
 }
}

@media screen and (max-width: 959px) and (min-width: 690px)
{
  BODY
  {
   font-size: 10px;
 }

 .head h1 
 {
   padding-top: 12vh;
 } 

 h1, .slogan
 {
   font-size: 5.500em;
 } 

 .teamdoc
 {
   width: 25vw;
   min-width: 25vw;
 }


 #team p
 {
   font-size: 1.3em;
   line-height: 1.2;
 }

 .teamdoc IMG
 {
   max-width: 100px;
 }


 h2, .bigtext
 {
   font-size: 4.500em;
 }


 nav
 {
   background-color: #fff;
 }

 .logo IMG, IMG.social 
 {
   height: 40px;
 }


 .navbar-collapse
 {
   background-color: #fff;
 }
}

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

  .scrollup {
    right: 5px;
    bottom: 69px;
    opacity: .6;
  }

  BODY
  {
   font-size: 10px;
 }

 h1, .slogan
 {
   font-size: 3.5em;
 }

 h2, .bigtext
 {
   font-size: 3em;
 }

 .head p
 {

   font-size: 1.3em;
   line-height: 1.2;
 }




 .teamdoc
 {
   width: 45vw;
   min-width: 45vw;
 }


 #team p
 {
   font-size: 1.3em;
   line-height: 1.2;
 }

 .teamdoc IMG
 {
   max-width: 100px;
 }



 nav
 {
   background-color: #fff;
 }


 .logo IMG, IMG.social 
 {
   height: 30px;

 }



}



@media screen and (max-width: 1470px) {
  .indexInner__aside {
   padding-left: 1%;
   padding-right: 1%;
 }
 .indexInner__aside__item__img {
   width: 75px;
 }
 .indexInner__aside__item__img img {
   width: 100%;
 }
 .indexInner__aside__item__link a {
   font-size: 16px;
 }
}
@media screen and (max-width: 1280px) {
  .indexInner__aside__item {
   margin-bottom: 15px;
 }
 .indexInner__aside__item__img {
   width: 60px;
 }
 .indexInner__title h1 {
   font-size: 4em;
 }
 .indexInnerContacts {
   margin-bottom: 30px;
   padding-bottom: 30px;
 }
 .indexInner__contacts__left {
   width: 60%;
 }
 .indexInner__contacts__right {
   width: 40%;
 }
}

@media screen and (max-width: 1130px) {
  .indexInner__contacts__left .bigtext {
   font-size: 3.8em;
 }
 .indexInner__contacts__right .phone {
   font-size: 2.5em;
 }
 .indexInner__contacts__right .contactForm {
   width: 285px;
 }
 h2, .bigtext, h3, h1, .head h1
       {
         font-size: 2.500em;
       }
}
@media screen and (max-width: 992px) {


    .adressesRow a, .adressesRow p{
      font-size: 1.2em;
    }

  .indexInner__aside {
   position: fixed;
   top: 0;
   bottom: 0;
   left: -302px;
   width: 100%;
   max-width: 300px;
   margin-top: 0;
   z-index: 9999;
   -webkit-transition: all ease 0.5s;
   -moz-transition: all ease 0.5s;
   -ms-transition: all ease 0.5s;
   -o-transition: all ease 0.5s;
   transition: all ease 0.5s;
 }
 .indexInner__aside.active {
   left: 0;
 }
 .indexInner__aside__burger {
   width: 45px;
   height: 45px;
   background-color: #cc9926;
   position: absolute;
   top: 50%;
   right: -43px;
   border-radius: 0 5px 5px 0;
   margin-top: -23px;
 }
 .indexInner__aside__burger.active .indexInner__aside__burger__line:first-child {
   top:45%;
 }
 .indexInner__aside__burger.active .indexInner__aside__burger__line:last-child {
   top:45%;
 }
 .indexInner__aside__burger__line {
   width: 20px;
   height: 3px;
   background-color: #fff;
   position: absolute;
   left: 0;
   right: 0;
   margin: auto;
   -webkit-transition: all ease 0.5s;
   -moz-transition: all ease 0.5s;
   -ms-transition: all ease 0.5s;
   -o-transition: all ease 0.5s;
   transition: all ease 0.5s;
 }
 .indexInner__aside__burger__line:first-child {
   top: 33%;
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 .indexInner__aside__burger__line:last-child {
   top: 59%;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
 .indexInner__content__wrap {
   width: 100%;
   max-width: 100%;
   flex: none;
 }
 .indexInner__content {
   font-size: 1.25em;
 }
 .indexInner__content img {
   width: 40%!important;
   height: auto!important;
 }
}

@media screen and (max-width: 768px) {
  .indexInner__button {
   max-width: 350px;
 }
 .indexInner__contacts__wrap {
   display: block;
 }
 .indexInner__contacts__left {
   width: 100%;
   text-align: center;
 }
 .indexInner__contacts__right {
   width: 100%;
 }
 .indexInner__aside__burger {
   width: 30px;
   right: -29px;
 }
 h2, .bigtext, h3, h1, .head h1
 {
   font-size: 2em;
 }

 #lightSlider .lslide .text{
  font-size: 15px;
}

.oneReview .liChild {
  width: auto;
}

.oneReview .liChild .text {
  width: auto;
}
}

@media screen and (max-width: 480px) {
  .indexInner__aside {
   width: 260px;
   left: -260px;
 }

 #perelink-horizontal .perelink-horizontal-item img{
  width: 250px;
}

 .indexInner__aside__item__img {
   width: 45px;
 }
 .indexInner__content {
   font-size: 1.35em;
 }
 .indexInner__content img {
   display: block;
   margin: 0 auto;
   float: none!important;
   width: 200px!important;
 }

 .adressesRow a, .adressesRow p{
  font-size: 1em;
}

}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none), (max-width: 1060px) {
  #perelink-horizontal{
    -ms-flex-direction: column;
  }
  
}