/* Start:/local/templates/idbi/components/bitrix/breadcrumb/bread/style.min.css?1792148708467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/local/templates/idbi/components/bitrix/news/showrooms/bitrix/news.list/.default/style.css?179215643316827*/
:root {
        --border-dark-gray: #2B2B2B;
        /* fonts color*/
        --font-black: #1F1F1F;
        --font-blue: #757575;
        --font-gray:#757575;
        --font-gray2: #514F4F;
        --font-error: #DB5234;
        --light-blue: #94D4FF;

        /* tab */
        --tabs-container-gap: 16px;
        --tabs-border-radius: 8px;
        --tabs-hoover-bg: #6EC1F90F;
        --blur-box: #2B2B2BCC;

        /* grid */
        --splitted_container-filters: 32px;
        --grid_wrapper-gap: 24px;
        --fr4: repeat(4, 1fr);
        --fr3: repeat(3, 1fr);

        /* box-shadow */
        --box-shadow: 0px 1px 3px 1px #00000026,
        0px 1px 2px 0px #0000004D;

        /* icons */
        --icons-primary-blue: #4daceb;
        --primary-hover: #3A9BD9;
        --border-input: #DFDFDF;
        --border-for-border: #4daceb;
        --surface-hover: #F5F5F5;
        --text-black: #1F1F1F;
        --icon-card-red: #F15F30;

        /* background */
        --background-block: #F9F9F9;
        --bg_block: #F4F4F4;
        --bg-peach:#FFF4F4;
        --bg-orange:#E5833C;
}
*{
        padding: 0;
        margin: 0;
	color:black;
}

/* Базовые стили */
.showroom_textbox{
	color: black;
max-width: 1120px !important;

}
.container-ng {
        display: flex;
        margin: 0;
        width: 100%;
        justify-content: center;
        max-width: 1680px;
       /* padding: 0 18px;*/
        @media(max-width: 800px){
                margin: 60px auto 0;
        }
        @media(max-width: 480px){
                margin: 40px auto 0;
        }
}
h2 {
    margin: 1em 0;
}
.ng-zero{
/*        margin-top:0!important;
        @media(max-width: 480px){
                margin-top: 0!important;
        }*/
}

.ng-first {
        margin-top: 37px;
        @media(max-width: 480px){
                margin-top: 16px;
        }
}
.wrapper_container{
        display: flex;
        flex-direction: column;
        width: 100%;
}


h1.h1-title,
h2.h1-title,
.h2-title-header {
        font-family: Inter;
        font-weight: 600!important;
        font-size: 36px;
        line-height: 110%;
        color: var(--font-black);
		margin-bottom: 2em;
}
.brand_offer .h2-title-header{
        font-weight: 500!important;
}
.h2-title {
        font-family: Roboto!important;
        font-size: 26px;
        line-height: 100%;
        color: var(--font-black);
}

.h2-title.start {
        text-align: start;
}

.h2-title.center {
        justify-content: center;
        width: 100%;
}
.text-center{
        text-align: center;
}


.h2-title-block .subtitle,
.block_title-normal .subtitle{
        font-family: Roboto;
        font-weight: 400;
        font-size: 20px;
        line-height: 140%;
        color: var(--font-gray2);
}
.h2-title-block .subtitle{
        font-size:16px;
}

.h3-title,
.h3-title h3 {
        font-family: Roboto;
        font-weight: 500;
        font-size: 26px;
        line-height: 100%;
        color: var(--font-black);
}
h4.h4-title,
h3.h4-title{
        font-family: Inter;
        font-weight: 500;
        font-style: Medium;
        font-size: 18px;
        line-height: 100%;
        letter-spacing: 0%;
}



.text-small{
        font-family: Roboto;
        font-weight: 400;
        font-style: Regular;
        font-size: 14px;
        line-height: 140%;
}
.h5-title{
        font-family: Roboto;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
        @media(max-width: 800px){
                font-size: 14px;
        }
}
.text_wrapper__block{
        display: flex;
        flex-direction: column;
}


