@import url("/local/templates/quartzparquet_v2/fonts/gilroy/stylesheet.css");
:root {
    --main-active-color: #e31414; /* rgba(255,192,0);*/
    --main-primary-color: #e31414;
    --main-primary-color: #e41313;
    --bg-gray: #f6f6f7;
    --gray: #c1c1c1;
    --dark: #313131;
    --border-gray: #dee2e6;

    --color-grey: #EBECEC;
    --color-black: #2B2A29;
    --color-light-grey: #FAFAFA;
    --color-accent: darkorange;

    --basic-font-size: 16px;
    --basic-line-heigth: 26px;
}
body {
    font-family: 'Montserrat';

    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background-color: white;

    font-size: 20px;
    line-height: 30px;
    color: var(--color-black);
}

body.overflow{
    overflow-y: hidden;
}
.h2-article{
    font-size: 29px;
    line-height: 42px;
}
#content{
    min-height: 600px;
    overflow: hidden;
}
.fs-16 {
    font-size: 16px;
}
.my-150 {
    margin-top: 150px; margin-bottom: 150px;
}
.mb-30 {
    margin-bottom: 30px;
}
.mb-200 {
    margin-bottom: 200px;
}
.mt-30 {
    margin-top: 30px;
}
.my-30 {
    margin-top: 30px; margin-bottom: 30px;
}
.mt-60 {
   margin-top: 60px;
}
.mb-60 {
    margin-bottom: 60px;
}
.mb-90 {
    margin-bottom: 90px;
}
.mb-70 {
    margin-bottom: 70px;
}
.pt-70 {
    padding-top: 70px
}
.min-w100 {
    min-width: 100%;
}
a.black-link {
    color: var(--color-black);
    text-decoration: none;
    cursor: pointer;
}
a.black-link:hover {
    color: var(--color-black);
    text-decoration: underline;
}
.row--dflex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.video-about{
	width: max-content;
}
.instruction-step-img--mw{
    max-width: 550px !important;
}
@media (max-width: 768px) {
    .my-xs-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
.btn-qp-submit {
    width: 204px;
    height: 51px;
    background-image: url('/images/btn-qp.svg');
    border: none;
    background-color: transparent;
    font-weight: 600;
    padding-right: 32px;
    color: #000;
}
.btn-qp-submit:hover {
    padding-right: 28px;
}
h2 {

    font-size: 72px;
    line-height: 80px;
    font-weight: 600;
    margin-bottom: 40px;
}
h3 {

    font-size: 44px;
    line-height: 48px;
    font-weight: 600;
    margin-bottom: 30px;
}
h4 {
    font-size: 24px;
    line-height: 32px;
    font-weight: 600;
    margin-bottom: 20px;
}
p {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 30px;
}

.h-label {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 16px;
    color: #2B2A29;
}
.icon-arrow-down {
    display: inline-block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: var(--color-black) 2px solid;
    margin-left: 10px;
    transform: translateY(2px);
}
.bg-white{
    background-color: #fff;
}
.bg-light-gray {
    background-color: #FAFAFA;
}
.img-filter-black {
    filter: brightness(0);
}
.img-natural-wood {
    filter: brightness(0);
    margin-bottom: 50px;
}
.aspect-ratio-1 {
    aspect-ratio: 1;
}
.section {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section.section--bg-dark {
    background-color: var(--color-black);
    color: white;
}


/* класс размещает блок на всю высоту экрана, содержимое будет располагаться по центру */
.full-screen {
    min-height: 100vh;
    display: flex;
    align-items: center;
    align-content: center;
}

.section.section-banner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /*background-image: url("/images/homepage/banner.jpg");*/
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: white;
   /* height: 100vh; */
    padding-left: 20px;
    padding-right: 20px;
    text-align:center;
    position: relative;
}
.section-banner--block-start {
    position: relative;
    background-image: url("/images/homepage/banner.jpg");
}
.section-banner--block-base {
    background-image: url("/images/banners/banner-base.jpg");
    min-height: 410px;
}
.phones{
    display: flex;
    align-items: center;
}
.properties-title{
    font-size: 60px;
}
@media(max-width: 1400px){
    .phones-list{
        width: 150px;
    }
}
@media(max-width: 1300px){
    .phones{
        display: none;
    }
}
@media (min-width: 768px) {
    .section.section-banner img {
        width: 392px;
    }
}
.section.section-banner:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(43, 42, 41, 0.8);
}
.section.section-banner * {
    z-index: 1;
}
.section.section-banner img {
    margin-bottom: 100px;
}
.section.section-banner p {
    font-size: 20px;
    line-height: 30px;
    font-weight: 405;
}
.section.section-natural-wood {
    background-image: url('/images/homepage/wooden-texture-with-abstract-shapes.jpg');
    background-size: 45% 100%;
    background-repeat: no-repeat;
}
.section.section-list {
    height: 320px;
    gap: 60px;
}
.section.section-list .item, .banner-button__link {
    width: 200px;
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}
.section.section-list .divider {
    height: 60px;
    width: 2px;
    background-color: var(--color-black);
}

.section.materials {
    background: var(--color-light-grey);
}
.section.materials h3 {
    margin-bottom: 90px;
}
.section.materials .description {
    font-weight: 600;
    font-size: 24px;
    line-height: 31px;
    text-align: center;
    height: 100px;
}
.section.materials .symbol {
    font-size: 96px;
    font-weight: 500;
    line-height: 115px;
    color: var(--color-black);
}
/*.block-vertical-indent {*/
/*    margin-top: 60px;*/
/*    margin-bottom: 60px;*/
/*}*/

/*@media (min-width: 768px) {*/
/*    .block-vertical-indent {*/
/*        margin-top: 120px;*/
/*        margin-bottom: 120px;*/
/*    }*/
/*}*/

.vertical-indent--top {
    margin-top: 60px;
}

@media (min-width: 768px) {
    .vertical-indent--top {
        margin-top: 120px;
    }
}

.vertical-indent--bottom {
    margin-bottom: 60px;
}

@media (min-width: 768px) {
    .vertical-indent--bottom {
        margin-bottom: 120px;
    }
}

.section.section-collections {
    padding-top: -0;
}
.section.section-collections .collection-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    /*gap: 40px;*/
}

@media (max-width: 768px) {
    .section.section-collections .collection-list {
        flex-direction: column;
    }
}

.section.section-collections .collection-list .collection {
    background: var(--color-black);
    color: white;

    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;

    width: 100%;
    margin: 0;
}

@media (min-width: 576px) {
    .section.section-collections .collection-list .collection {
        max-width: 405px;
    }
}

@media (min-width: 768px) {

}

@media(max-width: 1400px){
    .section.section-collections .collection-list .collection {
        max-width: 360px;
    }
    .section.section-collections .collection-list .collection .description.description--wider {
        margin: 80px 30px 92px 60px !important;
    }
    .catalog-section-item .title{
        height: 120px !important;
    }
    
}

@media (max-width: 1200px) {
    .section.section-collections .collection-list .collection {
        margin-right: 40px;
    }
    .section.section-collections .collection-list{
        gap: 40px;
    }
    .catalog-section-item .title{
        height: 190px !important;
    }
}
@media(max-width: 1024px){
    .collection{
        max-width: unset !important;
    }
}
/*
@media (min-width: 1200px) {
    .section.section-collections .collection-list .collection {
        margin-right: 80px;
    }
}
*/
.collection-elements {
    right: -100px;
    width: 150px;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 10px;
    top: 40px;
    bottom: 40px;
    overflow: hidden;
}
.collection-elements img {
    aspect-ratio: -1;
    flex: 1;
    width: 120px;

    aspect-ratio: 1.6;
    object-fit: cover;
}
.section.section-collections .collection-list .collection .description {
    margin: 80px 140px 92px 60px;
    flex: 1;
    display: flex;
    flex-direction: column;
}
.section.section-collections .collection-list .collection .description.description--wider {
    /*margin-right: 120px;*/
}

@media (max-width: 576px) {
    .section.section-collections .collection-list .collection .description.description--wider {
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media (min-width: 576px) {
    .section.section-collections .collection-list .collection .description.description--wider {
        margin: 80px 100px 92px 60px;
    }
}

.section.section-collections .collection-list .collection .description .h-label {
    flex: none;
}
.section.section-collections .collection-list .collection .description h3 {
    flex: 1;
}
.section.section-collections .collection-list .collection .description .text {
    flex: 3
}
.section.section-collections .collection-list .collection .description .btn-container {
    flex: none;
}
.section.section-collections .collection-list .collection img.bg {
    flex: none;
    opacity: 0.5;
}
.section.section-content {
    padding: 200px 0;
}
.section-structure p {
    padding-bottom: 70px;
}

.blocks {
    display: flex;
    flex-direction: column;
    gap: 60px;
}
.blocks .block-item {
    display: flex;
    flex-direction: row;
    height: 400px;
    align-items: center;
    justify-content: space-between;
}



.block-item .img {
    display: inline-block;
    overflow: hidden;
}

.block-item .img-fluid {
    display: block;
    transition: 1s;
}

.block-item:hover .img-fluid {
    transform: scale(1.1);
}

.blocks .block-item:nth-child(2n) {
    flex-direction: row-reverse;
}
.blocks .block-item .title {
    font-size: 44px;
    font-weight: 600;
    line-height: 52px;
    color: var(--color-black);
    margin-bottom: 20px;
}
.blocks .block-item .description {
    max-width: 50%;
}

.blocks .block-item .description.description--wood {
    margin-top: 60px;
}

@media(min-width: 768px) {
    .blocks .block-item .description.description--wood {
        margin-top: 0;
    }
}

.block-list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.block-list-item {
    background: #f7f7f7;
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.block-list-item img {
    width: 392px;
}
.block-list-item .description {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.block-list-item .description .num {
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: #2B2A29 2px solid;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}
.block-list-item .description p {
    margin-bottom: 0;
}

.block-icon__wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}

.video-list {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.video-list .video-item {
    height: 400px;
    flex: 1;
    background: #fafafa;
}
.video-list .video-item span {
    margin-top: 40px;
    margin-left: 60px;
    display: block;
    font-size: 24px;
}
.section.section-unique-texture {
    background: var(--color-black);
    background-image: url("/images/homepage/wooden-background.jpg");
    color: white;
    background-size: 40% 100%;
    background-position: right;
    background-repeat: no-repeat;
}
.btn-qp {
    width: auto;
    min-width: 74px;
    height: 48px;
    border: 2px solid var(--color-black);
    position: relative;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    padding-left: 16px;
    padding-right: 8px;
    color: inherit;
    text-decoration: none;
    background-color: inherit;
    user-select: none;
    border-radius: 0;
    font-weight: 600;
    font-size: 16px;
    line-height: 140%;
}
.btn-qp--pr{
    padding-right: 15px;
}
.btn-qp:after {
    display: block;
    content: "";
    position: absolute;
    right: -48px;
    width: 48px;
    height: 24px;
    background-color: inherit;
    transition: 0.1s;
    padding-left: 6px;
    background-image: url(images/btn-arrow.png);
    background-repeat: no-repeat;
    background-position: 8px center;
}
.btn-qp:hover {
    cursor: pointer;
    color: inherit;
}
.btn-qp:hover:after {

    color: inherit;
    background-position: 20px center;
}
.btn-qp:active:after {
    background-position: 4px center;
    color: inherit;
}
.btn-white-bg {
    background-color: white;
}
.btn-black-bg {
    background-color: var(--color-black);
}
.btn-black-bg .btn-qp {
    border-color: white;
}
.btn-black-bg .btn-qp:after {
    background-image: url(images/btn-arrow-black.png);
}
.btn-black-bg--bg .btn-qp:after{
    background-color: var(--color-black) !important;
}
.btn-qp-black {
    background-color: #2B2A29;
    color: white;
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 600;
    height: 48px;
    display: inline-flex;
    padding-left: 24px;
    padding-right: 24px;
    align-items: center;
}
.btn-qp-black:hover {
    color: #fafafa;
    background-color: #000;
}
.btn-cancel {
    height: 54px;
    line-height: 140%;
    padding: 0;
    font-size: 16px;
    align-items: center;
    padding-left: 5px;
    display: flex;
}
.btn--bold{
    font-weight: bold;
}
.footer {
    background: var(--color-black);
    color: var(--color-light-grey);
}
.footer a {
    color: var(--color-light-grey) !important;
}
.footer .first-line {
    padding-top: 60px;
    padding-bottom: 60px;
    border-top: 1px solid #fff;
}
.footer .bottom-line {
    color: var(--color-light-grey);
    border-top: var(--color-grey) 1px solid;
    font-size: 14px;
    padding: 40px 0 0;
}
.footer .bottom-line p {
    margin-bottom: 40px;
}
.footer .icon {
    color: #fafafa;
    font-size: 2rem;
    text-decoration: none;
}
/*
.desktop-menu{
    padding-bottom: 24px;
}
*/
#footer .desktop-menu ul {
    display: flex !important;
    gap: 30px;
    font-size: 16px;
}
#footer .desktop-menu ul a span{
    text-transform: uppercase !important;
    padding: 0 !important;
}
#footer p {
    font-size: 14px;
    line-height: 22px;
}
#footer .social-title {
    font-size: 16px;
}
.structure-floor-scheme {
    background-image: url('/images/homepage/floor.jpg');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}
.structure-floor-bg {
    transition: 2s;
}
.viewed .structure-floor-bg {
    opacity: 0;
}
#garlands > div {
    display: flex;
   position: relative;
     animation: GarlandParts-module__fadeIn--AIRnb 0.4s forwards;
}
.GarlandParts-module__root--xoR8F{display:flex;position:relative}
.GarlandParts-module__root--xoR8F:not(.GarlandParts-module__rootVisible--Mf9g4){opacity:0}
.GarlandParts-module__rootVisible--Mf9g4.GarlandParts-module__rootAnimated--lGOIr{animation:GarlandParts-module__fadeIn--AIRnb 0.2s forwards}
.GarlandParts-module__switch--BZF8l.GarlandParts-module__switch--BZF8l{top:-24px;right:47px;z-index:-1;padding:0 10px;position:fixed;pointer-events:all;color:var(--vkui--color_icon_tertiary);transition:top var(--vkui--animation_duration_m)}[dir=rtl] .GarlandParts-module__switch--BZF8l.GarlandParts-module__switch--BZF8l{right:auto;left:47px}@media (max-width:1229px){.GarlandParts-module__switch--BZF8l.GarlandParts-module__switch--BZF8l{display:none}}.GarlandParts-module__switchHover--oq_9z.GarlandParts-module__switchHover--oq_9z{top:-20px}.GarlandParts-module__switchActive--Crh2N.GarlandParts-module__switchActive--Crh2N{top:0}.GarlandParts-module__lamp--DCHB2{color:var(--vkui--color_icon_secondary)}.GarlandParts-module__shadow--_ZsNe{color:transparent}.GarlandParts-module__rootEnabled--RuoYx .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__rootEnabled--RuoYx .GarlandParts-module__shadow--_ZsNe{will-change:transform;transform:translateZ(0);animation-duration:12s;animation-iteration-count:infinite;animation-timing-function:steps(24,end)}.GarlandParts-module__item--i8iCu{z-index:1;overflow:visible;color:#ddd}.GarlandParts-module__item1--Ez7Lm{margin-top:-5px;margin-left:-9px}[dir=rtl] .GarlandParts-module__item1--Ez7Lm{margin-left:0;margin-right:-9px}.GarlandParts-module__item1--Ez7Lm .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__item1--Ez7Lm .GarlandParts-module__shadow--_ZsNe{animation-name:GarlandParts-module__animation1--kwsUW}.GarlandParts-module__item2--LjZCw{margin-top:-3px;margin-left:-8px}[dir=rtl] .GarlandParts-module__item2--LjZCw{margin-left:0;margin-right:-8px}.GarlandParts-module__item2--LjZCw .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__item2--LjZCw .GarlandParts-module__shadow--_ZsNe{animation-name:GarlandParts-module__animation2--cvP1g}.GarlandParts-module__item3--S1Utc{margin-top:-8px;margin-left:-8px}[dir=rtl] .GarlandParts-module__item3--S1Utc{margin-left:0;margin-right:-8px}.GarlandParts-module__item3--S1Utc .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__item3--S1Utc .GarlandParts-module__shadow--_ZsNe{animation-name:GarlandParts-module__animation3--F4HJJ}.GarlandParts-module__item4--NXg4D{margin-top:-6px;margin-left:-8px}[dir=rtl] .GarlandParts-module__item4--NXg4D{margin-left:0;margin-right:-8px}.GarlandParts-module__item4--NXg4D .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__item4--NXg4D .GarlandParts-module__shadow--_ZsNe{animation-name:GarlandParts-module__animation4--xTDbK}.GarlandParts-module__item5--waIp_{margin-top:-7px;margin-left:-10px}[dir=rtl] .GarlandParts-module__item5--waIp_{margin-left:0;margin-right:-10px}.GarlandParts-module__item5--waIp_ .GarlandParts-module__lamp--DCHB2,.GarlandParts-module__item5--waIp_ .GarlandParts-module__shadow--_ZsNe{animation-name:GarlandParts-module__animation5--Q_bzd}@keyframes GarlandParts-module__fadeIn--AIRnb{0%{opacity:0}to{opacity:1}}@keyframes GarlandParts-module__animation1--kwsUW{0%{color:#07f}20%{color:#17d685}40%{color:#ffd91d}60%{color:#f679ff}80%{color:#ab47e9}to{color:#07f}}@keyframes GarlandParts-module__animation2--cvP1g{0%{color:#f679ff}20%{color:#ffd91d}40%{color:#ab47e9}60%{color:#07f}80%{color:#17d685}to{color:#f679ff}}@keyframes GarlandParts-module__animation3--F4HJJ{0%{color:#17d685}20%{color:#07f}40%{color:#ab47e9}60%{color:#f679ff}80%{color:#ffd91d}to{color:#17d685}}@keyframes GarlandParts-module__animation4--xTDbK{0%{color:#ffd91d}20%{color:#f679ff}40%{color:#17d685}60%{color:#07f}80%{color:#ab47e9}to{color:#ffd91d}}@keyframes GarlandParts-module__animation5--Q_bzd{0%{color:#ab47e9}20%{color:#07f}40%{color:#17d685}60%{color:#ffd91d}80%{color:#f679ff}to{color:#ab47e9}}

#garlands{
    display: flex;
    position: absolute;
    top: 0;
}

