@import url('/css/fonts.css');
:root {
    --first-col-width: 24%;
    --shipped-col-count: 4;
    --unshipped-col-count: 7;

    --mobile-bg-color: #d3d3d3 !important;
    --mobile-text-color: #000 !important;
    --mobile-border-color: rgb(191, 191, 191) !important;
}
* {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    height: 100%;
    font-family: 'Manrope';
    font-weight: 300;
    overflow-x: hidden;
    overflow-y: scroll;
    color: #010123;
}

img {
    border: none;
    max-width: 100%;
}

a {
    text-decoration: none;
}

.clear {
    clear: both;
}

.mobile {
    display: none;
}
.inquire-trigger.mobile {
    display: none;
}

.desctop {
    display: inline-block;
}
p {
    line-height: 160%;
    font-size: 18px;
    color: #010123;
    margin-bottom: 15px;
}
.text-bold {
    font-weight: 700;
}
.clear:after {
    content: '';
    display: block;
    clear: both;
}

.wp-content {
    position: relative;
    overflow: hidden;
}

.wp-home {
    background: rgb(253, 251, 251);
}

.header {
    padding-bottom: 30px;
    width: 100%;
    position: fixed;
    z-index: 1000;
    top: 0;
    /* overflow: auto; */
    background: #ffffff;
    transition: all 0.5s linear;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}

