/* Responsive styles extracted from style.css. */
/* Keep this file loaded after style.css. */

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

   h1.min,
   .title-h1.min {
      font-size: 30px;
   }

}

@media only screen and (min-width: 768px) {
   .map-section {
      height: 380px;
   }

   .map-section iframe {
      height: 390px !important;
   }
}

@media only screen and (min-width: 992px) {
   .map-section {
      height: 480px;
      ;
   }

   .map-section iframe {
      height: 490px !important;
   }
}

@media only screen and (min-width: 768px) {
   .reviews-carousel .item .element {
      padding: 40px 30px;
   }
}

@media only screen and (min-width: 1240px) {
   .was-it-was img {
      width: 659px;
      max-width: none;
      margin-left: -70px;
   }

   .ui-slider-wrapper {
      margin-left: -244px;
      width: 428px;
   }

   .ui-slider-wrapper .ui-slider .ui-slider-handle:after {
      height: 410px;
      top: -185px;
   }


}

@media only screen and (min-width: 768px) {
   .application-inner .element {
      min-height: 260px;
   }

   .application-inner .element .img-wrapper {
      height: 114px;
      overflow: hidden;
   }

   .application-inner .element .title {
      display: flex;
      height: 40px;
      overflow: hidden;
      align-items: center;
      flex-wrap: wrap;
   }

   .application-inner .element .text {
      height: 60px;
      overflow: hidden;
      color: var(--unnamed, #252525);
      font-family: 'Montserrat', sans-serif;
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 22px;
   }

   .application-inner>.row>hr:nth-of-type(2n) {
      clear: both;
   }
}

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

   .application-inner>.row>hr:nth-of-type(2n) {
      clear: none;
   }
}

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