.play{
    display: flex;
    align-items: center;
    gap: 10px;
}
.play-icon svg{
    width: 35px;
    height: 35px;
}
@media (max-width: 768px) {
    h2 {
        font-size: 36px;
        line-height: 40px;
    }
    h3 {
        font-size: 28px;
        line-height: 32px;
    }
    h4 {
        font-size: 24px
    }
    .h-label {
        font-size: 16px;
        line-height: 20px;
    }
    .icon-arrow-down {
        display: inline-block;
        width: 16px;
        height: 16px;
    }
    .section {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .section.section-banner img {
        margin-bottom: 50px;
        width: 250px;
        height: auto;
    }
    .section.section-natural-wood {
        background-size: 100% 100vw;
        display: none;
    }
    .section.materials .description {
        font-size: 16px;
        line-height: 21px;
    }
    .section.materials .symbol {
        font-size: 40px;
        line-height: 48px;
        display: flex;
        justify-content: center;
        margin: 20px 0;
    }
    .structure-floor-bg {
        margin-left: -4px;
        width: calc(100% + 8px);
        /*height: 200px;*/
    }
    .blocks .block-item,.blocks .block-item:nth-child(2n) {
        flex-direction: column;
        height: auto;
    }
    .blocks .block-item .description {
        margin-top: 40px;
        max-width: 100%;
    }
    .blocks .block-item .description {
        margin-top: 40px;
        max-width: 100%;
    }
    .blocks .block-item .description .title {
        font-size: 28px;
        line-height: 32px;
        margin-bottom: 30px;
    }
    .section.section-collections {
        padding-bottom: 0;
    }
    .section.section-collections .container {
        padding-right: 0;
        padding-left: 0;
    }
    /*.section.section-collections .collection-list {*/
    /*    flex-direction: column;*/
    /*    gap: 0;*/
    /*}*/
    .section.section-collections .collection-list .collection {
        margin-right: 0;
    }
    .section.section-collections .collection-list .collection .description {
        margin: 80px 20px 92px 20px;
    }
    .section.section-unique-texture {
        background-size: 100% 100vw;
        background-position: top;
    }
    .bx-top-nav-container {
        display: block;
    }
    #footer .desktop-menu ul {
        flex-direction: column;
        margin-bottom: 60px;
    }
    #map {
        display: none;
    }
}

/* old */




.flex-1 { flex: 1}
.flex-2 { flex: 2}
.flex-3 { flex: 3}
.flex-4 { flex: 4}
.flex-5 { flex: 5}
.flex-none { flex: none}
.hover {cursor: pointer;}
a {
    color: var(--main-primary-color);
}
a:hover {
    color: var(--main-active-color);
}
.img-cover {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-contain {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.gap-1 {
    gap: 1rem;
}
.bx-active a.bx-nav-1-lvl-link {
    color: var(--main-primary-color) !important;
}
.bx-nav-1-lvl-link-text {
    display: flex;
    padding: 7px 14px 10px !important;
}
#debug {
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 0;
    background: #ad00ff;
    color: white;
    font-size: 11px;
    display: none;
}
/*html.scroll-snap {
    scroll-snap-type: y mandatory;
}*/
.section-scrollable {
    scroll-snap-align: start;
}
.section-scrollable:nth-child(even) {
    background: #fff3cd;
}
.style-text-header {

    /*text-transform: uppercase;*/
    text-decoration: none;
    font-weight: 600 !important;
    letter-spacing: 1.2px ;
}


#mainMenu {
    position: fixed;
    top: 90px;
    z-index: 999;
    background: white;
    left: 0;
    right: 0;
    bottom: 0;
    border-top: #cecece 1px solid;
    display: none;
    margin-top: attr(data-margin-top);
}
#mainMenu.open {
    display: block;
}
#mainMenu .menu-section-title {
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: var(--bg-gray) 1px solid;
    text-decoration: none;
    color: var(--bg-dark);
    font-weight: 700;
}


.max-width {
    max-width: 980px;
    margin: 0 auto;
}
.max-width-row {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    display: flex;
}

#header {

    position: fixed;
    left: 0;
    margin-top: 0;
    right: 0;

    display: flex;
    font-size: 14px;
    align-items: center;
    min-height: 90px;

    z-index: 250;
    padding: 20px 0;
}
#header.hide{
    z-index: 997 !important;
}
#header .logo {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    user-select: none;
}

#header .icon {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    transition: 0.3s;
    cursor: pointer;
    text-decoration: none;
    margin: 0px 15px;
}
.innerpage #header {
    background-color: white;
    color: var(--color-black);
}
.innerpage #header .icon img:not(.qp--tg),
.innerpage #header .logo img:not(.qp--tg)
{
    filter: brightness(0);
}
.innerpage #regionLink {
    color: var(--color-black);
}

.innerpage #header .phone {
    color: var(--color-black);
}
.innerpage #header .desktop-menu a {
    color: var(--color-black);
}
.innerpage .bx-active a.bx-nav-1-lvl-link {
    color: var(--color-black) !important;
    font-weight: 600 !important;
}


#burger {
    cursor: pointer;
    text-decoration: none;

}

#header .phone {
    flex: none;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    margin-left: 20px;
}
#header .phone .phone-value {
    font-weight: 600;
    border-bottom: transparent 1px dashed;
    transition: 0.3s;
    margin-left: 5px;
}
#header a.phone:hover .phone-value {
    border-bottom: var(--dark) 1px dashed;
}

#header .desktop-menu {
    flex: none;

    align-items: center;
    justify-content: center;
    display: none;



    /*font-family: 'Raleway', sans-serif;*/
}
#header .desktop-menu a {

    color: #FFF;
    text-decoration: underline;

    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;

    transition: 0.3s;

    font-weight: 400;
    text-decoration: none;

}
.desktop-menu .bx-nav-1-lvl-link-text {
    text-transform: none;
}
.desktop-menu .bx-nav-2-lvl-link-text {
    color: #333;
}
/*#header .desktop-menu a:hover {*/
/*    background-color: #eaeaea;*/
/*}*/

#header .bx-nav-2-lvl-link:hover {
    background-color: #eaeaea;
}
#header .bx-nav-1-lvl-link-text {
    background-color: transparent;
}

#page.scrollable-ready {
    position: fixed;
}
.innerpage  #page {
    padding-top: 90px;
}

.section {
    display: flex;
}
/*
#content {
   min-height: calc(105vh - 90px - 100px);
}
*/

.content {
    min-width: 100%;

}
.content-center {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
.content-title {
    margin-top: 11px;
    margin-bottom: 30px;
}
.content-title h1 {
    font-size: 30px;
    margin: 0;
}


/* slider */
.slider {
    flex: 1;
    width: 100%;
    position: relative;
}
.slider .scroll-down {
    position: fixed;
    bottom: 20px;
    z-index: 20;
    color: #e5e5e5;
    font-size: 32px;
    left: calc(50% - 10px);
}
.slide {
    position: absolute;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;

    background-size: cover;
    background: #252525;
    overflow: hidden;
}
.slide.white {
    color: white
}
.slide .title-logo {
    width: 320px;
    height: 142px;

    z-index: 10;
    position: relative;
}
.slide .title-logo img {
    width: 320px;
    height: 142px;
}
.slide .title-logo span {
    position: absolute;

    left: 100px;
    bottom: 0;
    text-transform: uppercase;

    font-size: 15px;

}
.slide .title {
    font-size: 2.4rem;
    z-index: 10;

}
.slide .description {
    text-transform: uppercase;
    font-size: 0.925rem;
    letter-spacing: 1.1;
    z-index: 10;
    color: #d9d9d9;
}
.slide .slide-bg {

    position: absolute;
    left: 0;
    right: 0;
    top: 0; /* @todo */
    bottom: 0; /* @todo */
    background: rgba(0,0,0,0.33);
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0;

    filter: blur(10px);
    transition: filter 2s, opacity 1s;
}
.scrollable-ready .slide .slide-bg {
    filter: blur(0);
    opacity: 1;
}
.slide .slide-shadow {

    position: absolute;
    left: 0;
    right: 0;
    top: 0; /* @todo */
    bottom: 0; /* @todo */
    background: rgba(0,0,0,0.33);
}
.slide .slide-dark-shadow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0; /* @todo */
    bottom: 0; /* @todo */
    /*background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));*/
    background: rgb(37,37,37);
}
.slide .slide-dark-shadow-bottom {
    position: absolute;
    left: 0;
    right: 0;
    top: 0; /* @todo */
    bottom: 0; /* @todo */
    /*background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));*/
    background-image: linear-gradient(to bottom, rgba(37,37,37,0) 0%,rgb(37,37,37,0) 95%, rgba(37,37,37,1) 100%);
}

.slide .slide-border {
    border: 2px solid #fff7;
    position: absolute;
    left: 15px;
    right: 15px;
    top: calc(15px + 54px); /* @todo */
    bottom: calc(15px + 54px); /* @todo */
    display: none;
}


.slide .title-second {
    color: white;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 0 54px;
    text-align: center;
    color: #d7d1cc;
    font-size: 18px;
}
.slide .title-second span {
    margin: 1rem;
}

