@charset "UTF-8";
:root {
    --window-padding: 20px;
    --max-container-width: 1180px;
    --sidebar-width: 250px;
}
@font-face {
    font-family: 'Calama_new';
    src: url('/wp-content/themes/twentytwenty/css/font/Calama_new.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'ClearSans-Medium';
    src: url('/wp-content/themes/twentytwenty/css/font/ClearSans-Medium.ttf') format('truetype'); /* Safari, Android, iOS */
}
html,
body {
    width: 100%;
    height: 100%;
}
a.added_to_cart.wc-forward {
    display: none;
}
p {
    margin: 18px 0;
}
.page-template-default h1 {
    margin-bottom: 50px;
}
.field.field--name-field-paragraph-gallery a img {
    width: 98%;
}
.header--top .region__inner,
.header--middle .region__inner,
.header--bottom .region__inner {
    max-width: 1180px;
    margin: 0 auto;
}
.view-populyarnye-tovary .woocommerce ul.products li.product .price, .woocommerce .related ul.products li.product .price{
    position: initial;
    margin-bottom: 20px;
}
.view-populyarnye-tovary .woocommerce ul.products li.product .add_to_cart_button, .woocommerce .related ul.products li.product .add_to_cart_button{
    margin-left: 0 !important;
    width: 100%;
}
.layout__content {
    max-width: 1180px;
    margin: 0 auto;
}
.related.products, .up-sells {
 
    width: 100%;
}
table.variations td select {
    appearance: none;
    border: 2px solid #FFEAE5;
    outline: none;
    cursor: pointer;
    text-overflow: ellipsis;
    height: 38px;
    min-width: 65px;
    max-width: 236px;
    padding: 0 40px 0 10px;
    text-align: left;
    font-size: 18px;
    line-height: 21px;
    background-color: #fff;
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
	margin-top: 25px;
}

table.variations td, table.variations th {
    padding: 0;
    position: relative;
}
table.variations {
    margin-bottom: 25px;
}
.woocommerce-variation.single_variation {
    margin-bottom: 25px;
}
table.variations label {
    position: absolute;
    left: 8px;
    top: 19px;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 0 4px;
    background: #fff;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 14px;
    opacity: 0.8;
}
select.SS_SELECT {
    appearance: none;
    outline: none;
    border: none;
    height: 41px;
    width: 100%;
    max-width: 525px;
    background: #fff;
    padding: 10px 40px 10px 10px;
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    font-size: 18px;
    line-height: 21px;
    color: var(--textColor);
    text-overflow: ellipsis;
    cursor: pointer;
	    margin-left: 30px;
}
.SS_CAST:before {
    content: '';
    display: block;
    width: 20px;
    height: 19px;
    background-image: url(/wp-content/themes/twentytwenty/images/address-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 10px;
}
 .SS_CAST {
    position: relative;
}
.SS_SELECT_BTN {
    margin: 30px auto !important;
    background: none;
    outline: none;
    border: 2px solid var(--darkgreen) !important;
    box-shadow: none !important;
    text-decoration: none;
    text-transform: none !important;
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 200px;
    height: 50px;
    background: var(--darkgreen) !important;
    color: #FFFFFF;
    padding: 10px 20px !important;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 18px;
    white-space: nowrap;
    transition: 200ms linear;
    cursor: pointer;
}
.SS_SELECT_BTN:hover {
    border-color: #C0DEDF !important;
    background: #C0DEDF !important;
    color: var(--darkgreen);
}
.m-bot {
    margin-bottom: 100px;
}
.page-node-type-layout-builder-page .layout__content {
    max-width: 100%;
}

/* @media all and (max-width: 1200px) {
  .product-template-default .region-content {
    padding-left: 20px;
    padding-right: 20px; } } */
.woocommerce-result-count,
.woocommerce-ordering {
    display: none;
}
.news-full--body p,
.project-full--body p {
    margin: 18px 0;
}
.project-full--top {
    justify-content: space-between;
}
.project-full--info {
    width: 50%;
}
.project-full--logo {
    width: 45%;
}
.woocommerce ul.products li.product {
    padding: 20px !important;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0px 0px 30px 0px #182c2d1a;
}
.coating-full--right ol {
    padding-left: 40px;
}
.woocommerce ul.products li.product img {
    max-width: 100%;
    display: block;
    width: 160px;
    height: 160px;
    object-fit: contain;
    margin: 0 auto;
}
.coating-full--bottom p {
    margin: 18px 0;
}
.coating-full--bottom table {
    border-collapse: collapse;
}
.eff {
    font-weight: bold;
    font-size: 15px;
    text-align: left;
    margin-bottom: 15px;
}
.cat-block a {
    text-decoration: none;
    color: #000;
}
.cat-block a.act {
    text-decoration: underline;
}
.coating-full--right .field--name-field-stoimost {
    display: none;
}
.small-img img {
    width: 100% !important;
    height: 95px !important;
    object-fit: cover;
}
.small-img a {
    width: 24.5%;
    line-height: 0;
}
.small-img {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 4px;
}
.big-img img {
    width: 100% !important;
    height: 380px !important;
    object-fit: cover !important;
}
.big-img {
    padding-right: 2px;
    width: 100%;
}
.views-row .no-prev {
    display: none;
}
.news-images img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.news-images a {
    width: 30%;
    margin-bottom: 60px;
}
.news-images {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5%;
}

.project-images img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.project-images a {
    width: 32%;
    margin-bottom: 20px;
}
.project-images {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
}
.coating-full--right p {
    margin: 18px 0;
}
.navigation .nav-links a {
    color: #000;
    text-decoration: none;
}
.navigation .nav-links .current {
    font-weight: bold;
}
.navigation .nav-links {
    display: flex;
    column-gap: 15px;
    justify-content: center;
}

.cat-block {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 30px;
}
.paragraph--type--paragraph-gallery {
    clear: both;
    padding: 1em 0;
    text-align: center;
}

.paragraph--type--paragraph-gallery .field__item {
    display: inline-block;
    margin: 0 5px 5px 0;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    height: auto;
    min-height: 41px;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #1c2626;
    text-align: left;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
    color: #c14d36;
}
.woocommerce ul.products li.product .price {
    color: #1c2626;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    font-family: 'ClearSans-Medium';
    position: absolute;
    bottom: -3px;
}
.tax-product_cat .layout__main .layout__content,
.woocommerce-shop .layout__main .layout__content {
    display: grid;
    grid-template-areas: 'sidebar content';
    grid-template-columns: 280px auto;
    grid-column-gap: 20px;
}
/* @media all and (max-width: 1235px) {
    .tax-product_cat .layout__main .layout__content {
      grid-template-areas: "sidebar" "content";
      grid-template-columns: 100%;
      padding-left: 20px;
      padding-right: 20px; } } */
.tax-product_cat .layout__main .layout__content .region-content,
.woocommerce-shop .layout__main .layout__content .region-content {
    grid-area: content;
    max-width: 880px;
}
.tax-product_cat .layout__main .layout__content .sidebar,
.woocommerce-shop .layout__main .layout__content .sidebar {
    grid-area: sidebar;
    margin-top: 136px;
}
@media all and (max-width: 1235px) {
    .tax-product_cat .layout__main .layout__content .sidebar,
    .woocommerce-shop .layout__main .layout__content .sidebar {
        margin-top: 0;
    }
}

.menu--categories .menu-item a {
    color: #000;
    text-decoration: none;
    padding-top: 7px;
    padding-bottom: 7px;
    display: inline-block;
}

#views-exposed-form-video-page-1 .form--inline .form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    gap: 10px;
}

.site-slogan {
    color: #fd4e06;
}
.layout__main {
    padding-bottom: 60px;
}
html {
    overflow-x: hidden;
}

body {
    background-color: #fff;
}

.path-notfront .header {
    height: 488px;
    /* overflow: hidden; */
    margin-bottom: 80px;
}

.path-notfront .page-title {
    text-align: center;
    font-weight: normal;
    font-size: 45px;
    margin-bottom: 80px;
}

td,
th {
    padding: 10px;
}

.header {
    height: 1064px;
}
@media all and (max-width: 620px) {
    .header {
        height: 943px;
    }
}

.cart-block--link__expand {
    position: relative;
}
.cart-block--link__expand .cart-block--summary__count {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -12px;
    right: -12px;
    width: 23px;
    height: 23px;
    background-color: #f58634;
    font-size: 12px;
    color: #fff;
    text-decoration: none;
    border-radius: 50%;
}

.header--top {
    background-color: #272c2d;
    color: #fff;
    padding-top: 15px;
}
.header--top .region__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media all and (max-width: 1220px) {
    .header--top .region__inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}

#block-header-top-contacts {
    padding-bottom: 20px;
}
#block-header-top-contacts a {
    color: #f58634;
}

.view-city-select .views-exposed-form input.form-submit {
    display: none;
}

.view-city-select .views-exposed-form .form-type-select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 0;
}
.view-city-select .views-exposed-form .form-type-select select {
    background-color: #444;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 5px 10px;
}

.header--middle {
    position: relative;
}
.header--middle .region {
    padding-top: 30px;
    padding-bottom: 15px;
}
.header--middle .region:after {
    content: '';
    display: block;
    max-width: 1180px;
    margin-top: 15px;
    margin-left: calc((100vw - 1180px) / 2);
    height: 2px;
    background-color: #fff;
    position: relative;
    z-index: 5;
}
.header--middle .region__inner {
    display: grid;
    grid-template-areas: 'logo soc' '. masters';
}
.header--middle .region__inner #block-header-logo {
    grid-area: logo;
    grid-row: 1/3;
}
.header--middle .region__inner #block-header-socials {
    grid-area: soc;
    align-self: end;
}
.header--middle .region__inner #block-whatsapp-masters-chat {
    grid-area: masters;
    margin: 0 0 0 auto;
    align-self: start;
}
@media all and (max-width: 1220px) {
    .header--middle .region__inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media all and (max-width: 525px) {
    .header--middle .region__inner {
        display: block;
    }
}
.header--middle .block {
    position: relative;
    z-index: 1;
}
.header--middle #block-views-block-slider-v1-block-1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 963px;
    z-index: 0;
}
@media all and (max-width: 620px) {
    .header--middle #block-views-block-slider-v1-block-1 {
        height: 800px;
    }
}
.header--middle #block-views-block-slider-v1-block-1 .views_slideshow_slide {
    width: 100% !important;
}
.header--middle #block-views-block-slider-v1-block-1 .views_slideshow_slide img {
    width: 100% !important;
}
@media all and (max-width: 620px) {
    .header--middle #block-views-block-slider-v1-block-1 .views_slideshow_slide img {
        width: auto !important;
    }
}
.header--middle #block-views-block-slider-v1-block-1 .view-slider-v1 > .view-content {
    width: 100% !important;
    height: 963px;
    float: unset !important;
}
@media all and (max-width: 620px) {
    .header--middle #block-views-block-slider-v1-block-1 .view-slider-v1 > .view-content {
        height: 800px;
    }
}
.header--middle #block-header-socials {
    margin: 0 0 0 auto;
}
.header--middle #block-header-socials .field__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    gap: 10px;
}
@media all and (max-width: 525px) {
    .header--middle #block-header-socials {
        display: inline-block;
    }
}
.header--middle #block-whatsapp-masters-chat {
    color: white;
}
.header--middle #block-whatsapp-masters-chat .field__item > p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    font-size: 17.275px;
}
.header--middle #block-whatsapp-masters-chat .field__item > p a {
    display: inline-block;
    font-size: 0;
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background-image: url('/wp-content/themes/twentytwenty/images/whatsapp-white-ico.png');
    background-repeat: no-repeat;
    background-size: 20px;
}
@media all and (max-width: 525px) {
    .header--middle #block-header-sitemap {
        margin-left: 10px;
        display: inline-block;
    }
}

.header--bottom {
    position: relative;
}
@media all and (max-width: 1220px) {
    .header--bottom {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.header--bottom .mobile-menu-btn {
    display: none;
    background-color: transparent;
    background-image: url(/wp-content/themes/twentytwenty/images/mobile-menu-ico.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    border: none;
    border-radius: 0;
    font-size: 0;
    width: 40px;
    height: 40px;
}
@media all and (max-width: 1150px) {
    .header--bottom .mobile-menu-btn {
        display: block;
    }
}
.header--bottom .mobile-menu-close-btn {
    display: none;
    position: fixed;
    top: 20px;
    left: 240px;
    background-color: transparent;
    background-image: url(/wp-content/themes/twentytwenty/images/close-btn-ico.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90%;
    border: none;
    border-radius: 0;
    font-size: 0;
    width: 40px;
    height: 40px;
    z-index: 99999999;
}
@media all and (max-width: 1150px) {
    .header--bottom .mobile-menu-close-btn.is-visible {
        display: block;
    }
}
.header--bottom .menu--main > .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
    margin-left: 0;
    font-weight: bold;
}
.header--bottom .menu--main > .menu a {
    color: #fff;
    text-decoration: none;
    font-size: 21px;
}
.header--bottom .menu--main > .menu .menu-item--expanded:hover > .menu {
    display: block;
}
.header--bottom .menu--main > .menu .menu-item--expanded > .menu {
    display: none;
    position: absolute;
    width: 200px;
    padding: 10px;
    background-color: #fff;
    margin: 0;
    z-index: 10;
}
.header--bottom .menu--main > .menu .menu-item--expanded > .menu a {
    color: #000;
}
@media all and (max-width: 1150px) {
    .header--bottom .menu--main > .menu {
        display: none;
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 280px;
        margin-top: 0;
        z-index: 9999999;
        background-color: #fff;
        padding: 20px;
    }
    .header--bottom .menu--main > .menu.is-open {
        display: block;
    }
    .header--bottom .menu--main > .menu a {
        color: #000;
    }
    .header--bottom .menu--main > .menu .menu-item--expanded > .menu {
        display: block;
        position: relative;
        width: auto;
        margin-left: 20px;
    }
}

#block-header-blocks .view-bloki-v-shapke .view-content {
    display: grid;
    grid-template-columns: repeat(2, 580px);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media all and (max-width: 620px) {
    #block-header-blocks .view-bloki-v-shapke .view-content {
        grid-template-columns: repeat(1, 100%);
        margin-top: 1rem;
    }
}

@media all and (max-width: 620px) {
    #block-header-blocks .view-bloki-v-shapke .views-row:nth-child(3),
    #block-header-blocks .view-bloki-v-shapke .views-row:nth-child(4) {
        display: none;
    }
}

#block-header-blocks .view-bloki-v-shapke .node-header-block {
    height: 100%;
}

#block-header-blocks .view-bloki-v-shapke .node-header-block--link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    aspect-ratio: 16 / 9;
    background-clip: border-box;
    background-size: cover;
    border: 1px solid #000000;
    -webkit-box-shadow: 0 4px 4px 0 #40000000;
    box-shadow: 0 4px 4px 0 #40000000;
    border-radius: 38px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
#block-header-blocks .view-bloki-v-shapke .node-header-block--link h2 {
    font-size: 24px;
    line-height: 34px;
    max-width: 360px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 20px;
}
@media all and (max-width: 620px) {
    #block-header-blocks .view-bloki-v-shapke .node-header-block--link h2 {
        font-size: 18px;
        line-height: 20px;
    }
}
#block-header-blocks .view-bloki-v-shapke .node-header-block--link .node-header-block--price {
    font-size: 24px;
    font-weight: bold;
}
@media all and (max-width: 620px) {
    #block-header-blocks .view-bloki-v-shapke .node-header-block--link .node-header-block--price {
        font-size: 18px;
    }
}

#block-header-grid .field--name-field-paragraph-content {
    display: grid;
    grid-auto-rows: 270px;
    grid-template-columns: repeat(3, 1fr);
}
@media all and (max-width: 1200px) {
    #block-header-grid .field--name-field-paragraph-content {
        grid-template-columns: repeat(3, 300px);
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media all and (max-width: 935px) {
    #block-header-grid .field--name-field-paragraph-content {
        grid-template-columns: repeat(2, 300px);
    }
}
@media all and (max-width: 640px) {
    #block-header-grid .field--name-field-paragraph-content {
        display: block;
    }
}
@media all and (max-width: 640px) {
    #block-header-grid .field--name-field-paragraph-content .field__item:nth-child(2n) {
        display: none;
    }
}

#block-header-grid .paragraph {
    height: 100%;
}
#block-header-grid .paragraph .field--name-field-tbc-text {
    color: #fff;
    padding: 100px 20px 100px 60px;
    font-size: 29px;
    text-transform: uppercase;
}
@media all and (max-width: 540px) {
    #block-header-grid .paragraph .field--name-field-tbc-text {
        font-size: 20px;
        text-align: center;
        padding: 80px 20px;
    }
}
@media all and (max-width: 1200px) {
    #block-header-grid .paragraph .field--name-field-simple-image {
        overflow: hidden;
    }
}

