

/* Start:/bitrix/templates/.default/components/realweb/callback/contact-form-new/style.css?17587112486341*/
.callback-fransh {
    padding: 0 10px;
}

.contact-form {
    max-width: 1139px;
    margin: 0 auto 40px;
}

.contact-form__title {
    text-align: center;
    font-weight: 600;
    margin-bottom: 50px;
}

.contact-form .contact-form__block {
    display: grid;
    grid-template-columns: 2fr 3fr;
    gap: 60px;
}

.form-block__item-box {
    width: 100%;
}

.contact-form__form {
    padding: 25px;
    border: none;
    background: #EFEFEF;
    border-radius: 10px;
}

.contact-form__form form {
    width: 100%;
}

.des_popupwin_input_box {
    width: 100%;
    display: block;
    margin: 0 !important;
}

/* .des_cooperation_content .contact-form .rect {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100px;
    height: 80px;
    background: #D11B1D;
    white-space: nowrap;
    left: -20px;
    padding-left: 20px;
} */
.des_cooperation_content .contact-form__form .des_popupwin_btn {
    margin: 0 auto;
    display: block;
    color: #FFFFFF;
    background: #D11B1D;
    border-radius: 0;
    border-color: #D11B1D;
    transition: all .4s ease;
    font-size: .8rem;
    line-height: 22px;
    padding: .6rem 1.2rem;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    border: none;
}

.contact-form__form .des_popupwin_check_box {
    padding: 0;
    height: 33px;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
}

.des_cooperation_content .contact-form .form-block__title {
    padding-top: 0;
}
.des_cooperation_content .contact-form .form-block__post {
    padding: 0;
}
.des_cooperation_content .contact-form .form-block__phone {
    padding: 0;
}
.des_cooperation_content .contact-form__form {
    padding: 0;
    border: none;
    border-radius: 0;
    background: transparent;
}
.des_cooperation_content .contact-form__form .des_popupwin_input {
    border-radius: 0;
    border: 1px solid #aaaaaa!important;
    color: #333333;
}

.des_cooperation_content .contact-form__form .des_popupwin_btn {
    margin: 0 auto;
}
.contact-form__form .des_spinner>div, .contact-form__form .des_spinner_green>div {
    background: #D11B1D!important;
}
.des_cooperation_content .contact-form__form .des_popupwin_input {
    border-radius: 0;
    border: 1px solid #aaaaaa!important;
    color: #333333;
}

.des_popupwin_input_box input[type=text].des_popupwin_input {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    box-shadow: none;
    width: 100%;
}
.des_popupwin_input_box input[type=text].des_popupwin_input {
    line-height: 30px;
    height: 40px;
    padding: 10px;
    border: 1px solid #E6E7E8;
    background: #FFFFFF !important;
    border-radius: 4px;
}

.des_popupwin_input_box input[type=text].des_popupwin_input::placeholder {
    color: #A9A9A9;
}

