:root {
    --max-width:1860px;
    --min-width:1440px;
    --padding: 16px;
    --font-Inter: "Inter", sans-serif;
    --font-IBM: "IBM Plex Sans", sans-serif;
    --light-red: #7D6867;
    --dark-red: #645453;
    --main-red: #A43A37;
    --dark-gray: #3C3C3C;
    --body-text: #717171;
}
/*
    IBM Plex Sans Regular
    IBM Plex Sans SemiBold
    IBM Plex Sans Bold
    Inter Light             26 / 300
    Inter Regular           8 / 400
    Inter Medium            33 / 500
    Inter Semi Bold         30 / 600
    Inter Bold              9 / 700
*/
/* универсальные */
.IBM {
    font-family: var(--font-IBM);
    font-weight: 400;
}
.Inter {
    font-family: var(--font-Inter);
    font-weight: 400;
}

* {
	box-sizing: border-box;
}
body {
	font-family: var(--font-IBM);
    font-weight: 400;
    color: var(--body-text);
}
.container-full {
    width: 100%;
}
.container, .container-inner {
    width: min(100%, var(--max-width));
    padding-left: var(--padding);
    padding-right: var(--padding);
    margin-inline: auto;
}
.container-inner {
    width: min(100%, var(--min-width));
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

/* low-footer */
html, body {height: 100%;}
.wrapper {min-height: 100%;display: flex;flex-direction: column;}
.main {flex: 1 1 auto;}
/* /low-footer */

 @media (prefers-reduced-motion: no-preference) {
   .example {
     animation-name: zoomInDown;
     animation-duration: 1s;
     animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
     animation-delay: 0.3s;
     animation-fill-mode: both;
   }
 }

/* header navigation */
.header__navigation ul {
    display: none;
}
/* backgrouds */
.header--background {
    background-color: #F8F8F8;
}
.front_slide-background {
    background-image: url("../images/front-page-pic.webp");
    background-position: center;
    background-size: cover;
}
.usability-background {
    background-color: #F1F1F1;
}
.gkb-background {
    background-color: #FFFFFB;
}
.footer-background, .breads-background {
    background-color: #414141;
}
.page-background {
    background-color: #F2F1EE;
}
.page-background-inner {
    background-color: #FAFAFA;
}
.copyright-background {
    background-color: #303030;
}



/* header */
.header {
    padding:16px 0;
}
.header > .container {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-between;
}
.header__logotype {
    margin-bottom: 10px;
    width: min(100%, 576px);
    text-align: center;
    order: 0;
}
.header__navigation {
    order: 1;
    width: 40px;
    position: relative;
    height: 35px;
}
.header__language {
    width: 88px;
    height: 40px;
    background-color: white;
    border-radius: 3px;
    order: 3;
}
.header__language--footer {
    margin-left: auto;
}
.language-selector, .language-selector form {
    height: 40px;
    width: 88px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: white;
}
.wpml-ls-legacy-dropdown {
    width: 100%;
    height: 40px;
}
.wpml-ls-legacy-dropdown a {
    border: 0;
    padding-left:20px;
    padding-right: 20px;
    height: 40px;
    display: flex;
    align-items: center;
}
li.wpml-ls-current-language > a {
    font-weight: 700;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    content:" ";
    width: 24px;
    height: 8px;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99974 5.1707L11.9497 0.220703L13.3637 1.6357L6.99974 7.9997L0.635742 1.6357L2.04974 0.221704L6.99974 5.1707Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat:no-repeat;
    background-position: right;
    background-position-x: calc(100% - 10px);
    outline: none;
    border:0;
}
.header__contacts {
     order: 2;
     width: 184px;
    margin-left: 12px; /* mob */
 }
.email, .phone {
    display: flex;
    align-items: flex-end;
    position: relative;
    width: 184px;
    color: var(--light-red);
    text-decoration: none;
}

.email::before, .phone::before {
    padding-left: 7px;
    display: block;
    content: '';
    width: 17px;
    height: 15px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='14' viewBox='0 0 18 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.616 14C1.15533 14 0.771 13.846 0.463 13.538C0.155 13.23 0.000666667 12.8453 0 12.384V1.616C0 1.15533 0.154333 0.771 0.463 0.463C0.771667 0.155 1.15567 0.000666667 1.615 0H16.385C16.845 0 17.229 0.154333 17.537 0.463C17.845 0.771667 17.9993 1.156 18 1.616V12.385C18 12.845 17.8457 13.2293 17.537 13.538C17.2283 13.8467 16.8443 14.0007 16.385 14H1.616ZM9 7.116L1 1.885V12.385C1 12.5643 1.05767 12.7117 1.173 12.827C1.28833 12.9423 1.436 13 1.616 13H16.385C16.5643 13 16.7117 12.9423 16.827 12.827C16.9423 12.7117 17 12.564 17 12.384V1.884L9 7.116ZM9 6L16.692 1H1.308L9 6ZM1 1.885V1V12.385C1 12.5643 1.05767 12.7117 1.173 12.827C1.28833 12.9423 1.436 13 1.616 13H1V1.885Z' fill='%237D6867'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    margin: 0 0 -1px 0;
    transition: all 0.1s ease-in;
}
.phone {
    letter-spacing: -0.5px;
}
.phone::before {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.3997 9.59269L10.0253 8.08049C9.87246 8.01498 9.70564 7.98864 9.54 8.00386C9.37436 8.01908 9.21514 8.07537 9.07674 8.16764C9.06272 8.17669 9.04936 8.18672 9.03674 8.19764L7.27311 9.69769C7.25481 9.70767 7.23444 9.71325 7.21361 9.714C7.19278 9.71474 7.17207 9.71063 7.15311 9.70198C6.0195 9.15482 4.84517 7.98763 4.29587 6.86973C4.28672 6.85105 4.28196 6.83053 4.28196 6.80973C4.28196 6.78893 4.28672 6.76841 4.29587 6.74973L5.80092 4.96395C5.81173 4.95075 5.82175 4.93691 5.83092 4.92252C5.92191 4.78359 5.97688 4.62418 5.99084 4.45869C6.00481 4.29321 5.97734 4.12684 5.91092 3.97463L4.40944 0.605934C4.32417 0.407076 4.17671 0.241236 3.98919 0.133306C3.80166 0.0253749 3.58419 -0.0188247 3.36941 0.00734026C2.43597 0.130057 1.57914 0.58846 0.959057 1.29689C0.338971 2.00532 -0.00194841 2.91529 8.37698e-06 3.85677C8.37698e-06 9.44983 4.55016 14 10.1432 14C11.0846 14.0018 11.9945 13.6608 12.7029 13.0408C13.4113 12.4207 13.8698 11.564 13.9926 10.6306C14.0187 10.4168 13.9751 10.2003 13.8683 10.0133C13.7615 9.82631 13.5972 9.67878 13.3997 9.59269ZM10.1432 13.1428C5.02303 13.1428 0.85718 8.97695 0.85718 3.85677C0.854792 3.12383 1.11933 2.4151 1.60138 1.86299C2.08343 1.31087 2.75 0.953152 3.47655 0.856657H3.49298C3.52177 0.857194 3.54972 0.866416 3.57317 0.883114C3.59663 0.899812 3.61449 0.923207 3.62442 0.950232L5.13161 4.31535C5.14021 4.33406 5.14466 4.35441 5.14466 4.375C5.14466 4.39559 5.14021 4.41594 5.13161 4.43464L3.6237 6.22471C3.61251 6.23753 3.60224 6.25114 3.59299 6.26543C3.49863 6.40947 3.44307 6.57544 3.43168 6.74726C3.42029 6.91909 3.45346 7.09094 3.52798 7.24618C4.16158 8.54337 5.46876 9.84056 6.78024 10.4741C6.93638 10.5483 7.10907 10.5806 7.28146 10.5681C7.45384 10.5556 7.62004 10.4986 7.76384 10.4027C7.77741 10.3934 7.79098 10.3834 7.80384 10.3727L9.56676 8.87266C9.58417 8.86331 9.6034 8.85783 9.62312 8.85659C9.64285 8.85536 9.66261 8.85841 9.68105 8.86552L13.0562 10.3777C13.0837 10.3895 13.1069 10.4096 13.1224 10.4352C13.1379 10.4608 13.145 10.4907 13.1426 10.5206C13.0466 11.2475 12.6892 11.9145 12.1372 12.3971C11.5852 12.8797 10.8764 13.1448 10.1432 13.1428Z' fill='%237D6867'/%3E%3C/svg%3E%0A");
}

#pull svg path {
    transition: all 0.5s ease-in-out;
}
#pull.active svg path {
    fill: var(--light-red);
    stroke: var(--light-red);
}
/* pull & navigation */
#pull {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    top: 10px;
    left: 4px;
    height: 26px;
    width: 26px;
    padding: 4px 0 0 0;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: var(--light-red)
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
#pull.active .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}
#pull.active .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
    /*background-color: white;*/
}
#pull.active .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
/*    background-color: white;*/
}
#pull.active {
    /*background-color: var(--light-red);*/
    border-radius: 90%;
    width: 26px;
    height: 26px;
}

