/********** БАННЕР ***********/ 
* {
    box-sizing: border-box;
}
.m-head .sub_nav-item a, .m-head_bank .sub_nav-item a {
    font-size:16px;
}
.b-product_promo-svetofor .b-mainpromo_cont {
    left: 38%;
    top: 57%;
    max-width: 400px;
}
.b-mainpromo_cont .l-mainpromo_title {
    color: #fff;
}
.b-mainpromo_cont .promo-banner__text {
    color: #fff;
}
.svetofor .form__wrapper {
    padding-top:15px;
}
.svetofor form input, .BtnGreen:hover {
    width: 201px !important;
    height: 48px !important;
}
.l-mainpromo_title {
    font-family: 'corpid_e1s_scd_bold';
}
.promo-banner__text {
    font-family: 'corpid_e1s_scd_light';
    font-style: normal;
    font-weight: 300;
    font-size: 22px;
    line-height: 24px;
}
img.pbanner-svet__layer--img {
    position:absolute; 
    right:10px; 
    bottom:0;
    width: 40%;
}
button#addButton {
    font-family: 'corpid_e1s_scd_light';
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 19px;
}
#addButton:hover {
    background: #4444B7;
}
.l-mainpromo_title {
    white-space:nowrap;
}
input.rfield.empty_field {
    border-radius: 10px;
    font-style: normal;
    font-weight: 350;
    font-size: 20px;
    line-height: 22px !important;
    font-family: 'corpid_e1s_scd_light';
}
.svetofor-attention {
    color:#fff;
    top: 47px;
    left: -215px;
    width: 163px;
    color: #fff;
}
.addButton {
    color: #fff;
    background: #5A4FFF;
    border-radius: 30px;
    padding: 10px 25px !important;
}
.homepage.business .wrap_form form {
    width:100%;
}
.col-1--input {
    gap:15px;
}
.btn-reset {
    right:50px;
}
.homepage.business input::placeholder, textarea::placeholde {
    color:#7e93b3 !important;
    font-size: 20px !important;
    line-height: 22px !important;
    font-weight: 350;
}
.marking {
    width: 40px;
    height: 40px;
    border: 2px solid #ffff;
    margin-left:0;
    margin-right: 10px;
}
.active#redStatement {
    background-color: #DD0A34;
}
.red_mark,
.hint + .notice-svetofor--red  {
    background-color: #DD0A34;
}
.green_mark,
.hint + .notice-svetofor--green {
    background-color: #62C13E;
}
.yellow_mark,
.hint + .notice-svetofor--yellow {
    background-color: #E4FF02;
}
.hint + .notice-svetofor {
    border-radius: 10px;
    top: 64px;
    width: 268px;
    margin-left: -205px;
    color: #fff;
    font-size:14px;
    Line-height: 16.8px;
    bottom: initial;
    text-align: initial;
    border: none;
    padding: 14px;
}
.triangle-red {
    border: 20px solid transparent; 
    border-bottom: 20px solid #DD0A34;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -30px;
    right: 12px;
}
.triangle-green {
    border: 20px solid transparent; 
    border-bottom: 20px solid #62C13E;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -30px;
    right: 12px;
}
.triangle-yellow {
    border: 20px solid transparent; 
    border-bottom: 20px solid #E4FF02;
    width: 0px;
    height: 0px;
    position: absolute;
    top: -30px;
    right: 12px;
}
.triangle {
    top: -11px;
    left: 197px;
}
.svetofor .form__wrapper {
    padding-top: 0; 
}
.media_img-banner {
    display:none;
}
.b-mainpromo_cont {
    position:relative;
}
.marks {
    margin-left:15px;
}
.svetofor-attention {
    position:absolute;
    left: 0;
    bottom: 0;
}
.form_flex {
    display:flex; 
    align-items:center;
}
.b-mainpromo_cont {background:none!important;}
@media (max-width: 1070px) {
.b-product_promo-svetofor .b-mainpromo_cont {   
        left: 42%;
        top: 44%;
        max-width: 380px;
    }
}
@media (max-width: 895px) {
    .b-product_promo {
        background-image: url(/upload/business/promo/svetofor/t-light.png) !important;
        background-size: 50%;
        background-position: bottom right;
        background-repeat: no-repeat;  
    }
    .b-product_promo-svetofor .b-mainpromo_cont {
        left: 0;
        top: 0;
        max-width: auto;
    }
    .l-mainpromo_title,
    .promo-banner__text {
        text-align:left;
    }
    .col-1--input {
        position:absolute;
        bottom: 60px;
    }
    .b-product_promo .b-mainpromo_cont {
        margin-left: 10px; 
    }
    .b-product_promo-svetofor .b-mainpromo_cont {
        margin-top: 20px;
    }
}
@media (max-width: 645px) {
.buttons input {
        margin-bottom:0;
    }
}
@media(max-width: 620px) {
    
    .b-product_promo {
        background-size:65%;
    }
    .b-mainpromo_cont .l-mainpromo_title {
        font-size: 30px;
        line-height: 31px;
    }
    .promo-banner__text {   
        font-size: 16px;
        line-height: 21px;
    }
}
@media (max-width: 560px) {
    .b-product_promo {
        background-position: bottom;
        background-size:75%;
    }
    
}
@media (max-width: 520px) {
    .l-mainpromo_title {
        white-space:normal;
    }
    .b-product_promo {
        background-size: 65%;
    }
    .form_flex {
        flex-direction:column-reverse;
        align-items:flex-start;
        
    }
    .marks {
        margin-bottom:15px;
        margin-left:0;
    }
    .hint + .notice-svetofor {
        margin-left:-15px;
    }
    .triangle-yellow {
        right: auto;
    }
    .triangle-green {
        right: auto;
    }
    .triangle-red {
        right: auto;
    }
    .svetofor-attention {
        top:110px;
    }
}
@media (max-width: 460px) {
    .b-mainpromo_cont .l-mainpromo_title {
        text-align: left !important;
        font-size: 27px;
    }
    
    #main {
        padding: 0;
    }
}

@media (max-width: 430px) {
    input.rfield.empty_field {
        font-size: 16px;
    }
    .addButton {
        padding: 10px 20px!important;
    }
    .svetofor form input {
        width: 180px !important;
        height: 40px !important;
    }
    .b-product_promo {
        background-size: 80%;
    }
    .marking {
        width: 30px;
        height: 30px;
        margin-right: 10px;
        margin-left: 0px;
    }
    .promo-banner__text {
        max-width:280px;
    }
}
@media (max-width: 380px) {
    .b-product_promo {
        background-image: none !important;
    }
    .svetofor-attention {
        top:90px;
    }
}

/**************  общие *********/
@media (max-width: 520px) {
    .title__wherefore {
        font-size: 35px;
    }
}
@media (max-width: 480px) {
    .title.title__wherefore {
        font-size: 35px !important;
    }
    h3.subtitle {
        font-size: 30px !important;
    }
}