.header.active {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
.header.active {
    padding-bottom: 5px;
}
.header.active .h-cat-menu {
    transition: 0.3s linear;
    margin-top: 5px;
}
.header.active .h-top {
    transition: 0.3s linear;
    padding-bottom: 5px;
}
.header.active .h-container {
    transition: 0.3s linear;
    margin: 5px 20px 0 0;
}
.wp-common {
    background: rgb(253, 251, 251);
}

.wp-common .header {
    border-bottom: 1px solid #cfcfcf;
}

.logo {
    display: block;
    position: absolute;
    left: 58px;
    max-width: 270px;
    /* top: 30px; */
    top: 50%;
    transform: translateY(-50%);
}

.h-container {
    width: calc(100% - 560px);
    margin: 15px 20px 0 0;
    float: right;
}

.h-top {
    padding-bottom: 10px;
    border-bottom: 1px solid #5e6a77;
    position: relative;
}

.top-menu {
    display: inline-block;
    margin-top: 9px;
    position: relative;
    /* float: right; */
    /* float: left; */
}

/* .top-menu .tpm-dropdown {
  display: none;
  position: absolute;
  top: 30px;
  left: 50px;
  box-shadow: 0.209px 2.993px 6.72px 0.28px rgba(74, 120, 203, 0.21);
  padding: 5px 15px;
  border-radius: 5px;
  background: #fff;
}

.tpm-dropdown.show {
  display: block;
} */
/*
.top-menu .tpm-dropdown a:not(:last-child) {
  margin-right: 0px;
}

.top-menu .tpm-dropdown a {
  padding: 15px 0;
  display: block;
  border-bottom: 1px solid #d2d2d2;
  margin-right: 30px;
  padding-right: 30px;
} */

.tpm-dropdown a:last-child {
    margin-right: 0px;
    border-bottom: none;
}

.top-menu a {
    font-size: 12px;
    color: #757575;
}
.top-menu .link-border {
    border-left: 1px solid grey;
    padding-left: 10px;
    position: relative;
}
.top-menu a:not(:last-child) {
    margin-right: 10px;
}

.top-menu a.tm-itemS,
.top-menu a:hover {
    text-decoration: underline;
}

.ht-r {
    float: right;
    display: inline-block;
}

.htr-phone {
    display: inline-block;
    margin-top: 8px;
    margin-right: 30px;
    padding: 1px 0 4px 30px;
    font-size: 16px;
    color: #040675;
    background: url(/images/icons/icon-phone.png) 0 0 no-repeat;
    font-weight: bold;
}

.htr-phone:hover {
    text-decoration: underline;
}

.search-form {
    display: inline-block;
    position: relative;
}

.search-input {
    width: 350px;
    margin-right: 0px;
    padding: 11px 32px 11px 10px;
    font-size: 11px;
    color: #757575;
    border: 1px solid #141414;
    border-radius: 2px;
    outline: 0;
    background: #f8fafc;
}

.search-form button {
    display: block;
    position: absolute;
    right: 14px;
    top: 8px;
    background: none;
    border: none;
    outline: 0;
    cursor: pointer;
}

.search-message {
    padding-top: 50px;
    font-weight: 700;
    margin-bottom: 40px;
    text-align: center;
    font-size: 22px;
}

.search-message.no-criteria {
    min-height: 50vh;
}

.inquire-trigger {
    display: inline-block;
    margin: 0 10px;
    padding: 10px 10px;
    float: left;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background: #040675;
    box-shadow: 0px 3px 5px 0px rgba(36, 57, 115, 0.14);
    transition: all 0.5s;
}
.reg-inq.inquire-trigger {
    background: #eec643;
}
.inquire-trigger:hover {
    /* box-shadow: 0px 0 10px rgba(37, 29, 15, 0.363); */
    background: #eec643;
}
.reg-inq.inquire-trigger:hover {
    background: #212121;
}
.responsive-menu-trigger {
    float: right;
    height: 40px;
    width: 40px;
    margin-left: 10px;
    cursor: pointer;
    display: none;
}

.responsive-menu-trigger span {
    display: block;
    width: 35px;
    height: 4px;
    margin: 5px auto;
    background: #c52844;
    transition: background 0.5s;
}

.responsive-menu-trigger:hover span {
    background: #911f33;
}

.responsive-menu-trigger span:first-child {
    margin-top: 9px;
}

.responsive-menu-container {
    display: none;
    width: 100%;
    position: absolute;
    right: 0;
    top: 105px;
    z-index: 11;
    box-shadow: 0px 30px 27px 0px rgba(4, 6, 117, 0.19);
}
.responsive-menu-container p {
    margin-bottom: 0;
}
.responsive-menu-container a {
    display: block;
    text-align: right;
    padding: 10px 15px 10px 5px;
    background-color: #fffffffa;
    border-bottom: 1px solid #c3c3c3;
    text-decoration: none;
    color: #010123;
    font-size: 20px;
}

.responsive-menu-container a:hover {
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}

.responsive-menu-container__sub {
    display: none;
}
.responsive-menu-container__sub > p > a {
    padding-right: 40px;
}

.responsive-search {
    position: relative;
    display: none;
    background-color: #f8f8f8f3;
    padding: 20px 0;
}

.responsive-search button {
    display: block;
    position: absolute;
    right: 24px;
    top: 33px;
    background: none;
    border: none;
    outline: 0;
    cursor: pointer;
}

.responsive-search input {
    margin: 1%;
    min-width: 98%;
    box-sizing: border-box;
}

.h-cat-menu {
    margin-top: 17px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.h-cat-menu__sub {
    background-color: #fff;
    width: 100%;
    position: absolute;
    left: 0;
    opacity: 0;
    pointer-events: none;
    height: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}
.h-cat-menu__sub-inner {
    max-width: 1920px;
    margin: 0 auto;
    padding: 20px 60px;
    display: flex;
    justify-content: center;
    column-gap: 20px;
}
.h-cat-menu__with-sub:hover .h-cat-menu__sub {
    opacity: 1;
    pointer-events: all;
    height: auto;
}
.h-cat-menu__sub-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 25px;
    row-gap: 20px;
    max-width: 200px;
    box-shadow: 0.209px 2.993px 11.83px 1.17px rgba(18, 78, 162, 0.25);
    transition: box-shadow 0.2s;
}
.h-cat-menu__sub-item:hover {
    box-shadow: 0 0 3px 0px rgba(18, 78, 162, 0.75);
}
.h-cat-menu__sub-item__image {
    height: 100px;
    display: flex;
    align-items: center;
}
.h-cat-menu__sub-item__image img {
    max-height: 100%;
    max-width: 100%;
}
.h-cat-menu a {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #003049;
}

.h-cat-menu a.cm-itemS,
.h-cat-menu a:hover {
    text-decoration: underline;
}

.covid-banner {
    display: block;
    width: 100%;
    margin: 0 auto;
    background: #ff0000;
    text-align: center;
    color: #fff;
    font-weight: bold;
    position: fixed;
    z-index: 1000;
}

.content {
    position: relative;
    margin-top: 135px;
}

.covid-content {
    padding: 3em 20em 5em;
    background-color: #f1f1f1;
    text-align: justify;
}

.covid-content a:link,
.covid-content a:visited {
    text-decoration: none;
    color: #3e65d1;
}

.covid-content p {
    line-height: 160%;
    font-size: 18px;
    color: #010123;
    margin-bottom: 15px;
}

.covid-content .bold-centered {
    font-weight: bold;
    text-align: center;
}

.covid-content .covid-information h3 {
    text-decoration: underline;
}

.common-link {
    display: inline-block;
    position: relative;
    cursor: pointer;
    height: 61px;
    line-height: 61px;
    padding: 0px 70px 0 10px;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    background: #eec643;
    box-shadow: 0px 10px 13px 0px rgba(238, 198, 67, 0.24);
    transition: 0.3s all;
}

.common-link:hover {
    box-shadow: 0px 0px 4px 0px rgba(23, 23, 21, 0.4);
}

.common-link.view {
    display: inline-block;
    position: relative;
    height: 52px;
    line-height: 52px;
    padding: 0 67px 0 19px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #212121;
    background: none;
    box-shadow: none;
    border: 1px solid #212121;
    margin: 0 1em;
}

.common-link.clr-op {
    background-color: #040675;
}

.common-link.clr-op::after {
    background-color: #eec643;
}
.common-link::after {
    content: '';
    display: block;
    width: 61px;
    height: 61px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #040675;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: all 0.5s;
}
.common-link.view::after {
    content: '';
    display: block;
    width: 52px;
    height: 52px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: transparent !important;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform 0.5s;
}

.common-link.shpn-cart {
    background: #040675;
}

.common-link.shpn-cart::after {
    content: '';
    display: block;
    /*width: 4vw;*/
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-color: #eec643;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    transform: scale(1);
    transition: transform 0.5s;
}

.common-link.shpn-cart.disabled {
    filter: grayscale(100%);
}

.common-link.inquire-btn {
    background-color: #3e65d1;
    box-shadow: 0px 0px 14.76px 3.24px rgba(62, 101, 209, 0.45);
}
.common-link.inquire-btn:hover {
    box-shadow: 0px 0px 14.76px 3.24px rgb(26, 81, 231);
}

.common-link.view::after {
    background-image: url('/images/icons/arrow-right-slider-black.png');
}
.common-link.shpn-cart::after {
    background-image: url('/images/icons/icon-shopping-cart.png');
}
.common-link:hover::after {
    transform: scale(-1, 1);
}

.common-link.more::after {
    background-image: url('/images/icons/arrow-right-slider.png');
}

.common-link.talk::after {
    background-image: url('/images/icons/icon-talk.png');
}
.common-link.inquire-btn::after {
    background-image: url('/images/icons/icon-inquire.png');
}

.text-block {
    min-height: 215px;
    position: relative;
    text-align: center;
    padding: 0 10px;
    /* overflow: hidden; */
    /* border-top: 1px solid #fff; */
}
.text-block.small-txt-blc {
    min-height: 150px;
    border-bottom: 1px solid #212121;
}
.text-block h1 {
    display: block;
    position: relative;
    padding-top: 10px;
    /* margin-bottom: 10px; */
    font-weight: 700;
    font-size: 60px;
    color: #040675;
    text-transform: uppercase;
    text-align: center;
}

.text-block.home-products h1 {
    font-size: clamp(30px, 4vw, 45px);
}
.text-block.home-products {
    margin-bottom: 80px;
}
.text-block h2 {
    display: block;
    margin-bottom: 10px;
    position: relative;
    font-weight: 400;
    font-size: 48px;
    color: #040675;
    text-align: center;
}
.text-block p {
    position: relative;
    max-width: 875px;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
    color: #040f0f;
}

.text-block p:not(:last-child) {
    margin-bottom: 1em;
}

.subtitle {
    display: block;
    margin-bottom: 20px;
    position: relative;
    font-weight: 400;
    font-size: clamp(24px, 3vw, 48px);
    line-height: 1;
    color: #040675;
    text-align: center;
}

.tb-shadow-title {
    white-space: nowrap;
    font-weight: 900;
    font-size: 180px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: -23px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
    text-align: center;
    text-shadow: 0px 0px 84px rgba(62, 101, 209, 0.16);
}
.tb-shadow-title.adshadow {
    text-shadow: 0px 0px 84px rgba(62, 101, 209, 0.3);
}
.promotions-block {
    background: url('/images/sales-promotions-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0 5em 5em;
}
.promotions-block .swiper-container {
    max-width: 1200px;
}
.hab-l {
    clear: both;
}
.promotions-block .swiper-container .hab-r img {
    display: block;
    margin: 0 auto;
}
.promotions-block .swiper-container .hab-l h2 {
    font-size: 36px;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 15px;
}
.promotions-block .swiper-container .hab-l span {
    color: #757575;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}
.promotions-block .swiper-container .hab-l h3 {
    font-size: 24px;
    color: #3e65d1;
    font-weight: 100;
    margin-bottom: 15px;
}
.promotions-block .swiper-container .hab-l p {
    margin-bottom: 25px;
}
.promotions-block .text-block h1::after {
    content: '';
    position: relative;
    bottom: -5px;
    display: block;
    width: 50%;
    height: 10px;
    margin: 0 auto;
    background: #fbc31a;
}

.sub_cat_thumbs .home-thumbs {
    text-align: left;
}

.home-thumbs {
    margin-bottom: 55px;
    text-align: center;
}

.home-thumbs:not(.home-thumbs-expandable-wrapper) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.categories-first-row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.home-thumbs.home-thumbs-expandable-wrapper a {
    width: 22%;
}

.home-thumbs.inner {
    padding-top: 55px;
}

.categories-expandable {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.categories-expandable-wrapper {
    display: none;
}

.expand-categories {
    margin: 0 auto;
    display: block;
    width: 220px;
    padding: 5px 15px 15px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
    text-align: center;
    background: #040675;
    transition: background 0.3s;
}

.expand-categories::after {
    content: '';
    display: block;
    width: 10px;
    height: 5px;
    position: absolute;
    bottom: 20%;
    left: 50%;
    margin-left: -5px;
    background: url('/images/icons/expand.png') 50% 80% no-repeat;
    transform: rotate(0);
    transition: transform 0.5s;
}

.expand-categories.expanded::after {
    transform: rotate(180deg);
}

.home-thumbs a {
    display: inline-block;
    vertical-align: top;
    position: relative;
    max-width: 100%;
    width: 15%;
    margin: 0 10px 20px;
    overflow: hidden;
    box-shadow: 0.209px 2.993px 11.83px 1.17px rgba(18, 78, 162, 0.25);
    transition: box-shadow 0.5s;
}

.ht-pic {
    display: block;
    height: 200px;
    margin-bottom: 15px;
}

.ht-pic img {
    max-width: 99%;
    max-height: 99%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.home-thumbs a .wrapper {
    display: block;
    text-align: center;
    padding: 20px 20px 0;
}

.prd-hvroverlay {
    height: 280px;
    width: 100%;
    color: white;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#040675+0,2d4ab7+100 */
    background: #040675c0; /* Old browsers */
    background: -moz-linear-gradient(top, #040675c0 0%, #2d4bb7be 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #040675c0 0%, #2d4bb7be 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #040675c0 0%, #2d4bb7be 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040675', endColorstr='#2d4ab7',GradientType=0 ); /* IE6-9 */
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    transition: top 0.5s ease-in-out;
}

.home-thumbs a:hover > .prd-hvroverlay {
    display: block;
    top: 0%;
}
.ht-title {
    margin-bottom: 15px;
    display: block;
    position: relative;
}

.ht-title h4 {
    position: relative;
    /* top: 50%;
  transform: translateY(-50%); */
    font-weight: 700;
    font-size: 18px;
    color: #040f0f;
}
.txt-prd-hvr {
    display: block;
    position: relative;
    padding: 30px;
    text-align: left;
}

.txt-prd-hvr h4 {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 200%;
}
.txt-prd-hvr li {
    margin-bottom: 15px;
    list-style: none;
}
.ht-more {
    /* display: block; */
    position: relative;
    padding-right: 25px;
    font-size: 24px;
    background-image: url('/images/icons/chevrons.png');
    background-position: 10px 8px;
    background-repeat: no-repeat;
    transition: background-position 0.5s;
}

.home-thumbs a:hover {
    box-shadow: 0.209px 2.993px 11.83px 1.17px rgba(18, 78, 162, 0.75);
}

a:hover .ht-more {
    background-position: 100% 8px;
}

.home-info-block {
    margin-bottom: 45px;
    position: relative;
    padding: 0 10px 10px;
    box-sizing: border-box;
    background-image: url('/images/home-info-bg.jpg');
    background-size: cover;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.hib-title {
    text-align: center;
    position: absolute;
    top: 130px;
    left: 10px;
    right: 10px;
}

.hib-title h1 {
    margin-bottom: 15px;
    line-height: 1;
    font-weight: 700;
    font-size: 48px;
    color: #124ea2;
}

.hib-title p {
    font-size: 24px;
    color: #040f0f;
}

.hib-block {
    max-width: 300px;
    color: #040f0f;
    position: absolute;
}

.hib-block.block-1 {
    left: 2%;
    top: 25%;
}

.hib-block.block-2 {
    right: 1%;
    top: 25%;
}

.hib-block.block-3 {
    left: 2%;
    bottom: 47%;
}

.hib-block.block-4 {
    right: 1%;
    bottom: 47%;
}

.hib-block.block-5 {
    left: 2%;
    bottom: 25%;
}

.hib-block.block-6 {
    right: 1%;
    bottom: 25%;
}

.hib-block h5 {
    font-weight: 700;
    font-size: 16px;
}

.hib-block p {
    font-size: 14px;
}

.home-about-block {
    padding: 3em 5em 5em;
    background-color: #f1f1f1;
}
.home-about-block__title {
    margin-bottom: 17px;
    line-height: 1;
    font-weight: 700;
    font-size: 36px;
    color: #040675;
    text-transform: uppercase;
}

/* .home-about-block .hab-l {
    width: 100%;
    position: relative;
}
.hab-l__stick {
    position: sticky;
    top: 200px;
}

.home-about-block .hab-r {
    width: 100%;
} */
.home-about-block .sp-title {
    text-align: left;
}
.bg-bage {
    background: #f8ede7;
}
.bg-blue {
    background: #e2e8f3;
}
.faq-section {
    padding: 2em 5em 5em;
}
.faq-section.home-faq {
    background-image: url('/images/bg-faq.png');
    background-repeat: no-repeat;
    background-position: 95% 20%;
    background-size: 20%;
}
.faq-section .text-block {
    border-bottom: 1px solid #010114;
    width: calc(100% - 3em);
    margin: 0 auto;
    border-top: none;
    min-height: 130px;
}
.faq-section .text-block h1 {
    padding: 0;
}
.faq-section__title {
    display: block;
    position: relative;
    padding-top: 10px;
    /* margin-bottom: 10px; */
    font-weight: 700;
    font-size: 60px;
    color: #040675;
    text-transform: uppercase;
    text-align: center;
}
@media (max-width: 940px) {
    .faq-section__title {
        font-size: 40px;
    }
}
@media (max-width: 680px) {
    .faq-section__title {
        padding-top: 20px;
    }
}
.vw-all-btm {
    padding-top: 30px;
}
.vw-all-btm .common-link {
    margin: 0 auto;
    float: none;
    display: block;
    max-width: 106px;
}
.hab-l {
    position: relative;
    float: left;
    width: 48%;
}

.hab-l img {
    width: 100%;
    display: block;
    box-shadow: 0px 32px 115.9px 6.1px rgba(202, 229, 255, 0.5);
}
.hav-adv {
    width: 100%;
    margin: 20px 0;
}
.hab-nbr {
    width: 80px;
    height: 60px;
    background: #040675;
    position: relative;
    display: inline-block;
    text-align: center;
    vertical-align: top;
}
.hab-nbr span {
    color: #fff;
    position: relative;
    top: 30%;
    display: block;
}
.hab-txt-sml {
    display: inline-block;
    margin-left: 20px;
    width: 85%;
}
.hab-txt-sml h3 {
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: 8px;
}
.hab-txt-sml p {
    color: #757575;
}
.habl-border {
    margin: 0 auto;
    height: 26px;
    max-width: 90%;
    background: url(/images/home-about-pic-border.jpg) 50% 0 no-repeat;
    background-size: contain;
}

.hab-r {
    float: right;
    width: 49%;
}

.habr-title {
    margin-bottom: 20px;
    position: relative;
}

.habr-shadow-title {
    white-space: nowrap;
    font-weight: 900;
    font-size: 180px;
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: -23px;
    pointer-events: none;
}

.habr-title h2 {
    position: relative;
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 60px;
    color: #124ea2;
}
.habr-title h3 {
    font-size: 60px;
    font-weight: 400;
    margin-bottom: 20px;
}
.habr-title h5 {
    font-size: 18px;
    text-transform: uppercase;
    color: #3e65d1;
    margin-bottom: 30px;
}
.habr-title p {
    position: relative;
    font-size: 18px;
    color: #040f0f;
}

.habr-title p:not(:last-child) {
    margin-bottom: 1em;
}

/*.hab-r h5 {
  margin-bottom: 20px;
  font-weight: 700;
  font-size: 24px;
  color: #040f0f;
}*/

.hab-r ul {
    margin-bottom: 35px;
    list-style: none;
}

.hab-r li {
    margin-bottom: 1em;
    padding-top: 2px;
    padding-left: 31px;
    font-size: 18px;
    background: url('/images/icons/icon-position.png') 0 0 no-repeat;
}

.cus-link {
    display: inline-block;
    position: relative;
    height: 48px;
    line-height: 48px;
    padding: 0 67px 0 19px;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 25px;
    border: 2px solid #fff;
    box-shadow: 0px 3px 5px 0px rgba(36, 57, 115, 0.54);
}

.cus-link::after {
    content: '';
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 4px;
    right: 5px;
    border-radius: 50%;
    background-color: #fff;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-image: url('/images/icons/icon-talk.png');
    transform: scale(1);
    transition: transform 0.5s;
}

.cus-link:hover::after {
    transform: scale(-1, 1);
}

.cus-link.more::after {
    background-image: url('/images/icons/icon-right-arrow.png');
}

.footer {
    padding: 4em 0px 2em;
    color: #fff;
    background: #010114;
    clear: both;
    width: 100%;
}
.footer p {
    color: #fff;
    font-size: 18px;
}

.footer .common-link.inquire-btn {
    float: right;
}

.footer .wrapper {
    max-width: 1350px;
    margin: 0 auto;
    padding: 0 1em;
}
.extra-top {
    display: flex;
    justify-content: space-around;
    flex-wrap: nowrap;
    margin-bottom: 2em;
}
.fot-l,
.fot-r {
    width: 50%;
}
.extra-top p {
    font-size: 24px;
}
.fot-r .third-button {
    float: right;
}
.fot-l span {
    font-size: 30px;
    color: #2660a4;
}
.f-top {
    margin-bottom: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: 1px solid #fff;
    padding-top: 50px;
}

.f-item {
    position: relative;
    margin: 0 1% 20px;
}

.f-item h5,
.f-item__title {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: #fff;
    writing-mode: vertical-lr;
    transform: rotate(180deg);
}

.fi-wrapper {
    padding-left: 75px;
}

.f-contact-block {
    margin-bottom: 25px;
}

.f-contact-block p {
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
}

.f-contact-block div {
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 2px;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.f-descr {
    max-width: 335px;
}

.f-product-menu div {
    max-width: 215px;
    margin-bottom: 1em;
}

.f-product-menu a {
    font-size: 14px;
    letter-spacing: 2px;
    color: #fff;
}

.f-product-menu a:hover span {
    text-decoration: underline;
}

.f-nav-menu div {
    max-width: 215px;
    margin-bottom: 1em;
}

.f-nav-menu a {
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
}

.f-nav-menu a:hover {
    text-decoration: underline;
}

.f-item h4 {
    letter-spacing: 2px;
    margin-bottom: 1em;
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}

.f-descr {
    margin-bottom: 20px;
    font-size: 12px;
}

.f-item .socials a {
    display: inline-block;
    margin-right: 30px;
    width: 25px;
    height: 25px;
    overflow: hidden;
}

.third-button {
    display: inline-block;
    letter-spacing: 2px;
    height: 39px;
    line-height: 39px;
    padding: 5px 22px;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    border-radius: 25px;
    background: #d10000;
    transition: background 0.5s ease-in-out;
    box-shadow: 0px 0px 14.76px 3.24px rgba(230, 21, 15, 0.45);
}

.third-button:hover {
    background: #000;
    box-shadow: none;
}

.f-bottom {
    text-align: center;
}
.footer-socials {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
}
.footer-socials a {
    display: block;
    text-decoration: none;
    max-width: 30px;
    border: 0 !important;
}
.f-bottom p {
    font-size: 14px;
    letter-spacing: 2px;
    color: #fff;
}

.f-bottom a {
    font-weight: 700;
    color: #fff;
    border-bottom: 1px solid #fff;
    transition: border-bottom 0.5s;
}

.f-bottom a:hover {
    border-bottom: 1px solid transparent;
}

.products-splash {
    padding: 40px 60px;
}

.ps-l {
    width: 300px;
    float: left;
}

.dropbtn {
    background-color: transparent;
    padding: 15px 10px;
    text-align: left;
    font-size: 18px;
    border: none;
    cursor: pointer;
}

/* .dropbtn:hover, .dropbtn:focus {
  background-color: #d2d2d2;
} */

.dropdown {
    position: relative;
    width: 100%;
    display: block;
    border: 1px solid #d2d2d2;
}
.dropbtn::after {
    content: '';
    position: absolute;
    background-image: url(/images/icons/dropdown-icon.png);
    background-repeat: no-repeat;
    right: 3%;
    top: 20px;
    width: 10px;
    height: 5px;
    text-align: center;
}
.dropdown button {
    width: 100% !important;
    color: #757575;
}
.dropdown-content {
    display: none;
    position: relative;
    min-width: 160px;
    z-index: 1;
}

.dropdown-content a {
    color: #010123;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border-bottom: 1px solid #d2d2d2;
}
.dropdown-content a:last-child {
    border-bottom: 0;
}
.dropdown-content a:hover {
    background-color: #ddd;
}

.buttn-show {
    display: block;
}

.filters {
    padding: 35px 22px;
    background: #fff;
    box-shadow: 0.209px 2.993px 11.83px 1.17px rgba(18, 78, 162, 0.11);
}
.fr-item {
    padding: 30px 0;
}

.fr-item:not(:last-child) {
    border-bottom: 1px solid #d2d2d2;
}
.fr-item__link {
    font-weight: 400;
    font-size: 18px;
    color: #757575;
    position: relative;
    display: block;
    text-align: left;
    padding: 0;
    letter-spacing: inherit;
    transition: 0.2s ease-in-out;
}
.fr-item__link:hover {
    color: #040675;
}

.fr-item label {
    margin-bottom: 8px;
    display: block;
}

.fr-item label span {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #757575;
    padding-left: 10px;
}

.fr-item label .f-itemS {
    font-weight: 700;
    color: #040f0f;
}
.fieldset {
    display: none;
}
.fieldset.active {
    display: block;
}
.products-splash .accordion {
    padding-top: 0;
}
.accordion .fr-item a {
    font-weight: 400;
    font-size: 18px;
    color: #757575;
    position: relative;
    display: block;
    text-align: left;
    padding: 0;
    letter-spacing: inherit;
}
.accordion .fr-item a.active {
    margin-bottom: 20px;
    font-weight: bold;
    color: black;
}

.accordion .fr-item a::after {
    content: '';
    position: absolute;
    background-image: url(/images/icons/dropdown-icon.png);
    background-repeat: no-repeat;
    right: 3%;
    top: 45%;
    width: 10px;
    height: 5px;
    text-align: center;
}

.filters-subGroup {
    font-weight: 400;
    font-size: 14px;
    color: #757575;
    position: relative;
    display: block;
    text-align: left;
    padding: 0;
    letter-spacing: inherit;
    margin-bottom: 8px;
    /* margin-left: 23px; */
    cursor: pointer;
}
.filters-subGroup::after {
    content: '';
    position: absolute;
    background-image: url(/images/icons/dropdown-icon.png);
    background-repeat: no-repeat;
    right: 3%;
    top: 45%;
    width: 10px;
    height: 5px;
    text-align: center;
}
.filters-subGroup span {
    margin-left: 5px;
    padding-left: 5px;
}
.filters-subGroup.active {
    font-weight: 600;
}
.filters-subGroup.active::after {
    font-weight: 600;
    transform: rotate(180deg);
}
.filters-subGroup-items {
    list-style: none;
    margin-left: 23px;
    display: none;
}
.fr-menu {
    margin-left: 30px;
    margin-bottom: 8px;
}

.fr-menu div {
    max-width: 130px;
    box-sizing: border-box;
    padding: 8px 4px;
}

.fr-menu div:not(:last-child) {
    border-bottom: 1px solid #d7d6d6;
}

.fr-menu a {
    font-size: 12px;
    color: #757575;
}

.fr-menu a:hover {
    text-decoration: underline;
}

.ps-r {
    position: relative;
    width: calc(100% - 350px);
    float: right;
}

.breadcrumbs {
    margin-bottom: 11px;
}

.breadcrumbs * {
    font-size: 16px;
    color: #757575;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs span:last-child {
    font-weight: 700;
}

.ps-r h1 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 36px;
    color: #040f0f;
}

.ps-r h2,
.ps-r h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 30px;
    color: #040f0f;
    text-transform: uppercase;
}

.select-block {
    display: inline-block;
    position: relative;
}

.select-options {
    display: none;
    padding: 10px 20px;
    position: absolute;
    top: 51px;
    left: 0;
    z-index: 1;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0.209px 2.993px 6.72px 0.28px rgba(74, 120, 203, 0.21);
}

.select-options::before {
    content: '';
    display: block;
    width: 41px;
    height: 27px;
    position: absolute;
    top: -27px;
    left: 50%;
    transform: translateX(-50%);
    background: url('/images/icons/icon-dropdown-triangle.png');
}

.select-options span {
    display: block;
    width: 220px;
    cursor: pointer;
    font-size: 16px;
    padding: 12px 0;
}

.select-options span:not(:last-child) {
    border-bottom: 1px solid #d4d4d4;
}

.select-options span:hover {
    text-decoration: underline;
}

.spec-val {
    display: block;
    padding-right: 24px;
    font-size: 18px;
    cursor: pointer;
    color: #141414;
    border-bottom: 1px solid #3d3d3e;
    background: url('/images/icons/icon-arrow-down.png');
    background-position: 100% 10px;
    background-repeat: no-repeat;
    transition: background 0.5s;
}

.select-block:hover .spec-val {
    background-position: 100% 12px;
}

.ps-r .thumbs {
    font-size: 0;
    margin-left: -15px;
}

.thumbs {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.thumbs a {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 30px;
    box-sizing: border-box;
    background: #fff;
    overflow: hidden;
    box-shadow: 0.209px 2.993px 11.83px 1.17px rgba(18, 78, 162, 0.25);
    transition: box-shadow 0.5s;
    max-height: 390px;
}
.t-inr {
    padding: 27px 18px 10px;
    text-align: center;
    position: relative;
}
.thumbs > a {
    margin-left: 1%;
    margin-right: 1%;
    width: 23%;
}

.t-icon {
    position: absolute;
    left: 5%;
    top: 5%;
    z-index: 9;
}

.t-clearance {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
}

.t-icon img {
    /* max-height: 27px; */
}

.t-pic {
    height: 200px;
    display: block;
    box-sizing: border-box;
    text-align: center;
    margin-bottom: 10px;
}

.t-pic img {
    max-width: 99%;
    max-height: 99%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.fltr-categories label {
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 15px;
}
.t-title {
    display: block;
    position: relative;
    min-height: 70px;
    /*max-width: 210px;*/
    font-size: 20px;
    padding-top: 10px;
    color: #040f0f;
}
.t-title h4 {
    font-size: 18px;
}
.t-title h5 {
    font-size: 16px;
}

.t-title a h4 {
    position: relative;
    font-weight: 700;
    color: #040f0f;
}

.t-more {
    position: relative;
    text-align: center;
    background: grey;
    display: none;
    margin-top: 5px;
    padding-right: 45px;
    font-size: 24px;
    color: #040f0f;
    background-image: url(/images/icons/icon-arrows.png);
    background-position: 75% 45%;
    background-repeat: no-repeat;
    transition: all 0.5s;
    bottom: 40px;
    padding: 17px 0;
}

a:hover .t-more {
    background-position: 80% 45%;
    display: block;
}

.thumbs a:hover {
    box-shadow: 0.209px 2.993px 11.83px 1.17px rgba(18, 78, 162, 0.75);
}

.product-page {
    padding: 40px 60px 0;
}

.pp-main {
    margin-top: 40px;
}

.ppm-l {
    margin-bottom: 20px;
    float: left;
    width: 36.5%;
    position: relative;
}

.pp-gallery {
    font-size: 0;
}

.pp-gallery a {
    margin-bottom: 37px;
    display: inline-block;
    background: #fff;
    overflow: hidden;
    padding: 10px;
    box-sizing: border-box;
    text-align: center;
    box-shadow: 0.209px 2.993px 11.83px 1.17px rgba(18, 78, 162, 0.25);
    transition: box-shadow 0.5s;
}

.pp-gallery a:first-child {
    width: 100%;
    height: 395px;
}

.pp-gallery a:not(:first-child) {
    width: 29%;
    height: 117px;
}

.pp-gallery a:nth-child(3n + 3) {
    margin-left: 6.5%;
    margin-right: 6.5%;
}

.pp-gallery a:hover {
    box-shadow: 0.209px 2.993px 11.83px 1.17px rgba(18, 78, 162, 0.75);
}

.pp-gallery img {
    max-height: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.ppm-cr-wrapper {
    float: right;
    width: 62%;
}

.ppm-c {
    margin-bottom: 57px;
    float: left;
    margin-right: 1.5%;
    width: 59%;
    margin-left: 2.5%;
}

.ppm-c .wrapper {
    max-width: 660px;
}

.ppm-c h1 {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 22px;
    color: #040f0f;
}

.pp-type {
    padding-left: 40px;
    font-weight: 700;
    font-size: 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.pp-type.water {
    color: #124ea2;
    background-image: url('/images/icons/icon-water.png');
}

.pp-type.electrical {
    color: #f40606;
    background-image: url('/images/icons/icon-electrical.png');
}

.pp-type.ambient {
    color: #002c48;
    background-image: url('/images/icons/icon-ambient.png');
}

.ppmc-sep {
    margin: 10px 0;
    height: 1px;
    background: #d7d6d6;
}

.ppm-c h5 {
    margin-bottom: 18px;
    font-weight: 700;
    font-size: 24px;
    color: #003049;
}

.pp-descr {
    margin-bottom: 35px;
}
.pp-descr ul {
    margin: 10px 0;
    padding-left: 15px;
}
.pp-descr ul li {
    margin-bottom: 15px;
    font-size: 18px;
}
.pp-descr p {
    margin-bottom: 1.5em;
    font-size: 18px;
    color: #040f0f;
}

.mf-link {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    padding: 0px 0 0 34px;
    margin: 10px 0;
    min-height: 32px;
    text-decoration: underline;
    font-size: 16px;
    color: #212121;
}

.pdf-link {
    background: url(/images/icons/icon-download-pdf.png) 0 0 no-repeat;
}

.like-link {
    background: url(/images/icons/icon-save.png) 0 0 no-repeat;
}
.liked-link {
    background: url(/images/icons/icon-saved.png) 0 0 no-repeat;
}
.mf-link span {
    border-bottom: 1px solid transparent;
    transition: border-bottom 0.5s;
}

.mf-link:hover span {
    border-bottom: 1px solid #989c94;
}

.ppm-r {
    margin-bottom: 57px;
    float: right;
    width: 35%;
}

.main-features {
    padding: 35px 25px 45px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.main-features h5 {
    margin-bottom: 30px;
    line-height: 1;
    font-weight: 700;
    font-size: 24px;
    color: #141414;
}

.main-features .wrapper {
    margin-left: 11px;
}

.mf-price {
    font-size: 10pt;
    font-weight: 300;
    display: inline-block;
    width: 100%;
}
.mf-price.prs-preffered,
.mf-price.quant {
    font-size: 12pt;
}
.prc-blue {
    color: #3e65d1;
}
.prc-red {
    color: #d13e3e;
    margin: 10px 0;
}
.discount-row {
    display: block;
}
.mf-quntity {
    display: flex;
    margin: 10px 0;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
}

.mf-quntity form {
    width: auto;
    max-width: 100px;
}

.mf-quntity label {
    display: block;
    vertical-align: bottom;
    margin-right: 10px;
    color: #757575;
}
input[type='number'] {
    display: inline-block;
    position: relative;
    padding: 10px 10px;
    max-width: 98%;
    box-sizing: border-box;
    margin-right: 5px;
    font-size: 20px;
}
#pr_qty {
    padding: 3px 5px;
}

.special-order-input {
    display: inline-block;
    position: relative;
    padding: 10px 10px;
    max-width: 98%;
    box-sizing: border-box;
    margin-right: 5px;
    font-size: 20px;
    background-color: #f8fafc;
    outline: none;
    border: 1px solid black;
    border-radius: 5px;
}
.special-order-input:focus {
    border: 2px solid rgba(0, 0, 0, 0.363);
}
/* 
.mf-quntity .final-price {
  display: inline-block;
  position: relative;
  height: 25px;
  top: 10px;
}

.mf-quntity .final-price label {
  font-size: 12px;
  position: absolute;
  top: -50%;
}
 */
.mf-quntity .final-price span {
    font-size: 20px;
    position: relative;
}
#mfhashtag {
    width: 90%;
    padding: 10px 5px;
    border: 1px solid #d2d2d2;
    font-size: 12px;
    margin: 10px 0;
}
.mf-download {
    margin-bottom: 48px;
    display: inline-block;
    font-size: 18px;
    color: #757575;
    text-decoration: underline;
}

.mf-download:hover {
    text-decoration: none;
}

.main-features .common-link {
    margin-bottom: 25px;
    margin-top: 25px;
}

.mf-remark p {
    font-size: 10px;
    color: #a0a0a0;
}

.pp-specs-and-form {
    padding: 88px 60px 40px;
}

.pps-l,
.pps-r {
    margin-bottom: 30px;
    width: 50%;
    float: left;
}

.pp-specs-and-form h2 {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 42px;
    line-height: 1;
    font-size: 30px;
    text-transform: uppercase;
    color: #040675;
}
.pp-specs-and-form .prom-slid-nav {
    display: inline-block;
    float: right;
}
.pp-specs-and-form .prom-slid-nav img {
    margin: 0 10px;
}
.pp-specs-and-form .swiper-container {
    width: 100%;
    height: 100%;
    padding: 8px;
}
.pp-specs-and-form .swiper-slide,
.manufacturers-related-prod .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-shadow: 0px 0px 10px 0px rgba(4, 6, 117, 0.22);
}

.no-carousel .swiper-slide:not(:last-child) {
    margin-right: 20px;
}

.pps-l .wrapper {
    margin-right: 30px;
    max-width: 780px;
}

.specs-table {
    margin-top: -11px;
}

.st-row {
    padding: 15px 7px;
    font-size: 18px;
    color: #141414;
}

.st-row:not(:last-child) {
    border-bottom: 1px solid #d2d2d2;
}

.st-label {
    width: 50%;
    padding-right: 10px;
    box-sizing: border-box;
    float: left;
}

.st-value {
    width: 50%;
    float: left;
    line-height: 170%;
}

.similar-products {
    clear: both;
    background-color: #fff;
    padding: 60px 10px;
}

.similar-products table {
    border-collapse: collapse;
    border: none;
    box-shadow: 0.209px 2.993px 11.83px 1.17px rgba(18, 78, 162, 0.25);
}

.similar-products td,
.similar-products th {
    padding: 10px;
    border: 1px solid #d7d6d6;
}

.similar-products th {
    font-weight: 700;
    background: #040675;
    color: #fff;
}

.similar-products td {
    font-weight: 400;
    background: #fff;
}

.sp-title {
    margin-bottom: 50px;
    text-align: center;
}

.sp-title h2,
.sp-title h1 {
    margin-bottom: 17px;
    line-height: 1;
    font-weight: 700;
    font-size: 36px;
    color: #040675;
    text-transform: uppercase;
}

.hab-r .sp-title h1,
.hab-r .sp-title h2,
.hab-l .sp-title h1,
.hab-l .sp-title h2 {
    text-transform: initial;
}

.sp-title p {
    max-width: 875px;
    margin-left: auto;
    margin-right: auto;
    font-size: 24px;
    color: #040f0f;
}

.title-block {
    height: 170px;
    padding: 10px;
    text-align: center;
    background: 0 0 no-repeat;
    background-size: cover;
    position: relative;
}

.title-block h1,
.title-block > .title-block__title {
    font-weight: 700;
    font-size: 60px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.title-block div {
    font-weight: 700;
    font-size: 60px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 5px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.relative-wrapper {
    position: relative;
    height: 10px;
}
.section-divider {
    position: absolute;
    left: 0;
    right: 0;
    top: 45px;
    margin: 0 auto;
    width: 2px;
    height: 50px;
    overflow: hidden;
}
.section-divider:after {
    content: '';
    display: block;
    background: #ffffff;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    transform: translateY(-100%);
    animation: line-scroll 6s forwards infinite;
}

.ma {
    margin: 0 auto;
}

.page-err {
    min-height: 40vh;
    padding: 50px 10px;
    text-align: center;
    max-width: 850px;
}

.page-err * {
    margin-bottom: 1em;
}

.page-err a {
    color: #003049;
}

.page-err a:hover {
    text-decoration: underline;
}

.empty-cart {
    padding: 50px 10px;
    text-align: center;
}

.empty-cart * {
    margin-bottom: 1em;
}

.empty-cart a {
    color: #003049;
}

.empty-cart a:hover {
    text-decoration: underline;
}

.coming-soon {
    padding: 15px;
    font-size: 19px;
}

@keyframes line-scroll {
    0% {
        transform: translateY(-100%);
    }
    60% {
        transform: translateY(0%);
    }
    100% {
        transform: translateY(100%);
    }
}

.paragraph {
    padding: 70px 10px;
    position: relative;
}

.paragraph .wrapper {
    max-width: 1340px;
    margin: 0 auto;
}

.par-txt {
    width: 48.5%;
}

.par-pic {
    width: 48.5%;
}

.par-r .par-pic {
    float: right;
}

.par-r .par-txt {
    float: left;
}

.par-l .par-pic {
    float: left;
}

.par-l .par-txt {
    float: right;
}

.par-r .par-pattern {
    position: absolute;
    left: 0;
    top: 34px;
    width: 400px;
    height: 161px;
    background: url('/images/text-block-pattern.png');
}

.par-l .par-pattern {
    position: absolute;
    right: 0;
    top: 34px;
    width: 400px;
    height: 161px;
    transform: scale(-1, 1);
    background: url('/images/text-block-pattern.png');
}

.par-pic img {
    width: 100%;
    display: block;
    border-radius: 28px;
}

.par-title h1 {
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 48px;
    color: #124ea2;
}

.par-title p {
    margin-bottom: 1em;
    font-weight: 300;
    font-size: 24px;
    color: #124ea2;
}

.par-txt > p {
    margin-bottom: 1em;
    font-size: 18px;
    color: #141414;
}

.par-link {
    display: inline-block;
    padding: 0 72px 5px 0;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #001730;
    background-image: url('/images/icons/icon-arrow-right.png');
    background-position: 100% 3px;
    background-repeat: no-repeat;
    border-bottom: 1px dashed #001730;
    transition: all 0.5s ease;
    transition-property: border-bottom, background-position;
}

.par-link:hover {
    background-position: 97% 3px;
    border-bottom: 1px dashed transparent;
}

.why-block {
    padding: 110px 10px 100px;
    background-image: url('/images/why-block-bg.jpg');
    background-size: cover;
    color: #fff;
}

.why-block .wrapper {
    max-width: 1340px;
    margin: 0 auto;
    font-size: 0;
}

.wb-title {
    display: inline-block;
    vertical-align: top;
    width: 31.3%;
    margin: 0 1% 44px;
    padding-left: 7px;
    box-sizing: border-box;
    max-width: 100%;
    line-height: 60px;
    text-transform: uppercase;
}

.wb-title p {
    font-weight: 700;
    font-size: 48px;
}

.wb-title div {
    font-size: 60px;
}

.wb-title span:first-child {
    color: #d10000;
}

.wb-title span:last-child {
    color: #124ea2;
}

.wb-item {
    display: inline-block;
    vertical-align: top;
    width: 31.3%;
    max-width: 100%;
    min-height: 185px;
    padding: 28px 32px 28px 20px;
    margin: 0 1% 44px;
    box-sizing: border-box;
    border-radius: 28px;
    box-shadow: 0px 14px 6.48px 1.52px rgba(25, 18, 18, 0.38);
}

.wb-item:nth-child(even) {
    background: rgba(255, 255, 255, 0.32);
}

.wb-item:nth-child(odd) {
    background: rgba(0, 48, 73, 0.81);
}

.wb-num {
    display: inline-block;
    vertical-align: top;
    font-weight: 700;
    font-size: 100px;
    line-height: 73px;
    width: 65px;
    padding-right: 5px;
}

.wb-item:nth-child(even) .wb-num {
    color: #f5f4ff;
}

.wb-item:nth-child(odd) .wb-num {
    color: #4e80a8;
}

.wb-descr {
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 70px);
}

.wb-descr h3 {
    margin: -4px 0 11px;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 130%;
}

.wb-descr p {
    font-size: 18px;
}
.account-block {
    padding: 0px 5em 50px;
}
.account-block .btn-lgout {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-style: italic;
    text-decoration: underline;
    padding-top: 30px;
    color: #1d1e72;
}
.account-block .breadcrumbs {
    position: relative;
    z-index: 3;
}
.account-block .text-block {
    min-height: 180px;
    padding: 15px 0 10px;
}
.account-block .text-block h1 {
    padding-top: 0;
}
.account-block .text-block .tb-shadow-title {
    font-size: 150px;
    top: 0px;
}
.a-buttons {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin: 30px auto;
    max-width: 1400px;
}
.a-btn h3 {
    display: block;
    width: 100%;
    text-align: center;
    margin: 30px 0 20px;
    font-weight: 400;
    font-size: 20px;
    transition: 0.5s color;
}

.a-btn {
    width: 24%;
    margin: 0 1em;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 6.72px 0.28px rgba(1, 1, 35, 0.28);
    color: #010123;
    padding: 25px;
    text-align: center;
    transition: 0.5s background;
}

.a-btn:hover {
    background-color: #1d1d5f94;
    color: #fff;
    box-shadow: 0px 0px 9.6px 0.4px rgba(1, 1, 35, 0.38);
}

.mng-acnt-tabs {
    max-width: 1500px;
    display: block;
    margin: 0 auto 50px;
}

.order-history {
    max-width: 1500px;
    margin: 0 auto;
}

.saved-products {
    margin: 0 auto;
}

.cart-overflow-block {
    max-width: 1800px;
    margin-bottom: 20px;
    overflow-x: auto;
}

.cart-overflow-block::-webkit-scrollbar {
    width: 1em;
    height: 5px;
}

.cart-overflow-block::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(192, 192, 192, 0.3);
}

.cart-overflow-block::-webkit-scrollbar-thumb {
    background-color: #d3d3d3;
    outline: 1px solid slategrey;
}

.cart-has-products-indicator {
    display: block;
    width: 10px;
    height: 10px;
    position: absolute;
    top: -18px;
    right: 19px;
    background: rgb(233, 70, 70);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

.ord-h .ord-hi {
    border: none;
    background: #d3d3d3;
    font-weight: 700;
    text-transform: uppercase;
    white-space: nowrap; /*Update 2021-03-12*/
}

.saved-products.ord-unshipped {
    overflow-x: auto;
    min-width: 760px;
}
/* .saved-products.ord-shipped .ord-h,
.saved-products.ord-unshipped .ord-cont {
    overflow-x: auto;
    min-width: 1000px;
} */

/* .saved-products.ord-shipped .ord-h,
.saved-products.ord-unshipped .ord-h{
    display: grid;
} */

.saved-products.ord-unshipped .ord-hi,
.saved-products.ord-shipped .ord-hi {
    display: flex;
}
.saved-products.ord-unshipped .ord-hi li,
.saved-products.ord-shipped .ord-hi li {
    width: auto;
    flex: 1 1 auto;
}

.saved-products.ord-unshipped .ord-hi li:first-of-type,
.saved-products.ord-shipped .ord-hi li:first-of-type {
    flex: 1 1 var(--first-col-width);
}

.saved-products.ord-unshipped .ord-hi li:not(:first-of-type) {
    flex: 1 1 calc((100% - var(--first-col-width)) / var(--unshipped-col-count));
}
.saved-products.ord-shipped .ord-hi li:not(:first-of-type) {
    flex: 1 1 calc((100% - var(--first-col-width)) / var(--shipped-col-count));
}

.ord-h .ord-hi .common-link {
    height: 51px;
    line-height: 51px;
    padding: 0px 10px 0 10px;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 16px;
}
.ord-h .ord-hi .common-link:after {
    display: none;
}
.ord-h h3 {
    padding: 15px 0;
    display: none;
    background: #d3d3d3;
    text-align: center;
    font-size: 30px;
}

.tag-edit {
    display: block;
    position: absolute;
    top: 18%;
    left: 47%;
    width: 15px;
    height: 15px;
    background-size: inherit;
    background-position: center;
    background-image: url(/images/icons/icon-edit.png);
    transition: 0.1s background;
    background-repeat: no-repeat;
}

.tag-edit:hover {
    background-image: url(/images/icons/icon-edit-hvr.png);
}

.saved-products .ord-hi li {
    display: inline-block;
    width: 24%;
    min-width: 110px;
    font-size: 18px;
    vertical-align: middle;
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
}
.saved-products .ord-hi li:first-child {
    min-width: 200px;
}
.saved-products.special .ord-hi li.half-wd input {
    width: 100%;
}
.saved-products.special .ord-hi li.half-wd {
    width: 30%;
}
.saved-products.special .ord-hi li.half-wd:nth-child(1) {
    width: 15%;
}
.saved-products.special .ord-hi li.half-wd:nth-child(2) {
    width: 15%;
}
.saved-products.special .ord-hi li.half-wd:nth-child(3) {
    width: 30%;
}
.saved-products.special .ord-hi li.half-wd:nth-child(4) {
    width: 10%;
}
.saved-products.special .ord-hi li.half-wd:nth-child(5) {
    width: max-content;
}
.minw700 {
    min-width: 700px;
}

.billing .ord-hi li p {
    padding-right: 1em;
}

.billing input[type='text'],
.billing select {
    width: 100%;
    height: 51px;
    line-height: 51px;
    padding: 0 5px;
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
    font-size: 18px;
    outline: 0;
}

.billing textarea {
    width: 100%;
    height: 120px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #d2d2d2;
    font-size: 18px;
    outline: 0;
    resize: none;
}

.saved-products .ord-hi li .prd-tg {
    font-size: 12px;
    line-height: 1;
    max-width: 200px;
}

.saved-products .ord-hi li.half-wd {
    width: 12%;
}

.saved-products .ord-hi li.twice-wd {
    width: 39%;
    vertical-align: top;
}
.saved-products .ord-hi li.twicehalf-wd {
    width: 25%;
}
.saved-products .ord-hi li.trc-wd {
    width: 55%;
}
.saved-products .ord-hi ul.b-details li {
    display: block;
    width: 80%;
    margin-bottom: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #d2d2d283;
}
.saved-products .ord-hi ul.b-details.wo-border li {
    border-bottom: none;
    margin-bottom: 0;
    padding: 10px 0;
}
.saved-products .ord-hi ul.shpng-btns {
    display: inline-block;
    vertical-align: top;
    margin-right: 5%;
}

.saved-products .ord-hi .shpng-btns li {
    width: 100%;
    display: block;
    margin: 20px 0;
}

.saved-products .ord-hi ul.b-details li:last-child {
    border-bottom: none;
}

ul.b-details span {
    float: right;
    text-align: right;
}

.ord-prd {
    display: inline-block;
    max-width: 200px;
    position: relative;
    margin-right: 10px;
}

.ord-prd a {
    color: #040675;
}

.ord-prd a:hover {
    text-decoration: underline;
}

.ord-prd span {
    position: relative;
    top: -46%;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #757575;
}

.ord-prd p {
    line-height: 100%;
    font-size: 16px;
    margin-bottom: 0;
    position: relative;
}

.ord-hi {
    /* overflow: hidden; */
    white-space: nowrap;
    display: block;
    padding: 5px;
    border-bottom: 1px solid #d2d2d2;
}

.ord-hi li {
    white-space: normal;
}

.ord-hi:last-child {
    border-bottom: none;
}

.ord-hi li {
    display: inline-block;
    width: 15%;
    font-size: 1.2vw;
}

.ord-hi li:nth-child(2) {
    width: 20%;
}

.ord-hi li:nth-child(4) {
    width: 20%;
}

.ord-hi li:nth-child(5) {
    width: calc(15% - 23px);
}

.ord-hi.inv-hi li {
    width: 16%;
}

.ord-hi .o-view {
    font-weight: 700;
    text-transform: uppercase;
    background-image: url(/images/icons/icon-view-order.png);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0% 0%;
    padding-left: 23px;
}
.ord-svd {
    font-style: italic;
    font-size: 14px;
    margin: 10px 0;
    width: 100%;
}

.intr-icon {
    background-position: center;
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
    transition: 0.5s background;
    border: 1px solid #2d2d2d;
    padding: 5px 20px;
}
.intr-icon p {
    display: none;
}
.dlt-prd,
.dlt-non-stock-prd {
    background-image: url('/images/icons/garbage-bin.png');
    box-shadow: 0px 0px 4px 0px rgba(23, 23, 21, 0.226);
}
.opn-prd {
    background-image: url('/images/icons/icon-open-product.png');
}
.add-prd {
    margin-top: 7px;
    background-image: url('/images/icons/add-icon.png');
    box-shadow: 0px 0px 4px 0px rgba(23, 23, 21, 0.226);
    transition: 0.5s;
}
.add-prd:hover {
    background-image: url('/images/icons/add-icon.png');
    box-shadow: 0px 0px 4px 0px rgba(23, 23, 21, 0.226);
    border: 1px solid #273dac8c;
    filter: invert(16%) sepia(85%) saturate(2863%) hue-rotate(228deg) brightness(92%) contrast(91%);
}
.opn-prd:hover {
    background-image: url('/images/icons/icon-open-product-hvr.png');
    background-color: rgba(236, 233, 233, 0.596);
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #273dac8c;
}
.dlt-prd:hover {
    background: url('/images/icons/garbage-bin-hvr.png');
    background-color: rgba(236, 233, 233, 0.596);
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #273dac8c;
}

/* CARD TOTAL BEGIN */

.crd-total {
    max-width: 600px;
    min-width: 300px;
    float: right;
    position: relative;
    text-align: left;
    margin: 0 50px 70px 0px;
}

.crd-total h3 {
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 30px;
}

.crt-price {
    padding: 15px 15px;
    font-size: 18px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.crt-price span.text-bold {
    margin-right: 100px;
    text-transform: uppercase;
}

.crt-price.p-st {
    background-color: #d2d2d2;
}

.crt-p {
    display: block;
    float: right;
}
.sp-bold {
    font-weight: 700;
}
.crd-total .common-link {
    margin-top: 30px;
    border: none;
}

/* CARD TOTAL END */

/* PRODUCT FEATURES - BEGIN */

.prd-feature {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    padding: 15px 0;
    margin-bottom: 50px;
}

.prdfeat-adv {
    display: inline-block;
    width: 24.5%;
}

.prdf-l,
.prdf-r {
    display: inline-block;
}

.prdf-r {
    padding-left: 15px;
}

/* PRODUCT FEATURES - END */

/* CONFORMATION PAGE - BEGIN */
.conformation-block {
    position: relative;
    height: 715px;
    overflow: hidden;
    background-color: rgb(35, 64, 194);
    background-size: 1920px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.conformation-block .clr-overlay {
    background-color: rgba(30, 59, 83, 0.13);
    display: block;
    position: absolute;
    height: 715px;
    top: 0;
    left: 0;
    background-position: center;
    width: 100%;
}
.con-inner {
    padding-top: 185px;
    position: absolute;
    width: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    background-size: 1920px;
    background-position: 0 0;
    background-repeat: no-repeat;
}
.co-blur {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
.con-inner .co-blur img {
    width: 1920px;
    filter: blur(14px);
    max-width: none;
    /* transform: scale(1.1); */
}

.con-inner .conform-text {
    position: relative;
    padding-left: 19%;
    padding-right: 9%;
    top: 30%;
    transform: translateY(-50%);
    z-index: 3;
}
.con-inner .conform-text .breadcrumbs a,
.con-inner .conform-text .breadcrumbs span {
    color: #fff;
}
.con-inner .conform-text h2 {
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.so-item:last-child > li > .so-item-add {
    display: inline-block !important;
}

/* CONFORMATION PAGE - END */

.product-group {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5px;
    row-gap: 5px;
}

.g-item {
    height: 30px;
    border: solid;
    border-color: aliceblue;
    vertical-align: middle;
    padding: 10px;
}

.g-item.selected {
    border-color: black;
}

.product-group .g-item {
    height: max-content;
}

.product-group .g-item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
    color: #000;
}

@media (max-width: 1700px) {
    /* .ppm-c {
    width: 65%;
  } */
}

@media (max-width: 1680px) {
    .search-input {
        width: 205px;
    }

    .search-form button {
        right: 8px;
    }
}

@media (max-width: 1640px) {
    .hib-block {
        max-width: 260px;
    }
}

@media (max-width: 1610px) {
    .h-container {
        width: calc(100% - 530px);
    }
}

@media (max-width: 1480px) {
    .logo {
        left: 10px;
        max-width: 250px;
        /* top: 20px; */
    }

    .h-container {
        width: calc(100% - 482px);
    }

    .hib-block {
        max-width: 230px;
    }

    .hib-block.block-3 {
        bottom: 41%;
    }

    .hib-block.block-4 {
        bottom: 41%;
    }

    .products-splash {
        padding: 40px 10px;
    }

    .product-page {
        padding: 40px 10px 0;
    }

    .pp-specs-and-form {
        padding: 40px 10px 15px;
    }

    .ppm-c h1 {
        font-size: 22px;
    }

    .main-features {
        padding: 15px 10px 25px;
    }
}

.accordion {
    padding-top: 1em;
}

.accordion-item {
    width: 100%;
    margin: 0.5em 1em;
    display: inline-block;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 7px 0px rgba(4, 6, 117, 0.11);
    vertical-align: top;
    position: relative;
    transition: 0.5s all ease-in-out;
}

.accordion a {
    letter-spacing: 1px;
    font-size: 20px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 40px 20px 70px;
    font-weight: 400;
    margin: 0 auto;
    transition: 0.5s all ease-in-out;
}

.accordion a:hover,
.accordion a:hover::after {
    cursor: pointer;
    color: #1d1e72;
}

.accordion a:hover::after {
    border: 1px solid #03b5d2;
}

.accordion-item::before {
    content: '';
    position: absolute;
    background-color: #040675;
    width: 50px;
    height: 100%;
    background-image: url('/images/icons/icon-faq.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: inherit;
    transition: 2.5s background ease-in-out;
}
.accordion a::after {
    content: '';
    position: absolute;
    background-image: url(/images/icons/dropdown-icon.png);
    background-repeat: no-repeat;
    right: 3%;
    top: 45%;
    width: 10px;
    height: 5px;
    text-align: center;
    transition: 0.5s all ease-in-out;
}

.accordion a.active::after {
    background-image: url('/images/icons/dropdown-icon-active.png');
}

.accordion .content {
    opacity: 0;
    padding: 0 1rem;
    max-height: 0;
    overflow: hidden;
    clear: both;
    margin-top: 0;
    transition: 0.5s all ease-in-out;
}

.accordion .content p {
    font-size: 18px;
    font-weight: 400;
    border-top: 1px solid black;
    padding: 20px 0;
}

.accordion .content.active {
    opacity: 1;
    padding: 10px 20px 10px 70px;
    max-height: 100%;
    /* padding-left: 71px; */
    transition: 0.5s all ease-in-out;
}

.accordion .content.active > .accordion-item {
    box-shadow: 0px 0px 7px 0px rgba(183, 184, 253, 0.51);
}

.prd-splash-page {
    padding: 3em 1em 1em;
}

.articles {
    display: inline-block;
}
.articles article ul {
    max-width: 400px;
}
article:not(:first-child) {
    display: none;
}
.ord-cont .ord-hi article ul li {
    display: block;
    width: 100%;
    margin: 20px 0;
}

.chf-err div {
    background-color: #ff0000;
}

.chf-done div {
    background-color: #0e5f76;
    color: #fff;
    margin-bottom: 20px;
    font-weight: 300;
    font-size: 21px;
    padding: 20px;
}

.form-err {
    border: 1px solid #ff0000;
    color: #ff0000;
}

article.on {
    display: inline-block;
}
article .common-form {
    padding: 0;
}

.kit-component-qty {
    position: absolute;
    right: -5px;
    top: 10px;
    background: red;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color: white;
    padding: 5px 10px;
    font-size: 20px;
}

.filter-popup-trigger {
    display: none;
    margin: 0 0 20px;
    padding: 10px 30px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #fafafa;
    text-align: center;
    border-radius: 16px;
    background: #1720a5;
    background-image: radial-gradient(#1720a5, #040a5e);
    box-shadow: 0px 3px 5px 0px rgba(36, 57, 115, 0.54);
    transition: box-shadow 0.5s;
}

.filter-popup-trigger:hover {
    box-shadow: 0px 0 10px rgba(83, 83, 83, 0.74);
}

.info-block {
    max-width: 1800px;
    margin: 0 auto;
}

.ib-item-50 {
    float: left;
    width: 50%;
}

.ibi-title {
    background: #d3d3d3;
    font-weight: 700;
    text-transform: uppercase;
    padding: 15px;
}

.ibi-title-empty {
    min-height: 22px;
}

.ibi-body {
    padding: 15px;
}

.billing-po-form {
    max-width: 450px;
}

/* Digital literature */
.d-literature-header {
    max-width: 800px;
    height: 100%;
    max-height: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    z-index: 999;
    margin: 0 auto;
}
.d-literature-header img {
    margin: 20px 0;
}
.d-literature-header h4 {
    text-align: center;
}
.d-literarure-grid {
    max-width: 1500px;
    margin: 30px auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(330px, 80%), 1fr));
    grid-row-gap: 35px;
}
.d-literarure-item-container {
    position: relative;
    width: 80%;
    height: 100%;
    margin: 0 auto;
    -webkit-box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.767);
    -moz-box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.767);
    box-shadow: 0px 0px 9px -1px rgba(0, 0, 0, 0.767);
    transition: 0.3s ease-in-out;
}
.d-literarure-item-container:hover {
    -webkit-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.767);
    -moz-box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.767);
    box-shadow: 0px 0px 3px -1px rgba(0, 0, 0, 0.767);
}

.d-literarure-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.d-literarure-image-container img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    margin-bottom: 10px;
}
.d-literarure-title-container {
    padding: 10px;
    font-size: 1.7em;
    color: #063506;
}
.d-literarure-desc-container {
    padding: 10px;
    color: rgb(49, 49, 49);
    margin: 15px 0 60px 0;
}
.d-literarure-links-container {
    position: absolute;
    bottom: 10px;
    left: 15px;
    display: flex;
    flex-direction: column;
}
.d-literarure-links-container a {
    text-decoration: none;
    color: #063506;
}
.d-literarure-links-container a:hover {
    text-decoration: underline;
}
.d-pdf-link {
    display: flex;
    align-items: center;
}

h1 {
    font-size: 30pt;
}

h2 {
    font-size: 25pt;
}

h3 {
    font-size: 20pt;
}

.h3-notes {
    display: inline-block;
    padding-left: 30px;
    text-transform: uppercase;
    font-weight: normal;
    color: #ff0000;
    font-size: 14pt;
}

.on-account label {
    display: block;
    text-transform: uppercase;
}

.on-account-row {
    display: flex;
    flex-wrap: wrap;
}

.on-account-col {
    padding: 5px 30px 0 0;
}

.on-account-col div {
    display: inline-block;
    padding-right: 5px;
}

.ht-search-res {
    position: absolute;
    left: 0;
    top: calc(100% + 1px);
    background-color: #fff;
    width: 100%;
    max-height: 70vh;
    max-width: 620px;
    overflow-y: auto;
    overflow-x: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    z-index: 1000;
}

.search-res-wp {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
}

.search-res-empty {
    padding: 20px 0 20px 20px;
}

.search-res-wp A {
    width: 100%;
    margin: 0;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    transition: background-color 0.3s ease;
}

.search-res-wp A:hover {
    background-color: #f8f9fa;
    transition: background-color 0.3s ease;
}

.search-res-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 10px 15px;
    gap: 15px;
}

.search-res-pic {
    flex-shrink: 0;
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    border-radius: 4px;
    overflow: hidden;
}

.search-res-pic img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.search-res-ttl {
    flex: 1;
    overflow: hidden;
    color: #54565b;
    text-align: left;
    line-height: 1.4;
    font-size: 14px;
}

.search-res-ttl font {
    display: block;
    font-weight: 700;
    color: #040675;
    margin-bottom: 4px;
    font-size: 13px;
}

.search-res-wp A.search-res-all {
    text-align: center;
    width: 100%;
    border-top: 1px solid #040675;
    border-bottom: none;
    background: #f8f9fa;
    padding: 15px;
    font-weight: 600;
    color: #040675;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: all 0.3s ease;
}

.search-res-wp A.search-res-all:hover {
    background: #040675;
    color: #fff;
}

.search-res-wp A.search-res-all .search-res-info {
    padding: 0;
    justify-content: center;
}

.view-related-products-btn {
    display: inline-block;
    padding: 10px 10px;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    background: #040675;
    box-shadow: 0px 3px 5px 0px rgb(36 57 115 / 14%);
    transition: all 0.5s;
}

.view-related-products-btn:hover {
    background: #eec643;
    box-shadow: 0px 3px 5px 0px rgb(36 57 115 / 14%);
    transition: all 0.5s;
}

.blog-items {
    padding: 0 30px 50px;
    margin: 50px auto 0;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: max-content;
}

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

@media (max-width: 750px) {
    .blog-items {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .blog-items {
        grid-template-columns: 100%;
    }
}

.blog-item {
    /* max-width: 300px; */
    background: #fff;
    border-radius: 15px;
    margin: 1%;
    box-shadow: 0px 3px 15px 1px rgb(127 164 199 / 10%);
    overflow: hidden;
    transition: 0.3s ease;
}
.blog-item:hover .blog-item-img {
    filter: sepia(100%);
}
.blog-item a {
    display: block;
    text-decoration: none;
    color: #111111;
}
.blog-item span {
    display: block;
    cursor: pointer;
}
.blog-item .blog-item-img {
    width: 100%;
    /* max-height: 300px; */
    transition: filter 0.5s;
}
.blog-item .blog-item-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-item .blog-item-txt {
    padding: 20px;
}
.blog-item .blog-item-txt h4 {
    font-size: 20px;
}
.blog-item .blog-item-view {
    margin-top: 15px;
    text-transform: uppercase;
    font-size: 8pt;
    letter-spacing: 1px;
    color: #666464;
}
.no-result {
    padding: 100px 50px;
    text-align: center;
}
.par-wrapper {
    padding: 50px 5% 0;
    margin: 0 auto;
    max-width: 90%;
}
.par-block {
    padding-bottom: 30px;
}
.par-block.par-first {
    padding-top: 0;
}
.par-L,
.par-R {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.par-block-1,
.par-block-2 {
    width: 47%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}
.par h2,
.par h2 {
    margin-bottom: 25px;
    color: #3c4e98;
    font-size: 22pt;
    position: relative;
    text-transform: uppercase;
    font-weight: 400;
}
.par h2::after {
    content: '';
    display: block;
    position: relative;
    margin: 15px 0;
    width: 100px;
    height: 2px;
    background: #3c4e98;
    left: 0;
}
.par-block-1 img,
.par-block-2 img {
    border-radius: 15px;
    box-shadow: 0px 1px 15px rgba(47, 68, 105, 0.233);
    /* transform: translateY(85px);
	  max-height: calc(100% - 85px); */
    width: 100%;
}
.par-R .par-block-2 {
    order: 1;
}
.par-R .par-block-1 {
    order: 2;
}
.par-L .par-block-1 {
    order: 1;
}
.par-L .par-block-2 {
    order: 2;
}
.txt-par {
    text-align: center;
}
.data-pdf {
    position: relative;
    padding-left: 27px;
    color: #3c4e98;
}
.data-pdf::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 22px;
    height: 22px;
    background: url(/images/icons/icon-download-pdf.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media (max-width: 950px) {
    .par-L,
    .par-R {
        justify-content: center;
    }
    .par-block-1,
    .par-block-2 {
        width: 100%;
    }
    .par-block-1 img,
    .par-block-2 img {
        max-height: 400px;
        object-fit: cover;
    }
    .par-L .par-block-1 {
        order: 2;
    }
    .par-L .par-block-2 {
        order: 1;
    }
}

@media (max-width: 1775px) {
    .h-container {
        width: calc(100% - 460px);
    }
}

@media (max-width: 1665px) {
    .home-thumbs-expandable-wrapper a {
        width: 22%;
    }
}

@media (max-width: 1625px) {
    .hab-txt-sml {
        max-width: 400px;
    }
    .content {
        margin-top: 9%;
    }
}

@media (max-width: 1580px) {
    .account-block .text-block .tb-shadow-title {
        font-size: 90px;
        top: 62px;
    }
}

@media (max-width: 1525px) {
    .h-container {
        width: calc(100% - 450px);
    }

    .covid-content {
        padding: 3em 5em 5em;
    }
}

@media (max-width: 1430px) {
    .htr-phone {
        display: none;
    }

    .h-cat-menu a {
        font-size: 13px;
    }
}

@media (max-width: 1425px) {
    .thumbs > a {
        width: 31.33%;
    }
    .habr-title h3 {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .home-about-block,
    .faq-section {
        padding: 3em 10px 20px;
    }

    .account-block {
        padding: 0 10px 20px;
    }

    /* .hab-l, .hab-r {
  float: none;
  display: inline-block;
} */
}

@media (max-width: 1365px) {
    .wb-title p,
    .wb-title div {
        font-size: 40px;
    }
    .content {
        margin-top: 10%;
    }
    .search-res-wp A {
        font-size: 13px;
    }
    .search-res-pic {
        width: 70px;
        height: 70px;
    }
}

@media (max-width: 1345px) {
    .home-thumbs {
        margin-bottom: 15px;
    }

    .home-info-block {
        background: none;
        text-align: center;
    }

    .home-info-block > img {
        display: none;
    }

    .hib-title {
        position: static;
        margin-bottom: 30px;
    }

    .hib-block {
        position: static;
        max-width: none;
        margin-bottom: 20px;
    }
    .hab-txt-sml {
        max-width: 350px;
    }

    .ord-h .ord-hi li {
        font-size: 10px;
        padding: 0 0px;
    }
    .saved-products .ord-hi li {
        font-size: 14px;
        padding: 0 15px;
    }

    input[type='number'] {
        font-size: 14px;
    }

    .ord-prd span {
        position: relative;
    }
    .tag-edit {
        display: none;
    }
}

@media (max-width: 1330px) {
    .habr-shadow-title {
        display: none;
    }
    .h-container {
        width: calc(100% - 382px);
    }
}
@media (max-width: 1290px) {
    .saved-products .ord-hi li {
        display: inline-block;
        width: 23%;
    }

    @media (max-width: 1255px) {
        .htr-phone {
            /*display: inline-block;*/
            display: none;
        }

        .top-menu {
            display: none;
        }

        .h-cat-menu {
            display: none;
        }

        .responsive-menu-trigger {
            display: block;
        }

        .h-top {
            padding-top: 18px;
        }

        .wb-descr h3 {
            font-size: 20px;
        }
        .logo {
            left: 10px;
            max-width: 210px;
        }
        .h-container {
            margin: 0px 20px 0 0;
        }
        .content {
            margin-top: 8%;
        }
        .t-title h4 {
            font-size: 16px;
            line-height: 1.3;
            font-weight: 400;
        }
        .t-inr {
            padding: 10px 18px 15px;
        }
    }

    @media (max-width: 1230px) {
        .ppm-c {
            width: 100%;
            margin-right: 0;
            margin-bottom: 30px;
        }
        .mf-price {
            display: block;
        }
        .mf-link {
            display: block;
        }
        .ppm-r {
            clear: both;
            float: none;
            width: auto;
        }
        .hab-txt-sml {
            max-width: 250px;
        }
    }

    @media (max-width: 1200px) {
        .par-title h1 {
            font-size: 40px;
        }

        .paragraph {
            padding: 30px 10px;
        }
        .ord-hi li {
            /*font-size: 14px;*/
        }
    }

    @media (max-width: 1160px) {
        .htr-phone {
            display: none;
        }

        .common-link {
            /*font-size: 18px;*/
        }
    }

    @media (max-width: 1150px) {
        .tb-shadow-title {
            display: none;
        }
        .account-block .text-block {
            min-height: 0;
            padding: 0;
        }
    }

    @media (max-width: 1140px) {
        .pp-gallery a:first-child {
            width: 100%;
            height: 395px;
        }

        .pp-gallery a:first-child {
            height: 295px;
        }

        .pp-gallery a {
            margin-bottom: 17px;
        }

        .pp-main {
            margin-top: 20px;
        }

        .sp-title {
            margin-bottom: 10px;
        }
        .a-buttons {
            justify-content: center;
            flex-wrap: wrap;
        }
        .a-buttons .a-btn {
            width: 38%;
            margin: 1em 1em;
        }
    }

    @media (max-width: 1130px) {
        .habr-title h2 {
            margin-bottom: 0;
            font-size: 50px;
        }

        .footer {
            padding: 35px 10px;
        }

        .similar-products {
            padding: 30px 10px;
        }
        .con-inner .conform-text h2 {
            line-height: 0.8;
        }

        .intr-icon p {
            display: block;
        }
    }

    @media (max-width: 1090px) {
        .thumbs > a {
            width: 48%;
        }
        .content {
            margin-top: 9.4%;
        }
    }

    @media (max-width: 1085px) {
        .pp-specs-and-form h2 {
            margin-bottom: 10px;
            font-size: 22px;
        }
        .con-inner {
            width: 65%;
        }
    }

    @media (max-width: 1055px) {
        .home-thumbs-expandable-wrapper a {
            min-width: 45%;
        }

        /* .home-thumbs-expandable-wrapper a .ht-pic {
            height: 100px;
        } */
    }

    @media (max-width: 1025px) {
        .why-block {
            padding: 40px 10px;
        }

        .wb-title {
            width: 100%;
            margin: 0 0 30px;
        }

        .wb-title * {
            display: inline;
        }

        .wb-title p,
        .wb-title div {
            margin-right: 10px;
        }

        .wb-item {
            width: 48%;
            margin: 0 1% 30px;
        }
    }

    @media (max-width: 1010px) {
        .f-top {
            flex-wrap: wrap;
        }

        .f-item {
            width: 48%;
        }
        .prdf-l,
        .prdf-r {
            display: block;
            margin: 0 auto;
            text-align: center;
        }
        .prdf-l img {
            display: block;
            margin: 0 auto;
        }
        .prdf-r p {
            min-height: 40px;
        }
        .responsive-menu-container {
            top: 69px;
        }
    }

    @media (max-width: 980px) {
        .home-thumbs {
            font-size: 0;
        }

        .home-thumbs a {
            width: 28%;
            /* height: 250px; */
            margin: 0 2% 20px;
        }

        .home-thumbs a:hover > .prd-hvroverlay {
            display: none;
        }

        .search-res-pic {
            width: 60px;
            height: 60px;
        }

        .search-res-ttl {
            font-size: 13px;
        }

        .search-res-ttl font {
            font-size: 12px;
        }
        /* .ord-hi {
      white-space: inherit;
    } */
    }

    @media (max-width: 975px) {
        .pps-l,
        .pps-r {
            width: auto;
            float: none;
        }

        .pps-l .wrapper {
            margin-right: 0;
            max-width: none;
        }
    }

    @media (max-width: 960px) {
        .search-form,
        .ht-search-res {
            display: none;
        }

        .responsive-search {
            display: block;
        }
        .h-top {
            border: none;
        }
        .header {
            padding-bottom: 0px;
        }
        .logo {
            max-width: 140px;
        }
        .content {
            margin-top: 7%;
        }
        .h-top {
            padding-top: 10px;
        }
        .content {
            margin-top: 70px;
        }
        /* .logo {
      top: 15px;
  } */
    }

    @media (max-width: 940px) {
        .text-block {
            margin-bottom: 30px;
        }

        .text-block h1,
        .hib-title h1,
        .habr-title h2,
        .sp-title h2,
        .sp-title h1 {
            font-size: 40px;
        }
        .tab-list .tab-item {
            width: 100%;
            border-bottom: 1px solid #757575;
        }
        .tab-list .tab-item:last-child {
            border: none;
        }
        /* .content {
            margin-top: 7.5%;
        } */
    }

    @media (max-width: 895px) {
        .title-block h1 {
            font-size: 40px;
        }
        /* .content {
            margin-top: 7.5%;
        } */
    }

    @media (max-width: 850px) {
        .hab-l,
        .hab-r {
            float: none;
            width: auto;
        }
        .hab-r {
            margin-top: 20px;
        }
        .accordion {
            padding-top: 0;
        }

        .home-about-block,
        .faq-section,
        .account-block {
            padding: 3em 10px 20px;
        }

        .faq-section .hab-r {
            margin: 0;
        }
        .hab-txt-sml {
            max-width: 100%;
        }
        .section-divider {
            top: 60px;
        }
    }

    @media (max-width: 810px) {
        .ppm-c h1 {
            font-size: 20px;
        }

        .ppmc-sep {
            margin: 15px 0;
        }
    }

    @media (max-width: 790px) {
        .thumbs > a {
            width: 98%;
        }
        .accordion-item {
            margin: 1em 0;
        }

        .ord-h h3 {
            display: block;
        }

        .ord-h.mobile {
            width: 95%;
        }
        .ord-h.mobile .ord-hi {
            display: block;
            padding: 10px 0;
        }
        .ord-h.mobile .ord-hi li {
            margin-bottom: 0;
        }

        .desctop {
            display: none;
        }
        .mobile {
            display: inline-block;
            /* margin-right: 15px; */
        }
        .h-container {
            width: 70%;
        }
        .link-border {
            background: #1f487e;
        }
        .act-log {
            background: #1d3461;
        }
        .inquire-trigger.mobile {
            display: inline-block;
        }
        .inquire-trigger {
            margin: 0 5px;
        }
        .saved-products .ord-hi li .prd-tg {
            font-size: 20px;
            max-width: 100%;
        }
        .ttl-prc {
            color: #dd1a1a;
        }
        .unt-prc {
            color: #1d65c9;
        }
        .saved-products .ord-hi li span {
            font-weight: 700;
        }
        .saved-products .ord-hi .ord-prd {
            max-width: 350px;
        }

        .saved-products .ord-hi li.twice-wd {
            width: 100%;
            /* vertical-align: top; */
        }
        .saved-products .ord-hi li.trc-wd {
            width: 100%;
        }
        .saved-products .ord-hi ul.b-details li {
            font-size: 14px;
            margin: 0;
            width: 95%;
        }
        .articles {
            display: inline-block;
            width: 95%;
        }
        .articles ul {
            background: #e6e6e6;
        }
        .ord-cont .ord-hi article ul li {
            font-size: 16px;
            padding: 10px;
        }
        .ord-hi h4 {
            display: block;
            font-size: 22px;
            margin-bottom: 15px;
        }
    }

    @media (max-width: 765px) {
        .wb-title {
            line-height: inherit;
        }

        .wb-item {
            width: 100%;
            margin: 0 0 30px;
        }
        .hab-txt-sml {
            max-width: 80%;
        }
        .a-buttons .a-btn {
            width: 33%;
            margin: 1em 1em;
        }
        .common-link {
            font-size: 16px;
            /* padding: 3px 25px 3px 3px; */
        }
        .d-literature-header h4 {
            font-size: 0.8em;
        }
    }

    @media (max-width: 740px) {
        .ib-item-50 {
            float: none;
            width: auto;
        }

        .ibi-title-empty {
            display: none;
        }
        .home-products {
            display: none !important;
        }
    }

    @media (max-width: 680px) {
        .header {
            padding-bottom: 0px;
        }
        .home-thumbs a {
            width: 46%;
            /* height: 220px; */
            margin: 0 2% 20px;
        }

        .home-about-block,
        .account-block {
            padding: 3em 1em 3em;
        }
        .faq-section {
            padding: 3em 1em 3em 1em;
        }
        .h-container {
            width: calc(100% - 180px);
            margin: 0px 10px 0 0;
        }

        .h-top {
            border: none;
        }

        .inquire-trigger {
            padding: 5px 10px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 30px;
        }
        .inquire-trigger.mobile {
            display: inline-flex;
        }
        .inquire-trigger img,
        .inquire-trigger.mobile img {
            height: 20px;
            margin: auto;
        }
        .responsive-menu-container {
            top: 67px;
        }

        .home-thumbs a {
            /* width: 96%; */
            /* height: 200px;
            min-height: 200px; */
            margin: 0 2% 20px;
        }

        .text-block h1 {
            padding-top: 20px;
        }

        .ppm-l {
            width: auto;
            float: none;
        }

        .ppm-cr-wrapper {
            width: auto;
            float: none;
        }
    }

    @media (max-width: 670px) {
        .paragraph {
            padding-bottom: 0;
        }
        /* .content {
            margin-top: 10.5%;
        } */
        .par-txt,
        .par-pic {
            float: none;
            width: auto;
            margin-bottom: 20px;
        }
        .extra-top {
            display: block;
        }
        .f-item {
            width: 100%;
            margin-bottom: 50px;
        }
        .f-top {
            display: block;
        }
        .fot-l,
        .fot-r {
            width: 100%;
            float: none;
        }
        .footer .common-link.inquire-btn {
            float: none;
        }
        .con-inner .conform-text h2 {
            font-size: 40px;
        }
        .common-link {
            margin: 5px 0;
        }
        .promotions-block {
            padding: 1em 3em;
        }
        .common-link.view {
            margin: 10px 0;
        }
        .text-block {
            min-height: 115px;
        }
        .prdfeat-adv {
            display: inline-block;
            width: 46.5%;
            height: 119px;
        }
        .prdf-l img {
            display: block;
            margin: 15px auto 10px;
        }
        .crt-price span.text-bold {
            margin-right: 50px;
            text-transform: uppercase;
        }
    }

    @media (max-width: 615px) {
        .ps-l {
            display: none;
        }

        .filter-popup-trigger {
            display: block;
        }

        .ps-r {
            float: none;
            width: auto;
        }

        .ps-r .thumbs {
            margin-left: 0;
        }

        .hab-txt-sml {
            max-width: 70%;
        }
        .thumbs > a {
            width: 48%;
        }
    }

    @media (max-width: 540px) {
        .f-item {
            width: 98%;
        }

        .f-descr {
            max-width: none;
        }

        .ht-title h4 {
            font-size: 16px;
            /* color: #ffffff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0px 0px 10px rgba(0, 0, 0, 0.8); */
            margin: 0;
        }
        .accordion-item {
            margin: 1em 0em;
        }
        .accordion-item a {
            padding: 10px 40px 10px 30px;
        }
        .accordion-item::before {
            background-color: #040675;
            width: 10px;
            background-image: none;
        }
        .accordion .content.active {
            padding: 10px 20px 10px 30px;
        }
    }

    @media (max-width: 510px) {
        .a-buttons .a-btn {
            width: 28%;
            margin: 0.8em 0.8em;
            padding: 15px;
        }
        /* .saved-products .ord-hi li {
  margin-bottom: 0;
} */
    }

    @media (max-width: 500px) {
        .d-literarure-grid {
            grid-row-gap: 15px;
        }
        .d-literarure-item-container {
            width: 95%;
        }
        .d-literarure-image-container img {
            display: none;
        }
        .d-literarure-title-container {
            font-size: 1.4em;
        }
        .d-literarure-desc-container {
            padding: 0 10px;
            margin: 5px 0 60px 0;
        }
        .st-row {
            padding: 3px 7px;
        }

        .st-row:not(:last-child) {
            border-bottom: none;
        }

        .st-label {
            display: inline-block;
            float: none;
            width: auto;
            font-weight: 700;
        }

        .st-label::after {
            content: ':';
        }
        /* .content {
            margin-top: 8%;
        } */
        .st-value {
            float: none;
            width: auto;
        }
        .t-title {
            display: block;
            position: relative;
            min-height: 72px;
            font-size: 20px;
            padding-top: 10px;
            color: #040f0f;
        }
        .con-inner {
            width: 100%;
        }
        .logo img {
            object-fit: cover;
            width: 40px;
            height: 40px;
            object-position: 0% 0;
        }
        .h-top {
            padding-top: 10px;
        }
        /* .logo {
    top: 10px;
  } */
    }

    @media (max-width: 445px) {
        .h-container {
            width: calc(100% - 70px);
            margin: 0px 10px 0 0;
        }

        .hab-nbr {
            width: 30px;
            height: 30px;
        }

        .crd-total {
            float: none;
            right: 0;
            margin-left: 10px;
            margin-right: 10px;
        }

        .ord-hi {
            padding: 5px 0;
        }

        .saved-products .ord-hi .ord-prd {
            max-width: 250px;
        }
        .ord-prd-info {
            display: none;
        }

        .prdfeat-adv {
            display: inline-block;
            width: 100%;
            height: 119px;
        }

        /* .content {
            margin-top: 15%;
        } */

        .title-block h1 {
            font-size: 20px;
        }
    }

    @media (max-width: 420px) {
        .home-about-block {
            display: none;
        }
    }

    @media (max-width: 400px) {
        .ht-title h4 {
            font-size: 14px;
            /* color: #ffffff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.9), 0px 0px 10px rgba(0, 0, 0, 0.8); */
            margin: 0;
        }
        .con-inner .conform-text {
            padding-left: 10%;
        }

        .saved-products .ord-hi li {
            width: 19%;
            font-size: 10px;
            padding: 0px 5px;
            min-width: 60px;
        }
    }

    @media (max-width: 390px) {
        .ord-cont .ord-hi article ul li {
            max-width: 300px;
        }
        .crt-price span.text-bold {
            margin-right: 10px;
            text-transform: uppercase;
        }
    }

    @media (max-width: 325px) {
        .logo {
            max-width: 70px;
            /* top: 12px; */
        }
        .inquire-trigger {
            padding: 5px;
        }
    }
}

@media (min-width: 615px) {
    .filters {
        display: block !important;
    }
}

table {
    border-collapse: collapse;
}

table,
th,
td {
    border: 1px solid black;
    text-align: center;
}

.category_logo {
    margin-bottom: 30px;
}

.hide {
    display: none !important;
}

/*DCF TABLE START*/

:root {
    --bg-table-stripe: #f6f6f5;
    --b-table: #e3e3e2;
    --caption: #242423;
}

.dcf-table {
    background-color: transparent;
    border-collapse: collapse;
    font-family: Arial, Helvetica, sans-serif;
    /* max-width: 1500px; */
    margin: 0 auto;
    border: 0;
}

.dcf-table th {
    text-align: left;
}

.dcf-txt-center {
    text-align: center !important;
}

.dcf-txt-left {
    text-align: left !important;
}

.dcf-txt-right {
    text-align: right !important;
}

.dcf-table caption {
    color: var(--caption);
    font-size: 1.13em;
    font-weight: 700;
    padding-bottom: 0.56rem;
}

.dcf-table thead {
    font-size: 0.84em;
}

.dcf-table tbody {
    border-bottom: 1px solid var(--b-table);
    border-top: 1px solid var(--b-table);
    font-size: 0.84em;
}

.dcf-table tfoot {
    font-size: 0.84em;
}

.dcf-table td,
.dcf-table th {
    padding-right: 1.78em;
    padding-left: 0.75em;
    text-align: left;
    border: 0;
}

.dcf-table-bordered,
.dcf-table-bordered td,
.dcf-table-bordered th {
    border: 1px solid var(--b-table);
}

.dcf-table-bordered td,
.dcf-table-bordered th,
.dcf-table-striped td,
.dcf-table-striped th {
    padding-left: 1em;
    padding-right: 1em;
}

.dcf-table tbody tr:not(:last-child) {
    border-bottom: 1px solid var(--b-table);
}

.dcf-table-bordered tr:not(:last-child),
.dcf-table-striped tr:not(:last-child) {
    border-bottom: 1px solid var(--b-table);
}

.dcf-table-striped tbody tr:nth-of-type(2n) {
    background-color: var(--bg-table-stripe);
}

.dcf-table thead td,
.dcf-table thead th {
    padding-bottom: 0.75em;
    padding-top: 0.75em;
    vertical-align: bottom;
    background-color: #d3d3d3;
    font-size: clamp(16px, 1vw, 18px);
}

.dcf-table tbody td,
.dcf-table tbody th,
.dcf-table tfoot td,
.dcf-table tfoot th {
    padding-top: 0.75em;
    vertical-align: middle;
}

.dcf-table tbody td,
.dcf-table tbody th {
    padding-bottom: 0.75em;
    font-size: clamp(14px, 1vw, 16px);
}

.dcf-table-bordered thead th {
    padding-top: 1.33em;
}

.dcf-wrapper-table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    padding-bottom: 1em;
    position: relative;
    right: 50%;
    width: 100vw;
}
.dcf-table__link {
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.dcf-table .common-link {
    width: fit-content;
    white-space: nowrap;
    height: 40px;
    line-height: 40px;
    font-size: clamp(14px, 1vw, 16px);
}
.dcf-table .common-link::after {
    width: 40px;
    height: 40px;
}

@media only screen and (max-width: 850px) {
    .dcf-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap;
    }
    .dcf-table-responsive tr {
        display: block;
    }
    .dcf-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: grid;
        grid-template-columns: 1fr 2fr;
        text-align: left !important;
    }
    .dcf-table-responsive.dcf-table-bordered,
    .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0;
    }
    .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0;
    }
    .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: 0.75em;
    }
    .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0;
    }
    .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0;
    }
    .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0;
    }
    .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em;
    }
}

.dcf-overflow-x-auto {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
}

.dcf-w-100\% {
    width: 100% !important;
}

/*DCF TABLE END*/

/* CSR START */
.csr * {
    box-sizing: border-box;
}
.csr {
    width: auto;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    top: 50px;
    z-index: 2;
    /* background-color: #fff; */
    border-radius: 5px;
    padding: 30px;
    margin-bottom: 4em;
}

.csr-ttl {
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-align: center;
    border-bottom: 1px solid #040675;
    color: #040675;
    text-transform: uppercase;
}

.csr-search {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.csr-search > div {
    margin: 10px;
}
.csr-search label {
    display: block;
    padding-bottom: 10px;
}
.csr-search > div {
    width: 100%;
}
.csr-search > div > div {
    width: 100%;
}

.csr-input {
    /* width: 290px; */
    width: 100%;
    padding: 5px 10px;
    /* max-width: 200px; */
}

.csr-customers {
    display: none;
    position: absolute;
    width: calc(100% - 60px);
    background-color: #fff;
}

.csr-customers A {
    color: #000;
    display: block;
    padding: 5px;
    border: 1px solid #d1bc8e;
    margin-top: 1px;
    border-radius: 5px;
    font-size: 9pt;
}

.csr-customers A font {
    color: #040675;
}

.csr-customers A:hover {
    background-color: #dcd8dd;
    text-decoration: none;
}

.csr-notes {
    position: fixed;
    z-index: 100;
    right: 20px;
    top: 150px;
    padding: 10px;
    background-color: #040675;
    line-height: 150%;
    border-radius: 5px;
    color: #fff;
    font-size: 9pt;
}

.user-search {
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    width: 50%;
}

.user-search input {
    width: calc(100% - 160px);
    border: 1px solid #cccce1;
    padding: 10px;
    border-radius: 5px;
}

.user-search A {
    margin-left: 10px;
    width: 150px;
    padding-top: 10px;
    background-color: #040675;
    border-radius: 5px;
    text-align: center;
    color: #fff;
}
/* CSR END */

/* MANUFACTURER START */

.manufacturer-layout {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    column-gap: 40px;
    row-gap: 30px;
}
@media (max-width: 1200px) {
    .manufacturer-layout {
        grid-template-columns: 100%;
    }
}
.manufacturer-content hr {
    margin: 30px 0;
}
.manufacturer-content__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    column-gap: 40px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.manufacturer-content__head-title {
    color: #040675;
    text-align: center;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.manufacturer-content__head-media img {
    max-height: 90px;
}
.manufacturer-content__body p {
    font-size: 14px;
}
.manufacturer-content__footer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 15px;
    row-gap: 20px;
    padding: 20px 0 40px 0;
}
.manufacturer-content__footer .literature-link {
    width: fit-content;
}
.manufacturer-content__footer-item {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    align-items: center;
    padding: 15px;
    width: 25%;
    max-width: 180px;
    text-align: center;
    transition: 0.2s ease-in-out;
}
.manufacturer-content__footer-item:hover {
    background-color: #fff;
}
.manufacturer-content__footer-item__media {
    display: flex;
    justify-content: center;
    align-items: center;
}
.manufacturer-content__footer-item__title {
    color: #000;
    text-align: center;
    font-size: clamp(14px, 1vw, 18px);
    font-style: normal;
    font-weight: 600;
    line-height: 1.2;
}
.manufacturers-related-prod {
    position: relative;
    background-color: #e2e8f3;
    padding: 25px;
}
.manufacturers-related-prod .prom-slid-nav {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
}