/*
Theme Name: Energstandart
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2024.2
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0; border: none;background: unset;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}
strong {
    font-weight: 600;
}

html, body * {
    scroll-behavior: smooth;
}

/* roboto-regular - cyrillic_latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('assets/fonts/roboto-400.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-500 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 600;
    src: url('assets/fonts/roboto-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* roboto-700 - cyrillic_latin */
  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('assets/fonts/roboto-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 800;
    src: url('assets/fonts/mulish-800.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

  @font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 900;
    src: url('assets/fonts/mulish-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

p, div, span, input, textarea, .regular-font {
    font-family: Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6, .head-font {
    font-family: Mulish, sans-serif;
}

.container {
    max-width: calc(1160px + 30px + 30px);
    margin-left: auto;
    margin-right: auto;
    padding-left: 30px;
    padding-right: 30px;
}

.main-btn {
    background-color: #E61400;
    font-family: Roboto, sans-serif;
    font-weight: 700;
    color: #fff;
    border: none;
    cursor: pointer;
}

.main-btn:hover {
    background-color: #C01605;
}

a, button {
    transition: .3s;
    cursor: pointer;
}

body:not(.home) .header {
    background: #113781;
}

body:not(.home) section:first-of-type {
    margin-top: 0;
}

body:not(.home) section {
    margin-top: 80px;
}

/*шапка*/
.header {
    background: #001B5099;
    border-bottom: 1px solid #6F88C2;
    padding: 15px 0;
    position: relative;
}

.header-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.branding {
    display: flex;
    align-items: center;
}

.site-description {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px;
    text-align: left;
    color: #fff;
    padding-left: 14px;
    margin-left: 14px;
    border-left: 1px solid #FFFFFF;
    max-width: 98px;
}

.header-menu {
    align-self: flex-end;
    margin-bottom: 2px;
}

.header-menu a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-decoration: none;
    color: #fff;
}

.header-menu a:hover {
    opacity: .85;
}

.header-menu ul {
    display: flex;
    gap: 20px;
}

.site-title img {
    width: 142px;
    height: auto;
    flex: none;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 25px;
}

.header-actions-contacts a {
    display: block;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: right;
    color: #fff;
    text-decoration: none;
}

.header-actions-contacts a:hover {
    opacity: .85;
}

a.header-actions-tel {
    margin-top: 7px;
    font-weight: 700;
}

.header-actions .main-btn {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 600;
    line-height: 18.75px;
    text-align: left;
    padding: 10px 12px;
}

.header-mobile {
    display: none;
}

.header-burger {
    display: none;
}

@media(max-width: 1240px) {

    .header .site-description {
        display: none;
    }

}

@media(max-width: 992px) {
    header.header {
        background: #113781;
        border-bottom: 1px solid #6F88C2;
    }

    .header-menu, .header-actions, .branding .site-description {
        display: none;
    }

    .site-title img {
        width: 108px;
    }

    .header-burger {
        display: block;
    }

    .header-burger span {
        width: 27px;
        height: 3px;
        display: block;
        background: #fff;
        position: relative;
        border-radius: 0;
        transition: .2s;
    }

    .header-burger span:before {
        content: "";
        position: absolute;
        top: -8px;
        left: 0;
        width: 27px;
        height: 3px;
        display: block;
        background: #fff;
        transition: .2s;
        border-radius: 0;
    }

    .header-burger span:after {
        content: "";
        position: absolute;
        bottom: -8px;
        left: 0;
        width: 27px;
        height: 3px;
        display: block;
        background: #fff;
        transition: .2s;
        border-radius: 0;
    }

    .header-burger {
        cursor: pointer;
    }

    body.menu-open .header-burger span {
        background: unset;
    }

    body.menu-open .header-burger span:before {
        transform: rotate(45deg);
        top: 0;
    }

    body.menu-open .header-burger span:after {
        transform: rotate(-45deg);
        bottom: 0;
    }

    .header-mobile {
        background: #001B50;
        padding: 40px 0;
        display: block;
    }

    nav.header-menu-mobile a {
        font-family: Roboto;
        font-size: 22px;
        font-weight: 400;
        line-height: 25.78px;
        text-align: center;
        color: #fff;
        text-decoration: none;
    }

    nav.header-menu-mobile ul li + li {
        margin-top: 30px;
    }

    .header-actions-button button {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 600;
        line-height: 21.09px;
        text-align: left;
        padding: 15px 29px;
        margin-top: 35px;
    }

    .header-actions-contacts a {
        text-align: left;
        font-size: 18px;
    }

    a.header-actions-tel {
        font-size: 22px;
    }

    /* .header-mobile .container {
        display: grid;
        grid-template-rows: 50% 30%;
        height: 100%;
    } */

    .header-mobile-bottom {
        margin-top: 100px;
    }

    .header-mobile .branding {
        margin-top: 29px;
    }

    .header-mobile .branding .site-description {
        display: block;
    }

    body.menu-open {
        overflow-y: hidden;
    }

    .header-mobile {
        top: -100vh;
        position: absolute;
        transition: top .35s;
        z-index: 1;
        height: calc(100vh - 60px);
        width: 100%;
    }

    body.menu-open .header-mobile {
        top: 62px;
    }


    body.menu-open.admin-bar .header-mobile {
        top: calc(62px + 46px); /* header + adminbar */
    }

    header.header {
        z-index: 2;
    }

    body.menu-open header.header {
        border-bottom: none;
        height: 62px;
    }

    body.menu-open main {
        background: #001b50;
    }

}

/*hero*/
.hero {
    background: #000;
    padding: 170.5px 0 180px;
    margin-top: -75.5px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-inner {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.hero-content h1 {
    font-family: Mulish;
    font-size: 83px;
    font-weight: 800;
    line-height: 83.02px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
}

.hero-content ul, .hero-ul {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 600;
    line-height: 28.13px;
    text-align: left;
    color: #fff;
    border-left: 2px solid #FFFFFF;
    padding-left: 16px;
    margin-top: 30px;
}

.hero-content ul li + li, .hero-ul li + li {
    margin-top: 14px;
}

.hero-form {
    padding: 20px 20px 24px;
    background: #001B50;
    max-width: 303px;
}

.hero-form .hero-form-title {
    font-family: Mulish;
    font-size: 22px;
    font-weight: 700;
    line-height: 26.4px;
    text-align: left;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.form-privacy {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    text-align: left;
    color: rgb(255 255 255 / 50%);
}

.hero-form .main-input {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 25.78px;
    text-align: left;
    border: none;
    width: 100%;
    padding: 14px 8px 8px 13px;
    margin-bottom: 16px;
    color: #7E7F82;
}

.wpcf7-submit.main-btn {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 25.78px;
    text-align: center;
    width: 100%;
    padding: 17px;
    margin-top: 16px;
    margin-bottom: -16px;
}

.form-privacy a {
    color: inherit;
}

.hero-form .wpcf7-spinner {
    bottom: 43px;
    left: -17px;
}

.m-hide {
    display: block;
}

.d-hide {
    display: none;
}

@media(max-width: 992px) {
    .hero-inner {
        flex-direction: column;
    }

    .hero-content h1 {
        font-family: Mulish;
        font-size: 32px;
        font-weight: 800;
        line-height: 32.01px;
        text-align: left;
    }

    .m-hide {
        display: none;
    }

    .d-hide {
        display: block;
    }

    .hero-form {
        width: 100%;
        max-width: 100%;
    }

    .hero {
        padding: 100px 0 50px;
    }

    .hero-form .hero-form-title {
        font-family: Mulish;
        font-size: 18px;
        font-weight: 700;
        line-height: 21.6px;
        text-align: left;
        margin-bottom: 14px;
    }

    .hero-form .main-input {
        font-size: 18px;
        line-height: 21px;
    }

    p.form-privacy {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 16.41px;
        text-align: left;
    }

    .hero-ul li {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 600;
        line-height: 21.09px;
        text-align: left;
    }
}

/*вторая секция*/
main {
    background-color: #EAEEF7;
    padding-bottom: 90px;
}
section {
    margin-top: 100px;
}

.section-title, .section-title span {
    font-family: Mulish;
    font-size: 26px;
    font-weight: 900;
    line-height: 28.6px;
    text-align: left;
    text-transform: uppercase;
    color: #001B50;
    margin-bottom: 50px;
}

.grid-2, .products-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
}

.grid-3 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 40px;
}

.grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}

.products-item {
    background: #113781;
    padding: 30px;
    position: relative;
}

.products-item-title {
    text-transform: uppercase;
    font-family: Mulish;
    font-size: 36px;
    font-weight: 800;
    line-height: 43.57px;
    text-align: left;
    color: #fff;
}

.products-item-btn {
    color: #fff;
    text-decoration: none;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 25.78px;
    text-align: left;
    padding: 17px 32px;
    border: 2px solid #FFFFFF;
    margin-top: 125px;
    display: inline-block;
}

.products-item-btn:hover {
    background: #E61400;
    border: 2px solid #E61400;
}

.products-item img {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 230px;
    height: auto;
    object-fit: contain;
}

@media(max-width: 992px) {
    section {
        margin-top: 65px;
    }

    h2.section-title {
        margin-bottom: 25px;
        font-family: Mulish;
        font-size: 18px;
        font-weight: 900;
        line-height: 18px;
        text-align: left;
    }

    .grid-2, .grid-3, .grid-4 {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    h3.products-item-title {
        font-family: Mulish;
        font-size: 18px;
        font-weight: 800;
        line-height: 21.78px;
        text-align: left;
        padding-right: 50px;
    }

    .products-item-btn {
        margin-top: 30px;
        font-family: Roboto;
        font-size: 18px;
        font-weight: 600;
        line-height: 21.09px;
        text-align: left;
        padding: 14px 24px;
    }

    .products-item {
        padding: 15px;
        overflow: hidden;
    }

    .products-item img {
        width: 108px;
        height: 123px;
        right: -15px;
        top: 5px;
    }
}

/*секция о компании*/

.about-col img {
    margin-top: auto;
    width: 524px;
    height: auto;
    position: absolute;
    top: -50px;
    left: 36px;
}

.about p {
    color: #001B50;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 25.78px;
    text-align: left;
}

.about p + p {
    margin-top: 30px;
}

.about-col:first-child {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #001B50;
    position: relative;
}

.about-photos {
    margin-top: 100px;
}

.about-photos img {
    width: 100%;
}

.main-slider-wrapper {
    position: relative;
}

.about-slider-for-item img {
    max-height: 640px;
    min-height: 640px;
}

.about-slider-nav {
    overflow: hidden;
    margin-top: 45px;
}

.main-slider {
    overflow: hidden;
}

.main-slider img {
    width: 100%;
    max-height: 260px;
    min-height: 260px;
    object-fit: cover;
}

 /* the slides */
 .main-slider .slick-slide {
    margin: 0 20px;
}

/* the parent */
.main-slider .slick-list {
    margin: 0 -20px !important;
}

.slider-btn {
    width: 50px;
    height: 50px;
    background-color: rgb(0 27 80 / 10%);
    border-radius: 50%;
    display: grid;
    place-items: center;
    padding: 0;
    line-height: 0;
    cursor: pointer;
}

.slider-btn svg path {
    transition: .3s;
}

.slider-btn:hover {
    background-color: #001b50;
}

.slider-btn:hover svg path {
    stroke: #fff;
}

.slider-btns {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -52px;
}

.slider-btn-prev {
    left: -80px;
    position: absolute;
}

.slider-btn-next {
    right: -80px;
    position: absolute;
}

ul.slick-dots {
    display: flex;
    gap: 18px;
    justify-content: center;
    margin-top: 34px;
}

ul.slick-dots button {
    font-size: 0;
    height: 11px;
    width: 11px;
    border-radius: 50%;
    background: rgb(17 55 129 / 50%);
}

li.slick-active button {
    background: rgb(17 55 129);
}

@media(max-width: 992px) {
    .about-col img {
        display: none;
    }

    .about p {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
        text-align: left;
    }

    .about p + p {
        margin-top:25px;
    }

    .about-photos {
        margin-top: 60px;
    }

    .about-video iframe {
        width: 100%;
        height: 165.52px;
    }

    .main-slider img {
        max-height: 217px;
        min-height: 217px;
    }

    ul.slick-dots {
        display: flex;
        gap: 18px;
        justify-content: center;
        margin-top: 18px;
    }

    .about-slider-nav {
        margin-top: 25px;
    }
}

/*лайтбокс слайдера*/

.slick-lightbox .slick-prev {
    left: 15px;
    top: 50%;
    position: absolute;
    color: #fff;
    cursor: pointer;
    font-size: 0;
    z-index: 9;
}

.slick-lightbox .slick-next {
    right: 15px;
    top: 50%;
    position: absolute;
    color: #fff;
    cursor: pointer;
    font-size: 0;
    z-index: 9;
}

.slick-lightbox .slick-prev:before {
    content: '←';
    width: 50px;
    height: 50px;
    display: block;
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='25' transform='matrix(-1 0 0 1 50 0)' fill='%23fff' fill-opacity='0.9'/%3E%3Cpath d='M28 15L19 24L28 33' stroke='%23001B50'/%3E%3C/svg%3E");
}

.slick-lightbox .slick-next:before {
    content: '←';
    width: 50px;
    height: 50px;
    display: block;
    transform: rotate(-180deg);
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='50' height='50' rx='25' transform='matrix(-1 0 0 1 50 0)' fill='%23fff' fill-opacity='0.9'/%3E%3Cpath d='M28 15L19 24L28 33' stroke='%23001B50'/%3E%3C/svg%3E");
}

.slick-lightbox-close {
    position: absolute;
    top: 35px !important;
    right: 15px;
    display: block;
    width: 50px !important;
    height: 50px !important;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    padding: 0;
    border: none;
}

.slick-lightbox-close:before {
    font-family: "slick";
    font-size: 50px !important;
    line-height: 1 !important;
    color: #e8e8e8 !important;
    opacity: 1 !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '×';
}

@media(max-width: 992px) {
    .slick-lightbox .slick-arrow {
        transform: translateY(-50%);
    }
}

/*тикер*/
.about-ticker {
    overflow: hidden;
    display: flex;
    color: #fff;
    margin-top: 0;
}

.about-ticker-first {
    line-height: 1.3;
    white-space: nowrap;
    animation: scrollLine 80s infinite linear;
    animation-delay: -80s;
    font-size: 20px;
}

.about-ticker-second {
    animation: scrollLine2 80s infinite linear;
    animation-delay: -40s;
    white-space: nowrap;
    font-size: 20px;
    line-height: 1.3;
}

.about-ticker span {
    font-family: Mulish;
    font-size: 24px;
    font-weight: 800;
    line-height: 24.01px;
    text-align: left;
    color: #113781;
    text-transform: uppercase;
    border-left: 4px solid #113781;
    padding: 0 15px;
}

.about-ticker {
    background: rgb(17 55 129 / 5%);
    padding: 25px 0 21px;
    margin-top: 100px;
}


@keyframes scrollLine {
    0% {
        transform: translate(100%);
    }
    100% {
        transform: translate(-100%);
    }
}

@keyframes scrollLine2 {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-200%)
    }
}

@media(max-width: 992px) {
    .about-ticker {
        background: rgb(17 55 129 / 5%);
        padding: 12px 0 14px;
        margin-top: 60px;
    }

    .about-ticker span {
        font-family: Mulish;
        font-size: 16px;
        font-weight: 800;
        line-height: 16px;
        text-align: left;
    }
}
/*блок сертификатов*/
.certs-slider img {
    width: 100%;
    max-height: unset;
    min-height: unset;
    object-fit: contain;
}

@media(max-width: 992px) {
    .clients .img-abs {
        display: none;
    }
}

/*блок преимущества*/
.adv-box-item {
    background: #113781;
    color: #fff;
    padding: 20px 20px 20px 30px;

}

.adv-box-item-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.adv-box-item p {
    font-family: Roboto;
    font-size: 24px;
    font-weight: 600;
    line-height: 28.13px;
    text-align: left;
}

.adv-box-item:nth-child(3) img {
    margin-right: -20px;
}

.adv-box-item:nth-child(3) img {
    margin-right: -20px;
}

.adv-text, .adv-text-2 {
    grid-column: 2 / 4;
}

.adv-text, .adv-text-2 {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 25.78px;
    text-align: left;
    color: #001B50;
}

.adv-text-2 strong {
    display: block;
    margin-top: 10px;
}

a.adv-btn {
    grid-column: 2 / 3;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 25.78px;
    text-align: left;
    text-decoration: none;
    color: #fff;
    padding: 17px;
    text-align: center;
}

@media(max-width: 1240px) {
    .adv-box-item p {
        font-family: Roboto;
        font-size: 18.41px;
        font-weight: 600;
        line-height: 21.58px;
        text-align: left;
    }

}

@media(max-width: 992px) {

    .adv-box.grid-3 > * {
        grid-column: 1 / -1;
    }

    p.adv-text, p.adv-text-2 {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
        text-align: left;
    }

    p.adv-text {
        margin-bottom: 25px;
    }

    p.adv-text-2 {
        margin-top: 25px;
    }

    .adv-box-item p {
        font-family: Roboto;
        font-size: 18.41px;
        font-weight: 600;
        line-height: 21.58px;
        text-align: left;
    }

    .adv-box-item img {
        max-width: 86px;
    }

    .adv-box-item:nth-child(2) img {
        margin-right: 0;
    }

    .adv-box-item:nth-of-type(2) img {
        margin-right: -20px;
    }

    .adv-box-item:nth-of-type(3) img, .adv-box-item:nth-of-type(6) img {
        max-width: 70px;
    }

    .adv-box.grid-3 {
        gap: 10px;
    }

    a.adv-btn.main-btn {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 600;
        line-height: 21.09px;
        text-align: center;
        padding: 15px;
        margin-top: 25px;
    }
}

/*блок клиенты*/
.clients {
    position: relative;
}

.clients .img-abs {
    position: absolute;
    left: -100px;
    top: -320px;
    width: 524px;
    height: auto;
    z-index: 1;
}

.clients-inner {
    position: relative;
    z-index: 2;
}

.clients-item {
    background: #fff;
    display: grid;
    place-items: center;
    min-height: 110px;
}

.clients-item img {
    width: auto;
    height: auto;
    object-fit: contain;
}

@media(max-width: 992px) {
    .clients-inner {
        gap: 20px;
        grid-template-columns: 1fr 1fr;
    }

    .clients-item img {
        width: auto;
        height: 32px;
        object-fit: contain;
    }

    .clients-item {
        min-height: 60px;
    }
}

/*слайдер отзывов*/
.revs-box-item {
    background: #fff;
    padding: 28px;
}

.revs-box-item-top {
    display: flex;
    align-items: center;
    gap: 26px;
    margin-bottom: 17px;
}

.revs-box-item-top img {
    max-height: 31px;
    min-height: 31px;
    height: auto;
    max-width: 110px;
    object-fit: contain;
}

.revs-box-item-top div {
    border: 0.52px solid #113781;
    padding: 12px;
}

.revs-box-item-top p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 25.78px;
    text-align: left;
    color: #001B50;
}

.revs-box-item-content p {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 25.78px;
    text-align: left;
    color: #001B50;
    margin-bottom: 17px;
	min-height: 185px;
}

.revs-box-item-content a {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 25.78px;
    text-align: left;
    text-decoration: none;
    border-bottom: 1.5px solid #001B50;
    color: #001B50;
}

.revs-box-item-content a:hover {
    opacity: .85;
}

@media(max-width: 992px) {
    .revs-box-item-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .revs-box-item {
        padding: 20px;
    }

    .revs-box-item-top p {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 600;
        line-height: 21.09px;
        text-align: left;
    }

    .revs-box-item-content p {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
        text-align: left;
		min-height: unset;
    }

    .revs-box-item-content a {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
        text-align: left;
    }
}

/*форма*/
.forms-inner {
    background: #113781;
    padding: 32px;
}

.form-grid {
    display: flex;
    gap: 20px;
}

.form-grid > * {
    flex: 1;
}

span.wpcf7-spinner {
    position: absolute;
    right: 0;
    top: 18px;
}

.form-grid {
    display: flex;
    gap: 20px;
    position: relative;
}

.uacf7-form-145 p.form-privacy {
    display: block !important;
    margin-top: 19px !important;
}

.form-grid .wpcf7-submit {
    padding: 17px 0;
}

.forms h2 {
    color: #fff;
    margin-bottom: 28px;
}


.forms form p:first-of-type {
    display: flex;
}

.forms .main-input {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 25.78px;
    text-align: left;
    border: none;
    width: 100%;
    padding: 14px 8px 8px 13px;
    margin-bottom: 0;
    color: #7E7F82;
    min-height: 60px;
}

.forms .wpcf7-submit.main-btn {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 25.78px;
    text-align: center;
    width: 100%;
    padding: 17px;
    margin-top: 0;
    margin-bottom: 0;
    min-height: 60px;
    height: 60px;
}

.forms form p:first-of-type {
    display: grid;
    gap: 0 20px;
    grid-template-columns: repeat(3, 1fr);
}

.forms form br {
    display: none;
}

.forms .wpcf7-not-valid-tip {
    margin-top: 5px;
}
.wpcf7 form .wpcf7-response-output {
    color: #fff;
}

@media(max-width: 992px) {
    .forms form p:first-of-type {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .forms h2 {
        color: #fff;
        font-family: Mulish;
        font-size: 18px;
        font-weight: 700;
        line-height: 21.6px;
        text-align: left;
        margin-bottom: 14px;
    }

    .forms .main-input {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.09px;
        text-align: left;
    }

    .forms  .wpcf7-spinner {
        top: -53px;
        left: -20px;
    }

    .forms  p.form-privacy {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 16.41px;
        text-align: left;
        margin-top: -20px;
    }

    .forms-inner {
        padding: 18px;
    }
	
	.form-grid {
		flex-direction: column;
		gap: 10px;
	}
}

/*контакты*/
/*табы*/
.content {
    display: none;
}

.content--active {
    display: block;
}

.tabs-btns {
    display: flex;
    max-width: 31%;
    position: absolute;
    justify-content: flex-end;
    gap: 14px;
    background: #eaeef7;
}

.tab-btn {
    border: 1px solid #113781;
    background: #fff;
    border-bottom: 0;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 25.78px;
    text-align: left;
    color: #113781;
    padding: 16px 32px;
    cursor: pointer;
}

li.tab-btn.tab--active {
    background: #113781;
    color: #fff;
}

.tab-content {
    display: none;
}

.tab-content.content--active {
    display: flex;
}

.content-text {
    background: #113781;
    padding: 30px;
    color: #fff;
    flex: 0 0 31%;
    padding-top: 90px;
}

.content-map {
    flex: 0 0 69%;
}

p.content-adr {
    font-family: Roboto;
    font-size: 22px;
    font-weight: 400;
    line-height: 25.78px;
    text-align: left;
}

p.content-adr + p.content-adr {
    margin-top: 20px;
}

a.content-yamap {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    opacity: .7;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 30px;
}

a.content-yamap:hover {
    opacity: 1;
}

p.content-link {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.41px;
    text-align: left;
    border-top: 1px solid #FFFFFF;
    padding-top: 20px;
    margin-top: 20px;
}


p.content-link a {
    color: #fff;
}

p.content-link a:hover {
    opacity: .85;
}

@media(max-width: 992px) {
    .tab-content.content--active {
        display: flex;
        flex-direction: column;
    }

    ul.tabs-btns {
        max-width: 100%;
    }

    li.tab-btn {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 600;
        line-height: 21.09px;
        text-align: left;
        padding: 16px;
        flex: 1;
        text-align: center;
    }

    ul.tabs-btns {
        max-width: 100%;
        position: relative;
        justify-content: unset;
    }

    .content-text {
        padding-top: 12px;
        padding: 17px;
    }

    p.content-adr {
        font-family: Roboto;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.09px;
        text-align: left;
    }

    p.content-adr + p.content-adr {
        margin-top: 8px;
    }

    .content-map iframe {
        height: 367px;
    }

    a.content-yamap {
        margin-top: 14px;
    }

    p.content-link {
        font-family: Roboto;
        font-size: 12px;
        font-weight: 400;
        line-height: 14.06px;
        text-align: left;
        padding-top: 10px;
        margin-top: 10px;
    }
}

/*подвал*/
footer.footer {
    background: #001B50;
    color: #fff;
    padding: 16px 0;
}

.footer-inner {
    display: grid;
    grid-template-columns: 1.5fr 5fr 1fr;
}

nav.footer-menu ul {
    display: flex;
    gap: 20px;
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: 400;
    line-height: 18.15px;
    text-align: left;

}

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

nav.footer-menu ul a:hover {
    opacity: .85;
}

.footer-col a.header-actions-tel {
    margin-top: 0;
    margin-bottom: 5px;
}

.footer-col p {
    font-family: 'Roboto';
    font-size: 15px;
    font-weight: 400;
    line-height: 18.15px;
    text-align: left;
}

.footer-col p + p {
    margin-top: 5px;
}

.footer-bottom {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
}

a.footer-privacy {
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    text-decoration: none;
    color: rgb(255 255 255 / 50%);
}

a.footer-privacy:hover, a.footer-dev:hover {
    color: rgb(255 255 255);
    opacity: .85;
}

a.footer-dev {
    display: flex;
    opacity: .4;
    font-family: 'Roboto';
    font-size: 14px;
    font-weight: 400;
    line-height: 16.94px;
    text-align: left;
    gap: 4px;
    align-items: center;
    text-decoration: none;
    color: #fff;
}

@media(max-width: 992px) {
    footer.footer {
        padding: 25px 0;
    }

    nav.footer-menu ul {
        flex-wrap: wrap;
    }

    .footer-inner {
        display: grid;
        grid-template-columns: 1fr;
    }

    .footer .header-actions {
        display: block;
    }

    .footer-inner .footer-col:nth-child(1) {
        order: 3;
    }

    .footer-inner .footer-col:nth-child(2) {
        order: 1;
        border-bottom: 1px solid #FFFFFF;
        padding-bottom: 27px;
        margin-bottom: 14px;
    }

    .footer-inner .footer-col:nth-child(3) {
        order: 2;
        border-bottom: 1px solid #FFFFFF;
        padding: 14px 0;
        margin-bottom: 14px;
    }

    .footer .header-actions a {
        font-family: Roboto;
        font-size: 15px;
        font-weight: 400;
        line-height: 17.58px;
    }

    nav.footer-menu ul {
        font-family: Inter;
        font-size: 15px;
        font-weight: 400;
        line-height: 18.15px;
        text-align: left;
        gap: 10px 20px;
    }

    .footer-bottom {
        margin-top: 16px;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 10px;
        margin-top: 30px;
    }
}

/*форма попап*/
/*попап*/
  /*всплывающее окно*/
  .popup-open {
    overflow: hidden;
}

.popup, .popup--exit {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999;
    overflow: auto;
}

.popup-open .popup, .popup-open--exit .popup--exit {
    display: block;
    opacity: 1;
    -webkit-animation: fadeInFromNone .3s ease-in-out;
            animation: fadeInFromNone .3s ease-in-out;
}

@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}

.popup__overlay {
    background: #010510eb;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.popup__box {
    overflow: visible;
    background-repeat: no-repeat;
    max-width: 400px;
    margin: auto;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.popup__close {
    position: fixed;
    top: 30px;
    right: 30px;
    width: 32px;
    height: 32px;
    z-index: 9999999;
    cursor: pointer;
    background: var(--color-accent);
    border-radius: 999px;
    display: grid;
    place-items: center;
}

@media(max-width: 992px) {
    .popup__close {
        right: 5px;
    }
}

/*кнопка внизу экрана*/
.main-tel_btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    display: none;
    z-index: 999;
}

.main-tel_btn a {
    width: 46px;
    height: 46px;
    background: #E61400;
    border-radius: 50%;
    display: grid;
    place-items: center;
}

@media(max-width: 992px) {
    .main-tel_btn {
        display: block;
    }
}

/*страницы категорий*/
section.archive-top {
    margin-top: 0  !important;
}
.breadcrumbs > *, .breadcrumbs * {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.75px;
    color: #001B50;
    text-decoration: none;
}

.breadcrumbs a:hover {
    opacity: .85;
}

.breadcrumbs {
    padding: 15px 0 45px;
}

.archive-inner {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 26px;
}

.archive-content * {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    text-align: left;
    color: #001B50;
}

.archive-content > * + * {
    margin-top: 20px;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 26px;
}

.product-item {
    background: #fff;
    padding: 15px;
    display: flex;
    flex-direction: column;
}

a.product-item-link img {
    max-height: 170px;
    width: 100%;
    object-fit: contain;
}

p.product-item-type {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    text-align: left;
    color: #001B50;
    text-transform: uppercase;
    margin-top: 12px;
}

p.product-item-type span {
    color: #001B5080;
    text-transform: lowercase;
    margin-right: 4px;
}

.product-item-title {
    margin-top: 12px;
    margin-bottom: 35px;
}

.product-item-title a {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    text-align: left;
    text-decoration: none;
    color: #001B50;
}

.product-item-button {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    text-align: left;
    color: #001B50;
    text-decoration: none;
    border: 1px solid #001B50;
    padding: 12px;
    display: block;
    text-align: center;
    margin-top: auto;
}

.product-item-button:hover {
    background: #001B50;
    color: #fff;
}

.content-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.archive-desc .archive-title {
    position: relative;
}

.ar-img-abs {
    position: absolute;
    left: -300px;
    top: 30px;
    width: 524px;
    height: auto;
    object-fit: contain;
}

ul.list-marks {
    background: rgb(0 27 80 / 5%);
    padding: 30px 30px 30px 24px;
}

ul.list-marks li + li {
    margin-top: 20px;
}

ul.list-marks li {
    border-left: 2px solid #113781;
    padding-left: 20px;
}



@media(max-width: 1240px) {
    .products-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    a.product-item-link img {
        object-fit: contain;
    }
}

@media(max-width: 992px) {
    .breadcrumbs > *, .breadcrumbs * {
        font-family: Roboto;
        font-size: 12px;
        font-weight: 400;
        line-height: 14.06px;
        text-align: left;
    }

    a.product-item-link img {
        max-height: 95px;
        width: 100%;
        object-fit: contain;
    }

    .product-item-title a {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
        text-align: left;
    }

    .products-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }

    .product-item {
        padding: 6px;
    }

    a.product-item-button {
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 16.41px;
        text-align: center;
        padding: 10px;
    }

    .product-item-title {
        margin-top: 4px;
        margin-bottom: 12px;
    }

    p.product-item-type {
        font-family: Roboto;
        font-size: 12px;
        font-weight: 400;
        line-height: 14.06px;
        text-align: left;
        margin-top: 4px;
    }

    .archive-inner {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .archive-title .section-title, .archive-title .section-title span {
        margin-bottom: 0;
    }

    body:not(.home) section.archive-products {
        margin-top: 50px;
    }

    .archive-title .section-title, .archive-title .section-title span {
        margin-bottom: 0;
        font-family: Mulish;
        font-size: 18px;
        font-weight: 900;
        line-height: 18px;
        text-align: left;
    }

    .archive-content * {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
        text-align: left;
    }

    body:not(.home) section {
        margin-top: 60px;
    }

    .ar-img-abs {
        display: none;
    }

    .content-cols {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .archive-content > * + * {
        margin-top: 15px;
    }

    ul.list-marks {
        padding: 17px 12px;
    }

    ul.list-marks li {
        padding-left: 10px;
    }

    ul.list-marks li + li {
        margin-top: 15px;
    }
}

/*страница товара*/
.prod-inner {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 50px;
}

.prod-top {
    margin-top: 0 !important;
}

.prod-top h1 {
    margin-bottom: 8px;
}

.prod-specs {
    margin-top: 24px;
}

.prod-specs img {
    margin-right: 10px;
    width: 60px;
    height: 60px;
}

.prod-desc {
    margin-top: 24px;
}

.prod-desc * {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    text-align: left;
    color: #001B50;
}

.prod-desc ul {
    list-style: disc;
    padding-left: 20px;
}

.prod-desc ul li + li {
    margin-top: 10px;
}

.prod-content {
    max-width: 370px;
}

.prod-slider-nav .slick-slide {
    margin: 0 7px;
}

.prod-slider-nav .slick-list {
    margin: 0 -7px !important;
}

.prod-slider-nav {
    margin-top: 12px;
}

.prod-slider-nav .slick-slide img {
    width: 100%;
    height: 80px;
    object-fit: contain;
}

.prod-slider-for img {
    width: 100%;
    max-height: 330px;
    min-height: 330px;
    object-fit: cover;
}

.prod-slider-for-wrapper .slider-btn {
    width: 30px;
    height: 30px;
}

.prod-slider-for-wrapper .slider-btn-prev {
    left: 5px;
    position: absolute;
}

.prod-slider-for-wrapper .slider-btn-next {
    right: 5px;
    position: absolute;
}

.prod-slider-for-wrapper .slider-btns {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    margin-top: -20px;
}

.prod-content .hero-form {
    width: 100%;
    max-width: 100%;
    margin-top: 45px;
}

h2.prod-section-title {
    font-family: Mulish;
    font-size: 26px;
    font-weight: 900;
    line-height: 28.6px;
    text-align: left;
    color: #001B50;
    margin-bottom: 25px;
}

.prod-draw-inner img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

/*таблица товаров*/
.prod-table table {
    width: 100%;
}

.prod-table thead th {
    background: #113781;
    color: #fff;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 600;
    line-height: 17.58px;
    text-align: left;
    padding: 12px 10px;
    border-right: 2px solid #EFF2F9;
    vertical-align: middle;
}

.prod-table thead th:last-of-type {
    border-right: none;
}

.prod-table tr td {
    background: #fff;
    color: #113781;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 17.58px;
    text-align: left;
    padding: 12px 10px;
    border-right: 2px solid #EFF2F9;
    height: 50px;
    vertical-align: middle;
}

.prod-table tbody tr td:last-of-type {
    border-right: none;
}

.prod-table tbody tr {
    border-bottom: 2px solid #EFF2F9;
}

.prod-table tbody tr:last-of-type {
    border-bottom: none;
}

/* .prod-table table.prod-table-sizes tr *:not(:first-of-type) {
    width: 12%;
} */

.prod-table tr td a {
    color: #113781;
}

.prod-table .tabs-btns {
    display: flex;
    max-width: 100%;
    position: relative;
    justify-content: unset;
    gap: unset;
    background: none;
    border-bottom: 2px solid #1137814D;
    margin-bottom: 25px;
}

.prod-table .tab-btn {
    border: unset;
    background: unset;
    /* border-bottom: 2px solid #1137814D; */
    color: #113781;
    padding: 16px;
    cursor: pointer;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 600;
    line-height: 25.78px;
    text-align: left;
    margin-bottom: -2px;
}

.prod-table li.tab-btn.tab--active {
    background: unset;
    color: #113781;
    border-bottom: 2px solid #113781;
}

.prod-docs-inner {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.prod-docs-item-header {
    background: #113781;
    color: #fff;
    padding: 9px 14px;
    height: 60px;
    display: flex;
    align-items: center;
}

.prod-docs-item-header {
    background: #113781;
    color: #fff;
    padding: 9px 14px;
    height: 60px;
    display: flex;
    align-items: center;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    text-align: left;
}

.prod-docs-item-header:before {
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23prefix__clip0_1274_1902)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.502 16.5a4.5 4.5 0 013 7.854v7.433a.75.75 0 01-1.085.67l-1.915-.957-1.915.957a.75.75 0 01-1.085-.67v-7.433a4.5 4.5 0 013-7.854zm1.5-10.5a3 3 0 013 3v6a7.5 7.5 0 00-10.5 10.5V30h-16.5a3 3 0 01-3-3V9a3 3 0 013-3h24zm-18 13.5h-3a1.5 1.5 0 000 3h3a1.5 1.5 0 100-3zm6-6h-9a1.5 1.5 0 00-.175 2.99l.175.01h9a1.5 1.5 0 00.175-2.99l-.175-.01z' fill='%23fff'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='prefix__clip0_1274_1902'%3E%3Cpath fill='%23fff' d='M0 0h36v36H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    margin-right: 12px;
    flex: none;
}

.prod-docs-accomp .prod-docs-item-header:before {
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 7.5v21a4.5 4.5 0 004.5 4.5h15a4.5 4.5 0 004.5-4.5v-15A4.5 4.5 0 0025.5 9h-18A1.5 1.5 0 016 7.5zM10.875 18c0-.621.504-1.125 1.125-1.125h12a1.125 1.125 0 010 2.25H12A1.125 1.125 0 0110.875 18zm0 5.25c0-.621.504-1.125 1.125-1.125h8.25a1.125 1.125 0 010 2.25H12a1.125 1.125 0 01-1.125-1.125z' fill='%23fff'/%3E%3Cpath d='M6.613 6.13A1.5 1.5 0 017.5 7.5h18c.518 0 1.02.066 1.5.189v-1.23a3 3 0 00-3.424-2.97L7.379 5.803c-.288.041-.55.158-.766.328z' fill='%23fff'/%3E%3C/svg%3E");
}

.prod-docs-terms .prod-docs-item-header:before {
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.066 7.624C4.5 8.43 4.5 10.829 4.5 15.625v2.362c0 8.457 6.358 12.561 10.348 14.304C15.93 32.764 16.47 33 18 33c1.529 0 2.07-.236 3.152-.71 3.99-1.742 10.348-5.846 10.348-14.303v-2.362c0-4.796 0-7.195-.566-8.001-.567-.807-2.822-1.58-7.331-3.123l-.86-.294C20.393 3.402 19.217 3 18 3c-1.217 0-2.393.402-4.743 1.207l-.86.294c-4.51 1.544-6.764 2.316-7.33 3.123zm17.523 8.125a1.125 1.125 0 00-1.678-1.498l-4.518 5.06-1.304-1.46a1.125 1.125 0 00-1.678 1.498l2.143 2.4a1.125 1.125 0 001.678 0l5.357-6z' fill='%23fff'/%3E%3C/svg%3E");
}

.prod-docs-item-files {
    background: #fff;
    padding: 25px;
}

.prod-docs-item-files > * {
    display: block;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    text-align: left;
    color: #001B50;
    text-decoration: none;
}

.prod-docs-item-files p strong {
    display: block;
}

.prod-docs-item-files > * + * {
    margin-top: 20px;
}

.prod-docs-item-files a, .prod-docs-item-files p {
    display: flex;
    /* align-items: center; */
    gap: 12px;
}

.prod-docs-item-files a:before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.375 8.342c0-2.439 0-3.658.475-4.59A4.354 4.354 0 013.752 1.85c.932-.475 2.151-.475 4.59-.475h5.316c2.439 0 3.658 0 4.59.475a4.354 4.354 0 011.902 1.902c.475.932.475 2.151.475 4.59v5.316c0 2.439 0 3.658-.475 4.59a4.353 4.353 0 01-1.902 1.902c-.932.475-2.151.475-4.59.475H8.342c-2.439 0-3.658 0-4.59-.475a4.354 4.354 0 01-1.902-1.902c-.475-.932-.475-2.151-.475-4.59V8.342z' fill='%23113781'/%3E%3Cpath d='M16.528 12.305c-.9-.986-3.349-.555-3.94-.493-.84-.863-1.431-1.84-1.67-2.21.299-.924.539-1.964.539-2.95 0-.923-.36-1.84-1.311-1.84-.36 0-.66.185-.839.493-.42.74-.24 2.21.42 3.742-.36 1.11-.96 2.765-1.67 4.05-.96.37-3.05 1.348-3.23 2.457-.06.308.06.678.3.862.24.247.54.308.84.308 1.25 0 2.509-1.778 3.407-3.38.72-.246 1.85-.616 2.989-.8 1.31 1.231 2.51 1.408 3.108 1.408.84 0 1.139-.37 1.251-.677.158-.293.045-.724-.194-.97zm-.84.616c-.06.246-.359.492-.898.37a4.301 4.301 0 01-1.73-.925c.42-.061 1.43-.185 2.15-.061.239.061.539.246.479.616zM9.892 5.55a.328.328 0 01.3-.184c.3 0 .36.37.36.678-.06.739-.18 1.532-.42 2.21-.48-1.348-.42-2.334-.24-2.703zm-.06 6.938c.3-.554.66-1.594.78-1.963.299.554.838 1.17 1.078 1.47.06-.053-1.019.185-1.858.493zm-2.03 1.417c-.831 1.348-1.61 2.21-2.09 2.21-.06 0-.18 0-.24-.061-.059-.124-.119-.247-.059-.37.06-.493 1.019-1.17 2.39-1.779z' fill='%23fff'/%3E%3C/svg%3E");
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    flex: none;
    margin-top: -1.5px;
}

.prod-docs-item-files p:before {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23prefix__clip0_1274_1948)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.553 9.255l-4.241 4.038a1.039 1.039 0 01-1.419 0l-2.119-2.018a.92.92 0 010-1.346 1.036 1.036 0 011.414 0l.708.674c.39.371 1.023.371 1.414 0l2.829-2.694a1.034 1.034 0 011.414 0 .92.92 0 010 1.346zM19 1.476H3c-1.105 0-2 .853-2 1.905v15.238c0 1.052.895 1.905 2 1.905h16c1.105 0 2-.854 2-1.905V3.381c0-1.052-.895-1.905-2-1.905z' fill='%23113781'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='prefix__clip0_1274_1948'%3E%3Cpath fill='%23fff' transform='translate(1 1)' d='M0 0h20v20H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    flex: none;
    margin-top: -1.5px;
}