.index-1 {
    z-index: 1;
}
.content-fade-in {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.content-about {
    position: relative;
    /*overflow: hidden;*/
}
.content-about-bg {
    position: absolute;
    left: 0;

    bottom: 0;
    right: 0;

    background-image: url('/images/floor.png');
    background-size: 100% auto;
    background-position: center bottom;
}
.content-about-shadow {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(3deg, rgba(255,255,255,0) 0%, rgba(37,37,37,0) 32%, rgb(37 37 37) 70%, rgb(37 37 37) 100%);
}

.collections {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
}

.container-collection {
    background: #252525;
    color: white;
    padding: calc(54px + 15px) 15px;
}
.content-collection {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.container-collection h3 {
    margin: 0 0 2rem 0;
}
.collections .collection {
    margin: 0 0 1rem;
    padding: 30px;
    flex: 1;
    background-position: center bottom;

    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    overflow: hidden;
    /*box-shadow: rgb(0 0 0 / 50%) 4px 4px 8px;*/

    text-shadow: rgb(0 0 0 / 60%) 0px 0px 8px;



}
.collections .collection .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0; /* @todo */
    bottom: 0; /* @todo */
    object-fit: cover;
    width: 100%;
    height: calc(100% + 200px);
    object-fit: cover;

}

.collections .collection .item-border {
    left: 15px;
    top: 15px;
    bottom: 15px;
    right: 15px;
    border: rgba(255,255,255,0.4) 2px solid;
    position: absolute;
    /*transition: 0.7s;*/
}

.collections .collection .title {
    z-index: 10;


    font-size: 36px;
    font-weight: 600;
    text-decoration: none;
    color: white;

    line-height: 1;

    display: flex;
    justify-content: flex-start;
    align-items: flex-end;


    flex: 1;
    width: 100%;
}

#catalogBlock{
    width: 100%;
}

.collections .collection .sep {
    width: 48px;
    height: 6px;
    background: #ca0a0a;
    z-index: 1;
    flex: none;
    margin: 16px 8px 16px;
    transition: 0.3s;
}

.collections .collection .title:hover ~ .sep {
    width: 128px;
}

.collections .collection .text {
    flex: 1;
    z-index: 1;
    font-size: 12px;
}
.collections .collection .param {
    flex: none;
    z-index: 1;
    flex-direction: row;
    display: flex;
    font-size: 12px;
}
.collections .collection .param .name { flex: 3}
.collections .collection .param .value { flex: 1}

.collections .collection .description {
    z-index: 10;
    font-size: 12px;
    color: #ddd;
    line-height: 1.3;
    opacity: 0.9;
    /*transition: 0.7s;*/
}


.collections .collection .item-shadow {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,0.33);
}


/*.collections .collection:hover .bg { transform: scale(1.04); }*/
.collections .collection:hover .item-border { border: rgba(255,255,255,1) 2px solid; left: 20px; top: 20px; bottom: 20px; right: 20px;}
.collections .collection:hover .title { opacity: 1;}
.collections .collection:hover .description { opacity: 1; }




.content-about {
    background: #252525;
    color: white;
    padding: calc(54px + 15px) 0 0;
}
.content-about .about {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.content-about .about .description {

    text-align: center;
    position: absolute;
    z-index: 2;

    margin: auto;
    width: 90%;
    max-width: 640px;

    left: 0;
    right: 0;
}


.layers {
    position: absolute;
    left: 0;

    bottom: 0;
    right: 0;

}
.layers p {
    margin: 0.25rem 0;
}
/* layers */
.layers .floor {
    position: absolute;
    width: 707px;
    margin: auto;
    bottom: -431px;
    left: 212px;

    transform: rotate(0.6deg);
    opacity: 0;
}
.layer-text {
    width: 100%;
    display: flex;
    /*align-items: center;*/
    justify-content: center;
    position: absolute;
    z-index: 2;
}
.layer-text-block {
    width: 286px;
    display: flex;
    flex-display: row;
}
.layers .layer-1 {
    width: 100%;
    position: absolute;
    right: -14px;
    top: 0px;

}
.layers .layer-2 {
    width: 100%;
    position: absolute;
    right: -14px;
    top: -2px;
}
.layers .layer-3 {
    width: 100%;
    position: absolute;
    right: -13px;
    top: -3px;

}

.point {
    border: 2px solid;
    width: 1rem;
    height: 1rem;
    margin: 8px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);

    color: white;
    background: red;
}
.layer-text .text {
    display: flex;
    flex-direction: column;
    font-size: 20px;
    line-height: 1.2;
}
.layer-text .text .text-title {
    margin-bottom: 10px;
}
.layer-text .text .text-desc {
    font-size: 14px;
    color: #ccc;
    max-width: 270px;
}
.layer-text .text .text-desc p {
    margin: 0 0 8px;
}


.description .text-1 {display: block}
.description .text-3 {display: none}
.description .text-4 {display: none}
.description .text-5 {display: none}

.f1 .layers .layer-1 {opacity: 1}
.f1 .layers .layer-2 {opacity: 1}
.f1 .layers .layer-3 {opacity: 1}

.f4 .description .text-1 {display: none}
.f4 .description .text-5 {display: block}
.f5 .description .text-1 {display: none}
.f5 .description .text-5 {display: block}
.f6 .description .text-1 {display: none}
.f7 .description .text-1 {display: none}
.f8 .description .text-1 {display: none}
.f9 .description .text-1 {display: none}
.f10 .description .text-1 {display: none}

.content-advantage {
    background: #252525;
    color: #dadada;
    overflow: hidden;
}

.content-advantage .advantage {
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: column;
}
.content-advantage  img {
    width: 320px;
    height: 240px;
    object-fit: cover;
}
.content-advantage .img {
    margin-bottom: 1rem;
}
.content-advantage .text {
    max-width: 75%;
    text-align: center;
    flex: 1;
}

.content-advantage-white {
    background: #FFF;
    color: #333;
}
.advantage h3 {
    font-size: 32px;
    font-weight: 700;
}
.advantage .sep {
    width: 100px;
    height: 4px;
    background: var(--main-primary-color);
    margin: 1rem auto;

}
.text-promo-6 {
    font-weight: 700;
    font-size: 30px;
    text-align: center;
    line-height: 1.2;
    margin-top: 40px;
}
.dynamic {
    color: var(--main-primary-color);
}

/*
.title-img {

    -webkit-filter: drop-shadow(2px 2px 0px black);
    filter: drop-shadow(2px 2px 0px black);
}*/
.menu-container {
    width: 100%;
}
.menu-section {
    display: flex;
    flex-direction: row;
    width: 100%;
    flex-wrap: wrap;
}
.menu-section .menu-section-title {
    flex: none;
    min-width: 100%;
}
.menu-section .menu-section-item {
    flex: 1;
    display: flex;
    flex-direction: row;
    gap: 1rem;
    min-width: 50%;
}
.menu-section .menu-section-item img {
    width: 54px;
    heigth: 54px;
    object-fit: cover;
}


@media (max-width: 768px) {
    #burger {
        display: flex;
    }
    #mainMenu.open {
        display: flex;
        flex-direction: column;
        overflow-y: scroll;
        z-index: 999;
    }
    #mainMenu.open .menu-container {
        flex: 1;
    }
    #mainMenu.open .icons-container {
        flex: none;
    }
    .menu-section .menu-section-item img {
        display: none;
        border-bottom: var(--bg-gray) 1px solid;
    }

}
#sidebarMenuContainer {
    display: flex;
    flex-direction: row;
    height: 54px;
    overflow: hidden;



}
#sidebarMenuToggle {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    background: var(--bg-gray);
    margin-left: 2px;
}

.sidebar-menu {
    display: flex;
    flex-direction: column;
    z-index: 10;
    background: var(--bg-gray);

    flex: 1;

}
.sidebar-menu .item {
    height: 54px;
    color: #808080;
    border-bottom: 1px solid white;
    text-decoration: none;
    align-items: center;
    padding: 1rem;

    font-size: 14px;
}
.sidebar-menu .item:last-child {
    border-bottom: none;
}
.sidebar-menu .item.active {
    background: #fbfcfd;
    font-weight: 600;
    color: #404040;
}
.sidebar-menu .item:hover {
    background: #fbfcfd;
}
.sidebar-menu-toggle {
    height: 54px;
    width: 54px;
}
#sidebarMenuContainer.fixed .sidebar-menu {
    position: fixed;
    height: 54px;
    overflow: hidden;
}
#sidebarMenuContainer.fixed .sidebar-menu-toggle {
    position: fixed;
    z-index: 21;
}

#sidebarMenuContainer.open {
    height: auto;
}
#sidebarMenuContainer.open .sidebar-menu {
    height: auto;
}
.content-catalog, .content-catalog-wrap{
    display: flex;
}
.catalog-sections {
    display: flex;
    flex-direction: row;
}
.catalog-sections .catalog-section {
    padding: 6px 10px 8px;
    color: #333;
    color: var(--dark);
    margin-right: 8px;
    position: relative;
    display: block;
    line-height: 16px;
    border: 1px solid #fff;
    border-color: var(--border-gray);
    border-radius: 0.25rem;
    text-decoration: none;
    font-size: 13px;
}
.catalog-section.active {
    background-color: #cd1515;
    color: white;
    font-weight: 700;
    border-radius: 0.25rem 0 0  0.25rem ;
    margin-right: 0;
    border-right-width: 0;
}
.catalog-section.close {
    background-color: #38312e;
    color: white;
    font-weight: 700;
    border-radius: 0 0.25rem 0.25rem 0;
    opacity: 1;
}
.catalog-section:hover {
    border-color: var(--border-gray);
    box-shadow: 0 4px 10px 0 rgb(0 0 0 / 15%);
    z-index: 1;
}
.catalog-section.active:hover {
    box-shadow: none;
}
.catalog-section-item {
    margin-right: -1px;
    margin-bottom: -1px;
    position: relative;
    background: #fafafa;
   width: 100%;
   max-width: 258px;
}
.catalog-section-item-wrapper {
    background: #FFF;
    padding: 30px;
    transition: box-shadow 0.4s;

    min-height: 100%;

    /*justify-content: space-between;*/
    display: flex;
    flex-direction: column;

}
.catalog-section-item .title {
    font-size: 14px;
    line-height: 21px;
    text-decoration: none;
    color: #000;
    height: 85px;
    min-height: 8rem;
    display: flex;
}
.catalog-section-item .price {

    font-size: 24px;
    font-weight: bold;
    line-height: 18px;
    color: var(--dark);
    font-family: Roboto;
    font-weight: 700;
    white-space: nowrap;

}
.catalog-pagination{
    
}
.price--pt{
    padding-top: 2px !important;
}
.workarea .bx_sidebar{
    display: flex;
}
@media (min-width: 768px) {
    .catalog-section-item:hover .catalog-section-item-wrapper {
        margin: -10px -10px 0 -10px;
        padding: 40px 40px 0 40px;

        box-shadow: 0 0 25px rgb(0 0 0 / 30%);

        position: relative;
        z-index: 996;
/*
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        position: absolute;
*/
        min-height: calc(100% + 20px)
    }
}

.content-banner {
    position: relative;
    aspect-ratio: 2.6;
}
.content-banner img {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.content-banner .shadow {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: rgba(0,0,0,0.35);
}
.content-banner .title {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
}
.nav-links a {

    font-size: 12px;
    color: #212529;
}
.nav-links a i {
    margin-right: 1rem;
}

/* arrows down */
.css-anim .arrows-to {
    opacity: 1;
    width: 40px;
    height: 56px;
    cursor: pointer;
    margin-top: 40px;
}
svg:not(:root) {
    overflow: hidden;
}

.arrows-to path.a1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}
.css-anim .arrows-to path {
    -webkit-animation: arrow 2s infinite;
    animation: arrow 2s infinite;
    opacity: 0.2;
}
.css-anim .arrows-to path {
    fill: transparent;
    stroke: #fff;
    stroke-width: 1.25px;
}
.arrows-to path.a1 {-webkit-animation-delay: 0s;animation-delay: 0s;}
.arrows-to path.a2 {-webkit-animation-delay: 0.35s;animation-delay: 0.35s;}
.arrows-to path.a3 {-webkit-animation-delay: 0.7s;animation-delay: 0.7s;}
@-webkit-keyframes arrow {0% {opacity: 0.2;} 40% {opacity: 1;} 60% {opacity: 0.2;} 100% {opacity: 0.2;}}
@keyframes arrow {0% {opacity: 0.2;} 40% {opacity: 1;} 60% {opacity: 0.2;} 100% {opacity: 0.2;}}


.bx-yandex-view-layout, .bx-yandex-view-map {
    flex: 1;
    display: flex;
}
.not-public-offer {
    font-size: 10px;
    margin-top: 1rem;
    color: #63696e;
}


.advantages .advantage {
    display: flex;
    flex-direction: column;
    align-items: center;
    line-height: 1.4;
    gap: 20px;
}
.advantages .advantage img {
    flex: none;
    width: 82px;
    height: 82px;
    object-fit: contain;
    margin-right: 1rem;
}
.advantages .advantage .title {
    color: #333;
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0.25rem;
    text-align: center;

}

.photo-container {
    align-items: center;
    justify-content: flex-start;
    font-size: 13px;
    color: #ccc;

}
.color-info {
    color: #cdcdcd;
    font-size: 10px;
    line-height: 10px;
    margin-top: 0.5rem;
}
.rate {
    color: var(--main-primary-color);
    display: none;
}
.in-stock {
    font-size: 12px;
    color: #777;
}
.in-stock i {
    color: var(--main-primary-color);
}

.info {
    border-bottom: #f6f6f7 4px solid;
    padding-bottom: 0.5rem;
    margin-bottom: 14px !important;
}


