html {
    font-size: var(--base-font-size);
    font-family: var(--font-main);
}
a{
    text-decoration: none;
    color: var(--color-dark-text);
}
a:hover{
    color: var(--color-primary);
}

.hero {
    position: relative;
    color: #fff;
    min-height: 100vh;
}

.hero-bg img {
    object-fit: cover;
    filter: brightness(0.75);
}

.hero h2 {
    font-size: 12.4rem;
    letter-spacing: 2px;
    position: relative;
    transition: 1s ease;
}
.slide-1.hero h2,
.slide-2.hero h2{
    font-size: 6rem;
    top: -18rem;
    left: 52%;
}
.hero h3 {
    font-weight: 300;
    text-transform: uppercase;
}

.hero-stats small {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 0.8;
}

.hero-social a {
    display: block;
    margin-bottom: 0.25rem;
    font-size: 0.9rem;
}

.header {
    background: var(--color-light);
    color: var(--color-dark);
    position: relative;
}

.hero-title {
    color: var(--color-primary);
}

.text-muted {
    color: var(--color-muted);
}

header {
    height: 6.8rem;
    background: var(--color-light);
    padding: 0 1.6rem;
    position: fixed;
    width: 100%;
    z-index: 100;
    border-bottom: 1px solid var(--color-gray);
}
.header_parts{
    display: flex;
    align-items: center;
    height: 100%;
}

.header-logo{
    color: var(--color-dark-text) !important;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    font-size: 1.1rem;
}
.header-menu__list{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}
.header-menu__list li{
    margin-left: 3rem;
}
.header-menu__list li a{
    font-size: 1.4rem;
    color: var(--color-dark-text);
    text-decoration: none;
    font-weight: 200;
}

header>.row{
    height: 100%;
}

.header-logo__image {
    height: 1.1rem;
}

.site-btn {
    display: inline-block;
    background: var(--color-dark-text);
    color: #fff;
    padding: 1rem 4rem 1rem 2rem;
    text-decoration: none;
    font-size: 1.2rem;
    transition: background 0.3s ease;
    position: relative;
    border: 1px solid var(--color-dark);
    margin-right: 2rem;
}
.site-btn::after{
    content: '';
}
.site-btn:hover{
    color: var(--color-dark);
    background: transparent;
}

.site-btn-arrowed::after {
    content: '';
    position: absolute;
    right: 1.2rem;
    top: 52%;
    transform: translateY(-50%);
    background-image: url('../images/arrow_outward.png');
    background-size: contain;
    display: inline-block;
    width: 1rem;
    height: 1rem;
}

.site-btn-arrowed:hover::after {
    background-image: url('../images/arrow_outward_dark.png');
}
.site-btn-arrowed-white{
    background: #fff;
    color: var(--color-dark-text);
    border: 1px solid var(--color-dark);
}
.site-btn-arrowed-white:hover{
    background: var(--color-dark-text);
    color: #fff;
    border: 1px solid var(--color-dark);
}

.site-btn-arrowed-white:hover::after {
    background-image: url('../images/arrow_outward.png');
}
.site-btn-arrowed-white::after {
    background-image: url('../images/icons/arrow_right_top_dark.svg');
}
.site-btn-arrowed-transparent{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}
.site-btn-arrowed-transparent::after{
    content: '';
    width: 2em;
    height: 2rem;
    background-image: url('../images/icons/arrow_right_top.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: 1rem;
}


section#second-screen{
    margin-top: 3rem;
}

h3{
    font-size: 3.2rem;
    text-transform: uppercase;
    font-weight: 400;
}


.sub-menu--container{
    position: absolute;
    background: var(--color-light);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    width: 100%;
    top: -20rem;
    left: 0vw;
    z-index: -1;
    opacity: 0;
    transition: .2s ease;
}

.sub-menu--container.visible{
    top: 100%;
    z-index: 100;
    opacity: 1;
}

.sub-header-menu ul{
    list-style: none;
}
#menu-sub_menu_left,
#menu-sub_menu_right{
    padding: 2rem 2rem 0rem;
}

.sub-menu{
    padding: 1rem 0 3rem 0;
}
.sub-header-menu a{
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 500;
}
.sub-menu a{
    text-transform: none;
    margin-bottom: 1rem;
    font-weight: 400;

}

#header_row{
    position: relative;
    height: 100%;
    z-index: 101;
}
.right-aligned{
    text-align: right;
}
#lang_switcher{
    font-size: 1.2rem;
    color: #2E3135;
}
.text-semi-bold{
    font-weight: 500 !important;
}
.frontpage_first_text{
    position: relative;

}
.frontpage_first_text h3{
    font-size: 2.8rem;
    font-weight: 500;
    margin-bottom: 2rem;
}
#frontpage-blur{
    position: absolute;
    top: -42rem;
    left: -5rem;
    width: 120%;
    height: 610px;
    background: rgb(249 249 249 / 21%);
    backdrop-filter: blur(13px);
    z-index: -1;
}
#hero-section #frontpage-blur{
    height: 100vh;
}
.lead{
    font-size: 1.4rem;
}

.slide-1{

}

.icon-row{
    color: #fff;
    padding-top: 10rem;
}
.icon-row small{
    text-align: left;
    font-size: 2rem;
    display: block;
    line-height: 2.3rem;
    font-weight: 100;
    text-transform: uppercase;
}

.icon-row p{
    font-size: 1.4rem;
    margin-top: 1rem;
    font-weight: 100;
    text-align: left;
    display: block;
    line-height: 2rem;
}
.icon-row-entity{
    padding-left: 5rem;
    padding-right: 1rem;
    position: relative;
}
.icon-row-entity::before{
    position: absolute;
    content: '';
    display: inline-block;
    height: 4rem;
    width: 4rem;
    left: 0rem;
    top: 5%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.icon-countries::before{
    background-image: url('../images/world.svg');
}.icon-years::before{
    background-image: url('../images/17.svg');
}.icon-eco::before{
    background-image: url('../images/leaf.svg');
}.icon-area::before{
    background-image: url('../images/arrows_output.svg');
}

.icon-25-dark::before{
    background-image: url('../images/25_dark.png');
}
.icon-years-dark::before{
    background-image: url('../images/18_dark.png');
}
.icon-countries-dark::before{
    background-image: url('../images/world_dark.png');
}
.icon-materials-dark::before{
    background-image: url('../images/diamond_dark.png');
}
.icon-objects-dark::before{
    background-image: url('../images/cover_dark.png');
}
.icon-area-dark::before{
    background-image: url('../images/arrow_outward_dark.png');
}
.icon-diamond::before{
    content: url('../images/icons/diamond.svg');


}.icon-frame-2_white::before{
    content: url('../images/icons/1_frame2_white.svg');
}.icon-frame_white::before{
    content: url('../images/icons/1_frame_white.svg');
}.icon-graf_white::before{
    content: url('../images/icons/1_grafik_white.svg');
}.icon-pencil::before{
    content: url('../images/icons/1_pencil_white.svg');
}
.icon-print_black_1::before{
    content: url('../images/icons/print_black_1.svg');
}
.icon-print_black_2::before{
    content: url('../images/icons/print_black_2.svg');
}
.icon-print_black_3::before{
    content: url('../images/icons/print_black_3.svg');
}
.icon-print_black_4::before{
    content: url('../images/icons/print_black_4.svg');
}
.icon-print_white_4::before{
    content: url('../images/icons/print_white_4.svg');
}
.icon-print_white_3::before{
    content: url('../images/icons/print_white_3.svg');
}
.icon-board_black::before{
    content: url('../images/icons/board_black.svg');
}
.icon-infinity_black::before{
    content: url('../images/icons/infinity_black.svg');
}
.icon-eye_black_1::before{
    content: url('../images/icons/eye_black_1.svg');
}
.icon-split_print::before{
    content: url('../images/icons/split_print.svg');
}
.icon-split_print_2::before{
    content: url('../images/icons/split_print_2.svg');
}
.icon-18_years::before{
    content: url('../images/icons/18_years.svg');
}
.icon-shield::before{
    content: url('../images/icons/shield.svg');
}
.icon-shield_board_black::before{
    content: url('../images/icons/shield_board_black.svg');
}
.icon-shield-25::before{
    content: url('../images/icons/shield-25.svg');
}
.icon-shield-25-white::before{
    content: url('../images/icons/shield-25-white.svg');
}
.icon-person_edit::before{
    content: url('../images/icons/person_edit.svg');
}

.icon-dna_white::before{
    content: url('../images/icons/dna_white.svg');
}
.icon-wall_eye::before{
    content: url('../images/icons/wall_eye.svg');
}
.icon-record_voice::before{
    content: url('../images/icons/record_voice.svg');
}
.icon-account::before{
    content: url('../images/icons/account.svg');
}
.icon-account::before{
    content: url('../images/icons/account.svg');
}
.icon-print::before{
    content: url('../images/icons/print-dark.svg');
}
.icon-mesure::before{
    content: url('../images/icons/mesure.svg');
}
.icon-triangle::before{
    content: url('../images/icons/triangle.svg');
}
.icon-uv::before{
    content: url('../images/icons/uv.svg');
}
.icon-uv_white::before{
    content: url('../images/icons/uv_white.svg');
}
.icon-print-2-white::before{
    content: url('../images/icons/print-2-white.svg');
}
.icon-print-3-white::before{
    content: url('../images/icons/print-3-white.svg');
}
.icon-shield-25-white::before{
    content: url('../images/icons/shield-25-white.svg');
}
.icon-art-white::before{
    content: url('../images/icons/art-white.svg');
}
.icon-box-white::before{
    content: url('../images/icons/box-white.svg');
}

.icon-address:before{
    content: url('../images/icons/address.svg');
}
.icon-phone_check:before{
    content: url('../images/icons/mobile_check.svg');
}
.icon-alarm:before{
    content: url('../images/icons/alarm.svg');
}
.icon-mail:before{
    content: url('../images/icons/mail.svg');
}
.icon-location:before{
    content: url('../images/icons/location.svg');
}
.icon-question:before{
    content: url('../images/icons/question.svg');
}
.icon-box-black:before{
    content: url('../images/icons/box.svg');
}

 .hero-25{
     position: absolute;
     top: -17rem;
     transition: 1s ease;
 }
.slide-2 .hero-25,
.slide-1 .hero-25 {
    top: -46rem;
    width: 15rem;
}
/* Фиксируем высоту блока опций на 2-м и 3-м слайдах, чтобы цифра 25 не «ездила»
   из-за разного объёма текста (точка отсчёта для absolute-позиционирования). */
.slide-1 .hero-slide-options-wrap,
.slide-2 .hero-slide-options-wrap {
    min-height: 14rem;
}

 #where-second .gray-border-left-box p.sub_gray_p{
     padding-left: 3rem;
 }

section.catalog-section{
    max-height: none;
}
.single-product-page section{
    max-height: none;
}
section.hero{
    min-height: 100rem;
    background: url("../images/hero-bg.png");
    background-size: cover;
    padding-top: 30rem;
    padding-bottom: 4rem;
}
.hero-main{
    position: relative;
    z-index: 1;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
}
.second-screen-text{
    padding-left: 3rem;
    border-left: 2px solid var(--color-gray);
    height: 100%;
}
.second-screen-text p{
    font-size: 1.6rem;
    padding-bottom: 2rem;
}
.second-screen-image img{
    width: 100%;
    max-width: 24rem;
    height: auto;
    object-fit: cover;
}
.second-screen__first-row{
    margin-bottom: 14rem;
}
#second-screen h4{
    font-size: 4rem;
    margin-top: 5rem;
    margin-bottom: 3rem;
}
#second-screen p{
    font-size: 1.6rem;
}
.second-screen__second-row{
    margin-bottom: 6rem;
}
.second-screen__second-row .icon-row small{
    font-weight: 400;
}

#second-screen .icon-row{
    color: var(--color-dark-text);
}
#second-screen .icon-row-entity{
    margin-bottom: 3rem;
    font-weight: 500;
}
#second-screen .icon-row-entity p{
    font-size: 1.4rem;
}

#screen-three{
    background-image: url("../images/frontpage-screen-three.jpg");
    padding-top: 30rem;
    position: relative;
}
.third-screen__body{
    background-color: #fff;
    position: relative;
    z-index: 2;
    padding: 4rem;
}
#screen-three::before {
    content: '';
    position: absolute;
    top: 30rem;
    right: 0;
    width: 20%;
    height: calc(100% - 30rem);
    background-size: cover;
    background-color: #fff;
    z-index: 1;
}
.third-screen__second-row img{
    max-width: 100%;
}
.fourth-screen__body h4,
.third-screen__first-row h4{
    font-size: 4rem;
    margin-bottom: 3rem;
    text-transform: uppercase;
}
.third-screen__first-row h6{
    font-size: 2.4rem;
    font-weight: 400;
}
.third-screen__text-block{
    padding-left: 3rem;
}
p.fourth-screen__right-text {
    padding-top: 6rem;
    padding-bottom: 0;
    font-size: 2.4rem;
}
#screen-four{
    padding-top: 10rem;
}

#section-six{
    margin-top: 10rem;
    background-image: url("../images/frontpage-screen-six-bg.jpg");
}
.icon-labeled.icon-labeled-dark .icon-row{
    color: var(--color-dark-text);
}
.icon-labeled{
    color: #fff;
}