.header__navigation nav > ul.menu-open {
    position: absolute;
    display: block;
    background-color: white;
    width: 340px;
    z-index: 1;
    list-style-type: none;
    border-radius: 3px;
    margin: 0;
    left: -8px;
    box-shadow: 1px 1px 5px #ccc;
}
ul.menu-open > li > a {
    display: block;
    padding: 12px 8px 12px 10px;
    text-decoration: none;
    color:var(--dark-gray)
}
ul.menu-open > li {
    position: relative;
}
ul.menu-open li.sub-menu::after {
    position: absolute;
    right: 20px;
    top: 20px;
    content: '';
    width: 10px;
    height: 7px;
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='%23A43A37' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2L5 7L10 2L8 0L5 3L2 0Z' /%3E%3C/svg%3E%0A");
    margin-left: 0;
    line-height: 0;
    z-index: 10;
    transition: all 0.2s ease-out;
}
ul.menu-open li.sub-menu.parent-active-sub::after {
    transform: rotate(-180deg);
}
.current-menu-item > a, .current_page_item > a, .header__navigation nav > ul > li.current-menu-ancestor > a,
.current-page-ancestor > a {
    font-weight: bold;
}
.sub-menu ul {
    margin: 0;
    padding-left: 24px;
    list-style-type: none;
}
.sub-menu ul li a {
    display: block;
    text-decoration: none;
    color:var(--dark-gray);
    padding: 6px 8px 6px 0;
}

