/* Start:/bitrix/components/bitrix/breadcrumb/templates/.default_2024/style.css?1781683278506*/

/* breadcrumbs */
.breadcrumbs>ol{
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    margin: 0;
    padding: 20px 0;

}
.breadcrumbs>ol>li>a:after {
    content: '/';
    margin-left: 8px;
}
.breadcrumbs>ol>li>a,
.breadcrumbs>ol>li {
    font-weight: 200;
    color: var(--gray-text);
    text-decoration: none;
}
@media (max-width: 756px) {
    .breadcrumbs>ol>li>a,
    .breadcrumbs>ol>li {
        font-size: 12px;
    }
}
/* End */


/* Start:/bitrix/components/2024/about/templates/.default/style.min.css?17816832781802*/
.about-text{display:-webkit-box;display:-ms-flexbox;display:flex;gap:40px;padding:20px!important}.about-text>div:first-child{max-width:400px}.about-text>div{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}img.about-image{width:100%;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px}.delivery-sng{margin-top:5px!important}#garanty{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:100px auto 0 auto!important}#garanty>:not(.garanty-gallery){max-width:980px}#garanty>.garanty-gallery span{border:6px solid var(--white);display:block;overflow:hidden;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px}#garanty>.images-text{max-width:740px;color:var(--gray-text)}#garanty>.garanty-gallery{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin:50px 0}.image-prev{margin:auto 0 0 0}.image-first{z-index:1;-webkit-transform:scale(1.3);transform:scale(1.3)}#cont-pr{margin-top:100px}@media (max-width:840px){#garanty>.garanty-gallery{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:10px 0}.about-text{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0}.about-text>div:first-child{max-width:100%}}@media (max-width:658px){.image-first{z-index:1;transform:none;-webkit-transform:none;-moz-transform:none;-ms-transform:none;-o-transform:none}}@media (max-width:525px){#cont-pr{margin-top:50px}#garanty{margin:50px auto 0 auto!important}}
/* End */


/* Start:/bitrix/components/2024/box-proizvodstvo-video/templates/.default/style.css?17842896603644*/
#proizvodstvo {
    display: flex;
    align-items: flex-start; /* ID_FIX: было center — видео наезжало на заголовок; выравниваем по верху */
    gap: 70px;
    margin: 0px auto 100px auto;
}
#proizvodstvo.reverce {
    flex-direction: row-reverse;
}
#proizvodstvo>.pro-content {
    width: 50%;
    max-width: 50%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: start;
}
#proizvodstvo>.pro-content>.p-badges {
    display: flex;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
}
#proizvodstvo>.pro-content>.p-badges>.p-badge {
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    gap: 8px;
    font-weight: 500;
}
#pro-gallery {
    max-width: 50%;
    position: relative;
    overflow: hidden;
    border-radius: 17px;
    -webkit-border-radius: 17px;
    -moz-border-radius: 17px;
    -ms-border-radius: 17px;
    -o-border-radius: 17px;
}
#pro-gallery>.g-items {
    position: absolute;
    height: 100%;
    top: 0;
    right: 10px;
    left: 10px;
    display: flex;
    justify-content: space-between;
}
#pro-gallery>.g-items>span {
    opacity: .5;
    flex-grow: 1;
    height: 100%;
    cursor: pointer;
    position: relative;
}
#pro-gallery>.g-items>span.active {
    opacity: 1;
}
#pro-gallery>.g-items>span::after {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 4px;
    right: 4px;
    background-color: var(--white);
    height: 4px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.vidbox {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
@media (max-width: 1000px) {
    #proizvodstvo>.pro-content {
        width: 70%;
        max-width: 70%;
    }
}
@media (max-width: 840px) {
    #pro-gallery {
        max-width: 100%;
        width: 100%;
    }
    #proizvodstvo.reverce,
    #proizvodstvo {
        position: relative;
        flex-direction: column; /* ID_FIX: было column-reverse + absolute h2 — заголовок наезжал на видео. Обычный поток. */
        gap: 20px;
        padding-top: 0;
        text-align: center;
        margin: 0px auto 50px auto;
    }
    #proizvodstvo>.pro-content>.p-badges {
        justify-content: center;
    }
    #proizvodstvo>.pro-content>h2 {
        width: 100%;
        max-width: 100%;
        position: static; /* ID_FIX: в нормальном потоке, не наезжает */
        padding: 0;
    }
    #proizvodstvo>.pro-content {
        width: 100%;
        max-width: 100%;
        align-items: center;
        order: 1;
    }
    #pro-gallery { order: 2; } /* видео под заголовком и текстом */
}
.video-js {
    max-width: 100%;
    width: 100%;
    height: auto;
    position: relative;
}