.front-about {
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    margin-bottom: 120px;
}
.front-about .group-left > .block,
.front-about .group-right > .block {
    padding: 60px 110px;
}
.front-about .group-left > .block h2,
.front-about .group-right > .block h2 {
    font-size: 45px;
    text-transform: uppercase;
}
.front-about .group-left {
    background-color: #272c2d;
    color: #fff;
}
@media all and (max-width: 1220px) {
    .front-about .group-left {
        padding-left: 20px;
        width: calc(50% - 20px);
    }
}
@media all and (max-width: 730px) {
    .front-about .group-left {
        float: none;
        clear: both;
        width: 100%;
        padding-left: 0;
    }
}
.front-about .group-left > .block {
    padding-right: 110px;
    padding-left: calc((100vw - 1180px) / 2);
}
@media all and (max-width: 920px) {
    .front-about .group-left > .block {
        padding-right: 40px;
    }
}
@media all and (max-width: 730px) {
    .front-about .group-left > .block {
        padding: 20px;
    }
}
@media all and (max-width: 1220px) {
    .front-about .group-right {
        padding-right: 20px;
        width: calc(50% - 20px);
    }
}
@media all and (max-width: 730px) {
    .front-about .group-right {
        float: none;
        clear: both;
        width: 100%;
        padding-right: 0;
    }
}
.front-about .group-right > .block {
    padding-left: 110px;
    padding-right: calc((100vw - 1180px) / 2);
}
@media all and (max-width: 920px) {
    .front-about .group-right > .block {
        padding-left: 40px;
    }
}
@media all and (max-width: 730px) {
    .front-about .group-right > .block {
        padding: 20px;
    }
}

.front-services {
    max-width: 1180px;
    margin: 0 auto 110px;
}
.front-services .group-header {
    margin-bottom: 25px;
}
.front-services .group-header h2 {
    font-size: 38px;
    font-weight: normal;
    text-align: center;
}
@media all and (max-width: 680px) {
    .front-services .group-left,
    .front-services .group-middle,
    .front-services .group-right {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: none;
        width: 100%;
        padding: 20px;
        text-align: center;
    }
}
.front-services .group-left > .block,
.front-services .group-middle > .block,
.front-services .group-right > .block {
    text-align: center;
    padding: 0 20px;
}
.front-services .group-left > .block .field--name-field-ic-pictogram,
.front-services .group-middle > .block .field--name-field-ic-pictogram,
.front-services .group-right > .block .field--name-field-ic-pictogram {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 156px;
    height: 176px;
    background-image: url('/wp-content/themes/twentytwenty/images/court-ico.svg');
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 38px;
}
.front-services .group-left > .block .field--name-field-ic-title,
.front-services .group-middle > .block .field--name-field-ic-title,
.front-services .group-right > .block .field--name-field-ic-title {
    font-size: 32px;
    margin-bottom: 27px;
}
.front-services .group-left > .block .field--name-body,
.front-services .group-middle > .block .field--name-body,
.front-services .group-right > .block .field--name-body {
    font-size: 14px;
    color: #676767;
    line-height: 26px;
    margin-bottom: 50px;
}
.front-services .group-left > .block .field--name-field-ic-link > a,
.front-services .group-middle > .block .field--name-field-ic-link > a,
.front-services .group-right > .block .field--name-field-ic-link > a {
    display: inline-block;
    padding: 12px 25px;
    border: 1px solid #c9c9c9;
    color: #262b2b;
    text-decoration: none;
    font-size: 17px;
    border-radius: 5px;
}

.front_cta .block {
    color: #fff;
    font-size: 50px;
    line-height: 80px;
    text-align: center;
    font-weight: bold;
    padding: 100px calc((100vw - 1180px) / 2);
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 100px;
}
@media all and (max-width: 780px) {
    .front_cta .block {
        font-size: 36px;
        line-height: 65px;
        padding: 100px 20px;
    }
}
@media all and (max-width: 560px) {
    .front_cta .block {
        font-size: 24px;
        line-height: 45px;
    }
}
@media all and (max-width: 410px) {
    .front_cta .block {
        font-size: 20px;
        line-height: 40px;
        padding: 70px 20px;
    }
}
.front_cta .block a {
    display: inline-block;
    color: #262b2b;
    text-decoration: none;
    background-color: #fff;
    padding: 20px 12px;
    font-size: 25px;
    margin-top: 43px;
    line-height: 20px;
}

.front_projects {
    max-width: 1180px;
    margin: 0 auto;
    /* margin-bottom: 120px; */
}

.view-projects .view-header,
.view-front-projects .view-header {
    /* text-transform: uppercase; */
    font-size: 26px;
    text-align: right;
    margin-bottom: 30px;
}
/*   .view-projects .view-header a,
  .view-front-projects .view-header a {
    color: #000; } */

.view-projects .view-content,
.view-front-projects .view-content {
    display: grid;
    grid-template-columns: repeat(4, 280px);
    grid-column-gap: 20px;
    grid-row-gap: 37px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media all and (max-width: 1230px) {
    .view-projects .view-content,
    .view-front-projects .view-content {
        grid-template-columns: repeat(3, 280px);
    }
}
@media all and (max-width: 920px) {
    .view-projects .view-content,
    .view-front-projects .view-content {
        grid-template-columns: repeat(2, 280px);
    }
}
@media all and (max-width: 620px) {
    .view-projects .view-content,
    .view-front-projects .view-content {
        grid-template-columns: repeat(1, 280px);
    }
}

.project-teaser {
    display: block;
    position: relative;
    width: 280px;
    height: 325px;
    text-align: center;
    color: #fff;
    text-decoration: none;
}
.project-teaser--customer {
    display: none;
    color: #a8cbd1;
    font-size: 12px;
    margin-bottom: 18px;
    position: absolute;
    top: 230px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.project-teaser--title {
    font-size: 14px;
    position: absolute;
    top: 270px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.project-full--top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-bottom: 120px;
}

.project-full--info {
    text-align: center;
}

.project-full--customer-label {
    font-size: 11px;
    line-height: 14px;
}

.project-full--title {
    font-size: 40px;
    margin-top: 0;
    margin-bottom: 30px;
}

.project-full--photos {
    margin-bottom: 86px;
}
.project-full--photos .field__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
}
.project-full--photos .field-item {
    border: 1px solid #000;
}

.front_reviews {
    background-color: #272c2d;
    color: #fff;
}
.front_reviews .layout__region {
    max-width: 1180px;
    margin: 0 auto;
}
@media all and (max-width: 1230px) {
    .front_reviews .layout__region {
        padding-left: 20px;
        padding-right: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

.review-teaser--body {
    margin-top: 24px;
}
.review-teaser--body p {
    font-size: 16px;
    line-height: 30px;
}

.review-teaser--name {
    font-size: 16px;
    margin-bottom: 5px;
    text-align: right;
}

.review-teaser--date {
    font-size: 15px;
    text-align: right;
}

.view-reviews-front {
    padding-top: 20px;
    padding-bottom: 90px;
}
@media all and (max-width: 620px) {
    .view-reviews-front {
        padding-bottom: 150px;
    }
}
.view-reviews-front .view-header {
    text-align: right;
    margin-bottom: 90px;
    position: relative;
}
.view-reviews-front .view-header:before {
    content: '“';
    font-size: 100px;
    color: #fff;
    position: absolute;
    bottom: -130px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.view-reviews-front .view-header a {
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
}
.view-reviews-front .view-content {
    width: calc(1180px - 380px);
    margin: 0 auto;
}
@media all and (max-width: 1080px) {
    .view-reviews-front .view-content {
        width: calc(100% - 380px);
    }
}
@media all and (max-width: 850px) {
    .view-reviews-front .view-content {
        width: calc(100% - 180px);
    }
}
@media all and (max-width: 620px) {
    .view-reviews-front .view-content {
        width: 100%;
    }
}
.view-reviews-front .slick--view--reviews-front--block-1 {
    position: relative;
}
.view-reviews-front .slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 130px;
    height: 240px;
    border: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
@media all and (max-width: 850px) {
    .view-reviews-front .slick-arrow {
        width: 75px;
        height: 120px;
    }
}
@media all and (max-width: 620px) {
    .view-reviews-front .slick-arrow {
        top: 100%;
    }
}
.view-reviews-front .slick-prev {
    background-image: url('/wp-content/themes/twentytwenty/images/slider-left-arrow.svg');
    left: -130px;
}
@media all and (max-width: 1010px) {
    .view-reviews-front .slick-prev {
        left: -20px;
        -webkit-transform: translateY(-50%) translateX(-100%);
        transform: translateY(-50%) translateX(-100%);
    }
}
@media all and (max-width: 620px) {
    .view-reviews-front .slick-prev {
        left: 50%;
        -webkit-transform: translateY(-10%) translateX(-100%);
        transform: translateY(-10%) translateX(-100%);
    }
}
.view-reviews-front .slick-next {
    background-image: url('/wp-content/themes/twentytwenty/images/slider-right-arrow.svg');
    right: -130px;
}
@media all and (max-width: 1010px) {
    .view-reviews-front .slick-next {
        right: -20px;
        -webkit-transform: translateY(-50%) translateX(100%);
        transform: translateY(-50%) translateX(100%);
    }
}
@media all and (max-width: 620px) {
    .view-reviews-front .slick-next {
        right: 50%;
        -webkit-transform: translateY(-10%) translateX(100%);
        transform: translateY(-10%) translateX(100%);
    }
}

.review-default {
    margin-bottom: 30px;
}
.review-default--name {
    margin-bottom: 20px;
    color: #f58634;
    font-size: 18px;
}
.review-default--body {
    font-style: italic;
    margin-bottom: 14px;
}
.review-default--date {
    font-size: 14px;
    text-align: right;
    color: #f58634;
}

.view-video {
    display: grid;
    grid-template-columns: 150px auto;
    grid-column-gap: 20px;
}
@media all and (max-width: 1198px) {
    .view-video {
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }
}
.view-video .view-filters #edit-field-coating-effetc-target-id--wrapper,
.view-video .view-filters #edit-field-video-effetct-target-id--wrapper {
    margin: 0;
    padding: 0;
}
.view-video .view-filters #edit-field-coating-effetc-target-id--wrapper .form-item label,
.view-video .view-filters #edit-field-video-effetct-target-id--wrapper .form-item label {
    margin-bottom: -0.6em;
}
.view-video .view-filters #edit-field-coating-effetc-target-id--wrapper legend,
.view-video .view-filters #edit-field-video-effetct-target-id--wrapper legend {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 12px;
    font-weight: 400;
}
.view-video .view-filters #edit-field-coating-effetc-target-id--wrapper legend span,
.view-video .view-filters #edit-field-video-effetct-target-id--wrapper legend span {
    font-weight: bold;
    font-size: 15px;
}
.view-video .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 70px;
    margin-bottom: 70px;
}
@media all and (max-width: 845px) {
    .view-video .view-content {
        grid-template-columns: 100%;
    }
}
.view-video .field--name-field-video-url {
    margin-bottom: 17px;
}
.view-video .field--name-field-video-upload-date,
.view-video .field--name-field-video-effetct {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}
.view-video .pager {
    grid-column-start: 1;
    grid-column-end: 3;
}

@media all and (max-width: 1220px) {
    .view-coating-list {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.view-coating-list .form-item-effect {
    margin-top: 0;
}
.view-coating-list .form-item-effect label {
    font-weight: bold;
}

.view-coating-list .bef-links ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-left: 0;
    margin: 0;
}
.view-coating-list .bef-links ul li {
    list-style: none;
    margin-right: 1rem;
    padding-bottom: 0.8rem;
}
.view-coating-list .bef-links ul li a {
    color: #000;
    text-decoration: none;
}
.view-coating-list .bef-links ul li a.bef-link--selected {
    text-decoration: underline;
}

.view-coating-list .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
@media all and (max-width: 920px) {
    .view-coating-list .view-content {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (max-width: 615px) {
    .view-coating-list .view-content {
        display: block;
    }
}
.view-coating-list .view-content .coating-teaser {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    font-size: 11.25px;
    line-height: 13.62px;
}
.view-coating-list .view-content .field--name-title {
    grid-area: 1 / 1 / 2 / 3;
    font-weight: bold;
}
.view-coating-list .view-content .field--name-field-coating-photo {
    grid-area: 2 / 1 / 3 / 3;
}
.view-coating-list .view-content .field--name-field-stoimost {
    grid-area: 3 / 1 / 4 / 2;
}
.view-coating-list .view-content .field--name-field-id {
    grid-area: 3 / 2 / 4 / 3;
    text-align: right;
}
.view-coating-list .view-content .field--name-field-id:before {
    content: '№ ';
}
.view-coating-list .view-content img {
    width: 100%;
    height: auto;
}

.pager a {
    color: #000;
    text-decoration: none;
}

.coating-full {
    display: grid;
    grid-template-columns: 680px auto;
    grid-column-gap: 20px;
    grid-row-gap: 10px;
}
@media all and (max-width: 1220px) {
    .coating-full {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media all and (max-width: 1090px) {
    .coating-full {
        grid-template-columns: 500px auto;
    }
}
@media all and (max-width: 840px) {
    .coating-full {
        grid-template-columns: 300px auto;
    }
}
@media all and (max-width: 622px) {
    .coating-full {
        display: block;
    }
}
.coating-full--title {
    margin-bottom: 20px !important;
}
.coating-full .field--name-field-coating-photo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 40px;
}
.coating-full .field--name-field-coating-photo .field__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.coating-full .field--name-field-coating-photo .field__item:first-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
.coating-full .field--name-field-coating-photo .field__item {
    padding-right: 5px;
}
.coating-full .field--name-field-coating-photo img {
    width: 100%;
    height: auto;
}
.coating-full--id {
    text-align: center;
    margin-bottom: 80px;
    font-size: 26px;
}
.coating-full--table-title {
    font-size: 38px;
    font-weight: 300;
    margin-bottom: 20px;
}
.coating-full--table-desc {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 40px;
}
.coating-full--table-info {
    font-size: 14px;
    margin-bottom: 20px;
}
.coating-full--left {
    position: relative;
    grid-area: 1 / 1 / 2 / 2;
}
.coating-full .webform-submission-coating-contact-form {
    margin-bottom: 60px;
}
.coating-full--material-consumption {
    font-size: 14px;
}
.coating-full--material-consumption > thead > tr,
.coating-full--material-consumption > tbody > tr {
    border-bottom: 1px solid #474747;
}
.coating-full--material-consumption td,
.coating-full--material-consumption th {
    padding: 10px;
}
.coating-full--material-consumption th {
    font-weight: normal;
    text-transform: uppercase;
}
.coating-full--material-consumption td {
    white-space: nowrap;
}
.coating-full--material-consumption .material-quantity {
    width: 100%;
}
.coating-full .form-item-fz152-agreement label {
    display: inline;
}
.coating-full .field__label {
    font-size: 18px;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}
.coating-full .field--name-field-opisanie {
    font-weight: bold;
}
.coating-full .field--name-field-raschyot-kolichestva-mater {
    margin-top: 80px;
}
.coating-full .field--name-field-raschyot-kolichestva-mater:not(:has(tbody)) {
    display: none;
}
.coating-full .field--name-field-raschyot-kolichestva-mater .paragraphs-table {
    width: 100%;
}
.coating-full .field--name-field-raschyot-kolichestva-mater #paragraph-raschyot_materialov {
    font-size: 14px;
    color: #2d2d3a;
}
.coating-full .field--name-field-raschyot-kolichestva-mater #paragraph-raschyot_materialov a {
    color: #2d2d3a;
}

.coating-full .field--name-field-raschyot-kolichestva-mater #paragraph-raschyot_materialov thead {
    text-align: left;
}
.coating-full .field--name-field-raschyot-kolichestva-mater #paragraph-raschyot_materialov thead em {
    font-style: normal;
}
.coating-full .field--name-field-raschyot-kolichestva-mater #paragraph-raschyot_materialov thead th {
    border: 1px solid #000000;
}
.coating-full .field--name-field-raschyot-kolichestva-mater #paragraph-raschyot_materialov tbody td {
    border: 1px solid #d0d0d0;
}
.coating-full--right {
    grid-area: 1 / 2 / 2 / 3;
}
.coating-full--bottom {
    grid-area: 2 / 1 / 3 / 3;
}

