@charset "utf-8";
/*Переопределение блоков */
body:after {
  visibility: hidden;
  height: 0;
  font-size: 0;
  position: absolute;
}

@media (min-width: 100px) {
  body:after {
    content: "mobile_cusom";
  }
}
@media (min-width: 576px) {
  body:after {
    content: "mobile_extra";
  }
}
@media (min-width: 767px) {
  body:after {
    content: "mobile";
  }
}
@media (min-width: 992px) {
  body:after {
    content: "tablet";
  }
}
@media (min-width: 1200px) {
  body:after {
    content: "desktop";
  }
}
/*скрипт обработчик*/
/*var breakpoint = window.getComputedStyle(document.querySelector('body'), ':after').getPropertyValue('content').replace(/"/g,'');

if (breakpoint === 'mobile') {
  doSomething();
  }*/
  /*скрипт обработчик*/
  /*Переопределение блоков*/

  /*==========  Interval  ==========*/

  @media (min-width: 1380px) and (max-width: 1500px) {
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 15px;
}
  }
  @media (min-width: 992px) and (max-width: 1200px) {
.navbar-expand-lg .navbar-nav .nav-link {
    font-size: 15px;
}
  }
  @media (min-width: 700px) and (max-width: 767px) {

  }
  @media (min-width: 580px) and (max-width: 700px) {

  }
  @media (min-width: 320px) and (max-width: 480px) {

  }
  /*==========  Interval end  ==========*/



  /*Большие девайсы (большие десктопы, < 1200px)*/
  @media (max-width: 1750px) {
    .header_nav_m {
      margin-right: 1rem!important;
      margin-left: 1rem!important;
    }
    .phone_wrap {
      margin-left: 1rem!important;
    }
    .header_bottom .navbar-brand {
      margin-right: 1rem!important;
    }
    header:before,
    .main_header_s:before {
     width: 694px;
    }
    .nav_header_line .nav-link br {
      display: block;
    }
    .descr_logo {
      padding-left: 12px;
      line-height: 0.6;
      position: relative;
      top: -2px;
    }
    .phone_top {
      font-size: 22px;
    }
.descr_img_lc {
    width: 365px;

}
.main_header_s .lSSlideOuter .wrap_drum {
    height: auto;
    /*right: -85%;*/
    bottom: 0;
    padding-left: 39px;
}
  }

  @media (max-width: 1590px) {
    header:before, 
    .main_header_s:before {
      width: 585px;
    }
    .logo img {
      width: 168px;
    }
    .descr_logo > div:last-child {
      font-family: 'Open Sans', sans-serif;
      font-weight: 600;
      font-size: 17px;
    }
    body .container-fluid {
      padding-right: 4rem!important;
      padding-left: 4rem!important;
    }
  }

  @media (max-width: 1420px) {
    .descr_img_lc {
    padding: 25px 20px;
    width: 345px;
    background: #FF8019;
    position: absolute;
    bottom: 0;
    right: 0;
    margin-bottom: 30px;
    margin-right: -30px;
}
    body .container-fluid {
      padding-right: 3rem!important;
      padding-left: 3rem!important;
    }
    header:before, 
    .main_header_s:before {
      width: 569px;
    }
  }
  @media (max-width: 1390px) {
    .descr_img_lc img {
      margin-right: 23px;
      width: 63px;
    }
    .descr_img_lc {
    padding: 20px 18px;
    width: 293px;
}
.main_header_s .lSSlideOuter .wrap_drum {
    height: auto;
    /*right: -84%;*/
    bottom: 0;
    padding-left: 39px;
}
    .descr_logo > div:first-child {
      display: none;
    }
    .header_bottom .navbar-brand {
     flex-direction: column;
     width: 214px;
     white-space: unset;
   }
   .descr_logo {
    top: 9px;
  }
  .logo {
    border-right: none;
    padding-right: 6px;
  }
  header:before, .main_header_s:before {
    width: 279px;
  }
  .lk_btn {
    width: 183px;
}
}