.video-js:after {
    content: '● онлайн трансляция';
    position: absolute;
    top: 10px;
    left: 10px;
    color: rgb(255, 60, 60);
    font-weight: bold;
    font-size: 14px;
    white-space: nowrap;
}

.vjs-live-control {
    display: flex !important
}

.video-js video {
    max-width: 100%;
    position: relative !important
}
/* MosBuild-значки под видео трансляции (2026-07-17): левая колонка = видео + значки */
#proizvodstvo>.pro-media{max-width:50%;display:flex;flex-direction:column;gap:22px;align-items:stretch}
#proizvodstvo>.pro-media>#pro-gallery{max-width:100%}
.exh-badges--media{margin:0;padding:0;text-align:center}
@media(max-width:900px){#proizvodstvo>.pro-media{max-width:100%}}

/* End */


/* Start:/bitrix/components/2024/contact-block/style.min.css?17816832772714*/
.form-contact{position:relative;margin:100px 0;background-color:var(--white);padding:var(--p40);border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px}.form-contact>.form-photo{position:absolute;pointer-events:none;bottom:0;max-width:24%}.form-contact.fc-reverce>.form-photo{max-width:32%;right:20px}.form-contact>.form-contact-area{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px;padding-left:30%}.form-contact.fc-reverce>.form-contact-area{padding-left:0;padding-right:40%}.form-contact>.form-contact-area>.form-comtemt-descr{color:var(--gray-text)}.ajax-form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;-ms-flex-wrap:wrap;flex-wrap:wrap}.ajax-form .success{min-height:98px;color:#2BB673;font-weight:400}.ajax-form>.areainput{position:relative}.ajax-form>.areainput>input{padding:28px 16px 10px;border:1px solid var(--gray-border);border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px}.ajax-form>.areainput>label{position:absolute;top:6px;left:16px;font-size:12px;color:var(--gray-text)}.confirm-form{color:var(--gray-text);font-size:14px}.confirm-form>a{font-size:14px}.ajax-form>.areainput>.error{position:absolute;bottom:-20px;left:8px;display:none;color:var(--red);font-size:12px}.ajax-form>.areainput>input.novalid{border-color:var(--red)}.ajax-form>.areainput>input.novalid~.error{display:block}@media (max-width:768px){.form-contact.fc-reverce>.form-photo,.form-contact>.form-photo{display:none}.form-contact.fc-reverce>.form-contact-area,.form-contact>.form-contact-area{padding:0;text-align:center}.form-contact>.form-contact-area>.ajax-form{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.form-contact>.form-contact-area>.ajax-form label{text-align:left}.form-contact>.form-contact-area>.ajax-form *{width:100%}}@media (max-width:525px){.form-contact{margin:50px 0}}
.default-zamer-front{
    margin: 150px 0px 50px 0px;
}

@media (max-width: 920px) {
     .default-zamer-front{
        margin: 50px 0px 50px 0px;
    }   
}

@media (max-width: 500px) {
    .new-template-h2, .default-zamer-front h2{
        font-size: 25px;
        font-weight: 500;
        text-align: left;
        width: 100%;
    }
    
    .new-form-descr, .default-zamer-front .form-comtemt-descr, .default-zamer-front .confirm-form{
        font-size: 14px;
        line-height: normal;
        text-align: left;
    }
}
/* End */
/* /bitrix/components/bitrix/breadcrumb/templates/.default_2024/style.css?1781683278506 */
/* /bitrix/components/2024/about/templates/.default/style.min.css?17816832781802 */
/* /bitrix/components/2024/box-proizvodstvo-video/templates/.default/style.css?17842896603644 */
/* /bitrix/components/2024/contact-block/style.min.css?17816832772714 */