body {
    background-attachment: fixed;
    background-size: cover;
    overflow-x: hidden;
}

.privacy-policy {
    color: #333;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    max-width: 840px !important;
}

.cooperation-head,
.news-detail-designers {
    padding-top: 30px;
}

.policy-contacts {
    margin-top: 70px;
}

.privacy-policy-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.policy-title {
    text-align: center;
    margin-bottom: 30px;
    max-width: 840px !important;
}

.title-policy {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mb-70 {
    margin-bottom: 70px;
}

.map {
    margin: 0 !important;
}

body * {
    font-family: "Mulish", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Princesa";
    src: url("/local/templates/eshop_bootstrap_v4_copy/assets/fonts/Princesa-Regular.otf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-optical-sizing: auto;
}

#pagetitle {
    margin-bottom: 35px;
    text-align: center;
}

h1 {
    font-size: 50px;
}

h2 {
    font-size: 48px;
    text-align: center;
}

h3 {
    font-family: "Mulish", sans-serif;
    font-size: 22px;
    margin-bottom: 35px;
    text-align: center;
    font-weight: 300;
}

h1,
h2,
h4,
h5,
h6 {
    font-family: "Princesa";
}

#bx_incl_area_10_1 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.bx-content {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.bx-content-section,
.bx-header-section {
    padding-bottom: 2px;
    background-color: rgba(255, 255, 255, .95);
}

.bx-header-logo {
    order: 4
}

.bx-header-personal {
    order: 2
}

.bx-header-contact {
    order: 5
}

.bx-logo-block {
    display: flex !important;
    height: auto;
    border-bottom: none;
    justify-content: center;
}

.bx-logo-block img {
    max-height: 50px;
    width: auto;
}

.bx-logo-block.d-block.d-md-none.text-center {
    display: none !important;
}

.section_collaboration {
    margin-top: 94px;
}

.collaboration-left {
    background-image: url('/local/templates/eshop_bootstrap_v4_copy/images/cooper.webp');
    background-size: cover;
    /* Растягиваем изображение на весь блок */

    background-repeat: no-repeat;
    /* Запрещаем повторение изображения */
}

.collaboration-left {
    padding: 48px 70px;
    line-height: 27.61px;
    background-size: 55% !important;
    border-radius: 8px;
    background-color: #F4F4F4 !important;
    right: 0;
    /* Тень основная */
    box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
}

.section_news {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 70px;
}

.section_portfolio {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 70px;
}

.section_designers {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 94px;
    padding-top: 70px;
    padding-bottom: 94px;

}

.section_designers .slick-track {
    padding-bottom: 15px !important;
}

.is_main_page .slick-track {
    padding-bottom: 20px;
}

.interior-wraps {
    margin-top: 70px;
}

.interior-wraps h2 {
    margin-bottom: 15px;
    margin-top: 71px;
}

.img-fluid-right {
    position: relative;
}

.img-fluid-right svg {
    position: absolute;
    left: -29px;
    top: 91px;
}

@media (max-width:720px) {
    .w50 {
        width: 100% !important;
    }

    .map-container {
        margin-top: 50px;
    }

    .collaboration-left {
        padding: 40px 40px;
        line-height: 27.61px;
        background-size: 100% !important;
        border-radius: 8px;
        background-color: #F4F4F4 !important;
        right: 0;
        /* Тень основная */
        box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
    }
}

@media (max-width: 767px) {
    .bx-logo-block img {
        max-width: 100%;
        max-height: 45px;
        width: auto;
        height: auto;
    }

    .bx-header-logo {
        padding: 5px 50px;
        height: 55px;
        background-color: var(--theme-color-primary);
    }

    .bx-logo-block {
        height: auto;
    }

    body.bx-theme-green .bx-store-logo {
        background: #33b111;
    }
}

.bx-header-phone-block {
    display: flex;
    align-items: center;
    justify-content: end;
}

.bx-header-phone-number {
    color: #000;
    white-space: nowrap;
    font-family: "Mulish", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    transition: 250ms linear all;
}

.bx-header-phone-icon {
    display: block;
    margin-right: 10px;
    width: 26px;
    height: 26px;
    background: no-repeat center url(images/phone.svg);
}

.bx-header-worktime {
    color: #000;
    font-family: "Mulish", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    transition: 250ms linear all;
}

.bx-worktime-title {
    color: #adadad;
    font-family: "Mulish", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

.bx-worktime-schedule {
    color: #000;
    font-family: "Mulish", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
}

@media (max-width: 991px) {
    .bx-header-worktime {
        font-family: "Mulish", sans-serif;
        font-optical-sizing: auto;
        font-weight: normal;
        font-style: normal;
    }
}

.bx-footer-bg {
    background-color: #1f496a;
}

.bx-footer-logo {
    border-bottom: none !important;
    text-decoration: none !important;
}

.bx-footer-logo img {
    max-width: 100%;
    height: auto;
}

.bx-inclinkspersonal-item.bx-theme-blue:hover {
    background: #0083d1;
}

.bx-theme-blue.bx-inclinkspersonal-selected {
    background: #3398d7;
}

.bx-inclinkspersonal-item.bx-theme-black:hover {
    background: #303030;
}

.bx-theme-black.bx-inclinkspersonal-selected {
    background: #484848;
}

.bx-inclinkspersonal-item.bx-theme-green:hover {
    background: #44b1c9;
}

.bx-theme-green.bx-inclinkspersonal-selected {
    background: #5cc3d1;
}

.bx-inclinkspersonal-item.bx-theme-red:hover {
    background: #e63c3c;
}

.bx-theme-red.bx-inclinkspersonal-selected {
    background: #e95c5c;
}

.bx-inclinkspersonal-item.bx-theme-yellow:hover {
    background: #f4a52e;
}

.bx-theme-yellow.bx-inclinkspersonal-selected {
    background: #fbb859;
}

.btn-primary,
.list-group-item.active {
    border-color: var(--theme-b-bd-primary);
    background-color: var(--theme-b-bg-primary);
    color: var(--theme-b-tx-primary);
}

.btn-primary:hover {
    border-color: var(--theme-b-bd-primary-hover);
    background-color: var(--theme-b-bg-primary-hover);
    color: var(--theme-b-tx-primary-hover);
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.btn-primary.disabled,
.btn-primary:disabled {
    border-color: var(--theme-b-bg-primary);
    background-color: var(--theme-b-bg-primary);
    color: var(--theme-b-tx-primary);
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
    border-color: var(--theme-b-bd-primary-active);
    background-color: var(--theme-b-bg-primary-active);
    color: var(--theme-b-tx-primary-active);
}

.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

.form-control:focus {
    border-color: var(--theme-color-primary);
    box-shadow: 0 0 0 0.2rem var(--theme-b-sd-primary);
}

a,
.btn-link {
    color: var(--theme-b-link);
}

a:hover,
.btn-link:hover {
    color: var(--theme-b-link-hover);
}

.g-font-size-15 {
    font-size: 15px;
}

.g-font-size-17 {
    font-size: 17px;
}

.g-font-size-20 {
    font-size: 20px;
}

.text-primary {
    color: var(--primary) !important
}

.bg-primary {
    background: var(--primary) !important
}

.border-primary {
    border-color: var(--primary) !important
}

.sidebar h2,
.sidebar h3,
.sidebar h4,
.sidebar h5 {
    text-transform: uppercase;
    font-size: 14px;
    font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar li {
    font-size: 12px;
    font-family: var(--ui-font-family-secondary, var(--ui-font-family-open-sans));
    font-weight: var(--ui-font-weight-semi-bold, 600);
}

.sidebar-icon {
    width: 27px;
    height: 27px;
    margin-right: 5px;
    border-radius: 50%;
    background-color: var(--theme-color-primary);
    background-repeat: no-repeat;
    background-position: center;
}

.sidebar-icon-label {
    background-image: url(images/label.svg);
    background-size: 19px auto;
}

.sidebar-icon-delivery {
    background-image: url(images/delivery.svg);
    background-size: 17px auto;
}

.sidebar-icon-sale {
    background-image: url(images/sale.svg);
    background-size: auto 17px;
}

.sidebar-icon-self {
    background-image: url(images/self.svg);
    background-size: auto 17px;
}

.sidebar-icon-phone {
    background-image: url(images/phone_white.svg);
    background-size: auto 21px;
}

.adress-contacts {
    margin-bottom: 50px;
}

.main_banner {
    width: 100%;
    max-width: 100vw;
    height: 100%;
    position: relative;
    display: flex;

    justify-content: center;
}

.main_banner.__mainpage {
    width: 100%;
    max-width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
    padding: 0;
}

@media (max-width:768px) {
    .main_banner.__mainpage {
        height: calc(100vh - 99px);
    }

    .img-fluid-right svg {
        position: absolute;
        left: auto;
        right: 19px;
        top: -32px;
    }
}

.bx-nav-1-lvl>a span {
    padding: 10px 20px;
}
@media (max-width: 1219.98px) and (min-width: 1025px) {}

.main_slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* border-radius: 5px; */
    height: 100vh;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    padding-left: 72px;
    overflow: hidden;
}

@media (max-width: 1219.98px) and (min-width: 1025px) {
    .main_slide {
        height: 85vh;
        background-size: 100% 100%;
    }

    .main_banner {
        height: 85vh;
    }


.bx-nav-1-lvl>a span {
    padding: 10px 10px;
}
}

@media (max-width: 1024.98px) and (min-width: 769px) {
    .main_slide {
        height: 75vh;
        /* background-size: 100% 100%; */
        background-position: left;
    }

    .main_banner {
        height: 75vh;
    }
}

.main_h1 {
    line-height: 60px;
    text-align: center;
    color: #fff;
    margin-bottom: 42px;
}

@media (max-width:768px) {
    .main_h1 {
        line-height: 40px;
        font-size: 25px;
    }
}

.slider_btn {
    padding: 12px 35px;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    background: #FFFFFF30;
    backdrop-filter: blur(10px);
    text-decoration: none;
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24.8px;
    text-align: center;
    display: flex;
    width: max-content;
    margin: 0 auto;
}

.no_pad {
    padding-left: 0;
    padding-right: 0;
}

.sidebar {
    display: none;
}

.main_slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* border-radius: 5px; */
    height: 100vh;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: left;
    padding-left: 72px;
}

.main_h1 {
    line-height: 60px;
    text-align: center;
    color: #fff;
    margin-bottom: 42px;
}

.slider_btn {
    padding: 12px 35px;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    background: #FFFFFF30;
    backdrop-filter: blur(10px);
    text-decoration: none;
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24.8px;
    text-align: center;
    display: flex;
    width: max-content;
    margin: 0 auto;
}

.no_pad {
    padding-left: 0;
    padding-right: 0;
}

.toggler {
    position: absolute;
    bottom: 100px;
    right: 25px;
    display: flex;
    flex-direction: column;
    height: 200px;
    transform: rotate(-60deg);
}

.toggler_text {
    height: 150px;
}

.toggler_text span {
    transform-origin: bottom center;
    width: 20px;
    height: 185px;
    position: absolute;
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: center;
    color: #FFFFFF66;
    display: block;
    transition: all .2s ease;
}

.toggler_text span.active {
    color: #FFF;
    transition: all .2s ease;
}

.toggler_element1 {
    transform: rotate(-64deg);
    left: 130px;
    top: -6px;
}

.toggler_element2 {
    transform: rotate(-53deg);
    left: 123px;
    top: 4px;
}

.toggler_element3 {
    transform: rotate(-44deg);
    left: 120px;
    top: 8px;
}

.toggler_element4 {
    transform: rotate(-21deg);
    left: 80px;
    top: 34px;
}

.toggler_element5 {
    transform: rotate(-6deg);
    left: 60px;
    top: 38px;
}

.toggler_element6 {
    transform: rotate(6deg);
    left: 48px;
    top: 36px;
}

.toggler_element7 {
    transform: rotate(18deg);
    left: 37px;
    top: 34px;
}

.bx-header {
    width: 100%;
    margin-top: 20px;
    display: flex;
}

.bx-header.bx-header-mainpage {
    position: absolute;
    top: 0;
    padding-top: 20px;

    margin-top: 0;
    width: inherit;
}

.bx-top-nav-container {
    background: #f4f4f4;
    border-radius: 5px;
    padding: 0;
    width: 100%;
}

.bx-header-section {
    width: 100%;
    background: transparent;
}

.second_menu_wrap {
    background: #fff;
    margin-left: 0px;
    margin-right: 0px;
    padding: 16px 8px 10px;
    justify-content: space-between;
    border-radius: 6px;
    background: #FFF;
    box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
}

.bx-nav-1-lvl-link-text.no-pad {
    justify-content: flex-end;
}

.bx-nav-1-lvl-link-text {
    color: #333;
    font-size: 13px;
    font-weight: 500;
    text-transform: none;
    padding-top: 0;
    padding-bottom: 0;
}

#cont_catalog_menu_XEVOpk .bx-nav-list-1-lvl .bx-nav-1-lvl .bx-nav-1-lvl-link-text {
    padding-bottom: 0 !important;
}

.bx-nav-angle-bottom:after,
.bx-nav-angle-bottom:before {
    background-color: #333;
}

.bx-top-nav-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.address {
    font-size: 14px;
    color: #333;
    padding-left: 20px;
}

.work_time {
    font-size: 14px;
    color: #333;
    padding-right: 20px;
}

.order-2 {
    order: 2;
}

.bx-header-phone-block a.phone {
    font-family: "Mulish", sans-serif;
    font-size: 17px;
    font-weight: 600;
    line-height: 21px;
    text-align: right;
    text-decoration: none;
    color: #291883;
}

.bx-header-phone-block a.email {
    font-family: "Mulish", sans-serif;
    font-size: 13px;
    font-weight: 300;
    line-height: 16.32px;
    text-align: right;
    text-decoration: none;
    color: #333;
}


.bx-nav-1-lvl-link {
    padding-top: 0;
    padding-bottom: 0;
}

.order-5 {
    order: 5;
}

#cont_catalog_menu_XEVOpk {
    background: #fff;
}