.icon-labeled .icon-row{
    position: relative;
    padding-left: 5rem;
    padding-top: 1rem;
    margin-top:1rem;
}
.icon-labeled .icon-row h5{
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 400;
}
.fourth-screen__second-row .icon-labeled .icon-row h5{
    margin-bottom: 2rem;
    margin-top: 5rem;
}
.icon-labeled .icon-row p{
    font-size: 1.6rem;
}
.icon-labeled .icon-row::before{
    position: absolute;
    left: 0;
    top: 1.5rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.icon-gear::before{
    content: url("../images/gear.svg");
}
.icon-dna::before{
    content: url('../images/dna.svg');
}
.icon-diamond-white::before{
    content: url("../images/diamond_white.svg");
}
.icon-arrows_out_white::before{
    content: url("../images/icons/arrows_out_white.svg");
}
.icon-arrows_out_black::before{
    content: url("../images/icons/arrows_out_black.svg");
}
.icon-dna-white::before{
    content: url('../images/dna-white.svg');
}
.icon-dna-white-alt::before{
    content: url('../images/icons/dna_white_alt.svg');
}
.icon-desk-white::before{
    content: url("../images/desk-white.svg");
}
.icon-shield-white::before{
    content: url('../images/shield-white.svg');
}
.icon-gear-white::before{
    content: url('../images/icons/gear-white.svg');
}
.icon-spread-white::before{
    content: url("../images/icons/spread-white.svg");
}
.icon-world-white::before{
    content: url('../images/icons/world-white.svg');
}
.fourth-screen__first-row{
    margin-bottom: 5rem;
}
.dark-row_25 h4{
    font-size: 2.4rem;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 2rem;
}
.dark-row_25 p{
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 600;
}
#why-us-3 .frontpage_first_text h3{
    font-size: 1.8rem;
    font-weight: 300;
}
#why-us-3-block{
    position: absolute;
}
#section-six{
    background: url("../images/frontpage-screen-six-bg.jpg") no-repeat;
    background-size: cover;
    min-height: 100vh;
    position: relative;
}
#section-six::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    background: #fff;
    z-index: 1;
}
#section-six h4{
   font-size: 4rem;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 5rem;
}
.blurred-bg{
    background: rgb(249 249 249 / 10%);
    backdrop-filter: blur(13px);
}


#section-six h4 b{
    font-weight: 500;
}
.fullsize-row{
    height: 100%;
}
.fullsize-row>div{
    padding-top: 50rem;
}
.section-six__inner{
    padding-left: 3rem;
    padding-bottom: 10rem;
}

#section-six .icon-labeled .icon-row{
    padding-left: 5rem;
    padding-top: 2rem;
}
#section-six .icon-labeled .icon-row h5{
    font-size: 1.6rem;
}
#section-six .icon-labeled .icon-row p{
    font-size: 1.2rem;
}

#screen-seven{
    margin-top: 5rem;
    position: relative;
}
.seven-screen__body h3{
    font-size: 4rem;
}
.seven-screen__body h3 b{
    font-weight: 500;
}
#screen-seven .second-screen-text p{
    font-size: 2.4rem;
    padding-bottom: 4rem;
}
.seven-screen__first-row{
    margin-bottom: 10rem;
}
.logo-seven-screen{
    margin-top: 16rem;
    margin-bottom: 5rem;
}
.logo-seven-screen img{
    max-width: 100%;
    height: 2.6rem;
}
.text-seven-screen{
    font-size: 1.7rem;
}
.vertical-card{
    border: 1px solid var(--color-gray);
    min-height: 32.6rem;
    height: 100%;
    width: 100%;
    background-size: cover;
    padding: 65% 2rem 2rem;
    background-repeat: no-repeat;
}
#screen-seven .vertical-card-1{
    background-position-y: unset;
    background-size: cover;
    background-image: url("../images/svg-bg/card-bg1.svg");
}
#screen-seven .vertical-card-2{
    background-position-y: unset;
    background-size: cover;
    background-image: url("../images/svg-bg/card-bg2.svg");
}
#screen-seven .vertical-card-3{
    background-position-y: unset;
    background-size: cover;
    background-image: url("../images/svg-bg/card-bg3.svg");
}
#screen-seven .vertical-card-4{
    background-position-y: unset;
    background-size: cover;
    background-image: url("../images/svg-bg/card-bg4.svg");
}
.vertical-card-1{
    background-image: url("../images/card-bg1.svg");
    background-position-y: -215%;
}.vertical-card-2{
    background-image: url("../images/card-bg2.svg");
     background-position-y: 27rem;
     background-size: 66rem;
}.vertical-card-3{
    background-image: url("../images/card-bg4.svg");
      background-position-y: -16rem;
}.vertical-card-4{
    background-image: url("../images/card-bg4.svg");
}
 .vertical-card__icon{
     height: 5rem;
     width: 4rem;
     background-position: center;
        background-repeat: no-repeat;
 }
 .vertical-card__header{
     font-size: 1.4rem;
     text-transform: uppercase;
     padding-bottom: 1rem;
     line-height: 1.8rem;
     font-weight: 400;
 }
 .vertical-card__text{
     font-size: 1.2rem;
 }
 #screen-seven .container-xxl{
     background: #fff;
     position: relative;
     z-index: 2;
     padding: 0 8rem 10rem 6rem;
 }

#screen-seven .container-xxl::before {
    content: '';
    position: absolute;
    top: 0;
    left: -15rem;
    width: 15rem;
    height: 100%;
    background-color: #fff;
    z-index: 1;
}
#screen-seven::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    height: 100%;
    background-color: #fff;
    z-index: 1;
}
 #eight-screen{
     background-image: url("../images/eight-screen.png");
     background-size: cover;
     min-height: 140vh;
     height: 140vh;
     position: relative;
     top: -40rem;
     padding-bottom: 4rem;
     margin-bottom: -40rem;
 }

#twelve-screen .container-xxl,
#ten-screen .container-xxl,
#eight-screen .container-xxl{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
 }
#eight-screen h3{
    color: #fff;
    font-size: 4rem;
    margin-bottom: 3rem;
}
#eight-screen h3 b{
    font-weight: 500;
}
.eight-screen__text{
    font-size: 2.4rem;
    color: #fff;
}
#eight-screen .row{
    position: relative;
    z-index: 2;
}
#twelve-screen::after,
#ten-screen::after,
#eight-screen::after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30rem;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
    box-shadow: 0px -16px 9px 4px rgba(0, 0, 0, 0.5);
}
#twelve-screen::after,
#ten-screen::after{
    box-shadow: 0px -8px 20px 12px rgba(0, 0, 0, 0.5);
}
.eight-screen__text{
    display: flex;
    flex-direction: column;
    flex-content: end;
}
.eight-screen__text p{
    padding-left: 6rem;
}
.eight-screen__text p::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4rem;
    height: 0.3rem;
    background: var(--color-accent);
}
.eight-screen__text b{
    font-weight: 500;
}
.eight-screen_side_text{
    padding-left: 6rem;
    border-left: 2px solid var(--color-gray);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
}
p.icon-white{
    color: #fff;
    font-size: 1.8rem;
    text-transform: uppercase;
    position: relative;
    line-height: 2.1rem;
    margin-top: 3rem;
}
p.icon-white::before{
    position: absolute;
    left: -4rem;
    top: 0.8rem;
}
p.icon-white.triangle::before{
    content: url(../images/icons/triangle_white.svg);
}
p.icon-white.print::before{
    content: url(../images/icons/print.svg);
}
p.icon-white.print-2::before{
    content: url(../images/icons/print-2.svg);
}.icon-white.print-2::before{
    content: url(../images/icons/print-2.svg);
}

.video-wrapper{
    height: 100vh;
    width: 100%;
}
#video-screen .video-wrapper {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}
#video-screen .video-wrapper .video-play {
    position: absolute;
    inset: 0;
    z-index: 2;
}
#video-screen .video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
#video-screen .video-wrapper.is-playing {
    background-image: none !important;
}
#video-screen .video-wrapper.is-playing .video-play {
    display: none;
}
#twelve-screen,
#ten-screen{
    background-image: url("../images/background/bg-hero-10.png");
    background-size: cover;
    min-height: 100vh;
    height: 100vh;
    position: relative;
    padding-bottom: 4rem;
}
#twelve-screen{
    background-image: url("../images/background/bg-hero-12.png");

}
.ten-screen{
    font-size: 4rem;
    color: #fff;
}
.ten-screen b{
    font-weight: 500;
}
.ten-screen__text{
    font-size: 2.4rem;
    color: #fff;
}
#twelve-screen .row,
#ten-screen .row{
    position: relative;
    z-index: 2;
}
#ten-screen p.icon-white::before,
#ten-screen p.icon-white::before{
    left: -4rem;
    top: -0.7rem;
}

#pre-ten-screen{
    margin-top: 10rem;
    margin-bottom: 15rem;
}
#eleven-screen {
    padding: 10rem 0;
    background: #fff;
}
#eleven-screen .eleven-screen__first-row {
    margin-bottom: 6rem;
}
.eleven-screen__heading {
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.15;
    margin-bottom: 3rem;
    font-size: 4rem;
}
.eleven-screen__subtitle {
    font-size: 2.6rem;
    color: var(--color-dark-text);
}
.eleven-screen__btns {
    margin-bottom: 3rem;
}
.eleven-screen__desc {
    font-size: 1.4rem;
    color: var(--color-dark-text);
    line-height: 1.7;
}
.eleven-screen__features-label {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: var(--color-dark-text);
    margin-bottom: 3rem;
}
#eleven-screen .icon-row-entity {
    color: var(--color-dark-text);
    font-size: 1.4rem;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 4rem;
    margin-bottom: 2rem;
}
#thirteen-screen {
    padding: 10rem 0;
    background: #fff;
}
#thirteen-screen .eleven-screen__first-row {
    margin-bottom: 6rem;
}
#thirteen-screen .icon-row-entity {
    color: var(--color-dark-text);
    font-size: 1.4rem;
    display: flex;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 4rem;
    margin-bottom: 2rem;
}
#fourteen-screen {
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.fourteen-screen__container {
    flex: 1;
    display: flex;
    align-items: center;
    padding-top: 10rem;
    padding-bottom: 4rem;
}
.fourteen-screen__content {
    padding: 4rem;
    height: 62vh;
    position: absolute;
    top: 0;
    padding-top: 25vh;
    width: 35%;
    padding-left: 11rem;
}
.fourteen-screen__title {
    font-size: 4rem;
    font-weight: 500;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.1;
    margin-bottom: 2rem;
}
.fourteen-screen__text {
    font-size: 1.6rem;
    color: #fff;
    margin-bottom: 3rem;
}
.fourteen-screen__bottom {
    background: rgba(8, 8, 8, 0.6);
    padding: 2rem 0;
}
.fourteen-screen__bottom-text {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}
.fourteen-screen__qr {
    width: 7rem;
    height: 7rem;
    display: block;
}
#pre-ten-screen h3{
    padding-top: 15rem;
    font-size: 4rem;
}
#pre-ten-screen h3 b{
    font-weight: 500;
}
#pre-ten-screen p{
    padding-bottom: 0;
    margin-bottom: 0;
}
#fifteen-screen{
    margin-top: 9rem;
}
#fifteen-screen .projects-slick .slick-slide.slick-current.slick-active img{
    width: 100%;
}

#pre-ten-screen .second-screen-text{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: end;
}
.eight-screen_side_text span{
    color: #fff;
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    left: -3rem;
}
.ten-screen__block{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    position: relative;
}
.ten-screen__block::before{
    content: url("../images/logo/bruggan.svg");
    bottom: 100%;
    left: 0;
    position: absolute;
}
#twelve-screen .ten-screen__block::before{
    content: url("../images/logo/legro.svg");
}
#twelve-screen p.icon-white::before {
    position: absolute;
    left: -3.8rem;
    top: -1rem;
}
.row{
    width: 100%;
}

.why-us-page #hero-section h3{
    font-size: 4rem;
    font-weight: 300;
}
.why-us-page #hero-section p{
    font-size: 1.6rem;
}
.why-us-page b{
    font-weight: 500;
}
.why-us-page section.hero{
    background-image: url("../images/background/bg-why_us.jpg");
}

.why-us-page section.hero .icon-row h5{
    font-weight: 300;
    font-size: 1.6rem;
}
.why-us-page section.hero .icon-labeled .icon-row{
    padding-top: 1rem;
    min-height: 5rem;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    margin-top: 0;
}
.why-us-page #frontpage-blur{
    height: 780px;
}
.gray-border-left-box{
    border-left: 2px solid var(--color-gray);
    padding-left: 4rem;
}

.gray-border-left-box h4{
    font-size: 2.4rem;
    text-transform: uppercase;
    font-weight: 300;
}
.gray-border-left-box b{
    font-weight: 500;
}
.gray-border-left-box p{
    font-size: 1.6rem;
    margin-top: 2rem;
}
#why-us-one{
    position: relative;
    top: -30rem;
    margin-bottom: -30rem;
    z-index: 2;
}
#why-us-one .container-xxl{
    background: #fff;
    padding: 6rem 8rem;
}
#why-us-one h2{
    font-size: 4rem;
    margin-bottom: 3rem;
    text-transform: uppercase;
    font-weight: 300;
}
#why-us-one b{
    font-weight: 500;
    color: var(--color-dark-text);
}
#why-us-one .row_2{
    margin-top: 7rem;
}
#why-us-one .row_3{
    margin-top: 7rem;
}
.testimonial-box{
    border: 1px solid var(--color-dark-text);
    padding: 1rem;
    font-size: 1.2rem;
}
.testimonial-white{
    margin-top: 36vh;
    padding: 1rem;
    border: 1px solid #fff;
    background: rgb(249 249 249 / 10%);
    backdrop-filter: blur(13px);
    margin-left: 10rem;
    width: calc(100% - 11rem);
}
.italic{
    font-style: italic;
}
.testimonial-box img{
    max-width: 100%;
    height: auto;
}
#why-us-3{
    background-image: url("../images/background/bg-why_us-3.jpg");
}
#why-us-3.hero{
    padding: 0;
    display: flex;
    align-items: center;
    box-shadow: inset 1px 1px 200px 200px #0808087a;
}
#why-us-3 .blurred-bg{
    height: 160vh;
}
p.huge{
    font-size: 4rem;
    font-weight: 400;
    text-transform: uppercase;
}
p.huge b{
    font-weight: 500;
}