.block-views-blockcoating-list-block-1 {
    margin-bottom: 4rem;
}
@media all and (max-width: 1220px) {
    .block-views-blockcoating-list-block-1 {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media all and (max-width: 920px) {
    .block-views-blockcoating-list-block-1 {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (max-width: 615px) {
    .block-views-blockcoating-list-block-1 {
        display: block;
    }
}
.block-views-blockcoating-list-block-1 h2 {
    font-size: 18px;
}

.block-views-blockfront-news-block-1 > h2 {
    text-align: center;
    font-size: 40px;
    font-weight: 400;
}

.view-front-news .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    margin-bottom: 45px;
}
@media all and (max-width: 670px) {
    .view-front-news .view-content {
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 40px;
    }
}

.view-front-news .view-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.view-front-news .view-footer a {
    display: inline-block;
    background-color: #353535;
    color: #fff;
    padding: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

.news-front {
    display: grid;
    grid-template-columns: 100px auto;
    grid-column-gap: 10px;
}
.news-front--date {
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border: 1px solid #c7c8c4;
    text-align: center;
}
.news-front--day {
    font-size: 48px;
    display: inline-block;
    margin-top: 10px;
}
.news-front--month {
    font-size: 14px;
}
.news-front--label {
    color: #676767;
    line-height: 30px;
    -ms-flex-item-align: center;
    align-self: center;
}

.region-footer {
    background-color: #353535;
    color: #fff;
    padding: 40px 0;
    font-size: 18px;
}
.region-footer .region__inner {
    max-width: 1180px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media all and (max-width: 1230px) {
    .region-footer .region__inner {
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media all and (max-width: 790px) {
    .region-footer .region__inner {
        display: block;
    }
}
.region-footer #block-footer-radon a {
    color: #fff;
    text-decoration: none;
}
.region-footer #block-footer-radon .field--name-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
}
.region-footer #block-views-block-city-select-block-2 {
    text-align: right;
}
@media all and (max-width: 790px) {
    .region-footer #block-views-block-city-select-block-2 {
        text-align: left;
    }
}
.region-footer #block-views-block-city-select-block-2 a {
    color: #f58634;
}
.region-footer #block-views-block-city-select-block-2 .view-city-select .form--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
}

.news-teaser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    padding-bottom: 24px;
    margin-bottom: 30px;
    border-bottom: 1px solid #000000;
}
@media all and (max-width: 735px) {
    .news-teaser {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
@media all and (max-width: 420px) {
    .news-teaser--image-wrapper img {
        width: 100%;
        height: auto;
    }
}
.news-teaser--date {
    font-weight: 300;
    margin-bottom: 20px;
    font-size: 20px;
    padding-left: 35px;
    background-image: url('/wp-content/themes/twentytwenty/images/date-ico.png');
    background-repeat: no-repeat;
    background-position: center left;
    background-size: 25px 26px;
}
.news-teaser--title {
    font-weight: bold;
    margin-bottom: 30px;
    font-size: 20px;
}
.news-teaser--summary {
    margin-bottom: 10px;
}
.news-teaser--more-link {
    color: #f58634;
}

@media all and (max-width: 1220px) {
    .news-full {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.news-full--main-image {
    float: left;
    margin-right: 20px;
}
@media all and (max-width: 960px) {
    .news-full--main-image {
        float: none;
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .news-full--main-image img {
        width: 100%;
        height: auto;
    }
}

.news-full--images {
    margin-bottom: 95px;
}
.news-full--images .field__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 90px;
}
@media all and (max-width: 1530px) {
    .news-full--images .field__items {
        grid-gap: 20px;
    }
}
@media all and (max-width: 1220px) {
    .news-full--images .field__items {
        grid-template-columns: repeat(2, 384px);
    }
}
@media all and (max-width: 825px) {
    .news-full--images .field__items {
        grid-template-columns: repeat(1, 384px);
    }
}

.view-catalog-subcategory .view-header,
.view-products .view-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.view-catalog-subcategory .view-header .view-mode-switcher,
.view-products .view-header .view-mode-switcher {
    font-size: 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    margin-right: 5px;
}
.view-catalog-subcategory .view-header .view-mode-switcher--grid,
.view-products .view-header .view-mode-switcher--grid {
    background-image: url('/wp-content/themes/twentytwenty/images/grid-ico.svg');
}
.view-catalog-subcategory .view-header .view-mode-switcher--list,
.view-products .view-header .view-mode-switcher--list {
    background-image: url('/wp-content/themes/twentytwenty/images/list-ico.svg');
}

.view-catalog-subcategory.view-display-id-page_1 .view-content,
.view-products.view-display-id-page_1 .view-content {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 70px;
    margin-bottom: 0px;
}
@media all and (max-width: 760px) {
    .view-catalog-subcategory.view-display-id-page_1 .view-content,
    .view-products.view-display-id-page_1 .view-content {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (max-width: 530px) {
    .view-catalog-subcategory.view-display-id-page_1 .view-content,
    .view-products.view-display-id-page_1 .view-content {
        grid-template-columns: repeat(1, 1fr);
    }
}

.view-catalog-subcategory.view-display-id-block_1 .view-content .views-row,
.view-products.view-display-id-block_1 .view-content .views-row {
    padding: 30px 0;
    border-bottom: 1px solid #000;
}

.product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media all and (max-width: 510px) {
    .product-list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.product-list--title {
    width: 580px;
}
.product-list .commerce-order-item-add-to-cart-form .form-required::after {
    display: none;
}
.product-list .commerce-order-item-add-to-cart-form .field--widget-commerce-product-variation-attributes {
    grid-area: top;
}
.product-list .commerce-order-item-add-to-cart-form .attribute-widgets label:not(.option) {
    display: inline;
}
.product-list .commerce-order-item-add-to-cart-form .attribute-widgets label.option {
    cursor: pointer;
    padding: 2px;
    margin-bottom: 0;
}
.product-list .commerce-order-item-add-to-cart-form fieldset {
    margin: 1rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
}
.product-list .commerce-order-item-add-to-cart-form fieldset legend {
    font-weight: normal;
    display: inline;
    float: left;
    padding-top: 0.5rem;
}
.product-list .commerce-order-item-add-to-cart-form fieldset .fieldset-wrapper {
    display: inline;
}
.product-list .commerce-order-item-add-to-cart-form fieldset .form-radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product-list .commerce-order-item-add-to-cart-form fieldset .form-radios:after {
    display: block;
    content: '';
    margin: 4px;
    -webkit-box-flex: 999;
    -ms-flex: 999 999 auto;
    flex: 999 999 auto;
}
.product-list .commerce-order-item-add-to-cart-form .field--name-quantity {
    float: left;
}
.product-list .commerce-order-item-add-to-cart-form .field--name-quantity label {
    display: none;
}
.product-list .commerce-order-item-add-to-cart-form .field--name-quantity input {
    font-size: 20px;
    padding: 10px 10px 10px 30px;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    width: 40px;
}
.product-list .commerce-order-item-add-to-cart-form .form-actions {
    float: left;
}
.woocommerce ul.products li.product .add_to_cart_button,
.single-product .single_add_to_cart_button {
    background: transparent;
    background-image: url('/wp-content/themes/twentytwenty/images/black-cart-ico.svg');
    background-repeat: no-repeat;
    background-position: center;

    display: inline-block;
}

.view-id-products.view-display-id-page_1 .views-row {
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.product-card {
    padding: 20px;
    text-align: center;
}
.product-card .ajax-throbber,
.product-card .ajax-progress {
    display: none;
}
.product-card--image {
    margin-bottom: 10px;
}
.product-card--title {
    margin-bottom: 20px;
    font-size: 15px;
    height: 60px;
}
.product-card--title a {
    text-decoration: none;
    color: #000;
}
.product-card--price {
    font-weight: bold;
    font-size: 1.2rem;
}
.product-card:hover .product-card--title a {
    color: #f58634;
}
.product-card .commerce-order-item-add-to-cart-form {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 0 0;
    grid-template-areas: 'top top' 'left right';
    grid-template-rows: -webkit-min-content;
    grid-template-rows: min-content;
}
.product-card .commerce-order-item-add-to-cart-form .form-required::after {
    display: none;
}
.product-card .commerce-order-item-add-to-cart-form .field--widget-commerce-product-variation-attributes {
    grid-area: top;
}
.product-card .commerce-order-item-add-to-cart-form .attribute-widgets label:not(.option) {
    display: inline;
}
.product-card .commerce-order-item-add-to-cart-form .attribute-widgets label.option {
    cursor: pointer;
    padding: 2px;
    margin-bottom: 0;
}
.product-card .commerce-order-item-add-to-cart-form fieldset {
    margin: 1rem 0 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.product-card .commerce-order-item-add-to-cart-form fieldset legend {
    font-weight: normal;
    display: inline;
    float: left;
    padding-top: 0.5rem;
}
.product-card .commerce-order-item-add-to-cart-form fieldset .fieldset-wrapper {
    display: inline;
}
.product-card .commerce-order-item-add-to-cart-form fieldset .form-radios {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.product-card .commerce-order-item-add-to-cart-form fieldset .form-radios:after {
    display: block;
    content: '';
    margin: 4px;
    -webkit-box-flex: 999;
    -ms-flex: 999 999 auto;
    flex: 999 999 auto;
}
.product-card .commerce-order-item-add-to-cart-form .field--name-quantity {
    grid-area: left;
}
.product-card .commerce-order-item-add-to-cart-form .field--name-quantity label {
    display: none;
}
.product-card .commerce-order-item-add-to-cart-form .field--name-quantity input {
    font-size: 20px;
    padding: 10px 10px 10px 30px;
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    display: inline-block;
    width: 70px;
}
.product-card .commerce-order-item-add-to-cart-form .form-actions {
    grid-area: right;
}
.woocommerce ul.products li.product .add_to_cart_button,
.single-product .single_add_to_cart_button {
    background: transparent;
    background-image: url('/wp-content/themes/twentytwenty/images/black-cart-ico.svg');
    background-repeat: no-repeat;
    background-position: center;

    display: inline-block;
    width: 100%;
    height: 100%;
    border: none;
}

.paragraph--type--accordion .ui-accordion-header,
.paragraph--type--accordion .ui-widget-content,
.paragraph--type--accordion .ui-state-active {
    border: none;
    background-color: #dfdfdf;
    color: #000;
    padding: 30px 5px;
}

.paragraph--type--accordion .ui-accordion-header {
    position: relative;
    display: block;
    margin-top: 20px;
    padding-right: 80px;
}
.paragraph--type--accordion .ui-accordion-header:after,
.paragraph--type--accordion .ui-accordion-header:before {
    content: '';
    position: absolute;
    background-color: #000;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.paragraph--type--accordion .ui-accordion-header:before {
    height: 1px;
    width: 42px;
    right: 20px;
}
.paragraph--type--accordion .ui-accordion-header:after {
    height: 42px;
    width: 1px;
    right: 42px;
}

.paragraph--type--accordion .ui-accordion-header-active:after {
    display: none;
}

.paragraph--type--accordion .ui-accordion-header-icon {
    display: none;
}

@media all and (max-width: 1210px) {
    .view-contacts {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.view-contacts .views-row {
    margin-bottom: 82px;
}

.contact--title {
    font-size: 27px;
    margin-bottom: 24px;
    max-width: 780px;
    text-align: center;
}

.contact--website {
    font-size: 17px;
    margin-bottom: 31px;
    max-width: 780px;
    text-align: center;
}

.contact--info-container {
    display: grid;
    grid-template-columns: 780px auto;
    grid-column-gap: 22px;
}
@media all and (max-width: 1155px) {
    .contact--info-container {
        grid-template-columns: 50% auto;
    }
    .contact--info-container img {
        width: 100%;
        height: auto;
    }
}
@media all and (max-width: 800px) {
    .contact--info-container {
        display: block;
    }
}

.representation--title {
    font-size: 27px;
    margin-bottom: 24px;
    max-width: 780px;
}

.representation--website {
    font-size: 17px;
    margin-bottom: 31px;
    max-width: 780px;
    text-align: center;
}

.representation .field--name-field-representation-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}
.representation .field--name-field-representation-images img {
    display: block;
	    object-fit: cover;
}

.representation--info-container {
    display: grid;
    grid-template-columns: 780px auto;
    grid-column-gap: 22px;
}
@media all and (max-width: 1155px) {
    .representation--info-container {
        grid-template-columns: 50% auto;
    }
    .representation--info-container img {
        width: 100%;
        height: auto;
    }
}
@media all and (max-width: 800px) {
    .representation--info-container {
        display: block;
    }
}

.contact--title {
    font-size: 27px;
    margin-bottom: 24px;
    max-width: 780px;
    text-align: center;
}

.contact--website {
    font-size: 17px;
    margin-bottom: 31px;
    max-width: 780px;
    text-align: center;
}

.contact--info-container {
    display: grid;
    grid-template-columns: 780px auto;
    grid-column-gap: 22px;
}
@media all and (max-width: 1155px) {
    .contact--info-container {
        grid-template-columns: 50% auto;
    }
    .contact--info-container img {
        width: 100%;
        height: auto;
    }
}
@media all and (max-width: 800px) {
    .contact--info-container {
        display: block;
    }
}

.node-course-full--top {
    padding: 40px;
    background-color: #8c8c8c;
    margin-left: calc(((100vw - 1180px) / 2) * -1);
    width: 100vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 60px;
}
@media all and (max-width: 1180px) {
    .node-course-full--top {
        margin-left: 0;
    }
}

.node-course-full--top-inner {
    margin: 0 auto;
    max-width: 1180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
}
@media all and (max-width: 630px) {
    .node-course-full--top-inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.node-course-full--title {
    margin-bottom: 28px;
}

@media all and (max-width: 1200px) {
    .node-course-full--samples,
    .node-course-full--program,
    .node-course-full--description {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.node-course-full--info .field {
    margin-bottom: 15px;
}

.node-course-full--info .field__label {
    font-weight: normal;
}

.node-course-full--info .field__item {
    font-weight: bold;
}

.node-course-full--short-description .field__item {
    font-weight: normal;
    line-height: 30px;
}

.node-course-full--buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 30px;
    margin-top: 28px;
}
@media all and (max-width: 820px) {
    .node-course-full--buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.node-course-full--price,
.node-course-full--signup {
    background-color: #f58634;
    font-size: 25px;
    font-weight: bold;
    padding: 10px 30px;
    display: block;
    color: #000;
    text-decoration: none;
}
.node-course-full--price .field,
.node-course-full--signup .field {
    margin: 0;
    padding: 0;
}

.node-course-full--description,
.node-course-full--program {
    margin-bottom: 60px;
}

.node-course-full--program .field__label,
.node-course-full--samples .field__label {
    font-size: 30px;
    font-weight: normal;
    margin-bottom: 30px;
}

.node-course-full--samples {
    margin-bottom: 300px;
}
.node-course-full--samples .field__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.path-frontpage #block-webform-question {
    margin-left: unset;
}

#block-webform-question {
    background-image: url('/wp-content/themes/twentytwenty/images/question-form-bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    margin-left: calc(((100vw - 1180px) / 2) * -1);
    width: 100vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 75px 0 60px 0;
    margin-bottom: -26px;
}
@media all and (max-width: 1180px) {
    #block-webform-question {
        margin-left: 0;
    }
}
#block-webform-question h2 {
    font-size: 45px;
    margin-bottom: 32px;
    font-weight: normal;
    display: block;
}
#block-webform-question .block-inner {
    background-color: #fff;
    max-width: 1180px;
    margin: 0 auto;
    padding: 35px 0 50px 0;
    text-align: center;
}
@media all and (max-width: 1220px) {
    #block-webform-question .block-inner {
        max-width: calc(100% - 180px);
    }
}
@media all and (max-width: 630px) {
    #block-webform-question .block-inner {
        max-width: calc(100% - 80px);
    }
}
@media all and (max-width: 520px) {
    #block-webform-question .block-inner {
        max-width: 100%;
    }
}
@media all and (max-width: 430px) {
    #block-webform-question .block-inner {
        padding: 35px 20px 50px 20px;
    }
}
#block-webform-question .form-item-fz152-agreement {
    text-align: left !important;
}
#block-webform-question .form-item-fz152-agreement label {
    display: inline;
}
#block-webform-question form {
    max-width: 380px;
    margin: 0 auto;
}

.form-item label {
    display: block;
    font-size: 15px;
    text-align: left;
    margin-bottom: 15px;
}

.form-item input[type='text'],
.form-item input[type='number'],
.form-item input[type='email'],
.form-item textarea {
    border: none;
    border-bottom: 1px solid #000;
    width: 100%;
}
.sidebar .menu {
    margin: 0;
}
.tax-product_cat #block-webform-question {
    margin-left: calc((((100vw - 1180px) / 2) * -1) - 280px - 20px);
}
@media all and (max-width: 1235px) {
    .tax-product_cat #block-webform-question {
        margin-left: -20px;
    }
}

.form-actions input {
    padding: 17px 25px;
    background-color: #f58634;
    color: #fff;
    text-transform: uppercase;
    -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    border: none;
}

.view-kursy {
    margin-bottom: 60px;
}
@media all and (max-width: 1220px) {
    .view-kursy {
        padding-left: 20px;
        padding-right: 20px;
    }
}
.view-kursy .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 20px;
}
@media all and (max-width: 1220px) {
    .view-kursy .view-content {
        grid-template-columns: minmax(320px, 580px);
    }
}

.node-course-teaser {
    background-color: #8c8c8c;
    padding: 20px 0 20px 15px;
}
.node-course-teaser--top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 25px;
}
.node-course-teaser--top-left {
    max-width: 380px;
}
.node-course-teaser--top-right {
    text-align: right;
}
.node-course-teaser--title {
    font-size: 30px;
    padding: 0;
    margin: 0;
}
.node-course-teaser--price {
    background-color: #f58634;
    color: #000;
    font-weight: bold;
    font-size: 25px;
    padding: 6px 6px 6px 40px;
    text-align: right;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.node-course-teaser--more {
    background-color: #f58634;
    color: #000;
    font-weight: bold;
    font-size: 20px;
    padding: 6px;
    text-decoration: none;
    text-align: right;
    text-transform: uppercase;
}
.node-course-teaser--middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    margin-bottom: 10px;
}
.node-course-teaser--middle .field__label {
    font-style: italic;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.node-course-teaser--middle ul {
    margin: 0;
    padding: 0;
    margin-left: 10px;
}
.node-course-teaser--bottom {
    padding-top: 6px;
    border-top: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
}
.node-course-teaser--bottom .field {
    text-align: center;
}
.node-course-teaser--bottom .field .field__label {
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 7px;
}
.node-course-teaser--bottom .field .field__item {
    font-weight: bold;
    font-size: 26px;
}

#block-add-review h2 {
    font-weight: normal;
    font-size: 16px;
}

#webform-submission-add-review-add-form {
    display: grid;
    grid-template-areas: 'name email phone' 'body body body' 'fz fz fz' 'btn . .';
    grid-gap: 40px;
}
#webform-submission-add-review-add-form .form-item {
    margin: 0;
}
#webform-submission-add-review-add-form .form-item-name {
    grid-area: name;
}
#webform-submission-add-review-add-form .form-item-email {
    grid-area: email;
}
#webform-submission-add-review-add-form .form-item-tel {
    grid-area: phone;
}
#webform-submission-add-review-add-form .form-item-otzyv {
    grid-area: body;
}
#webform-submission-add-review-add-form .form-item-fz152-agreement {
    grid-area: fz;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-top: -20px;
}
#webform-submission-add-review-add-form .form-actions {
    grid-area: btn;
    margin: 0;
    margin-top: -40px;
    margin-bottom: 80px;
}
#webform-submission-add-review-add-form textarea,
#webform-submission-add-review-add-form input[type='text'],
#webform-submission-add-review-add-form input[type='email'] {
    border: 1px solid #777;
    padding: 10px 15px;
    font-size: 14px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.paragraph--type--parallax.paragraph--view-mode--default > .grid-wrapper {
    padding-left: 20px;
    padding-right: 20px;
}