.detail-picture {
    position: relative;
}
.click-system {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    width: 120px;
    height: 40px;
    object-fit: contain;
    display: block;
}


.file-links a {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    height: 60px;
    margin-bottom: 1rem;
    align-items: center;
    background: var(--bg-gray);
    border-left: var(--border-gray) 6px solid;
    transition: 0.2s;
}
.file-links a i {
    flex: none;
    width: 60px;
    text-align: center;
}
.file-links a span {
    flex: 1;
    color: var(--dark);
}
.file-links a:hover {
    box-shadow: 0 0 25px rgb(0 0 0 / 30%);
    background: white;
}

#section4 .content-advantage {
    background-color: #393939;
}
@media (min-width: 920px) {


    .content-advantage .advantage {
        flex-direction: row;
        max-width: none;
        width: 100%;
        flex: 1;
    }
    .content-advantage .advantage .img {
        height: 100%;
        width: 50%;
        margin-bottom: 0;
    }
    .content-advantage .advantage img {
        width: 100%;
        height: 100%;
    }
    .content-advantage .advantage video {
        background: #e0e0e0;
    }
    .content-advantage.inverted .advantage .img {
        margin-right: 0;
    }
    .content-advantage .advantage .text {
        text-align: left;
        font-size: 18px;
        line-height: 1.5;
        padding: 40px;
    }
    .content-advantage .advantage .sep {

        margin: 1rem 0 1rem;
    }


    .content-advantage.inverted .advantage{
        flex-direction: row-reverse;
    }

    .content-advantage-dark .advantage{
        width: 100%;
        max-width: 100%;
        flex: 1;
    }
    .content-advantage-dark img {
        width: 60%;
        min-height: 100%;
        max-height: 100vh;
        object-fit: cover;
        height: auto;
        transition: 1s;

        width: 60%;
        margin: 0;
        opacity: 0;
    }
    .content-advantage-dark .text {
        padding: 2rem;
        /*transform: translateX(100%);*/
        transition: 0.5s;
    }
    .content-advantage-dark.inverted .text {
        transform: translateX(-100%);
    }
    .active .content-advantage-dark .text,
    .content-advantage-dark.active .text {
        transform: translateX(0%);
    }

    .active .content-advantage-dark img,
    .content-advantage-dark.active img {
        opacity: 1;

    }

    #sidebarMenuContainer {
        height: auto;

    }

    #sidebarMenuToggle {
        display: none;
    }
    #sidebarMenuContainer.fixed .sidebar-menu {
        position: fixed;
        height: auto;
        overflow: hidden;
    }
}

@media (min-width: 1400px) {
    .content-advantage .advantage .text h3 {
        font-size: 60px;
    }
    .content-advantage .advantage .sep {
        height: 12px;
        margin: 2rem 0 2rem;
    }
    .content-advantage .advantage p {
        color: #999;
        font-size: 32px;
    }
}

.icons-container {
    font-size: 40px;
    display: flex;
    align-items: center;
    /*justify-content: center;*/
    background: var(--bg-gray);

}
.icons-container div{
    display: flex;
    align-items: center;
    gap: 15px;
}
.icons-container a {
    color: var(--dark);
    text-decoration: none;
}

.properties {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.property {
    display: flex;
    flex-direction: row;
    margin: 0.25rem 0;
    font-size: 13px;
    line-height: 21px;
    color: #9a9a9a;
}

.property .name {
    flex: none;
}

.property .space {
    flex: 1;
    border-bottom: 1px dotted #d7d7d7;
}
.property .value {
    width: 31%;
    flex: none;
    color: #333;
    font-weight: 700;
}

.btn-telegram {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #1c93e3;
    color: white;
    height: 42px;
    border-radius: 22px;
    padding: 13px 24px;
    margin: 1rem 0;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 14px;
    line-height: 17px;

    width: 160px
}
.btn-telegram:hover {
    color: white;
}

.content-section {
    margin-bottom: 6rem;
}
.content-section h2 {
    margin-bottom: 1.5rem;
}
.content-section .fa-check {
    color: #79b47f;
}
.content-section .sep {
    width: 60px;
    height: 8px;
    margin: 0 0 3rem;
    background: var(--main-active-color);
}
.partnership-link {
    display: flex;
    height: 64px;
    align-items: center;
    justify-content: center;
    background: var(--bg-gray);
    color: var(--dark);
    text-decoration: none;
    font-weight: 700;
}

#content-section-stock-banner {
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    position: relative;
}
#content-section-stock-banner:before {
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    bottom: 0;
    right:0;
    background: rgba(0,0,0,0.4);
}
#content-section-stock-banner h2 {
    z-index: 1;
}

#stockmap {
    position: relative;
}
#stockmap .city {
    position: absolute;
    color: white;
    background: red;
    border-radius: 10px;
    font-size: 14px;
    height: 22px;
    line-height: 14px;
    padding: 2px 6px;
    border: white 2px solid;
}
#stockmap .city.msk {
    left: 15%;
    top: 55%;
}
#stockmap .city.spb {
    top: 46%;
    left: 15%;
}
#stockmap .city.nsk {
    left: 43%;
    top: 78%;
}
#stockmap .city.krasnodar {
    left: 5%;
    top: 76%;
}
#stockmap .city.irkutsk {
    left: 62%;
    top: 71%;
}
#stockmap .city.samara {
    left: 20%;
    top: 68%;
}
#stockmap .city.ekb {
    left: 31%;
    top: 61%;
}
.history-scroll {
    overflow: hidden;
}
.history {
    display: flex;
    flex-direction: row;
    gap: 20px;
    transition: 0.3s;
}
.history .history-item {
    display: flex;
    flex-direction: column;
}
.history .history-item-img {
    width: 289px;
    height: 289px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.history .history-item .history-item-img img {
    display: block;
    position: absolute;
    left: -15px;
    width: 319px;
    top: -15px;
}
.history .history-item p {
    font-size: 24px;
}
.history-nav {
    display: flex;
    flex-direction: row;
    height: 48px;
    gap: 40px;

}
.history-nav .prev {
    flex: 1;
    background-image: url('/info/images/arrow-prev.png');
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
}
.history-nav .next {
    flex: 1;
    background-image: url('/info/images/arrow-next.png');
    background-repeat: no-repeat;
    background-position: right center;
    cursor: pointer;
}


.bx-nav-angle-bottom {
    display: none !important;
}
#map {

    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: unset;
    max-height: calc(100vh - 94px);
    position: relative;
    /*height: calc(40vh + 1rem);*/

}


/*
#office-list {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0;
    position: fixed;
    top: 40vh;
    left: 0;
    right: 0;
    border-radius: 1rem 1rem 0 0;
    box-shadow: rgb(0 0 0 / 25%) 0 -1rem 1rem;
}*/
#office-list {
    display: flex;
    flex-direction: column;

}

#search {


    position: fixed;
    left: 0px;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 1rem 0;

    display: none;
}
#search .blur {
    backdrop-filter: none;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(204, 204, 204, 0);
    transition: 600ms;
    position: absolute;
}
#search.open {
    display: flex;
}
#search .search-block {
    border-radius: 3px;
    background: white;
    align-items: center;
    transform: translateY(-16rem);
    transition: 1250ms;
    transition-delay: 100ms;
    opacity: 0;
}
#search.active .search-block {
    transform: translateY(0);
    opacity: 1;
}
#search.active .blur {
    background: #222222d9;
    /*backdrop-filter: blur(1px);*/
}
#search input {
    border: none;
    width: 100%;

    padding: 10px;
    font-size: 16px;
}
#search input:focus-visible {
    outline: none;
}
#resultSearch {
    color: white;
    /* z-index: 1111; */
    position: relative;
    margin: 0.5rem;
    animation: ani 2s forwards;
}
@keyframes ani {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
#resultSearch .item {
    display: flex;
    background: white;
    margin: 0.5rem 0;
    color: #333;
    padding: 1rem;
    min-height: 110px;
    border-radius: 0.2rem;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
}

#resultSearch img {
    margin-right: 20px;
    height: 80px;
}
#resultSearch .item .search-result-button {
    background-color: #e41313;
    padding: 10px 20px;
    color: white;
    text-decoration: none;
    text-align: center;
}
#resultSearch .item .no-photo {
    height: 80px;
    width: 80px;
    background: #999;
    color: white;
    text-align: center;
    margin-right: 20px;
    padding-top: 20px;
    font-size: 14px;
}

#content-section-history .history-item {
    position: relative;
    width: calc(50% + 2px);
    border-right: #ccc 2px solid;
    border-top: #ccc 2px solid;
}
#content-section-history .history-item:nth-child(odd) {
    justify-content: flex-end;
    margin-left: 50%;
    border-right: none;
    border-left: #ccc 2px solid;
}
#content-section-history .history-item-block {
    /*правил 19.08, было 70%*/
    width: 90%;
    padding: 1rem;
}

#content-section-history .history-item:after {
    content: '';
    position: absolute;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    border: red 2px solid;
    margin-top: -6.5px;
    right: -6.5px;

    background: white;


}
#content-section-history .history-item:nth-child(odd):after {

    left: -6.5px;
    right: auto;
}
#content-section-history .history-item:last-child {
    border-left: none;
    border-right: none;
}
@media (max-width: 920px){
    /*#header .logo {
        opacity: 0;
    }*/

    .my-xs-50 {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }


    #header .phone {
        margin: 0 12px;
        min-width: unset;
    }
    #header .icon {
        margin: 0 12px;
    }
}
@media (min-width: 920px){

    #search {
        padding: 4rem 0;
    }
    #search input {
        font-size: 30px;
    }
    #header .logo {
        flex: none;
    }
    #header .logo .qp {

    }

    #header .desktop-menu {
        display: flex;
    }
    .collections {
        flex-direction: row;
    }
    .collections .collection:first-child {
        margin-right: 1rem;
    }

    .collections .collection {
        padding: 60px;
    }
    .collections .collection .title {
        font-size: 60px;
        flex: none;
        height: 60%;
    }
    .collections .collection .text {
        font-size: 16px;
        margin-bottom: 14px;
    }
    .collections .collection .param {
        font-size: 16px;
    }
    .collections .collection .param .name { flex: 2}

    .text-promo-6 {
        font-size: 48px !important;
        line-height: 1.2 !important;
    }
    #map {
        position: fixed;
        left: 50%;
        top: 94px;
        right: 0;
        bottom: unset;

    }
    .absoluteMap {
        position: absolute !important;
    }
    .fixedMap {
        position: fixed;
    }
    #office-list {
        overflow-y: hidden;
        overflow-x: hidden;
        padding: 0 15px;
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        border-radius: 0;
        box-shadow: none;
        background: white;
    }


}
@media (min-width: 1200px) {
    .collections .collection .title {
        font-size: 80px;
    }
    .collections .collection .param .name { flex: 1}
    .text-promo-6 {
        font-size: 60px !important;
        line-height: 1.2 !important;
    }
}
@media (min-width: 1400px) {
    .text-promo-6 {
        font-size: 72px !important;
        line-height: 1.2 !important;
    }

}

.lines-infographics-block {
    border: solid;
    height: 130px;
    border-bottom: none;
    margin-top: -100px;
    z-index: -1;
}
.lines-infographics-block-left {
    border-right: none;
}

.lines-infographics-block-mobile {
    border: solid;
    border-left: none;
    border-top: none;
    margin: -60px 0 50px -80px;
    z-index: -1;
}

.vertical-line {
    padding-left: 15px;
    border-left: solid 3px var(--main-active-color);
}
.vertical-line-green{
    padding-left: 15px;
    border-left: solid 3px #79b47f;
}
.benefits-grey{
    /*    background-color: #1e1e1e;*/
    padding: 20px;
    height: 210px;

}
.img-benefits-icon {
    width: 190px;
    margin-bottom: 15px;
}

@media (max-width: 800px) {
    .img-benefits-icon {
        width: 140px;
    }
}


#footer .desktop-menu a {
    color: #777e89;
    padding: 0px;
    transition: 0.3s;
    text-decoration: none;
}
#footer .desktop-menu ul{
    display: block;
}
#footer .desktop-menu a:hover {
    color: #fff;
}
#footer .bx-nav-1-lvl-link-text {
    padding: 6px 0 !important;
    text-transform: none;
    font-weight: 500;
}
#footer .bx-top-nav-container {
    padding: 20px 0;
}

#footer .bx-active a.bx-nav-1-lvl-link {
    color: #fff !important;
}

/*.xsd-form-table tr {*/
/*    border-bottom: solid 1px #ecebeb;*/
/*}*/
.xsd-form-table input[type=text], .xsd-form-table select {
    background: #fafafa;
}

#formRequest div {
    background: #fafafa;
    padding: 30px;
}
input[name="web_form_submit"] {
    /*background-color: #e41313;
    border: none;*/
    padding: 10px 20px;
    /*color: white;*/
}
input[type="reset"] {
    background-color: #747474;
    border: none;
    padding: 10px 20px;
    color: white;
}

#section11 {
    margin-bottom: -50px;
}


/* Конец стилей Красовского */

#section4 .content-advantage .advantage .img {
    height: 100vh;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
#section4 .content-advantage-dark img {
    opacity: 1 !important;
    position: absolute;
    min-height: auto;
    max-height: 100vh;
    height: 100vh;
    display: block;
    left: 0;
    transition: 0ms;
}
#regionLinkContainer {
    line-height: 54px;
    z-index: 995;
}
#regionShadow {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-indeX: 400;
    background: #2b2a29a3;
    z-indeX: 400;
    backdrop-filter: blur(1px);
}
#regionShadow.open {
    display: block;
    z-index: 999;
}
#regionList {
    display: none;
    position: fixed;
    width: 50vw;
    min-width: 768px;
    left: 50%;
    margin-left: -25vw;
    top: 20vh;
    z-index: 100;
    background: white;
    padding: 40px;
    filter: drop-shadow(2px 4px 6px #3334);
    z-index: 500;
    max-height: 70vh;
    overflow-y: auto;
}
#regionList.open {
    display: block;
    z-index: 999;
}
#regionList a {
    color: var(--color-black);
}
#regionLinkPage {
    cursor: pointer;
    border-bottom: var(--color-black) 1px dashed;
    display: inline-block;

}
#regionDescription {
    height: 2rem;
    font-size: 1rem;
}