#why-us-4{
    margin-top: 10rem;
}
#why-us-4 p.sub-info{
    font-size: 2.4rem;
    margin-top: 4rem;
}
#why-us-4 .second-screen__first-row{
    margin-bottom: 0rem;
}
.buttons-wrapper{
    margin-bottom: 4rem;
}

#why-us-5{
    min-height: 85vh;
    background-image: url(../images/background/world-wide.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.where-we-are{
    padding:  1rem 1rem 1rem 3rem;
    border: 1px solid var(--color-gray);
    background: #fff;
    position: relative;
    margin-top: 10rem;
}
.where-we-are::after {
    content: '';
    position: absolute;
    bottom: -5rem;
    right: 0;
    width: 9rem;
    height: 5rem;
    background-image: url(../images/rectangle-down.svg);
    background-size: contain;
    background-repeat: no-repeat;
}
.where-we-logo{
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 1rem;
}
.where-we-logo:after{
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    bottom: -2px;
    left: 0;
    border-top: 1px solid var(--color-light-gray);
}
.where-we-are-text{
    font-size: 1.2rem;
}

#why-us-6{
    background-image: url("../images/background/bg-why_us-5.png");
    background-size: cover;
    background-position: bottom;
    height: 100vh;
    box-shadow: inset 0px -320px 120px 20px #00000066;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
    padding-bottom: 4rem;
}
#why-us-6 p.huge{
    color: #fff;
    margin-bottom: 4rem;
    font-weight: 400;
}
#why-us-6 p.huge b{
    font-weight: 500;
}
.divider-left-white{
    border-left: 2px solid var(--color-gray);
    color: #fff;
    padding-left: 4rem;
    margin-bottom: 5rem;

}
.divider-left-white p{
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: 5rem;
    font-weight: 400;
    color: var(--color-gray);
}

.cooperation-page section.hero{
    background-image: url("../images/background/bg-work.jpg");
}
.cooperation-page .hero-huge{
    font-size: 12.4rem;
    font-weight: 300;
    text-transform: uppercase;
}
.cooperation-page .hero-huge b{
    font-weight: 400;
}
#cooperation-five h3{
    font-size: 3.5rem;
}
#cooperation-five h3 br{
    display: none;
}
.where-page #cooperation-five h3 br{
    display: unset;
}
.where-page #cooperation-five h3{
    font-size: 4rem;
}
.where-page #cooperation-five .second-screen__first-row{
    margin-bottom: 5rem;
}
.cooperation-page h3{
    font-size: 4rem;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 0;
}
#cooperation-one{
    position: relative;
    top: -30rem;
    z-index: 3;
    margin-bottom: -22rem;
}
#cooperation-one .container-xxl{
    background: #fff;
    padding-top: 6rem;
    padding-left: 8rem;
}

#cooperation-one h3{
    font-size: 4rem;
    font-weight: 300;
}
#cooperation-one h3 b{
    font-weight: 600;
}
#cooperation-one p {
    font-size: 1.6rem;
    margin-top: 2rem;
    padding-right: 7rem;
}
.cooperation-page #frontpage-blur{
    height: 1250px;
}
.cooperation-card{
    border: 1px solid var(--color-gray);
    padding: 2rem;
    height: 100%;
}

.cooperation-card h5{
    text-transform: uppercase;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    font-weight: 400;
}
.cooperation-card .icon-labeled .icon-row p{
    font-size: 1.2rem;
}
.cooperation-card .icon-labeled .icon-row h5{
    margin-bottom: .5rem;
}
.to-bottom{
    margin-top: 40%;
}
#cooperation-two .to-bottom p{
    font-size: 2.4rem;
}
#cooperation-two h4{
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 3rem;
}
#cooperation-two h4 b{
    font-weight: 500;
}
#cooperation-two p{
    font-size: 1.6rem;
    margin-bottom: 1rem;
}
#cooperation-two img{
   max-width: 100%;
}
#cooperation-three{
    margin-top: 10rem;
}
#cooperation-three h4{
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 2rem;
}
#cooperation-three .to-bottom{
    margin-top: 15%;
}
#cooperation-three .to-bottom p{
     font-size: 2.4rem;
 }

#cooperation-four{
    margin-top: 10rem;
    background-image: url("../images/background/bg-work-2.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 80rem;
    box-shadow: inset 0px -320px 120px 20px #00000066;
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
    padding-bottom: 5rem;
}

#cooperation-four .huge{
    color: #fff;
}
p.medium{
    font-size: 2.4rem;
    font-weight: 300;
}
p.regular{
    font-size: 1.6rem;
    font-weight: 300;
}
#cooperation-four .medium{
    color: #fff;
}

#cooperation-four .icon-labeled .icon-row p{
    text-transform: unset;
    margin-bottom: 1rem;
}
#cooperation-four .icon-labeled .icon-row::before {
    top: 0.5rem;
}
.fourth-screen__second-row .icon-labeled .icon-row::before{
    top: 5.5rem;
}

#cooperation-five{
    margin-top: 10rem;
    margin-bottom: 10rem;
}
#cooperation-five h3{
    margin-bottom: 2rem;
    font-weight: 400;
}
#cooperation-five .medium{
    font-weight: 400;
}
#cooperation-five .testimonial-box{
    height: auto;
    margin-bottom: 2rem;
}
#cooperation-five .video-wrapper{
    height: 50rem;
    background-size: cover;
}
#cooperation-five .video-wrapper .video-play{
   position: relative;
}
.contact-page .frontpage_first_text h3{
    font-size: 7.8rem;
    font-weight: 400;
    text-align: right;
}
#cooperation-six {
    background-image: url("../images/background/bg-work-6.jpg");
}
#cooperation-six .huge{
    font-size: 9.6rem;
    font-weight: 400;
}
#cooperation-six p,
#cooperation-six h3{
    margin-bottom: 2rem;
}

footer{
    background: var(--color-light-gray);
    color: var(--color-dark-text);
    padding: 4rem 2rem 1rem;
}
.footer_list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer_list_item:first-child{
}
.footer_list_item{
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.2rem;
}
.list-header{
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.2rem;

}
.footer-logo{
    font-size: 7.2rem;
    color: var(--color-dark-text);
    font-weight: 200;
    margin-bottom: 1rem;
    text-transform: uppercase;
    text-align: right;
    line-height: 7rem;

}
.footer-logo b{
    font-weight: 500;
}
.footer-desc{
    font-size: 1.6rem;
    font-weight: 300;
    text-transform: uppercase;
    text-align: right;
    max-width: 40rem;
    float: right;
}
.footer-desc b{
    font-weight: 500;
}

.where-page section.hero{
    background-image: url("../images/background/bg-where-1.jpg");
}
.where-page section.hero h3{
    font-size: 9.6rem;
    font-weight: 400;
    white-space: nowrap;
    text-align: right;
    position: relative;
    left: -21rem;
    margin-bottom: 0;
}
.where-page section.hero p{
    font-size: 3.6rem;
    font-weight: 200;
}
.where-page section.hero #frontpage-blur {
    font-size: 3.6rem;
    font-weight: 200;
    top: -30rem;
}

#where-second{
    position: relative;
    top: -40rem;
    margin-bottom: -40rem;
    z-index: 2;
}
#where-second  .container-xxl{
    background: #fff;
    padding: 6rem 8rem;
    min-height: 50rem;
}
.where-second__headline{
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 3rem;
    line-height: 1;

}
.where-second__headline b{
    font-weight: 500;
}
.where-second__sub{
    font-size: 2.4rem;
    line-height: 1;
}

#where-three h3{
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 1rem;
}
.where-three__subhead{
    font-size: 2.4rem;
}
.form-holder{
    margin-top: 4rem;
    padding-right: 3rem;
}
.form-holder input,
.form-holder select,
.form-holder textarea{
    width: 100%;
    padding: 1rem;
    font-size: 1.2rem;
    margin-bottom: 2rem;
    font-family: var(--font-main);
    border: none;
    border-bottom: 1px solid var(--color-gray);
    text-transform: uppercase;
    font-weight: 300;
}
.form-holder textarea{
    resize: none;
    height: 4rem;
}
.form-holder input[type="radio"],
.form-holder input[type="checkbox"]{
    width: auto;
}
.form-holder input[type="submit"]{
    border: 1px solid var(--color-dark);
    color:  var(--color-dark);
}
.form-holder input[type="submit"]:hover{
    color:  #fff;
}
.wpcf7-list-item-label{
    font-size: 1.4rem;
    margin-left: 2rem;
    margin-right: 2rem;
}


#where-four .icon-labeled .icon-row{
    padding-left: 6rem;
}
#where-four .gray-border-left-box p{
    margin-top: 0;
}
#where-four .where-we-are{
    margin-top: 0;
}
.where-three__text{
    padding-top: 6rem;
    margin-bottom: 5rem;
}
.world-map{
    width: calc(100% + 4rem);
    position: relative;
    left: -4rem;
    height: 40rem;
    background-image: url(../images/background/world-wide.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
#where-six{
    background-image: url("../images/background/bg-where-2.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100vh;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: flex-end;
    color: #fff;
    box-shadow: inset 1px 1px 30rem 30rem #0808087a;
}
#where-six .to-bottom{
    padding-bottom: 4rem;
    margin-top: 15%;
}
.site-page{
    min-height: 70vh;
}
.site-page h2{
    font-size: 4rem;
    font-weight: 300;
    text-transform: uppercase;
    padding-bottom: 3rem;
    padding-top: 15rem;

}
.site-page b{
    font-weight: 500;
}
.projects-page-header,
.architects-page-header{
    border-bottom: 1px solid var(--color-gray);
}
.pad-top-3{
    padding-top: 3rem;
}
.architects-page-header p.to-bottom{
    display: flex;
    font-size: 1.6rem;
    margin-top: 0;
    height: 100%;
    flex-wrap: wrap;
    align-content: flex-end;
    padding-bottom: 3rem;
    text-transform: uppercase;
}
.architects-page-header span.small,
.architects-page-catalogs p.small{
    font-size: 1.2rem;
    text-transform: none;
}
.architects-page-header p.order-big{
    font-size: 2.4rem;
    line-height: 1;
}
.architects-page-header span.small{
    position: relative;
    bottom: -1rem;
}

.left-border-gray{
    border-left: 1px solid var(--color-gray);
    padding-left: 4rem;
}
.architects-page-catalog__body{
    padding-top: 5rem;
}
.architects-page-catalogs h3{
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 2rem;
    color: var(--color-dark-text);
}
.architects-page-catalogs p{
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6rem;
    color: var(--color-dark-text);
}
.architects-page-catalogs h4{
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 2rem;
}
.architects-page-catalogs .left-border-gray{
    padding-bottom: 10rem;
}
.single-catalog-item img{
    width: 100%;
}
.single-catalog-item p{
    padding-top: 1rem;
}
.architects-page-catalog__downloads label{
    font-size: 1.2rem;
    font-weight: 400;
    margin-top: .5rem;
    color: var(--color-muted);
}
.architects-page-catalog__downloads label:hover {
    cursor: pointer;
}
.architects-page-catalog__downloads h4{

    margin-top: 2rem;
    border-bottom: 1px solid var(--color-gray);
    padding-bottom: 2rem;
}
.architects-page-catalog__downloads .site-btn{
    margin-top: 3rem;
    margin-bottom: 6rem;
}


/* прячем стандартный radio */
.downloads-list{
  margin-top: 3rem;
}

.downloads-list .show-textures-checkbox {
    position: absolute;
    opacity: 0;
    width: 1px;
    height: 1px;
    margin: 0;
    pointer-events: none;
}

/* делаем label кликабельным и готовим место под “квадратик” */
.downloads-list .single-download-item label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    user-select: none;
}

/* квадрат (неактив) */
.downloads-list .single-download-item label::before {
    content: "";
    min-width: 1.5rem;
    min-height: 1.5rem;
    border: 1px solid var(--color-gray);      /* цвет рамки */
    background: transparent;      /* пустой */
    box-sizing: border-box;
    display: inline-block;
}

/* актив — заполненный квадрат */
.downloads-list .show-textures-checkbox:checked + label::before,
.downloads-list label:has(.show-textures-checkbox:checked)::before {
    background: #111;
    box-shadow: inset 0 0 0px 1px rgb(255 255 255);
}

/* (опционально) hover */
.downloads-list .single-download-item label:hover::before {
    border-color: #000;
}

/* (опционально) фокус с клавиатуры */
.downloads-list .show-textures-checkbox:focus-visible + label::before,
.downloads-list label:has(.show-textures-checkbox:focus-visible)::before {
    outline: 3px solid rgba(0,0,0,.25);
    outline-offset: 2px;
}

/* цвет текста по умолчанию */
.downloads-list .single-download-item label {
    transition: color 0.2s ease;
}

/* если radio выбран — меняем цвет текста */
.downloads-list label:has(.show-textures-checkbox:checked) {
    color: #111;          /* нужный цвет */
}
.downloads-list label:not(:has(.show-textures-checkbox:checked)):hover {
    color: #000;
}