.field--name-field-paragraph-element {
    padding-left: 20px;
    padding-right: 20px;
}

@media all and (max-width: 1240px) {
    .views-news-page {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media all and (max-width: 900px) {
    .path-partners .field--name-field-paragraph-element {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.path-partners .field--name-field-paragraph-element img {
    width: 100%;
    height: auto;
}

@media all and (max-width: 1210px) {
    .view-commerce-cart-form {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.view-commerce-cart-form .table-wrapper {
    overflow-x: auto;
}
.view-commerce-cart-form .table-wrapper > table {
    min-width: 695px;
}

.view-commerce-cart-form th,
.view-commerce-cart-form td {
    padding: 15px;
}

.view-commerce-cart-form .quantity-edit-input {
    padding: 10px;
    width: 40px;
}

.coating-teaser--id {
    font-size: 12px;
    color: #000;
    text-align: right;
    width: 280px;
}

.product-template-default .layout__region--first {
    position: relative;
}
.product-template-default .layout__region--first .field--name-field-product-tds {
    position: absolute;
    top: 20px;
    right: 20px;
}
.product-template-default .layout__region--first .field--name-field-product-tds .file {
    background-image: none;
    background-color: #b2e6e1;
    border-radius: 50%;
    padding-left: 0;
    width: 60px;
    height: 60px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-template-default .layout__region--first .field--name-field-product-tds .file:hover {
    background-color: #e5e5e5;
}
.product-template-default .layout__region--first .field--name-field-product-tds a {
    font-size: 0;
    display: inline-block;
    text-decoration: none;
    width: 50px;
    height: 50px;
    background-color: #d6f2ef;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.product-template-default .layout__region--first .field--name-field-product-tds a:hover {
    background-color: #cececf;
}
.product-template-default .layout__region--first .field--name-field-product-tds a:hover:after {
    background-color: #5d5d60;
}
.product-template-default .layout__region--first .field--name-field-product-tds a:after {
    content: 'TDS';
    display: block;
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #00ae9b;
    text-align: center;
    padding-top: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 50%;
    font-size: 14px;
    font-weight: bold;
}
.product-template-default .layout__region--first .field--name-field-product-tds a:after:hover {
    background-color: #5d5d60;
}

.product-template-default .field__label {
    font-size: 18px;
}

.product-template-default .field--name-field-katalog,
.product-template-default .field--name-field-tekhnicheskaya-specifikaci,
.product-template-default .field--name-field-sgr,
.product-template-default .field--name-field-pozharnyy-sertifikat,
.product-template-default .field--name-field-sistema-kolerovki {
    margin: 1rem 1rem 2rem 0;
    float: left;
}
@media all and (max-width: 615px) {
    .product-template-default .field--name-field-katalog,
    .product-template-default .field--name-field-tekhnicheskaya-specifikaci,
    .product-template-default .field--name-field-sgr,
    .product-template-default .field--name-field-pozharnyy-sertifikat,
    .product-template-default .field--name-field-sistema-kolerovki {
        margin: 0.5rem 0.5rem 1rem 0;
    }
}
.product-template-default .field--name-field-katalog a,
.product-template-default .field--name-field-tekhnicheskaya-specifikaci a,
.product-template-default .field--name-field-sgr a,
.product-template-default .field--name-field-pozharnyy-sertifikat a,
.product-template-default .field--name-field-sistema-kolerovki a {
    font-size: 0;
    display: inline-block;
    text-decoration: none;
}
.product-template-default .field--name-field-katalog a::after,
.product-template-default .field--name-field-tekhnicheskaya-specifikaci a::after,
.product-template-default .field--name-field-sgr a::after,
.product-template-default .field--name-field-pozharnyy-sertifikat a::after,
.product-template-default .field--name-field-sistema-kolerovki a::after {
    content: '';
    font-size: 14px;
}

.product-template-default .field--name-field-katalog a::after {
    content: 'Каталог';
}

.product-template-default .field--name-field-tekhnicheskaya-specifikaci a::after {
    content: 'Техническая спецификация';
}

.product-template-default .field--name-field-sgr a::after {
    content: 'СГР';
}

.product-template-default .field--name-field-pozharnyy-sertifikat a::after {
    content: 'Пожарный сертификат';
}

.product-template-default .field--name-field-sistema-kolerovki a::after {
    content: 'Система колеровки';
}

.product-template-default .field--name-field-marketplaces {
    clear: both;
}
.product-template-default .field--name-field-marketplaces .field--name-field-wb,
.product-template-default .field--name-field-marketplaces .field--name-field-ozon,
.product-template-default .field--name-field-marketplaces .field--name-field-yandeks-market {
    float: left;
    margin: 0.5rem 0.5rem 2rem 0;
}
@media all and (max-width: 615px) {
    .product-template-default .field--name-field-marketplaces .field--name-field-wb,
    .product-template-default .field--name-field-marketplaces .field--name-field-ozon,
    .product-template-default .field--name-field-marketplaces .field--name-field-yandeks-market {
        margin: 0.5rem 0.5rem 0 0;
    }
}
.product-template-default .field--name-field-marketplaces .field--name-field-wb a,
.product-template-default .field--name-field-marketplaces .field--name-field-ozon a,
.product-template-default .field--name-field-marketplaces .field--name-field-yandeks-market a {
    font-size: 0;
    display: inline-block;
    text-decoration: none;
}
.product-template-default .field--name-field-marketplaces .field--name-field-wb a::after,
.product-template-default .field--name-field-marketplaces .field--name-field-ozon a::after,
.product-template-default .field--name-field-marketplaces .field--name-field-yandeks-market a::after {
    content: url('/wp-content/themes/twentytwenty/images/wb.png');
}
.product-template-default .field--name-field-marketplaces .field--name-field-ozon a:after {
    content: url('/wp-content/themes/twentytwenty/images/oz.png');
}
.product-template-default .field--name-field-marketplaces .field--name-field-yandeks-market a:after {
    content: url('/wp-content/themes/twentytwenty/images/ym.png');
}

.product-template-default .field--name-field-primery-primeneniya-v-inte {
    margin-top: 4rem;
}
div#tab-reviews {
    display: none;
}
.product-template-default .field--name-field-paragraph-gallery {
    grid-template-columns: repeat(3, 1fr);
}
@media all and (max-width: 920px) {
    .product-template-default .field--name-field-paragraph-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (max-width: 615px) {
    .product-template-default .field--name-field-paragraph-gallery {
        display: block;
    }
}

.product-template-default .field--name-field-ispolzuetsya-v-pokrytiyakh {
    margin-top: 4rem;
}
.product-template-default .field--name-field-ispolzuetsya-v-pokrytiyakh > .field__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin-top: 2rem;
    margin-bottom: 2rem;
}
@media all and (max-width: 920px) {
    .product-template-default .field--name-field-ispolzuetsya-v-pokrytiyakh > .field__items {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (max-width: 615px) {
    .product-template-default .field--name-field-ispolzuetsya-v-pokrytiyakh > .field__items {
        display: block;
    }
}
.product-template-default .field--name-field-ispolzuetsya-v-pokrytiyakh .coating-teaser {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 0;
    grid-row-gap: 0;
    font-size: 11.25px;
    line-height: 13.62px;
}
.product-template-default .field--name-field-ispolzuetsya-v-pokrytiyakh .field--name-title {
    grid-area: 1 / 1 / 2 / 3;
    font-weight: bold;
}
.product-template-default .field--name-field-ispolzuetsya-v-pokrytiyakh .field--name-field-coating-photo {
    grid-area: 2 / 1 / 3 / 3;
}
.product-template-default .field--name-field-ispolzuetsya-v-pokrytiyakh .field--name-field-stoimost {
    grid-area: 3 / 1 / 4 / 2;
}
.product-template-default .field--name-field-ispolzuetsya-v-pokrytiyakh .field--name-field-id {
    grid-area: 3 / 2 / 4 / 3;
    text-align: right;
}
.product-template-default .field--name-field-ispolzuetsya-v-pokrytiyakh .field--name-field-id:before {
    content: '№ ';
}

.view-predstavitelstva .views-row {
    margin-bottom: 100px;
}

.field--name-field-paragraph-gallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 40px;
}
@media all and (max-width: 960px) {
    .field--name-field-paragraph-gallery {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media all and (max-width: 560px) {
    .field--name-field-paragraph-gallery {
        grid-template-columns: repeat(1, 1fr);
    }
}
.field--name-field-paragraph-gallery .colorbox.cboxElement {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    text-decoration: none;
}
.field--name-field-paragraph-gallery .colorbox-title {
    text-decoration: none;
    color: #000;
}

.js-form-item.form-item.js-form-type-radio.form-type-radio.js-form-item-payment-information-payment-method.form-item-payment-information-payment-method {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

input[type='checkbox'],
input[type='radio'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 3px;
}

.product_table {
    font-size: 14px;
    color: #2d2d3a;
    width: 100%;
    margin-top: 10px;
}
.product_table thead {
    text-align: left;
    font-size: 14px;
    color: #2d2d3a;
}

.product_table tr {
    text-align: left;
    font-size: 14px;
    color: #2d2d3a;
    font-style: normal !important;
}

.product_table th {
    border: 1px solid #000000;
    font-style: normal !important;
}

.product_table td {
    border: 1px solid #d0d0d0;
}

.product_table a {
    color: #2d2d3a;
}

.pod-table {
    font-size: 14px;
    color: #2d2d3a;
}

/*************************
***** NEW STYLE SITE *****
*************************/
:root {
    --textSize: 18px;
    --textColor: #1c2626;
    --darkgreen: #23282b;
    --lightgreen: #b1c3c3;
    --green: #557987;
    --red: #c14d36;
    --pink: #ffeae5;
}
* {
    box-sizing: border-box;
}
body {
    font-family: 'ClearSans-Medium';
    font-weight: 400;
    font-size: var(--textSize);
    line-height: calc(var(--textSize) + 3px);
    color: var(--textColor);
    background: #eeeeee;
}
img {
    max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.title,
.page-title {
    margin: 0 0 30px 0;
    font-weight: bold !important;
    font-size: 32px !important;
    line-height: calc(32px + 5px);
    text-align: left !important;
}
h1,
.h1,
h1.title,
h1.page-title {
    font-family: 'El Messiri';
    font-size: 52px !important;
    line-height: calc(52px + 5px);
}
.text-align-center {
    text-align: center !important;
}
/* .field__item h2 {
  font-size: 1.5em !important;
  text-align: center !important;
}
 */
#block-plavayuschiesocseti {
    position: absolute;
    left: 0;
    top: 0;
}
.soc_btn-wrapper {
    position: fixed;
    right: calc((100% - 1180px) / 2);
    bottom: 60px;
    z-index: 999;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.telegram-button {
    background-color: #0088cc;
}
.telegram-button:before,
.telegram-button:after {
    border: 1px solid #0088cc;
}
.whatsapp-button {
    background-color: #25d366;
}
.whatsapp-button:before,
.whatsapp-button:after {
    border: 1px solid #25d366;
}
.soc_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 50%;
    width: 55px;
    height: 55px;
}
.soc_btn:before,
.soc_btn:after {
    content: ' ';
    display: block;
    position: absolute;
    border: 50%;
    left: -20px;
    right: -20px;
    top: -20px;
    bottom: -20px;
    border-radius: 50%;
    animation: animate 1.5s linear infinite;
    opacity: 0;
    backface-visibility: hidden;
}
.soc_btn:after {
    animation-delay: 0.5s;
}
@keyframes animate {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: scale(1.2);
        opacity: 0;
    }
}
@media (max-width: 1200px) {
    .soc_btn-wrapper {
        right: 10px;
    }
}

.path-notfront .layout__main {
    padding-bottom: 60px;
}
.path-notfront .page-title {
    margin: 0 0 50px 0;
}
.pager {
    margin-top: 30px;
    margin-bottom: 60px;
}
.pager__items {
    margin: 0;
    padding: 0;
}
.view-projects .view-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.project-teaser {
    height: auto;
    width: 100%;
}
.project-teaser:hover .project-teaser--title {
    background: var(--darkgreen);
    color: #fff;
}
.project-teaser--image img {
    display: block;
    width: 100%;
    height: 280px;
    border-radius: 10px;
    overflow: hidden;
}
.project-teaser--title {
    position: absolute;
    top: auto;
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: none;
    width: calc(100% - 20px);
    background: #c0dedf;
    padding: 6px;
    border-radius: 0 6px 0 6px;
    font-size: 18px;
    line-height: 21px;
    color: var(--textColor);
    text-align: left;
    transition: 200ms linear;
}

.view-coating-list .view-content {
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    grid-gap: 20px;
}
.coating-teaser {
    display: flex !important;
    flex-direction: column;
    gap: 10px !important;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    min-height: 200px;
    border-radius: 20px;
    padding: 20px 14px;
    background: #304c4d;
    overflow: hidden;
}
.coating-teaser:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 10;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    transition: 200ms linear;
    background-image: url("data:image/svg+xml,%3Csvg width='50' height='50' viewBox='0 0 50 50' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M13.5782 49.3782C12.9621 48.7622 12.788 47.8154 13.1436 47.0237L23.0698 24.885C23.1444 24.6845 23.2981 24.4548 23.5044 24.2485C24.3298 23.4231 25.6702 23.4231 26.4941 24.247C26.7078 24.4606 26.8585 24.6904 26.9536 24.9465L36.8535 47.0237C37.2105 47.8168 37.0379 48.7622 36.4203 49.3797C35.7706 50.0294 34.7857 50.186 33.9662 49.7675L25 45.2268L16.0309 49.7704C15.2114 50.183 14.2265 50.0265 13.5782 49.3782ZM25.041 25.7323L15.0328 47.871L24.5317 43.143C24.8259 42.9952 25.1741 42.9952 25.4668 43.1444L34.9569 47.9164C34.9759 47.8973 34.9686 47.8783 34.9672 47.8739L25.041 25.7323Z' fill='white'/%3E%3Cpath d='M8.9027 38.8496C0.0272262 29.9745 0.0272262 15.5314 8.9027 6.65632C17.7782 -2.21877 32.2218 -2.21877 41.0973 6.65632C49.9728 15.5314 49.9728 29.9745 41.0973 38.8496C40.389 39.5578 39.6398 40.2134 38.87 40.7987C38.4178 41.1455 37.7754 41.0592 37.4198 40.6041C37.0744 40.1505 37.1623 39.5007 37.6159 39.1554C38.3125 38.6257 38.99 38.0301 39.6339 37.3862C47.7031 29.3174 47.7031 16.1884 39.6339 8.11965C31.5648 0.0508511 18.4352 0.0508511 10.3661 8.11965C2.29695 16.1884 2.29695 29.3174 10.3661 37.3862C11.0144 38.0345 11.6934 38.6286 12.3826 39.1539C12.829 39.4832 12.9256 40.1475 12.5787 40.6026C12.2348 41.0577 11.5851 41.1455 11.1285 40.8002C10.3675 40.2207 9.61683 39.5637 8.9027 38.8496Z' fill='white'/%3E%3Cpath d='M15.5041 30.7295C15.4806 30.7061 15.4587 30.6842 15.4382 30.6578C11.3261 25.703 11.6627 18.5298 16.2197 13.973C21.062 9.13081 28.938 9.13081 33.7803 13.973C38.3534 18.5459 38.6812 25.725 34.5442 30.6754C34.1769 31.1129 33.5243 31.1715 33.0882 30.8056C32.6521 30.4369 32.5906 29.7872 32.9579 29.3467C36.4013 25.2274 36.1276 19.2468 32.317 15.4363C28.2824 11.4019 21.7176 11.4019 17.683 15.4363C13.8855 19.2336 13.606 25.2084 17.0304 29.335C17.3948 29.7755 17.3348 30.4296 16.8957 30.7925C16.4801 31.1378 15.8772 31.1027 15.5041 30.7295Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.coating-teaser a {
    display: block;
}
.coating-teaser:hover:before,
.coating-teaser:hover .field--name-field-coating-photo {
    opacity: 0;
}
.coating-teaser:hover .field--name-title,
.coating-teaser:hover .field--name-field-stoimost,
.coating-teaser:hover .field--name-field-opisanie,
.coating-teaser:hover .field--name-body {
    opacity: 1;
}
.coating-teaser .field--name-field-id {
    display: none;
}
.coating-teaser .field--name-field-coating-photo {
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    transition: 200ms linear;
}
.coating-teaser .field--name-field-coating-photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.coating-teaser .field--name-title {
    font-weight: 700;
    font-size: 32px;
    line-height: 37px;
    color: #ffffff;
    opacity: 0;
    transition: 200ms linear;
}
.coating-teaser .field--name-field-stoimost {
    margin-top: auto;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
    color: #ffffff;
    text-align: right;
    opacity: 0;
    transition: 200ms linear;
}
.coating-teaser .field--name-field-opisanie,
.coating-teaser .field--name-body {
    font-size: 18px;
    line-height: 21px;
    color: #ffffff;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    opacity: 0;
    transition: 200ms linear;
}
.coating-teaser .field--name-field-opisanie *,
.coating-teaser .field--name-body * {
    font-weight: 400;
}
.coating-teaser .field--name-field-opisanie p,
.coating-teaser .field--name-body p {
    margin: 0;
}
.coating-teaser .node__links {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
}
.coating-teaser .node__links li {
    padding: 0;
}
.coating-teaser .links .node-readmore a {
    font-size: 0px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.coating-teaser .field--name-body + .field--name-field-opisanie,
.coating-teaser .field--name-field-opisanie img,
.coating-teaser .field--name-body img,
.coating-teaser .links li:not(.node-readmore) {
    display: none;
}

.paragraph--type--accordion .ui-accordion-header {
    margin: 20px 0 0 0 !important;
    background-color: transparent;
    padding: 10px;
    display: grid;
    grid-template-columns: 1fr 40px;
    align-items: center;
    grid-gap: 20px;
    border-radius: 10px 10px 0 0;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 21px;
    color: var(--textColor);
    cursor: pointer;
}
.cat-advantages {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cat-advantages > div {
    width: 33%;
}
.paragraph--type--accordion .ui-accordion-header:before {
    display: none;
}
.paragraph--type--accordion .ui-accordion-header:after {
    content: '';
    display: block;
    transform: none;
    position: static;
    width: 40px;
    height: 40px;
    background-color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.0116 16.5817L20.6157 22.0229L15.2199 16.5817C15.0449 16.3856 14.8261 16.2876 14.5636 16.2876C14.3011 16.2876 14.0824 16.3856 13.9074 16.5817C13.7129 16.7582 13.6157 16.9739 13.6157 17.2288C13.6157 17.4837 13.7129 17.7092 13.9074 17.9052L19.9449 23.9935C20.0421 24.0915 20.1491 24.165 20.2657 24.2141C20.3824 24.2631 20.4991 24.2876 20.6157 24.2876C20.7324 24.2876 20.8491 24.2631 20.9657 24.2141C21.0824 24.165 21.1893 24.0915 21.2866 23.9935L27.3241 17.9052C27.5185 17.7092 27.6157 17.4837 27.6157 17.2288C27.6157 16.9739 27.5185 16.7582 27.3241 16.5817C27.1491 16.3856 26.9303 16.2876 26.6678 16.2876C26.4053 16.2876 26.1866 16.3856 26.0116 16.5817Z' fill='%23182C2D'/%3E%3C/svg%3E%0A");
}
.paragraph--type--accordion .ui-widget-content {
    height: auto !important;
    padding: 0 10px 10px 10px;
    background-color: transparent;
    border-radius: 0 0 10px 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: var(--textColor);
}
.paragraph--type--accordion .ui-widget-content * {
    padding: 0;
    margin: 0;
}
.paragraph--type--accordion .ui-accordion-header-active:after {
    transform: rotate(180deg);
}
.paragraph--type--accordion .ui-accordion-header-active,
.paragraph--type--accordion .ui-accordion-content-active {
    background: #ffeae5;
}

/* BTNS */
.btn {
    margin: 0;
    background: none;
    outline: none;
    border: none;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    white-space: nowrap;
    transition: 200ms linear;
}
.btn-darkgreen {
    background: var(--darkgreen);
    color: #ffffff;
}
.btn-darkgreen:hover {
    background: #c0dedf;
    color: var(--darkgreen);
}
.btn-red {
    padding: 8px 18px;
    min-width: 160px;
    background: var(--red);
    border: 2px solid var(--red);
    color: #ffffff;
    line-height: 19px;
}
.btn-red:hover {
    color: var(--red);
    background: none;
}
.btn-border {
    padding: 8px 18px;
    color: var(--darkgreen);
    border: 2px solid var(--darkgreen);
}
.btn-border:hover {
    background: #c0dedf;
    border-color: #c0dedf;
    color: var(--darkgreen);
}

/* HEADER */
.header,
.path-notfront .header {
    height: auto;
    padding: 0 10px;
}
.path-notfront .header {
    margin-bottom: 30px;
}
.header--top {
    background: none;
    padding: 20px 0;
    color: var(--textColor);
}
.header--top .region__inner {
    display: grid;
    grid-template-columns: auto 1fr 1fr auto auto;
    align-items: center;
    justify-content: space-between;
    grid-gap: 20px;
}
.header #block-header-logo {
    display: grid;
    grid-template-columns: auto auto;
    align-items: center;
    grid-gap: 10px;
}
.header .site-logo img {
    display: block;
    max-width: 114px;
}
.header .site-slogan {
    max-width: 190px;
    font-size: 16px;
    line-height: 18px;
    color: var(--textColor);
}
.header #block-header-top-contacts {
    padding: 0;
}

.header .view-city-select label,
.header .view-city-select .form-actions {
    display: none;
}
.header .view-city-select .views-exposed-form {
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .view-city-select .views-exposed-form .form-type-select {
    float: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
}
.header .view-city-select .views-exposed-form .form-type-select:before {
    content: '';
    display: block;
    width: 20px;
    height: 19px;
    background-image: url(/wp-content/themes/twentytwenty/images/address-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.header .view-city-select .views-exposed-form .form-type-select select {
    appearance: none;
    outline: none;
    height: 41px;
    width: 182px;
    background: #fff;
    padding: 10px 40px 10px 10px;
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    font-size: 18px;
    line-height: 21px;
    color: var(--textColor);
    text-overflow: ellipsis;
}
.header .view-city-select .views-exposed-form .form-type-select select:focus {
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-up.svg);
}
.header #block-contacts-links {
    width: fit-content;
    margin: 0 auto;
}
.header #block-contacts-links p {
    margin: 0;
}
.header #block-contacts-links p:not(:last-child) {
    margin-bottom: 10px;
}
.header #block-contacts-links a {
    font-weight: 700;
    font-size: 16px;
    color: var(--textColor);
    text-decoration: none;
}
.header #block-contacts-links a:hover {
    color: var(--red);
}
.header #block-contacts-links a[href*='tel'],
.header #block-contacts-links a[href*='mailto'] {
    display: grid;
    grid-template-columns: 20px auto;
    align-items: center;
    grid-gap: 16px;
}
.header #block-contacts-links a[href*='tel']:before,
.header #block-contacts-links a[href*='mailto']:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
}
.header #block-contacts-links a[href*='tel']:before {
    background-image: url(/wp-content/themes/twentytwenty/images/tel-icon-orange.svg);
}
.header #block-contacts-links a[href*='mailto']:before {
    background-image: url(/wp-content/themes/twentytwenty/images/mail-icon-orange.svg);
}
.header #block-header-cart .cart-block--link__expand {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-image: url(/wp-content/themes/twentytwenty/images/cart-icon-darkgreen.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.header #block-header-cart .cart-block--link__expand:hover {
    background-image: url(/wp-content/themes/twentytwenty/images/cart-icon-orange.svg);
}
.header #block-header-cart .cart-block--summary__icon img {
    opacity: 0;
}
.header #block-header-cart .cart-block--summary__count {
    top: 2px;
    right: 2px;
    width: auto;
    height: 16px;
    padding-top: 2px;
    background: #304c4d;
    min-width: 16px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 10px;
    line-height: 1;
    text-align: center;
    color: #ffffff;
}
.header--middle .region {
    padding: 0;
    margin-top: 10px;
}
.header--middle .region:after {
    display: none;
}
.header--middle .region__inner {
    display: grid;
    grid-template-areas: none;
    grid-template-columns: 1fr auto;
    align-items: center;
    grid-gap: 20px;
}
.menu--main .mobile-menu-btn,
.menu--main .mobile-menu-close-btn {
    display: none;
    border: none;
    outline: none;
    background-color: transparent;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 30px 30px;
}
.menu--main .mobile-menu-btn {
    background-image: url(/wp-content/themes/twentytwenty/images/burger.svg);
}
.menu--main .mobile-menu-close-btn {
    background-image: url(/wp-content/themes/twentytwenty/images/close-btn.svg);
}
.menu--main .menu {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 20px;
}
.menu--main .menu .menu-item--expanded {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 10px;
}
.menu--main .menu .menu-item--expanded:after {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-down.svg);
}
.menu--main .menu li {
    position: relative;
    padding: 10px 0;
}
.menu--main .menu li.menu-item--expanded:hover:after {
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-up.svg);
}
.menu--main .menu li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.menu--main .menu a {
    font-size: 18px;
    line-height: 20px;
    color: var(--textColor);
    text-decoration: none;
}
.menu--main .menu a.is-active,
.menu--main .menu a:hover {
    color: var(--red);
}
.menu--main .menu ul {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    align-items: flex-start;
    flex-direction: column;
    background: #ffeae5;
    box-shadow: 0px 0px 30px 0px rgba(53, 25, 19, 0.1);
    border-radius: 6px;
    padding: 10px;
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    transition: 200ms linear;
    margin: 0;
    list-style: none;
}
.menu--main .menu ul li {
    padding: 0;
}
.menu li:hover .icon {
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-up.svg);
}
.menu .icon {
    height: 20px;
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-down.svg);
    width: 20px;
    display: inline-block;
    position: relative;
    top: 4px;
    left: 4px;
}
.for-slick {
    display: none;
}
/* LINKS LK */
#block-links-lk p,
#block-footer-btn-lk p {
    margin: 0;
}
#block-links-lk p:not(:last-child),
#block-footer-btn-lk p:not(:last-child) {
    margin-bottom: 10px;
}
#block-links-lk a,
#block-footer-btn-lk a:not(.btn) {
    display: grid;
    grid-template-columns: 20px auto;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: var(--textColor);
    text-decoration: none;
}
ul.menu {
    list-style: none;
}
#block-links-lk a.ent:before,
#block-links-lk a.reg:before,
#block-footer-btn-lk a.ent:before,
#block-footer-btn-lk a.reg:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
}
#block-links-lk a.ent:before,
#block-footer-btn-lk a.ent:before {
    background-image: url(/wp-content/themes/twentytwenty/images/login-icon.svg);
}
#block-links-lk a.reg:before,
#block-footer-btn-lk a.reg:before {
    background-image: url(/wp-content/themes/twentytwenty/images/register-icon.svg);
}
#block-links-lk a.ent:hover:before,
#block-footer-btn-lk a.ent:hover:before {
    background-image: url(/wp-content/themes/twentytwenty/images/login-icon-hover.svg);
}
#block-links-lk a.reg:hover:before,
#block-footer-btn-lk a.reg:hover:before {
    background-image: url(/wp-content/themes/twentytwenty/images/register-icon-hover.svg);
}