/* Page Info */
#page.page-info #content {
    min-height: unset;
}
#page.page-info .banner {
    background-image: url('/info/images/banner1.jpg');
    background-size: cover;
    background-position: center bottom;
    height: 700px;
    display: flex;
    align-items: center;
}

#page.page-info .banner-structure {
    background-color: #2b2a29;
    /*background-image: url('/info/images/layers-w-text.jpg');
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
    height: 850px;
    display: flex;
    align-items: start;
    color: white;
    padding-top: 100px;*/
    position: relative;
}

#page.page-info .banner-structure .head-layer {
    position: absolute;
    z-index: 1;
    top: 100px;
    width: 100%;
    color: white;
}

/*#page.page-info .blocks .block-item {*/
/*    gap: 20px;*/
/*}*/
/*#page.page-info .blocks .block-item .img {*/
/*    flex: 1;*/
/*}*/
/*#page.page-info .blocks .block-item .description {*/
/*    flex: 1;*/
/*    font-size: 16px;*/
/*}*/

.blocks .block-item {
    gap: 20px;
}
.blocks .block-item .img {
    flex: 1;
}
.blocks .block-item .description {
    flex: 1;
    font-size: 16px;
}


.blocks .block-item:nth-child(odd) .description {
    padding-left: 100px;
}
.blocks .block-item:nth-child(even) .description {
    padding-right: 100px;
}

#page.page-info .img-fluid {
    width: 100%;
    max-height: 400px;
}

/* partnership-dealers */
.bg-medium-gray {
    background: #F7F7F7;
    border: #F7F7F7 1px solid;
    position: relative;
}
#page.page-partnership #content {
    min-height: unset;
}

#page.page-partnershipdealers #content {
    min-height: unset;
}
#page.page-partnershipdesigner #content {
    min-height: unset;
}

#page.page-partnershipdealers .property,
#page.page-partnershipdesigner .property {
    font-size: 18px;
    line-height: 22.4px;
}

.bg-head-border {
    height: 30px;
    background: white;
}
.bg-head-partner {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 50% auto;
    background-image: url('/partnership/images/partner-head.jpg');
}
.bg-head-partner-designer {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 50% auto;
    background-image: url('/partnership/images/partner-design-head.jpg');
}
.page-partners-head {
    background: linear-gradient(90deg, white 50%, transparent 50%);
    padding: 0 80px;
    height: calc(50vw / 847 * 640);
    display: flex;
    flex-direction: row;
    align-items: center;
}


.partner-plus {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 30px;
}
.partner-plus .partner-plus-icon {
    width: 80px;
    height: 80px;
    display: block;
    object-fit: contain;
}
.partner-plus .partner-plus-title {
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}
.warehouse-list {
    gap: 20px;
    display: flex;
    flex-direction: column;
}
.warehouse-value {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 16px;
}
.warehouse-value .value {
    font-size: 44px;
    font-weight: 600;
}.warehouse-value h4 {
    margin-bottom: 0;
 }

.partner-block-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-partners-steps .step-item {
    width: 211px;
    height: 120px;
    background-image: url('/partnership/images/stepbg.svg');
    background-size: contain;
    backround-repeat: no-repeat;
    position: relative;
}
.page-partners-steps .step-item span {
    position: absolute;
    left: 12%;
    top: 1rem;
}
.page-partners-steps .step-item .text {
    position: absolute;
    left: 24%;
    right: 10%;
    top: 50%;
    text-align: center;
}
.partner-request-photo-block {
    position: absolute;
    left: 0;
    top:max(10vw, 200px);
    width: 45vw;
    aspect-ratio: 1;
    background-image: url('/partnership/images/partner-request-photo.jpg');
    background-size: cover;

}
.partner-design-request-photo-block {
    position: absolute;
    left: 0;
    top:max(10vw, 200px);
    width: 45vw;
    aspect-ratio: 1;
    background-image: url('/partnership/images/partner-design-request-photo.jpg');
    background-size: cover;
}

.banner-structure.banner-structure--promo {
    width: 100%;
    overflow: hidden;
}

.banner-structure.banner-structure--promo .head-layer {
    z-index: 999;
    display:flex;
    width: 100%;
    padding-top: 0;
    color: black;
}

.video-about--history{
    padding-top: 150px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.video-about-title{
    max-width: 632px;
}
.catalog-pagination{
    display: flex;
    justify-content: center;
}
.catalog-pagination__item{
    color: var(--dark);
    text-decoration: none !important;
}
.catalog-pagination__item.active{
    color: #fff;
    background-color: var(--dark);
    padding: 2px 5px;
}
#btnSearchClose{
    max-width: 55px;
}
.designers{
    overflow: hidden;
}
.designers-top{
    display: flex;
    width: 100%;
    align-items: center;
}
.designers-top-bg__img, .designers-top-bg{
    width: 100%;
}
.banner-right--designers,
.designers-top-left{
    position: relative;
    z-index: 999;
}
.designers-top-content{
    width: 100%;
    position: absolute;
}
.designers-top-wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.designers-top-list{
    display: flex;
    gap: 25px;
}
.designers-top-left{
    background-color: rgba(0, 0, 0, 0.47);
    padding: 100px 39px 69px 39px;
    color: #fff;
    max-width: 675px;
}
.designers-top-title, .stackers-banner-box{
    font-size: 47px;
    line-height: 1.2;
    padding-bottom: 122px;
}
.stackers-banner-box{
    padding-bottom: 0;
    color: #fff;
    position: relative;
    z-index: 500;
    padding: 100px 98px 120px 0;
}

.designers-top-title-up,
.stackers-banner-box{
    text-transform: uppercase;
}
.designers-top-title-bold,
.stackers-banner-title{
    text-transform: uppercase;
    font-weight: bold;
}
.designers-top-list-item{
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
}
.designers-top-list-item--projects{
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    padding: 0 29px;
}


.region-ozon{
    background-color: #FAFAFA;
    padding: 42px 24px;
    max-width: 624px;
}
.region-ozon-wrap{
    display: flex;
    justify-content: space-between;
}
.region-ozon-text{
    font-size: 16px;
    line-height: 1.2;
    max-width: 157px;
}
.region-ozon__link{
    background-color: #FAFAFA;
    position: relative;
    right: 25px;
}
.designers-top-list-item:nth-child(2){
    border-left: 2px solid;
    border-right: 2px solid;
    padding: 0 20px;
}
@media(min-width: 576px) {
    .banner-structure.banner-structure--promo .head-layer {
        padding-top: 30px;
        position: absolute;
        color: white;
    }

    .banner-structure.banner-structure--promo .head-layer .h-label {
        color: white;
    }
}

@media(min-width: 768px) {
    .banner-structure.banner-structure--promo .head-layer {
        padding-top: 30px;
    }
}

@media (max-width: 768px) {
    .banner-structure img {
        width: 160%;
        margin-left: -25%;
    }
    .workarea .bx_sidebar{
        flex-direction: column;
    }
    .content-catalog-wrap{
        flex-direction: column;
    }
}

@media (min-width: 768px) {
    .banner-structure.banner-structure--promo img {
        width: 160%;
        margin-left: -25%;
    }
}

@media (min-width: 1200px) {
    .banner-structure.banner-structure--promo img {
        width: 100%;
        margin-left: 0;
    }
}

/* mobile */
@media (max-width: 768px) {
    .menu-section {
        flex-direction: column;
    }
    .menu-section .menu-section-item {
        flex: none;
        height: 4rem;
        display: flex;
        align-items: center;
        padding: 0.25rem;
        text-decoration: none;
        color: #AAA;
        border-bottom: var(--bg-gray) 1px solid;
    }
    .menu-section .menu-section-item img {
        width: 32px;
        heigth: 54px;
        object-fit: cover;
        border-radius: 0.25rem;
        aspect-ratio: 1;
        /* display: block; */
    }

    .slide .title-second {
        font-size: 16px;
    }

    #regionList {
        width: 90vw;
        margin-left: -45vw;
        min-width: unset;
    }

    .blocks .block-item:nth-child(odd) .description {
        padding-left: 0;
    }
    .blocks .block-item:nth-child(even) .description {
        padding-right: 0;
    }

    .block-list-item {
        flex-direction: column;
    }
    .block-list-item img {
        width: 100%;
    }
    .block-list-item .description {
        padding: 0 20px 20px 20px;
    }
    .video-list {
        flex-direction: column;
    }
    #page.page-info .banner-structure .head-layer {
        position: static;
        padding-top: 50px;
    }
    #page.page-info .doc-links {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .bg-head-partner {
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 100% auto;
        background-image: url(/partnership/images/partner-head.jpg);
        padding-top: calc(100vw / 847 * 600 * 0.8);
    }
    .page-partners-head {
        background: white;
        padding: 20px;
        height: auto;
    }
    .partner-request-photo-block {
        position: static;
        top: 0;
        width: 100%;
        aspect-ratio: 1.5;
    }
    .partner-plus {
        margin-top: 20px;
        margin-bottom: 20px;

    }
    .partner-plus .partner-plus-icon {
        width: 60px;
        height: 60px;
    }
    .partner-plus .partner-plus-title {
        font-size: 16px;
    }

    .partner-request-photo-block {
        position: static;
        left: 0;
        top:0;
        width: 100%;
        aspect-ratio: 1.5;
        background-image: url('/partnership/images/partner-request-photo.jpg');
        background-size: cover;
        background-position: center center;

    }
    .partner-design-request-photo-block {
        position: static;
        left: 0;
        top: 0;
        width: 100%;
        aspect-ratio: 1.5;
        background-image: url('/partnership/images/partner-design-request-photo.jpg');
        background-size: cover;
        background-position: center center;
    }
}

@media (max-width: 1000px) {
    #regionLinkContainer {
        display: flex;
    }
}
.partnership-steps .step {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.partnership-steps .step .num {
    background-image: url("/images/partnership/arrow.svg");
    flex: none;
    width: 40px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}
.partnership-steps .step .description {
    background: #fafafa;
    height: 120px;
    flex: 1;
    display: flex;
    flex-direction: row;
}
.partnership-steps .step .description .img {
    width: 100px;
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
.partnership-steps .step .description span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    text-align: center;
    font-size: 16px;
}

#header .desktop-menu a.bx-nav-2-lvl-link {
    justify-content: flex-start;
}
.bx-nav-2-lvl-link-text {
    text-align: left;
    font-weight: normal;
    white-space: nowrap;
}

.popup_geo_ask {
    position: absolute;
    filter: drop-shadow(2px 4px 6px black);
    background: white;
    padding: 1rem;
    color: var(--color-black);
}

.blog h3 {
font-size: 20px;
font-weight: bold;
}
.blog {
font-size: 16px;
}
.blog img {
    width: auto;
    max-width: 55%;
    max-height: 100%;
    height: auto;
    margin: auto;
    display: block;
    margin: auto;
    padding-bottom: 20px;

}
.blog-list img{
    max-width: 100% !important;
}
.blog a {
	color: var(--color-black);
}
.collection-list .collection-elements {
    display: none;
}

span.bx-filter-input-checkbox {
    display: flex;
    gap: 8px;
}

a.label-bonus {
    width: 80px;
    position: absolute;
    background-image: url("/images/warranty.png");
    height: 60px;
    right: 30px;
    top: 18px;
    background-size: contain;
}
/*
.catalog-section-item-wrapper:hover a.label-bonus { 
	right: 40px;
    top: 28px;
}*/

a.detail-label-bonus {
    position: absolute;
    right: 0;
    top: -10px;
    width: 90px;
    height: 95px;
    background-image: url(/images/bonus.png);

    background-size: 90px 95px;
    background-position: center;
    background-repeat: no-repeat;

    background-size: 120px 95px;
    width: 120px;
    top: -20px;
    background-image: url(/images/warranty.png);
    background-size: 120px 95px;


}

@media (min-width: 768px) {
    a.detail-label-bonus {
     /*   top: -14px;
        width: 120px;
        height: 126px;
        background-size: 120px 126px;
      */

        top: -26px;
        width: 120px;
        height: 101px;
        background-size: 128px 86px;
    }
}

.photo-container-modal {
    /*position: relative;*/
}

.photo-container-modal.open a.detail-label-bonus {
    top: 4px;
}

@media (min-width: 768px) {
    .photo-container-modal.open a.detail-label-bonus {
        top: 0;
    }
}