.sample_group h4{
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-top: 5rem;
    margin-bottom: 2rem;
    font-weight: 400;
}
/* скрываем стандартный checkbox */
.single-sample-item .sample-checkbox input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

/* делаем label кликабельным */
.single-sample-item .sample-checkbox label {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px; /* расстояние между текстом и квадратом */
    cursor: pointer;
    user-select: none;
    color: #333;
    transition: color 0.2s ease;
    text-align: right;
}

/* квадрат справа (не выбран) */
.single-sample-item .sample-checkbox label::after {
    content: "";
    width: 1.8rem;
    height: 1.8rem;
    border: 1px solid var(--color-gray);
    background: transparent;
    box-sizing: border-box;
    display: inline-block;
    transition: background 0.2s ease;
}

/* выбран — квадрат заполнен */
.single-sample-item .sample-checkbox label:has(input:checked)::after {
    background: var(--color-dark-text);
    box-shadow: inset 0 0 0px 1px rgb(255 255 255);
}

/* выбран — цвет текста */
.single-sample-item .sample-checkbox label:has(input:checked) {
    color: var(--color-dark-text);
    font-weight: 600;
}

/* hover, если не выбран */
.single-sample-item .sample-checkbox label:not(:has(input:checked)):hover {
    color: var(--color-muted);
}
.sample-checkbox{
    text-align: right;
}
.single-sample-item__image_holder{
    width: 100%;
    height: 20rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 1rem;
}

.order-sub-title{
    text-transform: uppercase;
    margin-top: 5rem;
    margin-bottom: 2rem;
}

.order-example-item{
    border: 1px solid var(--color-gray);
    width: 100%;
    height: 10rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
#clear_samples{
    margin-top: 5rem;
}
#clear_samples:hover{
    cursor: pointer;
}
.example-form{
    margin-top: 10rem;
}
.text-block-25{
    position: absolute;
    padding-top: 3rem;
}
.text-block-25 p{
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 0;
}
.text-block-25 p.light-gray{
    font-size: 2rem;
    color: var(--color-muted);
}
.products-page .products-25{
    margin-top: 8rem;
}
.p-relative{
    position: relative;
}
.product-cat{
    margin-bottom: 4rem;
}
.single_product-cat{
    height: 39rem;
    border: 1px solid var(--color-gray);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 1rem;
    position: relative;
    width: 95%;
}
.product-badge{
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: rgba(249, 249, 249, 0.18);
    backdrop-filter: blur(12px);
    color: #fff;
    padding: .5rem 2rem;
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 300;
    border: 1px solid #fff;
}

.single_product-cat-title{
    font-size: 1.2rem;
    font-weight: 300;
    color: var(--color-dark-text);
    margin-bottom: .3rem;
}
.products-cats{
}

.sub-title{
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 1rem;
}
h1.page-title{
    font-size: 4rem;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 0;
}

.breadcrumbs{
    margin-top: 10rem;
    margin-bottom: -5rem;
    font-size: 1.4rem;
    color: var(--color-muted);
    text-transform: uppercase;
}

.products-page .page-title{
    padding-bottom: 0;
    margin-bottom: -1rem;
    padding-top: 10rem;
}
.subsub-title{
    font-size: 1.4rem;
    font-weight: 400;
    margin-bottom: 2rem;
}
#product-view-type{
    font-size: 1.2rem;
    margin-top: 2rem;
    color: var(--color-muted);
}
#product-view-type span{
    color: var(--color-dark-text);
}
.brand-select,
.tax-filter .subcategory{
    margin-bottom: 3rem;
}
.tax-filter .subcategory a{
    color: var(--color-muted);
}
.tax-filter .subcategory a:hover{
    color: var(--color-dark-text);
    cursor: pointer;
}
.product-filters{
    font-size: 1.4rem;
}
.parent-tax{
    text-transform: uppercase;
    font-weight: 500;
}
#clear_filters{
    text-align: right;
    display: block;
}
#clear_filters:hover{
    cursor: pointer;
}
.single_product-cat-tax{
    text-align: right;
    font-size: 1.2rem;
    color: var(--color-muted);
    margin-bottom: 0;
}
.row.no-marging{
    margin-left: 0;
    margin-right: 0;
}
.row.small-marging{
    margin-left: -1rem;
    margin-right: -1rem;
}
.text-right{
    text-align: right;
}
.price-row{
    position: relative;
}
.price-row p{
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 400;
}
.price-row p b{
    font-weight: 600;
}
.price_devider{
    border-left: 1px solid var(--color-muted);
    height: 2rem;
    position: absolute;
    left: 50%;
    top: 0.5rem;
}
.top-category-title{
    margin-top: 12rem;
    margin-bottom: -6rem;
    font-size: 1rem;
    text-transform: uppercase;
}

.single-product__screen1{
    margin-bottom: 15rem;
}