@media only screen and (max-width: 991px) {
   .slick-dots {
      padding-top: 30px;
   }

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

@media only screen and (max-width: 767px) {
   .f36 {
      font-size: 30px;
      line-height: 1.2;
   }

   h1,
   .title-h1 {
      font-size: 30px;
      line-height: 1.2;
   }

   h2,
   .title-h2 {
      font-size: 30px;
      line-height: 1.2;
   }

   h3,
   .title-h3 {
      font-size: 24px;
      line-height: 1.2;
   }
}

@media only screen and (min-width: 768px) {
   .flex-sm {
      display: flex;
   }

   .flex-sm>div {
      height: auto;
   }

   .modal {
      padding: 40px;
   }

   .mobile-tab-header {
      display: none;
   }

   ul.tabs.mobile {
      display: block !important;
      margin: 0;
   }

   .box {
      padding: 0 15px;
   }

   h1,
   .title-h1 {
      font-size: 40px;
   }

   .services-section hr:nth-of-type(2n) {
      clear: both;
   }

   .quest-section span {
      vertical-align: top;
      margin-right: 30px;
      display: inline;
      margin-bottom: 0;
   }
}

@media only screen and (min-width: 992px) {
   .box {
      padding: 0 20px;
   }

   .logo {
      margin-left: 0;
   }

   .services-section hr:nth-of-type(2n) {
      clear: none;
   }

   .services-section hr:nth-of-type(3n) {
      clear: both;
   }

   .num-section {
      background: url(../images/num-bg.jpg) 50% 50% no-repeat;
      background-size: cover;
   }
}

@media only screen and (min-width: 1240px) {
   ul.tabs.mobile li {
      padding: 18px 90px;
   }

   h1.big,
   .title-h1.big {
      font-size: 80px;
      line-height: 1;
      margin-bottom: 50px;
   }
}

@media only screen and (min-width: 1400px) {
   .pk-img {
      max-width: 650px;
      margin-left: -60px;
   }
}

@media only screen and (max-width: 991px) {
   .top-slider .item .button {
      padding: 8px 15px;
   }
}

@media only screen and (min-width: 768px) {
   .top-slider .item:before {
      display: none;
   }

   .top-slider .item .title {
      font-size: 2.4em;
   }

   .top-slider {
      height: 400px;
   }

   .top-slider .item {
      height: 400px;
   }

   .header-push {
      height: 168px;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .header-wrapper {
      height: 168px;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .header-wrapper.hPanelHide {
      top: -50px;
   }
}

@media only screen and (min-width: 992px) {
   .header-wrapper {
      height: 168px;
   }

   .header-push {
      height: 168px;
   }

   .header {
      height: 56px;
   }

   .top-menu-wrapper {
      height: 100%;
   }

   .header-wrapper.hPanelHide .top-menu-wrapper {
      padding-top: 0;
   }

   .header-wrapper.hPanelHide .logo {
      top: 30px;
   }

   .top-slider .item .title {
      font-size: 3em;
      margin-bottom: 30px;
   }

   .top-slider .item .text {}

   .top-slider {
      height: 685px;
   }

   .top-slider .item {
      height: 685px;
   }

   .header-wrapper.hPanelHide {
      top: -130px;
   }
}

@media only screen and (min-width: 1240px) {
   .top-slider .item .title {
      position: relative;
      margin-bottom: 35px;
      padding-bottom: 50px;
      max-width: 650px;
      font-family: 'Montserrat', sans-serif;
      color: var(--unnamed, #FFF);
      font-size: 65px;
      font-style: normal;
      font-weight: 900;
      line-height: 35px;
      /* 53.846% */
      text-transform: uppercase;
   }

   .top-slider .item .text {}
}

@media only screen and (min-width: 768px) {
   .countdownHolder>span:nth-of-type(odd) {
      width: 60px;
   }

   .countDays:before,
   .countHours:before,
   .countMinutes:before,
   .countSeconds:before {
      width: 60px;
   }
}

@media only screen and (min-width: 992px) {
   .countdownHolder>span:nth-of-type(odd) {
      width: auto;
      font-size: 42px;
      padding: 15px 12px;
   }

   .countDays:before,
   .countHours:before,
   .countMinutes:before,
   .countSeconds:before {
      width: 74px;
      bottom: -38px;
   }

   .countdownHolder>span>span {
      display: block;
      float: left;
   }

   .countdownHolder>span:nth-of-type(odd):after {
      top: 24px;
      right: -15px;
   }

   .top-menu-wrapper {
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .top-menu>ul>li {
      position: relative;
      padding: 0 10px;
   }

   .top-menu>ul>li:after {
      content: "";
   }

   .top-menu>ul>li:first-child {
      padding: 0 0 0 40px;
   }

   .top-menu>ul>li:first-child:after {
      display: none;
   }

   .top-menu>ul>li:last-child {
      padding: 0 40px 0 0;
   }

   .top-menu>ul>li>a {
      color: var(--unnamed, #FFF);
      font-family: 'Montserrat';
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: normal;
      border: 1px solid transparent;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .top-menu>ul>li:hover>a,
   .top-menu>ul>li.active>a {
      color: #202020;
   }

   .top-menu>ul>li>ul {
      display: block;
      position: absolute;
      width: 150px;
      top: 15px;
      padding-top: 17px;
      left: 14px;
      -webkit-animation-duration: 0.2s;
      -moz-animation-duration: 0.2s;
      -o-animation-duration: 0.2s;
      -ms-animation-duration: 0.2s;
      animation-duration: 0.2s;
      text-align: left;
      z-index: 100;
   }

   .top-menu>ul>li:last-of-type>ul {
      left: auto;
      right: 0;
   }

   .top-menu>ul>li:last-of-type>ul>li:first-of-type:before {
      left: auto;
      right: 15px;
   }

   .top-menu>ul>li>ul>li>a {
      background: #202020;
      padding: 6px 23px;
      border-top: 1px solid #202020;
      display: block;
      font-size: 16px;
      line-height: 24px;
      font-weight: 600;
      color: #ffffff;
      text-decoration: none;
      border-radius: 10px;
      text-align: center;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      position: relative;
      z-index: 10;
   }

   .top-menu>ul>li>ul>li>a:hover {
      color: #202020;
      background: #f07401 !important;
      border-top: 1px solid #202020;
   }

   .top-menu>ul>li>ul>li:hover>a,
   .top-menu>ul>li>ul>li.active>a {
      background: #171b1f;
   }

   .top-menu ul ul ul ul {
      display: none !important;
   }

   .top-menu ul ul ul {
      position: absolute;
      top: 0;
      left: 240px;
      width: 240px;
      visibility: hidden;
      opacity: 0;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
   }

   .top-menu ul ul li {
      position: relative;
   }

   .top-menu ul ul li.uWithSubmenu>a {
      padding-right: 50px;
   }

   .top-menu ul ul li.uWithSubmenu>a:after {
      content: "";
      display: block;
      position: absolute;
      width: 10px;
      height: 10px;
      top: 50%;
      right: 15px;
      border-top: 1px solid #fff;
      border-right: 1px solid #fff;
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -o-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      margin-top: -5px;
   }

   .top-menu ul ul li:hover ul {
      visibility: visible;
      opacity: 1;
   }

   .top-menu ul ul ul a {
      background: #21282e;
      padding: 12px 10px 12px 10px;
      border-top: 1px solid #171b1f;
      display: block;
      font-size: 14px;
      line-height: 18px;
      color: #ffffff;
      text-decoration: none;
      -webkit-transition: all 200ms ease-out;
      -moz-transition: all 200ms ease-out;
      -o-transition: all 200ms ease-out;
      transition: all 200ms ease-out;
      position: relative;
      z-index: 10;
   }

   .top-menu ul ul li:last-of-type>ul>li:first-of-type>a {
      border-top: none;
      border-left: none;
   }

   .top-menu ul ul ul li:hover a,
   .top-menu ul ul ul li.active a {
      background: #171b1f;
   }

   .mobile-menu,
   .overlay {
      display: none;
   }

}

@media only screen and (min-width: 1240px) {
   .top-menu>ul>li>a {}

   .accordeon-section .img-wrapper {
      position: absolute;
      bottom: 0;
   }

   .accordeon-section .row {
      min-height: 750px;
   }
}

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

   table.tpl-table td,
   table.tpl-table th {
      padding: 8px 10px;
      font-size: 12px;
   }
}

@media only screen and (min-width: 992px) {
   .item-gallery>.row>hr:nth-of-type(2n) {
      clear: none;
   }

   .item-gallery>.row>hr:nth-of-type(3n) {
      clear: both;
   }
}

@media only screen and (min-width: 1240px) {
   .blog .row>hr:nth-of-type(2n) {
      clear: none;
   }

   .blog .row>hr:nth-of-type(3n) {
      clear: both;
   }
}

@media (min-width: 992px) {
   .services-template .main-column {
      padding-right: 20px;
   }
}

@media screen and (max-width: 768px) {
   .block__fortitle {
      letter-spacing: normal;
   }
}

@supports (display:grid) {
   @media only screen and (max-width: 1275px) {
      .row_grid {
         grid-auto-rows: calc(214px + (257 - 214) * ((100vw - 901px) / (1275 - 901)));
      }
   }
}

@supports (display:grid) {
   @media only screen and (max-width: 900px) {
      .row_grid {
         grid-auto-rows: calc(242px + (285 - 242) * ((100vw - 768px) / (900 - 768)));
      }
   }
}

@supports (display:grid) {
   @media only screen and (max-width: 768px) {
      .row_grid {
         grid-auto-rows: calc(255px + (367 - 255) * ((100vw - 573px) / (768 - 573)));
      }
   }
}

@supports (display:grid) {
   @media only screen and (max-width: 572px) {
      .row_grid {
         grid-auto-rows: calc(288px + (514 - 288) * ((100vw - 320px) / (572 - 320)));
      }
   }
}

@media only screen and (max-width: 1450px) {
   .primenenie__block__wrapper {
      padding: 0 5px;
   }

   .primenenie-list-element {
      text-align: center;
      padding: 0 8px;
   }

   .slick-prev {
      left: 15px;
   }

   .slick-next {
      right: 15px;
   }

   .slick-prev,
   .slick-next {
      background: transparent;
   }

   .slick-prev::after,
   .slick-next::after {
      width: 20px;
      height: 20px;
      margin-top: -10px;
      border-left: 5px solid rgb(255 255 255);
      border-bottom: 5px solid rgb(255 255 255);
   }
}

@media (max-width:600px) {
   .gridblock__wrap {
      grid-template-columns: 1fr;
   }
}

@media (max-width:1240px) {
   .logo {
      width: 218px;
   }

   .header-tel {
      margin-left: 10px;
   }

   .header-panel a {
      font-size: 14px;
   }
}

@media (max-width:992px) {
   .services-section .element {
      border-radius: 0;
      margin-top: 15px;
      padding: 10px 30px;
   }

   .align-item-center {
      display: block;
      text-align: center;
   }

   .services-section .element .img-wrapper {
      text-align: center;
      margin-top: 12px;
   }

   .services-section .element .img-wrapper svg {
      height: 50px;
   }

   .top-slider .item .title {
      position: relative;
   }

   .top-slider .item .title:after {
      bottom: -15px;
   }

   .top-slider .item {
      padding-left: 15px;
   }

   .top-slider .item .text {
      line-height: 28px;
      text-transform: none;
      padding-right: 50px;
   }
}

@media only screen and (max-width: 767px) {
   .top-menu-wrapper {
      display: none;
   }

   .header {
      border-radius: 0;
      margin: 0 -10px;
      background: #ffffff;
   }

   .feedback-block {
      padding: 60px 15px;
      background: #F4F4F4;
      margin: 0 -15px;
   }

   .header-wrapper {
      height: 94px;
      position: fixed;
   }

   .header-push {
      height: 94px;
   }

   .mobile__logo {
      display: block;
   }

   .mobile__logo {
      width: 190px;
      margin: 9px 0 0 14px;
   }

   .services-section {
      margin-top: 0px;
   }

   .block-mail-section,
   section.block-mail-section1,
   section.block-mail-section3 {
      background: #f07401;
      height: auto;
   }

   .block__mail__title {
      margin-top: 50px;
   }

   .oborud-row {
      display: block;
      margin-bottom: 50px;
   }

   .oborud-container {
      border-radius: 0;
      width: 100%;
      left: 0px;
      margin-bottom: 20px;
   }

   .oborud-container:before {
      display: none;
   }

   .oborud-row:nth-child(2n) .oborud-container {
      margin-right: 0px;
   }

   section.youtube-section {
      background: #202020;
   }

   section.youtube-section .num__fortitle {
      margin-top: 40px;
   }

   section.youtube-section a {
      display: block;
      margin-top: 0px;
      margin-bottom: 15px;
      text-align: left;
   }

   .button,
   .button.invert {
      padding: 10px;
      border-radius: 10px;
      width: 200px;
      margin-top: 20px;
   }

   .block__mail__title,
   .num__title,
   .block__mail__title1 {
      font-size: 28px;
      line-height: 36px;
   }

   .clients-carousel .client-element {
      text-align: center;
   }

   .client-element .logo__element {
      display: block;
      width: 100%;
   }

   .block__mail__wrapper {
      text-align: center;
   }

   .top__header__section {
      padding: 10px 0;
   }

   .top__header {
      justify-content: center;
      align-items: center;
      height: auto;
   }

   .top__header__1 span:first-child,
   .top__header__2 a:first-child {
      padding-right: 0;
      margin-right: 0;
   }

   .top__header__1 span {
      display: block;
      text-align: center;
      line-height: 18px;
   }

   .top__header__2 a {
      display: block;
      text-align: center;
      line-height: 22px;
   }

   .top__header__1 span:first-child:after,
   .top__header__2 a:first-child:after,
   .article-img:after {
      display: none;
   }

   .proizvodstvo_text_wrapper {
      padding-right: 0px;
   }

   .main-wrapper {
      min-height: auto;
      margin: 0 auto;
   }

   .product-info {
      display: flex;
      margin-top: 40px;
      flex-wrap: wrap;
      justify-content: center;
   }

   blockquote {
      padding: 40px 20px;
   }

   .footer-push {
      height: auto;
   }

   .footer-wrapper {
      min-height: auto;
      padding: 40px 0 10px;
   }

   .footer__menu,
   .phones__wrapper {
      padding-left: 0px;
   }

   .footer__tel {
      margin-bottom: 15px;
   }

   .footer-wrapper .col-xs-6:nth-child(even) .footer__tel {
      text-align: right;
   }

   .footer__tel a {
      font-size: 15px;
      margin-bottom: 5px;
   }

   a.mail__contact {
      font-size: 12px;
   }

   .phones__wrapper .social a {
      margin-left: 2px;
   }

   .logo__footer {
      text-align: center;
   }

   .logo__footer img {
      width: 240px;
   }

   .footer__country {
      font-size: 13px;
   }

   .footer__mail_btn {
      text-align: center;
      margin-bottom: 15px;
   }

   .footer__btn {
      padding: 10px 25px;
   }

   .footer__konf__menu {
      background: #eaebeb;
      text-align: center;
   }

   .article-img {
      margin-right: 0;
   }

   .base-template .youtube-section {
      margin: 50px 0 80px;
   }

   .preimush-section-margin {
      margin-bottom: 50px;
   }

   .primush__block__wrapper {
      display: block;
   }

   .primush__block__wrapper .element {
      margin-bottom: 20px;
   }

   .element__btn {
      height: auto;
   }

   .block-mail-section-margin {
      margin-bottom: 80px;
   }

   .upakovka-list .img-wrapper img {
      width: 100%;
      border-radius: 0;
   }

   .proizvodstvo__block__wrapper.proizvodstvo__wrapper1 {
      margin-bottom: 0;
   }

   .proizvodstvo-m70 {
      margin-bottom: 0px;
   }

   .foto__wrap img {
      width: 100%;
   }

   .page__about.base-template .youtube-section {
      margin: 0;
   }

   .product-image #msGallery {
      margin-bottom: 40px;
   }

   .product-info .button {
      display: flex;
      margin-right: 0;
      padding: 10px 0px;
      width: 220px;
      flex-wrap: wrap;
      justify-content: center;
   }

   .product-info .button:last-child {
      margin-top: 15px;
   }

   .tab-main {
      overflow-y: scroll;
   }

   .tabs-header {
      display: block;
      text-align: center;
      padding-bottom: 10px;
   }

   .image__wrapper {
      float: none !important;
      width: 100% !important;
      margin: -40px 0 30px !important;
   }

   .content .img-margin {
      margin: 0 0 30px 30px;
      width: 100%;
      height: auto;
      max-width: initial;
   }

   .element__content__btn {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-wrap: wrap;
   }

   .item__thumb {
      padding: 0 5px;
   }

   .slider-nav {
      margin: 0 -3px;
   }

   .tabs-header-item:not(:last-child) {
      margin-right: 0px;
   }

   .tabs-header-item {
      padding-bottom: 10px;
   }

   .product-certificate {
      text-align: center;
   }

   .product-certificate__item {
      gap: 0px;
      justify-content: center;
   }

   .product-certificate__info {
      padding-right: 0px;
   }

   .img-wrapper img {
      width: 100%;
   }

   .element-content img {
      width: auto;
      margin-bottom: 10px;
   }

   #map {
      height: 350px;
   }

   .top__header__mobile__section {
      padding: 8px 0;
      background: #f07401;
   }

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

   .top__header__mobile__section .header-tel {
      margin-left: 0px;
   }

   .top__header__mobile__section .header-tel a,
   .top__header__mobile__section .header__call a {
      color: #ffffff;
      font-size: 14px;
      font-weight: 600;
      text-decoration: none;
   }

   .top__header__mobile__section .header-tel i,
   .top__header__mobile__section .header__call i {
      color: #ffffff;
      top: 1px;
      font-size: 14px;
      margin-right: 6px;
   }

   .block__mail__wrapper .button.invert,
   .footer__mail_btn a {
      width: 202px;
   }

   .upakovka-list .element-content .title-h4 {
      font-size: 16px;
   }
}

@media screen and (max-width:768px) {
   .footer-policy {
      flex-flow: column;
      gap: 12px;
      margin: 16px 0;
      line-height: 100%;
   }

   .footer-notify {
      line-height: 150%;
   }
}

@media (max-width:992px) {
   .orange-bg-img img {
      scale: 1;
   }
}

@media (max-width:768px) {
   .orange-man__wrap {
      flex-direction: column;
   }

   .orange-man__text {
      flex: initial;
      padding: 0px 0 40px;
   }

   .orange-man__img img {
      position: static;
      max-width: 250px;
   }
}

@media (max-width:480px) {
   .orange-bg-wrapper {
      flex-direction: column;
   }

   .orange-bg-text {
      padding: 40px 0;
      text-align: center;
   }

   .block__mail__title1 {
      margin-bottom: 10px;
   }

   .orange-bg-img img {
      padding-bottom: 15px;
   }
}

@media only screen and (max-width: 767px) {
   #cookie-notification .cookie-wrapper {
      gap: 0;
   }
}

@media only screen and (max-width: 1239px) {
   .contacts-benefits {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media only screen and (max-width: 767px) {
   .contacts-benefits {
      grid-template-columns: 1fr;
      margin: 30px 0 40px;
   }

   .contacts-benefits__item {
      min-height: 70px;
      padding: 13px 17px 13px 20px;
   }
}

@media only screen and (max-width: 1239px) {
   .footer-region-buttons {
      grid-template-columns: repeat(3, minmax(0, 1fr));
   }
}

@media only screen and (max-width: 991px) {
   .footer-regions__row {
      display: block;
   }

   .footer-region-card {
      margin-bottom: 30px;
   }

   .footer-region-card__address {
      max-width: initial;
   }

   .footer-region-buttons {
      grid-template-columns: repeat(2, minmax(0, 1fr));
   }
}

@media only screen and (max-width: 767px) {
   .footer-wrapper {
      padding: 35px 0 20px;
   }

   .footer__menu__wrapper {
      margin-bottom: 28px;
   }

   .footer-region-card {
      text-align: center;
   }

   .footer-region-card__phone {
      font-size: 22px;
   }

   .footer-region-card .social {
      gap: 12px;
   }

   .footer-region-card .social a {
      width: 40px;
      height: 40px;
   }

   .footer-region-card__mail {
      font-size: 16px;
   }

   .footer-region-buttons {
      gap: 10px;
   }

   .footer-region-button {
      min-height: 54px;
      padding: 9px 12px;
   }

   .footer-region-card .social {
      justify-content: center;
   }

   .footer-region-card__mail {
      justify-content: center;
   }
}

@media only screen and (max-width: 420px) {
   .footer-region-buttons {
      gap: 6px;
   }

   .footer-region-button__text {
      white-space: initial;
   }

   .footer-region-button.is-active .footer-region-button__icon {
      display: none;
   }
}

@media (max-width:768px) {
   .feedback-contact {
      padding: 40px 30px 40px;
   }

   .feedback-contact__footer {
      gap: 10px;
      flex-direction: column;
   }

   .feedback-contact__footer .politic {
      font-size: 12px;
   }

   .feedback-contact__title {
      font-size: calc((100vw - 320px)/(768 - 320) * (40 - 19) + 19px);
   }

   .contacts-page .feedback-block {
      padding: 0 15px;
      background: none;
      margin: 0 -15px;
   }

   .addtext__element {
      padding: 30px 22px;
      grid-column: span 2;
   }
}