.prod-top-more {
    margin-top: 0 !important;
}

.prod-inner-more {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 26px;
}

.prod-inner-image img {
    width: 100%;
}

.prod-inner-specs {
    font-family: Roboto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.09px;
    text-align: left;
    color: #001B50;
}

.prod-inner-specs-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.prod-inner-specs-item div:first-of-type {
    white-space: nowrap;
}

.prod-inner-specs-item div:nth-of-type(2) {
    text-align: right;
}

.prod-inner-specs-item div:nth-of-type(2) span {
    background: #fff;
    padding: 6px 10px 6px 10px;
    border-radius: 8px;
}

.prod-inner-specs-item div:nth-of-type(2) span:not(:last-of-type) {
    margin-right: 7px;
}

.prod-draw-more .prod-draw-inner {
    width: 50%;
}

.prod-draw-more .prod-draw-inner img {
    width: 100%;
}

.prod-table-more table.prod-table-sizes {
    width: 50%;
}

.prod-table-more table.prod-table-sizes tr *:not(:first-of-type) {
    width: 15%;
}

body:not(.home) section.products {
    margin-top: 0 !important;
}

section.entry-content {
    margin-top: 0 !important;
}

@media(max-width: 992px) {
    /* section:not(.prod-top) {
        display: none;
    } */

    .prod-slider-for img {
        max-height: 267px;
        min-height: 267px;
        object-fit: contain;
    }

    .prod-inner {
        /* grid-template-columns: 1fr; */
        display: block;
    }

    .prod-specs img {
        width: 50px;
        height: 50px;
    }

    .prod-top h1 {
        margin-bottom: 8px;
        font-family: Mulish;
        font-size: 18px;
        font-weight: 900;
        line-height: 18px;
        text-align: left;
    }

    .prod-specs {
        margin-top: 20px;
        margin-bottom: 24px;
    }

    p.prod-tu {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
        text-align: left;
    }

    .prod-desc * {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
        text-align: left;
    }

    h2.prod-section-title {
        font-family: Mulish;
        font-size: 18px;
        font-weight: 900;
        line-height: 19.8px;
        text-align: left;
    }

    .prod-draw-inner img {
        width: 100%;
    }

    .prod-table .tab-content {
        display: block;
    }

    .prod-table .tab-btn {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
        text-align: left;
        padding: 0;
        margin-bottom: 20px;
    }

    .prod-table .tab-content:last-of-type {
        margin-top: 50px;
    }

    .table-scroll {
        overflow-x: auto;
        padding-bottom: 20px;
    }

    .prod-docs-inner {
        grid-template-columns: 1fr;
    }

    .prod-inner-more {
        grid-template-columns: 1fr;
    }

    .prod-inner-specs-item {
        margin-bottom: 12px;
        flex-direction: column;
    }

    .prod-inner-specs-item div:first-of-type {
        white-space: nowrap;
        font-family: Roboto;
        font-size: 14px;
        font-weight: 400;
        line-height: 16.41px;
        opacity: .5;
        text-align: left;
    }

    .prod-inner-specs-item div:nth-of-type(2) {
        text-align: left;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 18.75px;
        text-align: left;
    }

    .prod-draw-more .prod-draw-inner {
        width: 100%;
    }

    .prod-inner-specs-item div:nth-of-type(2) div {
        opacity: 1;
    }
    .prod-inner-specs-item div:nth-of-type(2) span {
        background: #fff;
        padding: 6px 10px 6px 10px;
        border-radius: 8px;
        margin-top: 4px;
        display: inline-block;
    }

    section.prod-top-more h1 {
        margin-bottom: 8px;
        font-family: Mulish;
        font-size: 18px;
        font-weight: 900;
        line-height: 18px;
        text-align: left;
    }

    .breadcrumbs {
        padding-bottom: 20px;
    }

    .prod-inner-content {
        margin-top: 26px;
    }
}
