

/* Start:/bitrix/templates/alutech/components/bitrix/main.include/bn-page-block/style.css?17186203463762*/
.bn-page-block .panel-site{
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    height: 100%;
    background-color: #fff;
}
.bn-page-block .title{
    font-weight: 700;
    line-height: 100%;
    font-size: 24px;
    font-family: 'Myriad Pro', sans-serif;
    margin-bottom: 0;
}
.bn-page-block .desc{
    margin-top: 8px;
    font-size: 16px;
}
.bn-page-block .desc-block{
    padding: 20px 30px 30px;
    background-color: #fff;
}
@media (min-width: 576px){
    .bn-page-block .title{
        font-size: 26px;
    }
    .bn-page-block .desc-block{
        padding: 30px 45px;
    }
    .bn-page-block .desc{
        font-size: 18px;
    }
}
@media (min-width: 768px){
    .bn-page-block .title{
        font-size: 32px;
    }
    .bn-page-block .desc-block{
        padding: 30px 50px;
    }
}
@media (min-width: 992px){
    .bn-page-block .title{
        font-size: 35px;
    }
    .bn-page-block .desc-block{
        position: relative;
        width: 42%;
        height: 100%;
        padding: 40px;
        background-color: #fff;
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px;
        min-height: 350px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        z-index: 10;
    }
    .bn-page-block.style-small-padding .desc-block{
        padding: 32px;
    }
    .bn-page-block.style-left-big .desc-block{
        width: 50%;
    }
    .bn-page-block .desc-block>*{
        position: relative;
        z-index: 10;
    }
    .bn-page-block .desc-block:before{
        content: '';
        display: block;
        left: 0;
        width: 100%;
        background-color: #fff;
        position: absolute;
        top: -50%;
        height: 300%;
        transform: skewX(-12deg);
        z-index: 5;
    }
    .bn-page-block.style-color-blue .desc-block:before,
    .bn-page-block.style-color-blue .desc-block{
        background-color: #B0DBD9;
    }
    .bn-page-block .image-slider{
        position: absolute;
        right: 0;
        top: 0;
        width: 58%;
        height: 100%;
        z-index: 1;
        object-fit: cover;
        object-position: center;
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px;
    }
    .bn-page-block.style-color-blue .image-slider{
        width: 50%;
    }
}
@media (min-width: 1200px){
    .bn-page-block .title{
        font-size: 40px;
    }
    .bn-page-block .desc-block{
        min-height: 400px;
        padding: 50px;
    }
    .bn-page-block.style-small-padding .desc-block{
        padding: 32px;
    }
}
@media (min-width: 1400px){
    .bn-page-block .title{
        font-size: 50px;
    }
    .bn-page-block .desc-block{
        min-height: 450px;
        padding: 60px;
    }
    .bn-page-block.style-small-padding .desc-block{
        padding: 32px;
    }
}
@media (min-width: 1600px){
    .bn-page-block .title{
        font-size: 60px;
    }
    .bn-page-block .desc-block{
        min-height: 500px;
        padding: 64px 40px 64px 64px;
        justify-content: flex-end;
    }
    .bn-page-block.style-small-padding .desc-block{
        padding: 32px;
    }
}
@media (min-width: 1800px){
    .bn-page-block .title{
        font-size: 70px;
    }
    .bn-page-block .desc-block{
        min-height: 580px;
    }
    .bn-page-block .desc-block.cats-inner{
        min-height: 480px;
    }
    .bn-page-block .desc-block .desc.short-width{
        max-width: 480px;
    }
}

@media (max-width: 991.98px){
    .bn-page-block .desc-block{
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px;
    }
    .bn-page-block .image-slider{
        width: 100%;
        border-top-right-radius: 12px;
        border-top-left-radius: 12px;
    }
}

/* End */


/* Start:/bitrix/templates/alutech/components/bitrix/main.include/bn/style.css?17194933612848*/
.bn-line .desc-block{
    padding-top: 40px;
    padding-bottom: 40px;
}
.bn-line.bn-line-type-1 .desc-block{
    padding-top: 32px;
    padding-bottom: 32px;
}
.bn-line.bn-line-type-1 .title-block{
    margin-bottom: 4px;
}
.bn-line.bn-line-type-1 .btn-line{
    margin-top: 60px;
}
.bn-line.bn-line-type-1{
    position: relative;
    background-color: #D9E0ED;
}
.bn-line .bg-image{
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 1920px;
    object-fit: cover;
    object-position: center;
}
.bn-line.bn-line-type-1 .container{
    z-index: 5;
    position: relative;
}
.bn-line.bn-line-type-2-white,
.bn-line.bn-line-type-2{
    background-color: #B0DBD9;
    overflow: hidden;
    position: relative;
}
.bn-line.bn-line-type-2-white{
    background-color: #fff;
}
.bn-line.bn-line-type-2-white .col-desc,
.bn-line.bn-line-type-2 .col-desc{
    position: relative;
}