/* Цвета текста */
.white { color: white; }
.black { color: var(--font-black)!important; }
.gray { color: var(--font-gray2)!important; }
.gray2 { color: var(--font-gray2)!important; }
.blue { color: var(--font-blue)!important; }
.light-blue { color: var(--light-blue)!important; }

.blue.link {
        color: var(--font-blue);
        text-decoration: underline;
}

/* Блоки с текстом */


/* Списки преимуществ */

.through{
        color: var(--font-gray2);
        text-decoration: line-through;
}
.product_art_in_list{
        display: flex;
        gap: 4px;
        align-items: center;
        cursor: pointer;
        font-family: Roboto;
        font-weight: 400;
        font-style: Regular;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        text-align: right;
        vertical-align: middle;
        text-decoration: underline;
        text-decoration-style: solid;
        text-decoration-offset: 0%;
        text-decoration-thickness: 0%;
        color:var(--font-gray);
}

/* Сетки */
.grid_wrapper.fr4 {
        display: grid;
        gap: var(--grid_wrapper-gap);
        grid-template-columns: var(--fr4);
        height: fit-content;
}

.grid_wrapper.fr3 {
        display: grid;
        gap: var(--grid_wrapper-gap);
        grid-template-columns: var(--fr3);
        height: fit-content;
}
.showroom_brand__offer .grid_wrapper.fr4{
        margin-top: -16px;
}

.fr2 {
        grid-template-columns: 1fr 1fr;
}

/* showroom_child */
.showroom_textbox .title-text_wrapper h2.h3-title{
        font-family: Roboto;
        font-weight: 500;
        font-style: Medium;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
}

.showroom_textbox .title-text_wrapper{
        display: flex;
        flex-direction: column;
        gap: 12px;

        @media(max-width: 800px){

        }
        @media(max-width: 480px){

        }
}
.showroom_textbox .contact_wrapper{
        display: flex;
        gap: 24px;
        flex-direction: column;
        margin-top: 24px;
}
.showroom_textbox .contact_wrapper.mob{
        display: none;
        @meadia(max-width: 480px){
                display: flex;
        }
}
.contact_wrapper .geo_item,
.contact_wrapper .geo_row{
        display: flex;
        align-items: center;
        gap: 16px;
}
.contact_wrapper .geo_row{
        flex-wrap: wrap;
}

.contact_wrapper .geo_item svg{
        min-width: 42px;
        min-height: 42px;
        padding: 9px;
        border-radius:4px;
        border: 1px solid var(--border-for-border);
}
.showroom_textbox .gridarea_list.limitted{
        margin-block:32px;
        @media(max-width: 480px){
                margin-block:24px;
        }
}

@media (max-width: 480px) {
        .showroom_textbox .title-text_wrapper h2.h3-title,
        .showroom_textbox .title-text_wrapper p{
                text-align: center;
        }
}

/* Карточки товаров */
.catalog__el {
        position: relative;
        display: flex;
        flex-direction: column;
        border-radius: 4px;
        border: 1px solid #DFDFDF;
        padding: 12px;
        gap: 5px;
        justify-content: space-between;
        max-height: fit-content;
        transition: 0.3s;
        overflow: hidden;
}

.catalog__el:hover,
.el_card:hover {
        background: #6EC1F90F;
}
.catalog__el:hover .limitations{
        color: var(--font-blue);
}


.catalog__el .items {
        cursor: pointer;
        position: absolute;
        top: 26px;
        right: 24px;
}

.catalog__el img {
        border-radius: 4px;
        width: 100%;
        aspect-ratio: 1;
}
.catalog__el_banner{
        padding: 0;
}
.catalog__el.catalog__el_banner img{
        object-fit: cover;
        height: 100%;
        object-position: right center;
        border-radius: 0;
}
.catalog__el .price_container{
        display: flex;
        flex-direction: column;
}
.catalog__el .price {
        display: flex;
        justify-content: space-between;
        align-items: center;
}

