/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

@charset "UTF-8";
/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1199px) {
  .list--big {
    font-size: 28px;
  }
  .hero__item {
    min-height: 400px;
  }
  .hero__title {
    font-size: 48px;
  }
  .clients__img {
    padding: 0;
    margin-top: 35px;
  }
  .products {
    padding-top: 70px;
  }
  .products__title {
    font-size: 32px;
  }
  .products__item span {
    font-size: 24px;
  }
  .footer__item--info, .footer__item--policy {
    width: 20%;
  }
  .footer__item--nav {
    width: 25%;
  }
  .footer__item--cont {
    width: 50%;
  }
  .footer__item--info {
    padding-bottom: 65px;
  }
  .footer__tel {
    font-size: 17px;
  }
  .footer__email {
    font-size: 15px;
  }
  .footer__item--policy {
    top: 90px;
  }
  .contacts__map iframe {
    width: 100% !important;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
  .btn {
    height: 46px;
    font-size: 14px;
    max-width: 230px;
  }
  .list--big {
    font-size: 20px;
  }
  .swiper-pagination {
    bottom: 15px !important;
  }
  .header {
    padding-top: 14px;
  }
  .header:after {
    height: 4px;
  }
  .header .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .logo {
    width: 60px;
  }
  .logo__text,
  .relations > span {
    display: none;
  }
  .relations {
    margin: 0 0 0 auto;
  }
  .relations__tel {
    font-size: 20px;
  }
  .relations__email {
    font-size: 16px;
  }
  .nav {
    display: none;
    padding: 10px;
    margin-top: 10px;
    top: 100%;left: 0;right: 0;
  }
  .nav__item:not(:last-child) {
    margin-bottom: 4px;
  }
  .nav__link:after {
    display: none;
  }
  .nav__link--active {
    opacity: 0.6;
  }
  .hero {
    margin-top: 20px;
  }
  .hero__item {
    padding: 50px 25px;
  }
  .hero__title {
    font-size: 40px;
  }
  .hero__btns {
    display: block;
  }
  .hero__btns .btn {
    max-width: 100%;
  }
  .hero__btns .btn:not(:last-child) {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .hero__sl .swiper-button-arrow {
    display: none;
  }
  .company {
    padding-top: 60px;
  }
  .company .paragraph {
    font-size: 20px;
  }
  .territory__img {
    margin-top: 35px;
  }
  .products {
    padding-top: 50px;
  }
  .products__inner:not(:last-child) {
    margin-bottom: 30px;
  }
  .products__row {
    margin-left: -5px;
    margin-right: -5px;
  }
  .products__row [class*='col-'] {
    padding: 0 5px;
    margin-bottom: 10px;
  }
  .products__title {
    font-size: 26px;
  }
  .products__item span {
    font-size: 20px;
  }
  .footer .container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .footer__item {
    margin-right: 25px;
    max-width: 250px;width: 100%;
  }
  .footer__item--info {
    padding-bottom: 0;
    padding-right: 50px;
  }
  .footer__item--nav ul+ul {
    margin-top: 13px;
  }
  .footer__item--cont {
    margin-top: -135px;
  }
  .footer__contact:not(:last-child) {
    margin-bottom: 20px;
  }
  .footer__tel {
    font-size: 20px;
  }
  .footer__email {
    font-size: 17px;
  }
  .footer__item--policy {
    position: static;
    margin-top: 25px;
    padding-right: 145px;
  }
  .breadcrumb {
    margin: 30px 0 15px;
  }
  .contacts .row [class*='col-'] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .contacts__inner--info {
    margin-top: 20px;
  }
  .contacts__map {
    margin-top: 35px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 767px) {
  h1, h2, h3, h4, h5, h6, .title__h1, .title__h2, .title__h3, .title__h4, .title__h5, .title__h6 {
    font-size: 26px;
  }
  .title__sub {
    font-size: 21px;
  }
  .form__field {
    margin-bottom: 15px;
  }
  .clients {
    padding-top: 25px;
  }
  .clients__img {
    display: none;
  }
  .company {
    padding-top: 40px;
  }
  .company__box {
    min-height: auto;
    padding: 30px 10px;
  }
  .company .paragraph {
    font-size: 16px;
  }
  .company .paragraph p {
    margin-top: 20px;
  }
  .territory__img {
    margin-top: 25px;
  }
  .products {
    padding-top: 35px;
  }
  .products__inner:not(:last-child) {
    margin-bottom: 25px;
  }
  .products__row [class*='col-'] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .feedback {
    padding-top: 20px;
  }
  .feedback .container {
    padding: 0;
  }
  .feedback__box {
    border-radius: 0;
  }
  .feedback .title__sub {
    margin-top: 6px;
  }
  .feedback__form {
    margin-top: 25px;
  }
  .form__group,
  .feedback__form .btn {
    max-width: 100%;
  }
  .form__group .row [class*='col-'] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .footer {
    margin-top: 0;
  }
  .footer .container {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .footer__item {
    max-width: 49%;
    margin-right: 0;
  }
  .footer__item--info,
  .footer__item--policy {
    padding-right: 0;
  }
  .footer__item--cont {
    margin-top: -110px;
  }
  .footer__tel {
    font-size: 18px;
  }
  .footer__email {
    font-size: 15px;
  }
  .modal__close {
    top: -30px;right: 0;
  }
  .contacts__map iframe {
    height: 400px;
  }
  .content {
    padding-bottom: 20px;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
  .list--big {
    font-size: 16px;
  }
  .hero__title {
    font-size: 32px;
  }
  .clients__group [class*='col-'] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
  }
  .modal__title br,
  .modal .form__text br {
    display: none;
  }
  .contacts__map iframe {
    height: 320px;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  .container {max-width: 750px;}

  .show-mb {display: none !important;}

  .footer:after {
    display: none;
  }
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .container {max-width: 970px;}

  .show-tb {display: none !important;}

  .navbar-toggle {
    display: none;
  }
  .nav {
    display: block !important;
  }
  .nav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer__item--nav,
  .footer__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .container {max-width: 1180px;}
}