/* front-page */
/* paddings */
.front-slide, .front-block {
    padding-top: 40px;
    padding-bottom: 40px;
}
.footer {
    padding-top: 40px;
    padding-bottom: 20px;
}
.page-header {
    padding-top: 40px;
}
.bent-categories-list, .page-background-inner {
    padding-top: 20px;
    padding-bottom: 40px;
}
.page-background-inner.page-background-inner-pages-list {
    padding-bottom: 2px;
}
/* front slide */
.front-slide {
    padding-left: 30px;
}
.company_name h1 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 21px;
    font-weight: bold;
    color:white;
}
.company_desc p {
    margin-top: 5px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color:white;
}
.company_about p {
    color:white;
    font-size: 14px;
    line-height: 140%;
}
.front-slide__left {
    border-bottom: 1px solid #FFFFFF80; /* mob */
    padding-bottom: 10px; /* mob */
}
.company_about_details {
    font-family: var(--font-Inter);
    list-style-type: none;
    color: white;
    line-height: 160%;
    margin-left: 0;
    padding-left: 0;
}
/* usability-list */
.front-block-header h2, .front-block-header h3 {
    margin: 0;
    padding-bottom: 10px;
    color:var(--dark-gray);
    border-bottom: 2px solid var(--dark-gray);
}
.usability-list {
    display: flex;
    row-gap: 30px;
    column-gap: 10px;
    flex-wrap: wrap;
}
.usability-list > a {
    display: inline-block;
    width: calc(35% - var(--padding));
    font-family: var(--font-Inter);
    color:var(--dark-gray);
    text-decoration: none;
    font-size: 12px;
    text-align: center;
}
.usability-list > a p {
    min-height: 60px;
    margin-bottom: 0;
}
.usability-list > a img {
    background-color: white;
    border-radius: 60%;
    padding:10px;
    transition: all 0.2s ease-out;
    border:2px solid white;
}

.usability-list > a:hover {
    color: var(--main-red);
}
.usability-list > a:hover img {
    border:2px solid var(--main-red);
    box-shadow: 1px 1px 5px #ccc;
}

/* gkb */
.bent-intro p {
    color:#3E3E3E;
    line-height: 140%;
}
.bent-map {
    display: none;
}

/* footer */
.copyright {
    font-family: var(--font-Inter);
    text-align: center;
    font-size: 12px;
    color:#C6C6C680;
}
.footer-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}
.footer_column {
    width: min(calc(50% - var(--padding)), 346px);
}
.footer_column_name {
    font-family: var(--font-Inter);
    text-transform: uppercase;
    color:#F8F8F8;
    font-weight: bold;
}
.footer_column_content ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}
.footer_column_content > ul > li > a {
    text-decoration: none;
    color:#DEDEDE;
    font-size: 13px;
}
.footer_column_content > ul > li > a:hover {
    text-decoration: underline;
}


/* buttons */
.button {
    display: flex;
    width: min(100%,462px);
    background-color: var(--body-text);
    padding: 19px 33px; /*mob*/
    border:1px solid #9F9F9F;
    border-radius: 3px;
    color:#D6D6D6;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    font-family: var(--font-Inter);
    justify-content: center;
    align-content: center;
    transition: all 0.2s ease-out;
}
.button--feedback {
    padding: 14px 8px;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 10px;
}
.button:hover {
    color: white;
    background-color: var(--main-red);
    border-color: var(--main-red);
}

/* PRODUCTION */
.breadcrumbs {
    min-height: 42px;
    font-size: 12px;
    display: flex;
    align-items: center;
    color:#A8A8A8;
}
.breadcrumbs span {
    /* margin-left: 5px;*/
    margin-right: 2px;
}
.breadcrumbs span a {
    text-decoration: none;
    color:#A8A8A8;
    line-height: 80%;
}
.breadcrumbs span a:hover {
    text-decoration: underline;
}
.breadcrumbs > span > span:first-child > a {
    color:#FFF;
}

/* PAGE STRUCTURE */
.page-header h1 {
    margin-top: 0;
    font-weight: 600;
    color:black;
    font-size: 26px;
    line-height: 0.8;
}

/* INTRO */
.cat-intro {
    background-color: #FAFAFA;
    padding-top: 18px;
    padding-bottom: 18px;
    margin-bottom: 18px;
}
.about-bentonite__header p {
    color:var(--main-red);
    font-weight: 600;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 18px;
}
.about-bentonite__text {
    padding-top: 15px;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}
.about-bentonite__text a, .company__url a {
    font-weight: 600;
    color:var(--main-red);
}
.company__url {
    color: black;
    font-weight: 600;
}
.cat-intro-column--right {
    display: none;
}
.about-bentonite__text p, .about-bentonite__text a {
    display: inline;
}