/* MODAl */
.ui-widget-overlay {
    background: rgba(28, 38, 38, 0.8);
}
.ui-dialog {
    border: none;
    max-width: 520px;
    width: 100% !important;
    background: #c0dedf;
    border-radius: 20px;
    padding: 40px;
}
.ui-dialog .webform-confirmation-modal--content {
    text-align: center;
}
.ui-dialog .ui-dialog-titlebar {
    background: none;
    border: none;
    padding: 0;
    text-align: center;
}
.ui-dialog .ui-dialog-title {
    margin: 0;
    float: none;
    width: 100%;
    font-weight: 700;
    font-size: 32px;
    line-height: 37px;
    color: #1c2626;
}
.ui-dialog .ui-dialog-titlebar-close {
    display: block;
    width: 20px;
    height: 20px;
    right: 0;
    top: 0;
    margin: 0;
    padding: 0;
    background-image: url(/wp-content/themes/twentytwenty/images/close-btn.svg);
}
.ui-dialog .ui-dialog-titlebar-close span {
    display: none;
}
.ui-dialog .ui-dialog-content {
    padding: 0;
}
.ui-dialog .ui-dialog-buttonpane {
    display: none;
}
.ui-dialog .webform-submission-form {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}
.ui-dialog .form-item,
.ui-dialog .form-actions {
    margin-top: 0;
    margin-bottom: 20px;
}
.ui-dialog .form-actions input {
    display: block !important;
}
.ui-dialog .form-item-fz152-agreement {
    order: 6;
    margin: 30px 0 0 0;
}
.ui-dialog .messages--error {
    display: none !important;
}

.form-item--error-message {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: flex-start;
    grid-gap: 4px;
    font-size: 14px;
    color: var(--red);
    margin-top: 5px;
}
.form-item--error-message:before {
    margin-top: 3px;
}
.form-item--error-message strong {
    font-weight: 400;
}
.form-item input[type='text'],
.form-item input[type='tel'] {
    outline: none;
    border: none;
    display: block;
    width: 100%;
    height: 46px;
    background: #ffffff;
    border-radius: 5px;
    padding: 0 20px;
    font-family: 'Arial';
    font-size: 18px;
    line-height: 21px;
    color: #1c2626;
}
.form-item-fz152-agreement {
    display: grid;
    grid-template-columns: 16px 1fr;
    align-items: flex-start;
    grid-gap: 6px;
}
.form-item-fz152-agreement input {
    appearance: none;
    margin: 0;
    display: block;
    width: 16px;
    height: 16px;
    border: 2px solid var(--darkgreen);
    border-radius: 4px;
    margin-top: 3px;
}
.form-item-fz152-agreement input:checked {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 10px 10px;
    background-image: url("data:image/svg+xml,%3C!-- icon666.com - MILLIONS OF FREE VECTOR ICONS --%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 405.272 405.272' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M393.401,124.425L179.603,338.208c-15.832,15.835-41.514,15.835-57.361,0L11.878,227.836 c-15.838-15.835-15.838-41.52,0-57.358c15.841-15.841,41.521-15.841,57.355-0.006l81.698,81.699L336.037,67.064 c15.841-15.841,41.523-15.829,57.358,0C409.23,82.902,409.23,108.578,393.401,124.425z' fill='%23182C2D'/%3E%3C/g%3E%3C/svg%3E");
}
.form-item-fz152-agreement label {
    margin: 0;
    display: block;
    font-family: 'Arial';
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #1c2626;
}
.form-item-fz152-agreement label a {
    text-decoration: underline;
}
.form-item-fz152-agreement label a:hover {
    text-decoration: none;
}
.form-item-fz152-agreement label:after {
    display: none;
}
.form-item-fz152-agreement .form-item--error-message {
    grid-column: 2 span;
}
.form-submit {
    margin: 0 auto !important;
    background: none;
    outline: none;
    border: 2px solid var(--darkgreen) !important;
    box-shadow: none !important;
    text-decoration: none;
    text-transform: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 200px;
    height: 50px;
    background: var(--darkgreen) !important;
    color: #ffffff;
    padding: 10px 20px !important;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 18px;
    white-space: nowrap;
    transition: 200ms linear;
}
.form-submit:hover {
    border-color: #c0dedf !important;
    background: #c0dedf !important;
    color: var(--darkgreen);
}
.ui-dialog .form-submit:hover {
    border-color: var(--darkgreen) !important;
}
.btn[data-dialog-type='modal'] + .ajax-progress {
    position: absolute;
    transform: translate(-2px, -30px);
}