.catalog__el-content {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        gap: 16px;
        height: 100%;
}
.catalog__el-content.big_card{
        gap: 2px;
}

/* СТИЛИ ДЛЯ ТЕКСТА ОБЩИЕ!!!!!!!!!!!!!! */

.page_title{
        display: flex;
        flex-direction: column;
        gap: 12px;
        /*margin-bottom: 32px;*/

        @media(max-width: 800px){
                /* margin-bottom: 32px; */
        }
        @media(max-width: 480px){
                margin-bottom: 24px
        }
}
.page_title .subtext{
        font-family: Roboto;
        font-weight: 400;
        font-style: Regular;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 150%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: middle;
}
.page_block{
        display: flex;
        flex-direction: column;
        gap: 32px;

        @media(max-width: 800px){
                gap:24px;
        }
}
.block_title{
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom:60px;
        @media(max-width: 800px){
                margin-bottom:48px;
        }
        @media(max-width: 480px){
                margin-bottom:32px;
        }
}
.block_center{
        align-items: center;
}

h1.header_page_title{
        margin: 0;
}
.header_page_title{
        font-family: Roboto;
        font-weight: 500!important;
        font-style: Medium;
        font-size: 26px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;

        @media(max-width: 480px){
                font-size: 20px;
                text-align: center;
        }
}
.text-block,
.h2-title-block {
        display: flex;
        flex-direction: column;
        gap: 32px;
        width:100%;
}


.h2-title-img {
        display: flex;
        justify-content: space-between;
        gap: 57px;
        align-items: center;
        margin-top: -28px;
        @media(max-width: 480px){
                flex-direction:column-reverse;
                gap: 16px;
                align-items: start;
        }
}
.h2-title,
.h3-card{
        font-family: Roboto;
        font-weight: 500;
        font-style: Medium;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 100%;
        letter-spacing: 0%;
        vertical-align: middle;
        @media(max-width: 480px){
                font-size: 16px;
        }
}
.text_wrapper,
.add_card{
        display: flex;
        flex-direction: column;
        font-family: Inter;
        font-weight: 400;
        font-style: Regular;
        font-size: 16px;
        leading-trim: NONE;
        line-height: 160%;
        letter-spacing: 0%;
        vertical-align: bottom;
        @media(max-width: 480px){
                font-size: 14px;
                line-height: 140%;
        }
}
.title-accent{
        font-family: Roboto;
        font-weight: 400;
        font-style: Regular;
        font-size: 22px;
        leading-trim: NONE;
        line-height: 130%;
        letter-spacing: 0%;
        text-align: center;
        vertical-align: bottom;
        @media(max-width: 800px){
                font-size: 18px;
        }
        @media(max-width: 800px){
                font-size: 16px;
                font-weight: 500;
        }
}
.accent{
        font-weight: 500;
}
.text-start {
        text-align: start;
}
.text-flex{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 4px;
}
.correct {
        margin-top:16px;
}
.personal{
        font-family: Roboto;
        font-weight: 400;
        font-style: Regular;
        font-size: 12px;
        leading-trim: NONE;
        line-height: 120%;
        letter-spacing: 0%;
        color: var(--font-gray);
}

ul[default] {
        display: block;
        list-style-type: disc;
        margin-top: 1em;
        margin-bottom: 1em;
        margin-left: 0;
        margin-right: 0;
        padding-left: 20px;
}