.single-product__screen1 .price-row{
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.single-product__screen1 .single_product-cat-price{
    font-size: 2.4rem;
}
.single-product__screen1 .price_devider {
    height: 5rem;
    top: -0.5rem;
}
.single-item-first-screen{
    padding-left: 4rem;
}
.product-sub_text {
    font-size: 1.2rem;
    color: var(--color-dark-text);
}
.in-stock-status{
    font-size: 1.2rem;
    color: var(--color-muted);
}
.options{
    margin-top: 3rem;
    margin-bottom: 5rem;
}
.option-icon{
    height: 4rem;
    width: 4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}
.option-item a{
    border: 1px solid #fff;
    padding: .3rem .3rem 0;
    cursor: pointer;
    display: block;
    text-align: center;
}
.option-item a:hover{
    transition: .2s ease;
}
.option-item a:hover,
.option-item.active a{
    border: 1px solid var(--color-dark-text);
}
.advantages{
    margin-bottom: 3rem;
}
.advantage{
    margin-bottom: 1rem;
}
.advantage-description{
    font-size: 1.2rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    height: 100%;
}
.advantage-icon{
    width: 4rem;
    height: 4rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}


.main-item {
    width: 100%;
    height: 70rem;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    margin-bottom: 4rem;
}

.main-item .product-badge{
    right: 6rem;
    top: 4rem;
    padding: .5rem 4rem;
}
.sub-item__wrapper{
    border-right: 1px solid var(--color-dark-text);

}
.sub-item{
    height: 6rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}
.sub-item:hover{
    cursor: pointer;
}
.product-slider-sub{
    position: relative;
}
.product-slider-sub .slick-next{
    position: absolute;
    right: -16rem;
    top: -3rem;
    content: '>';
    font-size: 4rem;
    background: transparent;
    border: 1px solid var(--color-dark-text);
    border-radius: 50%;
    display: inline-block;
    padding: 3rem 6rem 4rem;
}
.product-slider-sub .slick-next:hover{
    border-color: var(--color-secondary);
    cursor: pointer;
}

.single-product__screen2{
    margin-bottom: 10rem;
    color: var(--color-dark-text);
    border-bottom: 1px solid var(--color-gray);
}
.pad-left-5{
    padding-left: 5rem;
}
.single-product__screen2-title{
    font-size: 4rem;
    line-height: 1;
    margin-bottom: 2rem;
}
.single-product__screen2-content{
    font-size: 1.6rem;
    font-weight: 300;
    margin-bottom: 10rem;
}
.single-product__screen2-bg{
    height: 15rem;
    background-position: center;
    width: calc(100% + 39rem);
    max-width: 70vw;
}
.single-product__screen2-bg .blurred-bg{
    height: 100%;
    position: relative;
    width: calc(100%/12*7);
    float: right;
    margin-right: 1rem;
    right: -8px;
}
.huge-desc{
    height: calc(100% + 10rem);
    background-image: url(https://woodplast.local/wp-content/uploads/2026/01/ae602f6…-scaled.png);
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    position: relative;
    left: -4rem;
    top: -6rem;
}

.single-product__small-title{
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: 3rem;
}
.single-product__screen2-sphere .col-6{
    display: flex;
    align-items: center;
}
.single-product__screen2-sphere p{
    font-size: 1.2rem;
    margin-bottom: 1rem;
    line-height: 2;
}
.single-product__screen2-additional>div{
    padding-top: 3rem;
}
.single-product__screen2-additional .gray-border-left-box{
    border-width: 1px;
}
.single-product__screen2-additional .gray-border-left-box p{
    margin-top: 0;
}
.single-product__advantage-item{
    margin-bottom: 3rem;
}
.th-characteristics.support{
    margin-top: 5rem;
}
.th-images img{
    height: auto;
    max-height: 90rem;
    max-width: 100%;
    display: block;
    margin: auto;
}
.th-images .cut_image{
    width: 90%;
    margin-top: 3rem;
}
.th-characteristics{
    margin-bottom: 4rem;
}
.th-characteristics__title{
    font-size: 4rem;
    margin-bottom: 3rem;
    font-weight: 300;
}
.th-image{
    width: 3rem;
    height: 3rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.th-characteristics__item-title{
    font-size: 1.6rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
}
.th-characteristics__item-description{
    font-size: 1.4rem;
    margin-bottom: 3rem;
}
.th-characteristics>div{
    position: relative;
}

.th-characteristics>div::before,
.th-characteristics>div::after{
    position: absolute;
    z-index: 2;
    background-repeat: no-repeat;
    width: 40rem;
    height: 20rem;
    content: '';
    background-position: left;
    background-size: contain;
}

.th-characteristics.support .th-images.support {
    position: relative;
}
.th-characteristics.support .th-images.support::after{
    position: absolute;
    top: 10%;
    left: 80%;
    content: url(../images/lines/support.svg);
    height: 100%;
    width: auto;
}


.th-characteristics>div::before{
    background-image: url("../images/lines/line-1.svg");
    left: 38rem;
    top: 1.5rem;
    width: 58rem;
}
.th-characteristics>div::after{
    background-image: url("../images/lines/line-2.svg");
    left: 36rem;
    top: 18.5rem;
    width: 60rem;
    height: 40rem;
}

/* Вариант B: динамические выносные линии (th-lines.js).
   Статичные SVG-линии отключаем для обычного товара, чтобы не дублировались. */
.th-characteristics:not(.support)>div::before,
.th-characteristics:not(.support)>div::after{
    content: none;
}
.th-lines-host{
    position: relative;
}
.th-lines{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: visible;
    pointer-events: none;
    color: #000;
}
.th-lines__path{
    fill: none;
    stroke: currentColor;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    opacity: 0.45;
}
.th-lines__dot{
    fill: currentColor;
}
.th-lines__halo{
    fill: currentColor;
    opacity: 0.15;
}

.section-usage{
    margin-bottom: 10rem;
}

.usage-header{
    font-size: 4rem;
    margin-bottom: 3rem;
}
.usage-desc{
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 300;
    margin-bottom: 5rem;
}

.usage-item__icon{
    width: 4rem;
    height: 4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: -3px;
    display: block;
    margin: auto;
}
.usage-item__header{
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: 1.5rem;
}
.usage-item__desc{
    font-size: 1.6rem;
    margin-bottom: 6rem;
}
.expert-back{
    background-color: var(--color-light-gray);
    background-image: url(../images/logo/expert.svg);
    background-position: center 12rem;
    display: flex;
    align-content: end;
    flex-direction: column;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 18rem;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.expert-back img{
    max-width: 120%;
}
.drawing{
    max-width: 100%;
    margin-bottom: 4rem;
    margin-top: 4rem;
}
.specification{
    border-top: 1px solid var(--color-muted);
    border-bottom: 1px solid var(--color-muted);
    margin-bottom: 10rem;
}
.pad-top-bottom-4{
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.border-left-gray{
    border-left: 1px solid var(--color-muted);
    padding-left: 3rem;
}
.height-100{
    height: 100%;
}
.product-spec__label{
    font-size: 1.6rem;
    text-transform: uppercase;
}
.product-spec__value{
    font-size: 1.2rem;
    margin-bottom: 4rem;
}
.equipment{
    position: relative;
    margin-bottom: 20rem;
    height: 100rem;
    overflow: hidden;
}
.equipment.documentation{
   overflow: unset;
}
.equipment .container-xxl{
    position: relative;
    z-index: 3;
    background: #fff;
    padding-left: 10rem;

}
.equipment-list{
    padding-bottom: 5rem;
}
.equipment__title{
    font-size: 4rem;
    margin-bottom: 5rem;
    font-weight: 300;
}
.equipment-title{
    font-size: 1.2rem;
    text-transform: uppercase;
    margin-bottom: .5rem;
}
.equipment-description{
    font-size: 1rem;
}
.equipment-image{
    width: 8rem;
    height: 8rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.flex-middle{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.equipment-item{
    margin-bottom: 5rem;
}
.equipment-bg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    margin-top: 6rem;
    left: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
}
.architecture .site-btn{
    margin-bottom: 2rem;
}
.architecture__title{
    font-size: 4rem;
    font-weight: 300;
    margin-bottom: 3rem;
}
.architecture__desc{
    font-size: 2.4rem;
    line-height: 1;
    padding-right: 4rem;
}
.architecture-gallery{
    margin-top: 5rem;
    margin-bottom: 10rem;
}
.arc-bg-center{
    width: 100%;
    height: auto;
}
.arc-bg,
.arc-bg-left{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
}
.arc-bg{
    min-height: 38.5rem;
}
.arc-bg-holder{
    margin-bottom: 2rem;
}
.arc-color{
    width: 100%;
    height: 10rem;
}

.section-samples img{
    max-width: 100%;
    max-height: 7rem;
    margin: auto;
    display: block;
    float: right;
}

.product-samples__title{
    font-size: 4rem;
    font-weight: 400;
    margin-bottom: 3rem;
    margin-top: 15rem;
    text-transform: uppercase;
}
.product-samples__content{
    font-size: 2.4rem;
    line-height: 1;
    margin-bottom: 10rem;
}
.product-samples__image-box{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    margin-right: 10rem;
}
.section-samples{
    margin-bottom: 10rem;
}
.section-samples .testimonial-box{
    margin-top: 4rem;
}
.product-samples__text{
    font-size: 1.2rem;
}
.project-box{
    min-height:20rem;
}
.project-image{
    max-width: 100%;
    height: 70rem;
}
.projects-slick{
    position: relative;
}
.slick-project-items .slick-arrow,
.projects-slick .slick-arrow{
    position: absolute;
    right: 4rem;
    top: 80%;
    border-radius: 50%;
    padding: 5rem 6rem;
    background: transparent;
    display: inline-block;
    width: auto;
    border: 1px solid #fff;
    transition: all .3s ease;
    z-index: 2;
}
.slick-project-items .slick-arrow:hover,
.projects-slick .slick-arrow:hover{
    background-color: rgba(117, 95, 90, 0.42);
}
.slick-project-items .slick-prev,
.projects-slick .slick-prev {
    transform: rotate(180deg);
    top: 60%;
    z-index: 10;
}
.projects-slick .slick-slide.slick-active img{
    transition: all 1s ease;
}
.projects-slick .slick-slide.slick-active img{
    float: right;
}
.projects-slick .slick-slide.slick-current.slick-active img{
    float: left;
}
.section-projects{
    margin-bottom: 10rem;
}

.section-harmony{
    height: 102rem;
    box-shadow: inset 0px 0px 30rem 30rem #0808087a;
    position: relative;
}
.harmony-image{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    margin: auto;
    z-index: 0;
    overflow: hidden;
}
.harmony-image img{
    max-width: 100%;
}

.section-harmony .blurred-bg{
    padding: 20rem 4rem 10rem;
}
.section-harmony__logo{
    margin-top: 3rem;
}
.section-harmony__title{
    font-size: 4rem;
    margin-bottom: 3rem;
    font-weight: 400;
    color: #fff;
}
.section-harmony__desc{
    font-size: 1.6rem;
    margin-bottom: 3rem;
    font-weight: 300;
    color: #fff;
}
.section-video{
    margin: 10rem 0;
}
.section-video .product-samples__image-box{
    margin-right: 2rem;
}
.section-video .product-samples__title{
    margin-top: 0;
}
.harmony-mask{
    position: absolute;
    left: 31%;
    top: 42%;
}

.section-video .testimonial-box img{
    height: 6rem;
    float: right;
}

.section-video .testimonial-box {
    margin-bottom: 12rem;
}
.video-play{
    background-image: url(../images/icons/video-play.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 5rem;
    display: block;
    height: 100%;
    width: 100%;
    transition: all .3s ease;
}
.video-play:hover{
    cursor: pointer;
    background-size: 6rem;
    background-color: rgba(117, 95, 90, 0.42);
}
.blog-page{
    min-height: 70vh;
}
.blog-header h4{
    font-size: 2.4rem;
    text-transform: uppercase;
    margin-top: 30%;
}
.blog-header p{
    font-size: 1.2rem;
    margin-bottom: 2rem;
}
.blog-header.site-page h2{
    font-weight: 500;
}
.blog-header{
    border-bottom: 1px solid var(--color-gray);
    min-height: unset;
}
.social-links{
    /*display: flex;*/
    /*align-items: center;*/
    /*justify-content: space-around;*/
}
.social-links a{
    display: inline-block;
    height: 2.4rem;
    width: 2.4rem;
    margin-right: 3rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .2s ease;
}
.social-links a:hover{
    transform: scaleY(1.2);
}
.social-links a.instagram{
    background-image: url(../images/icons/instagram.svg);
}
.social-links a.facebook{
    background-image: url(../images/icons/facebook.svg);
}
.social-links a.youtube{
    background-image: url(../images/icons/youtube.svg);
}
.blog-article img{
    max-width: 100%;
}
.blog-article .site-btn {
   display: inline-block;
}
.blog-image{
    background-position: center;
    background-repeat: no-repeat;
    height: 16rem;
    width: 100%;
}
.flex-col-spread{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 2rem;
}
.articles-list{
    margin-top: 5rem;
    margin-bottom: 7rem;
}
.post-date{
    font-size: 1.6rem;
    color: var(--color-muted);
}
.blog-article{
    margin-bottom: 3rem;
}
.blog-article h5{
    font-size: 1.6rem;
    font-weight: 400;
}

.pagination-wrapper{
    margin-bottom: 10rem;
}

.page-numbers{
    display: inline-block;
    font-size: 1.6rem;
    border-radius: 50%;
    margin-right: 2rem;
    width: 7rem;
    height: 7rem;
    text-align: center;
    padding-top: 2rem;
    transition: all .2s ease;
}
.page-numbers:hover{
    background: var(--color-dark-text);
    color: #fff;
    cursor: pointer;
}

.page-numbers.current{
    border: 1px solid var(--color-dark-text);
}

.prev.page-numbers,
.next.page-numbers{
    border:none ;
    width: auto;
    position: relative;
}
.prev.page-numbers:hover,
.next.page-numbers:hover{
    background: transparent;
    color: var(--color-dark-text);
}
.prev.page-numbers::after,
.next.page-numbers::after{
    content: url("../images/icons/arrow_right_black.svg");
    font-size: 2.4rem;
    position: absolute;
    right: -3rem;
    top: 1.3rem;
}
.prev.page-numbers::after{
    left: -3rem;
    right: auto;
    transform: rotate(180deg);
    top: 1.6rem;
}
.favourite-post{
    width: 100%;
    height: 25rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 2rem;
}
.favourite-post-title{
    font-size: 1.4rem;
    color: #fff;
    background: rgba(0, 0, 0, 0.54);
    text-transform: uppercase;
    display: flex;
    flex-direction: column;
    justify-content: end;
    width: 100%;
    height: 100%;
    padding: 2rem;
    line-height: 1;
    transition: all .2s ease;
    word-break: break-word;
}
.favourite-post-title:hover{
    cursor: pointer;
    background: transparent;
    text-shadow: -2px 1px 5px rgb(50 50 50);
}
.our-articles{
    margin-top:4rem;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 300;
}
.post-image {
    padding: 4rem 0;
}
.post-image img{
    max-width: 100%;
}
.post-content{
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 300;
    color: var(--color-dark-text);
    margin: 3rem 0 5rem;
}
.top-text{
    font-size: 1.2rem;
    color: var(--color-muted);
    margin-bottom: 2rem;
    position: absolute;
    top: 14rem;
    text-transform: uppercase;
    font-weight: 500;
}

.arrow-left::after,
.arrow-right::after{
    background-image: url("../images/icons/arrow_right_black.svg");
    width: 1.3rem;
    height: 1.3rem;
    background-repeat: no-repeat;
}
.arrow-left{
    padding-left: 4rem;
    padding-right: 2rem;
}

.arrow-left::after{
    right: auto;
    left: 1.2rem;
    transform: rotate(180deg);
    top: 40%;
}
.arrow-left:hover::after{
    transform: rotate(225deg);
}
.arrow-right:hover::after{
    transform: rotate(45deg);
    top: 38%;
}


.post-nav a{
    max-width: 50%;
}
.flex-to-bottom{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    height: 100%;
}
.icon-box{
    width: 4rem;
    height: 4rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.icon-box-text{
    font-size: 1.6rem;
    line-height: 1.1;
    margin-bottom: .5rem;
    text-transform: uppercase;
    margin-top: .5rem;
}
.icon-box-desc{
    font-size: 1.2rem;
}
.sample_group:last-child{
    margin-bottom: 8rem;
}
.projects-page-header .left-border-gray
{
    padding-left: 1rem;

}
.project-cat-box{
    height: 56rem;
    margin-bottom: 2rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.project-cat-box a{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    background-color: rgba(5, 5, 5, 0.49);
    color: #fff;
    padding: 0 0 6rem 5rem;
    font-size: 2.4rem;
    transition: all .3s ease;
    text-transform: uppercase;
}
.project-cat-box a:hover{
    background-color: transparent;
}
.projects-body{
    margin: 8rem 0;
}
.project-cat__list{
    margin-top: -4rem;
    margin-bottom: 10rem;
}

.project-cat__list span,
.project-cat__list a{
    display: inline-block;
    font-size: 1.2rem;
    margin-right: 2rem;
    font-weight: 300;
    padding-right: 7px;
}
.project-cat__list span{
    text-transform: uppercase;
    margin-right: 4rem;
    font-weight: 400;
}
.project-cat__list a:hover,
.project-cat__list a.current{
    font-weight: 600;
    padding-right: 0px;
}
.slick-project-items img{
    height: 56rem;
    width: auto;
    max-width: 100%;
}
.slick-project-item__img .slick-project-items .flex-end{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.slick-project-item__img {
    position: relative;
}
.slick-project-items.slick-slider{
    position: unset;
}
.slick-project-items .slick-arrow{
    border-color: var(--color-dark-text);
}
.slick-project-items .slick-prev{
    top: 55%;
}
.project-item__info p{
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    margin-left: 3rem;
}
.project-item__info p.head-project{
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: .5rem;
}
.single-project-img__holder img{
    max-width: 100%;
    max-height: 56rem;
    width: auto;
    display: block;
    margin: 0 auto 2rem;
}
.lang-switcher {
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
}

.lang-dropdown {
    position: absolute;
    top: 100%;
    right: 0;
    background: #fff;
    list-style: none;
    padding: 6px 0;
    margin: 0;
    border: 1px solid #ddd;
    display: none;
    min-width: 60px;
    z-index: 1000;
}

.lang-dropdown li a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
    color: #000;
    text-transform: uppercase;
}

.lang-dropdown li a:hover {
    background: #f5f5f5;
}
.lang-dropdown.open {
    display: block;
}
.contact-page #where-second{
    top: -47rem;
    position: relative;
    z-index: 2;
}
.contact-page #where-second::after{
    background-color: #fff;
    height: 100%;
    width: 50%;
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.contact-text__block{
    font-size: 1.6rem;
    line-height: 1.2;
    font-weight: 300;
    color: var(--color-dark-text);
    margin-bottom: 5rem;
}

.contact-page .icon-labeled .icon-row::before {
    left: 1rem;
    top: 0.5rem;
}
.contact-page .icon-labeled .icon-row {
    margin-top: 0;
    margin-bottom: 2rem;
}
.contact-page .gray-border-left-box p {
    margin-top: 0;
    font-size: 1.2rem;
}
.footer-horizontal-list{
    margin-top: 3rem;
}
.footer-horizontal-list a{
    font-size: 1rem;
    padding-bottom: 1rem;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
}
.country-current img{
    width:3rem;
}
.country-wrap{
    position: relative;
    display: inline-block;
    cursor: pointer;
}
.country-dropdown{
    position: absolute;
    top: 2.3rem;
    right: 0px;
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 1000;
    transform: scaleY(0);
    transition: all .2s ease;
    background: #fff;
    min-width: 10rem;
}
.country-wrap:hover .country-dropdown{
    transform: scaleY(1);
}
.country-dropdown li{
    margin-bottom: .5rem;
    border-bottom: 1px solid var(--color-gray);
}
.country-dropdown img{
    width: 3rem;
}

/* Мобильный переключатель страны/языка в бургер-меню — виден только на мобилке */
.m-switch{
    display: none;
}

.equipment-page .single-product__screen2{
    margin-bottom: 0;
}
.equipment-page .specification{
    margin-bottom: 0;
}
.equipment-page .equipment-bg{
    margin-top: 0;
}
.equipment-page .th-characteristics>div::before,
.equipment-page .th-characteristics>div::after{
    content: unset;
}
.equipment-page h4{
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    text-align: left;
    font-weight: 400;
    font-size: 1.6rem;
}
.equipment-page #cooperation-four{
   margin-bottom: 14rem;
}
.equipment-page .equipment .container-xxl{
    background: transparent;
    padding-left: unset;
    height: 100%;
}
.equipment_images{
    margin-top: 3rem;
}
.equipment_images img{
    max-width: 100%;
    height: 100%;
}
.equipment-blur.blurred-bg{
    height: 106%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30%;
    float: right;
    top: 0;
    position: absolute;
    right: 16%;
    padding-top: 20%;
}

.customize-support .icon-labeled .icon-row{
    padding-left: 6rem;
}
.customize-support .divider-left-white{
    margin-bottom: 0;
}
.customize-support .divider-left-white p{
    color: #d5d5d5;
}
.customize-support #cooperation-four .to-bottom{
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
    height: 100%;
    margin-top: 0;
}
.equipment-page .section-video h4{
    font-size: 4rem;
}
.equipment-blur.blurred-bg h5{
    font-size: 3rem;
    color: #fff;
    padding: 2rem;
    font-weight: 400;
    text-transform: uppercase;
}
.general-size{
    font-size: 1.2rem;
    color: var(--color-muted);
    margin-top: .5rem;
}
.gallery-projects__title{
    font-size: 4rem;
    margin-bottom: 4rem;
    text-transform: uppercase;
}

.equipment-page #cooperation-four .icon-labeled .icon-row::before{
    top: 2.5rem;
}
.window-mode-specification{
    margin-top: 4rem;
}
.window-mode-specification__first_holder{
    border: 1px solid var(--color-gray);
}
.window-mode-specification__first_holder img{
    max-width: 100%;
}
.cell-img{
    width: 100%;
    max-width: 12rem;
    display: block;
    margin: auto;
}
.window-mode-window{
    max-width: 20rem;
}
.window-mode-specification__first{
    margin-bottom: 3rem;
}
.window-mode-specification__first h5{
    font-size: 4rem;
    text-transform: uppercase;
}
.window-mode-specification__first .window-mode-specification__first_desc{
    font-size: 2.4rem;
    text-transform: uppercase;
}
.window-mode-specification__first_header{
    font-size: 1.6rem;
}
.window-mode-specification__first_size{
    font-size: 1.2rem;
}
.window-mode-table{
    border: 1px solid var(--color-gray);
    margin-bottom: 5rem;
}
.window-mode-table-cell{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.window-mode-table-cell:last-child{
   border-left: 1px dashed var(--color-gray);
}
.window-mode-table-row{
    border-bottom: 1px dashed var(--color-gray);
}
.window-mode-table-row:last-child{
    border-bottom: none;
}
.window-mode-table-cell h6{
    margin-top: 3rem;
    font-size: 1.6rem;
    text-transform: uppercase;
}
.window-mode-table-cell p{
    margin-top: 1rem;
    font-size: 1.2rem;
}
.instructions-img-holder{
    border: 1px solid var(--color-gray);
    border-radius: 50%;
    overflow: hidden;
    max-width: 10rem;
}
.instructions-img-holder img{
    max-width: 100%;
}

.instructions-header{
    font-size: 1.6rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}
.instruction-step__desc,
.instructions-desc{
    font-size: 1.2rem;
    margin-bottom: 6rem;
}
.instructions h5{
    font-size: 4rem;
    text-transform: uppercase;
}

/* Hero slider */
.hero-bg-layer {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    z-index: 0;
    transition: opacity 0.3s ease;
}
.hero-bg-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    filter: brightness(0.75);
}
.hero-slide-text-wrap,
.hero-slide-options-wrap {
    position: relative;
}
.hero-slide-text,
.hero-slide-options {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.hero-slide-text.is-active,
.hero-slide-options.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    position: relative;
}
.hero-socials {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    margin-bottom: 1.5rem;
}
.hero-social-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.2rem;
    height: 3.2rem;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.hero-social-link img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* иконки исходно тёмные (#2E3135) — делаем белыми на тёмном hero */
    filter: brightness(0) invert(1);
}
.hero-social-link span {
    color: #fff;
    font-size: 0.9rem;
    line-height: 1;
}
.hero-social-link:hover {
    transform: translateY(-2px);
    opacity: 0.8;
}
.hero-next-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: -3rem;
    top: 2rem;
    width: 13rem;
    height: 13rem;
    border-radius: 50%;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #fff;
    cursor: pointer;
    padding: 0;
    transition: background 0.3s ease, border-color 0.3s ease;
}
.hero-next-btn:hover {
    background: rgba(255, 255, 255, 0.15);
    border-color: #fff;
}
.hero-next-btn svg {
    width: 18px;
    height: 18px;
}

/* Blog mobile toggle (Статьи / Новости) */
.blog-toggle-buttons {
    gap: 1rem;
    margin-bottom: 2.5rem;
}
.blog-toggle-btn {
    flex: 1;
    padding: 1rem;
    font-size: 1.4rem;
    background: transparent;
    color: var(--color-dark-text);
    border: 1px solid var(--color-dark);
    cursor: pointer;
    transition: background 0.3s ease, color 0.3s ease;
}
.blog-toggle-btn.is-active {
    background: var(--color-dark-text);
    color: #fff;
}
.instruction-step__icon{
    width: 100%;
    height: 38rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 2rem;
}
.equipment.documentation
{
    margin-top: 15rem;
}
.documentation .equipment__title{
    margin-bottom: 0;
    position: relative;
    top: -10rem;
    background: #fff;
    border-top: 1px solid var(--color-gray);
    padding: 5rem 5rem 0;
}
.documentation .equipment-list{
    position: relative;
    top: -10rem;
    background: #fff;
    padding: 5rem 5rem 0;
}

.equipment-page .harmony-mask{
    display: none;
}
.equipment-table img{
    max-width: 100%;
}
.equipment-table h6{
    font-size: 4rem;
    text-transform: uppercase;
}

.table-header{
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 3rem;
}
.table-header-max{
    font-size: 3.2rem;
    margin-top: 3rem;
}
.table-desc{
    font-size: 1.2rem;
}
.equipment-table__body img{
    margin-top: 3rem;
    margin-bottom: 3rem;
}
.cell-item{
    margin-top: 3rem;
    text-align: center;
    font-size: 1.2rem;
}
.equipment-table__body__table{
    border-top: 1px solid var(--color-gray);
    margin-top: 5rem;
}
.cell-border-right{
   border-right: 1px solid var(--color-gray);
    text-align: right;
    padding-right: 2rem;
}
.cell-border-left{
    border-left: 1px solid var(--color-gray);
}
.cell-border-top{
    border-top: 1px solid var(--color-gray);
}
.cell-border-bottom{
    border-bottom: 1px solid var(--color-gray);
}
.height-100{
    height: 100%;
}
.under-blurred-logo
{
    z-index: 2;
    position: relative;
    padding-top: 2rem;
}
.product-samples__video {
    position: relative;
    height: 100%;
    min-height: 260px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
}

.product-samples__video iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.video-play {
    position: absolute;
    inset: 0;
    z-index: 2;
}

.product-samples__video.is-playing .video-play {
    display: none;
}
#mobile-nav-toggler{
    display: none;
}
.equipment .white{
    background-color: #fff;
    padding: 2rem 1rem 0 12rem
}
.mobile-lines{
    display: none;
}
.projects-slick__holder{
    position:relative;
}
.projects-slick_front_page {
    position: absolute;
    right: 0;
    width: 26.5%;
    height: 100%;
    top: 0;
    background: #000000a3;
    z-index: 0;
    display: flex;
    align-items: flex-end;
    padding-right: 20rem;
    padding-left: 2rem;
    padding-bottom: 3rem;
}
#sixteen-screen img{
    max-width: 100%;
    height: auto;
}
#sixteen-screen .trust-catalogs__bottom
{
    margin-top: 4rem;
}
#sixteen-screen .second-screen-text p{
    font-size: inherit;
}
#sixteen-screen .testimonial-box{
    margin-top: 3rem;
}
.catalogs-section__desc,
.catalog-item__title{
    font-size: 1.4rem;
}
.trust-catalogs__title{
    font-size: 4rem;
}
.catalogs-section__title{
    margin-bottom: 21rem;

}