.bent-categories-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.bent-single {
    width: min(calc(50% - var(--padding)), 320px);
    background-color: white;
    padding-top: 10px;
    padding-bottom: 20px;
    transition: all 0.2s ease-out;
}
.bent-single-img {
    text-align: center;
}
.bent-single img {
    max-width: 108px; /* mob 138 */
    height: auto;
}
.bent-single-name {
    position: relative;
    font-family: var(--font-Inter);
    color:var(--dark-gray);
    font-weight: 600;
    min-height: 46px;
    font-size: 12px;
    padding-left:20px;
    padding-right: 5px;
    transition: all 0.2s ease-out;
}
.bent-single-name::before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 40px;
    background-color: var(--main-red);
}
.bent-single ul{
    margin: 0;
    padding: 0 5px 0 30px;
    font-size: 11px;
}
.bent-single ul li {
    margin-bottom: 5px;
    margin-top: 5px;
}
.bent-single a {
    text-decoration: none;
    color:#383838;
}
.bent-single:hover .bent-single-name  {
    color:var(--main-red);
}
.bent-single a:hover {
    text-decoration: underline;
}

    /* SINGLE PAGE */
.container-inner.featured-image {
    padding: 0;
    font-size: 0;
}
.container-inner.featured-image img {
    width: 100%;
    height: auto;
    max-height: 573px;
}
/*
.container-inner.featured-image img {
    width: 100%;
} */
.featured-image-swiper {
    overflow: hidden;
    height: 573px;
}
.featured-image-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page h2 {
    margin-top: 30px;
    font-weight: 600;
    line-height: 0.9;
}
.page h2:first-child{
    margin-top: 0;
}
.page h2, .page h3 {
    color:var(--dark-gray);
}
.page p {
    line-height: 140%;
}
.page .wp-block-list {
    display: flex;
    flex-direction: column;
    gap: 10px;
    line-height: 140%;
    list-style-position: inside;
}
.page p > a {
    color: black;
}
.page p > a:hover {
    text-decoration: none;
}
.last-item-contacts > ul > li:last-child {
    margin-top: 20px;
}

/* Вводная страница по типу продукции */
.inner-pages-header {
    width: 100%;
    height: 60px;
    display: flex;
    align-items: center;
}
.inner-pages-header p {
    position: relative;
    margin-top: 0;
    font-weight: 600;
    color: black;
    font-size: 22px;
    line-height: 0.8;
    padding-left: 28px;
}
.inner-pages-header p::before {
     content: ' ';
     display: flex;
     position: absolute;
     left: 0;
     top: 0;
     width: 10px;
     height: 100%;
     background-color: var(--main-red);
 }

.inner-pages-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}
.inner-pages-list--thumb {
    width: min(30%, 174px);
    border-radius: 100%;
    border:1px solid white;
    background-color: white;
    padding: 10px;
    font-size: 0;
}
.inner-pages-list--thumb img {
    width: 100%;
    height: auto;
    font-size: 0;
}
.inner-pages-list--list {
    width: 70%;
}
.inner-pages-list--list ul {
    padding: 0 0 0 30px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}
.inner-pages-list--list a {
    color:#383838;
    text-decoration: none;
    font-size: 14px;
}
.inner-pages-list--list a:hover {
    text-decoration: underline;
}
.nav-pages-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.nav-pages-list a {
    color: var(--dark-gray);
}
.nav-pages-list a:hover {
    text-decoration: none;
}
/* вложенные страницы + анонс */
.page-background-inner.page-background-inner-pages-list.inner-pages-intro {
    padding-bottom: 0;
}
.inner-pages-intro p {
    margin-bottom: 0;
}
.nav-pages-list.inner-pages-list-top {
    padding-top: 0;
}
.factory-url a {
    display: inline-flex;
    position: relative;
    color:var(--main-red);
    align-items: center;
}
.factory-url a::before {
    display: block;
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_497_2)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99973 22.392C11.7392 25.7057 19.0783 23.7392 22.392 17.9997C25.7057 12.2602 23.7392 4.92113 17.9997 1.60742C12.2602 -1.70629 4.92113 0.260215 1.60742 5.99973C-1.70629 11.7392 0.260215 19.0783 5.99973 22.392ZM16.6817 7.31864C17.9821 7.31864 19.0875 7.7738 19.9979 8.68412C20.9082 9.59444 21.3633 10.6998 21.3633 12.0003C21.3633 13.3007 20.9082 14.4061 19.9979 15.3165C19.0875 16.2268 17.9822 16.6819 16.6817 16.6819L13.8207 16.6819C13.5606 16.6819 13.3005 16.5519 13.1705 16.4218C13.0404 16.2918 12.9104 16.0317 12.9104 15.7716C12.9104 15.2514 13.3005 14.8613 13.8207 14.8613L16.6817 14.8613C17.462 14.8613 18.1772 14.5362 18.6974 14.016C19.2176 13.4958 19.5427 12.7806 19.5427 12.0003C19.5427 10.4397 18.2422 9.13928 16.6817 9.13928L13.8207 9.13928C13.3005 9.13928 12.9104 8.74914 12.9104 8.22896C12.9104 7.70878 13.3005 7.31864 13.8207 7.31864L16.6817 7.31864ZM10.1141 9.20399C10.6343 9.20399 11.0244 8.81385 11.0244 8.29367C11.0244 7.77349 10.6343 7.38335 10.1141 7.38335L7.3181 7.31833C6.01764 7.31833 4.91225 7.77349 4.00193 8.68381C3.09161 9.59413 2.63645 10.6995 2.63645 12C2.63645 13.3004 3.09161 14.4058 4.00193 15.3161C4.91225 16.2265 6.01764 16.6816 7.3181 16.6816L10.1791 16.6816C10.6993 16.6816 11.0894 16.2915 11.0894 15.7713C11.0894 15.2511 10.6993 14.861 10.1791 14.861L7.3181 14.861C5.75755 14.861 4.45709 13.5605 4.45709 12C4.45709 11.2197 4.78221 10.5044 5.30239 9.98427C5.82257 9.46408 6.53783 9.13897 7.3181 9.13897L10.1141 9.20399ZM8.48878 12.6495C8.35874 12.5195 8.22869 12.2594 8.22869 11.9993C8.22869 11.4791 8.68385 11.024 9.13901 11.089L14.731 11.089C15.2512 11.089 15.6413 11.4791 15.6413 11.9993C15.6413 12.5195 15.2512 12.9096 14.731 12.9096L9.13901 12.9096C8.87892 12.9096 8.61883 12.7796 8.48878 12.6495Z' fill='%23A43A37'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_497_2'%3E%3Crect width='24' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 24px;
    height: 24px;
    margin-right: 10px;
}
.wp-block-quote {
    border:2px solid var(--main-red);
    padding:15px;
    margin: 10px;
}
.wp-block-quote p {
    margin: 0;
}
.wp-block-file:not(.wp-element-button) {
    font-size: inherit;
}
.wp-block-file a {
    color:#383838;
    text-decoration: none;
    border-bottom: 1px solid #383838;
    transition: all 0.2s ease-in-out;
}
.wp-block-file a:hover {
    border-bottom-color: white;
}
.privacy-policy-page-link {
    display: block;
    margin-top: 20px;
    font-size: 12px;
    color: #C6C6C660;
    text-decoration: none;
}



    /* navigation */