.close-photo-container {
    display: none;
    position: fixed;
    font-size: 0;
    height: 40px;
    width: 40px;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.photo-container-modal.open .close-photo-container {
    display: block;
}

.sub-banner {
    position: absolute;
    width: 100%;
    min-width: 320px;
    bottom: 0;
    height: 100px;
    max-height: 20vh;
    background-image: url('/images/banner-2023-05-02/background.jpg');
    background-size: cover;
}

.main-photo--obFitCont, .more-photo-item--obFitCont img{
    object-fit: contain !important;
}

@media (min-width: 768px) {
    .sub-banner {
        height: 130px;
    }
}

@media (min-width: 578px) {
    .sub-banner {
        height: 150px;
    }
}

@media (min-width: 1200px) {
    .sub-banner {
        height: 170px;
    }
}

.sub-banner__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.sub-banner__conf-name {
    margin-bottom: 0;
    height: 40px !important;
    width: 100px !important;
    background-image: url('/images/banner-2023-05-02/conf-name-min.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px 40px;
}

@media (min-width: 576px) {
    .sub-banner__conf-name {
        height: 70px !important;
        width: 176px !important;
        background-image: url('/images/banner-2023-05-02/conf-name-middle.png');
        background-size: 176px 70px;
    }
}

@media (min-width: 1200px) {
    .sub-banner__conf-name {
        height: 128px !important;
        width: 321px !important;
        background-image: url('/images/banner-2023-05-02/conf-name.png');
        background-size: 321px 128px;
    }
}

.sub-banner__date-and-number {
    margin-bottom: 0;
    height: 40px !important;
    width: 100px !important;

    background-image: url('/images/banner-2023-05-02/date-100.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px 40px;
}

@media (min-width: 576px) {
    .sub-banner__date-and-number {
        height: 70px !important;
        width: 169px !important;
        background-image: url('/images/banner-2023-05-02/date-middle.png');
        background-size: 169px 70px;
    }
}

@media (min-width: 1200px) {
    .sub-banner__date-and-number {
        height: 110px !important;
        width: 265px !important;
        background-image: url('/images/banner-2023-05-02/date_and_number.png');
        background-size: 265px 110px;
    }
}

/* Вариант, когда карточки с преимуществами лежат рядом с видео */
/*.custom-list {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    justify-content: flex-start;*/
/*    gap: 40px;*/
/*}*/

/*.custom-list__item {*/
/*    width: 100%;*/

/*    padding: 20px;*/
/*    background: white;*/
/*    display: inline-block;*/
/*    !*width: 200px;*!*/
/*    !*height: 100px;*!*/
/*    !*margin: 50px;*!*/
/*    box-shadow: 4px 4px 33px 0px rgba(34, 60, 80, 0.2);*/

/*}*/

/*@media(min-width: 768px) {*/
/*    .custom-list__item {*/
/*        flex-basis: 45%;*/
/*    }*/
/*}*/

.simple-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 60px;
}

@media(min-width: 768px) {
    .simple-list {
        margin-top: 80px;
    }
}

.simple-list__item {
    flex-basis: 100%;
}

@media(min-width: 768px) {
    .simple-list__item {
        flex-basis: 45%;
    }
}

.simple-item {
    margin-bottom: 35px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.simple-item::before {
    content: '';
    position: absolute;
    top: 8px;
    display: block;
    height: 30px;
    width: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 30px 30px;
}

.simple-item--wood.simple-item::before {
    background-image: url(/promo/images/icon-wood.png);
}

.simple-item--water.simple-item::before {
    background-image: url(/promo/images/icon-water.png);
}

.simple-item--square.simple-item::before {
    background-image: url(/promo/images/icon-square.png);
}

.simple-item--lock.simple-item::before {
    background-image: url(/promo/images/icon-lock.png);
}

.simple-item__text {
    margin-left: 65px;
    margin-bottom: 0 !important;
    max-width: 450px;
}

.simple-item__description {
    font-size: var(--basic-font-size);
    line-height: var(--basic-line-heigth);
    margin-bottom: 0 !important;
}

.basic-text {
    font-size: var(--basic-font-size);
    line-height: var(--basic-line-heigth);
    font-weight: 400;
}

.decorated-list {
    width: 100%;
    display: flex;
    gap: 20px;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none;
}

.decorated-list__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-basis: 170px;
    padding: 20px;
}

.decorated-list__item:nth-child(2n+1) {
    background-color: rgba(0,0,0, 0.2);
}

.decorated-list__item > span {
    width: 100%;
    text-align: center;
    display: block;
    padding: 8px 20px;
}

.decorated-list__item:hover {
    /*display: block;*/
    /*background-color: black;*/
    outline: 4px solid var(--color-accent);
}

.decorated-list__item:hover::before {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg);
}

.decorated-list__item:hover {
    background-color: rgba(0,0,0, 0.3);
}

.decorated-list__item::before {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: center;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.decorated-list__item--straight.decorated-list__item::before {
    background-image: url(/promo/images/icon-straight.svg);
}

.decorated-list__item--strong.decorated-list__item::before {
    background-image: url(/promo/images/icon-strong.svg);
}

.decorated-list__item--stable.decorated-list__item::before {
    background-image: url(/promo/images/icon-stable.svg);
}

.decorated-list__item--clean.decorated-list__item::before {
    background-image: url(/promo/images/icon-clean.svg);
}

.decorated-list__item--dry.decorated-list__item::before {
    background-image: url(/promo/images/icon-dry.svg);
}

.packing {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (min-width: 768px) {
    .packing {
        flex-direction: row;
    }
}

.packing__type {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.packing__type:first-child {
    margin-bottom: 60px;
}

@media (min-width: 768px) {
    .packing__type {
        width: 45%;
    }

    .packing__type:not:last-child {
        margin-bottom: 0;
    }
}

.packing__images {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.packing__image {
    width: 48%;
}

.packing__image:last-child {
    display: none;
}

.packing__title-wrapper {

}

.packing__title {
    margin-top: 35px;
    align-self: flex-start;
}

@media(min-width: 768px) {
    .packing__image {
        width: 31%;
    }

    .packing__image:last-child {
        display: block;
    }
}

.slider {
    width: 100%;
    background-color: #131313;
}

.slider__wrapper {
    width: 100%;
    position: relative;
    margin: 0;
    height: 300px;
    overflow: hidden;
}

@media (min-width: 576px) {
    .slider__wrapper {
        height: 400px;
    }
}

@media (min-width: 768px) {
    .slider__wrapper {
        height: 400px;
    }
}

@media (min-width: 1200px) {
    .slider__wrapper {
        height: 500px;
    }
}

@media (min-width: 1400px) {
    .slider__wrapper {
        height: 720px;
    }
}

.slider__content {
    width: 100%;
    height: 100%;
    position: relative;
}

.slider__slide {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.6s ease-in-out;
    -o-transition: opacity 0.6s ease-in-out;
    -moz-transition: opacity 0.6s ease-in-out;
    transition: opacity 0.6s ease-in-out;
}

.slider__slide.active {
    opacity: 1;
    visibility: visible;
}

.slider__img {
    width: 100%;
    height: 100%;
}

.slider__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.slider__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    z-index: 999;
    bottom: 0;
    height: 40px;
}

.slider__arrow {
    width: 100%;
    height: auto;
}

.slider__arrow svg {
    width: 100%;
    height: auto;
    max-height: 0.8125rem;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    transition: all 0.6s;
}

.slider__arrow svg.pk {
    display: block;
}

.slider__arrow svg.mb {
    display: none;
}
.banner-button__item{
    cursor: pointer;
}
.banner-button__item:nth-child(2){
    border-left: 3px solid #fff;
    border-right: 3px solid #fff;
    padding: 0 40px;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 600;
    color: var(--color-black);
}
#regionLinkContainer{
    display: flex;
}
/*
.icon--tg{
    position: relative;
    left: -17px;
    bottom: 11px;
}
*/
@media screen and (max-width: 1080px) {
    .slider__arrow svg.pk {
        display: none;
    }

    .slider__arrow svg.mb {
        display: block;
    }
}

.slider__arrow:hover {
    cursor: pointer;
}

.slider__arrow:hover svg {
    stroke: #E3B873;
}

.slider__arrow--mb {
    display: none;
}

.slider__dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 1.3125rem;
}

.slider__dots div {
    display: block;
    width: 0.625rem;
    height: 0.625rem;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    background-color: #fff;
    opacity: 0.3;
    margin-top: -1px;
    margin-left: 0.625vw;
    margin-right: 0.625vw;
    -webkit-transition: opacity 0.6s;
    -o-transition: opacity 0.6s;
    -moz-transition: opacity 0.6s;
    transition: opacity 0.6s;
}

.slider__dots div.active,
.slider__dots div:hover {
    cursor: pointer;
    opacity: 1;
}

@media screen and (max-width: 480px) {
    .slider__arrow {
        top: 0;
    }

    .slider__dots {
        top: 0;
    }
}

@media screen and (max-width: 1080px) {
    .slider__wrapper {
        position: relative;
    }

    .slider__slider {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .slider__slide {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -moz-box-orient: vertical;
        -moz-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        background-color: #131313;
    }

    .slider__dots {
        width: 100%;
        position: absolute;
        bottom: inherit;
        top: 0;
        margin: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .slider__dots div {
        margin: 0 0.5rem;
    }

    .slider__nav {
        width: 100%;
    }

    .slider__arrow {
        width: 2.25rem;
        height: 2.25rem;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background-color: #E3B873;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        border-radius: 100%;
        position: absolute;
        bottom: inherit;
        top: 0;
        -webkit-transition: all 0.6s;
        -o-transition: all 0.6s;
        -moz-transition: all 0.6s;
        transition: all 0.6s;
    }

    .slider__arrow:hover {
        background-color: #dfad5e;
    }

    .slider__arrow--prev {
        left: 1.25rem;
    }

    .slider__arrow--prev svg {
        margin-left: -5px;
    }

    .slider__arrow--next {
        right: 1.25rem;
    }

    .slider__arrow--next svg {
        margin-right: -5px;
    }

    .slider__arrow--mb {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }

    .slider__arrow--mb svg {
        width: 1.25rem;
        height: auto;
        max-height: 0.9375rem;
    }
}

@media screen and (min-width: 1080px) {
    .slider__nav {
        width: 100%;
    }
}

.video__wrapper {
    height: 600px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.video__shadow {
    z-index: 2;
    top:0;
    bottom:0;
    left: 0;
    right: 0;
    position: absolute;
    box-shadow: 10px -89px 100px 65px rgba(0, 0, 0, 0.59) inset;
}

.video {
    height: 800px;
    width: 100%;
    position: absolute;
    top:0;
    bottom: 0;
    object-fit: cover;
}

.video__content {
    position: absolute;
    bottom: 0;
    /*background: rgba(0, 0, 0, 0.5);*/
    color: #f1f1f1;
    width: 100%;
    padding-bottom: 20px;
    z-index: 999;
}


.video__btn {
    height: 70px;
    width: 70px;

    padding: 0;
    margin: 0;

    font-size: 0;
    /*border-radius: 50%;*/
    border: 1px solid white;
    outline: 4px solid var(--color-black);
    background-color: white;
    z-index: 9999;
}

@media (min-width: 768px) {
    .video__btn {
        height: 100px;
        width: 100px;
    }
}

.video__btn:hover,
.video__btn:focus {
    outline: 4px solid var(--color-accent);
}

.video__btn:active {
    border: 3px solid var(--color-accent);
    background-color: var(--color-accent);
}

.video__btn--play:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center;
    background-image: url(/promo/images/icon-play.svg);
    /*-webkit-transition: all 1s ease;*/
    /*transition: all 1s ease;*/
}

.video__btn:hover:before,
.video__btn:focus:before {
    /*background-color: red;*/
    /*-webkit-transform: rotate(10deg);*/
    /*transform: rotate(10deg);*/
    color: red;
    background-image: url(/promo/images/icon-play--accent.svg);

}

.video__modal {
    width: 100%;
}

.feature__list {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media(min-width: 768px) {
    .feature__list {
        flex-direction: row;
    }
}

.feature__item {
    width: 100%;
    background-color: var(--color-black);
    color: white;
}

@media(min-width: 768px) {
    .feature__item {
        /*width: auto;*/
        max-width: 25%;
    }
}

.feature__img {
    height: 200px;
    width: 100%;
    background-size: cover;
    overflow: hidden;
    position: relative;
}

.feature__img--wood {
    background-image: url(/promo/images/wood.jpg);
}

.feature__img--water {
    background-image: url(/promo/images/water.jpg);
}

.feature__img--square {
    background-image: url(/promo/images/square.jpg);
}

.feature__img--lock {
    background-image: url(/promo/images/lock.jpg);
}

.feature__img::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.4);
}

.feature__text {
    width: 100%;
    position: relative;
    padding: 100px 20px 20px;
    margin-bottom: 0;
}

.feature__text::before {
    content: '';
    display: block;
    height: 100px;
    width: 100px;
    position: absolute;
    top: -50px;
    left: calc(50% - 50px);
    /*border-radius: 50%;*/
    background-color: white;
    outline: 4px solid var(--color-black);
    -webkit-transition: all 1s ease;
    transition: all 1.2s ease;
}

.feature__text::after {
    content: '';
    display: block;
    height: 100px;
    width: 100px;
    position: absolute;
    top: -50px;
    left: calc(50% - 50px);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.feature__title {
    margin-bottom: 20px;
}

.feature__item--wood > .feature__text::after {
    background-image: url(/promo/images/icon-wood.png);
}

.feature__item--water > .feature__text::after {
    background-image: url(/promo/images/icon-water.png);
}

.feature__item--square > .feature__text::after {
    background-image: url(/promo/images/icon-square.png);
}

.feature__item--lock > .feature__text::after {
    background-image: url(/promo/images/icon-lock.png);
}

.feature__item--straight > .feature__text::after {
    background-image: url(/promo/images/icon-straight-black.svg);
}

.feature__item--straight > .feature__img {
    background-image: url(/promo/images/straight.png);
}

.feature__item--strong > .feature__text::after {
    background-image: url(/promo/images/icon-strong-black.svg);
}

.feature__item--strong > .feature__img {
    background-image: url(/promo/images/strong.png);
}

.feature__item--stable > .feature__text::after {
    background-image: url(/promo/images/icon-stable-black.svg);
}

.feature__item--stable > .feature__img {
    background-image: url(/promo/images/stable.png);
}

.feature__item--clean > .feature__text::after {
    background-image: url(/promo/images/icon-clean-black.svg);
}

.feature__item--clean > .feature__img {
    background-image: url(/promo/images/clean.png);
}

.feature__item--dry > .feature__text::after {
    background-image: url(/promo/images/icon-dry-black.svg);
}

.feature__item--dry > .feature__img {
    background-image: url(/promo/images/dry.png);
}

.feature__item:hover .feature__text::before,
.feature__item:focus .feature__text::before {
    outline: 4px solid var(--color-accent);
}

.feature__item:hover .feature__title,
.feature__item:focus .feature__title{
    color: var(--color-accent);
}

.feature__item:hover .feature__text::after,
.feature__item:focus .feature__text::after {
    /*-webkit-transform: rotate(10deg);*/
    /*transform: rotate(10deg);*/
}

.feature__item--straight:hover .feature__text::after,
.feature__item--straight:focus .feature__text::after {
    background-image: url(/promo/images/icon-straight--accent.svg);
}

.feature__item--strong:hover .feature__text::after,
.feature__item--strong:focus .feature__text::after {
    background-image: url(/promo/images/icon-strong--accent.svg);
}

.feature__item--stable:hover .feature__text::after,
.feature__item--stable:focus .feature__text::after {
    background-image: url(/promo/images/icon-stable--accent.svg);
}

.feature__item--clean:hover .feature__text::after,
.feature__item--clean:focus .feature__text::after {
    background-image: url(/promo/images/icon-clean--accent.svg);
}

.feature__item--dry:hover .feature__text::after,
.feature__item--dry:focus .feature__text::after {
    background-image: url(/promo/images/icon-dry--accent.svg);
}

.range__list {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    flex-direction: column;
    gap: 50px;
    list-style-type: none;
}

@media (min-width: 768px) {
    .range__list {
        flex-direction: row;
    }
}

.range__item {
    width: 100%;
    position: relative;
    border: 2px solid var(--color-black);
}

@media(min-width: 768px) {
    .range__item {
        width: 45%;
        max-width: 450px;
    }
}

.range__item:hover .range__header h3,
.range__item:focus .range__header h3 {
    color: var(--color-accent);
}

.range__header {
    padding: 30px;
    background-color: black;
    /*background-color: var(--color-black);*/
    color: white;
    box-sizing: border-box;

}

@media(min-width: 768px) {
    .range__header {
        padding: 20px;
        background-color: black;
    }
}

.range__header h4 {
    margin-bottom: 0;
}

.range__text {
    padding: 20px;
    position: relative;
}

.range__img-wrapper {
    height: 100px;
    width: 100%;
    overflow: hidden;
    background-color: var(--color-black);
    background-size: cover;
}

@media(min-width: 768px) {
    .range__img-wrapper {
        height: 200px;
    }
}

.range__img {
    width: 100%;
    background-size: cover;
}

@media(min-width: 768px) {
    .range__img {
        height: 100%;
    }
}

.custom-carousel .carousel-control-prev .custom-carousel-control,
.custom-carousel .carousel-control-next .custom-carousel-control {
    height: 35px;
    width: 35px;
    background-color: var(--color-black);
    border-radius: 50%;
    margin: 5px;
}

.custom-accordion .accordion-header .accordion-button {
    padding-top: 20px;
    padding-bottom: 20px;
    color: white;
    background-color: var(--color-black);
}

.btn__download {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    padding-right: 5px;
    text-decoration: none;
    color: white;
    font-size: 9px;
    line-height: 15px;
    text-transform: uppercase;
    background-color: var(--color-black); /* стираем стили button */
    border-radius: 3px;
    border: none; /* стираем стили button */
    opacity: 0.5;
}

.btn__download::before {
    content: '';
    width: 18px;
    height: 18px;
    margin-right: 2px;
    background-image: url('images/icon/icon-download-light.svg');
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
}

.btn__download:hover,
.btn__download:focus,
.btn__download:active {
    outline: transparent;
    color: white;
    opacity: 1;
}

.old-price {
    width: 100%;
    text-decoration: line-through;
    font-size: 32px;
    font-weight: 600;
    color: #c0c0c0;
}
.section-old-price{
    display: flex;
    gap: 5px;
    align-items: center;
}
.section-old-price-percent{
    font-size: 12px;
    color: #fff;
    background: linear-gradient(90deg, rgba(227,23,23,1) 0%, rgba(242,92,92,1) 35%);
    width: 43px;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.section-old-price-val {
    width: 100%;
    text-decoration: line-through;
    font-size: 18px;
   /* font-weight: 600; */
    color: #aaa;
}
.section-stock {
    padding: 0;
}
.section-stock img {
    width: 100%
}
.action{
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 15px;
}
.action-link{
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 49%;
    width: 100%;
    border: 2px solid var(--color-black);
    text-decoration: none;
    color: var(--color-black) !important;
    font-size: 16px;
    cursor: pointer;
    font-weight: 600;
}
.action-img img{
    max-width: 30px;
}
.action-text{
    margin-left: 10px;
    line-height: 1;
}
.action-container{
    display: flex;
    align-items: center;
}
.acion-link:hover{
    color: var(--color-black) !important;
}
.catalog-sections{
    display: none !important;
}
.banner-link{
    width: 100%;
    max-width: 540px;
    text-decoration: none;
    display: block;
}
.banner-button{
    width: 100%;
    color: #000;
    /*border: 2px solid #000;*/
    text-align: center;
    padding: 10px 0;
    transition: 0.5s;
    display: flex;
    justify-content: space-between;
    max-width: 535px;
}
.instruction-step__title{
    font-size: 36px;
}
.instruction-step-list{
    padding-top: 25px;
    padding-left: 10px;
}
.instruction-step__item{
    padding-left: 10px;
    display: flex;
    gap: 10px;
}
.instruction-step__item:not(:last-child){
    padding-bottom: 10px;
}
.instruction-step__number{
    font-weight: bold;
    border: 3px solid #797979;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.instruction-step__text{
    flex-basis: 100%;
}
.instruction-important{
    display: flex;
    gap: 25px;
}
.instruction-important-left{
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 27px;
}
.instruction-important__img{
    max-width: 85px !important;
}
.history__img{
	width: 100%;
	max-width: 700px;
}
.history-pic{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-bottom: 30px;
	gap: 30px; 
}
.page-3d-tekstury{
    background: url("/local/templates/quartzparquet_v2/images/3dBG.jpg");
    background-size: cover;
    padding-top: 90px;
    color: #fff;
}
.page-3d-tekstury #content{
    min-height: 560px;
}
.textures{
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 20px;
}
.textures__link{
    text-decoration: none;
    color: #fff;
    border: 2px solid #fff;
    padding: 10px 20px;
    transition: 0.5s;
}
.page-3d-tekstury .bx-breadcrumb-item span{
    color: #fff;
}
.calc-list{
    display: flex;
    gap: 10px;
}
.calc-floor, .calc-classic, .calc-once{
    display: none;
}
.calc-floor.--active, .calc-classic.--active, .calc-once.--active{
    display: block;
}
.calc-list__item{
    cursor: pointer;
    color: #797979;
    padding: 10px;
    transition: 0.5s;
}
.calc-list__item.--active{
    color: #fff;
    background-color: #000;
    border-bottom: 1px solid #000;
}
.calc-content{
    padding: 25px 0;
}
.calc-floor__title--floor, .calc-floor__title--once{
    display: none;
}
.calc-floor__title--floor.--active, .calc-floor__title--once.--active{
    display: block;
}
.buy-block--floor, .buy-block--classic{
    width: 13rem !important;
}
.video-about--info{
    justify-content: space-between;
    width: 100%;
}
.video-about-title h2{
    line-height: 62px;
}
.reviews{
    padding-bottom: 50px;
}
.service-link{
    color: #009fe3;
}
.banner-content{
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-content--info{
    display: flex;
    justify-content: space-between;
}
@keyframes rotate{
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
.banner-right-label{
    animation: rotate 60s linear infinite;;
}
.banner-left{
    width: max-content;
    max-width: 960px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.4);
    padding: 35px;
}
.banner-left .h-label,
.banner-button__link,
.banner-button__item{
    color: #fff !important;
}
.banner-right--hidden{
    visibility: hidden;
}
.banner-right{
    width: 250px;
    height: 250px;
    border-radius: 50%;
    background-color: #2b2a29;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.banner-right:not(.banner-right--main){
    box-shadow: 0px 0px 46px 35px rgba(255, 255, 255, 0.29);
}
.button-toggle{
    position: absolute;
    cursor: pointer;
    transition: 0.5s;
}
.video-modal{
    position: absolute;
    width: 100%;
    height: 120%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    z-index: 1000 !important;
}
.video-modal-dialog{
    width: max-content;
}
.video-modal{
    display: none;
    justify-content: center;
    align-items: center;
}
.video-modal.show{
    display: flex;
}
.video-modal-close{
    font-size: 25px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 30px;
    right: 30px;
}
.video__frame--history{
    width: 1280px;
    height: 500px;
}
.h-label-sub{
    font-size: 20px;
    line-height: 1;
}
.reviews iframe{
    max-width: 1320px !important; 
}
.d-flex--column{
    flex-direction: column;
}
.instruction-step-text--center{
    align-items: center;
}
.instruction-step-text--center div{
    width: 100%;
}
.instruction-step-text--center img{
    max-width: 270px !important;
}
.instruction-step-good{
    width: 100%;
    max-width: 100% !important;
    color: #fff;
    background-color: #539734;
    padding: 89px 125px;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
}

.site-banner{
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 997;
}
.banner-video,
.banner-video-mob{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page-test{
    min-height: 1200px;
}
.container--pos{
    position: relative;
    z-index: 999;
}
.banner-text{
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    max-width: 790px;
    line-height: 1.2;
    text-align: center;
}
/*
#content{
    min-height: unset;
}
*/
#page{
    position: relative;
    z-index: 997;
}
#header{
    z-index: 998;
}
.video-header{
    background-color: rgba(43,42,41,0.4807692307692308) !important;
}
.banner-action{
    display: flex;
    gap: 15px;
    padding-top: 800px;
}
.banner-link{
    color: #fff;
    font-size: 16px;
    border: 1px solid #fff;
    padding: 8px 18px;
    transition: 0.5s;
    font-family: 'Gilroy';
}
.banner-link--buy{
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
}
.banner-link:hover{
    color: #000;
    background-color: #fff;
}
.banner-content:not(.banner-content--info){
    justify-content: center;
    flex-direction: column;
    padding-bottom: 50px;
}
.logo{
    opacity: 1 !important;
}
#owl-carousel-1 .owl-stage,
#owl-carousel-2 .owl-stage,
#owl-carousel-3 .owl-stage{
    max-height: unset;
}
#owl-carousel-1 .owl-item,
#owl-carousel-2 .owl-item,
#owl-carousel-3 .owl-item{
    height: unset;
}
.bx-filter .bx-filter-block{
    display: block;
}
.bx-filter .g-5 {
    --bs-gutter-x: 1rem !important;
}
@keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
                box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 27.5px rgba(128, 128, 128, 0);
                box-shadow: 0 0 0 27.5px rgba(128, 128, 128, 0);
     }
     100% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
                box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}