#seventeen-screen img{
    max-width: 100%;
}
#seventeen-screen .dark-row_25{
    max-width: 100%;
    padding: 8rem 3rem 9rem;
}

#seventeen-screen .blurred-bg{
    color: #fff;
    display: flex;
    align-items: center;
}
#seventeen-screen .icon-labeled{
    padding: 0 2rem 8rem;
}
.last-fp{
    margin: 6rem 0;
}
.why-woodplast__title{
    font-size: 4.2rem;
    margin-bottom: 3rem;
    color: #fff;
    font-weight: 300;
    padding: 8rem 0;

}
.why-woodplast__title span{
    font-size: 7rem;
}
.why-coop-strip__title{
    font-size: 4rem;
    text-transform: uppercase;
    display: block;
    margin-bottom: 4rem;
}
.left-border{
    border-left: 1px solid var(--color-gray);
    padding-left: 3rem;
}
.why-coop-strip__desc{
    font-size: 2.4rem;
}
@media (min-width: 1930px) {
    section{
        max-height: 120rem;
    }
}
@media (min-width: 1400px) {
    .container-xxl{
        max-width: 1400px;
    }
}
@media (max-width: 950px) {
    section{
        max-height: unset;
    }
    #sixteen-screen .trust-catalogs__bottom {
        margin-top: 0;
    }
    #why-us-3-block{
        position: relative;
    }
    #mobile-nav-toggler {
        display: block;
    }

    .text-block-25 p {
        font-size: 0.9rem;
    }

    .header-menu--container {
        position: relative;
        width: 130vw;
        background: #fff;
        height: 0;
        display: block;
        left: -2rem;
        max-width: 102vw;
        overflow: hidden;
        transition: all .3s ease;
        visibility: hidden;
    }

    .header-menu--container.visible {
        height: 100vh;
        overflow-y: auto;
    }

    /* Мини-строка переключателей внизу бургер-меню */
    .m-switch {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 2rem;
        padding: 2.5rem 2rem;
        margin-top: 2rem;
        border-top: 1px solid var(--color-gray);
    }

    .m-switch__countries {
        display: flex;
        align-items: center;
        gap: 1.6rem;
    }

    .m-switch__country img {
        display: block;
        width: 3.2rem;
        height: auto;
        opacity: .5;
        border-radius: 2px;
        transition: opacity .2s ease, box-shadow .2s ease;
    }

    .m-switch__country.is-active img {
        opacity: 1;
        box-shadow: 0 0 0 2px var(--color-accent);
    }

    .m-switch__langs {
        display: flex;
        align-items: center;
        gap: 1.2rem;
        font-size: 1.8rem;
        font-weight: 600;
        text-transform: uppercase;
    }

    .m-switch__lang {
        color: var(--color-muted);
        text-decoration: none;
    }

    .m-switch__lang.is-active {
        color: var(--color-accent);
    }

    .sub-menu--container {
        z-index: -100;
    }

    .th-characteristics > div::before, .th-characteristics > div::after {
        content: unset;
    }

    .big-25 {
        max-width: 100%;
        margin-top: 2rem;
    }

    .single-product__screen1 .price-row {
        overflow: hidden;
    }

    .left-border-gray {
        padding-left: 2rem;
    }

    .single-item-first-screen,
    .pad-left-5 {
        padding-left: 0;
    }

    .single_product-cat-price {
        padding-left: 1rem;
    }

    .products-page .page-title {
        padding-top: 6rem;
    }

    .sub-item {
        height: 12rem;
    }

    .main-item {
        margin-bottom: 1rem;
    }

    #md-lang {
        display: none !important;
    }

    .in-stock-status,
    .product-sub_text {
        font-size: 1.7rem;
    }

    .single-product__screen1 .single_product-cat-price {
        font-size: 3.2rem;
    }

    .option-icon {
        height: 9rem;
        width: 100%;
    }

    .advantage-icon {
        width: 100%;
        height: 8rem;
    }

    .projects-page .icon-box{
        width: 6rem;
        height: 6rem;
    }
    .advantage-description {
        font-size: 2.2rem;
    }

    .buttons-wrapper {
        display: flex;
        justify-content: space-between;

    }

    .buttons-wrapper a {
        width: 100%;
        text-align: center;
        font-size: 1.7rem;
        padding: 1.2rem 3rem 1.2rem 0;
    }

    .site-btn-arrowed::after {
        width: 2rem;
        height: 2rem;
    }

    .site-btn {
        margin-right: 0;
        margin-left: 1rem;
        font-size: 1.8rem;
    }

    .header-logo__image {
        height: 2.1rem;
    }

    .single-product__screen2-content {
        font-size: 2.6rem;
        font-weight: 400;
        line-height: 1.2;
        margin-bottom: 0;
    }

    .single-product__screen2-bg {
        max-width: 100%;
        margin-top: 20rem;
        height: 60rem;
        position: relative;
    }

    .single-product__screen2 {
        position: relative;
    }

    .huge-desc {
        position: absolute;
        left: unset;
        right: 2rem;
        top: 47rem;
        width: 280px;
        height: 80rem;
    }

    .single-product__screen2-bg .blurred-bg {
        height: 30%;
        position: absolute;
        width: 100%;
        float: unset;
        margin-right: 0;
        right: 0;
        bottom: 0;
    }

    .single-product__small-title {
        font-size: 2.6rem;
        margin-left: 13rem;
    }

    .single-product__screen2-additional > div {
        margin-top: 5rem;
    }

    .single-product__screen2-additional .gray-border-left-box {
        border-top: 1px solid var(--color-gray);
        border-left: none;
    }

    .gray-border-left-box p {
        margin-left: 0;
        display: block;
        text-align: center;
        font-size: 2.4rem;
    }

    .single-product__screen2-sphere {
        font-size: 2rem;
    }

    .th-characteristics__title {
        margin-top: 3rem;
        padding-left: 2rem;
    }

    .th-image {
        width: 7rem;
        height: 7rem;
        display: block;
        margin: 0 auto;
    }

    .th-characteristics__item-description {
        font-size: 2rem;
    }

    .drawing {
        width: 100%;
        padding-left: 2rem;
    }

    .product-spec__label {
        font-size: 2.2rem;
    }

    .product-spec__value {
        font-size: 2rem;
    }

    .height-100 {
        height: auto;
    }

    .product-spec {
        width: 49%;
        display: inline-block;
    }

    .border-left-gray {
        border-left: none;
        border-top: 1px solid var(--color-muted);
    }

    .equipment .container-xxl {
        padding-left: 3rem;
    }

    .equipment .white {
        padding: 0;
    }

    .architecture__desc {
        padding-right: 0;
        padding-bottom: 2rem;
    }

    .equipment-title {
        font-size: 1.6rem;
    }

    .equipment-blur.blurred-bg {
        height: 20%;
        float: unset;
        top: unset;
        bottom: 6%;
        width: 100%;
        right: 0;
        padding: 0;
    }

    .equipment {
        height: 150rem;
    }

    #feel-buttons {
        padding-top: 2rem;
        padding-left: 0;
        margin-bottom: 3rem;
    }
    .product-slider-sub .slick-next{
        border: 1px solid #fff;
        background: #ffffff8c;
        right: 3rem;
    }
    #words-cannot{
        display: none;
    }
    .arc-bg-center {
        max-height: 40rem;
        margin-bottom: 2rem;
    }

    .arc-bg-center {
        max-height: 40rem;
        margin-bottom: 2rem;
    }

    .product-samples__content {
        margin-bottom: 3rem;
    }

    .product-samples__text {
        font-size: 1.8rem;
        margin-top: 2rem;
    }

    .section-samples a {
        width: 100%;
        display: block;
        text-align: center;
    }

    .slick-project-items .slick-arrow, .projects-slick .slick-arrow {
        top: 75%;
        padding: 4rem 5rem;
    }

    .slick-project-items .slick-prev, .projects-slick .slick-prev {
        top: 55%;
    }

    .product-samples__title {
        margin-top: 0;
    }

    .testimonial-box {
        font-size: 1.6rem;
    }

    .equipment {
        height: auto;
        margin-bottom: 3rem;
    }
    .architecture-gallery{
        display: none;
    }

    .site-page {
        overflow: hidden;
    }

    header {
        padding-right: 0;
    }

    #mobile-nav-toggler {
        transition: all .3s ease;
    }

    #mobile-nav-toggler.active {
        transform: rotate(90deg);
    }

    .list-header,
    .footer_list_item,
    .sub-header-menu a {
        font-size: 2rem;
    }

    .header-menu__list {
        display: block;

    }

    .header-menu__list li a {
        font-size: 3.4rem;
        padding-bottom: 2rem;
        font-weight: 400;
    }

    .header-menu__list {
        margin-top: 3rem;
    }

    /* ---- Мобильный аккордеон подменю «Продукция» ---- */
    .header-menu__list li.has-mobile-sub > a {
        position: relative;
        display: inline-block;
    }
    .mobile-sub-arrow {
        display: inline-block;
        width: 1.6rem;
        height: 1.6rem;
        margin-left: 1.6rem;
        border-right: 3px solid currentColor;
        border-bottom: 3px solid currentColor;
        transform: translateY(-0.6rem) rotate(45deg);
        transition: transform .3s ease;
        vertical-align: middle;
    }
    .header-menu__list li.mobile-sub-open .mobile-sub-arrow {
        transform: translateY(0) rotate(-135deg);
    }
    .header-menu__list li.has-mobile-sub > .sub-menu--container {
        position: static;
        width: 100%;
        left: auto;
        top: auto;
        opacity: 1;
        z-index: auto;
        background: transparent;
        box-shadow: none;
        max-height: 0;
        overflow: hidden;
        transition: max-height .35s ease;
    }
    .header-menu__list li.has-mobile-sub > .sub-menu--container.mobile-open {
        max-height: 250vh;
    }
    .header-menu__list li.has-mobile-sub .sub-header-menu .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    .header-menu__list li.has-mobile-sub .sub-header-menu a {
        font-size: 2rem;
        padding-bottom: 0;
    }

    .products-page .page-title {
        margin-bottom: 1rem;
    }

    h1.page-title {
        font-size: 2rem;
        margin-bottom: 2rem;
    }

    .sub-title {
        font-size: 2rem;
    }

    .product-filters {
        visibility: hidden;
        height: 0;
    }

    .single_product-cat {
        width: 100%;
    }

    #product-view-type,
    .single_product-cat-tax,
    .single_product-cat-title {
        font-size: 1.8rem;
    }

    .price-row p {
        font-size: 2.2rem;
    }

    .why-us-page #frontpage-blur {
        height: 100%;
    }

    #frontpage-blur {
        top: unset;
        left: 0;
        width: 100%;
        bottom: 0;
    }

    section.hero {
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-wrap: wrap;
    }

    #why-us-one {
        top: 0;
        margin-bottom: 0;
    }

    .frontpage_first_text {
        position: relative;
        padding: 4rem;
        padding: 4rem 4rem 10rem;
        font-weight: 100;
    }

    .why-us-page section.hero .icon-row h5 {
        padding-left: 2rem;
    }

    #why-us-one .container-xxl {
        padding: 2rem 1rem;
    }

    .dark-row_25 img {
        max-width: 100%;
    }

    .why-us-page #hero-section p {
        font-size: 2.6rem;
        margin-bottom: 2rem;
    }

    .why-us-page section.hero .icon-row h5 {
        font-size: 1.8rem;
    }

    .why-us-page .gray-border-left-box {
        margin-top: 3rem;
        border-left: none;
        border-top: 1px solid var(--color-gray);
        padding-left: 0;
        padding-top: 2rem;
    }

    .why-us-page #hero-section h3{
        width: 100%;
        text-align: right;
        position: relative;
        top: 15rem;
    }
    .gray-border-left-box h4 {
        font-size: 3rem;
    }

    #why-us-one .row_2 {
        margin-top: 1rem;
    }

    .icon-labeled {

    }

    .icon-labeled .icon-row::before {
        left: 1rem;
    }

    .icon-labeled .icon-row {
        padding-left: 7rem;
    }

    .icon-labeled .icon-row p {
        font-size: 2rem;
        text-align: left;
        line-height: 1.2;
    }

    .gray-border-left-box p {
        text-align: left;
    }

    .where-we-logo,
    .icon-labeled .icon-row h5 {
        font-size: 2.4rem;
        font-weight: 500;
    }

    .icon-labeled {
        margin-bottom: 5rem;
    }

    #why-us-one .row_3 {
        margin-top: 0;
    }

    .testimonial-box {
        margin-top: 5rem;
        margin-bottom: 4rem;
    }

    .second-screen-text {
        padding-left: 0;
        border-left: 0;
        margin-top: 2rem;
        border-top: 1px solid var(--color-gray);
        padding-top: 2rem;
    }

    #why-us-4 .second-screen-text {
        display: flex;
        flex-direction: column;
    }

    #why-us-4 .second-screen-text p {
        order: 1;
    }

    #why-us-4 .second-screen-text .buttons-wrapper {
        order: 2;
        margin-bottom: 0;
        margin-top: 4rem;
    }

    .where-we-are-text,
    .second-screen-text p {
        font-size: 2.2rem;
    }

    .where-we-are {
        margin-top: 2rem;
    }

    #why-us-5 {
        min-height: 40vh;
        background-position: center bottom;
        background-size: contain;
    }

    #why-us-6 {
        height: 70vh;
    }

    .divider-left-white p {
        font-size: 2rem;
        color: #fff;
    }

    .divider-left-white {
        /* border-left: 2px solid var(--color-gray); */
        color: #fff;
        padding-left: 2rem;
    }

    .architects-page-header span.small,
    .architects-page-catalogs p.small {
        font-size: 2.2rem;
        padding-left: 5px;
    }

    .architects-page-catalogs h3 {
        font-size: 2.6rem;
        margin-top: 4rem;
    }

    .architects-page-catalogs .left-border-gray {
        border-left: unset;
        margin-bottom: 0;
    }

    .architects-page-catalogs p {
        line-height: 3.5rem;
        font-size: 2.6rem;
        font-weight: 300;
    }
    .single-catalog-item p{
        line-height: 2.5rem;
        font-size: 1.8rem;
    }
    .contact-page #hero-section{
        min-height: 30vh;
    }
    .contact-page .frontpage_first_text h3 {
        font-size: 6.8rem;
        width: 100%;
        padding-top: 27rem;
        font-weight: 100;
        padding-right: 2rem;
    }
    .contact-page .where-second__headline{
        font-size: 5rem;
    }
    .where-page #hero-section{
        min-height: 30rem;
    }
    .contact-page .where-second__headline br{
        display: none;
    }
    .contact-page .gray-border-left-box{
        border: 1px solid var(--color-gray);
        padding: 2rem;
    }
    #where-second{
        margin-bottom: 0;
    }
    .product-slider-sub{
        top: -13rem;
        margin-bottom: -13rem;
    }
    .single-item-first-screen .buttons-wrapper{
        display: none;
    }
    .single-product__screen1 {
        margin-bottom: 4rem;
    }
    .sub-item {
        opacity: 0;
    }
    .huge-desc,
    .single-product__screen2-bg{
        display: none;
    }
    .single-product__screen2-additional .gray-border-left-box{
        padding-left: 4rem;
    }
    .equipment-list{
        padding-bottom: 0;
    }
    .architects-page-header .left-border-gray {
        border-left: 1px solid var(--color-gray);
    }
    .specification .border-left-gray{
        padding-bottom: 0;
        margin-bottom: -3rem;
    }
    .cooperation-page .hero-huge {
        font-size: 7rem;
        text-align: right;
    }
    .cooperation-page #hero-section #frontpage-blur {
        height: 83rem;
        width: 37%;
        right: 1rem;
        left: unset;
    }
    .cooperation-page .frontpage_first_text {
        top: 10px;
        padding-right: 10px;
    }

    #cooperation-one {
        top: unset;
        margin-bottom: 4rem;
    }

    #cooperation-one .container-xxl {
        padding-left: 10px;
    }

    #cooperation-one h3 {
        font-size: 3rem;
    }

    section.hero {
        background-position: center;
    }

    .cooperation-page #frontpage-blur {
        height: 100%;
    }

    #cooperation-two h4 {
        margin-top: 4rem;
    }

    .cooperation-page img {
        max-width: 100%;
        width: auto;
        display: block;
        margin: 3rem auto;
    }

    #cooperation-six .huge {
        font-size: 5.5rem;
    }

    .cooperation-page h3 {
        font-size: 2.6rem;
    }
    #cooperation-six h3 {
        font-size: 3.3rem;
        margin-bottom: 2rem;
        width: auto;
        font-weight: 500;
    }
    #cooperation-six .hero-main{
        min-height: 80vh;
    }
    #cooperation-six .huge{
        font-size: 8.5rem;
    }
    .footer-logo {
        font-size: 8rem;
        text-align: left;
    }
    .footer-desc {
        font-size: 1.6rem;
        font-weight: 300;
        text-transform: uppercase;
        text-align: left;
         max-width: unset;
         float: unset;
        display: block;
        margin-bottom: 3rem;
    }

    .sub-item__wrapper{
        border-right: none;
    }
    .vertical-card {
        height: auto;
        padding: 1rem;
    }

    .vertical-card__header {
        font-size: 2.5rem;
        font-weight: 500;
    }

    .vertical-card__icon {
        height: 7rem;
        width: 7rem;
    }

    .vertical-card__text {
        font-size: 1.8rem;
        margin-bottom: 1rem;
    }

    .text-seven-screen {
        font-size: 2.6rem;
    }

    #cooperation-one p {
        font-size: 2rem;
        padding-right: 0;
    }

    .gray-border-left-box{
        border-left: unset;
        border-top: 1px solid var(--color-gray);
        padding-left: 0;
    }

    #cooperation-two p {
        font-size: 2rem;
        padding-left: 2rem;
    }

    #cooperation-four {
        background-size: cover;
        height: auto;
        padding-top: 5rem;
    }

    p.regular {
        font-size: 2.4rem;
    }

    #cooperation-four .divider-left-white {
        border-left: unset;
        border-top: 1px solid var(--color-gray);
        padding-left: 0;
        padding-top: 2rem;
        margin-top: 2rem;
    }

    .contact-page #frontpage-blur {
        max-height: 120px;
    }

    .contact-page section.hero {
        min-height: 31vh;
    }

    .contact-page #hero-section .frontpage_first_text {
        top: 0;
        padding: 0;
    }

    .contact-page #hero-section #frontpage-blur {
        height: 40vh;
        width: 40%;
        right: 1rem;
        left: unset;
        bottom: 0;
        top: -12rem;
        max-height: unset;
    }

    #where-second .container-xxl {
        padding: 6rem 2rem;
    }

    .social-links {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-bottom: 6rem;
    }

    .contact-text__block {
        font-size: 2.6rem;
    }

    .social-links a {
        display: inline-block;
        height: 4.4rem;
        width: 4.4rem;
    }
    .why-us-page #hero-section{
        min-height: 30vh;
    }
    .why-us-page #hero-section .icon-labeled,
    .why-us-page #hero-section p{
        display: none;
    }
    .why-us-page #hero-section .frontpage_first_text{
       top: 0;
        padding: 0;
    }
    .why-us-page #hero-section #frontpage-blur{
        height: 30vh;
        width: 26%;
        right: 8%;
        left: unset;
        bottom: 0;
        top: -12rem;
    }
    .why-us-page #hero-section b{
     font-weight: 200;
    }

    #why-us-one .dark-row_25{
        display: none;
    }
    .contact-page #where-second{
        top: 0;
    }
    .where-page section.hero h3{
        font-size: 6.8rem;
        width: 100%;
        padding-top: 12rem;
        font-weight: 100;
        padding-right: 2rem;
        white-space: normal;
        left: 0;
    }
    .where-page section.hero p {

        text-align: right;
        padding-right: 3rem;
    }
    .where-page .where-second__headline {
        font-size: 5rem;
    }
    .where-page #where-second{
        top: 0;
    }
    .where-page section.hero {
        min-height: 40rem;
    }
    .where-page #hero-section .frontpage_first_text {
        top: 0;
        padding: 0;
    }
    .where-page #hero-section #frontpage-blur {
        height: 40vh;
        width: 40%;
        right: 1rem;
        left: unset;
        bottom: 0;
        top: -12rem;
        max-height: unset;
    }
    .cooperation-page #hero-section{
        min-height: 29vh;
    }
    .cooperation-page     .frontpage_first_text h3 {
        font-size: 3.8rem;
        width: 100%;
        text-align: right;
        font-weight: 100;
    }
    .wpcf7-list-item-label{
        font-size: 2rem;
    }
    .form-holder input, .form-holder select, .form-holder textarea{
        font-size: 1.8rem;
    }
    .sub-menu--container{
        left: -100vw;
    }
    #where-five .divider-left-white p{
        color: var(--color-dark-text);
    }
    #where-five{
        margin-top: 5rem;
    }
    p.huge{
        padding-left: 2rem;
    }
    #where-five .site-btn-arrowed-transparent{
        color:  var(--color-dark-text);
        border-color:  var(--color-dark-text);
    }
    .where-second__headline{
        font-size: 3rem;
    }
    .architects-page-catalog__downloads label{
        font-size: 2.2rem;
    }
    .architects-page-catalogs h4{
        font-size: 2.4rem;
    }
    .cooperation-page section.hero {
        min-height: 40vh;
    }
    .project-cat-box {
        height: 30rem;
    }
    .project-cat-box a{
        font-size: 2.4rem;
        padding-bottom: 1rem;
        padding-left: 2rem;
    }
    .icon-box-text{
        font-size: 2.2rem;
    }
    .icon-box-desc{
        font-size: 1.6rem;
    }
    .project-cat__list span, .project-cat__list a{
        font-size: 2rem;
    }
    .left-border-gray{
        border-left: none;
        border-top: 1px solid var(--color-gray);
        padding: 2rem 3rem;
    }

    .projects-body .slick-project-items .slick-prev,
    .projects-body .projects-slick .slick-prev{
        top: 33%;
    }

    .projects-body .slick-project-items .slick-next,
    .projects-body .projects-slick .slick-next {
        top: 47%;
    }
    .project-item__info.flex-to-bottom{
        margin-top: 3rem;
    }
    .project-item__info p.head-project{
        font-size: 2rem;
    }
    .project-item__info p{
        font-size: 1.8rem;
    }
    .hero h2 {
        font-size: 8.4rem;
        padding-top: 25rem;
        margin-bottom: -6rem;
    }
    header {
        height: 8.8rem;
    }
    #hero-section .icon-row-entity{
        display: none;
    }
    .frontpage_first_text{
        position: relative;
        top: 70px;
    }
    .frontpage_first_text h3 {
        font-size: 4.8rem;
        width: 180px;

    }
    .lead {
        font-size: 2.8rem;
        line-height: 1.2;
        width: 260px;
    }
    .hero-25{
        width: 150px;
        top: 0rem;
    }
    #hero-section{
        min-height: 89vh;
    }

    .home #hero-section #frontpage-blur {
        top: -2rem;
        height: 510px;
    }
    .home img{
        max-width: 100%;
    }
    .hero-next-btn{
        left: 40rem;
        top: -21rem;
    }
    .list-unstyled a{
       font-size: 1.8rem;
    }
    #second-screen p {
        font-size: 2.2rem;
    }
    .second-screen-text .site-btn{
        width: 47%;
    }
    .second-screen__first-row{
        margin-bottom: 6rem;
    }
    .second-screen-image img{
        padding: 10px;
        height: 100%;
    }
    .home     #second-screen p {
        font-size: 2.2rem;
        line-height: 1;
        font-weight: 100;
    }
    #second-screen h4{
        line-height: 1;
    }
    .second-screen__second-row{
        position: relative;
        padding-bottom: 500px;
    }

    .second-screen__second-row .icon-row{
        position: absolute;
        left: 10px;
    }
    .icon-row small {
        font-size: 2.5rem;
        line-height: 1.1;
        font-weight: 400;
    }
    .icon-row-entity::before {
        height: 5rem;
        width: 5rem;
    }
    .icon-row-entity {
        padding-left: 7rem;
    }
    .third-screen__second-row img{
        display: none;
    }
    .third-screen__body{
        background: transparent;
        color:#fff;
        padding: 1rem;
        padding-bottom: 50px;
    }
    #screen-three::before{
        content: none;
    }
    .to-bottom{
        margin-top: 10rem;
    }
    .divider-left-white a{
        width: 100%;
        text-align: center;
    }
    .divider-left-white .site-btn-arrowed-transparent::after{
        width: 3rem;
        height: 3rem;
    }
    .footer-horizontal-list a,
    .footer_list_item a{
        font-size: 1.6rem;
    }

    .where-we-logo, .icon-labeled .icon-row h5,
    .customize-support .divider-left-white p,
    #cooperation-four .medium{
        padding-left: 2rem;
    }
    .second-screen-text .site-btn-arrowed-white{
        background: transparent;
        color: #fff;
        border-color: #fff;
    }
    #section-six{
        background-position: center;
    }
    #eight-screen{
        height: 100vh;
        min-height: 100vh;
    }
    .icon-white.triangle{
        font-size: 2.4rem;
        line-height: 3.1rem;
    }
    #video-screen .video-wrapper{
        background-position: 32%;
    }
    .catalogs-section__desc, .catalog-item__title{
        font-size: 2rem;
        margin: 0 0 2rem;
    }
    .hero-next-btn{
        left: 3rem;
        top: -39rem;
    }
    .trust-catalogs__bottom a{
        margin: 1rem auto;
    }
    .catalogs-section__title{
        margin-bottom: 2rem;
    }
    .video-wrapper{
        height: 70vh;
    }
    .home #fourteen-screen,
    .home #fifteen-screen{
        display: none;
    }
    .eleven-screen__second-row .mb-0 {
        font-size: 2rem;
        padding-top: 2rem;
    }
    .eleven-screen__desc{
        font-size: 2.4rem;
    }
    .eleven-screen__features-label{
        font-size: 3rem;
    }
    .video-play{
        background-size: 15rem;
    }
    .home .eight-screen__text{
        color:#fff;
    }
    .home #screen-seven .vertical-card{
        display: block;
    }
    .home .second-screen-text .site-btn-arrowed-white,
    #why-us-4 .second-screen-text .site-btn-arrowed-white,
    .cooperation-page .second-screen-text .site-btn-arrowed-white,
    .where-page .second-screen-text .site-btn-arrowed-white{
        color: var(--color-dark-text);
        border: 1px solid var(--color-dark);
    }
    .why-us-page .icon-labeled .icon-row h5,
    .where-page .icon-labeled .icon-row h5{
       padding-left: 0;
        font-weight: 400;
    }
    .why-us-one__sub-text {
        margin-top: 10rem;
        margin-bottom: 10rem ;
    }
    .why-us-page .icon-labeled.icon-labeled-dark .icon-row,
    .where-page .icon-labeled.icon-labeled-dark .icon-row{
        margin-bottom: 4rem;
    }
        .why-us-page .icon-labeled .icon-row,
    .where-page .icon-labeled .icon-row{
        padding-left: 9rem;
    }

    #where-second .gray-border-left-box p.sub_gray_p {
        padding: 4rem 0;
        font-weight: 400;
    }

    .second-screen-text  .site-btn-arrowed-white::after {
        background-image: url(../images/icons/arrow_right_top.svg);
    }
    #screen-three{
        padding-top: 25rem;
    }
    .mobile-lines{
        display: block;
        background: #fff;
        padding: 20px;
    }
    .mobile-lines img{
        width: 100%;
    }
    .where-we-are-text, .second-screen-text p {
        font-size: 2rem;
        line-height: 1.3;
        padding-top: 10px;
        color: #333333;
    }
    .where-we-are-text:nth-last-child{
        border-left: 1px solid var(--color-light-gray);
        padding-left: 2rem;
    }

    .cooperation-page .seven-screen__second-row .vertical-card{
        display: block;
        height: 45rem;
        padding-top: 20rem;
        background-position: center center;
        background-size: cover;
    }
    .cooperation-page .seven-screen__second-row .vertical-card__header{
        font-size: 2rem;
    }
    .cooperation-page .vertical-card-2 {
        background-image: url(../images/card-bg3.svg);
    }
    .cooperation-page .vertical-card-4 {
        background-image: url(../images/card-bg1.svg);
    }
    .fullsize-row>div {
        padding-top: 10rem;
    }
    #section-six::before{
        content: none;
    }
    #section-six .icon-labeled .icon-row h5 {
        font-size: 2.5rem;
        font-weight: 300;
        padding-left: 15px;
    }
    #section-six .icon-labeled .icon-row p {
        font-size: 2.2rem;
        padding-left: 15px;
    }
    #section-six h4 {
        font-size: 3.5rem;
        padding-left: 10px;
    }
    .section-six__inner{
        padding-left: 1rem;
    }
    #screen-seven .container-xxl{
        padding: 2rem;
    }
    .seven-screen__first-row .site-btn{
        padding: 1rem;
    }
    .logo-seven-screen {
        margin-top: 0rem;
    }
    .seven-screen__second-row .text-seven-screen{
        margin-bottom: 10rem;
    }
    .seven-screen__second-row .vertical-card__header {
        font-weight: 400;
        line-height: 1.2;
    }
    .seven-screen__second-row .vertical-card  {
        height: unset;
        padding: 1rem;
        margin-bottom: 20px;
        display: flex;
        /* align-content: center; */
        justify-content: flex-start;
        align-items: center;
    }
    /*.vertical-card__text,*/
    /*.vertical-card__header{*/
    /*    padding-left: 5rem;*/
    /*}*/
    /*.vertical-card__icon{*/
    /*    position: absolute;*/
    /*    top: 10rem;*/
    /*}*/
    .vertical-card-1 {
        background-image: url(../images/card-bg2.svg);
        background-position: -93% -25%;
        background-size: 150%;
    }
    .vertical-card-2 {
        background-image: url(../images/card-bg4.svg);
        background-position: 191% 60%;
        background-size: 38rem;
    }
    .vertical-card__icon{
        background-size: cover;
    }

    #eight-screen h3{
        font-size: 3rem;
    }
    .eight-screen__text{
        color: var(--color-muted);
    }
    .eight-screen_side_text{
        border-left: none;
        border-top: 2px solid var(--color-gray);
    }
    p.icon-white::before {
        left: -6rem;
        top: -1rem;
    }
    #pre-ten-screen h3{
        padding-top: 0;
    }
    #ten-screen {
        min-height: 60vh;
        height: 70vh;
    }
    .ten-screen {
        font-size: 3rem;
    }
    #ten-screen p.icon-white::before {
        left: -6rem;
        top: -1.7rem;
    }
    .ten-screen__block::before {
        bottom: 160%;
        left: 20px;
    }
    .eight-screen_side_text span {
        font-size: 3.6rem;
    }
    .ten-screen__block {
        padding-left: 10px;
    }
    #cooperation-five .video-wrapper{
        height: 80rem;
        margin-bottom: 5rem;
    }

    .blog-header h4{
        margin-top: 1rem;
    }
    .blog-header.site-page h2 {
        padding-left: 2rem;
    }
    .blog-header p {
        font-size: 1.8rem;
        margin-bottom: 3rem;
    }
    .blog-header .social-links {
        justify-content: unset;
        margin-bottom: 1rem;
    }
    .blog-image {
        background-position: left;
        background-repeat: no-repeat;
        height: 26rem;
        background-size: cover;
    }
    .hero-social-link{
        width: 4rem;
        height: 4rem;
        margin-bottom: 1rem;
    }

}