/* FOOTER */
.region-footer {
    padding: 60px 0;
    background: #1c2626;
}
.region-footer * {
    margin: 0;
    color: #ffffff;
    font-size: 16px;
    line-height: 18px;
}
#block-footer-btn-lk a:not(.btn) {
    color: #ffffff;
}
.region-footer .region__inner {
    display: grid;
    grid-template-columns: 410px 1fr;
    align-items: flex-start;
    grid-gap: 40px 80px;
}
.region-footer #block-brendingsayta {
    grid-column: 1;
    grid-row: 1;
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    grid-gap: 10px;
}
.region-footer #block-footer-btn-lk {
    grid-column: 1;
    grid-row: 2;
}
.region-footer #block-ssylkanaelpochtuitelefony {
    grid-column: 1;
    grid-row: 3;
}
.region-footer #block-socseti {
    grid-column: 1;
    grid-row: 4;
}
.region-footer #block-footer-ya-badge {
    grid-column: 1;
    grid-row: 5;
}
.region-footer #block-footer-menu-company {
    grid-column: 2;
    grid-row: 1/4;
}
.region-footer #block-footer-menu-products {
    grid-column: 2;
    grid-row: 3/6;
}
.region-footer #block-footer-radon {
    grid-column: 2 span;
}
.region-footer .site-logo {
    max-width: 114px;
    margin: 0 auto;
    background-image: url('/wp-content/themes/twentytwenty/images/logo-white.png');
    background-size: 114px 44px;
}
.region-footer .site-logo img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
    opacity: 0;
}
.region-footer #block-footer-btn-lk .field {
    display: grid;
    grid-template-columns: repeat(3, auto);
    align-items: center;
    justify-content: flex-start;
    grid-gap: 20px;
}
.region-footer #block-footer-btn-lk .field:after,
.region-footer #block-footer-ya-badge .field:after,
.region-footer #block-footer-radon .field:after {
    display: none;
}
.region-footer #block-footer-btn-lk a {
    width: fit-content;
}
.region-footer #block-ssylkanaelpochtuitelefony p:not(:last-child) {
    margin-bottom: 10px;
}
.region-footer #block-ssylkanaelpochtuitelefony a {
    width: fit-content;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
}
.region-footer #block-ssylkanaelpochtuitelefony a:hover {
    color: var(--red);
}
.region-footer #block-ssylkanaelpochtuitelefony a[href*='tel'],
.region-footer #block-ssylkanaelpochtuitelefony a[href*='mailto'] {
    display: grid;
    grid-template-columns: 20px auto;
    align-items: center;
    grid-gap: 16px;
}
.region-footer #block-ssylkanaelpochtuitelefony a[href*='tel']:before,
.region-footer #block-ssylkanaelpochtuitelefony a[href*='mailto']:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
}
.region-footer #block-ssylkanaelpochtuitelefony a[href*='tel']:before {
    background-image: url(/wp-content/themes/twentytwenty/images/tel-icon-green.svg);
}
.region-footer #block-ssylkanaelpochtuitelefony a[href*='mailto']:before {
    background-image: url(/wp-content/themes/twentytwenty/images/mail-icon-green.svg);
}
.region-footer #block-socseti .field__items {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0 20px;
    max-width: 280px;
}
.region-footer #block-socseti a {
    display: block;
    width: auto;
    height: 40px;
    text-decoration: none;
}
.region-footer #block-socseti a img {
    display: block;
    opacity: 0;
    transition: 200ms linear;
}
.region-footer #block-socseti a:hover {
    background-image: none;
}
.region-footer #block-socseti a:hover img {
    opacity: 1;
}
.region-footer #block-socseti a[href*='wa.me'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-wa-green.svg);
}
.region-footer #block-socseti a[href*='t.me'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-tg-green.svg);
}
.region-footer #block-socseti a[href*='vk.com'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-vk-green.svg);
}
.region-footer #block-socseti a[href*='youtube.com'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-you-green.svg);
}
.region-footer #block-socseti a[href*='instagram.com'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-inst-green.svg);
}
.region-footer #block-socseti a[href*='wildberries.ru'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-wb-green.svg);
}
.region-footer #block-socseti a[href*='ozon.ru'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-ozon-green.svg);
}
.region-footer #block-socseti a[href*='instagram.com']:after {
    content: '*';
    display: block;
    position: relative;
    right: -35px;
    top: -35px;
    width: 0;
    height: 0;
    font-size: 12px;
    line-height: 1;
    pointer-events: none;
}
.region-footer #block-socseti a[href*='instagram.com']:before {
    content: '*принадлежит Meta, которая признана экстремистской и запрещена в РФ';
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    font-size: 12px;
    line-height: 1;
    pointer-events: none;
}
.region-footer #block-footer-ya-badge .field {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: flex-start;
    grid-gap: 20px;
}
.region-footer #block-footer-ya-badge iframe {
    display: block;
}
.region-footer .footer__address {
    display: grid;
    grid-template-columns: 20px 1fr;
    align-items: flex-start;
    grid-gap: 10px;
    margin-top: 10px;
}
.region-footer .footer__address:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background-image: url(/wp-content/themes/twentytwenty/images/address-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.region-footer #block-footer-menu-company {
    padding-bottom: 40px;
    border-bottom: 2px solid #304c4d;
}
.region-footer #block-footer-menu-products {
    padding-top: 40px;
    margin-top: 4px;
}
.region-footer #block-footer-menu-company .menu,
.region-footer #block-footer-menu-products .menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: flex-start;
    grid-gap: 10px 30px;
}
.region-footer #block-footer-menu-company:before,
.region-footer #block-footer-menu-products:before {
    content: '';
    display: block;
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 18px;
    line-height: 21px;
}
.region-footer #block-footer-menu-company:before {
    content: 'Компания';
}
.region-footer #block-footer-menu-products:before {
    content: 'Товары';
}
.region-footer #block-footer-menu-company .menu,
.region-footer #block-footer-menu-company .menu li,
.region-footer #block-footer-menu-products .menu,
.region-footer #block-footer-menu-products .menu li {
    margin: 0;
    padding: 0;
}
.region-footer #block-footer-menu-company .menu li a,
.region-footer #block-footer-menu-products .menu li a {
    font-size: 18px;
    line-height: 21px;
    text-decoration: none;
}
.region-footer #block-footer-menu-company .menu li a:hover,
.region-footer #block-footer-menu-products .menu li a:hover {
    color: var(--red);
}
.region-footer #block-footer-radon .field {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.region-footer #block-footer-radon a:hover {
    color: var(--red);
}

/* HOME PAGE */
.first-screen,
.advantages,
.popular-coatings,
.we-offer,
.front_projects,
.news_front,
.front-faq,
.popular-products,
.banner-wb-ozon,
.home-about,
.reviews,
.team-block {
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.our-team span {
    position: absolute;
    left: 10px;
    bottom: 14px;
    color: #fff;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 10px;
    border-radius: 8px;
}
.our-team img {
    width: 100%;
    border-radius: 15px;
    height: 500px;
    object-fit: cover;
}
.our-team > div {
    width: 32%;
    margin-bottom: 20px;
    position: relative;
}
.our-team {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.first-screen {
    position: relative;
    min-height: 734px;
    margin: 30px auto 60px auto;
    border-radius: 10px;
    background-image: url(/wp-content/themes/twentytwenty/images/first-screen-bg.JPG);
    background-repeat: no-repeat;
    background-size: 1180px auto;
    background-position: bottom left;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.first-screen .block-block-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}
.first-screen .field__items {
    flex-grow: 1;
    display: grid;
    grid-template-columns: auto 1fr;
    grid-template-rows: auto 1fr;
    align-items: flex-end;
    grid-gap: 20px;
}
.first-screen .field__items > .field__item:nth-child(1) {
    grid-column: 2 span;
}
.first-screen .field__items > .field__item:nth-child(3) {
    grid-column: 1;
    grid-row: 2;
}
.first-screen .field__items > .field__item:nth-child(2) {
    grid-column: 2;
    grid-row: 2;
}
.first-screen .first-tags {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 9px;
    padding: 20px;
    font-size: 16px;
    line-height: 18px;
}
.first-screen .first-tags > * {
    background: #c0dedf;
    padding: 6px;
    border-radius: 6px;
}
.first-screen .first-info {
    background: #ffeae5;
    padding: 20px;
    border-radius: 6px 0 0 0;
    width: fit-content;
    margin-left: auto;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    grid-gap: 10px 20px;
}
.first-screen .first-info > div:nth-child(1) {
    grid-column: 2 span;
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 102px;
    line-height: 100px;
    color: #23282b;
}
.first-screen .first-info > div:nth-child(2) {
    text-align: right;
}
.first-screen .field__items > .field__item:nth-child(3) .field--name-field-paragraph-text {
    overflow: visible;
}
.first-screen .social-list {
    position: relative;
    z-index: 1;
    max-width: 293px;
    background: #c0dedf;
    padding: 20px;
    border-radius: 0 6px 0 0;
    justify-content: space-between;
}
/* .first-screen .social-list a {
  position: relative;
  z-index: 5;
} */
/*.first-screen .social-list:before {
  content: '';
  display: block;
  width: 390px;
  height: 395px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background-image: url(/wp-content/themes/twentytwenty/images/first-screen-dog.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom left;
}*/
.social-list {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}
.social-list a {
    display: block;
    text-decoration: none;
}
.social-list a img {
    display: block;
    opacity: 0;
}
.social-list a:hover {
    background-image: none !important;
}
.social-list a:hover img {
    opacity: 1;
}
.social-list a[href*='wa.me'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-wa-darkgreen.svg);
}
.social-list a[href*='t.me'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-tg-darkgreen.svg);
}
.social-list a[href*='vk.com'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-vk-darkgreen.svg);
}
.social-list a[href*='youtube.com'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-you-darkgreen.svg);
}
.social-list a[href*='wildberries.ru'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-wb-darkgreen.svg);
}
.social-list a[href*='ozon.ru'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-ozon-darkgreen.svg);
}
.social-list a[href*='instagram.com'] {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-inst-darkgreen.svg);
}
.social-list a[href*='instagram.com']:after {
    content: '*';
    display: block;
    position: relative;
    right: -35px;
    top: -35px;
    width: 0;
    height: 0;
    font-size: 12px;
    line-height: 1;
    color: var(--darkgreen);
}
.social-list a[href*='instagram.com']:before {
    content: '*принадлежит Meta, которая признана экстремистской и запрещена в РФ';
    position: absolute;
    left: 20px;
    bottom: 2.5px;
    z-index: 1;
    font-size: 12px;
    line-height: 1;
    color: var(--darkgreen);
    pointer-events: none;
}

.advantages,
.popular-coatings,
.we-offer,
.news_front,
.front-faq,
.popular-products,
.banner-wb-ozon,
.home-about,
.reviews {
    padding: 60px 0;
}
.advantages .field__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
    grid-gap: 20px;
}
.advantages .field__item {
    font-size: 18px;
    line-height: 21px;
}
.advantages .field__item:after {
    display: none;
}
.advantages .field__item p {
    margin: 0;
}
.advantages .field__item img {
    display: block;
}
.advantages .field__item .field {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.popular-coatings .view-content {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: stretch;
    grid-gap: 20px;
}
.we-offer.ds-3col-stacked-equal {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
    grid-gap: 0px 20px;
}
.we-offer.ds-3col-stacked-equal:after,
.we-offer .group-footer {
    display: none;
}
.we-offer.ds-3col-stacked-equal > div {
    float: none;
    width: 100%;
}
.we-offer.ds-3col-stacked-equal .group-header,
.we-offer.ds-3col-stacked-equal .group-footer {
    grid-column: 3 span;
}
.we-offer__wrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
    grid-gap: 20px;
}
.we-offer-item,
.we-offer .block-inline-blockicon-card {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: #304c4d;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
    font-size: 18px;
    line-height: 21px;
    color: #ffffff;
    text-decoration: none;
}
.we-offer-item__img img,
.we-offer .block-inline-blockicon-card img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: 200ms linear;
}
.we-offer-item:hover img,
.we-offer .block-inline-blockicon-card:hover img {
    opacity: 1;
}
.we-offer-item__img,
.we-offer .block-inline-blockicon-card .field--type-image {
    width: 100%;
    height: 60px;
    border: 2px solid #ffffff;
    border-radius: 6px;
    overflow: hidden;
}
.we-offer .block-inline-blockicon-card p {
    margin: 0;
}
.we-offer-item__title,
.we-offer .block-inline-blockicon-card .field--name-field-ic-title {
    font-weight: bold;
}
.we-offer .block-inline-blockicon-card .field--name-field-ic-link {
    font-size: 0px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.we-offer .block-inline-blockicon-card .field--name-field-ic-link a {
    display: block;
    width: 100%;
    height: 100%;
}
.front_projects .view-content {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.front_projects .view-header,
.news_front .view-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
}
.front_projects .view-header h2,
.news_front .view-header h2 {
    margin: 0;
}
.news_front .view-front-news {
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: stretch;
    grid-gap: 20px;
}
.news_front .view-header {
    grid-column: 2 span;
    margin-bottom: 10px;
}
.news_front .view-content {
    margin: 0;
    grid-template-columns: 100%;
    align-items: stretch;
    grid-gap: 30px 20px;
}
.news_front .view-footer img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.news_front .view-content > div {
    grid-column: 1;
}
.news-teaser {
    padding: 0;
    margin: 0;
    border: none;
    position: relative;
    display: grid;
    grid-template-columns: 190px 1fr;
    align-items: center;
    grid-gap: 0px;
    border-radius: 6px;
    font-size: 18px;
    line-height: 21px;
}
.news-teaser:hover {
    background: var(--darkgreen);
    color: #fff;
}
.news-teaser--image-wrapper {
    max-width: 190px;
    width: 100%;
    height: 190px;
    border-radius: 6px;
    overflow: hidden;
}
.news-teaser--image-wrapper * {
    height: 100%;
}
.news-teaser--image-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-teaser--right {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px;
}
.news-teaser--date {
    margin: 0;
    padding: 0;
    background: none;
    opacity: 0.5;
}
.news-teaser--title {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    line-height: 21px;
    font-weight: 700;
}
.news-teaser--summary {
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}
.news-teaser--summary > .field img {
    display: none !important;
}
.news-teaser--summary p {
    margin: 0;
}
.news-teaser--more-link {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    opacity: 0;
}
#block-content-banner-wb-ozon .field,
.banner-wb-ozon .block-block-content {
    position: relative;
    z-index: 1;
    background: var(--red);
    border-radius: 10px;
    padding: 20px;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#block-content-banner-wb-ozon .field:after,
.banner-wb-ozon .block-block-content:after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    top: 50%;
    z-index: -1;
    transform: translateY(-50%);
    width: 337px;
    height: 220px;
    background-image: url(/wp-content/themes/twentytwenty/images/wb-ozon-banner.png);
    background-size: cover;
}
#block-content-banner-wb-ozon h2,
.banner-wb-ozon h2 {
    max-width: 525px;
    margin-bottom: 10px !important;
    text-align: left !important;
}
#block-content-banner-wb-ozon .field--type-text-with-summary p,
.banner-wb-ozon .field--type-text-with-summary p {
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    width: fit-content;
    background: #ffffff;
    border-radius: 6px;
}
#block-content-banner-wb-ozon .field--type-text-with-summary img,
.banner-wb-ozon .field--type-text-with-summary img {
    display: block;
}
#block-content-banner-wb-ozon a:hover img,
.banner-wb-ozon a:hover img {
    opacity: 0;
}
#block-content-banner-wb-ozon a[href*='wildberries.ru']:hover,
.banner-wb-ozon a[href*='wildberries.ru']:hover {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-wb-orange.svg);
}
#block-content-banner-wb-ozon a[href*='ozon.ru']:hover,
.banner-wb-ozon a[href*='ozon.ru']:hover {
    background-image: url(/wp-content/themes/twentytwenty/images/soc-ozon-orange.svg);
}

.home-about .group-right,
.home-about .group-footer,
.home-about:after {
    display: none;
}
.home-about .group-header {
    margin-bottom: 30px;
}
.home-about .group-header .block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.home-about .group-header h2,
.home-about p {
    margin: 0;
}
.home-about .group-left {
    float: none;
    width: 100%;
}
.home-about .group-left .field__item .btn {
    min-width: auto;
    margin: 20px auto 0 auto;
}
.home-about .group-left .field__item ul {
    padding-left: 16px;
}
.home-about .group-left .block > .field__items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: stretch;
    grid-gap: 20px;
}
.home-about .group-left .field__item .paragraph {
    height: 100%;
    padding: 20px 0;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
}
.home-about .group-left .field__item .field--name-field-paragraph-text {
    overflow: visible;
}
.home-about .group-left .field__item:nth-child(2) .paragraph {
    padding: 20px;
    background: var(--red);
    color: #fff;
}
.home-about .group-left .field__item:nth-child(3) .paragraph-image-link {
    padding: 0;
}
.home-about .group-left .field__item:nth-child(3) .paragraph-image-link * {
    height: 100%;
}
.home-about .group-left .field__item:nth-child(3) .paragraph-image-link img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.home-about .group-left .field__item:nth-child(4) .paragraph {
    padding: 20px;
    background: #304c4d;
    color: #fff;
}
.home-about .group-left .field__item:nth-child(6) .paragraph {
    padding: 20px;
    background: var(--pink);
    color: var(--red);
}
.home-about .group-left .field__item:nth-child(2) .paragraph,
.home-about .group-left .field__item:nth-child(4) .paragraph,
.home-about .group-left .field__item:nth-child(6) .paragraph {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}
.home-about .group-left .field__item:nth-child(2) .paragraph strong,
.home-about .group-left .field__item:nth-child(4) .paragraph strong,
.home-about .group-left .field__item:nth-child(6) .paragraph strong {
    display: block;
    margin-bottom: -20px;
    font-family: 'El Messiri';
    font-weight: 700;
    font-size: 153px;
    line-height: 1;
}
.view-front-projects {
    padding: 60px 0;
}
.reviews .view-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 30px;
}
.reviews .view-header h2 {
    margin-bottom: 0;
}
.reviews .slick__slider {
    margin: 0;
}
.reviews .slick-list {
    width: calc(100% + 20px);
    margin-left: -10px;
}
.reviews .slick-track {
    display: flex;
    align-items: stretch;
    width: fit-content !important;
}
.reviews .slick__slide {
    float: none;
    flex: none;
    padding: 20px 10px;
    height: auto;
}
.reviews .slick__slide.slick-current {
    padding: 0 10px;
}
.reviews .slick__slide div {
    height: 100%;
}
.reviews .slide__media {
    display: none;
}
.reviews .slide__caption {
    padding: 0;
}
.reviews .review-teaser {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto 1fr;
    align-items: flex-start;
    grid-gap: 20px;
    padding: 20px;
    background: #c0dedf;
    border-radius: 10px;
    font-size: 18px;
    line-height: 100%;
}
.reviews .review-teaser .review-teaser--name {
    margin: 0;
    text-align: left;
    font-size: 18px;
    font-weight: bold;
}
.reviews .review-teaser .review-teaser--body {
    margin: 0;
    grid-column: 2 span;
    grid-row: 2;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    line-clamp: 8;
    -webkit-box-orient: vertical;
}
.reviews .review-teaser .review-teaser--body p {
    margin: 0;
    font-size: 18px;
    line-height: 21px;
}
.reviews .slick__slide.slick-current .review-teaser {
    background: #23282b;
    padding: 40px 20px;
    color: #fff;
}

.slick-dots {
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 0;
}
.slick-dots li {
    display: block;
    margin: 0;
    width: 10px;
    height: 5px;
    border-radius: 10px;
    background: #c14d36;
    opacity: 0.4;
    cursor: pointer;
}
.slick-dots li.slick-active {
    opacity: 1;
    width: 40px;
}
.slick-dots li button {
    display: none;
}