.des_ajax_hidden {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
 
.des_popupwin_check_box .des_popupwin_label_checkbox {
    padding-left: calc(33px + 26px);
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #000000;
}

.des_popupwin_check_box .des_popupwin_checkbox + .des_popupwin_label_checkbox:before {
    content: '';
    top: calc(50% - 33px/2);
    width: 33px;
    height: 33px;
    background-color: #FFFFFF;
    border: 1px solid #E6E7E8;
    border-radius: 4px;
    transition: none;
}
.des_popupwin_check_box .des_popupwin_checkbox:not(:checked)+.des_popupwin_label_checkbox:before {
    background: #FFFFFF;
}

.des_popupwin_check_box .des_popupwin_checkbox:checked + .des_popupwin_label_checkbox:before {
    background-image: url('/img/Check.svg');
    background-color: #FFFFFF;
    background-size: 16px 12px;
    background-repeat: no-repeat;
    background-position: center;
}

.get_offer_btn {
    padding: 15px !important;
    width: 100%;
    background: #D11B1D !important;
    border-radius: 10px !important;
    font-family: 'Cera Pro', sans-serif !important;
    font-weight: 500 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    margin-top: 40px !important;
}

.form-block__contacts {
    font-family: 'Cera Pro', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #000000;
    position: relative;
    padding-left: 50px;
    margin-bottom: 25px;
}

.form-block__contacts::before {
    content: '';
    position: absolute;
    top: calc(50% - 25px/2);
    left: 0;
    width: 35px;
    height: 25px;
    background: #163072;
}

.form-block__info p {
    margin: 0;
}

.form-block__info {
    width: fit-content;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    row-gap: 6px;
    column-gap: 10px;
}

.form-block__info-content {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-family: 'Cera Pro', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}
.form-block__info-content a {
    color: #000000;
}
.form-block__info-content a:hover {
    text-decoration: underline;
}

.form-block__info-title {
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
}

.form-block__item {
    margin-top: 50px;
    padding-top: 60px;
    position: relative;
}

.form-block__item::before {
    content: '';
    position: absolute;
    display: block;
    width: 263px;
    height: 25px;
    left: 0;
    top: 0;
    background: #D11B1D;
}

.form-block__title {
    font-family: 'Cera Pro', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 10px;
}

.form-block__post {
    font-family: 'Cera Pro', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 35px;
}

@media (max-width: 768px) {
    .contact-form .contact-form__block {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 60px;
    }

    .form-block__item {
        margin-top: 0;
    }

    .callback-fransh {
        padding: 0;
    }

    .form-block__item-box {
        padding: 0 10px;
    }
}
/* End */


/* Start:/bitrix/components/realweb/callback/templates/fransh_new/style.css?16710112805911*/
.form-popup{position:relative;padding:0 20px;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;-webkit-justify-content:space-between;justify-content:space-between;-ms-flex-align:center;align-items:center;height:100%}
.form-popup-half{width:50%}
.form-popup-info{padding:0 5.75%;margin:47px 0;color:#fff}
.form-popup-inner{padding:0 8.32% 0 15.13%;margin:30px 0}
.form-call-measurer-bg{background:url(/bitrix/components/realweb/callback/templates/fransh_new/images/bg.jpg) center center no-repeat fixed;width:100%;height:100%;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-background-size: cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}
.form-call-measurer-overlay{filter:alpha(opacity=90);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";-khtml-opacity:0.9;-moz-opacity:0.9;opacity:0.9;background-color:#0050A1;width:100%;height:100%;position:absolute;left:0;top:0;bottom:0;right:0}
.form-call-measurer-logo{position:relative;margin:0 0 0 91px}
.form-call-measurer-icon{position:relative;z-index:2;width:180px}
.form-call-measurer-icon img{display:block;width:100%}
.form-call-measurer-title{position:relative;margin:15px 0 83px 0;z-index:2;font-family:'Muller';font-size:60px;line-height:60px;font-weight:bold}
.form-call-measurer-logo-over{z-index:1;display:block;position:absolute;top:24px;left:-102px;width:375px;height:375px;background-color:#ff0010;-moz-border-radius:50%;-webkit-border-radius:50%;-khtml-border-radius:50%;border-radius:50%}
.form-call-measurer-slogan{font-size:24px;line-height:24px}
.form-call-measurer-phone{margin:7px 0 0 0;font-size:60px;line-height:60px;font-weight:bold}.form-call-measurer-text a,.form-call-measurer-text a:hover.form-call-measurer-phone a,.form-call-measurer-phone a:hover{color:#fff;text-decoration:none}
.form-call-measurer-text{margin:23px 0 0 0;font-size:14px;line-height:18px}
.form-call-measurer-text p{padding:9px 0}
.form-call-measurer-files{display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:center;-webkit-justify-content:space-between;justify-content:space-between;-ms-flex-align:center;align-items:center}
.form-call-measurer-files .form-file-upload,.form-call-measurer-files-info{width:48%}
.form-call-measurer-files label{font-size:18px;display:block;padding:19px 0;text-align:center;border:2px solid #fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.form-call-measurer-files-info{font-size:12px;line-height:18px;color:#fff}
.form-call-measurer-inputs{margin:0 11% 0 0}
.form-call-measurer-btn{position:relative;padding:39px 0 0 0}
.form-call-measurer-btn .des_popupwin_btn{font-size:18px;text-transform:uppercase;background-color:#ff0010;border:none;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;padding:24px 43px;margin:0}
.form-call-measurer-btn .des_popupwin_btn:hover{background-color:#3E9200}
.form-call-measurer-btn .des_spinner{position:absolute;margin:0;top:10px;left:90px}
.form-popup .des_form_msg{-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;overflow:hidden}
@media (max-width:1460px){
.form-popup-info{margin:27px 0}
.form-call-measurer-logo{margin:0 0 0 46px}
.form-call-measurer-logo-over{top:12px;left:-52px;width:275px;height:275px}
.form-call-measurer-icon{width:140px}
.form-call-measurer-title{font-size:50px;line-height:50px;margin:15px 0 43px 0}
.form-call-measurer-slogan{font-size:20px;line-height:20px}
.form-call-measurer-phone{font-size:50px;line-height:50px}
.form-call-measurer-text{margin:13px 0 0 0}
.form-call-measurer-files label{font-size:16px;padding:14px 0}
.form-call-measurer-btn .des_popupwin_btn{font-size:16px;padding:18px 43px}
.form-call-measurer-btn{padding:30px 0 0 0}
.form-call-measurer-btn .des_spinner{top:5px}
}
@media (max-width:1280px){
.form-popup-inner{padding:0 8%}
.form-call-measurer-bg,.form-call-measurer-overlay{position:fixed}
}
@media (max-width:1000px){
.des_popupwin_label{font-size:14px;line-height:16px}
.form-call-measurer-files{display:block}
.form-call-measurer-files label{display:inline-block;font-size:14px;padding:8px 28px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;border:1px solid #fff}
.form-call-measurer-files .form-file-upload,.form-call-measurer-files-info{width:100%}
.form-call-measurer-files-info{line-height:16px;margin:4px 0 0 0}
.form-popup-info{margin:14px 0}
.form-call-measurer-icon{width:100px}
.form-call-measurer-title{font-size:40px;line-height:40px;margin:15px 0 23px 0}
.form-call-measurer-logo-over{top:6px;left:-32px;width:175px;height:175px}
.form-call-measurer-slogan{font-size:18px}
.form-call-measurer-phone{font-size:40px;line-height:40px}
.form-call-measurer-text{font-size:13px;line-height:16px;margin:6px 0 0 0}
.form-popup-inner,.form-popup-info{padding:0 20px}
}
@media (max-width:960px){
.form-popup-inner .des_popupwin_check_box{width:100%}
}
@media (max-width:800px){
.form-popup{display:block;height:auto}
.form-popup-half{width:auto}
.form-call-measurer-slogan,.form-call-measurer-phone,.form-call-measurer-text{display:none}
.form-call-measurer-logo{margin:0 auto;display:inline-block}
.form-popup-info{text-align:center;padding:0}
.form-call-measurer-title{text-align:left;margin:15px 0 0 0}
.form-popup-inner{padding:0 8%}
.form-call-measurer-inputs{margin:0}
.form-call-measurer-icon{width:80px}
.form-call-measurer-title{font-size:36px;line-height:36px}
.form-call-measurer-logo-over{width:140px;height:140px}
}
@media (max-width:650px){
.form-popup{padding:0 10px}
.form-call-measurer-btn .des_spinner{left:50%;margin-left:-35px}
.form-call-measurer-title{font-size:30px;line-height:30px}
.form-popup .des_form_msg{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
}
@media (max-width:550px){
.form-popup-inner{padding:0}
}
/* End */
/* /bitrix/templates/.default/components/realweb/callback/contact-form-new/style.css?17587112486341 */
/* /bitrix/components/realweb/callback/templates/fransh_new/style.css?16710112805911 */