@media (max-width: 575.98px) {
    /* по дефолту виден левый блок Новости (посты); Статьи (CPT) скрыты */
    .blog-page .js-blog-articles { display: none; }
    .blog-page.show-articles .js-blog-news { display: none; }
    .blog-page.show-articles .js-blog-articles { display: block; }

    /* trust-catalogs: на мобилке заголовок/кнопка выше списка каталогов */
    #sixteen-screen .trust-catalogs__bottom > .col-sm-6:first-child {
        order: 2;
    }
    #sixteen-screen .trust-catalogs__bottom > .col-sm-6:last-child {
        order: 1;
    }

    /* th-characteristics: мобильная раскладка с выносными линиями (th-lines.js).
       Доска — на всю ширину (col-12) в середине; характеристики 1–2 над ней,
       3-я (и далее) под ней. Линии от блоков к точкам на доске рисует
       th-lines.js (вертикальный режим). Вложенность колонки характеристик
       разворачиваем через display:contents, чтобы строки стали элементами
       общего flex-столбца и их порядок можно было задать через order. */
    .th-characteristics:not(.support) > .container-xxl > .row {
        flex-direction: column;
    }
    .th-characteristics:not(.support) > .container-xxl > .row > .col-sm-6 {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        order: 3; /* доска между 2-й и 3-й характеристикой */
    }
    .th-characteristics:not(.support) > .container-xxl > .row > .col-sm-4,
    .th-characteristics:not(.support) > .container-xxl > .row > .col-sm-4 > .row,
    .th-characteristics:not(.support) > .container-xxl > .row > .col-sm-4 > .row > .col-sm-9 {
        display: contents;
    }
    .th-characteristics:not(.support) .th-characteristics__title {
        order: 0;
    }
    .th-characteristics:not(.support) .col-sm-9 > .row:nth-child(1) { order: 1; }
    .th-characteristics:not(.support) .col-sm-9 > .row:nth-child(2) { order: 2; }
    .th-characteristics:not(.support) .col-sm-9 > .row:nth-child(n+3) { order: 4; }
    /* точечные сдвиги под макет: 2-я характеристика — небольшой отступ слева,
       3-я — чуть ниже */
    .th-characteristics:not(.support) .col-sm-9 > .row:nth-child(2) {
        padding-left: 10rem;
        padding-bottom: 7rem;
        padding-top: 3rem;
    }
    .th-characteristics:not(.support) .col-sm-9 > .row:nth-child(3) {
        margin-top: 50px;
    }
    /* SVG-оверлей с линиями над контентом, но без перехвата кликов */
    .th-characteristics:not(.support) .th-lines {
        z-index: 3;
    }
}