.btn-question-button{
    background-color: #000;
    width: 75px;
    height: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 13px;
    cursor: pointer;
    animation: pulse 2s 0.2s infinite;
    position: fixed;
    bottom: 25px;
    right: 25px;
    z-index: 999;
}
.modal.show{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}
.modal-form.show{
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.modal-content{
    max-width: 800px;
    background-color: unset !important; 
}
.modal-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 50px;
}
.b24-form-success{
    background-color: #fff !important;
}
#smart-filter-mobile-toggle{
    display: flex !important;
    align-items: center;
}
.open .smart-filter-mobile-icon{
    transform: rotateX(180deg);
}
.site-up{
    position: fixed;
    right: 50px;
    bottom: 20px;
    border-radius: 50%;
    padding: 8px;
    background-color: #141413;
    transition: 0.5s;
    cursor: pointer;
    z-index: 999;
    display: none;
}
.footer-recommended{
    padding-top: 20px;
}
.footer-recommended-content{
    display: flex;
    align-items: center;
    gap: 43px;
}
.footer-recommended-title{
    font-size: 16px;
    text-align: right;
    padding-bottom: 17px;
}
.jcc{
    justify-content: center;
}
.kley__img{
    margin-bottom: 0 !important;
    height: 100%;
    object-fit: contain;
    max-width: 373px !important;
}