.popular-products .view-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 30px;
}
.popular-products .view-header h2 {
    margin-bottom: 0;
}
.popular-products .view-content {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
    grid-gap: 20px;
}
.view-id-products .views-row {
    box-shadow: none !important;
}
.product-card {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    /* min-height: 520px; */
    padding: 20px;
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0px 0px 30px 0px #182c2d1a;
}
.product-card:hover .product-card--title a {
    color: var(--red);
}
.product-card--image {
    margin-bottom: 20px;
}
.product-card--image img {
    display: block;
    width: 160px;
    height: 160px;
    object-fit: contain;
    margin: 0 auto;
}
.product-card--title {
    flex-grow: 1;
    height: auto;
    min-height: 41px;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #1c2626;
    text-align: left;
}
/* .popular-products .product-card--title {
  height: 41px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
} */
.product-card--price {
    position: absolute;
    left: 20px;
    bottom: 20px;
    padding: 7px 0;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    text-align: left;
    border-top: 2px solid transparent;
    border-bottom: 2px solid transparent;
}
/* .product-card--add-to-cart {
  flex-grow: 1;
} */
.product-card--add-to-cart .field--name-variations,
.product-card--add-to-cart .field--name-variations > .field__item,
.product-card--add-to-cart div[id*='commerce-product-add-to-cart-form'] {
    height: 100%;
}

.product-card .commerce-order-item-add-to-cart-form {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.product-card .commerce-order-item-add-to-cart-form .form-item {
    margin: 0;
    margin-top: 17px;
}
.product-card .commerce-order-item-add-to-cart-form .form-type-select {
    position: relative;
    height: 43px;
    width: fit-content;
    min-width: 65px;
    border: 2px solid #ffeae5;
    border-radius: 4px;
}
.product-card .commerce-order-item-add-to-cart-form .form-type-select label {
    position: absolute;
    left: 5px;
    top: -7px;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 0 4px;
    background: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    opacity: 0.8;
}
.product-card .commerce-order-item-add-to-cart-form .form-type-select select {
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
    text-overflow: ellipsis;
    height: 100%;
    min-width: 65px;
    max-width: 236px;
    padding: 0 40px 0 10px;
    text-align: left;
    font-size: 18px;
    line-height: 21px;
    background-color: #fff;
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
}
.product-card .commerce-order-item-add-to-cart-form fieldset {
    position: relative;
    height: 38px;
    width: fit-content;
    min-width: 75px;
    border: 2px solid #ffeae5;
    border-radius: 4px;
}
.product-card .commerce-order-item-add-to-cart-form fieldset legend {
    position: absolute;
    left: 5px;
    top: -7px;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 0 4px;
    background: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    color: rgba(28, 38, 38, 0.8);
}
.product-card .commerce-order-item-add-to-cart-form fieldset .fieldset-wrapper {
    display: flex;
    align-items: center;
    padding: 0 4px;
}
.product-card .commerce-order-item-add-to-cart-form fieldset .form-radios {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}
.product-card .commerce-order-item-add-to-cart-form fieldset .form-radios:after {
    display: none;
}
.product-card .commerce-order-item-add-to-cart-form .attribute-widgets .form-type-radio {
    margin: 0;
}
.product-card .commerce-order-item-add-to-cart-form .attribute-widgets label.option {
    border: none;
    outline: none;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #1c2626;
}
.product-card .commerce-order-item-add-to-cart-form .attribute-widgets input:checked ~ label.option {
    color: var(--red);
}
.product-card .commerce-order-item-add-to-cart-form .form-radios .form-item:not(:first-child) label.option:before {
    content: '';
    display: block;
    width: 2px;
    height: 10px;
    border-radius: 10px;
    background: #ffeae5;
}
.product-card .commerce-order-item-add-to-cart-form .form-actions {
    margin: 0;
    margin-top: auto;
    margin-left: auto;
    padding-top: 63px;
}
ul.tabs.wc-tabs {
    display: none;
}
.single-product div.product .product_meta {
    display: none;
}
.woocommerce-Tabs-panel p {
    margin: 18px 0;
}
.paragraph--type--video {
    margin: 1em 0;
}
.paragraph--type--paragraph-gallery img {
    height: 257px;
    object-fit: cover;
}
/**
 * @file
 * Visual styles for fields.
 */

.field__label {
    font-weight: bold;
}
.field--label-inline .field__label,
.field--label-inline .field__items {
    float: left; /* LTR */
}
.field--label-inline .field__label,
.field--label-inline > .field__item,
.field--label-inline .field__items {
    padding-right: 0.5em;
}
[dir='rtl'] .field--label-inline .field__label,
[dir='rtl'] .field--label-inline .field__items {
    padding-right: 0;
    padding-left: 0.5em;
}
.field--label-inline .field__label::after {
    content: ':';
}

.woocommerce ul.products li.product .add_to_cart_button,
.single-product .single_add_to_cart_button {
    height: 38px;
    width: 126px;
    font-family: 'ClearSans-Medium';
    border-radius: 4px;
    text-transform: none;
    margin-left: auto;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 18px;
    white-space: nowrap;
    padding: 8px 8px 8px 37px !important;
    border: 2px solid var(--red) !important;
    background-color: var(--red) !important;
    background-repeat: no-repeat !important;
    background-position: left 8px top 8px !important;
    background-size: 19px 19px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3576 15.4052L11.4493 15.3955H6.71697C6.35775 15.3955 6.06551 15.1032 6.06551 14.744C6.06551 14.3848 6.35775 14.0926 6.71697 14.0926H11.4493H16.2038C16.511 14.0926 16.7602 13.8435 16.7602 13.5362C16.7602 13.2289 16.511 12.9797 16.2038 12.9797H11.4493H6.71697C5.74412 12.9797 4.95267 13.7712 4.95267 14.744C4.95267 15.1998 5.12642 15.6158 5.4112 15.9293C5.08521 16.255 4.8833 16.7049 4.8833 17.2011C4.8833 18.193 5.69034 19 6.68229 19C7.67424 19 8.48124 18.193 8.48124 17.2011C8.48124 16.9557 8.43168 16.7216 8.34232 16.5083H11.4493H14.5958C14.5064 16.7216 14.4569 16.9557 14.4569 17.2011C14.4569 18.193 15.2639 19 16.2558 19C17.2478 19 18.0548 18.193 18.0548 17.2011C18.0548 16.2433 17.3024 15.4582 16.3576 15.4052Z' fill='%23ffffff'/%3E%3Cpath d='M18.8773 4.76101C18.772 4.6242 18.6091 4.544 18.4364 4.544H4.88305L3.70933 0.40463C3.64145 0.16522 3.42285 0 3.17402 0H0.556422C0.249129 0 0 0.249129 0 0.556422C0 0.863716 0.249129 1.11284 0.556422 1.11284H2.75347L3.92556 5.24636L5.7244 12.0435C6.03399 11.9293 6.36836 11.8668 6.71713 11.8668H16.2039C16.5524 11.8668 16.8762 11.9744 17.1442 12.1578L18.9743 5.24276C19.0185 5.07587 18.9826 4.89785 18.8773 4.76101Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") !important;
}
.docs a {
    color: #1c2626;
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}
.docs {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.woocommerce .popular-products ul.products li.product {
    margin-bottom: 0;
}
.product-content {
    width: 100%;
    margin-top: 30px;
}
.woocommerce ul.products li.product .add_to_cart_button:hover,
.single-product .single_add_to_cart_button:hover {
    background-color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='19' viewBox='0 0 19 19' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3576 15.4052L11.4493 15.3955H6.71697C6.35775 15.3955 6.06551 15.1032 6.06551 14.744C6.06551 14.3848 6.35775 14.0926 6.71697 14.0926H11.4493H16.2038C16.511 14.0926 16.7602 13.8435 16.7602 13.5362C16.7602 13.2289 16.511 12.9797 16.2038 12.9797H11.4493H6.71697C5.74412 12.9797 4.95267 13.7712 4.95267 14.744C4.95267 15.1998 5.12642 15.6158 5.4112 15.9293C5.08521 16.255 4.8833 16.7049 4.8833 17.2011C4.8833 18.193 5.69034 19 6.68229 19C7.67424 19 8.48124 18.193 8.48124 17.2011C8.48124 16.9557 8.43168 16.7216 8.34232 16.5083H11.4493H14.5958C14.5064 16.7216 14.4569 16.9557 14.4569 17.2011C14.4569 18.193 15.2639 19 16.2558 19C17.2478 19 18.0548 18.193 18.0548 17.2011C18.0548 16.2433 17.3024 15.4582 16.3576 15.4052Z' fill='%23C14D36'/%3E%3Cpath d='M18.8773 4.76101C18.772 4.6242 18.6091 4.544 18.4364 4.544H4.88305L3.70933 0.40463C3.64145 0.16522 3.42285 0 3.17402 0H0.556422C0.249129 0 0 0.249129 0 0.556422C0 0.863716 0.249129 1.11284 0.556422 1.11284H2.75347L3.92556 5.24636L5.7244 12.0435C6.03399 11.9293 6.36836 11.8668 6.71713 11.8668H16.2039C16.5524 11.8668 16.8762 11.9744 17.1442 12.1578L18.9743 5.24276C19.0185 5.07587 18.9826 4.89785 18.8773 4.76101Z' fill='%23C14D36'/%3E%3C/svg%3E%0A") !important;
    color: var(--red) !important;
    text-decoration: none !important;
}
.woocommerce ul.products li.product .add_to_cart_button {
    margin-left: auto !important;
}

.view-catalog-subcategory.view-display-id-page_1 .view-content,
.view-products.view-display-id-page_1 .view-content {
    grid-gap: 20px;
}
.view-products {
    position: relative;
}
.view-catalog-subcategory .view-header,
.view-products .view-header {
    position: absolute;
    right: 0;
    top: -40px;
    z-index: 1;
    display: none;
}

.layout__content .view-front-projects,
#block-content-banner-wb-ozon {
    padding: 60px 0;
}
.layout__content .view-front-projects .view-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.layout__content .view-front-projects .view-header h2 {
    margin: 0;
}
.layout__content .view-front-projects .view-content {
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 20px;
}
.views-news-page {
    padding: 0;
}
.views-news-page .view-content {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.page-id-1784 .paragraph,
.page-id-1784 .paragraph * {
    padding: 0 !important;
}
.page-id-1784 .paragraph--type--video iframe,
.page-id-1784 .paragraph img,
.path-contacts img {
    border-radius: 10px;
}
.page-id-1784 .node__content > .field > .field__item:nth-child(1) {
    background: #304c4d;
    border-radius: 10px;
    padding: 20px;
    color: #fff;
}
.representation--info a {
    text-decoration: none;
    font-weight: bold;
    color: var(--textColor);
}
.representation--info a:hover {
    color: var(--red);
}
.form-item-field-representation-city-target-id .view-content,
.form-item-field-representation-city-target-id label,
.form-item-field-representation-city-target-id .form-actions {
    display: none;
}
.form-item-field-representation-city-target-id {
    float: none;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 2px;
    margin-bottom: 30px;
}
.form-item-field-representation-city-target-id:before {
    content: '';
    display: block;
    width: 20px;
    height: 19px;
    background-image: url(/wp-content/themes/twentytwenty/images/address-icon.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.form-item-field-representation-city-target-id select {
    appearance: none;
    outline: none;
    border: none;
    height: 41px;
    width: 100%;
    max-width: 525px;
    background: #fff;
    padding: 10px 40px 10px 10px;
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
    font-size: 18px;
    line-height: 21px;
    color: var(--textColor);
    text-overflow: ellipsis;
    cursor: pointer;
}
.form-item-field-representation-city-target-id select:focus {
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-up.svg);
}

.commerce-order-item-add-to-cart-form .form-type-select {
    position: relative;
    height: 43px;
    width: fit-content;
    min-width: 65px;
    border: 2px solid #ffeae5;
    border-radius: 4px;
}
.commerce-order-item-add-to-cart-form .form-type-select label {
    position: absolute;
    left: 5px;
    top: -7px;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 0 4px;
    background: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    opacity: 0.8;
}
.commerce-order-item-add-to-cart-form .form-type-select select {
    appearance: none;
    border: none;
    outline: none;
    cursor: pointer;
    text-overflow: ellipsis;
    height: 100%;
    min-width: 65px;
    max-width: 236px;
    padding: 0 40px 0 10px;
    text-align: left;
    font-size: 18px;
    line-height: 21px;
    background-color: #fff;
    background-image: url(/wp-content/themes/twentytwenty/images/arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 20px 20px;
}
.commerce-order-item-add-to-cart-form fieldset {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
    width: fit-content;
    min-width: 85px;
    border: 2px solid #ffeae5;
    border-radius: 4px;
    margin-top: 25px;
}
.commerce-order-item-add-to-cart-form legend {
    position: absolute;
    left: 5px;
    top: -7px;
    z-index: 1;
    display: block;
    margin: 0;
    padding: 0 4px;
    background: #fff;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    white-space: nowrap;
    color: rgba(28, 38, 38, 0.8);
}
.commerce-order-item-add-to-cart-form .fieldset-wrapper {
    display: flex;
    align-items: center;
    padding: 0 4px;
}
.commerce-order-item-add-to-cart-form .form-radios {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 10px;
}
.commerce-order-item-add-to-cart-form .form-radios:after {
    display: none;
}
.commerce-order-item-add-to-cart-form .attribute-widgets .form-type-radio {
    margin: 0;
}
.commerce-order-item-add-to-cart-form .form-type-select .ajax-progress,
.commerce-order-item-add-to-cart-form .attribute-widgets .form-type-radio .ajax-progress {
    position: absolute;
    left: 0;
    top: 100%;
    font-size: 12px;
    white-space: nowrap;
}
.commerce-order-item-add-to-cart-form .attribute-widgets label.option {
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    color: #1c2626;
    cursor: pointer;
}
.commerce-order-item-add-to-cart-form .attribute-widgets input:checked ~ label.option {
    color: var(--red);
}
.commerce-order-item-add-to-cart-form .form-radios .form-item:not(:first-child) label.option:before {
    content: '';
    display: block;
    width: 2px;
    height: 10px;
    border-radius: 10px;
    background: #ffeae5;
}
ul.links.inline {
    list-style: none;
}
.home-about ul li {
    margin: 0;
}
.home-about ul {
    margin: 18px 0;
}
@media (max-width: 1200px) {
    .layout__content {
        max-width: 1200px;
        padding: 0 10px;
    }
    .region-footer .region__inner {
        grid-gap: 40px;
    }
    .home-about .group-left .block > .field__items {
        grid-template-columns: repeat(2, 1fr);
    }
    .popular-products .view-content {
        grid-template-columns: 50% 50%;
    }
    /* .tax-product_cat .layout__main .layout__content .tax-product_cat {
    display: none;
  } */
    .tax-product_cat .layout__main .layout__content,
    .woocommerce-shop .layout__main .layout__content {
        grid-template-columns: 100%;
        grid-template-areas: 'sidebar' 'content';
    }
    .tax-product_cat .layout__main .layout__content .region-content,
    .woocommerce-shop .layout__main .layout__content .region-content {
        max-width: 100%;
    }
}
@media (max-width: 1090px) {
    .small-img {
        gap: 2px;
    }
}
@media (max-width: 991px) {
    h1,
    .h1,
    h1.title,
    h1.page-title {
        font-size: 42px !important;
        line-height: calc(42px + 5px);
    }
    .view-projects .view-content {
        grid-template-columns: repeat(3, 1fr);
    }
    .coating-teaser {
        padding: 0;
        gap: 0 !important;
        border-radius: 6px;
    }
    .coating-teaser .field--name-title {
        padding: 15px;
        background: #304c4d;
        border-radius: 0 0 6px 6px;
        font-size: 22px;
        line-height: 27px;
        order: 1;
        z-index: 10;
    }
    .coating-teaser .field--name-title,
    .coating-teaser .field--name-field-stoimost,
    .coating-teaser .field--name-field-opisanie,
    .coating-teaser .field--name-body {
        opacity: 1;
    }
    .coating-teaser .field--name-body {
        padding: 0 15px 0 15px;
        margin-bottom: 15px;
        margin-top: 15px;
        order: 3;
    }
    .coating-teaser .field--name-body p {
        text-align: left !important;
    }
    .coating-teaser .field--name-field-stoimost {
        padding: 0 15px 15px 15px;
        order: 4;
    }
    .coating-teaser .field--name-field-coating-photo {
        position: static;
        opacity: 1;
        width: 100%;
        margin-top: -20px;
        height: auto;
        order: 2;
    }
    .coating-teaser .field--name-field-coating-photo img {
        display: block;
        height: 150px;
    }
    .coating-teaser:before {
        opacity: 0;
    }

    .header--top {
        padding: 10px 0;
    }
    .header--top .region__inner {
        grid-template-columns: 1fr 1fr;
        align-items: center;
        grid-gap: 10px;
        max-width: 425px;
        margin: 0 auto;
        padding: 0;
    }
    .header #block-header-logo {
        grid-column: 2 span;
        grid-template-columns: 100%;
    }
    .header .site-logo {
        width: fit-content;
        margin: 0 auto;
    }
    .header .site-slogan {
        margin: 0 auto;
        text-align: center;
    }
    .header #block-header-cart .cart-block--link__expand {
        margin: 0 auto;
    }
    .header .btn {
        width: 100%;
    }
    .header--middle .region__inner {
        padding: 0;
    }
    .menu--main .mobile-menu-btn {
        display: block;
    }
    .menu--main .mobile-menu-close-btn.is-visible {
        display: block;
        background-color: #fff;
        margin-top: -30px;
    }
    .menu--main > .menu {
        position: absolute;
        left: -10px;
        top: 50px;
        z-index: 10;
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
        background-color: #fff;
        padding: 10px;
        width: 100vw;
        box-shadow: 0px 0px 30px 0px rgba(53, 25, 19, 0.1);
        visibility: hidden;
        opacity: 0;
        transition: 200ms linear;
    }
    .menu--main > .menu > li {
        padding: 0;
        width: 100%;
    }
    .menu .icon {
        position: absolute;
        top: 4px;
        left: auto;
        right: 0;
    }

    .menu--main > .menu.is-open {
        visibility: visible;
        opacity: 1;
    }
    .menu--main .menu .menu-item--expanded {
        display: grid;
        grid-template-columns: 1fr auto;
        align-items: center;
        width: 100%;
    }
    .menu--main .menu .menu-item--expanded:after {
        grid-column: 2;
        grid-row: 1;
    }
    .menu--main .menu ul {
        grid-column: 2 span;
        position: static;
        background-color: #fff;
        padding: 0 0 0 10px;
        box-shadow: none;
        visibility: visible;
        opacity: 1;
        display: none;
    }
    /*.menu--main .menu li:hover > ul {
    display: block;
  }*/
    .menu li:hover .icon {
        background-image: url(/wp-content/themes/twentytwenty/images/arrow-down.svg);
    }
    .menu .icon.act {
        background-image: url(/wp-content/themes/twentytwenty/images/arrow-up.svg) !important;
    }
    ul.sub-menu {
        margin-top: 8px !important;
    }

    .region-footer {
        padding: 35px 0;
    }
    .region-footer .region__inner {
        grid-template-columns: 100%;
    }
    .region-footer #block-brendingsayta {
        grid-column: 1;
        grid-template-columns: 100%;
        text-align: center;
    }
    .region-footer #block-footer-menu-company {
        grid-column: 1;
        grid-row: 5;
    }
    .region-footer #block-footer-menu-products {
        margin-top: 0;
        padding-top: 0;
        grid-column: 1;
        grid-row: 6;
    }
    .region-footer #block-footer-ya-badge {
        grid-row: 7;
    }
    .region-footer #block-footer-radon {
        grid-row: 8;
    }
    .region-footer #block-footer-btn-lk .field,
    .region-footer #block-socseti .field__items {
        justify-content: center;
    }
    .region-footer #block-socseti .field__items,
    .region-footer #block-ssylkanaelpochtuitelefony a {
        margin: 0 auto;
    }
    .region-footer #block-socseti .field__items {
        margin-bottom: 15px;
        max-width: 250px;
        gap: 0 5px;
    }
    .region-footer #block-footer-menu-company,
    .region-footer #block-footer-menu-products {
        max-width: 425px;
        width: 100%;
        margin: 0 auto;
    }
    .region-footer #block-footer-menu-company .menu,
    .region-footer #block-footer-menu-products .menu {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .region-footer #block-footer-menu-company .menu li a,
    .region-footer #block-footer-menu-products .menu li a {
        font-size: 16px;
        line-height: 19px;
    }
    .region-footer #block-footer-ya-badge .field,
    .region-footer #block-footer-radon .field {
        max-width: 425px;
        width: 100%;
        margin: 0 auto;
    }
    .region-footer #block-footer-radon .field {
        flex-direction: column;
        gap: 5px;
    }

    .first-screen {
        margin-bottom: 30px;
    }
    .first-screen .field__items {
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: auto 1fr auto;
        grid-gap: 0;
    }
    .first-screen .field__items > .field__item {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
    .first-screen .first-info {
        border-radius: 6px 6px 0 0;
    }
    .first-screen .first-info,
    .first-screen .social-list {
        max-width: 635px;
        width: 100%;
        margin: 0 auto;
    }
    .first-screen .social-list {
        border-radius: 0px;
    }
    .first-screen .social-list:before {
        display: none;
    }

    .advantages,
    .popular-coatings,
    .we-offer,
    .news_front,
    .front-faq,
    .popular-products,
    .banner-wb-ozon,
    .home-about,
    .reviews {
        padding: 30px 0;
    }
    .popular-coatings .view-content {
        grid-template-columns: 100%;
    }
    .we-offer__wrap,
    .we-offer.ds-3col-stacked-equal {
        grid-template-columns: 100%;
        grid-gap: 20px;
    }
    .we-offer.ds-3col-stacked-equal .group-header,
    .we-offer.ds-3col-stacked-equal .group-footer {
        grid-column: 1 span;
    }
    .we-offer.ds-3col-stacked-equal .group-header h2 {
        margin-bottom: 10px;
    }
    .we-offer-item__img img,
    .we-offer .block-inline-blockicon-card img {
        opacity: 1;
    }
    .layout__content .view-front-projects .view-content,
    .front_projects .view-content {
        grid-template-columns: repeat(3, 1fr);
    }
    .news_front .view-front-news {
        grid-template-columns: 100%;
    }
    .news_front .view-header {
        grid-column: 1;
    }
    .view-front-news .view-footer {
        display: none;
    }
    .reviews .slick__slide {
        padding: 0 10px;
    }
    .reviews .slick__slide .review-teaser {
        background: #23282b;
        padding: 20px;
        color: #fff;
    }
    .view-catalog-subcategory.view-display-id-page_1 .view-content,
    .view-products.view-display-id-page_1 .view-content {
        grid-template-columns: 1fr 1fr;
    }
}
.cat-advantages img {
    margin: 0 auto;
    display: block;
}
nav.woocommerce-breadcrumb {
    display: none;
}
.wc-block-components-product-metadata__description {
    display: none;
}
@media (max-width: 880px) {
    .woocommerce ul.products li.product .price {
        position: initial;
    }
}
@media (max-width: 768px) {
    .woocommerce ul.products li.product .price {
        position: absolute;
    }
}
.full-img {
    background: url(/wp-content/themes/twentytwenty/images/slide1_0.jpg) no-repeat;
    background-size: cover;
    padding: 140px 20px;
    text-align: center;
    font-size: 52px;
    line-height: 1.2;
    font-family: 'El Messiri';
}
.two-img img {
    width: 550px;
    margin: 10px;
}
.two-img {
    margin: 20px auto;
    max-width: 1200px;
    padding: 0 20px;
    text-align: center;
}
.sert-block {
    margin-bottom: 50px;
}
.sert-block img {
    width: 271px;
    height: 257px;
    object-fit: cover;
    margin: 10px;
}
.video-item iframe {
    width: 100% ;
    margin-bottom: 10px;
    height: auto;
}
.video-flex > div {
    width: 48%;
    margin-bottom: 50px;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 600;
}
.video-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.view-predstavitelstva img {
    border-radius: 10px;
}
.menu .sub-menu li:last-child {
    margin-bottom: 0;
}
.menu .sub-menu li {
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    h1,
    .h1,
    h1.title,
    h1.page-title {
        font-size: 32px !important;
        line-height: calc(32px + 5px);
    }
    .video-flex > div {
        width: 100%;
    }
    .two-img img {
        width: 100%;
        margin: 10px 0;
    }
    .full-img {
        font-size: 32px;
    }
    .our-team > div {
        width: 48%;
    }
    .project-full--info {
        width: 100%;
    }
    .project-full--logo {
        width: 100%;
    }
    .news-images a {
        width: 46%;
    }
    .project-images a {
        width: 48%;
    }
    .cat-advantages > div {
        width: 100%;
    }
    .path-notfront .page-title {
        margin-bottom: 30px;
    }
    .view-projects .view-content {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .view-coating-list .view-content {
        display: grid !important;
        grid-template-columns: 100%;
        grid-gap: 10px !important;
    }
    .coating-teaser {
        min-height: 150px;
    }
    .coating-teaser .field--name-title {
        font-size: 18px;
        line-height: 21px;
    }
    .coating-teaser .field--name-field-opisanie,
    .coating-teaser .field--name-body {
        font-size: 14px;
        line-height: 17px;
    }
    .paragraph--type--accordion .ui-accordion-header {
        font-size: 16px;
        line-height: 19px;
    }
    .paragraph--type--accordion .ui-widget-content {
        font-size: 14px;
        line-height: 17px;
    }

    h2,
    h3,
    h4,
    h5,
    h6,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6 {
        font-size: 24px !important;
        line-height: calc(24px + 5px);
    }
    .first-screen {
        min-height: 500px;
        background-size: cover;
        background-position: right center;
    }
    .first-screen .first-tags {
        padding: 10px;
        font-size: 14px;
        line-height: 16px;
    }
    .first-screen .first-tags > * {
        padding: 3px;
        width: calc((100% - 10px) / 2);
    }
    .first-screen .first-info {
        padding: 10px;
    }
    .first-screen .first-info {
        grid-gap: 10px;
    }
    .first-screen .first-info > div:nth-child(1) {
        font-size: 52px;
        line-height: 50px;
        text-align: center;
    }
    .first-screen .first-info > div:nth-child(2) {
        font-size: 13px;
        line-height: 1;
    }
    .first-screen .first-info > div:nth-child(2) br {
        display: none;
    }
    .first-screen .social-list {
        gap: 0 10px;
        padding: 20px 50px 25px 50px;
    }
    .social-list a[href*='instagram.com']:before {
        max-width: calc(100% - 100px);
        left: 50px;
        bottom: 5px;
    }
    .advantages .field__items {
        grid-template-columns: 100%;
    }
    .layout__content .view-front-projects .view-content,
    .front_projects .view-content {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
    }
    .news-teaser {
        grid-template-columns: 100%;
    }
    .news-teaser:hover {
        background: #fff;
        color: var(--textColor);
    }
    .news-teaser--right {
        padding: 10px 0 0 0;
    }
    .news-teaser--image-wrapper {
        max-width: 100%;
    }
    #block-content-banner-wb-ozon .field:after,
    .banner-wb-ozon .block-block-content:after {
        position: static;
        margin: 0 auto -68px auto;
        transform: none;
    }
    .home-about .group-left .field__item .paragraph {
        padding: 0;
    }
    .home-about .group-left .block > .field__items {
        grid-template-columns: 100%;
    }
    .home-about .group-left .field__item:nth-child(2) .paragraph strong,
    .home-about .group-left .field__item:nth-child(4) .paragraph strong,
    .home-about .group-left .field__item:nth-child(6) .paragraph strong {
        font-size: 120px;
    }
}
@media (max-width: 625px) {
    .view-catalog-subcategory.view-display-id-page_1 .view-content,
    .view-products.view-display-id-page_1 .view-content,
    .popular-products .view-content {
        grid-gap: 10px;
    }
    .product-card {
        padding: 10px;
        border-radius: 6px;
        min-height: auto;
    }
    .product-card--image img {
        max-width: 160px;
        width: 100%;
    }
    .product-card--title {
        font-size: 16px;
        line-height: 18px;
        min-height: 36px;
    }
    /* .popular-products .product-card--title {
    height: 36px;
  } */
    .product-card--price {
        width: calc(100% - 20px);
        left: 10px;
        bottom: 55px;
        text-align: center;
    }
    .product-card .commerce-order-item-add-to-cart-form .form-type-select select {
        max-width: calc((100vw - 20px - 10px - 40px - 8px) / 2);
        font-size: 14px;
    }
    .product-card .commerce-order-item-add-to-cart-form .attribute-widgets label.option {
        font-size: 14px;
    }
    .product-card .commerce-order-item-add-to-cart-form .form-actions {
        width: 100%;
    }
    /* .product-card .commerce-order-item-add-to-cart-form .button--add-to-cart {
    width: 100%;
    padding: 8px 37px !important;
  } */
}
@media (max-width: 525px) {
    .project-teaser--image img {
        height: 180px;
        border-radius: 6px;
    }
    .our-team > div {
        width: 100%;
    }
    .sert-block img {
        width: 100%;
        height: auto;
        object-fit: cover;
        margin: 10px 0;
    }
    .coating-full--bottom table {
        display: block;
        overflow: auto;
    }
    .project-full--top {
        flex-wrap: wrap;
    }
    .news-images a {
        width: 100%;
    }
    .project-images a {
        width: 100%;
    }
    .project-teaser--title {
        font-size: 14px;
        line-height: 17px;
    }
    .header .view-city-select .views-exposed-form .form-type-select select {
        font-size: 14px;
        width: 162px;
    }
    .region-footer .region__inner {
        grid-gap: 20px;
    }
    .region-footer #block-socseti a {
        background-image: none !important;
    }
    .region-footer #block-socseti a img {
        opacity: 1;
        width: 100%;
        height: auto;
    }
    .region-footer #block-footer-menu-company {
        padding-bottom: 20px;
    }
    .region-footer #block-footer-btn-lk .field {
        grid-gap: 10px;
    }
    .region-footer #block-footer-btn-lk a {
        gap: 5px;
        font-size: 12px;
    }
    .region-footer #block-footer-ya-badge .field {
        grid-gap: 10px;
    }
    .region-footer .footer__address {
        grid-gap: 5px;
        font-size: 14px;
        line-height: 16px;
    }
}
ul.menu li {
    padding: 0;
    margin: 0;
}
.header {
    margin-bottom: 30px;
}
.layout__content .woocommerce {
    padding: 0 !important;
}
.woocommerce-account .woocommerce-MyAccount-navigation li.is-active a {
    color: #c14d36;
}
.color-accent,
.color-accent-hover:hover,
.color-accent-hover:focus,
:root .has-accent-color,
.has-drop-cap:not(:focus):first-letter,
.wp-block-button.is-style-outline,
a {
    color: #c14d36;
}
button,
.button,
.faux-button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type='button'],
input[type='reset'],
input[type='submit'],
.bg-accent,
.bg-accent-hover:hover,
.bg-accent-hover:focus,
:root .has-accent-background-color,
.comment-reply-link {
    background-color: #c14d36;
}