.bn-line.bn-line-type-3{
    background: linear-gradient(100deg, #42AC46 0%, #A2CA39 100%);
    color: #fff;
}

.bn-line.bn-line-type-3 .image-block{
    display: flex;
    flex-direction: row;
    align-items: end;
    justify-content: center;
}

@media (min-width: 1200px) {
    .bn-line.bn-line-type-2-white .bg-image,
    .bn-line.bn-line-type-2 .bg-image{
        left: calc((1120px * 0.5) + (100% - 1144px) / 2);
    }
    .bn-line.bn-line-type-2-white .bg-image,
    .bn-line.bn-line-type-2 .bg-image{
        max-width: 59%;
        width: 1286px;
        position: absolute;
        object-position: left;
    }
    .bn-line.bn-line-type-3 .image-block{
        justify-content: end;
    }
}
@media (min-width: 1400px){
    .bn-line.bn-line-type-2 .bg-image{
        left: calc((1300px * 0.41) + (100% - 1324px) / 2);
    }
}
@media (min-width: 1400px) AND (max-width: 1599.98px){
    .bn-line.bn-line-type-2 .col-desc{
        width: 42%;
    }
}
@media (min-width: 1600px) {
    .bn-line.bn-line-type-2 .bg-image{
        left: calc((1500px * 0.42) + (100% - 1524px) / 2);
    }
}
@media (min-width: 1800px) {
    .bn-line.bn-line-type-2 .bg-image{
        left: calc((1720px * 0.33) + (100% - 1744px) / 2);
    }
    .bn-line.bn-line-type-2 .bg-image{
        max-width: 70%;
    }
}
@media (min-width: 1920px){
    .bn-line.bn-line-type-1 .bg-image{
        left: auto;
        right: calc((100% - 1920px) / 2);
    }
    .bn-line.bn-line-type-2 .bg-image{
        left: auto;
        right: calc((100% - 1920px) / 2);
    }
}

@media (max-width: 1199.98px){
    .bn-line.bn-line-type-2 .bg-image{
        position: relative;
        width: 100%;
        height: auto;
    }
    .bn-line.bn-line-type-2 .title-block br{
        display: none;
    }
}

/* End */


/* Start:/bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.min.css?1718600057564*/
/*!
 * BootstrapValidator (http://bootstrapvalidator.com)
 * The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3
 *
 * @version     v0.5.2, built on 2014-09-25 4:01:07 PM
 * @author      https://twitter.com/nghuuphuoc
 * @copyright   (c) 2013 - 2014 Nguyen Huu Phuoc
 * @license     MIT
 */
.bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}.bv-form .bv-icon-no-label{top:0}.bv-form .bv-icon-input-group{top:0;z-index:100}
/* End */


/* Start:/bitrix/templates/alutech/components/slam/easyform/line-left-block/style.css?17186203492265*/
.line-form-left-block .left-col .panel,
.line-form-left-block .right-col .panel{
    position: relative;
    border-radius: 12px;
    background-color: #fff;
    padding: 30px;
    height: 100%;
    overflow: hidden;
}
.line-form-left-block .right-col .panel{
    background-color: #FFDFC7;
}
.line-form-left-block .title-block-big{
    font-weight: 700;
    margin-bottom: 8px;
}
.line-form-left-block .desc,
.line-form-left-block .phone-line.title-block{
    margin-bottom: 32px;
}
.line-form-left-block .form-control{
    background-color: #fff;
    border-color: #fff;
}
.slam-easyform .line-col-form.row{
    --bs-gutter-x: 24px;
    --bs-gutter-y: 24px;
}
.line-form-left-block .btn{
    min-width: 170px;
    --bs-btn-font-size: 14px;
    --bs-btn-padding-y: 10px;
}
.line-form-left-block .image{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: right center;
    border-radius: 12px;
}
.line-form-left-block .pos-index{
    position: relative;
    z-index: 10;
}
@media (max-width: 1599.98px) AND (min-width: 1200px){
    .line-form-left-block .image{
        left: 100px;
    }
}
@media (max-width: 1399.98px) AND (min-width: 1200px){
    .line-form-left-block .phone-line.title-block{
        font-size: 30px
    }
}
@media (max-width: 1199.98px) AND (min-width: 992px){
    .line-form-left-block .phone-line.title-block{
        font-size: 22px
    }
    .line-form-left-block .image{
        left: 130px;
    }
}

@media (min-width: 576px){
    .line-form-left-block .title-block{
        max-width: 70%;
    }
    .line-form-left-block .desc{
        max-width: 70%;
    }
    .line-form-left-block .form-group{
        width: 65%;
    }
    .line-form-left-block .left-col .panel,
    .line-form-left-block .right-col .panel{
        padding: 40px;
    }
}

@media (min-width: 1200px){
    .line-form-left-block .title-block{
        max-width: 70%;
    }
    .line-form-left-block .desc{
        max-width: 50%;
    }
    .line-form-left-block .form-group{
        width: 45%;
    }
}

@media (max-width: 767.98px){
    .line-form-left-block .image{
       opacity: .5;
    }
}
@media (max-width: 575.98px){
    .line-form-left-block .image{
        left: 50px;
    }
}
/* End */
/* /bitrix/templates/alutech/components/bitrix/main.include/bn-page-block/style.css?17186203463762 */
/* /bitrix/templates/alutech/components/bitrix/main.include/bn/style.css?17194933612848 */
/* /bitrix/components/slam/easyform/lib/css/bootstrapValidator.min.min.css?1718600057564 */
/* /bitrix/templates/alutech/components/slam/easyform/line-left-block/style.css?17186203492265 */