@media (max-width: 1250px) {
.main_header_s .lSSlideOuter .wrap_drum {
    height: auto;
    /*right: -82%;*/
    bottom: 0;
    padding-left: 35px;
}
}
@media (max-width: 1199.98px) {
  .nav_header_line .nav-link {
    font-size: 15px;
  }
  .main_header_s .lSSlideOuter .wrap_drum {
    height: auto;
    /*right: -81%;*/
    bottom: 0;
    padding-left: 30px;
}


}

@media (min-width: 1156px) {
.known .lk_btn i {
  display: none;
}
}
@media (max-width: 1156px) {
  .lk_btn {
    width: 54px;
  }
  .lk_btn span {
   display: none;
 }

}
@media (max-width: 1100px) {
    .main_header_s .lSSlideOuter .wrap_drum {
    height: auto;
    /*right: -76%;*/
    bottom: 0;
    padding-left: 50px;
    width: 240px;
}
  body .container-fluid {
    padding-right: 2rem!important;
    padding-left: 2rem!important;
  }
  .logo img {
    width: 143px;
}
.descr_logo > div:last-child {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 16px;
}
.header_bottom .navbar-brand {

    width: 202px;
}
  header:before, .main_header_s:before {
    width: 244px;
  }
  .header_bottom .navbar-brand {
    margin-right: .5rem!important;
}
.header_nav_m {
    margin-right: .5rem!important;
    margin-left: .5rem!important;
}
.call_back span {
  display: none;
}
}

  /*Средние девайсы («таблетки», < 992px) */
  @media (max-width: 1020px) {
    .phone_top {
      font-size: 20px;
    }
  }
  /*Средние девайсы («таблетки», < 992px) */
  @media (max-width: 991.98px) {
.nav_header_line .nav-link {
    font-size: 16px;
    color: rgba(0,0,0,.5);
    line-height: 1.125;
    display: block;
    padding: 0.5rem 0rem;
}
.nav_footer .nav-link {

    padding: 4px 1rem;
}
.nav_header_line .nav-link br {
    display: none;
}
    .main_header_s .lSSlideOuter .wrap_drum {
    height: auto;
    width: 237px;
    /*right: -74%;*/
    bottom: 0;
    padding-left: 50px;
}
element.style {
    display: block;
}
div#topscroll {
    font-size: 22px;

  }
    .header_nav_m {
      position: absolute;
      margin-right: 0rem!important;
      margin-left: 0rem!important;
      background: #fff;
      z-index: 999;
      right: 0;
      margin-top: 81px;
      top: 0;
      transition: none!important;
      transform: none!important;
      padding: 18px 20px;
    }
    .header_nav_m.show {
      transition: none!important;
      transform: none!important;
      position: absolute;
      background: #fff;
      z-index: 999;
      right: 0;
      margin-top: 81px;
      top: 0;
      padding: 18px 20px;
}
.header_nav_m form,
.header_nav_m ul {
   position: relative;
    z-index: 999;
 
    width: 100%;
}
.phone_wrap {
  flex-grow: 1;
  margin-right: 20px;
}
}