/*
 * @file
 * Provides the layout styles for two-column layout section.
 */

.layout--twocol-section {
    display: flex;
    flex-wrap: wrap;
}

.layout--twocol-section > .layout__region {
    flex: 0 1 100%;
}
.summary.entry-summary .price:before {
    content: 'Цена: ';
    font-size: 18px;
    font-weight: bold;
    font-family: 'ClearSans-Medium';
    color: #1c2626;
}
.summary.entry-summary .price {
    font-size: 18px;
    margin-bottom: 15px;
    font-family: 'ClearSans-Medium';
    color: #1c2626;
}
.summary.entry-summary {
    display: flex;
    flex-direction: column;
}
.woocommerce-product-details__short-description {
    order: 100;
    margin-top: 40px;
}
.single-product form.cart .quantity {
    float: none;
    margin-right: 0;
}
.single-product form.cart .quantity input {
    padding: 1px 2px;
    border-bottom: 1px solid #000;
    width: 100%;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    margin-bottom: 15px;
    font-size: 18px;
}
.single-product form.cart .quantity:before {
    content: 'Количество';
    margin-bottom: 15px;
    display: block;
    font-size: 15px;
}

@media screen and (min-width: 40em) {
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--50-50 > .layout__region--second {
        flex: 0 1 50%;
    }

    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--second {
        flex: 0 1 33%;
    }

    .layout--twocol-section.layout--twocol-section--33-67 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--67-33 > .layout__region--first {
        flex: 0 1 67%;
    }

    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second {
        flex: 0 1 25%;
    }

    .layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second,
    .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--first {
        flex: 0 1 75%;
    }
}

p.textbox {
    padding: 25px;
    border-radius: 5px;
    font-size: 1.2em;
    line-height: 1.6em;
}

p.textbox.textbox--danger {
    color: #721c24;
    background-color: #f8d7da;
    -webkit-box-shadow: #721c24 1px 1px 5px;
    box-shadow: #721c24 1px 1px 5px;
}

p.textbox.textbox--info {
    background: #f6fff8;
    color: #7d9f84;
    -webkit-box-shadow: #7d9f84 1px 1px 5px;
    box-shadow: #7d9f84 1px 1px 5px;
}

p.textbox.textbox--important {
    color: #004085;
    background-color: #cce5ff;
    -webkit-box-shadow: #004085 1px 1px 5px;
    box-shadow: #004085 1px 1px 5px;
}

.paragraph--type--parallax.parallax-size--400 {
    height: 400px;
}
@media screen and (max-width:615px){
	.paragraph--type--paragraph-gallery .field__item {
    width: 100%;
}
 
}

@media only screen and (min-width: 640px) {
  .paragraph--type--columns {
    overflow: visible; }
  .paragraph--type--columns.justify--center .field--name-field-paragraph-element {
    justify-content: center; }
  .paragraph--type--columns.justify--center .field--name-field-paragraph-element > .field__item {
    flex-grow: 1;
    width: 100%; }
  .paragraph--type--columns.justify--space-between .field--name-field-paragraph-element {
    justify-content: space-between; }
  .paragraph--type--columns.justify--space-between .field--name-field-paragraph-element > .field__item {
    flex-grow: 1;
    width: 100%; }
  .paragraph--type--columns.align--top .field--name-field-paragraph-element {
    align-items: flex-start; }
  .paragraph--type--columns.align--bottom .field--name-field-paragraph-element {
    align-items: flex-end; }
  .paragraph--type--columns.align--center .field--name-field-paragraph-element {
    align-items: center; }
  .paragraph--type--columns.align--stretch .field--name-field-paragraph-element {
    align-items: stretch; }
  .paragraph--type--columns.align--stretch .field--name-field-paragraph-element > .field__item {
    box-sizing: border-box; }
  .paragraph--type--columns .field--name-field-paragraph-element {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap; }
  .paragraph--type--columns .field--name-field-paragraph-element > .field__item {
    margin-right: 2%; }
  .paragraph--type--columns .field--name-field-paragraph-element > .field__item:last-child {
    margin-right: 0; } }
	
	
.rubrika-desc {
	text-align:justify;
	margin-top:60px;
}

.like-h2 {
	margin: 0 0 30px 0;
    font-weight: bold !important;
    font-size: 32px !important;
    line-height: calc(32px + 5px);
    text-align: left !important;
}

.video-item {
    width: calc(100% - 30px);
}