p { margin: 0;}
.matte-block { box-sizing: border-box}
.matte-block .container { max-width: 1360px;}
.matte-block * { box-sizing: inherit}

.matteSwiper {width: 100%;height: 600px;border-radius: 10px;overflow: hidden}

.matteSwiper .swiper-button-prev, .matteSwiper .swiper-button-next { color: var(--color-site);}
.matteSwiper .swiper-pagination-bullet-active { background: var(--color-site);}

.matte-slide { background-size: cover; background-repeat: no-repeat; background-position: center center; }
.matte-slide:nth-child(4) { background-image: url("/media/img/price_banners/bg3.jpg")}
.matte-slide:nth-child(5) { background-image: url("/media/img/price_banners/bg4.jpg")}
.matte-slide:nth-child(6) { background-image: url("/media/img/price_banners/bg5.jpg")}
.matte-slide.swiper-slide { display: flex; align-items: center; justify-content: space-between;
    position: relative;}
.matte-slide__title { margin-bottom: 10px;}
.matte-slide__content { max-width: 40%; padding-left: 64px; display: flex; flex-direction: column;}
.matte-title { font-size: 32px;  font-weight:700; color: var(--color-site);width: 100%}
.matte-slide__subtitle { margin-bottom: 60px; font-size: 14px; font-weight: 400; color: #fff; }

.matte-slide__palete { position: relative; z-index: 3; display: flex; align-items: start; padding-right: 20px; flex-wrap: wrap; gap: 10px; justify-content: center; width: 40%;}
.matte-slide__palete-box { display: flex; flex-grow: 1; flex-direction: column; width: calc(100% / 3 - 10px); justify-content: center; align-items: center;}
.matte-slide__palete-name { margin-top: 16px; color: #fff; text-align: center;}
.matte-slide__palete-circle { width: 120px; height: 120px; border-radius: 50%; border: 8px solid #fff;}
.signal-white { background: #fafaf8}
.traffic-white { background: #f1f0eb}
.jet-black { background: #0e0e10}
.oyster-white { background: #e4d9c7}
.light-grey { background: #c5c7c4}
.basalt-grey { background: #575c5f}
.telegrey { background: #8d9295}

.color-shema { margin-top: 20px;}
.colors { justify-content: start; gap: 10px;}
.matte-certificates{flex-direction: row;}
.matte-slide__advantages { display: flex; gap: 20px; align-items: start; flex-wrap: wrap; margin-top: 20px;}
.matte-slide__advantage { display: flex; width: calc(100% / 2 - 12px); flex-direction: column;}
.matte-slide__advantage-title { font-size: 32px; font-weight: 700; text-transform: uppercase; color: #fff; margin-bottom:10px;}
.matte-slide__advantage-subtitle { font-size: 14px; color: #fff; padding: 10px 0; margin: 0;}
.matte-slide__advantage:nth-child(odd) .matte-slide__advantage-subtitle { border-top: 1px solid #fff;}

.matte-btn { padding: 7px 55px; color: #fff; text-transform: uppercase; font-size: 16px; margin-top: 16px; text-align: center; border: 2px solid #fff; border-radius: 16px; text-decoration: none;}
.matte-btn:hover { color: var(--color-site); border-color: var(--color-site); }
.matte-slide__left {margin-right: 40px; position: relative; width: 30%; }
.matte-slide__left img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center;}
.matte-slide__left::before { content: ""; padding-bottom: 60%; display: block;}
.matte-slide__right { display: flex; flex-wrap: wrap; width: 50%; gap: 10px; padding-right: 32px;}
.matte-slide__item { position: relative; width: calc(100% / 3 - 10px); cursor: pointer;}
.matte-slide__item::before { content: ""; display: block; padding-bottom: 100%; }
.matte-slide__item img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; object-position: center center; }


.matte-slide__bauf { width: 100%; position: relative}
.matte-slide__bauf img {position: absolute; top: 0; left: 0; width: 100%;  transform: rotate(-90deg);
    transform-origin: center; height: 100%; object-fit: contain; object-position: center center;}
.matte-slide__bauf::before { content:''; padding-bottom: 40%; display: block;}

.matte-slide--bauf-bg { position: relative; background-image: url("/media/images/bauf_bg.jpeg"); background-size: cover; background-position: center center; background-repeat: no-repeat;}
.matte-slide::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.5); z-index: 2; }
.matte-slide__content { position: relative; z-index: 3;}
.matte-slide__right {position: relative; z-index: 3; color: #fff;}
.matte-slide__inner {display: flex;justify-content: start; margin-left: auto; }
.matte-slide__inner--start { margin-right: auto; margin-left: 50px;}
.matte-slide__right-title { font-size: 32px; font-weight: 700; color: #fff; display: flex; align-items: flex-start; flex-direction: column; margin: 0;}
.matte-slide__right-subtitle { margin: 0}
.matte-slide__right-title span {  color: var(--color-site);}
.matte-slide__right-links { display: flex; align-items: stretch; gap: 10px; width: 100%;}
.matte-slide__right-link { width: calc(100% / 2 - 10px); position: relative; overflow: hidden;}
.matte-slide__right-link:hover .right-link__img img{ scale: 1;}
.matte-slide__right-link:hover .right-link__name { background: rgba(255, 255, 255, .7);}
.right-link__img { width: 100%; position: relative;}
.right-link__img::before { content: ''; padding-bottom: 100%; display: block;}
.right-link__img img { position: absolute; top: -10%;left:-10%;width: 120%;height: 120%;object-fit: cover; object-position: center center; }
.right-link__name { position: absolute; bottom: 20px; left: 0; right: 0; background: rgba(255,255,255,.4); transition: 300ms; font-size: 13px; color: #000; font-weight: 600;text-align: center; padding: 15px;}

.matte-gallery {padding: 60px 0; background: #f6f5ef; position: relative;}
.matte-gallery__list { display: flex; flex-wrap: wrap; gap: 10px; position: relative; z-index: 2; }
.matte-gallery__item {flex-direction: column; display: flex; width: calc(100% / 4 - 10px); padding: 10px; background: #fff; border-radius: 10px; }
.matte-gallery__item-img { position: relative; width: 100%;}
.matte-gallery__item-body { display: flex; flex-direction: column; flex-grow: 1; margin-top: 8px;}
.matte-gallery__item-img::before { content: ""; padding-bottom: 30%; display: block;}
.matte-gallery__item-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center;}
.matte-gallery__row-img { width: 100%; display: flex; margin-top: 3px; gap: 3px;}
.matte-gallery__row-img .matte-gallery__item-img::before{ padding-bottom: 60%;}
.matte-gallery__item-title { margin-top: 15px; font-size: 16px;}
.matte-gallery__item-desc { color: #333;}
.matte-gallery__item-titles { flex-grow: 1;}
.matte-gallery__item-params { padding-top: 16px; margin-top: 16px; border-top: 2px solid #f0f0f0; gap: 10px; justify-content: space-between; display: flex; padding-left: 0px; flex-wrap: wrap;}
.matte-gallery__item-param { width: calc(100% / 3 - 10px); justify-content: space-between; display: flex;  gap: 4px; align-items: center;}
.item-param__text { display: flex; flex-direction: column;}
.matte-gallery__item-param.param.param--btn { flex-grow: 2; margin-left: 5px; }
.matte-gallery__item-param.param.param--btn span{  font-size: 12px;}
.matte-gallery__item-param.param.param--btn i { display: none;}
.item-param__text-span { font-size: 12px; }
.item-param__strong { font-size: 12px;}

.section__category h2 { margin-bottom: 30px;}

.matte-montage h2 { font-size: 32px; font-weight: 500;}
.matte-montage__subtitle { max-width: 50%;}
.matte-montage__list { margin-top: 30px; display: flex; align-items: start; flex-wrap: wrap; gap: 16px; justify-content: center;}
.matte-montage__item { display: flex; flex-direction: column; width: calc(100% / 4 - 16px); border: 1px solid #ccc;overflow: hidden; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; }
.matte-montage__item-img { background: gray; width: 100%; border-radius: 60px;position: relative}
.matte-montage__item-img img { position: absolute; top: 0;    left: 0; object-fit: cover; width: 100%; height: 100%; object-position: bottom center; }
.matte-montage__item-img::before { content: ''; padding-bottom: 50%; display: block;}
.matte-montage__body { padding-top: 50px; display: flex; flex-direction: column; align-items: center;
}
.matte-montage__body-title { color: #000; font-weight: 500; margin-bottom: 16px; font-size: 16px;}
.matte-montage__body-btn { cursor: pointer; border-radius: 8px; color: #333; border: none; background: transparent; padding: 6px 10px; margin-bottom: 20px; }
.matte-montage__body-btn:hover { background: #f0f0f0;}
.fa--rotate { rotate: -180deg;}
.matte-montage__body-btn i { transition: 300ms;}
.matte-montage__body-content { padding: 20px;  flex-direction: column; display: none;}
.matte-montage__body-content--active { display: flex;}
.matte-montage__body-content-btn { width: 100%; align-self: center; margin-top: 16px; border-radius: 8px; margin-bottom: 16px; background: var(--color-site); color: #000; font-size: 16px; font-weight: 500; padding: 7px; cursor: pointer; border-color: transparent; }
.matte-montage__body-content-btn:hover { background: #333; color: #fff;}



.matte-faq { padding-bottom: 50px;}
.constructor-faq__list {display: flex; flex-direction: column;}
.constructor-faq__item { width: 100%;  padding: 15px; border-bottom: 1px solid lightgrey;cursor: pointer; transition: background-color 300ms ease; color: inherit;}
.constructor-faq__item:hover { background-color: rgba(0,0,0,0.1) }
.constructor-faq__issue-container { display: flex; justify-content: space-between; width: 100%; align-items: center; padding-right: 5px;}
.constructor-faq__issue { width: 90%; flex: 0 1 90%; font-weight: 600; font-size: 18px; padding: 15px 0;}
.constructor-faq__issue-i { width: 5%;   cursor: pointer; text-align: center;}
.constructor-faq__issue-i.open{rotate: 90deg; transition: rotate 300ms ease;}
.constructor-faq__issue-i {rotate: -90deg; transition: rotate 300ms ease;}
.constructor-faq__answer {transition: all 300ms ease-out;  overflow: auto; padding-left: 0; font-size: 16px; padding-right: 5px; max-height: 0px; opacity: 0}
.constructor-faq__answer.open {max-height: 120px; opacity: 1;}

.constructor-faq-3 .container, .constructor-faq-4 .container { max-width: 100%;}

.modal-profile, .modal__type-card{ max-width: 1000px;}


.installation-feature__inner { display: flex;}

/* ======================================================== */
.par__works-btns { position: absolute; right: 20px; top: 0; margin-left: 20px; margin-bottom: 20px; z-index: 1;}
.par__works-btns { display: flex; left: 0; bottom: 0px;}
.par__works-block, .par__gallery, .par__works-2, .par__form-2, .par__slider, .par__prices, .par__content{margin: 30px 0;}
.par__works-block{position: relative;overflow: hidden}
 .info-more{position: absolute;right: 0; width: 161px; height: 110px;}
 .info-more a{text-decoration: none;}
.info-more a:hover .blobs{transform: translateY(-50%) scale(1.1);}
 .info-more-inst{top:25%;}
 .info-more-tt{bottom: 25%}
.blobs{position: absolute;z-index: 2;border-radius: 100%;transform: translateY(-50%);transition: .3s;width: 160px;height: 110px;top: 45%;}
.blob {background: #F73149;border-radius: 100%;position: absolute;}
.blobs .blob:nth-child(1) {width: 130px;height: 110px;left: 0;top: 5px;animation: mytopdown_slick linear 3s infinite;}
.blobs .blob:nth-child(2) {width: 130px;height: 110px;top: 0;left: 20px;animation: mytopleft_slick linear 6s infinite;}
.blobs .blob:nth-child(3) {width: 130px;height: 110px;top: 5px;left: 20px;animation: mytopright_slick linear 6s infinite;}
.blobs + span.text {font-size: 16px;line-height: 140%;color: #FFFFFF;position: relative;z-index: 2;top: 20px;left: 0;font-weight: 600;width: 100%;text-align: center;display: block}
@keyframes mytopright_slick{
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        -webkit-transform: scale();
        -ms-transform: scale();
        transform: scale();
    }
}

@keyframes mytopleft_slick{
    0% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

    50% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes mytopdown_slick{
    0% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}



@media (max-width: 1000px) {
    .constructor-faq__answer { overflow-y: auto;}
}
@media (max-width: 500px) {
}
@media (max-width: 450px) {
    .constructor-faq__item { padding: 7px;}
    .constructor-faq__issue { padding: 7px 0}
}