/*Малые девайсы («ландшафтные», < 768px)*/
@media (max-width: 800px) {
    .main_header_s .lSSlideOuter .wrap_drum {
    /*right: -71%;*/

}
}
@media (max-width: 767.98px) {
  .descr_img_lc {
    padding: 20px 22px;
    width: 319px;
  }
      .main_header_s .lSSlideOuter .wrap_drum {
    height:auto;
    /*right: -67%;*/

}
.main_header_s .wrap_descr_sl {
    padding-top: 40px;
    padding-left: 10px;
    padding-bottom: 40px;
}

  }

  /*Экстрамалые девайсы («телефоны», < 576px)*/
  @media (max-width: 670px) {
      .main_header_s .lSSlideOuter .wrap_drum {
    height: 170px;
    right: 0;
    bottom: 0;
    padding-left: 50px;
}
  }
  @media (max-width: 575.98px) {
    #news_sl .lslide {
    width: 100% !important;
    margin-right: 0 !important;
        margin-left: 0px !important;
}
    .header_nav_m.show {
    right: -16px;
}
.s_title {
    font-size: 29px;
}
.descr_p_mob i {
  font-size: 47px;
color: #55BB55
}
.main_header_s .wrap_descr_sl {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 96px;
}
      .main_header_s .lSSlideOuter .wrap_drum {
    height: 170px;
    /*right: -60%;*/
    bottom: 0;
    padding-left: 30px;
}
.news_s .nav-item {
    padding-right: 21px;
}
.title_sr > div {
    top: 12px;
}
.phone_wrap {
    margin-right: 6px;
}
body .container-fluid {
    padding-right: 1rem!important;
    padding-left: 1rem!important;
}
  }
  @media (max-width: 485px) {
.main_header_s .lSSlideOuter .wrap_drum {
    height: 170px;
    /*right: -65%;*/
    bottom: 0;
    padding-left: 20px;
}
.main_header_s .lSSlideOuter .lSPager.lSpg>li.active:after {
    margin-left: 20px;
}
.main_header_s .lSSlideOuter .lSPager.lSpg>li:before {
    margin-left: 39px;
}
.main_header_s .lSSlideOuter .lSPager.lSpg>li:after {
    margin-left: 39px;
}
  }
  @media (max-width: 450px) {
    .title_s > div {
      font-size: 30px;
  
    }
  }
  @media (max-width: 400px) {
.descr_p_mob i {
    font-size: 36px;
    color: #55BB55;
}
.navbar-toggler {
    padding: .01rem .25rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
}
  }
  @media (max-width: 385px) {
    .logo img {
    width: 127px;
}

.header_bottom .navbar-brand {
    width: 175px;
}
.descr_logo > div:last-child {
    font-size: 15px;
}
.main_header_s .lSSlideOuter .lSPager.lSpg {
    top: 25px !important;
}
.main_header_s .lSSlideOuter .wrap_drum {
    height: 170px;
    /*right: -65%;*/
    bottom: 0;
    padding-left: 5px;
}
.news_s .nav-item {
    padding-right: 16px;
}
.news_s .nav-item:last-child {
    padding-right: 0;
}
  }
  @media (max-width: 350px) {
    .img_col_s img {
    max-width: 98%;
}
header:before, .main_header_s:before {
    width: 221px;
}
.main_header_s .wrap_descr_sl {
    padding-top: 18px;

}
  }
  @media (max-width: 330px) {
    .header_bottom .navbar-brand {
    width: 165px;
}
header:before, .main_header_s:before {
    width: 208px;
}
  }
  



  /*Экстрамалые девайсы («телефоны», < 576px)*/
  /*Нет @media, т.к. это по умолчанию в Bootstrap*/

  /*Малые девайсы («ландшафтные телефоны», >= 576px)*/
  @media (min-width: 576px) {

  }

  /*Средние девайсы («таблетки», >= 768px)*/
  @media (min-width: 768px) {

  }

  /*Большие девайсы (десктопы, >= 992px)*/
  @media (min-width: 992px) {
    .pl-lg-6, .px-lg-6 {
      padding-left: 8rem!important;
    }
    .pr-lg-6, .px-lg-6 {
      padding-right: 8rem!important;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
      padding-right: .6rem;
      padding-left: .6rem;
    }
  }

  /*Экстрабольшие девайсы (большие десктопы, >= 1200px)*/
  @media (min-width: 1200px) {

  }
  @media (min-width: 2000px) {
    .news_s {
      min-height: 700px;
    }
  }
  @media (min-width: 2700px) {
    .news_s {
      min-height: 850px;
    }
  }