.cookie{
    width: 100%;
    position: fixed;
    bottom: 25px;
    display: flex;
    justify-content: center;
    display: none;
    z-index: 999;
}
.cookie-wrap{
    width: 100%;
    max-width: 1000px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgb(75 73 73 / 55%);
    padding: 15px;
}
.cookie-text{
    max-width: 900px;
    color: #fff;
    font-size: 14px;
}
.cookie-button{
    color: #fff;
    background-color: #1b1b1b;
    transition: 0.5s;
    padding: 10px 15px;
    cursor: pointer;
}
.no-padding{
    padding: 0 !important;
}
.hidden{
    overflow-x: hidden;
}
.stackers-banner{
    display: flex;
    align-items: center;
}
.stackers-banner-content{
	width: 100%;
    position: absolute;
}
.stackers-banner-darker{
    width: 3000px;
    height: 100%;
    position: absolute;
    right: 0;
    background-color: rgb(0, 0, 0, 0.47);
}
.stackers-banner-info{
    position: relative;
    max-width: 835px;
}
.stackers-advanteges-item-top{
    background-color: #FAFAFA;
    padding: 20px;
    font-size: 16px;
    border-radius: 5px;
    line-height: 1.2;
    font-weight: 500;
    text-align: center;
}
.stackers-advanteges-item-bottom{
    color: #fff;
    background-color: #000;
    font-size: 20px;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    bottom: 10px;
}
.stackers-advanteges-item:nth-child(1),
.stackers-advanteges-item:nth-child(3){
    max-width: 310px;
}
.stackers-advanteges-item:nth-child(2){
    max-width: 500px;
}
.stackers-advanteges-content{
    display: flex;
    justify-content: space-between;
    gap: 15px;
    width: 100%;
}
.stackers-advanteges-item{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.stackers-advantages-title{
    padding-bottom: 40px;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    max-width: 753px;
}
.stackers-advanteges{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 150px 0;
}
.stackers-instructions-title{
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 42px;
}
.stackers-instructions{
    padding-bottom: 204px;
    padding-top: 150px;
}
.stackers-instructions-item-link{
    text-decoration: none;
    color: #000;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 20px;
}
.stackers-instructions-right{
    padding-top: 25px;
}
.stackers-instructions-item{
    display: flex;
    align-items: center;
}
.stackers-instructions-item:not(:last-child){
    padding-bottom: 25px;
}
.stackers-instructions-item-text{
    width: 450px;
}
.stackers-instructions-content{
    display: flex;
    justify-content: space-between;
}
.stackers-instructions-left{
    width: 100%;
    max-width: 600px;
}
.stackers-banner__img, .stackers-banner-pic{
    width: 100%;
}
.stackers-banner-box-bottom-item{
    cursor: pointer;
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.stackers-banner-box-bottom{
    display: flex;
    gap: 20px;
    padding-top: 24px;
}
.stackers-banner-box-bottom-item:nth-child(2){
    padding-left: 20px;
    border-left: 2px solid #fff;
}
.stackers-list-title{
    font-size: 32px;
    font-weight: bold;
    padding-bottom: 13px;
}
.stackers-list-region{
    width: max-content;
    cursor: pointer;
}
.designers-form-wrap{
    padding-bottom: 84px;
    display: flex;
    justify-content: end;
}
.designers-form{
    background-color: #FAFAFA;
    padding-top: 80px;
    padding-bottom: 86px;
    display: flex;
    align-items: center;
}
.designers-form-content{
    background-color: #fff;
    padding: 3rem;
    max-width: 843px;
    padding-left: 286px;
}
.designers-form-pic{
    position: absolute;
}
.designers-form__img{
    position: relative;
    bottom: 40px;
}
.content-title--media{
    text-align: center;
    font-weight: bold;
    border-bottom: 1px solid #CACACA;
    
    margin: 0;
    padding: 40px 0;
}
.content-title--media h1{
    font-weight: bold;
}
@media(max-width: 1700px){
    .designers-form__img{
        max-width: 800px;
    }
}
@media(max-width: 1400px){
    .catalog-section-item{
        max-width: 223px;
    }
    .stackers-instructions-item-text{
        width: 400px;
    }
    .stackers-instructions-right{
        padding-top: 0;
    }
}
@media(max-width: 1275px){
    .stackers-banner-box{
        padding-top: 60px;
    }
}
@media(max-width: 1200px){
    .catalog-section-item {
        max-width: 200px;
    }
    .stackers-advanteges-content{
        gap: 44px;
    }
    .stackers-instructions-item-text {
        width: 250px;
    }
    .stackers-instructions-video iframe{
        width: 500px;
        height: 260px;
    }
}
@media(min-width: 1165px){
    .banner-video-mob{
        display: none;
    }
}
@media(max-width: 1125px){
    .catalog-section-item {
        max-width: 188px;
    }
    .section-old-price-val{
        font-size: 14px;
    }
    .stackers-banner-pic{
        height: 370px;
    }
    .stackers-banner__img{
        height: 370px;
        object-fit: cover;
    }
}
@media(min-width: 768px){
    .banner-text{
        display: none;
    }
    #smart-filter-mobile-toggle {
        display: none !important;
    }
}
@media(max-width: 1165px){
    .banner-video{
        display: none;
    }
}
@media(max-width: 991px){
    .banner-text{
        padding-top: 0;
    }
    .catalog-section-item {
        width: 100% !important;
    }
    .stackers-advanteges-content{
        gap: 55px;
    }

    .stackers-instructions-content{
        flex-direction: column-reverse;
        gap: 20px;
    }

    .stackers-instructions-item-text{
        width: 380px;
        line-height: 1.3;
    }
}
@media(max-width: 900px){
    .catalog-section-item {
        max-width: 234px;
    }
}
@media(max-width: 768px){
    .banner-action{
        padding-top: 56vh;
    }
    .banner-text{
        padding-top: 140px;
    }
    .blocks .block-item{
        flex-direction: column-reverse !important;
    }
    .catalog-section-item{
        width: 50% !important;
    }
    .stackers-advanteges-content{
        gap: 23px;
    }
    .stackers-advanteges-item-top{
        font-size: 14px;
        padding: 16px;
    }

    @media(max-height: 977px){
        .banner-action{
            padding-top: 40vh;
        }
    }
    @media(max-height: 715px){
        .banner-action {
            padding-top: 30vh;
        }
    }
    @media(max-height: 674px){
        .banner-action{
            padding-top: 78%;
        }
    }
    @media(max-height: 650px){
        .banner-action{
            padding-top: 30%;
        }
    }
    @media(max-height: 590px){
        .banner-action{
            padding-top: 30%;
        }
    }
    .stackers-instructions-item-text{
        width: 280px;
    }
    .stackers-banner-box-bottom-item{
        font-size: 16px;
    }
}
@media(max-width: 670px){
    .cookie-wrap{
        gap: 25px;
    }
    .cookie-text{
        font-size: 11px;
        line-height: 1.5;
    }
}
@media(max-width: 644px){
    .properties-title {
        font-size: 40px;
    }
}
@media(max-width: 507px){
    .banner-text{
        font-size: 24px;
    }
    .catalog-section-item{
        width: 100% !important;
    }
    .cookie-wrap{
        flex-direction: column;
    }
    .stackers-advanteges-content{
        flex-direction: column;
    }
    .stackers-advanteges-item{
        max-width: 100% !important;
    }
    .stackers-advanteges-item-top{
        width: 100%;
    }
    .stackers-instructions-video iframe {
        width: 100%;
    }
    .blog img{
        max-width: 100%;
    }
}
@media(max-width: 400px){
    .stackers-instructions-item-text {
        width: 240px;
    }
}


@media screen { 
    /*
    .banner-button:hover {
        background-color: #fff;
        border-color: #fff;
        color: #000;
    }
    */
    
    .site-up:hover,
    .cookie-button:hover{
        background-color: #000;
    }
    .button-toggle:hover{
        transform: scale(1.1);
    }
    .textures__link:hover{
        color: #000 !important;
        background-color: #FFF;
    }
    .calc-list__item:hover{
        color: #fff;
        background-color: #000;
    }
    .banner-button__item:nth-child(2):hover{
        text-decoration: underline;
    }
}
@media(max-width: 1500px){
    .designers-form__img{
        width: 52vw;
    }
}
@media(max-width: 1400px){
    .banner-left{
        max-width: 800px;
    }
    .video__frame--history {
        width: 960px;
        height: 576px;
    }
    .region-ozon-logo__img{
        max-width: 115px;
    }
    .region-ozon{
        max-width: 540px;
    }
    .designers-form__img {
        width: 45vw;
    }
}
@media(max-width: 1320px){
    .video-about-title {
        max-width: 515px;
    }
}
@media(max-width: 1275px){
    .designers-top-title, .stackers-banner-box{
        font-size: 36px;
        padding-bottom: 60px;
    }
    .designers-list {
        padding-top: 50px;
    }
}
@media (max-width: 1200px) {
    .action-link{
        font-size: 13px;
    }
    .video-about-title {
        max-width: 375px;
    }
    .video-about-title h2{
        font-size: 58px;
    }
    .video__frame--history{
        height: 435px;
        width: 690px;
    }
    .banner-left {
        max-width: 600px;
    }
    .banner-left h2{
        font-size: 55px;
    }
    .region-ozon {
        max-width: 450px;
    }
    .region-ozon-text,
    .region-ozon__link{
        font-size: 14px;
    }
    .designers-form__img {
        width: 38vw;
    }
}
@media (max-width: 990px) {
    .action-link{
        font-size: 13px;
        padding: 10px;
    }
    .action-img img {
        max-width: 24px;
    }
    .action{
        flex-direction: column;
    }
    .action-link{
        max-width: 100%;
    }
    .action-link:not(last-child){
        margin-bottom: 10px;
    }
    .video-about-title {
        max-width: 100%;
    }
    .banner-left {
        max-width: 380px;
    }   
    .banner-left h2 {
        font-size: 36px;
        line-height: 1;
        width: 100%;
    }
    .banner-button__link{
        font-size: 18px;
    }
    .banner-button__item:nth-child(2){
        padding: 0px 12px;
        font-size: 18px;
    }
    .banner-button{
        max-width: 325px;
    }
    .region-ozon-wrap{
        flex-direction: column;
        gap: 10px;
    }
    .region-ozon {
        max-width: 333px;
    }
    .region-ozon__link{
        right: 0;
        max-width: 150px;
    }
    .designers-top-left{
        max-width: 435px;
    }
    .designers-top-list{
        flex-direction: column;
    }
    .designers-top-list-item--projects{
        padding: 0;
        border: none;
    }
    .designers-top-list-item{
        font-size: 14px;
    }
    .designers-top-left{
        padding: 30px 39px 69px 39px;
    }
    .designers-top-title, .stackers-banner-box {
        font-size: 24px;
        padding-bottom: 38px;
    }
    .designers-top-list{
        gap: 3px;
    }
    .designers-top-bg__img, .designers-top-bg{
        height: 400px;
    }
    .designers-top-bg__img{
        object-fit: cover;
    }
    .designers-top-list-item:nth-child(2){
        border: none;
        padding: 0;
    }
    .designers-form{
        flex-direction: column;
    }
    .designers-form-pic{
        position: relative;
    }
    .designers-form__img{
        bottom: 0;
    }
    .designers-form-wrap{
        padding-top: 25px;
    }
    .designers-form-content{
        padding-right: calc(var(--bs-gutter-x) / 2);
        padding-left: calc(var(--bs-gutter-x) / 2);
    }
}
@media(max-width: 768px){
    .calc-list{
        flex-direction: column;
    }
    .calc-list__item{
        width: max-content;
    }
    .banner-right:not(.banner-right--main, .banner-right--designers){
        width: 250px;
        height: 145px;
    }
    .button-toggle__svg{
        width: 65px;
    }
    #page.page-info .banner{
        background-position: -185px bottom;
    }
    .designers-top-wrap{
        gap: 10px;
    }
    .sections-top{
        flex-direction: column-reverse;
        align-items: start !important;
    }
}
@media(max-width: 740px){
    .video__frame--advanteges, .video__frame--history{
        width: 100%;
        height: 290px;
    }
    .video-modal-dialog{
        width: 100%;
    }
    .section-list--mp{
        flex-direction: column !important;
        gap: 15px !important;
    }
    .section.section-list .divider {
        height: 2px;
        width: 189px;
    }
}
@media(max-width: 600px){
    .video-about--info{
        justify-content: center;
    }
    .designers-top-wrap{
        flex-direction: column;
    }
    .designers-top-bg__img, .designers-top-bg {
        height: 750px;
    }
    .designers-form__img {
        width: 100%;
    }
    .sections-top{
        display: block !important;
    }
}
@media(max-width: 594px){
	.video__frame:not(.video__frame--history,), .video-about:not(.video-about--advanteges){
		width: 100%;
		height: auto;
	}
    .banner-right:not(.banner-right--main){
        width: 250px;
        height: 250px;
    }
    .banner-content{
        flex-direction: column;
    }
    .banner-right {
        width: 180px;
        height: 180px;
        position: relative;
        top: 70px;
    }
    .banner-left{
        display: flex;
        flex-direction: column;
    }
    .footer-recommended-title{
        text-align: center;
    }
    .footer-recommended {
        padding-top: 60px;
    }
}
@media(max-width: 575px){
    .jcc{
        justify-content: start;
    }
    .footer-recommended-title{
        text-align: left;
    }
    .footer-recommended-content{
        align-items: start;
    }
}
@media(max-width: 530px){
    .video__frame--advanteges {
        width: 440px;
        height: 250px;
    }
    .video-about--advanteges{
        margin: auto;
    }
}
@media(max-width: 520px){
    .video__frame--history {
        height: 210px;
    }
    .img-video--dt{
        display: none !important;
    }
    .img--video--mob{
        display: block;
    }
    .footer-recommended-content{
        flex-direction: column;
    }
}
@media(min-width: 520px){
    .img--video--mob{
        display: none;
    }
    .catalog-section-item{
        max-height: 495px;
    }
}
@media(max-width: 508px){
    .catalog-section-item .title{
        height: unset !important;
    }
}
@media(max-width: 480px){
    .video__frame--advanteges {
        width: 370px;
        height: 215px;
    }
    .catalog-section-item {
        max-width: 100%;
    }
}

@media (max-width: 440px) {
    .banner-left{
        max-width: 100%;
    }
}
@media(max-width: 425px){
    .advantages .advantage .title{
        font-size: 16px;
    }
    .advantages .advantage img{
        margin-right: 0;
        width: 57px;
        height: 65px;
    }
}
@media(max-width: 400px){
    .video__frame--history {
        height: 181px;
    }
    .video__frame--advanteges {
        width: 330px;
        height: 190px;
    }
    .properties-title {
        font-size: 34px;
    }
}
@media(max-width: 380px){
    .banner-left h2{
        font-size: 30px;
    }
    .banner-button__link, .banner-button__item:nth-child(2){
        font-size: 13px;
    }
    .banner-button {
        max-width: 250px;
        align-self: center;
    }

}
@media(max-width: 370px){
    .advantages .advantage .title {
        font-size: 14px;
    }
}
@media(max-width: 360px){
    .video__frame--advanteges {
        width: 280px;
        height: 155px;
    }
    
}
@media(max-width: 340px){
    .video__frame--history {
        height: 160px;
    }
    .properties-title {
        font-size: 32px;
    }
}