/* ========== ОСНОВНЫЕ СТИЛИ ========== */
body {
    background: #f4f4f4;
}
strong {
    font-family: MyriadProBold;
}
.no-wrap {
    white-space: nowrap;
}
.text-red,
strong.red {
    color: #e31e24;
}
.semi-bold {
    font-family: MyriadProSemiBold;
    font-weight: 400;
}
.glass-effect {
    background: rgb(255 255 255 / 10%);
    /*background: linear-gradient(90deg, rgb(255 255 255 / 1%), rgb(255 255 255 / 30%));*/
    /*backdrop-filter: blur(2px);*/
    border-radius: 5px;
    padding: 40px;
    box-sizing: border-box;
}
.glass-effect_old {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    border-radius: 5px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 40px;
    box-sizing: border-box;
}

/* ========== HEADER DARK ========== */
header.dark {
    background-color: #1e1e1e;
    margin-bottom: 0;
}
header.dark .content-section {
    padding-top: 0;
}
header.dark.main {
    position: relative;
    min-height: 635px;
}
header.dark.main .slider {
    position: relative;
}
header.dark.main .content-section {
    z-index: 3;
    position: relative;
    background-color: #1e1e1e;
}
header.dark.main .content-section.main-header-block {
    position: absolute;
    z-index: 2;
    width: 100%;
    bottom: -75px;
    background-color: transparent;
}
header.dark.main .content-section.main-header-block .section_wrapper {
    padding: 0;
}
header.dark.main .content-section.main-header-block .block-info {
    margin-top: 40px;
}
header.dark.main .content-section.main-header-block .section_wrapper .block-title {
    font-family: MyriadProLight;
    font-size: 64px;
    text-transform: uppercase;
    line-height: 90%;
    letter-spacing: -2%;
}
header.dark.main .content-section.main-header-block .section_wrapper .block-title strong {
    font-family: MyriadProRegular;
    font-weight: 700;
}
header.dark.main .content-section.main-header-block .section_wrapper .block-title,
header.dark.main .content-section.main-header-block .section_wrapper .btn_wrapper {
    width: auto;
}
header.dark.main .slider .video-block {
    height: 635px;
}
header.dark .top {
    width: 100%;
    min-height: 110px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 0;
    box-sizing: border-box;
}
header.dark .top .left {
    height: 43px;
}
header.dark .top .center {
    width: 100%;
}
header.dark .top .right {
    width: auto;
    margin: 0;
}
header.dark .top .logotype {
    height: 100%;
}
footer.dark .down .logotype {
    height: 43px;
}
.mobile-menu .menu_wrapper,
header.dark .top .center .menu_wrapper
{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.mobile-menu {
    position: absolute;
    top: 75px;
    z-index: 2;
    width: 100%;
}
.mobile-menu .menu_wrapper a,
header.dark .top .center .menu_wrapper a
{
    color: #fff;
    text-decoration: none;
    font-size: 15px;
}
.mobile-menu .menu_wrapper .catalog-menu,
header.dark .top .center .menu_wrapper .catalog-menu
{
    width: 175px;
    height: 40px;
    font-size: 15px;
    border-radius: 5px;
    background-color: #c70504;
    position: relative;
}
.mobile-menu .menu_wrapper .catalog-menu .catalog-menu_title,
header.dark .top .center .menu_wrapper .catalog-menu .catalog-menu_title
{
    width: 100%;
    height: 100%;
    position: relative;
    color: #ffffff;
    display: flex;
    align-items: center;
    padding-left: 12px;
}
.mobile-menu .menu_wrapper .catalog-menu .catalog-menu_title:after,
header.dark .top .center .menu_wrapper .catalog-menu .catalog-menu_title:after
{
    content: '';
    position: absolute;
    top: 13px;
    right: 21px;
    width: 14px;
    height: 14px;
    background: url("/svg/arrow.svg");
}
.mobile-menu .menu_wrapper .catalog-menu .catalog-menu_items,
header.dark .top .center .menu_wrapper .catalog-menu .catalog-menu_items
{
    display: none;
}
.mobile-menu .menu_wrapper .catalog-menu:hover .catalog-menu_items,
header.dark .top .center .menu_wrapper .catalog-menu:hover .catalog-menu_items
{
    display: flex;
    flex-wrap: wrap;
    position: absolute;
    padding: 6px 12px;
    top: 36px;
    left: 0;
    z-index: 10;
    background-color: #fff;
    border: 2px solid #c70504;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.mobile-menu .menu_wrapper .catalog-menu:hover .catalog-menu_items .catalog-menu__item,
header.dark .top .center .menu_wrapper .catalog-menu:hover .catalog-menu_items .catalog-menu__item
{
    width: 100%;
    height: 39px;
    border-bottom: 1px solid #d5d5d5;
    cursor: pointer;
}
.mobile-menu .menu_wrapper .catalog-menu:hover .catalog-menu_items .catalog-menu__item:nth-last-child(-n+2),
header.dark .top .center .menu_wrapper .catalog-menu:hover .catalog-menu_items .catalog-menu__item:last-child
{
    border-bottom: 0;
}
.mobile-menu .menu_wrapper .catalog-menu:hover .catalog-menu_items .catalog-menu__item a,
header.dark .top .center .menu_wrapper .catalog-menu:hover .catalog-menu_items .catalog-menu__item a
{
    text-decoration: none;
    font-size: 15px;
    color: #333333;
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}
.mobile-menu .menu_wrapper .catalog-menu:hover .catalog-menu_items .catalog-menu__item a:hover,
header.dark .top .center .menu_wrapper .catalog-menu:hover .catalog-menu_items .catalog-menu__item a:hover
{
    color: #c70504;
}
header.dark .contact_wrapper,
footer.dark .contact_wrapper
{
    gap: 10px;
    display: flex;
    flex-direction: column;
    align-items: end;
}
footer.dark .contact_wrapper {
    align-items: start;
}
header.dark .contact_wrapper .mobile a,
header.dark .contact_wrapper .email a,
footer.dark .contact_wrapper .mobile a,
footer.dark .contact_wrapper .email a
{
    width: 100%;
    color: #ffffff;
    font-weight: 600;
    font-size: 19px;
    line-height: 20px;
    white-space: nowrap;
    text-decoration: none;
}
header.dark .contact_wrapper .email,
header.dark .contact_wrapper .email a,
footer.dark .contact_wrapper .email,
footer.dark .contact_wrapper .email a
{
    font-size: 14px;
    color: #ffffff;
}
header.dark .fake_slider {
    display: none;
}
header.dark .slider {
    margin: 0;
    height: auto;
}
header.dark .slider .video-block {
    height: 360px;
}
header.dark.main .slider .video-block video#video-background {
    height: auto;
    top: 0;
}
.content-section.dark .left {
    display: none;
}
.content-section.dark .right {
    width: 100%;
}
.content-section.dark .indexuslugi {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
}
.content-section.dark .indexuslugi .indexuslugi_one {
    width: 49.3%;
    max-width: 49.3%;
    margin: 0;
}
.content-section.dark .indexuslugi .indexuslugi_one img {
    width: stretch;
}
.content-section.dark .indexuslugi .indexuslugi_one span.info_text {
    font-size: 20px;
}
footer.dark {
    /*z-index: 10;*/
    /*position: relative;*/
    background: #1e1e1e;
}
footer.dark .down {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 38px 0;
}
footer.dark .down .left,
footer.dark .down .center,
footer.dark .down .right
{
    width: auto;
    margin: 0;
}
footer.dark .down .left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
footer.dark .copyright {
    color: #bebebe;
    font-size: 14px;
}
footer.dark .down .copyright {
    max-width: 300px;
    color: #bebebe;
    font-size: 14px;
}
footer.dark .down .copyright_wrapper {
    width: 100%;
    display: none;
    gap: 30px;
}
footer.dark .down .copyright_wrapper .copyright {
    width: 100%;
    text-align: center;
}
footer.dark .down .center .footer-menu_items {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
footer.dark .down .right .footer-menu_items {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
footer.dark .down .center .footer-menu_wrapper {
    display: flex;
    gap: 50px;
}
footer.dark .down .center .footer-menu-title {
    color: #fff;
    font-size: 16px;
    margin: 10px 0;
}
footer.dark .down .footer-menu_items a {
    color: #bebebe;
    font-size: 14px;
    text-decoration: none;
}
footer.dark .down .right .footer-menu_items a {
    color: #ffffff;
    font-size: 16px;
    text-decoration: none;
}
.mobile-menu {
    display: none;
}
.mobile-menu .content {
    overflow: inherit;
    width: 100%;
    padding: 0 20px;
}
.mobile-menu .menu_wrapper .catalog-menu {
    width: 100%;
    min-width: auto;
}
.mobile-menu .menu_wrapper .catalog-menu:hover .catalog-menu_items .catalog-menu__item {
    flex: 0 0 50%;
}
.mobile-menu .menu_wrapper .catalog-menu:hover .catalog-menu_items .catalog-menu__item a {
    font-size: 13px;
}
.burger-menu_wrapper {
    display: none;
    height: 32px;
    align-items: center;
    position: relative;
}
.burger-button {
    width: 40px;
    height: 21px;
    position: relative;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
}
.burger-line {
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #e31e24;
    left: 0;
    border-radius: 2px;
    transition: all 0.3s ease;
}
.burger-line:nth-child(1) {
    top: 0;
}
.burger-line:nth-child(2) {
    top: 9px;
}
.burger-line:nth-child(3) {
    bottom: 0;
}
.burger-menu_wrapper .burger-menu_items {
    display: none;
}
.burger-menu_wrapper:hover .burger-menu_items {
    display: flex;
}
.burger-menu_items {
    z-index: 99;
    position: absolute;
    top: 34px;
    right: 0;
    background-color: white;
    padding: 12px;
    min-width: 160px;
    border-radius: 5px;
    border: 2px solid #c70504;
    flex-wrap: wrap;
    gap: 12px;
    flex-direction: column;
    box-sizing: border-box;
}
.burger-menu_items a {
    color: #333333;
    text-decoration: none;
}
.burger-contacts {
    font-size: 12px;
    gap: 6px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
}
.burger-contacts .mobile {
    font-family: MyriadProSemiBold, sant-serif;
}

/* ========== ACTION BUTTONS ========== */
.action-btn {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 16px;
    background-color: #f4f4f4;
    border: 2px solid #e31e24;
    border-radius: 5px;
    transition: background-color 0.3s;
}
.action-btn:hover {
    cursor: pointer;
    background-color: #e31e24;
    transition: all 0.3s;
}
.action-btn span:first-child {
    font-size: 26px;
    font-family: MyriadProBold;
}
.action-btn span:last-child {
    color: #989898;
}
.action-btn.active {
    background-color: #e31e24;
}
.action-btn.active span:first-child {
    color: #ffffff;
}
.action-btn.active span:last-child {
    color: #ffc5c5;
}
.action-btn:hover span:first-child {
    color: #ffffff;
    transition: color 0.3s;
}
.action-btn:hover span:last-child {
    color: #ffc5c5;
    transition: color 0.3s;
}

/* ========== CONTENT SECTION ========== */
.content-section {
    font-size: 18px;
    font-family: MyriadProLight;
    vertical-align: middle;
    color: #1e1e1e;
}
.content-section .section_wrapper .divider {
    width: 90%;
    height: 1px;
    background-color: #d5d5d5;
}
.content-section.opalubka-sten {
    background-image: url("/images/services/os-top-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.content-section.opalubka-sten .bottom_wrapper{
    display: flex;
}
.content-section.opalubka-sten .info-block-icon:nth-child(2) {
    min-width: 380px;
}
.breadcrambs {
    margin-top: 45px;
}
.breadcrambs .breadcrambs_link {
    color: #a0a0a0 !important;
    text-decoration: none !important;
}
.top-title {
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: 72px;
}
.top-title h1,
.top-title span {
    width: 100%;
    margin-top: 25px;
    font-size: 67px;
    text-transform: uppercase;
    color: #1e1e1e !important;
}
.top-title .slogan {
    font-size: 24px;
}
.info-graphics_wrapper {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    margin: 30px 0;
    padding-bottom: 20px;
}
.icon-number .top-icon {
    display: flex;
    width: 26px;
    height: 26px;
    align-items: center;
    justify-content: center;
    left: 16px;
    color: #fff;
    background: url("/svg/top-block-icon-number.svg") no-repeat center;
    background-size: contain;
    border-radius: 5px;
}
.info-block-icon .top-icon {
    width: 35px;
    height: 35px;
    position: absolute;
    top: -16px;
}
.info-block-icon {
    width: auto;
    height: auto;
    min-height: 80px;
    border-radius: 5px;
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 0 20px 20px;
    box-sizing: border-box;
    background-color: #ffffff;
    position: relative;
    isolation: isolate;
}
.info-block-icon:after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background:
        repeating-linear-gradient(to right, rgba(102, 102, 102, 0.2), rgba(102, 102, 102, 0.15) 5px, rgba(102, 102, 102, 0.15) 10px, rgba(102, 102, 102, 0.1) calc(100% - 30px), rgba(102, 102, 102, 0.1) calc(100% - 30px), rgba(102, 102, 102, 0.1) 100%) top / 100% 4px no-repeat,
        linear-gradient(to bottom, rgba(102, 102, 102, 0.2) 0%, rgba(102, 102, 102, 0.5) 50%, rgba(102, 102, 102, 0.7) 100%) left / 1px 100% no-repeat,
        linear-gradient(to bottom, rgba(102, 102, 102, 0.2) 0%, rgba(102, 102, 102, 0.5) 50%, rgba(102, 102, 102, 0.7) 100%) right / 1px 100% no-repeat,
        repeating-linear-gradient(to right, rgba(100, 100, 100, 0.4), rgba(100, 100, 100, 0.4) 5px, #F9F9F9 calc(50% - 1px), #F9F9F9 0px, rgba(100, 100, 100, 0.4) calc(100% - 5px)) bottom / 100% 5px no-repeat;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.info-block-icon.with-shadow {
    -webkit-box-shadow: 0 21px 53px -28px rgba(34, 60, 80, 0.53);
    -moz-box-shadow: 0 21px 53px -28px rgba(34, 60, 80, 0.53);
    box-shadow: 0 21px 53px -28px rgba(34, 60, 80, 0.53);
}
.info-block-icon span {
    font-weight: 600;
}
.info-block-icon span.actual {
    font-weight: 400;
    color: #a0a0a0;
    font-size: 14px;
    position: absolute;
    top: 8px;
    right: 10px;
    font-style: italic;
}
.mobile-help-info .icon-number {
    display: none;
    align-items: baseline;
    gap: 10px;
}

/* ========== BUTTON WRAPPER ========== */
.btn_wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}
header.dark.main .content-section.main-header-block .section_wrapper .btn_wrapper {
    align-items: end;
    padding-bottom: 10px;
}
header.dark.main .content-section.main-header-block .section_wrapper .btn_wrapper .get_prices {
    width: 275px;
}
.btn_wrapper .btn,
.btn_wrapper .get_prices,
.btn_wrapper .show-all-size,
.btn_wrapper .get_quote
{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
    height: 70px;
    border-radius: 5px;
    transition: all 0.4s;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #e31e24;
    border: 1px solid #d04744;
    cursor: pointer;
}
.btn_wrapper .with-shadow {
    -webkit-box-shadow: 0 20px 45px -18px rgb(227, 30, 36);
    -moz-box-shadow: 0 20px 45px -18px rgb(227, 30, 36);
    box-shadow: 0 20px 45px -18px rgb(227, 30, 36);
}
.btn_wrapper button[disabled] {
    opacity: 0.5;
    cursor: default;
}
.btn_wrapper .get_quote {
    width: 100%;
}
.btn_wrapper  span,
.btn_wrapper  a
{
    font-size: 20px;
    margin-right: 20px;
    line-height: 38px;
    position: relative;
    margin-top: 7px;
    text-decoration: none;
    color: #ffffff;
}
.btn_wrapper span:after,
.btn_wrapper  a:after
{
    content: '';
    position: absolute;
    right: -30px;
    width: 24px;
    height: 24px;
}
.btn_wrapper .get_prices span:after,
.btn_wrapper .get_prices a:after
{
    background-image: url("/svg/gridicons_arrow-down.svg");
}
.btn_wrapper .show-all-size span,
.btn_wrapper .show-all-size a
{
    line-height: 28px;
}
.btn_wrapper .show-all-size span:after,
.btn_wrapper .show-all-size a:after
{
    background-image: url("/svg/material-symbols_add.svg");
}
.btn_wrapper .get_quote span:after,
.btn_wrapper .get_quote a:after
{
    background-image: url("/svg/icon-sharp-download.svg");
    background-position-y: 4px;
    right: -33px;
}
.btn_wrapper .get_prices:hover {
    cursor: pointer;
    transition: all 0.2s;
    -webkit-box-shadow: 0 20px 45px -10px rgb(227, 30, 36);
    -moz-box-shadow: 0 20px 45px -10px rgb(227, 30, 36);
    box-shadow: 0 20px 45px -10px rgb(227, 30, 36);
}
.btn_wrapper .show-all-size:hover,
.btn_wrapper .get_quote:hover
{
    transition: all 0.2s;
    cursor: pointer;
    -webkit-box-shadow: 0 5px 15px -6px rgb(227, 30, 36);
    -moz-box-shadow: 0 5px 15px -6px rgb(227, 30, 36);
    box-shadow: 0 5px 15px -6px rgb(227, 30, 36);
}

/* ========== SECTION WRAPPER ========== */
.section_wrapper {
    padding: 90px 0;
}
.section_title {
    display: flex;
    justify-content: space-between;
}
.section_wrapper .block-title {
    font-family: MyriadProSemiBold;
    font-size: 50px;
    width: 45%;
    line-height: 50px;
}
.section_wrapper .block-detail {
    font-size: 24px;
    color: #242424;
    width: 37%;
}
.section_wrapper .block-detail.gray-text {
    font-size: inherit;
    color: #989898;
}
.section_wrapper .block-info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 60px;
}
.section_wrapper .block-info.hidden {
    display: none;
}
.section_wrapper .block-info .info-block-icon {
    width: 280px;
    height: 110px;
    justify-content: left;
    background-image: none;
    transition: all 0.3s;
}
header.dark.main .content-section.main-header-block .section_wrapper .block-info .info-block-icon {
    width: 31.8%;
    height: 150px;
    display: flex;
    justify-content: space-between;
}
header.dark.main .content-section.main-header-block .section_wrapper .block-info .info-block-icon div {
    display: flex;
    align-items: start;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
    padding: 20px 0 0;
    box-sizing: border-box;
}
header.dark.main .content-section.main-header-block .section_wrapper .block-info .info-block-icon div:first-child strong {
    font-size: 40px;
}
header.dark.main .content-section.main-header-block .section_wrapper .block-info .info-block-icon div:first-child span {
    font-size: 24px;
}
header.dark.main .content-section.main-header-block .section_wrapper .block-info .info-block-icon div:last-child span {
    color: #787878;
}

/* ========== WHERE USE SECTION ========== */
.content-section.where-use .section_wrapper .block-detail {
    width: auto;
}
.content-section.where-use .section_wrapper .block-info .info-block-icon:hover {
    height: 105px;
    margin-top: 5px;
    transition: all 0.3s;
}
.content-section.where-use .section_wrapper .block-info .info-block-icon:hover span {
    opacity: 0;
}
.content-section.where-use .section_wrapper .block-info .info-block-icon:hover .top-icon {
    background: #f9f9f9;
    color: #1e1e1e;
    border: 1px solid #989898;
}
.content-section.where-use .section_wrapper .block-info .info-block-icon.with-shadow:hover {
    -webkit-box-shadow: 0 7px 20px -10px rgba(34, 60, 80, 0.53);
    -moz-box-shadow: 0 7px 20px -10px rgba(34, 60, 80, 0.53);
    box-shadow: 0 7px 20px -10px rgba(34, 60, 80, 0.53);
    transition: all 0.3s;
}
.content-section.where-use .section_wrapper .block-info .info-block-icon:nth-child(1):hover {
    background: url("/images/services/where-use-01.jpg") no-repeat center;
    transition: all 0.3s;
}
.content-section.where-use .section_wrapper .block-info .info-block-icon:nth-child(2):hover {
    background: url("/images/services/where-use-02.jpg") no-repeat center;
    transition: all 0.3s;
}
.content-section.where-use .section_wrapper .block-info .info-block-icon:nth-child(3):hover {
    background: url("/images/services/where-use-03.jpg") no-repeat center;
    transition: all 0.3s;
}
.content-section.where-use .section_wrapper .block-info .info-block-icon:nth-child(4):hover {
    background: url("/images/services/where-use-04.jpg") no-repeat center;
    transition: all 0.3s;
}
.content-section.where-use .section_wrapper .block-info .info-block-icon:nth-child(5):hover {
    background: url("/images/services/where-use-05.jpg") no-repeat center;
    transition: all 0.3s;
}
.content-section.where-use .section_wrapper .block-info .info-block-icon:nth-child(6):hover {
    background: url("/images/services/where-use-06.jpg") no-repeat center;
    transition: all 0.3s;
}
.section_wrapper .block-info .info-block-last {
    display: flex;
    align-items: end;
    justify-content: left;
    width: 545px;
    height: 90px;
    background: url(/images/services/last-child-bg.png) no-repeat center;
    background-size: contain;
    padding: 0 20px 20px;
    position: relative;
}
.section_wrapper .block-info .info-block-last img {
    display: none;
}
.section_wrapper .block-info .info-block-last span {
    position: absolute;
    max-width: 41%;
    color: #ffffff;
    line-height: 22px;
}

/* ========== SHIT TYPE SECTION ========== */
.content-section.shit-type {
    background-image: url("/images/services/shit-type-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.content-section .info-block_item.two-column {
    flex: 0 0 50%;
    max-width: 520px;
}
.content-section .info-block_item.scheme-sizes {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    justify-content: space-between;
    max-width: 520px;
}
.content-section .info-block_item.scheme-sizes span {
    width: 100%;
    margin-top: 20px;
    font-weight: 600;
}
.gray-background {
    background: #f9f9f9;
}
.white-background {
    background: #ffffff;
    color: #1e1e1e;
}
.info-block-semibold-title {
    font-size: 24px;
    width: 100%;
    display: flex;
    font-family: MyriadProSemiBold;
    margin-bottom: 20px;
}
.black-gradient {
    border-image-source: linear-gradient(0deg, #D9D9D9, #D9D9D9);
    background: linear-gradient(219.47deg, #5D5D5D 0%, #1E1E1E 82.34%);
    color: #ffffff;
}
.content-section.shit-size .section_wrapper .block-info {
    margin-top: 30px;
}
.different-size .block-info .info-block_item {
    width: 245px;
    height: 280px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.different-size .block-info .info-block_item .img_wrapper {
    height: 100px;
}
.different-size .block-info .info-block_item span {
    text-align: center;
    color: #a0a0a0;
}
.different-size .block-info .info-block_item span strong {
    font-size: 24px;
    color: #1e1e1e;
}
.custom-size .info-block_item {
    height: 108px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    padding: 30px;
    gap: 30px;
    box-sizing: border-box;
    color: #ffffff;
}
.custom-size .info-block_item img {
    width: 49px;
}
.content-section.shit-type .info-block_item {
    width: 48.5%;
    height: 226px;
    border-radius: 5px;
    padding: 30px 35px;
    box-sizing: border-box;
}
.content-section.shit-type .info-block_row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    justify-content: space-between;
    align-items: center;
}
.content-section.shit-type .info-block_row .info-block_item {
    position: relative;
}
.content-section.shit-type .info-block_row .info-block_item_text {
    position: relative;
    height: 100%;
}
.content-section.shit-type .info-block_row .info-block_item span ul {
    display: inline-flex;
    justify-content: space-between;
    list-style: none;
    gap: 30px;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
}
.content-section.shit-type .info-block_row .info-block_item span:nth-child(2) {
    display: block;
    width: 50%;
}
.content-section.shit-type .info-block_row .info-block_item_image {
    height: 100%;
    position: absolute;
    right: 7%;
    bottom: 0;
    display: flex;
    align-items: end;
}
.content-section.shit-size {
    gap: 60px;
    width: 100%;
}
.content-section.shit-size .section_wrapper .block-title,
.content-section.shit-size .section_wrapper .btn_wrapper {
    padding: 0;
    width: auto;
}

/* ========== CONFIGURATOR SECTION ========== */
.content-section.configurator {
    background: #ffffff;
}
.content-section.configurator .section_wrapper .section_title {
    flex-wrap: wrap;
    gap: 20px;
}
.content-section.configurator .section_wrapper .section_title .block-title,
.content-section.configurator .section_wrapper .section_title .block-detail {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.content-section.configurator .section_wrapper .section_title .block-title span,
.content-section.configurator .section_wrapper .section_title .block-detail span {
    width: 100%;
    text-align: center;
}
.content-section.configurator .section_wrapper .configurator_scheme {
    min-width: 600px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f4f4f4;
}
.content-section.configurator .section_wrapper .configurator_scheme .scheme_image {
    margin: 90px 0;
}
.content-section.configurator .section_wrapper .configurator_scheme .scheme_info {
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 35px 55px;
    box-sizing: border-box;
}
.content-section.configurator .section_wrapper .configurator_scheme .scheme_info .scheme_info__item {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 5px;
}
.content-section.configurator .section_wrapper .configurator_scheme .scheme_info .scheme_info__item .icon {
    width: 24px;
    height: 24px;
    margin-bottom: 10px;
}
.content-section.configurator .section_wrapper .configurator_scheme .scheme_info .scheme_info__item .icon.dashed_cube {
    border: 2px dashed #1e1e1e;
    box-sizing: border-box;
}
.content-section.configurator .section_wrapper .configurator_scheme .scheme_info .scheme_info__item .desc-text {
    color: #989898;
}
.content-section.configurator .section_wrapper .configurator_scheme .scheme_info .scheme_info__item .desc-info {
    font-family: MyriadProRegular;
    font-weight: 600;
}
.content-section.configurator .section_wrapper .configurator_form {
    width: 100%;
    max-width: 550px;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}
.content-section.configurator .section_wrapper .configurator_form .form_block {
    display: flex;
    flex-wrap: wrap;
    padding-top: 40px;
}
.content-section.configurator .section_wrapper .configurator_form .form_block:first-child,
.content-section.configurator .section_wrapper .configurator_form .form_block:last-child {
    padding-top: 0;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__title {
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    padding-left: 58px;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 42px;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__title_desc {
    margin-left: 58px;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__title .icon-number {
    position: absolute;
    left: 0;
    top: 0;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__title .icon-number .top-icon {
    width: 38px;
    height: 38px;
    font-family: MyriadProRegular;
    font-weight: 600;
    font-size: 24px;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 25px;
    padding-top: 20px;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn.column {
    flex-direction: column;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .block-info {
    width: 100%;
    margin-top: 0;
    flex-wrap: nowrap;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .block-info .info-block-icon {
    width: 100%;
    height: 140px;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    background-color: #f4f4f4;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .block-info .info-block-icon span {
    text-align: center;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .block-info .info-block-icon span:first-child {
    font-size: 50px;
    line-height: 45px;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .block-info .info-block-icon span:last-child {
    color: #989898;
    margin-top: 10px;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .checkbox-btn {
    width: 100%;
    padding: 20px;
    position: relative;
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    background-color: #f4f4f4;
    box-sizing: border-box;
    transition: all 0.3s;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .checkbox-btn.active {
    border-color: #e31e24;
    background-color: #ffe9ea;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .checkbox-btn:hover {
    cursor: pointer;
    border-color: #e31e24;
    background-color: #ffe9ea;
    transition: all 0.3s;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .checkbox-btn .checkbox-icon {
    width: 33px;
    height: 33px;
    border: 1px solid #989898;
    border-radius: 5px;
    background-color: #ffffff;
    position: absolute;
    transition: all 0.3s;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .checkbox-btn .checkbox-icon {
    border-color: #e31e24;
    transition: all 0.3s;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .checkbox-btn.active .checkbox-icon {
    border-color: #e31e24;
    background-color: #e31e24;
    background-image: url("/svg/uni-scheme-icon-checked.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .checkbox-btn .label-text {
    margin-left: 55px;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .checkbox-btn .label-text .label-title {
    font-size: 20px;
    padding-bottom: 10px;
}
.content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .checkbox-btn .label-text .label-desc {
    color: #989898;
}
.content-section .section_wrapper .scroll-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.content-section.configurator .section_wrapper .scroll-wrapper .technical-info {
    width: 100%;
    min-width: 1200px;
    border: 1px solid #e31e24;
    background-color: #f9f9f9;
    box-sizing: border-box;
    border-radius: 5px;
}
.content-section.configurator .section_wrapper .scroll-wrapper .technical-info .technical-info_table {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #e0e0e0;
}
.content-section.configurator .section_wrapper .scroll-wrapper .technical-info .technical-info_table:last-child {
    border-bottom: 0;
}
.content-section.configurator .section_wrapper .scroll-wrapper .technical-info .technical-info_table .row-title {
    text-transform: uppercase;
    background-color: #f4f4f4;
    display: flex;
    align-items: center;
}
.content-section.configurator .section_wrapper .scroll-wrapper .technical-info .technical-info_table .row-title:first-child {
    border-top-left-radius: 5px;
}
.content-section.configurator .section_wrapper .scroll-wrapper .technical-info .technical-info_table .row-title:last-child {
    border-top-right-radius: 5px;
}
.content-section.configurator .section_wrapper .scroll-wrapper .technical-info .technical-info_table .row-title.standard {
    background: linear-gradient(219.47deg, #5D5D5D 0%, #1E1E1E 82.34%);
    color: #ffffff;
}
.content-section.configurator .section_wrapper .scroll-wrapper .technical-info .technical-info_table .row-title.powerful {
    background-color: #e31e24;
    color: #ffffff;
}
.content-section.configurator .section_wrapper .scroll-wrapper .technical-info .technical-info_table div {
    flex: 0 0 33.333%;
    min-height: 52px;
    padding: 12px 20px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}
.content-section.configurator .section_wrapper .open-wrapper_btn {
    width: 100%;
    min-height: 54px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    border: 1px solid #e31e24;
    background-color: #f4f4f4;
    box-sizing: border-box;
    position: relative;
    padding-left: 52px;
    transition: background-color 0.5s;
}
.content-section.configurator .section_wrapper .open-wrapper_btn:before {
    content: '';
    width: 28px;
    height: 28px;
    background: url("/svg/icon_arrow-up-s-line.svg") no-repeat center;
    rotate: 180deg;
    position: absolute;
    left: 15px;
    top: 12px;
    transition: all 0.2s;
}
.content-section.configurator .section_wrapper .open-wrapper_btn:hover {
    cursor: pointer;
    background-color: #ffe9ea;
    transition: background-color 0.2s;
}
.content-section.configurator .section_wrapper .open-wrapper_btn.opened:before {
    rotate: 0deg;
    transition: all 0.5s;
}
.content-section.configurator .section_wrapper .open-wrapper_btn.opened {
    transition: all 0.5s;
    background-color: #ffe9ea;
}
.content-section.configurator .section_wrapper .open-wrapper_btn.opened:hover {
    transition: all 0.5s;
    background-color: #f4f4f4;
}

/* ========== TIMBERING SYSTEM SECTION ========== */
.content-section.timbering-system {
    background-image: url(/images/index/timbering-system-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.content-section.timbering-system .content {
    margin-top: 150px;
}
.content-section.timbering-system .block-title {
    font-size: 50px;
}
.content-section.timbering-system .block-title,
.content-section.timbering-system .block-detail {
    width: auto;
}
.content-section.timbering-system .block-detail {
    font-size: inherit;
    color: #989898;
}
.content-section.timbering-system .block-info {
    width: 100%;
}
.content-section.timbering-system .block-info:last-child {
    margin-top: 25px;
}
.content-section.timbering-system .info-block_item {
    width: 48.8%;
    height: 225px;
    display: flex;
    position: relative;
    box-sizing: border-box;
    padding: 40px;
    border-radius: 5px;
    text-decoration: none;
}
.content-section.timbering-system .block-info:last-child .info-block-icon {
    height: 70px;
    min-height: auto;
}
.content-section.timbering-system .block-info:last-child .info-block-icon a {
    width: 100%;
    color: #1e1e1e;
    font-size: 20px;
    text-decoration: none;
    position: relative;
    z-index: 3;
}
.content-section.timbering-system .block-info:last-child .info-block-icon a:after {
    content: '';
    position: absolute;
    top: -7px;
    right: 0;
    width: 24px;
    height: 24px;
    background-image: url(/svg/gridicons_arrow-down-red.svg);
}
.content-section.timbering-system .info-block_row {
    width: 100%;
    display: flex;
    gap: 25px;
}
.content-section.timbering-system .info-block_item .info-block_item_text {
    width: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    z-index: 3;
    text-decoration: none;
}
.content-section.timbering-system .info-block_row:nth-child(1) .info-block_item_text span:nth-child(2) {
    width: 70%;
}
.content-section.timbering-system .info-block_row .info-block_item .info-block_item_text span:last-child {
    line-height: 24px;
}
.content-section.timbering-system .info-block_row .info-block_item:hover .info-block_item_text span:last-child {
    line-height: 23px;
    width: 85px;
    border-bottom: 1px solid #e31e24;
}
.content-section.timbering-system .info-block_row .info-block_item .info-block_item_image {
    height: 100%;
    position: absolute;
    right: 7%;
    bottom: 0;
    display: flex;
    align-items: end;
    z-index: 2;
}
.content-section.timbering-system .info-block_row:nth-child(2) .info-block_item:nth-child(1) .info-block_item_image {
    bottom: 10%;
}
.content-section.timbering-system .info-block_row .info-block_item:nth-child(2) .info-block_item_image {
    right: 0;
}

/* ========== OUR FACTORY SECTION ========== */
.content-section.our-factory {
    background-image: url(/images/index/our-factory-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.content-section.our-factory .block-title {
    font-size: 50px;
}
.content-section.our-factory .block-title,
.content-section.our-factory .block-detail {
    width: auto;
}
.content-section.our-factory .block-detail {
    font-size: inherit;
    color: #989898;
}
.content-section.our-factory .section_block {
    display: flex;
    justify-content: space-between;
    gap: 25px;
}
.content-section.our-factory .section_block .info-block_item {
    width: 100%;
    min-width: 380px;
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    gap: 25px;
    flex: 0 0 48%;
    padding: 25px;
    box-sizing: border-box;
    border-radius: 5px;
}
.content-section.our-factory .section_block .block-info:first-child .info-block_item {
    flex: 0 0 100%;
    min-width: 380px;
}
.content-section.our-factory .section_block .block-info:first-child .info-block_item img:nth-child(2) {
    display: none;
}
.content-section.our-factory .section_block .info-block_item img {
    width: 100%;
}
.content-section.our-factory .section_block .info-block_item .detail-title {
    width: auto;
    display: flex;
    justify-content: space-between;
}
.content-section.our-factory .section_block .info-block_item .detail-title span.semi-bold {
    font-size: 24px;
}

/* ========== COMPLETED PROJECTS SECTION ========== */
.content-section.completed-projects {
    background-color: #1e1e1e;
}
.content-section.completed-projects .block-title {
    width: auto;
    color: #ffffff;
}
.content-section.completed-projects .block-detail {
    width: auto;
    font-size: inherit;
    color: #989898;
}
.content-section.completed-projects .section-com-pro {
    margin-top: 50px;
}
.content-section.completed-projects .swiper-wrapper {
    gap: 25px;
    justify-content: space-between;
}
.content-section.completed-projects .swiper-slide {
    gap: 25px;
    display: flex;
    flex-direction: column;
    max-width: fit-content;
    margin-right: 0 !important;
}
.content-section.completed-projects .swiper-custom-controls {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 50px;
}
.content-section.completed-projects .swiper-pagination {
    display: flex;
    gap: 15px;
    align-items: center;
}
.content-section.completed-projects .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #a4a4a4;
}
.content-section.completed-projects .swiper-pagination .swiper-pagination-bullet-active {
    width: 20px;
    height: 20px;
    background: #e31e24;
}
.content-section.completed-projects .swiper-custom-controls .arrow-buttons {
    display: flex;
    justify-content: space-between;
    gap: 15px;
}
.content-section.completed-projects .swiper-custom-controls .red-button-next,
.content-section.completed-projects .swiper-custom-controls .red-button-prev {
    width: 45px;
    height: 45px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    border: 1px solid transparent;
    background: linear-gradient(#e31e24, #e31e24) padding-box,
    linear-gradient(-90deg, rgb(227, 30, 36), rgba(255, 255, 255, 0.4)) border-box;
}
.content-section.completed-projects .swiper-custom-controls .red-button-next:hover,
.content-section.completed-projects .swiper-custom-controls .red-button-prev:hover {
    cursor: pointer;
}
.content-section.completed-projects .swiper-custom-controls .red-button-next {
    transform: rotate(180deg);
}
.content-section.completed-projects .swiper-custom-controls .red-button-next.swiper-button-disabled,
.content-section.completed-projects .swiper-custom-controls .red-button-prev.swiper-button-disabled {
    opacity: 0.5;
    cursor: default;
}
.content-section.completed-projects .info-block_item {
    background-color: #181818;
    max-width: 382px;
    min-height: 332px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
    border-radius: 5px;
}
.content-section.completed-projects .info-block_item .detail-title {
    margin-left: 22px;
    color: #989898;
    position: relative;
}
.content-section.completed-projects .info-block_item .detail-title:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("/svg/icon-red-point.svg");
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -2px;
    left: -28px;
}
.content-section.completed-projects .info-block_item .detail-desc {
    font-size: 22px;
    color: #ffffff;
    text-align: left;
}

/* ========== UNIVERSAL SYSTEM SECTION ========== */
.content-section.universal-system {
    background-color: #282828;
    padding: 50px 0;
}
.content-section.universal-system .content {
    display: flex;
    align-items: flex-start;
}
.content-section.universal-system .section_wrapper {
    display: flex;
    padding: 0;
    /*width: 50%;*/
}
.content-section.universal-system .section_title {
    gap: 15px;
    flex-wrap: wrap;
    flex-direction: column;
}
.content-section.universal-system .block-title {
    color: #ffffff;
    width: 100%;
}
.content-section.universal-system .block-detail {
    font-size: 16px;
    color: #989898;
}
.content-section.universal-system .system-block_wrapper {
    width: 100%;
    max-width: 725px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.content-section.universal-system .other-system-blocks {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.content-section.universal-system .annotation-system {
    color: #ffffff;
}
.content-section.universal-system .system-icon {
    font-size: 22px;
    position: relative;
    padding: 12px 15px;
    color: #ffffff;
    background: #1e1e1e;
    border-radius: 5px;
    isolation: isolate;
}
.content-section.universal-system .system-icon:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background:
        repeating-linear-gradient(to right, #646464, #646464 5px, #282828 30px, #282828 calc(100% - 30px), #64646410 calc(100% - 30px), #646464 100%) top / 100% 4px no-repeat,
        linear-gradient(to bottom, #646464 0%, rgba(100, 100, 100, 0.7) 50%, #282828 100%) left / 1px 100% no-repeat,
        linear-gradient(to bottom, #646464 0%, rgba(100, 100, 100, 0.7) 50%, #282828 100%) right / 1px 100% no-repeat,
        repeating-linear-gradient(to right, #646464, rgba(100, 100, 100, 0.4) 1px, #282828 7px, #282828 calc(100% - 10px), rgba(100, 100, 100, 0.4) calc(100% - 1px), #646464 100%) bottom / 100% 4px no-repeat;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}
.content-section.universal-system .system-icon.down-gradient-border:before {
    background:
            repeating-linear-gradient(to right, #646464, #646464 5px, #282828 30px, #282828 calc(100% - 30px), #64646410 calc(100% - 30px), #646464 100%) bottom / 100% 4px no-repeat,
            linear-gradient(to top, #646464 0%, rgba(100, 100, 100, 0.7) 50%, #282828 100%) left / 1px 100% no-repeat,
            linear-gradient(to top, #646464 0%, rgba(100, 100, 100, 0.7) 50%, #282828 100%) right / 1px 100% no-repeat,
            repeating-linear-gradient(to right, #646464, rgba(100, 100, 100, 0.4) 1px, #282828 7px, #282828 calc(100% - 10px), rgba(100, 100, 100, 0.4) calc(100% - 1px), #646464 100%) top / 100% 4px no-repeat;
}

/* ========== WAIT FOR US SECTION ========== */
.content-section.wait-for-us {
    padding: 100px 0;
    position: relative;
}
.content-section.wait-for-us .content {
    display: flex;
    justify-content: space-between;
    gap: 25px;
    position: relative;
    z-index: 3;
}
.content-section.wait-for-us .section_wrapper {
    padding: 0;
}
.content-section.wait-for-us .contact_wrapper {
    width: 100%;
    max-width: 382px;
    box-sizing: border-box;
    border-radius: 5px;
    background-color: #f7f7f7;
}
.content-section.wait-for-us .map_wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: -1;
    pointer-events: none;
}
.content-section.wait-for-us .map_wrapper iframe {
    width: 100%;
    height: 770px;
    border: 0;
}
.content-section.wait-for-us .map_wrapper iframe .map-widget-layout-view__controls {
    display: none;
}
.content-section.wait-for-us .section_title {
    flex-direction: column;
}
.content-section.wait-for-us .block-title {
    width: 75%;
    margin-bottom: 10px;
}
.content-section.wait-for-us .block-detail {
    font-size: 16px;
    color: #989898;
    margin-bottom: 15px;
}
.content-section.wait-for-us .contact-card {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 38px;
}
.content-section.wait-for-us .contact-card .address,
.content-section.wait-for-us .contact-card .phone,
.content-section.wait-for-us .contact-card .email {
    display: flex;
    gap: 10px;
    margin-bottom: 0;
}
.content-section.wait-for-us .contact-card .address img {
    max-width: 22px;
}
.content-section.wait-for-us .contact-card .phone-text {
    display: flex;
    flex-direction: column;
}
.content-section.wait-for-us .contact-card .phone-text a,
.content-section.wait-for-us .contact-card .email-text a {
    font-size: 20px;
    letter-spacing: -2%;
    color: #1e1e1e;
    text-decoration: none;
}
.content-section.wait-for-us .contact-card .email-text a {
    position: relative;
    top: -2px;
}
.content-section.wait-for-us .contact-card .phone span {
    font-family: MyriadProLight;
    font-size: 15px;
    color: #989898;
}
.content-section.wait-for-us .contact-card .phone-icon,
.content-section.wait-for-us .contact-card .email-icon {
    padding: 0 5px;
}
.content-section.wait-for-us .social_wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    background-color: #1e1e1e;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 40px;
}
.content-section.wait-for-us .social_wrapper .social-text {
    margin-right: 5px;
    color: #bebebe;
}
.content-section.wait-for-us .social_wrapper .social-link {
    display: flex;
    gap: 15px;
}
.content-section.wait-for-us .social_wrapper .social-link a {
    display: flex;
    width: 36px;
    height: 36px;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #535353;
    transition: background-color 0.3s;
}
.content-section.wait-for-us .social_wrapper .social-link a:hover {
    background-color: #989898;
    transition: background-color 0.3s;
}

/* ========== WHAT IS IT MADE SECTION ========== */
.content-section.what-is-it-made {
    background-image: url("/images/services/fon-what-is-it-made-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
}
.content-section.what-is-it-made .section_wrapper .block-info .info-block_item {
    max-width: 585px;
    background-color: #f9f9f9;
    padding: 25px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
}
.content-section.what-is-it-made .section_wrapper .section_title .block-detail {
    width: 49%;
}
.content-section.what-is-it-made .section_wrapper .block-info .info-block_item .divider {
    width: 100%;
    margin-bottom: 35px;
}
.content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-title {
    font-size: 24px;
    margin-bottom: 10px;
}
.content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-desc {
    line-height: 145%;
    margin-bottom: 55px;
}
.content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-title.red-uppercase {
    font-size: 18px;
    text-transform: uppercase;
    color: #e31e24;
    margin-left: 40px;
    margin-bottom: 10px;
    margin-top: 35px;
    position: relative;
}
.content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-title.red-uppercase:before {
    content: '';
    width: 28px;
    height: 1px;
    background-color: #1e1e1e;
    position: absolute;
    left: -40px;
    top: 8px;
}
.content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-info span {
    display: flex;
    justify-content: center;
    width: 100%;
}
.content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-info span:first-child {
    font-size: 32px;
}
.content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-info span:last-child {
    color: #989898;
}
.content-section.what-is-it-made .section_wrapper .made-detail-dye {
    display: flex;
    align-items: center;
    padding: 20px;
    border-radius: 5px;
    background-color: #f9f9f9;
}
.content-section.what-is-it-made .section_wrapper .made-detail-dye img {
    margin-right: 20px;
}
.content-section.what-is-it-made .section_wrapper .made-detail-dye span {
    font-size: 20px;
    color: #5c5c5c;
}

/* ========== ADVANTAGES SECTION ========== */
.content-section.advantages .section_wrapper .section_title .block-detail {
    width: 49%;
}
.content-section.advantages .section_wrapper .block-info {
    flex-wrap: nowrap;
    margin-top: 25px;
}
.content-section.advantages .section_wrapper .block-info:last-child {
    margin-top: 25px;
}
.content-section.advantages .section_wrapper .block-info.three-column .info-block_item {
    width: 33.3%;
}
.content-section.advantages .section_wrapper .block-info .info-block_item {
    background-color: #f9f9f9;
    padding: 25px;
}
.content-section.advantages .section_wrapper .block-info .info-block_item strong.red {
    font-size: 34px;
    position: relative;
    width: 100%;
    display: flex;
    line-height: 100%;
}
.content-section.advantages .section_wrapper .block-info .info-block_item .actual {
    color: #989898;
    display: block;
    font-style: italic;
    margin-bottom: 5px;
}
.content-section.advantages .section_wrapper .block-info .info-block_item .made-detail-title {
    font-size: 24px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.content-section.advantages .section_wrapper .catalog-block_wrapper {
    margin-top: 25px;
    border-radius: 5px;
    background: linear-gradient(219.47deg, #5D5D5D 0%, #1E1E1E 82.34%);
    color: #ffffff;
}
.content-section.advantages .section_wrapper .catalog-block_wrapper .catalog {
    width: 100%;
    min-height: 158px;
    background: url(/images/services/advent-bottom-block-bg.png) no-repeat center;
    background-position-x: 60%;
    background-position-y: 32px;
    display: flex;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}
.content-section.advantages .section_wrapper .catalog-block_wrapper .catalog .btn_wrapper {
    width: 305px;
}
.content-section.advantages .section_wrapper .catalog-block_wrapper .catalog .catalog-text span:first-child {
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
    width: 100%;
}
.content-section.advantages .section_wrapper .catalog-block_wrapper .catalog .catalog-text span:last-child {
    display: block;
    width: 55%;
    line-height: 135%;
}

/* ========== ONLY TEXT SECTION ========== */
.content-section.only-text .section_wrapper .block-title {
    width: 100%;
}
.content-section.only-text .section_text {
    font-size: 16px;
    padding-bottom: 100px;
}
.content-section.only-text .section_text p {
    margin-block-start: 15px;
    margin-block-end: 15px;
}
.content-section.only-text .section_text ol {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.content-section.only-text .section_text ol li::marker {
    font-family: MyriadProSemiBold;
    font-size: 20px;
}
.content-section.only-text .section_text .title {
    font-size: 20px;
}

/* ========== ALL SIZES POPUP ========== */
.all-sizes-popup {
    display: grid;
    place-items: center;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    margin: 0 auto;
    overflow: auto;
    background-color: rgb(249 249 249 / 95%);
}
.all-sizes-popup .close-popup {
    width: 30px;
    height: 30px;
    position: fixed;
    top: 30px;
    right: 30px;
}
.all-sizes-popup .close-popup:hover {
    cursor: pointer;
}
.all-sizes-popup .content-popup {
    border: 1px solid #e31e24;
    border-radius: 5px;
    background-color: #f4f4f4;
    margin: 90px 0;
    padding: 40px;
}
.all-sizes-popup .content-popup .header-popup {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: nowrap;
    gap: 30px;
}
.all-sizes-popup .content-popup .title-popup {
    font-size: 40px;
}
.all-sizes-popup .content-popup .tabs-trigger_wrapper {
    display: flex;
    gap: 10px;
}
.all-sizes-popup .content-popup .cols-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #989898;
    font-size: 22px;
    margin-top: 40px;
    margin-bottom: 15px;
}
.all-sizes-popup .content-popup .tabs-content .rows {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 40px;
}
.all-sizes-popup .content-popup .tabs-content .rows:hover {
    border: 1px solid #989898;
    background-color: #f9f9f9;
    margin: 0 -10px;
    padding: 0 10px;
    border-radius: 5px;
    height: 38px;
}

.content-section.shit-size .block-info .btn_wrapper .show-all-size,
.all-sizes-popup .content-popup .tabs-content .hidden
{
    display: none;
}

/* ========== HEADER BLACK ========== */
header.black {
    background: linear-gradient(180deg, #2A2A2A 0%, #1A1A1A 100%);
    margin-bottom: 32px;
}
header.black .content .head-wrapper {
    width: 100%;
    min-height: 90px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 10px 0;
}
header.black .content .headone,
header.black .content .headtwo,
header.black .content .headthree,
header.black .content .headfour,
header.black .content .headfive,
header.black .content .headsix
{
    width: auto;
    padding: 0;
    margin: 0;
}
header.black .content .headone,
header.black .content .headtwo
{
    width: 100%;
    height: 43px;
}
header.black .content .headfive {
    min-width: 96px;
}
header.black .content .headtwo .selected_city {
    color: white;
}
header.black .content .headthree,
header.black .content .headthree .middle_block
{
    height: auto;
    padding: 0;
}
header.black .content .headthree .middle_block,
header.black .content .headthree .phone,
header.black .content .headfour .phone
{
    font-size: 16px !important;
    font-weight: bold;
    color: white !important;

}
header.black .content .headthree .contact_address,
header.black .content .headthree .time,
header.black .content .headfour .phone
{
    margin: 0;
}
header.black .content .headthree .contact_address,
header.black .content .headthree .time,
header.black .content .headfour p {
    color: white !important;
    font-size: 14px !important;
}
header.black .headone .logo {
    height: 100%;
}
header.black .content .headsix .get_quote {
    display: flex;
    align-items: center;
    justify-content: unset;
    font-weight: 700;
    font-size: 12px;
    color: white;
    line-height: 34px;
    letter-spacing: 0.6px;
    background-color: #E31E24;
    padding: 0 20px;
    cursor: pointer;
}
header.black .menu {
    margin-top: 0;
    min-height: 52px;
    background: linear-gradient(180deg, #E31E24 0%, #C41A1F 100%);
}
header.black .menu ul li a {
    height: 52px;
    font-size: 14px;
    padding: 18px 36px;
}
header.black .content .headsix .get_quote,
header.black .content .headthree .middle_block .contact_city
{
    white-space: nowrap;
}
header.black .fake_slider,
header.black .content .headtwo .selected_city,
header.black .content .headfour,
header.black .content .headfive,
header.black .content .headthree .middle_block .time,
header.black .content .headthree .middle_block .contact_city .contact_address
{
    display: none;
}
header.black .content .headfive .messengers_wrapper {
    display: inline-flex;
    gap: 10px;
    margin: 0 10px;
}
header.black .content .headfive .messengers_wrapper a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}
header.black .content .headfive .messengers_wrapper a img {
    width: 50%;
    height: 50%;
}
header.black .content .headfive .messengers_wrapper a.whats-app-icon {
    background-color: #25D366;
}
header.black .content .headfive .messengers_wrapper a.telegram-app-icon {
    background: #0088CC;
}
header.black .slider {
    margin-top: -52px;
    margin-bottom: 0;
}

/* ========== POPUP BOX (общие стили для всех popup) ========== */
.popup-box input,
.popup-box textarea
{
    background-color: white;
}
.popup-box input::placeholder,
.popup-box textarea::placeholder
{
    font-size: 13px;
    font-weight: 100;
}
.popup-box a.sending{
    margin-top: 24px;
}

/* Стили для popup-box (замена #popup-box-1 на .popup-box) */
.popup-box {
    border-left: 0;
    border-right: 0;
    border-bottom: 0;
}
.popup-box .title {
    width: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
    vertical-align: middle;
    margin-top: 16px;
}
.popup-box .subtitle {
    width: 100%;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    vertical-align: middle;
}
.popup-box .subtitle span:first-child {
    color: #666666;
}
.popup-box .subtitle span {
    color: #E31E24;
}
.popup-box .agree {
    width: 100%;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    vertical-align: middle;
    margin: 20px 0;
}
.popup-box .agree span:first-child {
    color: #999999;
}
.popup-box #error-message {
    font-size: 14px;
    line-height: 22px;
    color: #E31E24;
    border: 1px solid #E31E24;
    padding: 5px 10px;
    margin-bottom: 10px;
}
.popup-box .upload-container .file-upload-container {
    width: 100%;
    max-width: 500px;
    margin: 0 auto;
}
.popup-box .upload-container .file-upload-wrapper {
    position: relative;
    margin-bottom: 20px;
}
.popup-box .upload-container .file-upload-label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 5px 0;
}
.popup-box .upload-container .file-upload-label .upload-text:hover {
    color: #e31e24;
}
.popup-box .upload-container .file-upload-label:active {
    transform: scale(0.98);
}
.popup-box .upload-container .upload-icon {
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.popup-box .upload-container .upload-text {
    flex-grow: 1;
    color: #555;
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
}
.popup-box .upload-container .logo {
    width: auto;
}
.popup-box .upload-container .file-name {
    color: #2c3e50;
    font-weight: 600;
    font-size: 16px;
    max-width: 70%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.popup-box .upload-container .upload-description {
    color: #777;
    font-size: 12px;
    padding-left: 40px;
}
.popup-box .upload-container .file-upload-input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}
.popup-box .upload-container .file-selected .upload-text {
    color: #2c3e50;
}
.popup-box .upload-container .file-selected .file-upload-label {
    border-color: #e31e24;
    background-color: #f0f7ff;
}
.popup-box .upload-container .file-info {
    margin-top: 10px;
    padding: 10px 15px;
    background-color: #f8f9fa;
    border-radius: 8px;
    font-size: 14px;
    color: #666;
    display: none;
}
.popup-box .upload-container .file-info.show {
    display: block;
    animation: fadeIn 0.3s ease;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-10px); }
    to { opacity: 1; transform: translateY(0); }
}
.popup-box .upload-container .file-size {
    font-weight: 600;
    color: #e31e24;
}
.popup-box .upload-container {
    width: 100%;
    max-width: 299px;
}

/* ========== МЕДИА-ЗАПРОСЫ ========== */
@media screen and (min-width: 1300px) {
    .content-section.completed-projects .swiper-custom-controls {
        display: none;
    }
}
@media (min-width: 1100px) and (max-width: 1200px) {
    .content-section.where-use .section_wrapper .block-info .info-block-icon {
        width: 31.6%;
    }
    .content-section.configurator .section_wrapper .configurator_scheme {
        min-width: 500px;
    }
    .content-section.what-is-it-made .section_wrapper .block-info .info-block_item {
        max-width: 535px;
    }
}

@media screen and (max-width: 1100px) {
    header.dark.main {
        min-height: auto;
    }
    header.dark.main .content {
        height: auto;
    }
    header.dark.main .slider .video-block {
        height: 530px;
    }
    header.dark.main .slider .video-block video#video-background {
        width: 255%;
    }
    header.dark.main .content-section.main-header-block {
        /*bottom: -255px;*/
        bottom: -44%;
    }
    header.dark.main .content-section.main-header-block .section_wrapper .section_title.glass-effect {
        padding: 20px;
        margin: 0 20px;
    }
    header.dark.main .content-section.main-header-block .section_wrapper .btn_wrapper {
        margin-bottom: 0;
    }
    header.dark.main .content-section.main-header-block .section_wrapper .block-title,
    header.dark.main .content-section.main-header-block .section_wrapper .block-title strong {
        font-size: 28px;
        margin-bottom: 20px;
        line-height: 105%;
    }
    header.dark.main .content-section.main-header-block .section_wrapper .block-info .info-block-icon {
        width: 100%;
        max-width: 245px;
        height: auto;
        padding: 15px;
        background-color: #f9f9f9;
        box-shadow: none;
    }
    header.dark.main .content-section.main-header-block .section_wrapper .block-info .info-block-icon div {
        gap: 10px;
        padding: 0;
    }
    header.dark.main .content-section.main-header-block .section_wrapper .block-info .info-block-icon div:first-child strong {
        font-size: 22px;
    }
    header.dark.main .content-section.main-header-block .section_wrapper .block-info .info-block-icon div:first-child span {
        font-size: 13px;
    }
    .content-section.timbering-system {
        padding-top: 150px;
        padding-bottom: 50px;
    }
    .content-section.timbering-system .section_title {
        gap: 10px;
        flex-direction: column-reverse;
    }
    .content-section.timbering-system .block-title {
        font-size: 28px;
    }
    .content-section.timbering-system .block-detail {
        font-size: 13px;
    }
    .content-section.timbering-system .section_wrapper {
        margin: 0 20px;
    }
    .content-section.timbering-system .section_wrapper .block-info {
        margin-top: 30px;
    }
    .content-section.timbering-system .section_wrapper .info-block_item {
        padding: 30px;
        height: 260px;
        max-width: 245px;
        overflow: hidden;
    }
    .content-section.timbering-system .section_wrapper .info-block_item,
    .content-section.timbering-system .info-block_row:nth-child(1) .info-block_item_text span:nth-child(2) {
        width: 100%;
        font-size: 13px;
    }
    .content-section.timbering-system .section_wrapper .info-block_item .info-block-semibold-title {
        justify-content: center;
        font-size: 16px;
        margin-bottom: 10px;
        text-transform: uppercase;
    }
    .content-section.timbering-system  .section_wrapper .info-block_row {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: center;
    }
    .content-section.timbering-system  .section_wrapper .info-block_row:last-child {
        flex-direction: column-reverse;
    }
    .content-section.timbering-system .info-block_item .info-block_item_text {
        align-items: center;
        justify-content: start;
        width: 100%;
        text-align: center;
    }
    .content-section.timbering-system .info-block_row .info-block_item .info-block_item_text span:last-child {
        margin-top: 10px;
    }
    .content-section.timbering-system .info-block_row .info-block_item:hover .info-block_item_text span:last-child {
        width: auto;
    }
    .content-section.timbering-system .info-block_row .info-block_item .info-block_item_text a {
        position: relative;
        margin-top: 15px;
    }
    .content-section.timbering-system .info-block_row .info-block_item .info-block_item_image {
        width: 45%;
        right: 26%;
    }
    .content-section.timbering-system .info-block_row .info-block_item:nth-child(2) .info-block_item_image {
        width: 70%;
        bottom: -10%;
    }
    .content-section.timbering-system .block-info .info-block-icon {
        font-size: 16px;
        padding: 20px;
        max-width: 245px;
    }
    .content-section.timbering-system .block-info:last-child .info-block-icon a {
        font-size: 16px;
    }
    .content-section.completed-projects .section_title {
        flex-direction: column-reverse;
    }
    .content-section.completed-projects .section_title .block-detail {
        margin-top: 0;
        margin-bottom: 10px;
    }
    .content-section.completed-projects .info-block_item {
        padding: 15px;
        min-height: auto;
    }
    .content-section.completed-projects .info-block_item .detail-title {
        font-size: 12px;
        margin-top: 15px;
        margin-bottom: 12px;
    }
    .content-section.completed-projects .info-block_item .detail-desc {
        font-size: 15px;
    }
    .content-section.completed-projects .swiper-wrapper {
        gap: 20px;
    }
    .content-section.completed-projects .swiper-custom-controls {
        flex-direction: row-reverse;
        margin-top: 30px;
    }
    .content-section.completed-projects .swiper-pagination {
        position: relative;
    }
    .content-section.universal-system .content {
        flex-wrap: wrap;
        gap: 20px;
    }
    .content-section.universal-system .other-system-blocks {
        justify-content: center;
        gap: 10px;
        margin: 20px 20px 0;
    }
    .content-section.universal-system .system-icon {
        font-size: 12px;
    }
    .content-section.universal-system .system-icon.down-gradient-border:before {
        background:
            repeating-linear-gradient(to right, #646464, #646464 5px, #282828 30px, #282828 calc(100% - 30px), #64646410 calc(100% - 30px), #646464 100%) top / 100% 4px no-repeat,
            linear-gradient(to bottom, #646464 0%, rgba(100, 100, 100, 0.7) 50%, #282828 100%) left / 1px 100% no-repeat,
            linear-gradient(to bottom, #646464 0%, rgba(100, 100, 100, 0.7) 50%, #282828 100%) right / 1px 100% no-repeat,
            repeating-linear-gradient(to right, #646464, rgba(100, 100, 100, 0.4) 1px, #282828 7px, #282828 calc(100% - 10px), rgba(100, 100, 100, 0.4) calc(100% - 1px), #646464 100%) bottom / 100% 4px no-repeat;
    }
    .content-section.universal-system .annotation-system {
        font-size: 14px;
        text-align: center;
        margin: 0 25px;
    }
    .content-section.our-factory {
        margin-bottom: 250px;
    }
    .content-section.our-factory .section_title {
        margin-bottom: 30px;
        flex-direction: column-reverse;
    }
    .content-section.our-factory .section_block .info-block_item .detail-title span.semi-bold {
        font-size: 18px;
    }
    .content-section.our-factory .section_block .info-block_item .detail-desc {
        font-size: 14px;
    }
    .content-section.our-factory .section_block {
        flex-wrap: wrap;
    }
    .content-section.our-factory .section_block .info-block_item,
    .content-section.our-factory .section_block .block-info:first-child .info-block_item {
        min-width: 100%;
    }
    .content-section.our-factory .section_block .block-info {
        margin-top: 0;
        gap: 20px;
    }
    .content-section.our-factory .section_block .block-info:first-child .info-block_item img:nth-child(1) {
        display: none;
    }
    .content-section.our-factory .section_block .block-info:first-child .info-block_item img:nth-child(2) {
        display: block;
    }
    .content-section.wait-for-us .content {
        top: -255px;
    }
    .content-section.wait-for-us .contact-card {
        gap: 15px;
        padding-bottom: 30px;
    }
    .content-section.wait-for-us .map_wrapper iframe {
        height: 1050px;
    }
    .content-section.wait-for-us .block-title {
        width: 100%;
    }
    header.dark .content {
        height: 51px;
        flex-direction: row;
        padding: 0 20px;
    }
    header.dark .top {
        min-height: 51px;
    }
    footer.dark .down {
        flex-wrap: wrap;
    }
    header.dark .top .left {
        height: 28px;
    }
    footer.dark .down .logotype {
        height: 34px;
    }
    footer.dark .down .right {
        width: 100%;
    }
    footer.dark .down .copyright_wrapper {
        display: flex;
    }
    footer.dark .down .copyright {
        max-width: 100%;
    }
    footer.dark .down .right .footer-menu_items {
        flex-direction: row;
        justify-content: center;
        margin-top: 30px;
    }
    footer.dark .down .right .footer-menu_items .footer-menu__item {
        width: 100%;
        text-align: center;
    }
    header.dark .top .center .menu_wrapper,
    header.dark .top .right .contact_wrapper,
    footer.dark .down .left .copyright
    {
        display: none;
    }
    .content-section.dark .indexuslugi .indexuslugi_one span.info_text::before {
        width: 15px;
        height: 15px;
        margin: -8px 14px 0 -14px;
    }
    .mobile-menu {
        display: flex;
    }
    .burger-menu_wrapper {
        display: flex;
    }
    .content-section.dark .indexuslugi .indexuslugi_one {
        width: 48%;
        max-width: 48%;
    }
    header.black > .content {
        height: auto;
    }
    header.black .headone .logo {
        width: 256px;
        max-width: 256px;
    }
    header.black .content .headthree .contact_city {
        height: auto;
    }
    header.black .menu {
        height: auto;
    }
    .slider {
        margin-top: -50px;
    }
}

@media screen and (max-width: 820px) {
    header.black .headone .logo {
        width: 128px;
        max-width: 128px;
    }
    header.black .menu ul li a {
        padding: 18px;
    }
}

@media screen and (max-width: 768px) {
    .content-section.only-text {
        padding-top: 100px;
    }
    .mobile-help-info .icon-number {
        display: inline-flex;
    }
    .mobile-help-info .icon-number span {
        font-size: 16px;
    }
    .content-section.configurator .mobile-help-info {
        margin-bottom: 25px;
        width: 100vw;
        box-sizing: border-box;
        text-align: center;
    }
    .content-section.configurator .section_wrapper .scroll-wrapper {
        flex-wrap: wrap;
    }
    .all-sizes-popup .content-popup {
        margin: 10px;
    }
    .all-sizes-popup .content-popup .header-popup {
        flex-wrap: wrap;
        gap: 15px;
    }
    .all-sizes-popup .content-popup .title-popup {
        font-size: 30px;
        margin-top: 20px;
    }
    .section_wrapper {
        padding: 5px 0;
    }
    .section_wrapper .block-title {
        width: 100%;
        text-align: center;
        font-size: 26px;
        line-height: 105%;
    }
    .section_title {
        flex-direction: column;
        justify-content: center;
    }
    .section_wrapper .block-info {
        margin-top: 20px;
        justify-content: center;
    }
    .section_wrapper .block-info .info-block-icon {
        width: 100%;
        height: auto;
        padding: 20px 10px;
    }
    .icon-number .top-icon {
        left: 0;
    }
    .top-title {
        line-height: 105%;
    }
    .top-title h1,
    .top-title span {
        font-size: 28px;
    }
    .top-title .slogan {
        font-size: 14px;
        line-height: normal;
        margin-top: 15px;
    }
    .info-graphics_wrapper {
        flex-direction: column;
    }
    .content-section.opalubka-sten {
        background-size: 250%;
        background-position-x: 75%;
        background-position-y: -2%;
    }
    .content-section.opalubka-sten .content {
        background: url(/images/services/top-opalubka.png) no-repeat bottom;
        background-size: 250%;
    }
    .content-section.opalubka-sten .info-block-icon:nth-child(2) {
        min-width: auto;
        height: 74px;
    }
    .content-section .info-block-icon {
        width: 100%;
        min-height: 70px;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        gap: 15px;
    }
    .info-block-icon span,
    .info-block-icon span.actual
    {
        width: 100%;
        font-size: 13px;
    }
    .info-block-icon span.actual {
        text-align: end;
    }
    .info-block-icon .top-icon {
        position: relative;
        top: 0;
        width: 32px;
        height: 32px;
        margin-left: 15px;
    }
    .btn_wrapper .get_prices {
        width: 202px;
        height: 55px;
    }
    .btn_wrapper span {
        font-size: 14px;
        font-family: MyriadProSemiBold;
    }
    .content-section.opalubka-sten .bottom_wrapper {
        margin-top: 20%;
        height: 150px;
    }
    .content-section.opalubka-sten .bottom_wrapper img {
        display: none;
    }
    .content-section.where-use .section_wrapper .block-info .info-block-icon:hover {
        height: 88px;
        background-size: cover !important;
    }
    .content-section.where-use .section_wrapper .block-info .info-block-icon:hover .top-icon {
        display: none;
    }
    .section_wrapper .block-info .info-block-last {
        width: 100%;
        height: 195px;
        justify-content: center;
        border-radius: 5px;
        background: linear-gradient(219.47deg, #5D5D5D 0%, #1E1E1E 82.34%);
        padding: 0 20px;
        margin-top: 10px;
    }
    .section_wrapper .block-info .info-block-last img {
        display: block;
    }
    .section_wrapper .block-info .info-block-last span {
        max-width: 100%;
        position: absolute;
        top: 10px;
        text-align: center;
        font-size: 13px;
        line-height: 135%;
        padding: 10px 30px 0;
    }
    .content-section.where-use {
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
        background: #f4f4f4;
    }
    .content-section.shit-type {
        background: none;
        padding-bottom: 50px;
    }
    .section_wrapper .block-detail {
        font-size: 14px;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .content-section.where-use .block-title {
        box-sizing: border-box;
        padding: 0 20px;
    }
    .content-section.where-use .block-detail {
        display: none;
    }
    .content-section.shit-type .info-block_item {
        width: 85%;
    }
    .content-section.shit-type .info-block_item span {
        font-size: 16px;
        align-items: center;
        justify-content: center;
        margin-bottom: 10px;
    }
    .content-section.shit-type .info-block_row .info-block_item_image {
        height: 45%;
        width: 100%;
        justify-content: center;
        right: 0;
    }
    .content-section.shit-type .info-block_row:nth-child(2) .info-block_item:nth-child(1) .info-block_item_image:last-child {
        width: auto;
        right: 25px;
    }
    .content-section.shit-type .info-block_row .info-block_item_image img {
        height: 100%;
    }
    .content-section.shit-type .info-block_item span:nth-child(2) {
        font-size: 13px;
        text-align: center;
        width: 100% !important;
    }
    .content-section.shit-type .info-block_item:nth-child(3) span:nth-child(3) {
        font-size: 13px;
        justify-content: left;
        bottom: 20px;
        margin-bottom: 0;
    }
    .content-section.shit-type .info-block_item span:nth-child(3) ul {
        flex-direction: column;
        gap: 10px;
        font-size: 12px;
    }
    .content-section.shit-type .info-block_row:nth-child(1) {
        flex-direction: column;
    }
    .content-section.shit-type .info-block_row:nth-child(2) {
        flex-direction: column-reverse;
    }
    .content-section.shit-size .content {
        padding: 0;
        max-width: 100%;
    }
    .content-section.shit-size .block-info .btn_wrapper .show-all-size {
        display: flex;
    }
    .content-section.shit-size .section_title .btn_wrapper .show-all-size {
        display: none;
    }
    .content-section.shit-size {
        background-color: #f4f4f4;
        padding-bottom: 50px;
    }
    .content-section.shit-size .info-block_item.two-column {
        flex: 0 0 84%;
    }
    .content-section.shit-size .block-info .info-block_item.scheme-sizes .scroll-wrapper {
        display: inline-flex;
        align-items: end;
        gap: 20px;
        padding: 0 80px;
    }
    .content-section.shit-size .block-info .info-block_item.scheme-sizes img {
        height: 100%;
    }
    .content-section.shit-size .block-info .info-block_item.scheme-sizes span {
        text-align: center;
    }
    .content-section.shit-size .block-info .info-block_item.two-column span {
        text-align: center;
        display: block;
        width: 100%;
        font-size: 14px;
    }
    .different-size .block-info {
        flex-wrap: nowrap;
    }
    .different-size .block-info .info-block_item .img_wrapper {
        box-sizing: border-box;
    }
    .different-size .block-info .info-block_item span strong {
        font-size: 20px;
    }
    .custom-size .info-block_item {
        height: auto;
        align-items: start;
        padding: 10px;
        gap: 20px;
    }
    .custom-size .info-block_item img {
        width: auto;
        height: 26px;
    }
    .custom-size .info-block_item span {
        text-align: left !important;
    }
    .content-section.configurator .content {
        padding: 0 0 50px 0;
        max-width: 100%;
    }
    .content-section.configurator .section_wrapper .configurator_scheme {
        display: none;
    }
    .content-section.configurator .section_wrapper .section_title,
    .content-section.configurator .section_wrapper .open-wrapper_btn,
    .content-section.configurator .section_wrapper .scroll-wrapper .technical-info,
    .content-section.configurator .section_wrapper .info-block_item .configurator_form
    {
        width: auto;
        margin: 0 25px;
    }
    .content-section.configurator .section_wrapper .scroll-wrapper .technical-info {
        min-width: 1000px;
        font-size: 14px;
    }
    .content-section.configurator .section_wrapper .open-wrapper_btn {
        width: 100%;
        font-size: 14px;
    }
    .content-section.configurator .section_wrapper .section_title .block-detail {
        display: block;
    }
    .content-section.configurator .section_wrapper .configurator_form {
        gap: 30px;
    }
    .content-section.configurator .section_wrapper .configurator_form .form_block .form_row__title strong {
        font-size: 20px;
    }
    .content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .block-info .info-block-icon {
        height: auto;
        justify-content: flex-start;
    }
    .content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .checkbox-btn .label-text .label-title {
        font-size: 18px;
    }
    .content-section.configurator .section_wrapper .configurator_form .form_block .form_row__btn .checkbox-btn .label-text .label-desc {
        font-size: 15px;
    }
    .content-section.what-is-it-made {
        background: #f4f4f4;
        padding-bottom: 50px;
    }
    .content-section.what-is-it-made .section_wrapper .section_title .block-detail {
        text-align: center;
        width: 100%;
        padding: 0 18px;
        box-sizing: border-box;
        font-size: inherit;
    }
    .content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-title,
    .content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-desc,
    .content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-info span:last-child
    {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-info span:first-child {
        font-size: 18px;
    }
    .content-section.what-is-it-made .section_wrapper .block-info .info-block_item .made-detail-info span:last-child {
        font-size: 12px;
    }
    .content-section.what-is-it-made .section_wrapper .block-info .info-block_item .divider {
        margin-bottom: 25px;
    }
    .content-section.what-is-it-made .section_wrapper .made-detail-dye {
        padding-bottom: 10px;
        align-items: start;
    }
    .content-section.what-is-it-made .section_wrapper .made-detail-dye img {
        width: 26px;
    }
    .content-section.what-is-it-made .section_wrapper .made-detail-dye span {
        font-size: 15px;
    }
    .content-section.advantages {
        padding-bottom: 50px;
    }
    .content-section.advantages .section_wrapper .block-info {
        flex-wrap: wrap;
    }
    .content-section.advantages .section_wrapper .block-info.three-column .info-block_item {
        width: 100%;
    }
    .content-section.advantages .section_wrapper .section_title .block-detail {
        text-align: center;
        width: 100%;
        padding: 0 18px;
        box-sizing: border-box;
        font-size: inherit;
    }
    .content-section.advantages .section_wrapper .catalog-block_wrapper .catalog {
        height: 360px;
        align-items: start;
        flex-direction: column;
        gap: 20px;
        background-size: auto;
        background-position-x: 100%;
        background-position-y: 100%;
        background-image: url(/images/services/advent-bottom-block-mobile-bg.png);
    }
    .content-section.advantages .section_wrapper .block-info .info-block_item .made-detail-desc {
        font-size: 15px;
    }
    .content-section.advantages .section_wrapper .catalog-block_wrapper .catalog .catalog-text span:first-child {
        font-size: 20px;
    }
    .content-section.advantages .section_wrapper .catalog-block_wrapper .catalog .catalog-text span:last-child {
        width: 100%;
        font-size: 15px;
    }
    .btn_wrapper .get_prices, .btn_wrapper .show-all-size, .btn_wrapper .get_quote {
        height: 52px;
    }
}

@media screen and (max-width: 650px) {
    footer.dark .down {
        padding: 32px 12px;
    }
    footer.dark .down .logotype {
        height: 26px;
    }
    footer.dark .down .left,
    footer.dark .down .center,
    footer.dark .down .center .footer-menu_wrapper
    {
        width: 100%;
        justify-content: space-between;
    }
    footer.dark .down .copyright_wrapper,
    footer.dark .down .right .footer-menu_items
    {
        flex-wrap: wrap;
    }
    footer.dark .down .left {
        flex-direction: row;
    }
    .content-section.dark .indexuslugi .indexuslugi_one {
        width: 100%;
        max-width: 100%;
    }
    header.black > .content {
        max-width: 100%;
        padding: 0 10px;
    }
    header.black .headone .logo {
        width: 64px;
        max-width: 64px;
    }
    header.black .content .head-wrapper {
        width: 97%;
        padding: 10px;
    }
    header.black .content .head-wrapper .headone
    {
        width: auto;
    }
    header.black .content .head-wrapper .headtwo
    {
        display: none;
    }
    header.black .content .head-wrapper .headsix .get_quote {
        font-size: 10px;
        line-height: 26px;
        padding: 0 8px;
    }
    header.black .content .head-wrapper .headthree .phone {
        margin: 0;
        font-size: 12px !important;
    }
    header.black .menu {
        min-height: auto;
        padding: 10px 0;
    }
    header.black .menu--mobile.isOpen {
        height: 100vh;
    }
    header.black .menu--mobile ul {
        top: 0;
        height: 100%;
        align-items: center;
        justify-content: flex-start;
    }
    header.black .content .head-wrapper .headfive {
        min-width: 50px;
    }
    header.black .content .head-wrapper .headfive .messengers_wrapper {
        margin: 0;
    }
    header.black .content .head-wrapper .headfive .messengers_wrapper a {
        width: 20px;
        height: 20px;
    }
}

@media screen and (max-width: 410px) {
    header.black > .content {
        padding: 0;
    }
    header.black .content .head-wrapper {
        width: 94%;
    }
}