

/* Start:/bitrix/templates/invisible_doors_2024/components/bitrix/news.detail/protivopozharnaya/style.css?17828192327043*/
/* ID_MOB_FIX: защита от горизонтального переполнения на мобиле (был overflow +1153px) */
@media (max-width: 880px) {
    body { overflow-x: hidden; }
    #product_info, #sizes-doors, #free-virtual { max-width: 100%; overflow-x: hidden; }
    #free-virtual > .fb-bg { max-width: 40%; }
    .max-width { overflow-x: hidden; }
}
#product_info {
    display: flex;
    margin-bottom: 100px;
}
.product-gallery {
    width: 60%;
    padding-right: 50px;
}
.product-gallery>.detail-image {
    position: relative;
    height: 480px;
    overflow: hidden;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}
.product-gallery>.detail-image>img {
    height: auto;
    width: auto;
    width: 100%;
    max-width: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
}
.detail-text {
    padding-top: 16px;
}
.params {
    padding-top: 27px;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 16px;
}
.params-box {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.param-item {
    display: flex;
    gap: 20px;
    max-width: 540px;
}
.param-item>span {
    max-width: 210px;
    width: 210px;
    min-width: 210px;
    color: var(--gray-text);
}
.ei-box {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 16px;
    padding: 36px 0 24px 0;
}
.ei-box>.eipr {
    display: flex;
    padding: 4px;
    gap: 10px;
    background-color: var(--gray-border);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}
.ei-box>.eipr>span {
    padding: 13px;
    display: flex;
    align-items: center;
    font-size: 30px;
    font-weight: 500;
}
.ei-box>.eipr>.upproc {
    display: flex;
    flex-direction: column;
    gap: 2px;
    background-color: var(--white);
    padding: 10px;
    border-radius: 16px;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    -ms-border-radius: 16px;
    -o-border-radius: 16px;
}
.ei-box>.eipr>.upproc>strong {
    font-size: 22px;
    font-weight: 500;
}
.ei-box>.eipr>.upproc>span {
    color: var(--gray-text);
    font-size: 14px;
}
.btns-item {
    display: flex;
    align-items: center;
    gap: 18px;
}

#free-virtual {
    color: var(--white);
    align-items: center;
    margin: 35px auto;
    background: rgb(74,74,74);
    background: linear-gradient(270deg, rgba(74,74,74,1) 0%, rgba(42,42,42,1) 100%);
    margin-bottom:35px;
    display: flex;
    gap: 20px;
    position: relative;
    justify-content: space-between;
    padding: var(--p40);
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}
#free-virtual>.fb-bg {
    position: absolute;
    top: -40px;
    right: 20px;
}
#free-virtual>.btn {
    margin-right: 240px;
}
#free-virtual>.fv-label {
    font-size: 32px;
    font-weight: 300;
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    align-items: center;
}
#sizes-doors {
    background: center left url('/img/sizes-door-bg.webp') no-repeat;
    background-size: cover;
    display: flex;
    gap: 60px;
    padding: 42px 42px 18px 42px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}
.sd-cintent {
    max-width: 330px;
    display: flex;
    flex-direction: column;
    gap: 19px;
}
.sd-cintent>h2 {
    font-size: 32px;
}
#hends>.hends-items {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
    padding-top: 40px;
}
#hends>.hends-items>.h-item {
    width: 50%;
    padding: 10px;
}
#hends>.hends-desc {
    margin-top: 16px;
}
#hends>.hends-items>.h-item>.hi-content {
    background-color: var(--white);
    padding: 40px;
    display: flex;
    flex-direction: column;
    height: 100%;
    gap: 16px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}
#hends>.hends-items>.h-item>.hi-content>strong {
    font-size: 24px;
    font-weight: 500;
}
#hends>.hends-items>.h-item>.hi-content>span {
    color: var(--gray-text);
}
#hends>.hends-items>.h-item>.hi-content>.h-price {
    font-size: 32px;
    font-weight: 500;
}
#hdb>.hdb-img-content {
    margin-top: 40px;
    background-color: var(--white);
    overflow: hidden;
    padding: 24px;
    border-radius: 24px;
    -webkit-border-radius: 24px;
    -moz-border-radius: 24px;
    -ms-border-radius: 24px;
    -o-border-radius: 24px;
}
#hdb {
    margin-top: 100px;
}
@media (max-width: 1214px) {
    #sizes-doors {
        gap: 30px;
        padding-bottom: 28px;
    }
}
@media (max-width: 1010px) {
    #free-virtual>.btn {
        margin-right: 50px;
        margin-top: 120px;
    }
}
@media (max-width: 900px) {
    #sizes-doors>img {
        max-width: 288px;
    }
    #sizes-doors {
        flex-direction: column;
        padding: 24px 24px 63px 24px;
    }
    .sd-cintent {
        max-width: 100%;
    }
}
@media (max-width: 880px) {
    #product_info {
        flex-direction: column;
    }
    .product-gallery {
        width: 100%;
        padding: 0 0 30px 0;
    }
    .sd-cintent>h2 {
        font-size: 26px;
    }
}
@media (max-width: 610px) {
    #free-virtual>.fv-label {
        font-size: 20px;
    }
    #free-virtual>.fb-bg {
        position: absolute;
        top: -50px;
        right: 0px;
    }
    .param-item {
        flex-direction: column;
        gap: 0
    }
    #hends>.hends-items>.h-item {
        width: 100%;
    }
}