ul[default] li {
        display: list-item;
        text-align: -webkit-match-parent;
}
ul[custom] {
        display: flex;
        flex-direction: column;
        @media(max-width: 480px){
                display:none;
        }
}
.active ul[custom]{
        display:flex;
}
[custom] li {
        position: relative;
        padding-left: 30px;
        display: inline-block;
        flex-wrap: wrap;
        align-items: baseline;
        gap:6px;
        font-size:16px;
        line-height: 160%;
        @media(max-width: 480px){
                position: relative;
                padding-left: 30px;
                gap:8px;
                font-size:14px;
                line-height: 140%;
        }
}
[custom] li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 2px;
        width: 24px;
        height: 24px;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M18 7.5L10 16.5L6 12' stroke='%234DACEB' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: center;
}

.txt-price_min{
        font-weight: 500;
}
.txt-price{
        font-weight: 500;
        font-size: 16px;
}
.text-limit2{
        position: relative;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}
.city_choise span{
        color: var(--font-gray);
}
.city_choise.active span{
        color: var(--font-black);
}

.split-2{
        display: flex;
        flex-direction: column;
        gap: 32px;
        @media(max-width: 800px){
                gap: 24px;
        }
}
.split-2 .splited_block{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 36px;
        @media(max-width: 800px){
                gap:16px;
                display: flex;
                flex-direction: column;
        }
}
.block-ng{
        margin: 60px auto;
        @media(max-width: 800px){
                margin: 40px auto;
        }
        @media(max-width: 480px){
                margin: 32px auto;
        }
}
.bg-form{
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        gap: 32px;
        align-items: center;
        padding: 19px 30px;
        border-radius: 4px;
        @media(max-width: 800px){
                gap: 16px;
                justify-content: space-between;
        }
        @media(max-width: 480px){
                flex-direction: column;
                gap: 16px;
                justify-content: space-between;
                text-align: center;
        }
}
.bg-form .text_wrapper{
        gap:6px;
        @media(max-width: 800px){
                width: 100%;
        }
}
.bg-form-title{
        border-radius: 4px;
        padding: 20px 24px;
}
.adwantages .bg-form-title{
        padding: 20px 8px;
}
.bg-form[gray]{
        background: var(--bg_block);
}
.bg-form-title[gray]{
        background: var(--background-block);
}
.bg-form[peach],
.bg-form-title[peach]{
        background-color: var(--bg-peach);
}
[error]{
        color: var(--font-error)
}

.sub_page{
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 32px;
        font-family: Inter;
        font-weight: 600;
        font-style: Semi Bold;
        font-size: 20px;
        leading-trim: NONE;
        line-height: 150%;
        letter-spacing: 0%;
        margin-top:20px;
        @media(max-width: 1440px){
                font-weight: 500;
                line-height: 100%;
        }
        @media(max-width: 800px){
                gap: 24px;
        }
        @media(max-width: 480px){
                font-weight: 400;
                font-size: 16px;
                gap: 24px;
                margin-top:12px;
        }
}
.sub_page a{
        display: flex;
        align-items: center;
        gap: 4px;
}

.sub_page .active,
.sub_page a:hover{
        color: var(--font-blue);
}

.split-2 .splited_block.tablet_revers{
        @media(max-width: 800px){
                flex-direction: column-reverse;
        }
}

.grid_wrapper.fr3.fr1 .catalog__el {
        cursor: pointer;
}

@media (max-width: 800px) {
        :root {
                --tabs-container-gap: 14px;
                --splitted_container-filters: 24px;
                --fr4: repeat(2, 1fr);
                --fr3: repeat(2, 1fr);
        }
}

.toggle_title {
        cursor: pointer;
        color: #4daceb;
}

.toggle_content {
        display: none;
}

.toggle_content.active {
        display: block;
}

.limiter {
        padding: 0!important;
}

#right {
        padding-left: 0 !important;
}
.toggle_title {
    cursor: pointer;
    color: #757575;
}

/* End */
/* /local/templates/idbi/components/bitrix/breadcrumb/bread/style.min.css?1792148708467 */
/* /local/templates/idbi/components/bitrix/news/showrooms/bitrix/news.list/.default/style.css?179215643316827 */