.navigation {width:100%;margin:45px 0 0 0;display: flex;justify-content: center;}
.wp-pagenavi, .ngg-navigation {font-size:1em;}
.wp-pagenavi {display: flex;justify-content: center;width: min(100%,600px);}
.ngg-navigation {padding-bottom: 5px!important;}
.wp-pagenavi a, .wp-pagenavi span {border:0!important;padding: 8px 13px!important;color:white;
    background-color: #aaa;border-radius: 6px;text-decoration: none;transition: background 0.2s ease-in; }
.wp-pagenavi a, .wp-pagenavi span {margin:0 3px;}
.wp-pagenavi a:hover {background-color: var(--main-red);}
.ngg-navigation a, .ngg-navigation span {border:0!important;}
.wp-pagenavi span.current  {font-weight:500;background-color:var(--light-red);color:#fff;border:1px solid #aaa;border-radius: 6px;}
.nextpostslink, .previouspostslink {color:var(--light-red);}
.ngg-navigation span.current  {background-color:#aaa;color:#fff;border:1px solid #aaa;border-radius: 6px;padding:3px 8px;}
.ngg-navigation a.page-numbers:hover {background:0;}
.ngg-navigation a.next:hover, .ngg-navigation a.page-numbers:hover, .ngg-navigation a.prev:hover, .ngg-navigation span.next:hover, .ngg-navigation span.page-numbers:hover, .ngg-navigation span.prev:hover {background-color:#479DEB!important;color:#fff!important;border-radius: 6px;}

/* wordpress restyle */
.wp-element-caption em {
    font-family: var(--font-Inter);
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
}

/* CF7 forms */
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"],
.wpcf7-form input[type="submit"], .wpcf7-form textarea{
    width: 100%;
    max-width: 900px;
    margin: 5px 0;
    font-family: inherit;
}
.wpcf7-response-output {
    max-width: 900px;
}
.wpcf7-form input[type="text"], .wpcf7-form input[type="email"], .wpcf7-form input[type="tel"] {
    height: 40px;
    background: #fff;
    border: 1px solid #cfd1d2;
    border-radius: 5px;
    outline: none;
    padding: 0 10px;
}
.wpcf7-form textarea {
    background: #fff;
    border: 1px solid #cfd1d2;
    border-radius: 5px;
    outline: none;
    padding: 10px;
    resize: none;
}
.wpcf7-form input[type="submit"] {
    background: var(--main-red);
    font-weight: bold;
    color: #fff;
    padding: 14px 15px 13px;
    display: inline-block;
    text-transform: uppercase;
    border-radius: 5px;
    min-width: 160px;
    cursor: pointer;
    border: none;
    outline: none;
}
.wpcf7-list-item {
    margin: 0;
}
.wpcf7-acceptance {
    display: block;
    margin: 0 0 10px 0;
}
.gal50 {
    width: min(100%, 600px);
}

@media screen and (min-width: 576px) {
    .usability-list > a {
        width: min(calc(25% - var(--padding)), 260px);
    }
    .usability-list {
        column-gap: 20px;
    }
    .front-slide {
        padding-right: 30px;
    }
    .bent-single-name {
        font-size: 16px;
    }
    .bent-single ul {
        font-size: 13px;
        }
    .inner-pages-list--list ul {
        gap:10px;
    }
    .inner-pages-list--list a {
        font-size: 16px;
    }
}


@media screen and (min-width: 768px) {
    .header__logotype {
        width: 247px;
    }
    .header__contacts {
        order: 1;
    }
    .header__language {
        order: 2;
    }
    .header__navigation {
        width: min(100%, 830px);
        order: 3;
    }

    .header__navigation #pull {
        display: none;
    }
    .header__navigation nav > ul {
        display: flex;
        justify-content: space-between;
    }
    .header__navigation li.sub-menu ul {
        display: none;
        position: absolute;
        z-index: 5;
    }
    .header__navigation nav > ul {
        z-index: 1;
        list-style-type: none;
        padding: 0;
        margin: 16px 0 0 0;
    }
    .header__navigation li {
        position: relative;
    }
    .header__navigation li a {
        display: block;
        text-decoration: none;
        color:var(--dark-gray);
        font-size: 15px;
        padding: 3px 7px;
        border:1px solid transparent;
        cursor: pointer;
    }
    .header__navigation nav > ul > li > a {
        text-transform: uppercase;
    }
    .header__navigation nav > ul > li > a:hover {
        text-decoration: underline;
    }
    .header__navigation li.sub-menu.active-sub > a,
    .header__navigation li.sub-menu:hover > a {
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        border-left: 1px solid var(--main-red);
        border-top: 1px solid var(--main-red);
        border-right: 1px solid var(--main-red);
        background-color: var(--main-red);
        color: white;
        box-shadow: 1px 1px 5px #ccc;
        text-decoration: none;
        /*padding-right: 20px;*/
    }
    .header__navigation li.sub-menu.active-sub ul, .header__navigation li.sub-menu:hover ul {
        display: block;
        list-style-type: none;
        background-color: white;
        padding: 0;
        margin: 0;
        border:1px solid var(--main-red);
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    .header__navigation li.sub-menu ul a {
        width: 320px;
        display: block;
        /*padding: 10px;*/
        padding: 12px 10px 12px 20px;

    }
    .header__navigation li.sub-menu ul a:hover {
        color:white;
        background-color: var(--main-red);
    }
    .sub-menu--right ul {
        right: 0;
    }
    .header__navigation nav > ul > li.sub-menu {
        padding-right: 20px;
    }
    .header__navigation li.sub-menu::after {
        display: inline-block;
        position: absolute;
        right: 12px;
        top: 0;
        content: '';
        width: 12px;
        height: 26px;
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='%233C3C3C' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2L5 7L10 2L8 0L5 3L2 0Z' /%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        background-color: transparent;
        margin-left: 0;
        line-height: 0;
        z-index: 10;
        /*transition: transform 0.2s ease-out;*/

    }
    .header__navigation li.sub-menu.active-sub > a, .header__navigation li.sub-menu:hover > a {
        /*padding-right: 20px;*/
    }
    .header__navigation li.sub-menu.active-sub::after  {
        transform: rotate(-180deg);
        background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='%23FFF' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2L5 7L10 2L8 0L5 3L2 0Z' /%3E%3C/svg%3E%0A");
        background-color: var(--main-red);
    }


    .usability-list > a {
        font-size: 14px;
        font-weight: 500;
    }
    .footer_column {
        width: min(calc(25% - var(--padding)), 346px);
    }
    .company_name h1  {
        font-size: 34px;
    }
    .company_desc p {
        margin-top: 0;
        font-size: 28px;
    }
    .company_about p {
        font-size: 26px;
        margin-bottom: 5px;
    }
    .company_about_details {
        font-size: 18px;
    }
    .front-block-header h2, .front-block-header h3 {
        font-size: 24px;
    }
    .bent-intro p {
        font-size: 18px;
    }
    .usability-list > a img{
        max-width: 174px;
    }
    .breadcrumbs {
        font-size: 14px;
    }
    .page-background {
        padding-bottom: 60px;
    }
}
@media screen and (min-width: 992px) {
    .cat-intro.container-inner {
        padding: 0;
    }
    .cat-intro-column--left {
        width: min(35%, 500px);
        padding-right: 60px;
    }
    .cat-intro-column--right {
        display: block;
        width: min(65%, 926px);
        height: 100%;
        font-size: 0;
    }
    .cat-intro {
        display: flex;
    }
    .about-bentonite__header {
        padding-left: 44px;
        padding-top: 18px;
    }
    .about-bentonite__text {
        padding-left: 44px;
        font-size: 12px;
    }
    .bent-single {
        width: min(calc(33% - var(--padding)), 320px);
    }
    .inner-pages-list--list ul {
        padding-left: 50px;
    }

}

@media screen and (min-width: 1200px) {
    .header__navigation {
        order:1;
        width: min(100%, 600px);
        height: unset;
    }
    .header__language {
        order: 2;
    }
    .header__contacts {
        order: 3;
    }
    .email, .phone {
        width: 157px;
    }
    .header__logotype {
        margin-bottom: 0;
    }
    .header__navigation nav > ul {
        margin-top: 0;
    }
    .header__navigation li.sub-menu:hover::after {
        background-image:url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='%23A43A37' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 0L0 2L5 7L10 2L8 0L5 3L2 0Z' /%3E%3C/svg%3E%0A");
        transform: rotate(-180deg);
    }
    .header > .container {
        height: 60px;
        align-items: center;
    }
    .header__navigation li a {
        font-size: 12px;
    }
    .header__navigation li.sub-menu::after {
        top: -3px;
    }
    .front-slide__left{
        width: 60%;
        padding: 0;
        border-bottom: 0;
    }
    .front-slide__right {
        width: 40%;
        padding-left: 106px;
        border-left:1px solid #FFFFFF80;
    }
    .front-slide {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .company_about p {
        margin-bottom: 0;
    }
    .company_about_details {
        margin: 0;
        padding: 0;
        max-width: 376px;
        font-size: 20px;
    }
    .company_about_details li {
        margin-top: 20px;
        margin-bottom: 20px;
        line-height: 120%;
    }
    .front-slide{
        padding-top: 160px;
        padding-bottom: 160px;
    }
    .front-block {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .footer {
        padding-top: 60px;
        padding-bottom: 40px;
    }
    .page-header {
        padding-top: 60px;
    }
    .bent-categories-list, .page-background-inner {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .page-background-inner--form .wpcf7 {
        width: min(100%, 900px);
        margin-left: auto;
        margin-right: auto;
    }
    .page-background-inner-pages-list {
        padding-bottom: 0;
    }
    .page-background-inner.inner-pages-list {
        padding-top: 20px;
    }
    .page-background-inner.inner-pages-list ul {
        margin: 0;
    }
    .usability-list > a {
        width: min(calc(20% - var(--padding)), 260px);
    }
    .bent-map {
        display: block;
        position: relative;
        margin-top: 40px;
    }
    .bent-map a {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        text-decoration: none;
        color:black;
        font-weight: 700;
        transition: all 0.15s ease-out;
    }
    .bent-map a:hover {
        color:var(--main-red);
        /*border-bottom: 2px solid black;*/
    }
    .bent-map a::after{
        position: absolute;
        width: 0;
        content: ' ';
        height: 2px;
        background-color: var(--main-red);
        left: 0;
        bottom: -2px;
        transition: all 0.15s ease-out;
    }
    .bent-map a:hover::after{
        width: 100%;
    }
    /* map links */
    a.bent-link-glp {
        top: 250px;
        left: 50px;
    }
    a.bent-link-lead {
        top: 274px;
        left: 50px;
    }
    a.bent-link-uk {
        top: 300px;
        left: 185px;
        font-size: 20px;
        color:var(--main-red);
    }
    .bent-map a.bent-link-uk:hover::after {
        width: 0;
    }
    a.bent-link-spol {
        top: 324px;
        left: 185px;
    }
    a.bent-link-kzmp {
        top: 376px;
        left: 58px;
    }
    a.bent-link-bior {
        top: 396px;
        left: 58px;
    }
    a.bent-link-btzl {
        top: 386px;
        left: 404px;
    }
    a.bent-link-kurg {
        top: 406px;
        left: 404px;
    }
    a.bent-link-bkh {
        top: 470px;
        left: 590px;
    }
    a.bent-link-azrpi {
        top: 500px;
    }
    a.bent-link-tgb {
        top: 575px;
        left: 528px;
    }
    a.bent-link-sorb {
        top: 595px;
        left: 528px;
    }
    .bent-map .img-fluid {
        width: 1168px;
        max-width: 1168px;
    }

    .bent-intro {
        display: flex;
        column-gap: 110px;
    }
    .bent-intro p {
        line-height: 180%;
    }
    .footer_column_content > ul {
        row-gap: 10px;
    }
    .about-bentonite__text, .company__url {
        font-size: 15px;
    }
    .bent-single {
        width: min(calc(25% - var(--padding)), 320px);
    }
    .wp-block-quote {
        border:2px solid var(--main-red);
        margin: 50px;
    }
    .page-background-inner .wp-block-quote p {
        max-width: 100%;
    }
}

@media screen and (min-width: 1400px) {
    .header__contacts {
        margin-left: 0;
    }
    .header__navigation {
        width: min(100%, 700px);
    }
    .header__navigation li a {
        font-size: 14px;
    }
    .header__navigation li.sub-menu::after {
        top: -1px;
    }
    .company_name h1{
        font-size: 48px;
    }
    .company_desc p {
        font-size: 40px;
    }
    .company_about p {
        font-size: 39px;
    }
    .company_about_details {
        font-size: 23px;
    }
    .front-slide__left {
        width: 66%;
    }
    .front-slide__right {
        width: 34%;
        padding-left: 80px;
    }
    .front-block-header h2, .front-block-header h3 {
        font-size: 30px;
        border-bottom: 3px solid var(--dark-gray);
    }
    .usability-list {
        margin-top: 30px;
        margin-bottom: 30px;
    }
    .usability-list > a {
        font-size: 18px;
        padding-bottom: 20px;
        }
    .bent-intro {
        margin-top: 40px;
        margin-bottom: 30px;
        }
    .bent-intro p{
        font-size: 20px;
        margin: 0;
        }
    .button {
        font-size: 18px;
    }
    .button--feedback {
        margin-top: 38px;
    }
    .footer {
        padding-top: 144px;
        padding-bottom: 80px;
        }
    .footer_column_name {
        font-size: 16px;
    }
    .footer_column_content > ul > li > a {
        font-size: 16px;
    }
    .footer_column_content > ul{
        row-gap: 18px;
        }
    .footer_column .footer_column_name:last-child p {
        margin-top: 5px;
    }
    .copyright {
        font-size: 16px;
        }
    .page-header h1  {
        font-size: 38px;
    }
    .page-background {
        padding-bottom: 90px;
        }
    .page-background-inner {
        padding-left: 110px;
        padding-top: 44px; /* 88 - 14.01.2025 */
        padding-bottom: 100px;
        padding-right: 110px; /* ? */
    }
    .nav-pages-list.inner-pages-list-top {
        padding-top: 20px;
    }
    .page-background-inner.page-background-inner-pages-list {
        padding-bottom: 20px;
    }
    .page-background-inner.page-background-inner-pages-list.inner-pages-intro {
        padding-bottom: 0;
    }
    .page-background-inner .wp-block-image {
        padding-left: 30px;
        /* padding-right: 118px;  */
    }

    /* ограничение контента и отступ слева на большом экране */
    .page-background-inner p {
        /* max-width: 900px;*/
        padding-left: 30px;
    }
    .inner-pages-header, .inner-pages-list--thumb {
        margin-left: 30px;
    }
    .inner-pages-list--thumb {
        max-width: 174px;
        max-height: 174px;
    }
    .inner-pages-list--list a {
        font-size: 20px;
    }
    .page-background-inner  .wp-block-list {
        max-width: 900px;
    }
    .page h2 {
        margin-top: 60px;
        }
    .page p {
        line-height: 160%;
        font-size: 18px;
    }
    .page .wp-block-list {
        font-size: 17px;
        line-height: 160%;
    }
    .about-bentonite__header p {
        font-size: 27px;
    }
    .about-bentonite__text, .company__url {
        font-size: 18px;
        line-height: 160%;
        }
    .cat-intro-column--left {
        width: 513px;
        }
    .bent-single-name {
        font-size: 21px;
        padding-right: 18px;
        padding-left: 28px;
        }
    .bent-single ul {
        font-size: 16px;
        padding-left: 45px;
        }
    .bent-categories-list {
        justify-content: start;
        row-gap: 50px;
        column-gap: 22px;
    }
    .bent-single {
        min-height: 420px;
        }
    .about-bentonite__text {
        padding-top: 30px;
    }
    .inner-pages-header {
        margin-bottom: 20px;
    }
    .inner-pages-header p {
        font-size: 30px;
    }


    /* map links */
    .bent-map a {
        font-size: 18px;
    }
    a.bent-link-glp {
        top: 306px;
        left: 55px;
    }
    a.bent-link-lead {
        top: 326px;
        left: 55px;
    }
    a.bent-link-uk {
        top: 360px;
        left: 222px;
        font-size: 24px;
    }
    a.bent-link-spol {
        top: 392px;
        left: 222px;
    }
    a.bent-link-kzmp {
        top: 446px;
        left: 58px;
    }
    a.bent-link-bior {
        top: 466px;
        left: 58px;
    }
    a.bent-link-btzl {
        top: 460px;
        left: 474px;
    }
    a.bent-link-kurg {
        top: 480px;
        left: 474px;
    }
    a.bent-link-bkh {
        top: 558px;
        left: 691px;
    }
    a.bent-link-azrpi {
        top: 590px;
    }
    a.bent-link-tgb {
        top: 677px;
        left: 617px;
    }
    a.bent-link-sorb {
        top: 697px;
        left: 617px;
    }
    .bent-map .img-fluid {
        width: 1368px;
        max-width: 1368px;
    }

    }
@media screen and (min-width: 1440px) {
    .header > .container {
        height: 102px;
    }
    .bent-categories-list {
        column-gap: 40px;
    }

}
@media screen and (min-width: 1600px) {
    .header__navigation {
        width: min(100%, 830px);
    }
    .header__navigation li a {
        font-size: 18px;
    }
    .header__navigation li.sub-menu::after {
        top: 0;
        right:8px;
    }
    .container-inner.bent-cat {
        padding-left: 0;
        padding-right: 0;
    }
    .bent-categories-list {
        column-gap: 53px;
    }
    /* map links */
    a.bent-link-glp {
        top: 320px;
        left: 58px;
    }
    a.bent-link-lead {
        top: 344px;
        left: 58px;
    }
    a.bent-link-uk {
        top: 367px;
        left: 222px;
        font-size: 24px;
    }
    a.bent-link-spol {
        top: 400px;
        left: 222px;
    }
    a.bent-link-kzmp {
        top: 462px;
        left: 70px;
    }
    a.bent-link-bior {
        top: 486px;
        left: 70px;
    }
    a.bent-link-btzl {
        top: 474px;
        left: 484px;
    }
    a.bent-link-kurg {
        top: 498px;
        left: 484px;
    }
    a.bent-link-bkh {
        top: 580px;
        left: 722px;
    }
    a.bent-link-azrpi {
        top: 612px;
    }
    a.bent-link-tgb {
        top: 705px;
        left: 651px;
    }
    a.bent-link-sorb {
        top: 728px;
        left: 651px;
    }
    .bent-map .img-fluid {
        width: 100%;
        max-width: 100%;
    }
}