@media (max-width: 450px) {
    #free-virtual>.btn {
        margin-right: 0;
        margin-top: 120px;
    }
    .product-gallery>.detail-image {
        height: 340px;
    }
    #free-virtual>.fb-bg {
        width: 160px;
        top: -20px;
    }
    .btns-item {
        flex-direction: column;
        gap: 20px;
        align-items: stretch;
    }
}
@media (max-width: 375px) {
    .product-gallery>.detail-image {
        height: 300px;
    }
    h1 {
        font-size: 30px;
    }
}
@media (max-width: 370px) {
    #free-virtual {
        text-align: center;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
    #free-virtual>.fv-label {
        align-items: center;
        justify-content: center;
        font-size: 16px;
        gap: 10px;
    }
    #free-virtual>.btn {
        margin: 0;
    }
    #free-virtual>.fb-bg {
        display: none;
    }
    #sizes-doors {
        padding: 24px 24px 76px 24px;
    }
}   
@media (max-width: 360px) {
    .product-gallery>.detail-image {
        height: 280px;
    }
}
/* End */


/* 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/complectation/templates/.default_short/style.min.css?17816832771596*/
#complectation>.complectation-items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:40px -10px 0 -10px}#complectation>.complectation-items>.cit-item{width:25%;position:relative}#complectation>.complectation-items>.cit-item>.item-content{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;padding:10px 10px 20px 10px}#complectation>.complectation-items>.cit-item>.item-content>.cit-image{height:200px;overflow:hidden;position:relative;background-color:var(--white);border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px}#complectation>.complectation-items>.cit-item>.item-content>.cit-image>img{position:absolute;top:50%;left:50%;max-height:90%;width:auto;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%)}#complectation>.complectation-items>.cit-item>.item-content>.cit-name{font-weight:500;font-size:18px;padding-top:6px}#complectation>.complectation-items>.cit-item>.item-content>.cit-desc{color:var(--gray-text)}@media (max-width:1024px){#complectation>.complectation-items>.cit-item{width:33.333333333%}}@media (max-width:710px){#complectation>.complectation-items>.cit-item{width:50%}}@media (max-width:424px){#complectation>.complectation-items>.cit-item{width:100%}}
/* End */


/* Start:/bitrix/components/2024/complectation/templates/sert/style.min.css?17816832771596*/
#complectation>.complectation-items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:40px -10px 0 -10px}#complectation>.complectation-items>.cit-item{width:25%;position:relative}#complectation>.complectation-items>.cit-item>.item-content{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;padding:10px 10px 20px 10px}#complectation>.complectation-items>.cit-item>.item-content>.cit-image{height:200px;overflow:hidden;position:relative;background-color:var(--white);border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;-ms-border-radius:24px;-o-border-radius:24px}#complectation>.complectation-items>.cit-item>.item-content>.cit-image>img{position:absolute;top:50%;left:50%;max-height:90%;width:auto;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%)}#complectation>.complectation-items>.cit-item>.item-content>.cit-name{font-weight:500;font-size:18px;padding-top:6px}#complectation>.complectation-items>.cit-item>.item-content>.cit-desc{color:var(--gray-text)}@media (max-width:1024px){#complectation>.complectation-items>.cit-item{width:33.333333333%}}@media (max-width:710px){#complectation>.complectation-items>.cit-item{width:50%}}@media (max-width:424px){#complectation>.complectation-items>.cit-item{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/templates/invisible_doors_2024/components/bitrix/news.detail/protivopozharnaya/style.css?17828192327043 */
/* /bitrix/components/bitrix/breadcrumb/templates/.default_2024/style.css?1781683278506 */
/* /bitrix/components/2024/complectation/templates/.default_short/style.min.css?17816832771596 */
/* /bitrix/components/2024/complectation/templates/sert/style.min.css?17816832771596 */
/* /bitrix/components/2024/contact-block/style.min.css?17816832772714 */