#bx_basketFKauiI {
    display: flex;
}

.like {
    position: absolute;
    left: 15px;
    top: 25px;
    z-index: 9;
    border-radius: 50%;
    box-shadow: 0px 5px 30px 0px #0000001A;
}

#menu_items_catalog {
    background-color: #291883;
    border-radius: 5px;
    display: flex;
}

#menu_items_catalog:hover a.bx-nav-1-lvl-link {
    background-color: #333;
    border-radius: 5px;
    display: flex;
}

li.hamburger {
    display: none;
}

#menu_items_catalog span {
    color: #fff;
}

#menu_items_catalog .ham {
    width: 40px;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-left: 5px;
}

#menu_items_catalog i {
    display: none;
}

#menu_items_catalog span.bx-nav-2-lvl-link-text,
#menu_items_catalog span.bx-nav-3-lvl-link-text {
    color: #333;
}

#menu_items_catalog .hamburger {
    display: block;
    width: 33px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background: #fff;
    border-radius: 3px;
    z-index: 1;
    transform-origin: 3px 0px;
    padding: 0;
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0), opacity 0.55s ease;
}

#menu_items_catalog:hover .ham {
    padding-left: 0;
    background: #333;
}

#menu_items_catalog:hover .hamburger {
    opacity: 1;
    transform: rotate(45deg) translate(-5px, -20px);
    background: #fff;
}

#menu_items_catalog:hover .hamburger:nth-last-child(2) {
    transform: rotate(-45deg) translate(0, 15px);
}

#menu_items_catalog:hover .hamburger:nth-last-child(3) {
    opacity: 0;
}

#menu_items_catalog:hover span.bx-nav-1-lvl-link-text {
    background: #333;
}

#menu_items_catalog span:first-child {
    transform-origin: 0% 0%;
}

#menu_items_catalog span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

.flex_item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container {
    top: 100%;
}

.search-title-button {
    background-image: url('/local/templates/eshop_bootstrap_v4_copy/components/bitrix/search.title/freedom_search/images/search.png');
    background-repeat: no-repeat;
    background-position: center;
    min-width: 45px;
    height: calc(1.5em + 0.75rem);
    background-color: transparent;
    border: none;
}

#title-search-input {
    padding-left: 50px;
}

.section_top_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 70px 0 30px;
    align-items: center;
}

.to_folder_btn {
    background: #291883;
    border: 1px solid #291883;
    padding: 10px 26px;
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.08px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    height: fit-content;
    border-radius: 5px;
    margin-top: 35px;
    transition: .4s linear all;
}

.to_folder_btn:hover {
    background: #fff;
    border: 1px solid #291883;
    color: #291883;
    transition: .4s linear all;
}

.section_portfolio .to_folder_btn,
.to_folder_btn.brands_seeall {
    background: #291883;
    border: 1px solid #291883;
    padding: 8px 26px;
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.08px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    height: fit-content;
    border-radius: 5px;

    transition: .3s linear all;
}

.to_folder_btn_white {
    background: #fff;
    border: 1px solid #291883;
    padding: 10px 26px;
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.08px;
    text-align: center;
    color: #291883;
    text-decoration: none;
    height: fit-content;
    border-radius: 5px;
    transition: .4s linear all;
}

.to_folder_btn_white:hover {
    background: #291883;
    color: #fff;
    transition: .4s linear all;
}

.catalog-section {
    padding: 0 5%;
}

.w-100 {
    width: 100%;
}

.catalog-sections-list {
    display: none !important;
}

.catalog-section-item-label-container {
    top: 23px;
    right: 0px;
    left: unset;
}

.catalog-section-item-label-text {
    background: #333;
    padding: 3px 8px 3px 12px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.catalog-section-item {
    border: none;
}

.catalog-section-item-slider-image-overlay {
    display: none !important;
}

.catalog-section-item-price {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #333;
}

.slick-prev:before,
.slick-next:before {
    color: #000;
}

.slick-prev {
    left: 0;
}

.slick-next {
    right: 0;
}

.catalog-section-item-slider-block {
    border: none;
}

.catalog-section-item-name,
.catalog-section-item-name a,
.catalog-section-item-name-link {
    color: #333;
    font-size: 14px;
    line-height: 18px;
    font-family: "Mulish", sans-serif;
}

.btn.catalog-section-item-buy-btn {
    background: #fff;
    border: 1px solid #291883;
    color: #291883;
    font-size: 18px;
    line-height: 23px;
    font-family: "Mulish", sans-serif;
    border-radius: 5px !important;
    transition: .4s linear all;
}

.btn.catalog-section-item-buy-btn:hover {
    background: #291883;
    color: #fff;
    transition: .4s linear all;
}

.brands-nav,
.brands {
    display: flex;
    flex-direction: row;
}

.brands-nav img {
    max-width: 200px;
    width: auto;
    height: auto;
}

.brands img {
    max-width: 400px;
    width: auto;
    height: auto;
}

.brands .card {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border: none;
}

.brands-nav .card {
    border: none;
}

.news-list-more {
    margin-top: 27px;
}

.card-img-top {
    margin-bottom: 35px;
    border-radius: 5px;
}

.portfolio .card-text {
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 17.57px;
    text-align: center;
    color: #333;
    text-decoration: none;
}

.designers_wrapper {
    background: #f4f4f4;
    padding: 70px 5%;
    margin: 0 -20px;
}



.designers .card-title {
    font-family: "Princesa";
    font-size: 26px;
    font-weight: 400;
    line-height: 31.2px;
    text-align: center;
    margin: 30px 0 20px;
}

.designers img {
    max-width: 300px;
    height: auto;
}

a {
    text-decoration: none;
}

.card a {
    text-decoration: none;
    display: flex !important;
    align-items: center;
    flex-direction: column;
}



.mb35 {
    margin-bottom: 35px;
}

/* .pic_block {
    margin: 100px 0 70px;
} */

.reviews img {
    max-width: 120px;
    height: auto;
}

.card-name {
    font-family: "Princesa";
    font-size: 18px;
    font-weight: 400;
    line-height: 21.6px;
    text-align: center;
}

.design_wrap {
    display: flex;
    padding: 50px 70px;
    align-items: center;
    justify-content: left;
    background-color: #f4f4f4;
    margin-top: 70px;
    border-radius: 5px;
}

.coop_wrap {
    display: flex;
    padding: 50px 70px;
    align-items: center;
    justify-content: left;
    background-color: #f4f4f4;
    margin-top: 70px;
    border-radius: 5px;
}

.w50 {
    max-width: 50%;
    text-align: left;
}

.salon_wrap {
    display: flex;
    margin: 60px 0;
    justify-content: center;
    background-image: url('/local/templates/eshop_bootstrap_v4_copy/images/Rectangle109.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 600px;
    border-radius: 5px;
}

.plitka_wrap {
    display: flex;
    margin: 40px 0;
    padding: 0;
    align-items: center;
    justify-content: space-between;
}

.plitka-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.plitka-left img,
.plitka-right img {
    border-radius: 6px;
}

.plitka-left p {
    font-size: 18px;
    font-weight: 300;
}

.bx-footer-section {
    background-color: #333;
    padding: 70px 20px 45px;
}


.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

.advert_str {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    width: auto;

    padding: 10px 0;
    background-color: #333;
    color: #fff;
    font-size: 15px;
    font-family: "Mulish", sans-serif;
    border-radius: 5px;
}

.bx-breadcrumb {
    margin-top: 10px !important;

}

#close_advert {
    position: absolute;
    right: 20px;
    cursor: pointer;
}

.interior {
    background-color: #f4f4f4;
    padding: 70px 0 90px;
    margin: 0 -20px;
}

.map {
    margin: 50px 0;
}

.center_btn {
    text-align: center;
    margin-top: 70px;
}

.contacts_address,
.contacts_address a {
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 20.08px;
    text-align: left;
    color: #333;
    margin: 20px 0 13px;
}

.contacts_time,
.contacts_time a {
    font-family: "Mulish", sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 17.5px;
    text-align: left;
    color: #333;
    margin-bottom: 5px;
}

.contacts_address.second_item {
    margin-top: 0px;
}

.contacts_park {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20.08px;
    text-align: left;
    color: #333;
    margin-top: 22px;
    margin-bottom: 30px;
}

.contacts_socials {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: left;
    margin-top: 12px;
}

.contacts_socials img {
    margin-right: 13px;
}

.contacts_block {
    margin-top: 25px;
}

.contacts_block .route .to_folder_btn {
    display: inline-block;
    margin-top: 15px;
}

.footer_copy {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer_copy .politics {
    font-family: "Mulish", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 15.06px;
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
}

.footer_copy .oferta {
    font-family: "Mulish", sans-serif;
    font-size: 12px;
    font-weight: 300;
    line-height: 15.06px;
    text-align: left;
    color: #d1d1d1;
    margin-bottom: 10px;
    max-width: 400px;
}

.bx-footer-section.section_gray {
    background-color: #f4f4f4;
}

.bx-footer-section.section_black {
    background-color: #333;
    padding: 22px 20px 47px;
}

footer h4 {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 20.08px;
    text-align: left;
    color: #333;
}

footer nav ul a {
    font-family: "Mulish", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 20.08px;
    text-align: left;
    color: #696969 !important;
    padding: 7px 0;
}

.notice {
    font-family: "Mulish", sans-serif;
    font-size: 9px;
    font-weight: 300;
    line-height: 11.3px;
    text-align: left;
    margin-top: 9px;
}


.catalog-cart-counter-menu {
    background: #333;
    color: #fff;
    line-height: 15px;
    min-width: 15px;
    height: 15px;
    position: relative;
    top: -10px;
    right: 10px;
    font-size: 10px;
}

.second_menu_wrap .bx-top-nav-container {
    justify-content: center;
}


.stroke_wrapper {
    display: flex;
    flex-direction: column;
}

.btn_wrap {
    display: flex;
    justify-content: left;
    align-items: center;
}

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

.no-pad {
    padding: 0 !important;
}

.second_menu_wrap .bx-nav-1-lvl-link-text {
    font-size: 16px;
}



.workarea {
    display: flex;
    align-items: center;
    margin: 0;
    overflow-x: hidden;
    flex-direction: column;
}

.section_gray {
    display: flex;
    align-items: center;

    flex-direction: column;
}

.section_black {
    display: flex;
    align-items: center;

    flex-direction: column;
}

.footer-top {
    padding: 5px 0 !important;
}

.rate {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: white;
}

.rate-text {
    font-weight: 300;
    font-size: 12px;
}


.rate-votes {
    font-weight: 300;
    font-size: 10px;
    color: #F4F4F4E0;
}

.simular_tags {
    background: #f4f4f4;
    padding: 38px 50px 46px 50px;
    border-radius: 8px;
}

.simular_tags h3 {
    font-family: Princesa;
    font-size: 30px;
    font-weight: 400;
    line-height: 36px;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 20px;
}

.simular_tags_list {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;

    flex-wrap: wrap;
}

a.simular_tag {
    padding: 3px 12px;
    background: #fff;
    margin: 0px 5px 10px 5px;
    display: inline-block;
    border-radius: 4px;
    font-size: 12px;
    cursor: pointer;
}

a.simular_tag:hover {
    color: white;
    background-color: #291883;
    transition: .4s linear all;
}

.contact_row,
.designarchi_wrap,
.text_catalog_wrap {
    margin-top: 70px;
}

.text_catalog_wrap.inters {
    display: flex;
    align-items: center;
    justify-content: center;
}

.simular_tags.inters {
    display: flex;

    padding: 38px 50px 46px 50px;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}

.simular_tags.inters h3 {
    margin-bottom: 0;
}

.map {
    filter: grayscale(1);
}

.architech_block {
    background: url(/bitrix/images/desing.jpg);
    background-position: bottom right;
    background-size: 55%;
    background-repeat: no-repeat;
    background-color: #f4f4f4;
    border-radius: 8px;
    padding: 50px 70px;
}

.text_catalog_item {
    text-align: center;
    padding: 0 136px;
}

.text_catalog_item.inters {
    width: 889px;
    padding: 0;
}

.text_catalog_item span {

    font-size: 13px;
    font-weight: 300;
}

@media (max-width:1024px) {
    .text_catalog_item {
        padding: 0 10px !important;
    }

    .architech_block {
        background-size: 100%;
    }

    .simular_tags {
        padding: 24px 15px;
    }

    .simular_tags h3 {
        margin-bottom: 15px;
    }

    .product-item {
        height: 100% !important;
    }

    .custom-arrows-designers {
        display: none;
    }

    .custom-arrows-portfolio {
        display: none;
    }

    .custom-arrows-news {
        display: none;
    }
    .news-slider-sky-row .custom-arrows-news {
        display: flex;
        position: relative;
    }
    .date {
    background: #333333;
    color: white;
    font-family: Mulish;
    font-style: SemiBold;
    font-size: 11px;
    leading-trim: NONE;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: right;
    vertical-align: middle;
    padding: 3px 8px;
    border-radius: 5px;
    position: absolute;
    right: 0;
    top: 28px;
}

    .custom-arrows-reviews {
        display: none;
    }

    .collaboration-left {
        background: url(/local/templates/eshop_bootstrap_v4_copy/images/des1.png);
        background-position: bottom;
        background-size: 100%;
        height: 410px;

        background-repeat: no-repeat;
        background-color: #f4f4f4;
        border-radius: 8px;
        border: none !important;
        padding: 40px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .w50.colab {
        margin: 0;
        text-align: center !important;
        width: 100% !important;
    }
}

.catalog-desktop {
    display: none;
}

.bx-header-personal {
    height: 100%;
    display: flex !important;
    align-items: center;
}

.bx-searchtitle {
    max-width: 45px;
    width: 100%;
    padding: 0 !important;
    margin-right: 5px;
}

.catalog-btn {
    background-color: #291883;
    color: #fff;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 3px;
    display: flex;
    align-items: center;
    margin-right: 30px;
    border: 1px solid #291883 !important;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

.catalog-btn:hover {
    color: #291883;
    background-color: white;
}

.catalog-btn svg {
    fill: #fff;
    transition: fill 0.3s ease;
}

.catalog-btn:hover svg {
    fill: #291883 !important;
}

.contacts-header {
    margin-bottom: 35px;
}

.interior-wraps {
    margin-top: 50px;
    margin-bottom: 40px;
}

/* .block-text-contacts {
    margin-bottom: 0 !important;
} */

.plitka-left.contacts {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.visible {
    visibility: visible !important;
}

.catalog-desktop {
    display: none;
    /* Скрываем каталог по умолчанию */
    width: 100%;
}

.left-side-int {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* .plitka-left {
    background-image: url('/local/templates/eshop_bootstrap_v4_copy/images/Rectangle111.webp');
    background-size: cover;
    background-repeat: no-repeat;
    height: 350px;
    border-radius: 6px;
    box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
} */

.right-side-int {
    position: relative;
}

.plitka-right {
    position: relative;
    background-image: url('/local/templates/eshop_bootstrap_v4_copy/images/right.webp');
    background-size: cover;
    background-repeat: no-repeat;
    height: 650px;
    border-radius: 6px;
    box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
}

.catalog-desktop.visible {
    display: block !important;
    position: absolute;
    background-color: none;
    z-index: 10;
    left: 0;
    /* Выравнивание по левому краю родителя */

    /* Позиционирование относительно родителя */
    top: 64%;
    /* Меню будет размещаться сразу под родительским элементом */
}

.menu {
    display: flex;
    flex-direction: row;
    line-height: 21.34px;
    border-radius: 5px;
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    height: 800px !important;
    width: 100%;
}

.line {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.submenu .line {
    background: white;
}


.submenu-ul.brands {
    text-align: center;

}

.submenu-ul {
    padding: 0;
}

.submenu-ul.right ul li {
    padding-bottom: 18px;
    padding-top: 0;
}

.submenu-ul.right ul {
    padding: 0;
}

.hidden {
    display: none;
}

.show-more {
    font-weight: 400;
    text-decoration: underline;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.submenu-ul.brands ul {
    justify-content: flex-start;
    padding: 0;
}

.visible {
    display: block;
}

.container-mobile {
    display: none;
    max-height: 653px;
    font-size: 17px;
}

.submenu-ul.brands ul li {

    max-height: none;
    /* Убираем ограничение высоты */
    height: auto;
    padding: 0;
    padding-bottom: 10px;
}

.submenu-ul.brands ul li img {
    background-size: contain;
    max-height: 100%;
    max-width: 100%;
    max-height: 60px;
    /* Высота контейнера */
    max-width: auto;
    /* Пропорциональное масштабирование */
    object-fit: contain;
}



.main-menu {
    display: flex;
    flex-direction: column;
}

.close {
    all: unset;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}


.mobile-button {
    border-top: 1px solid #cacaca;
}

.catalog-desktop {
    display: none;
    /* Скрываем каталог по умолчанию */
    width: 100%;
}

.catalog-desktop.visible {
    display: block !important;
    position: absolute;
    background-color: none;
    z-index: 10;
    left: 0;
    /* Выравнивание по левому краю родителя */

    /* Позиционирование относительно родителя */
    top: 64%;
    /* Меню будет размещаться сразу под родительским элементом */
}

.list-group-item {
    cursor: pointer;
    padding: 8px 7px;
    border: none;

    transition: background-color 0.3s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 5px;
}

.list-group-item:hover {
    background-color: #f4f4f4;
    font-weight: 600;
}

.list-group-item span {
    font-size: 17;
    max-width: 180px;
    width: 100%;
}

/* Стили для подменю */
.submenu {
    background-color: #fdfdfd;

    border-radius: 5px;

    display: none;
}

.submenu ul {
    list-style-type: none;
    padding: 6px 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
}

.submenu ul li {
    font-size: 14px;
    padding-top: 12px;
    color: #555;
    transition: color 0.3s ease;
    font-weight: 300;
    cursor: pointer;
}

/* .submenu ul li:hover {
    color: #007bff;
} */

.submenu {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.menu {
    display: flex;
    flex-direction: row;
    line-height: 21.34px;
    border-radius: 5px;
    background-color: #fff;
    padding: 15px 20px;
}

.line {
    display: flex;
    align-items: center;
    justify-content: center;
}



.submenu-ul.brands {
    text-align: center;

}

.submenu-ul {
    padding: 0;
}

.submenu-ul.right ul li {
    padding-bottom: 18px;
    padding-top: 0;
}

.submenu-ul.right ul {
    padding: 0;
}

.hidden {
    display: none;
}

.show-more {
    font-weight: 400;
    text-decoration: underline;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.submenu-ul.brands ul {
    justify-content: flex-start;
    padding: 0;
}

.visible {
    display: block;
}

.container-mobile {
    display: none;
    max-height: 653px;
    font-size: 17px;
}

.submenu-ul.brands ul li {

    max-height: none;
    /* Убираем ограничение высоты */
    height: auto;
    padding: 0;
    padding-bottom: 10px;
}

.submenu-ul.brands ul li img {
    background-size: contain;
    max-height: 100%;
    max-width: 100%;
    max-height: 60px;
    /* Высота контейнера */
    max-width: auto;
    /* Пропорциональное масштабирование */
    object-fit: contain;
}

.section_contacts_wrap {
    margin-top: 94px;
}

.section_contacts_wrap h2 {
    margin-bottom: 35px;
}

@media (max-width: 1024px) {
    .menu-item-mobile {
        position: relative;

        height: 100%;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        padding: 12px 0px;
        margin: 0 20px;
    }

    .show-more-mobile {
        font-size: 17px;
        font-weight: 700;
    }


    .hidden {
        display: none;
    }

    .menu-item-mobile span {
        padding-left: 12px;

        flex: 2;
    }

    .menu {
        display: none;
    }

    .container-mobile.show {
        display: block;
    }

    .container-mobile {

        width: 100%;
        overflow: hidden;

    }

    .menu-mobile {
        background-color: #fff;
        display: flex;
        transition: 0.3s ease;
        height: 900px;
        border-radius: 6px;
        box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
    }

    .main-menu {
        display: flex;
        flex-direction: column;
        flex: 0 0 100%;
        flex-shrink: 0;
    }

    .mobile-button-escape {
        all: unset;
        /* Сбрасывает все стили кнопки */
        display: flex;
        justify-content: flex-end;
        padding: 12px 20px;
        border: 1px solid #cacaca;
    }

    .menu-mobile-main {
        display: flex;
        transition: 0.3s ease;
        flex: 0 0 100%;
        flex-shrink: 0;
    }

    .sub-sub-menu-mobile {
        display: flex;
        flex-direction: column;
        flex: 0 0 100%;
        flex-shrink: 0;
        box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
    }

    .menu-mobile-main-сatalog {
        display: flex;
        transition: 0.3s ease;
    }

    .mobile-button {
        all: unset;
        /* Сбрасывает все стили кнопки */
        background: none;
        /* Убирает фон */
        border: none;
        /* Убирает границу */
        padding: 12px 0;

        margin: 0 20px;
        /* Убирает внешние отступы */
        font: inherit;
        /* Наследует шрифт от родителя */
        text-align: inherit;
        /* Наследует выравнивание текста */
        cursor: pointer;
    }

    .menu-mobile ul {
        display: flex;
        flex-direction: column;
        list-style-type: none;
        /* Убирает маркеры у списка внутри .sub-menu */
        padding: 0;
        /* Убирает отступы у списка */
        margin: 0;
        /* Убирает внешние отступы */
    }

    li {
        padding: 12px 20px;
        border-top: 1px solid #cacaca;
    }

    .sub-menu-container {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        flex: 0 0 100%;
        flex-shrink: 0;
        box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
    }

    .sub-menu ul {
        list-style-type: none;
        /* Убирает маркеры у списка внутри .sub-menu */
        padding: 0;
        /* Убирает отступы у списка */
        margin: 0;
        /* Убирает внешние отступы */
    }

    .hidden {
        display: none;
    }

    .search-mobile {
        padding: 5px;
    }

    .searchresult-mobile {
        background-color: white;
        border-radius: 8px;
        border: 1px solid #333;
        max-height: 345px;
        height: 100%;

    }

    .container-mobile {
        display: none;
        position: fixed;
        top: 149px;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: auto;
        z-index: 1000000000;
        padding: 20px;
    }

}


.main-menu {
    display: flex;
    flex-direction: column;
}

.close {
    all: unset;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}


.mobile-button {
    border-top: 1px solid #cacaca;
}

.catalog-desktop {
    display: none;
    /* Скрываем каталог по умолчанию */
}

.catalog-desktop.visible {
    display: block !important;
    position: absolute;
    background-color: none;
    z-index: 10111;
    left: 0;
    /* Выравнивание по левому краю родителя */

    /* Позиционирование относительно родителя */
    top: 64%;
    /* Меню будет размещаться сразу под родительским элементом */
}

.container {
    max-width: 1160px !important;
    width: 100%;
}

.container,
.container-fluid {
    padding-left: 20px;
    padding-right: 20px;
}

.second_menu_wrap {
    position: relative;
    overflow: visible !important;
}

body {
    overflow: visible !important;
}

.menus_cat {
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu {
    display: flex;
    flex-direction: row;
    line-height: 21.34px;
    border-radius: 5px;
    background-color: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    height: 800px !important;
    width: 100%;
    z-index: 10111;

}

.slide-out-form {
    position: fixed;
    top: 0;
    right: -520px;
    /* Форма скрыта за пределами экрана */
    width: 520px;
    height: 100%;
    background: white;
    transition: right 0.3s ease-in-out;
    z-index: 1001 !important;
    /* Выше затемненного фона */
}

.slide-out-form.open {
    right: 0;
    /* Форма выдвигается на экран */
}

.form-content {
    padding: 40px;
    position: relative;

    display: flex;
    flex-direction: column;
    height: 100vh;
    /* Растягиваем на весь экран */
    max-height: 100vh;


}

.subscribe-block {
    display: flex;
    gap: 20px;
}

.send-form-designers {
    padding: 183px 40px 138px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.send-form-designers h2 {
    margin-bottom: 16px;
}

#city {
    width: 100%;
}

.send-form-designers h4 {
    margin-bottom: 87px;
    color: #333;
    text-align: center;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.send-form-designers h3 {
    color: #333;
    text-align: center;
    font-family: Princesa;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 30px;
}

.form-content h2 {
    color: #333;
    font-family: Princesa;
    font-size: 34px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    margin-bottom: 16px;
}

.form-send-bottom {
    margin-top: auto;
    align-self: flex-end;
}

.form-content h4 {
    color: #333;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    margin: 0 !important;
}

/* Стили для плейсхолдеров */
input::placeholder {
    color: #696969;
    /* Цвет текста */
    font-family: Mulish, sans-serif;
    /* Шрифт */
    font-size: 14px;
    /* Размер шрифта */
    font-style: normal;
    /* Стиль шрифта */
    font-weight: 400;
    /* Толщина шрифта */
    line-height: normal;
    /* Высота строки */
}

#cooperationForm {
    margin-top: 30px;
}

/* Стили для полей ввода */
input[type="text"],
input[type="tel"],
input[type="email"] {
    display: flex;
    padding: 14px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    color: #333;
    border-radius: 4px;
    background: #F4F4F4;
    border: none;
}


/* Создаем кастомный чекбокс */
input[type="checkbox"]+label {
    position: relative;
    padding-left: 30px;
    /* Отступ для кастомного чекбокса */
    cursor: pointer;
    font-family: Mulish, sans-serif;
    font-size: 14px;
    color: #333;
    display: block;
}

/* Псевдоэлемент для кастомного чекбокса */
input[type="checkbox"]+label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    /* Ширина чекбокса */
    height: 20px;
    /* Высота чекбокса */
    border: 2px solid #291883;
    /* Граница чекбокса */
    border-radius: 4px;
    /* Скругление углов */
    background-color: white;
    /* Фон чекбокса */
    box-sizing: border-box;
}

/* Стили для активного чекбокса */
input[type="checkbox"]:checked+label::before {
    background-color: #291883;
    /* Цвет фона при активном состоянии */
    border-color: #291883;
    /* Цвет границы при активном состоянии */
}

/* Белая галочка при активном состоянии */
input[type="checkbox"]:checked+label::after {
    content: "✔";
    /* Символ галочки */
    position: absolute;
    left: 5px;
    /* Позиция галочки */
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    /* Размер галочки */
    color: white;
    /* Цвет галочки */
}

.coop-inputs label {
    color: #333;
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 6px;
}

.form-send {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.success-message {


    color: #333;
}

.form-send span {
    color: #696969;
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form-send-bottom {
    display: flex;
    flex-direction: column;
    gap: 17px;
    align-items: flex-start;
    margin-top: auto;
    width: 100%;
}

.form-send-bottom button {
    all: unset;
    padding: 12px 138px;
    color: #FFF;
    font-size: 16px;
    border-radius: 4px;
    background: #291883;
}

.form-send span a {
    color: #696969;
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: underline !important;
}

.necessarily-info {
    color: #696969;
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-top: 40px;
}

.coop-inputs {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.close-btn {
    position: absolute;
    top: 43px;
    right: 40px;
    font-size: 24px;
    cursor: pointer;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
}

.form-send-bottom button {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.error-message {
    color: #CA0000 !important;
    font-family: Mulish, sans-serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: none;
    /* По умолчанию скрыто */
}

/* Скрываем стандартный чекбокс */
.custom-checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Создаем кастомный чекбокс */
.custom-checkbox .checkmark {
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    background-color: #fff;
    border: 1px solid #291883;
    /* Синяя рамка */
    border-radius: 2px;
    vertical-align: middle;
    cursor: pointer;
}

/* Стили для активного состояния (когда чекбокс отмечен) */
.custom-checkbox input:checked~.checkmark {
    background-color: #291883;
    /* Синий фон */
    border-color: #291883;
}

/* Создаем галочку */
.custom-checkbox .checkmark::after {
    content: "";
    position: absolute;
    display: none;
    left: 3px;
    top: -1px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 1px 1px 0;
    transform: rotate(45deg);

}

/* Показываем галочку, когда чекбокс отмечен */
.custom-checkbox input:checked~.checkmark::after {
    display: block;
}

.overlays {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 101;
}



#title-search-input {
    background-color: #FFF;
}

.plitka-right {
    position: relative;
}

.svg-fd {
    position: absolute;
    top: 91px;
    left: -17px;
}

/* <? $APPLICATION->IncludeComponent(
"bitrix:search.title",
"freedom_search",
array(
    "NUM_CATEGORIES" => "1",
    "TOP_COUNT" => "5",
    "CHECK_DATES" => "N",
    "SHOW_OTHERS" => "N",
    "PAGE" => SITE_DIR . "search/",
    "CATEGORY_0_TITLE" => GetMessage("SEARCH_GOODS"),
    "CATEGORY_0" => array(
        0 => "iblock_catalog",
        1 => "iblock_content",
    ),
    "CATEGORY_0_iblock_catalog" => array(
        0 => "all",
    ),
    "CATEGORY_OTHERS_TITLE" => GetMessage("SEARCH_OTHER"),
    "SHOW_INPUT" => "Y",
    "INPUT_ID" => "title-search-input",
    "CONTAINER_ID" => "search",
    "PRICE_CODE" => array(
        0 => "BASE",
    ),
    "SHOW_PREVIEW" => "Y",
    "PREVIEW_WIDTH" => "75",
    "PREVIEW_HEIGHT" => "75",
    "CONVERT_CURRENCY" => "Y",
    "COMPONENT_TEMPLATE" => "freedom_search",
    "ORDER" => "date",
    "USE_LANGUAGE_GUESS" => "Y",
    "TEMPLATE_THEME" => "blue",
    "PRICE_VAT_INCLUDE" => "Y",
    "PREVIEW_TRUNCATE_LEN" => "",
    "CURRENCY_ID" => "RUB",
    "CATEGORY_0_iblock_content" => array(
        0 => "all",
    )
),
false
); ?>
<? $APPLICATION->IncludeComponent(
"bitrix:sale.basket.basket.line",
"freedom_personal",
array(
    "PATH_TO_BASKET" => SITE_DIR . "personal/cart/",	// Страница корзины
    "PATH_TO_PERSONAL" => SITE_DIR . "personal/",	// Страница персонального раздела
    "SHOW_PERSONAL_LINK" => "N",	// Отображать персональный раздел
    "SHOW_NUM_PRODUCTS" => "Y",	// Показывать количество товаров
    "SHOW_TOTAL_PRICE" => "N",	// Показывать общую сумму по товарам
    "SHOW_PRODUCTS" => "N",	// Показывать список товаров
    "POSITION_FIXED" => "N",	// Отображать корзину поверх шаблона
    "SHOW_AUTHOR" => "N",	// Добавить возможность авторизации
    "PATH_TO_REGISTER" => SITE_DIR . "login/",	// Страница регистрации
    "PATH_TO_PROFILE" => SITE_DIR . "personal/",	// Страница профиля
),
false
); ?> */
.brands-title {

    color: #333;
    text-align: center;

    /* Заголовок, десктоп */
    font-family: Princesa;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 10px;
}

.brands-subtitile {
    color: #333;
    text-align: center;

    /* подзаголовки блоков */
    font-family: Mulish;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 40px;
}

.menu {
    box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.08);


}

.mobile-menu-header {
    display: none;
}

@media (max-width: 1025px) {

    li {
        padding: 0px !important;
        border-top: none !important;
    }

    .mobile-menu-header {
        display: flex !important;
        flex-direction: column;
        justify-content: center;
        padding: 10px 5px;
        z-index: 1000;
        top: 00px;
        width: 100%;
        position: fixed;
    }

    #pagetitle {
        margin-bottom: 10px !important;
    }

    .main_banner {
        width: 100%;
        max-width: 100vw;
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    .menu {
        display: none !important;
    }

    .burger {
        all: unset;
    }

    .burgerandlogo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
        background-color: #fff;
        border-radius: 6px;
        padding: 6px 12px !important;
    }

    .underheader1 {
        display: none;
        justify-content: center;
        align-items: center;
        text-align: center;
        border-radius: 6px;
        background-color: #333;
        padding: 8px 50px;
        font-size: 14px;
        font-weight: 400;
        color: #fff;
        position: relative;
        width: 100%;
        margin-top: 5px;
        box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.08);
    }

    .underheader1 span {
        flex: 1;
        color: #fff;
    }

    .close-btns {
        all: unset;
    }

    header {
        display: none !important;
    }

    .collaboration-left {
        padding: 40px 40px;
        line-height: 27.61px;
    }

    .collaboration-right img {
        max-height: 326px;
        height: 100%;
        height: auto;
        border-radius: 8px;
    }

    .architech_block {
        background: url(/bitrix/images/desing.jpg);
        background-position: bottom;
        background-size: 100%;
        background-repeat: no-repeat;
        background-color: #f4f4f4;
        border-radius: 8px;
        padding: 40px 40px;
        height: 470px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .architech_block .w50 {
        margin: 15px 0;
    }

    .plitka-left {
        margin-bottom: 10px;
    }
}

@media (max-width:768px) {
    .catalog-section-list {
        display: none;
    }


    #pagetitle {
        color: #333;
        text-align: center;

        /* Заголовок H2, моб */
        font-family: Princesa;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .bx-breadcrumb-item-text {
        color: #333;
        font-family: Mulish;
        font-size: 10px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }


}

.bx-breadcrumb .bx-breadcrumb-item {
    margin-bottom: 0 !important;
}

.mobile-header {
    height: 100%;
}

@media (max-width:767px) {

    .container,
    .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }

    .is_main_page .container,
    .is_main_page .container-fluid {
        padding-left: 5px !important;
        padding-right: 5px !important;
    }

    .second_menu_wrap {
        margin-left: 5px;
        margin-right: 5px;
    }

    .advert_str {
        margin: 0 5px;
        padding: 10px 30px;
        text-align: center;
    }

    #close_advert {
        right: 15px;
    }

    .main_slide {
        padding-left: 0;
    }

    h1 {
        font-size: 30px;
        line-height: 36px;
    }

    .slider_btn {
        font-size: 14px;
    }

    h2 {
        font-size: 30px;
        line-height: 36px;
    }

    h3 {
        font-size: 18px;
        line-height: 21px;
    }

    .to_folder_btn {
        font-size: 15px;
    }

    .section_top_wrap {
        margin: 60px 0;
    }

    .pic_block {
        margin: 60px 0;
    }

    .pic_block img {
        height: 200px;
    }

    .design_wrap,
    .coop_wrap {
        padding: 40px 0;
        justify-content: center;
        align-items: flex-start;
    }

    .slick-prev,
    .slick-next {
        display: none !important;
    }

    .salon_wrap {
        height: 400px;
    }

    .contacts_block {
        margin-top: 22px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contacts_park {
        text-align: center;
        font-size: 14px;
    }

    .bx-footer-section {
        padding: 50px 10px 40px;
    }

    .bx-footer-section.section_black {
        padding: 30px 10px 70px;
    }

    .footer_copy {
        flex-direction: column;
    }

    .contacts_address,
    .contacts_address a {
        font-size: 14px;
        line-height: 18px;
        margin: 20px 0 10px;
    }

    .contacts_address.second_item {
        margin-top: 20px;
        margin-left: 30px;
    }

    .contacts_time.second_item {
        /* margin-left: 30px; */
    }

    .stroke_wrapper {
        /* flex-direction: row; */
        align-items: center;
    }

    .w50 {
        max-width: 75%;
        text-align: center;
        margin: 15px auto;
    }

    h2.text-left {
        text-align: center !important;
    }

    .btn_wrap {
        justify-content: center;
    }

    .map {
        margin-top: 50px !important;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1184px !important;
    }
}

.tags-interiors-wrap {
    display: none;
}

.list-group-item.active {
    color: #333;
    font-family: Mulish;
    font-size: 17px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    /* Белый текст */
    background: #F4F4F4;
}




.coop-banner.sotrud {
    border-radius: 8px;
    height: 320px;
    width: 100%;
    background: url("/local/templates/eshop_bootstrap_v4_copy_copy/images/cooperationBanner.webp") lightgray 50% / cover no-repeat;
}

.coop-banner.designers {
    border-radius: 8px;
    height: 320px;
    width: 100%;
    background: url("/local/templates/eshop_bootstrap_v4_copy_copy/images/designers.webp") lightgray 50% / cover no-repeat;
}

.cooperation-head .h1 {
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.2;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 50px;
    font-family: "Princesa";
    max-width: 432px;
}

.take-conditions {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 170px;
    align-items: flex-start;

}

.take-conditions p {
    margin-bottom: 35px;
    color: #333;
    font-family: Mulish;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.take-conditions button {
    all: unset;
    display: inline-flex;
    padding: 10px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #291883;
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

}

.text-block-coop {
    margin-bottom: 60px;
}

.advantages {

    min-height: 436px;
}

.advantages .section {
    background: #F4F4F4;
    min-height: 436px;
}

.advantages-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.coop-info-blocks {
    display: flex;
    gap: 20px;
}

.coop-info-block {
    display: inline-flex;
    width: 180px;
    min-height: 120px;
    padding-top: 14px;
    padding-left: 20px;
    padding-right: 15px;
    font-size: 13px;
    flex-direction: column;

    align-items: flex-start;
    gap: 8px;
    border-radius: 8px;
    background: #FFF;
}

.coop-info-block span {
    color: #333;

    /* Текст на карточках, мелкий, десктоп */
    font-family: Mulish;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.advantages-left {
    margin-top: 70px;
}

.advantages-right {
    margin-top: 70px;
    margin-bottom: 0px;
}

.advantages-left .about-title-h1 {
    color: #333;

    /* Заголовок, десктоп */
    font-family: Princesa;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-align: left;

}

.coop-info-block div {
    color: #291883;
    font-family: Mulish;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 0;
}

.features-list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    color: #333;
}

.features-list li {
    display: flex;

    margin-bottom: 14px;
    color: #333;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;

}

.features-list svg {
    margin-right: 14px;
    flex-shrink: 0;
}

.advantages .col-6 {
    margin-top: 70px;
}

.advantages {
    margin: 70px 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 0 20px;
    background-color: #f4f4f4;
    /* Выравнивает по экрану */
}

.popular_brands h3 {
    margin-bottom: 35px;
}

.to_folder_btn.brands_seeall {
    margin-top: 35px;
}

.popular_brands {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 94px;
}

.project-block {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    background: #F4F4F4;
    padding-left: 70px;
    background-size: 55% !important;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-top: 48px;
    padding-bottom: 51px;
    /* Тень основная */
    box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
    background-image: url("/local/templates/eshop_bootstrap_v4_copy_copy/images/project.webp");
}

.project-block .h1 {
    margin-bottom: 10px;
    color: #333;

    /* заголовки блоков */
    font-family: Princesa;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.project-block p {
    margin-bottom: 63px;
    max-width: 516px;
}

.btn-prj {
    all: unset;
    display: inline-flex;
    padding: 10px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    background: #291883;
}

.portfolio {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.project {
    margin-bottom: 70px;
}

.card-text {
    color: #333;
    text-align: center;

    /* Текст на карточках, мелкий, десктоп */
    font-family: Mulish;
    font-size: 13px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.brands-slider .card-text {
    margin: 20px 0;
}

.bx-nav-list-1-lvl {
    padding: 0 !important;
}

.bx-nav-1-lvl-link-text {
    color: #333 !important;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.interior-wraps {
    height: 630px;
    background-size: cover;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 6px;
    background-clip: padding-box;
    background-origin: content-box;
    background-image: url('/local/templates/eshop_bootstrap_v4_copy/images/interior.webp');
}


.portfolio {
    margin-bottom: 20px;
}

.bx-nav-1-lvl-link {
    min-width: 116px;
}

.bx-nav-1-lvl-link-text {
    display: flex !important;
    align-items: center !important;
    justify-content: center;
}


.plitka-block {
    margin-bottom: 94px;
}

.icons-subscribe {
    display: flex;
    gap: 20px;
}

.follow-us h2 {
    text-align: center;

}

.follow-us h2 {
    margin-bottom: 25px;
    color: #333;
    text-align: center;
    font-family: Princesa;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.follow-and-subs {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.follow-us {
    margin-bottom: 70px;
}

.project-block.subs {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    border-radius: 8px;
    background: #F4F4F4;
    padding-left: 70px;
    background-size: 65% !important;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-top: 48px;
    padding-bottom: 51px;
    /* Тень основная */
    box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
    background-image: url("/local/templates/eshop_bootstrap_v4_copy_copy/images/subs.webp");
}

.project-block.subs .h1 {
    max-width: 664px;
    color: #333;
    font-family: Princesa;
    font-size: 36px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.project-block.subs p {
    color: #333;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.subscribe-wrap {
    display: flex;
    gap: 15px;
    margin-bottom: 11px;
}

.subscribe-wrap input {
    color: #696969;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding: 10px;
    border-radius: 4px;
    background: #FFF;
    width: 235px;
}

.project-block.subs span {
    color: #696969;
    font-family: Mulish;
    font-size: 9px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.contacts_wrap {
    margin-bottom: 70px;
}

.main_banner {
    padding: 0px 40px;
}

@media (max-width:768px) {
    .subscribe-wrap input {
        width: 100%;
    }

    .advantages-left .about-title-h1 {
        color: #333;
        text-align: center;

        /* Заголовок H2, моб */
        font-family: Princesa;
        font-size: 30px !important;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 0px;
        text-align: left;
    }

    .advantages {
        padding: 0;
    }

    .coop-info-blocks {
        gap: 10px;
    }

    .coop-info-block div {
        color: #291883;
        font-family: Mulish;
        font-size: 40px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .coop-info-block {
        color: #333;

        /* Текст на карточках, мелкий, десктоп */
        font-family: Mulish;
        font-size: 13px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
    }

    .coop-info-blocks {
        flex-wrap: wrap;
        justify-content: center;
        /* Выравнивание элементов по центру */
        align-items: center;
        /* Центрирование по вертикали, если необходимо */
    }

    .advantages-right {
        margin-top: 40px;
        margin-bottom: 70px;
    }

    .project-block {
        padding: 0;
        padding-top: 40px;
        padding-right: 63px;
        padding-left: 63px;
        background-size: 100% !important;
        min-height: 410px;
    }

    .project-block .h1 {
        color: #333;
        text-align: center;

        /* заголовки моб */
        font-family: Princesa;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }


    .main_banner {
        padding: 0 !important;
    }

    .project-block.subs {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-radius: 8px;
        background: #F4F4F4;
        /* padding-left: 70px; */
        background-size: 100% !important;
        padding-right: 26px !important;
        padding-left: 26px !important;
        padding-left: 100%;
        background-repeat: no-repeat;
        background-position: bottom right;
        padding-top: 40px;
        padding-bottom: 241px;
        box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
        background-image: url('/local/templates/eshop_bootstrap_v4_copy_copy/images/subsimgmob.png');
    }

    .subscribe-wrap {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }

    .project-block.subs p {
        width: 100%;
        text-align: center;
        margin-bottom: 35px;
    }

    .project-block.subs .h1 {
        font-size: 30px;
        max-width: 290px;
        width: 100%;
    }
}


.brands-slider-low-wrap {
    position: relative;
    z-index: 10 !important;
}

.take-conditions-button {
    cursor: pointer !important;
    transition: all .3s ease !important;
    border: 1px solid #291883 !important;
}

.take-conditions-button:hover {
    background-color: white;
    color: #291883;
}


.btn-prj {
    cursor: pointer !important;
    transition: all .3s ease !important;
    border: 1px solid #291883 !important;
}

.btn-prj:hover {
    background-color: white;
    color: #291883;
}

.designers {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 70px;
}

.contacts_socials {
    gap: 13px;
}


/* .block-text-contacts {
    color: #333;
    max-width: 534px;

    font-family: Mulish;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
} */


.main_banner {
    height: auto !important;
}

.icons-header {
    display: flex;
}

.project-favorites {
    margin-bottom: 30px;
}

.project-favorites {
    margin-top: 45px;
}

.no-favorites {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.no-favorites svg {
    margin-bottom: 30px;
}

.no-favorites p {
    color: #333;
    text-align: center;
    font-family: Mulish;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
    margin-bottom: 16px;
}

.no-favorites span {
    color: #333;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 45px;
}

.catalog-fav-btn {
    display: flex;
    width: 243px;
    padding: 12px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #FFF;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    border-radius: 4px;
    background: #291883;
    border: 1px solid #291883;
    transition: all .3s ease;
    cursor: pointer;
}

.catalog-fav-btn:hover {
    color: #291883;
    background: white;
}

.menu {
    width: 100%;
}

.submenu-ul h4 {
    color: #333;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 0;
}

.contacts_wrap h2 {
    margin-bottom: 35px;
}

.bottom-menu {
    gap: 20px;
    justify-content: center;
    padding: 8.5px 20px !important;
}

.favorites-svg {
    position: relative;
}

.favorite-counts {
    position: absolute;
}

.favorite-counts {
    position: absolute;
    top: 2px;
    right: 0px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: red;
    color: white !important;
    font-size: 7px;
    flex-shrink: 0;
    text-align: center;
    display: flex;
    justify-content: center;
    border: 2px solid white;
}

.bx-nav-1-lvl.bx-nav-parent {
    height: 30px;
}

.form-send-bottom button {
    width: 100%;
    padding: 12px 0;
    text-align: center;
}


@media (max-width: 767px) {
    .slide-out-form {
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        height: 100%;
        background: white;
        transition: right 0.3s ease-in-out;
        z-index: 10000000;
    }

    .form-content {
        padding: 20px 10px;
    }

    #formTitle {
        color: #333;

        /* Заголовок H2, моб */
        font-family: Princesa;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .close-btn {
        top: 19px;
        right: 10px;
    }

    .bx-wrapper {
        overflow: hidden;
    }
}

.about-p {
    display: flex;
    align-items: center;
    height: 100%;
}

.about-p p {
    color: #333;
    font-family: Mulish;
    font-size: 22px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin: 0;
}

.about-title .h1 {
    margin-bottom: 50px;
    color: #333;

    /* Заголовок, десктоп */
    font-family: Princesa;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.about-title-p {
    margin-bottom: 40px;
}

.team-img {
    background-image: url('/local/templates/eshop_bootstrap_v4_copy_copy/images/team.webp');
    height: 429px;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.about-info-img-right {
    background-image: url('/local/templates/eshop_bootstrap_v4_copy_copy/images/right.webp');
    height: 480px;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    margin-bottom: 54px;
}

.about-info-img-left {
    background-image: url('/local/templates/eshop_bootstrap_v4_copy_copy/images/left.webp');
    height: 480px;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
}

.about-left-img-svg {
    position: relative;
}

.about-left-img-svg svg {
    position: absolute;
    left: 46.65px;
    top: 51.52px;
}

.timeline-slider-wrap {
    margin-bottom: 70px;
}

.about-plitka {
    margin-bottom: 80px;
}

.info {

    width: 100vw;
    margin-left: calc(-50vw + 50%);
    padding: 0 20px;
}

.timeline-slider-wrap {
    background: #F4F4F4;

}

.slider-timeline {
    margin: 80px 0;
}

.team-slider-wrap h1 {
    margin-bottom: 30px;
    text-align: center;
}

.plitka-top {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 20px;
    color: #333;
}

.about-not-blue span {
    color: #291883;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.plitka-bottom {
    display: flex;
    height: 100%;
    justify-content: center;
    gap: 20px;
    flex-direction: column;
    color: #333;
}

.about-title-h1 {
    box-sizing: border-box;
    margin-top: 0;
    line-height: 1.2;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 50px;
    font-family: "Princesa";
    margin-bottom: 30px;
    text-align: center;
}

@media(max-width:768px) {
    .about-title .h1 {
        color: #333;
        text-align: center;

        /* Заголовок H2, моб */
        font-family: Princesa;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 11px;
    }

    .about-p p {
        color: #333;
        text-align: center;
        font-family: Mulish;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 115%;
        /* 20.7px */
        margin-bottom: 50px;
    }

    .team-img {
        height: 180px;
    }

    .plitka-top {
        margin-bottom: 40px;
    }

    .plitka-bottom {
        margin-bottom: 40px;
    }

    .about-info-img-right {
        height: 316px;
    }

    .about-info-img-left {
        height: 316px;
    }

    .timeline-slide-text {
        width: 300px;
    }

    .timeline-slide-image {
        width: 300px;
        height: 183px;
    }

    .timeline-slide-content {
        flex-direction: column;
    }

    .timeline-slide-text span {
        color: #291883;
        font-family: Mulish;
        font-size: 22px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
    }

    .timeline-slide-text h2 {
        color: #333;
        font-family: Princesa;
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .timeline-slide-text p {
        color: #696969;
        font-family: Mulish;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .timeline-slide.slick-active {
        opacity: 1;
        margin-right: 20px;
        /* Отступ справа только у активного слайда */
    }

    .timeline-arrows {
        width: 100%;
    }

    .team-arrows {
        display: none;
    }
}

.bottom-menu {
    z-index: 101 !important;
}

.overlay {
    z-index: 101 !important;
}

/* Стили для кнопки поиска */
.button-search {
    position: relative;
    background: none;
    border: none;
    cursor: pointer;
}

/* Оверлей, который появляется при клике */
.search-overlay {
    display: none;
    /* скрыт по умолчанию */
    position: fixed;
    /* фиксируем оверлей на экране */
    top: 0px;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(51, 51, 51, 0.60);
    z-index: 100;
    /* находится поверх всего */
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
    /* Плавное появление */
    opacity: 0;
    /* Изначально невидим */
}

/* Форма поиска, выдвигающаяся справа */
.search-form-mobile {
    position: fixed;
    top: 0px;
    right: -100%;
    width: 100%;
    height: calc(100% - 70px);
    background-color: white;
    padding: 10px;
    z-index: 100;
    display: flex;
    flex-direction: column;
    align-items: center;
    transition: right 0.3s ease;
    /* Плавное выдвижение */
}

/* Поле ввода */
.search-form-mobile input {
    height: 50px;
    width: 80%;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Стиль для блокировки прокрутки */
body.no-scroll {
    overflow: hidden;
    /* отключаем прокрутку страницы */
}

#search-input-mobile {
    width: 324px;
    height: 40px;
    border-radius: 4px 0px 0px 4px;
    background: #F4F4F4;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #696969;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

#search-results-mobile {
    margin-top: 30px;
    width: 100%;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.search-result-item {
    display: flex;
    align-items: center;
    gap: 16px;
}

.search-result-item img {
    width: 55px;
    height: 45px;
    flex-shrink: 0;
    border-radius: 4px;
}

.search-result-item span {
    color: #333;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.search-result-item a {
    display: flex;
    gap: 16px;
    align-items: center;
}

.search-form-mobile {

    background: #FFF;

    /* Тень основная */
    box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);

}

.search-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-radius: 6px;
    background: #FFF;
    padding: 15px;
    /* Тень основная */
    box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
}

.search-svg {
    display: flex;
}

.search-svg svg {
    flex-shrink: 0;
}

.search-wrap svg {
    flex-shrink: 0;
}

.clear-btn-search-mobile {
    all: unset;
    cursor: pointer;
}

#search-results span {
    color: #333;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}


#search-results strong {
    color: #333;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.search-form-mobile.open {
    right: 0;
    /* Позиция формы поиска, когда она открыта */
    transition: right 0.3s ease;
}

@media(max-width:768px) {
    #search-input-mobile {
        width: 100%;
    }


    .search-svg {
        flex: 1;
    }

}

.container-mobile {
    display: none;
    /* Прочие стили для меню */
    position: fixed;
    top: 128px;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 1000;
    padding: 20px;
}

.container-mobile.show {
    display: block;
    /* Показываем меню, когда добавлен класс show */
}

.lec_img {
    max-width: 100%;
}
@media (max-width: 768px) {
    .menu-item-mobile {
        position: relative;

        height: 100%;
        background-color: #fff;
        display: flex;
        justify-content: space-between;
        padding: 12px 0px;

    }
.lec_img {
    max-width: 100%;
    width: calc(100% - 20px);
    margin: auto;
    display: block;
}
.card-img-top.news-img {
    /* max-width: 360px; */
    /* max-height: 222px; */
    height: 200px;
    object-fit: cover;
    margin: 0;
}
.container-new-slider_skyview .arrows-new-slider {
    display: flex !important;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 430px;
    left: 0;
    z-index: 10;
}
    .show-more-mobile {
        font-size: 17px;
        font-weight: 700;
    }


    .hidden {
        display: none;
    }

    .menu-item-mobile span {
        padding-left: 0px;

        flex: 2;
    }

    .menu-item-mobile svg {
        margin-right: 12px;
    }

    .menu {
        display: none;
    }

    .container-mobile {

        width: 100%;
        overflow: hidden;

    }

    .menu-mobile {

        display: flex;
        transition: 0.3s ease;

        height: 100vh;



    }

    .main-menu {
        display: flex;
        flex-direction: column;
        flex: 0 0 100%;
        flex-shrink: 0;
        border-radius: 6px;
        padding: 20px;
        background-color: white;
    }

    .mobile-button-escape {
        all: unset;
        /* Сбрасывает все стили кнопки */
        display: flex;
        justify-content: flex-end;
        padding: 12px 20px;
        border: 1px solid #cacaca;
    }

    .menu-mobile-main {
        display: flex;
        transition: 0.3s ease;
        flex: 0 0 100%;
        flex-shrink: 0;

    }

    .sub-sub-menu-mobile {
        display: flex;
        flex-direction: column;
        flex: 0 0 100%;
        flex-shrink: 0;
        overflow-y: auto;
        border-radius: 6px;
        padding: 20px;
        background-color: white;
    }

    .menu-mobile-main-сatalog {
        display: flex;
        transition: 0.3s ease;
    }

    .mobile-button {
        all: unset;
        /* Сбрасывает все стили кнопки */
        background: none;
        /* Убирает фон */
        border: none;
        /* Убирает границу */
        padding: 12px 0;
        display: flex;
        align-items: center;
        font: inherit;
        /* Наследует шрифт от родителя */
        text-align: inherit;
        /* Наследует выравнивание текста */
        cursor: pointer;
        text-align: center;
    }

    .mobile-button span {
        flex: 2;
        margin-right: 24px;
    }

    .menu-mobile ul {
        display: flex;
        flex-direction: column;
        list-style-type: none;
        /* Убирает маркеры у списка внутри .sub-menu */
        padding: 0;
        /* Убирает отступы у списка */
        margin: 0;
        /* Убирает внешние отступы */
    }


    .sub-menu-container {
        background-color: #fff;
        display: flex;
        flex-direction: column;
        flex: 0 0 100%;
        flex-shrink: 0;
        border-radius: 6px;
        padding: 20px;
    }

    .sub-menu ul {
        list-style-type: none;
        /* Убирает маркеры у списка внутри .sub-menu */
        padding: 0;
        /* Убирает отступы у списка */
        margin: 0;
        /* Убирает внешние отступы */
    }

    .hidden {
        display: none;
    }

    .search-mobile {
        padding: 5px;
    }

    .searchresult-mobile {
        background-color: white;
        border-radius: 8px;
        border: 1px solid #333;
        max-height: 345px;
        height: 100%;

    }

    .container-mobile {
        padding: 10px;
    }

    .menu-item-mobile a {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .container-mobile li {
        padding: 12px 0px !important;
        border-top: 1px solid #cacaca !important;
        margin: 0 !important;
    }

    .search-overlay {
        display: none !important;
    }

    .workarea {
        display: flex;
        align-items: center;
        margin: 0;
        margin-top: 77px;
        flex-direction: column;
    }

    .is_main_page .workarea {
        margin-top: 0!important;
    }


    .plitka-left img {
        margin-bottom: 10px;
        border-radius: 6px;
    }

    .plitka-right img {
        border-radius: 6px;
    }
}


.main-menu {
    display: flex;
    flex-direction: column;
}

.close {
    all: unset;
    display: flex;
    justify-content: flex-end;
    padding: 10px;
}


.mobile-button {
    border-top: 1px solid #cacaca;
}

.breadcrumb-mobile {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    padding: 0 40px;
    margin-bottom: 30px;
}

.all-category {
    color: #333;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}


.mobile-menu {
    z-index: 1000 !important;
}

.advert_str:hover {
    color: white;

}

.advert_str span:hover {
    color: white;
    opacity: 0.7;
}

.favorites-add {
    z-index: 99 !important;
}

.adress-h2 {
    margin-bottom: 35px;
}

@media(max-width:768px) {
    .adress-h2 {
        margin-bottom: 0px;
    }

    .share {
        font-size: 18px;
    }

    .breadcrumb-mobile {
        padding: 0 10px;
    }
}


.map {
    box-shadow: 0px 5px 30px 0px rgba(122, 122, 122, 0.18);
    border-radius: 6px;
}

.bx-nav-1-lvl-links span:hover {
    color: #291883 !important;
    opacity: 1 !important;
}

.bx-footer {
    padding: 0 !important;
}

footer nav ul li {
    margin-bottom: 10px !important;
}


.active-link {
    color: #291883 !important;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.new-products-sections-list {
    display: inline-flex;
    height: 100%;
    width: 100%;
    padding: 20px 20px 0px 20px;
    flex-direction: column;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 6px;
    background: #F4F4F4;
    gap: 8px;
    color: #333;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.new-products-title {
    text-align: center;
    color: #212529;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    box-sizing: border-box;
    margin-top: 0;
    margin-bottom: 0.5rem;
    line-height: 1.2;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    font-size: 50px;
    font-family: "Princesa";
    text-align: center;
}

/* Кнопка открытия */
.mobile-category-toggle {

    display: none;
    all: unset;
    padding: 4px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #291883;
}

.mobile-category-toggle span {
    color: #FFF;
    text-align: right;
    font-family: Mulish;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

/* Модалка */
.mobile-category-modal {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    background: #fff;
    z-index: 1001;
    overflow-y: auto;

}

button .mobile-category-modal.active {
    display: block;
}

.mobile-category-toggle {
    display: none;
}

@media(max-width:768px) {
    .mobile-category-toggle {
        display: flex;
    }

    .banners {
        height: calc(100% - 24px);
    }
}

.mobile-category-header {
    position: sticky;
    top: 0;
    background: #f5f5f5;
    padding: 12px 16px;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.mobile-category-close {
    background: none;
    border: none;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
}

/* Содержимое с прокруткой */
.mobile-category-content {}



/* Затемнение фона */
.modal-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1000;
}

.modal-overlay.active {
    display: block;
}

.error-404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 110px;
}

.error-404 h1 {
    color: #333;
    text-align: center;

    /* заголовки блоков */
    font-family: Princesa;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
}

.error-404 svg {
    margin-bottom: 43px;
}

.error-404 span {
    color: #333;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    margin-bottom: 45px;
}

.button-catalog {
    display: flex;
    width: 243px;
    padding: 12px 26px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #291883;
    color: #FFF;
    border: 1px solid #291883;
    text-align: center;
    font-family: Mulish;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    transition: all .3s ease;
}

.button-catalog:hover {
    background: white;
    color: #291883;
}

/* Показываем кнопку только на мобилке */
@media (max-width: 768px) {
    .mobile-category-toggle {
        display: block;
    }
}

.name-category-mob svg {
    height: 28px;
    width: 28px;
}

.search-new {
    position: relative;
    z-index: 9999;
}

.search-page .search-new {
    z-index: 2;
}

.search-new__block {
    position: fixed;
    width: calc(100% - 80px);
    height: 100%;
    max-height: 128px;
    background: #fff;
    border-radius: 8px;
    z-index: 9999;
    right: 100%;
    top: 70px;
    padding: 0 40px;
    transition: right .5s;
}

.search-new.full-search .search-new__block {
    max-height: 650px;
}

.search-new__form {
    margin: 40px 0 30px;
}

.search-new__form form {
    border-radius: 8px;
    background: #f4f4f4;
    display: flex;
    align-items: center;
    height: 48px;
}

.search-new__form input {
    flex: 1 1 100%;
    width: 100%;
    outline: none;
}

.search-new__form input::placeholder {
    font-size: 16px;
}

.btn-image-search,
.btn-voice-search,
.search-new__button {
    outline: none;
    border: none;
    background: none;
    padding: 0;
}

.search-new__button {
    margin-left: 10px;
}

.btn-voice-search {
    margin-left: 10px;
}

.search-new .catalog-desktop.visible {
    margin-top: 118px !important;
    top: 0;
    overflow-y: auto;
    overflow-x: hidden;
    height: calc(100% - 118px);
}

.search-new .menu {
    height: 100% !important;
    padding: 0;
    box-shadow: none;
}

.search-new .menus_cat {
    padding: 0 40px;
}

.search-new #mainMenu {
    max-width: 315px;
    width: 100%;
}

.search-new .menu-right {
    left: 407px;
    position: absolute;
    height: 100%;
    width: 80%;
}

.search-new .submenu {
    height: 100%;
}

.search-new .catalog-btn {
    width: 100%;
    max-width: fit-content;
    gap: 10px;
    align-items: center;
    border-radius: 4px;
    padding: 6px 12px;
    margin-right: 10px;
    margin-left: 10px;
    background: #fff;
    color: #333;
    border-color: transparent !important;
    white-space: nowrap;
}

.search-new__items {
    display: flex;
    gap: 30px;
    transition: all .5s;
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.search-new.full-search .search-new__items {
    opacity: 1;
    visibility: visible;
    width: auto;
    height: auto;
}

.search-new__item-result,
.search-new__item.result-list {
    flex: 1 1 calc(50% - 30px);
}

.search-new__item-result {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 530px;
    scrollbar-width: thin;
    scrollbar-color: #b7b7b7 #f4f4f4;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
}

.search-new__item.result-list {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 530px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 20px;
    scrollbar-width: thin;
    scrollbar-color: #b7b7b7 #f4f4f4;
    position: relative;
}

.result-list__item {
    display: flex;
    gap: 10px;
    border-radius: 5px;
    box-shadow: 0 5px 30px 0 rgba(122, 122, 122, 0.08);
    background: #fff;
}

.result-list__img {
    flex: 0 0 140px;
}

.result-list__img img {
    width: 100%;
}

.result-list__block {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    padding: 20px;
    width: 100%;
}

.result-list__name {
    font-weight: 300;
    font-size: 16px;
    color: #333;
}

.result-list__name span {
    font-weight: 700;
}

.result-list__btn {
    align-content: end;
}

.result-list__btn svg path,
.result-list__btn svg rect {
    transition: all .5s;
}

.search-new__list {
    margin-bottom: 30px;
}

.popular-brand__title {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    margin-bottom: 20px;
}

.popular-brand__list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0;
}

.popular-brand__list li {
    background: #f4f4f4;
    border-radius: 4px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    cursor: pointer;
    transition: all .5s;
}

.popular-brand__list li a {
    padding: 6px 16px;
}

.search-new-history,
.popular-items {
    padding: 0;
    margin: 0;
}

.search-new-history li,
.popular-items li {
    padding: 12px 12px 12px 42px !important;
    position: relative;
    font-size: 16px;
    color: #333;
    border-radius: 6px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    transition: all .5s;
}

.search-new-history li:before,
.popular-items li::before {
    content: "";
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.0003 2.29163C5.74313 2.29163 2.29199 5.74276 2.29199 9.99996C2.29199 14.2572 5.74313 17.7083 10.0003 17.7083C14.2575 17.7083 17.7087 14.2572 17.7087 9.99996C17.7087 5.74276 14.2575 2.29163 10.0003 2.29163ZM1.04199 9.99996C1.04199 5.05241 5.05277 1.04163 10.0003 1.04163C14.9479 1.04163 18.9587 5.05241 18.9587 9.99996C18.9587 14.9475 14.9479 18.9583 10.0003 18.9583C5.05277 18.9583 1.04199 14.9475 1.04199 9.99996ZM10.0003 6.04163C10.3455 6.04163 10.6253 6.32145 10.6253 6.66663V9.74108L12.5256 11.6414C12.7697 11.8854 12.7697 12.2812 12.5256 12.5252C12.2815 12.7693 11.8858 12.7693 11.6417 12.5252L9.55838 10.4419C9.44117 10.3247 9.37533 10.1657 9.37533 9.99996V6.66663C9.37533 6.32145 9.65515 6.04163 10.0003 6.04163Z" fill="%23696969"/></svg>');
    background-size: 100%;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 12px;
    translate: 0 -50%;
}

.popular-items li::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill-rule="evenodd" clip-rule="evenodd" d="M9.58366 2.29163C5.55658 2.29163 2.29199 5.55622 2.29199 9.58329C2.29199 13.6104 5.55658 16.875 9.58366 16.875C13.6107 16.875 16.8753 13.6104 16.8753 9.58329C16.8753 5.55622 13.6107 2.29163 9.58366 2.29163ZM1.04199 9.58329C1.04199 4.86586 4.86623 1.04163 9.58366 1.04163C14.3011 1.04163 18.1253 4.86586 18.1253 9.58329C18.1253 11.7171 17.3429 13.6681 16.0494 15.1651L18.7756 17.8913C19.0197 18.1354 19.0197 18.5312 18.7756 18.7752C18.5315 19.0193 18.1358 19.0193 17.8917 18.7752L15.1655 16.049C13.6684 17.3426 11.7174 18.125 9.58366 18.125C4.86623 18.125 1.04199 14.3007 1.04199 9.58329Z" fill="%23696969"/></svg>');
}

.search-new-history li a,
.popular-items li a {
    width: 100%;
}

.search-new-history li span {
    cursor: pointer;
    opacity: 0;
    pointer-events: none;
    transition: all .5s;
    display: flex;
}

.result-list-search {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin: 0 0 30px;
    padding: 0;
}

.result-list-search li {
    background: rgba(51, 51, 51, 0.2);
    border-radius: 4px;
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}

.result-list-search li a {
    padding: 6px 16px !important;
}

.result-items {
    margin: 0 0 30px;
    padding: 0;
}

.result-items li,
.result-list-search li {
    list-style: none;
}

.result-items li:not(:last-child) {
    margin-bottom: 10px;
}

.result-items li a {
    display: flex;
    align-items: center;
    gap: 16px;
}

.result-items li span:first-child {
    flex: 0 0 50px;
}

.result-items li span:first-child img {
    width: 100%;
}

.result-items li span:nth-child(2) {
    font-size: 16px;
    width: 100%;
}

.result-items li span:last-child {
    background: #f4f4f4;
    border-radius: 4px;
    padding: 6px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 16px;
}

.search-new__result-item {
    opacity: 0;
    transition: all .5s;
    height: 0;
}

.search-new.active .search-new__result-item {
    opacity: 1;
    height: auto;
    margin-bottom: 30px;
}

.loader-dots {
    display: flex;
    position: relative;
    gap: 15px;
    justify-content: center;
    margin-bottom: 30px;
}

.loader-dots span {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #696969;
    border-radius: 50%;
    margin-right: 3px;
    animation: blink 1.2s infinite ease-in-out;
}

.loader-dots span:nth-child(2) {
    animation-delay: 0.2s;
}

.loader-dots span:nth-child(3) {
    animation-delay: 0.4s;
}

@keyframes blink {

    0%,
    80%,
    100% {
        opacity: 0;
    }

    40% {
        opacity: 1;
    }
}

.loader-dots {
    display: none;
}

.search-new.active .loader-dots {
    order: 1;
}

.search-new.active .search-new__result-item {
    order: 2;
}

.search-new.active .popular-brand {
    order: 3;
}

.search-new.active .search-new__list {
    order: 4;
}

.result-list__all {
    position: sticky;
    bottom: 0;
    padding: 30px 0;
    background: linear-gradient(360deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.search-new.active .result-list__all {
    opacity: 1;
    visibility: visible;
}

.result-list__all div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 500;
    font-size: 16px;
    border-radius: 4px;
    padding: 7px 20px;
    background: #291883;
    color: #fff;
    border: 1px solid transparent;
    transition: all .5s;
    max-width: 168px;
}

.result-list__all svg path {
    transition: all .5s;
}

@media (any-hover: hover) {

    .search-new-history li:hover,
    .popular-items li:hover {
        background: #f5f5f5;
    }

    .search-new-history li:hover span {
        pointer-events: all;
        opacity: 1;
    }

    .result-list-search li:hover,
    .popular-brand__list li:hover {
        background: #333;
        color: #fff;
    }

    .result-list__all div:hover {
        background: #fff;
        color: #291883;
        border-color: #291883;
    }

    .result-list__all:hover svg path {
        fill: #291883;
    }

    .result-list__item:hover .result-list__btn svg rect:first-child {
        fill: #291883;
    }

    .result-list__item:hover .result-list__btn svg path {
        fill: #fff;
    }
}

.search-page .search-new__result-item {
    opacity: 1;
    height: auto;
}

.result-value {
    font-weight: 400;
    font-size: 14px;
    text-align: right;
    color: #696969;
    margin-bottom: 30px;
}

.custom-radio-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.custom-radio {
    display: flex;
    align-items: center;
    cursor: pointer;
    user-select: none;
    position: relative;
    font-size: 16px;
    color: #333;
}

.custom-radio input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.custom-radio__box {
    width: 20px;
    height: 20px;
    flex: 0 0 20px;
    border: 1px solid #333;
    border-radius: 50%;
    margin-right: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s ease;
}

.custom-radio input:checked+.custom-radio__box {
    border-color: #291883;
    background: #291883;
}

.custom-radio__text {
    line-height: 130%;
}

.search-filter .catalog-subsections.open {
    opacity: 1;
    visibility: visible;
}

.catalog-section-list-item.brand .catalog-subsections.open {
    padding: 10px 30px 10px 10px;
    max-width: 180px;
}

.catalog-section-list-item.country .catalog-subsections.open {
    width: 100%;
}

.search-filter .catalog-subsections {
    box-shadow: 0 5px 30px 0 rgba(122, 122, 122, 0.08);
    background: #fff;
    border-radius: 6px;
    position: absolute;
    z-index: 100;
    margin: 10px 0 0;
    padding: 10px;
    opacity: 0;
    visibility: hidden;
    max-height: 319px;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: #b7b7b7 #f4f4f4;
    transition: all .5s;
}

.search-filter .catalog-section-list-title {
    display: flex;
    gap: 6px;
    align-items: center;
    margin-bottom: 0;
}

.search-filter .catalog-section-list-item {
    max-width: fit-content;
    position: relative;
    list-style: none;
}

.filter-price {
    padding-bottom: 10px;
}

.filter-price .range-container {
    position: relative;
    width: 250px;
}

.filter-price .range-container::before {
    content: "";
    top: 28px;
    background: #cacaca;
    height: 2px;
    position: absolute;
    width: 100%;
    border-radius: 3px;
}

.filter-price input[type=range] {
    -webkit-appearance: none;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    position: relative;
    z-index: 2;
    pointer-events: none;
}

.filter-price input[type=range]:first-of-type {
    top: -13px;
}

.filter-price input[type=range]:last-of-type {
    bottom: 1px;
}

.filter-price input[type=range]::-webkit-slider-thumb {
    top: 32px;
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    background: #f4f4f4;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    border: 1.50px solid #333;
    pointer-events: all;
}

.filter-price input[type=range]:last-of-type::-webkit-slider-thumb {
    top: -4px;
}

.filter-price .track {
    position: absolute;
    height: 2px;
    background: #333;
    border-radius: 3px;
    top: 60%;
    transform: translateY(-50%);
    z-index: 1;
}

.filter-price .range-label {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.filter-price .input-value {
    width: 120px;
    font-weight: 300;
    font-size: 14px;
    color: #333;
    padding: 6px 10px 6px 35px;
    border: 1px solid #cacaca;
    border-radius: 4px;
    position: relative;
}

.filter-price .input-value::before {
    position: absolute;
    left: 10px;
    top: 50%;
    translate: 0 -50%;
    font-weight: 300;
    font-size: 14px;
    color: #696969;
}

.filter-price .input-value:first-child::before {
    content: "от";
}

.filter-price .input-value:last-child::before {
    content: "до";
}

.filter-price .input-value input {
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
    font-weight: 300;
    font-size: 14px;
}

.catalog-section-list-item.price .catalog-subsections {
    max-width: 270px;
}

.search-filter {
    display: flex;
    gap: 60px;
    margin-bottom: 30px;
    padding: 0;
}

.filter-result {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

.filter-result__item,
.filter-result__button {
    border-radius: 4px;
    padding: 6px 10px;
    font-size: 14px;
}

.filter-result__item {
    background: #f4f4f4;
    display: flex;
    align-items: center;
    gap: 16px;
}

.filter-result__item span:last-child {
    cursor: pointer;
}

.filter-result__button {
    border: 1px solid #333;
    font-weight: 500;
    background: #fff;
}

.search-overlay {
    z-index: 110;
}

.image-search__top {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    margin-bottom: 26px;
}

.image-search__block.block-image {
    border: 1px dashed #b7b7b7;
    border-radius: 8px;
    padding: 30px;
    background: #f4f4f4;
}

.image-search__link {
    background: #f4f4f4;
    border-radius: 4px 0 0 4px;
    padding: 6px 16px;
    position: relative;
    padding-right: 78px;
}

.image-search__items {
    display: flex;
    gap: 60px;
    justify-content: space-between;
    align-items: center;
}

.image-search__block.block-image,
.image-search__link {
    flex: 1 1 48%;
}

.block-image__icon {
    flex: 0 0 40px;
}

.block-image__top {
    font-size: 16px;
    color: #696969;
    gap: 17px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.block-image__text span:last-child {
    display: none;
}

.block-image__btns {
    gap: 20px;
    display: flex;
}

.block-image__btns button {
    border: 1px solid #291883;
    border-radius: 4px;
    padding: 7px 26px;
    font-weight: 500;
    font-size: 16px;
    outline: none;
}

.search-page .block-image__btns button {
    font-size: 14px;
}

.block-image__file {
    background: #291883;
    color: #fff;
}

.block-image__buffer {
    color: #291883;
}

.image-search__link input {
    width: 100%;
}

.image-search__link button {
    outline: none;
    border: none;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 16px;
    translate: 0 -50%;
}

.image-search__title {
    font-weight: 700;
    font-size: 16px;
}

.search-new.image-search-active .search-new__items,
.search-new__image.image-search,
.search-new.voice-search-active .search-new__items,
.search-new__voice.voice-search {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

.search-new.image-search-active .search-new__image.image-search,
.search-new.voice-search-active .search-new__voice.voice-search {
    opacity: 1;
    visibility: visible;
    width: auto;
    height: auto;
}

.image-search__close,
.voice-search__close {
    cursor: pointer;
}

.search-new.image-search-active .search-new__block {
    max-height: 378px;
}

.search-new.voice-search-active .search-new__block {
    max-height: 257px;
}

.voice-search .image-search__top {
    justify-content: end;
    margin: 0;
}

.voice-search__items {
    display: flex;
    gap: 30px;
    align-items: center;
}

.voice-search__text {
    font-weight: 700;
    font-size: 16px;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.search-new__voice.voice-search.voice-active .voice-search__text {
    opacity: 1;
    visibility: visible;
}

.voice-search__icon {
    cursor: pointer;
}

.voice-search__icon svg rect,
.voice-search__icon svg path {
    transition: all .5s;
}

.search-new__voice.voice-search.voice-active .voice-search__icon svg rect {
    fill: #291883;
}

.search-new__voice.voice-search.voice-active .voice-search__icon svg path {
    fill: #fff;
}

.search-new__close {
    display: none;
}

.search-new__clear {
    outline: none;
    border: none;
    background: none;
    opacity: 0;
    visibility: hidden;
    width: 0;
    transition: opacity .5s;
}

.search-new.active .search-new__clear {
    opacity: 1;
    visibility: visible;
    width: auto;
}

.filter-block__btn {
    display: none;
}

.modal-filter__top,
.modal-filter__bottom {
    display: none;
}

.show-more-btn {
    display: none;
}

.search-page .image-search,
.search-page .voice-search {
    position: absolute;
    z-index: 101;
    background: #fff;
    padding: 20px;
    width: 100% !important;
    top: 0;
    box-shadow: 0 5px 30px 0 rgba(122, 122, 122, 0.08);
    transition: top, opacity .5s;
}

.search-page .search-new.image-search-active .search-new__image.image-search,
.search-page .search-new.voice-search-active .search-new__voice.voice-search {
    top: 70px;
}

.modal-filter__btns {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.modal-filter__btn {
    background: #291883;
    border: 1px solid #291883;
    outline: none;
    font-weight: 500;
    font-size: 15px;
    line-height: 120%;
    color: #fff;
    border-radius: 4px;
    padding: 10px 26px;
}

.modal-filter__btn.modal-filter__clean {
    background: transparent;
    color: #291883;
}

@media (max-width: 1360.98px) {
    .image-search__items {
        flex-direction: column;
        align-items: start;
        gap: 30px;
    }

    .search-new.image-search-active .search-new__block {
        max-height: 560px;
    }

    .search-new__block {
        padding: 0 20px;
    }
}

@media (max-width: 1024.98px) {
    .search-new__block {
        top: 0;
        width: 100%;
        max-height: 100%;
        border-radius: 0;
        padding: 0 10px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .search-new .search-new__catalog,
    .search-new .search-new__button {
        display: none;
    }

    .search-new__close {
        display: block;
        font-weight: 700;
        font-size: 14px;
        color: #291883;
        background: none;
        border: none;
        outline: none;
    }

    .search-new__form {
        display: flex;
        align-items: center;
        gap: 16px;
        margin: 20px 0 30px;
    }

    .search-new__form form {
        margin: 0;
        padding-right: 10px;
        width: 100%;
    }

    .search-new__items {
        flex-direction: column;
    }

    .search-new__item-result,
    .search-new__item.result-list,
    .search-new.image-search-active .search-new__block,
    .search-new.voice-search-active .search-new__block {
        max-height: 100%;
    }

    .search-new-history li span {
        opacity: 1;
        pointer-events: all;
    }

    .search-new__item.result-list {
        border-top: 1px solid #cacaca;
        padding-top: 30px;
    }

    .result-list__block {
        flex-wrap: wrap;
    }

    .result-list__name {
        flex: 1 1 100%;
    }

    .result-list__btn {
        justify-content: end;
        display: flex;
        width: 100%;
    }

    .search-new.image-search-active .search-new__items,
    .search-new__image.image-search,
    .search-new.voice-search-active .search-new__items,
    .search-new__voice.voice-search {
        display: none;
    }

    .search-new.image-search-active .search-new__image.image-search,
    .search-new.voice-search-active .search-new__voice.voice-search {
        display: block;
    }

    .block-image__buffer {
        display: none;
    }

    .block-image__file {
        width: 100%;
    }

    .image-search__block.block-image,
    .image-search__link {
        flex: 1 1 100%;
        width: 100%;
    }

    .block-image__text span:first-child {
        display: none;
    }

    .block-image__text span:last-child {
        display: block;
    }

    .block-image__btns button {
        font-size: 15px;
    }

    .search-new.active .search-new__list {
        margin-bottom: 0;
    }

    .search-new.active .btn-image-search,
    .search-new.active .btn-voice-search {
        display: none;
    }

    .search-page .result-list-search {
        flex-wrap: nowrap;
        overflow: auto;
        margin: 0;
    }

    .search-page .search-new__result-item {
        margin-bottom: 30px;
    }

    .search-page .result-list-search li {
        font-size: 14px;
        white-space: nowrap;
    }

    .search-page .result-list-search li a {
        padding: 4px 16px;
    }

    .filter-block__btn {
        display: flex;
        align-items: center;
        gap: 10px;
        font-weight: 600;
        font-size: 14px;
        color: #fff;
        border-radius: 4px;
        padding: 4px 10px;
        background: #291883;
        border: none;
        outline: none;
    }

    .filter-block {
        display: flex;
        gap: 20px;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .result-value {
        margin: 0;
    }

    .filter-block__modal {
        position: fixed;
        width: 100%;
        height: 100%;
        background: #fff;
        z-index: 9999;
        top: 0;
        right: -100%;
        padding-top: 80px;
        padding-bottom: 120px;
        overflow-y: auto;
        overflow-x: hidden;
        transition: all .5s;
    }

    .filter-block__modal.active {
        right: 0;
    }

    .search-filter {
        flex-direction: column;
        margin: 0;
        padding: 0 15px;
        gap: 0;
    }

    .modal-filter__top {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 18px;
        background: #f4f4f4;
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 9;
    }

    .modal-filter__bottom {
        position: fixed;
        bottom: 0;
        z-index: 100;
        width: 100%;
        padding: 18px;
        background: #f4f4f4;
        display: block;
    }

    .modal-filter__close {
        position: absolute;
        right: 5px;
        top: 50%;
        translate: 0 -50%;
    }

    .search-filter .catalog-section-list-item {
        width: 100%;
        max-width: 100%;
        padding: 20px 0 !important;
        border-bottom: 1px solid #cacaca;
    }

    .search-filter .catalog-subsections {
        height: 0;
        max-height: 100%;
        padding: 0;
        margin: 0;
        position: relative;
        box-shadow: none;
    }

    .search-filter .catalog-subsections.open {
        height: auto;
        padding-top: 20px;
    }

    .catalog-section-list-item.brand .catalog-subsections.open {
        padding: 20px 0 0;
        max-width: 100%;
    }

    .custom-radio__box {
        border-radius: 4px;
    }

    .show-more-btn {
        font-weight: 400;
        font-size: 16px;
        text-decoration: underline;
        color: #291883;
        display: block;
        max-width: fit-content;
        background: none;
        border: none;
        outline: none;
        padding: 0;
    }

    .catalog-section-list-item.brand .custom-radio-list .custom-radio {
        display: none;
    }

    .catalog-section-list-item.brand .custom-radio-list .custom-radio.visible {
        display: flex;
    }
}

.product-item-price-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
}

.product-item-price-block .product-item-btn {
    background: no-repeat;
    border: none;
    outline: none;
    position: relative;
}

.product-item-price-block .product-item-btn .product-item-value {
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #CA0000;
    font-size: 8px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 9px;
    top: 4px;
}

.product-labels {
    position: absolute;
    top: 23px;
    right: 0;
    z-index: 12;
    display: flex;
    flex-direction: column;
    gap: 6px;
    align-items: end;
}

.product-labels .label-stock {
    position: static;
}

.product-labels .label-discount {
    background: #9d0000;
    border-radius: 4px 0 0 4px;
    padding: 3px 8px 3px 12px;
    font-weight: 600;
    font-size: 14px;
    color: #fff;
}

.product-item-price {
    display: flex;
    gap: 15px;
}

.product-item-price .old-price {
    text-decoration: line-through;
    color: #c2c2c2;
}

.product-item-price-block .product-item-price {
    font-size: 14px;
}

@media (max-width: 390.98px) {
    .product-item-price-block .product-item-price {
        font-size: 12px;
    }
}

@media (max-width: 768.98px) {
    .search-new.full-search .search-new__block {
        max-height: calc(100% - 70px);
    }
}

.search-page .search-new .catalog-desktop.visible {
    height: auto;
    margin-top: 58px !important;
}

.search-page .search-new .menus_cat {
    padding: 0;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 100;
}

.product_slider_similar {
    padding-bottom: 50px;
}

.product_slider_similar .slider_arrow {
    position: absolute;
    bottom: 0;
}

.product_slider_similar .next_arrow {
    right: 0;
}

.product_slider_similar .prev_arrow {
    left: 0;
}

.btn.btn-link {
    padding: 8px 23px;
    text-decoration: none;
    text-align: center;
    border: 1px solid #291883;
    font-size: 14px;
    font-weight: 500;
    color: #291883 !important;
}

.btn.btn-link:hover {
    background-color: #291883;
    color: white !important;
    transition: .3s linear all;
}

.section_popular_brands {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.brands-slider .slick-track {
    padding-bottom: 20px;
}

/* .brands-slider-low .slick-slide {
    opacity: 0.3 !important;
    transition: opacity 0.3s ease !important;
} */

.section_interior_goods {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 94px;
    background-color: #F4F4F4;
    ;
    padding-bottom: 94px;
    /* Отступ сверху */
    padding-top: 70px;
    /* Отступ снизу */
}

.section_new_brands {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.section_sales_expos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 70px;
}

.pic_block {
    border-radius: 6px;
}

.section_picture_fluid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 94px;
    background-color: #fff;
    ;
}


.section_new_brands h2 {
    margin-bottom: 35px;

}

.section_designers_and_architechtors {
    margin-top: 94px;
}

.section_sales_expos a {
    margin-top: 15px;
}

.section_new_brands a {
    margin-top: 15px;
}

.section_interior_goods h2 {
    margin-bottom: 35px;
}

.section_interior_goods .to_folder_btn {
    margin-top: 15px;
}
span.label-arh {
    position: absolute;
    text-align: center;
    width: 115px;
    background: black;
    color: white;
    padding: 3px 8px 3px 12px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 4px;
    background: #333;
    color: #FFF;
    text-align: right;
    font-family: Mulish;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    z-index: 99;
    top: 120px;
    left: 0;
    right: 0;
    margin: auto;
    opacity: 1;
}
span.banner_archive {
    position: absolute;
    right: 50px;
    top: 50px;
    background: white;
    border-radius: 4px;
    color: black;
    padding: 5px 20px;
    font-family: Mulish;
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    z-index: 99;
}
.banner {
    position: relative;
}

.skyview .container {
    bottom: 0;
    position: absolute;
    padding: 40px;
        top: 140px;
    margin: auto;
    height: fit-content;
}
.skyview .slider_btn {
    padding: 12px 35px;
    border-radius: 5px;
    border: 1px solid #fff;
    color: #fff;
    background: #FFFFFF30;
    backdrop-filter: blur(10px);
    text-decoration: none;
    font-family: "Mulish", sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 24.8px;
    text-align: center;
    display: flex
;
    width: max-content;
    margin-top: 70px;
    margin-left: 20px;
}
.skyview .main_slide .main_h1 {
        line-height: 4rem;
    text-align: left;
    color: #fff;
    margin-bottom: 42px;
    font-size: 3.5rem;
    margin-left: 20px;
    max-width: 40vw;
    width: initial;
}
.skyview .main_slide p {
    font-size: 1.5rem;
    line-height: 2rem;
    color: white;
    font-weight: 300;
    /* width: 600px; */
    margin-left: 20px;
        max-width: 50vw;
    width: initial;
}
 .text_block_1 {
        align-content: end;
    border-bottom: 1px solid #696969;
    padding: 0;
}
.img_block_1 {
    max-width: 100%;    
    padding-left: 40px;
}
.img_block_2 {
    max-width: 100%;    
    padding-right: 40px;
}
.text_img_block_1 {
    font-size: 16px;
    font-weight: 300;
    padding: 100px 40px 0;
}
.text_img_block_2 {
    font-size: 16px;
    font-weight: 300;
    padding: 100px 40px 0;
        margin-bottom: 60px;
}
.news-slider-sky, .sky {
    padding: 0;
}
@media (max-width: 1700px) {
    .skyview .main_slide .main_h1 {
        line-height: 5rem;
        text-align: left;
        color: #fff;
        margin-bottom: 42px;
        font-size: 4rem;
        margin-left: 20px;
        max-width: 50vw;
        width: initial;
    }
    .skyview .main_slide p {
        font-size: 1.5rem;
        color: white;
        font-weight: 300;
        /* width: 600px; */
        margin-left: 20px;
        max-width: 55vw;
        width: initial;
    }
}
@media (max-width: 1200px) {
    .skyview .main_slide .main_h1 {
        line-height: 4rem;
        text-align: left;
        color: #fff;
        margin-bottom: 42px;
        font-size: 3rem;
        margin-left: 20px;
        max-width: 50vw;
        width: initial;
    }
    .skyview .main_slide p {
        font-size: 1.5rem;
        color: white;
        font-weight: 300;
        /* width: 600px; */
        margin-left: 20px;
        max-width: 55vw;
        width: initial;
    }
}
@media (max-width: 768px) {
    .skyview .main_slide .main_h1 {
        line-height: 46px;
        text-align: left;
        color: #fff;
        /* margin-bottom: 42px; */
        margin: 0 20px 42px;
        font-size: 36px;
        margin-left: initial;
        max-width: 100vw;
        width: initial;
    }


.skyview .container {
    bottom: 0;
    position: absolute;
    padding: 40px;
        top: 0px;
    margin: auto;
    height: fit-content;
}
    .news-slider-sky .card-img-top.news-img {
        height: initial;
        max-width: 100vw;
        object-fit: cover;
        margin: 0;        padding: 0;
        border-radius: 10px;
    }
    .skyview .main_slide p {
        font-size: 20px;
        color: white;
        font-weight: 300;
        /* width: 600px; */
        margin-left: initial;
        max-width: 100vw;
        width: initial;
    }
 .text_block_1 {
        align-content: end;
        border-bottom: initial;
        padding: 0;
}
.img_block_1 {
    max-width: 100%;    
    padding-left:initial;
}
.img_block_2 {
    max-width: 100%;    
    padding-right:initial;
}
.skyview .slider_btn {
        padding: 10px 25px;
        border-radius: 5px;
        border: 1px solid #fff;
        color: #fff;
        background: #FFFFFF30;
        backdrop-filter: blur(10px);
        text-decoration: none;
        font-family: "Mulish", sans-serif;
        font-size: 1rem;
        font-weight: 400;
        line-height: 20.8px;
        text-align: center;
        display: flex
;
        width: max-content;
        margin-top: 70px;
        margin-left: initial;
    }
.text_img_block_2 {
    flex-flow: column-reverse;
}
}