/* Start:/local/templates/sotbit_origami/components/bitrix/form.result.new/contacting_quality_department/style.css?172321038036865*/
body div {
    color: #000;
    text-decoration: none;
    outline: none;
    transition: all 0.1s ease-in-out;
    font-style: normal;
    font-weight: 500;
}
/*<!--Заполните форму обращения-->*/


/*валидация телефона Заполните форму обращения*/
.footer_subscribe_input__wrong_tell--container, .input__wrong_name--container {
    display: none;
}

.form_table_block_tell.active ~ .footer_subscribe_input__wrong_tell--container{
    display: block;
}

.form_action_delete.active {
    border: 1px solid #d70404;
}

.form_action_delete.active .input__wrong_name--container {
    display: block;
    position: absolute;
    width: 100%;
    top: 62px;
}
.form_table_block_tell.form_action_delete.active ~ .input__wrong_name--container {
    display: block;
}
.form_table_block_petition_block.form_action_delete.active ~ .input__wrong_name--container {
    display: block;
}
.form_table_block-details_container.form_action_delete.active ~ .input__wrong_name--container {
    display: block;
}
.form_table_block-situation_container.form_action_delete.active ~ .input__wrong_name--container {
    display: block;

}

.form_table_block_tell .close_input.active .delete_value_tel,
.input__wrong_name--container .close_input.active .delete_value_tel {
    display: none;
}
.form_table_block_tell.active .close_input.active .default_value_tel,
.input__wrong_name--container .close_input.active .default_value_tel {
    display: none;
}
.form_table_block_tell.active .close_input.active .delete_value_tel,
.input__wrong_name--container .close_input.active .delete_value_tel {
    display: block;
}

.input__wrong_name--container, .footer_subscribe_input__wrong_tell--container {
    margin-top: -13px;
    position: relative;
}
.input__wrong_name--container, .footer_subscribe_input__wrong_tell--container {
    background-color: #ffd9e0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #d70404;
    font-size: 12px;
    left: 0;
    line-height: 150%;
    padding: 7px 15px;
    top: 0;
    width: 100%;
    z-index: 4;
}

.input__wrong_name p, .footer_subscribe_input__wrong_tell--container p {
    color: #d70404;
    font-size: 12px;
    line-height: 150%;
}




/*валидация телефона Заполните форму обращения ~ end*/

/*валидация email ~ Задать вопрос*/
.input__wrong_email--container, .input__wrong_name--container {
    display: none;
}

.modal_call-back--form_email.active, .modal_call-back--form_name.active {
    border: 1px solid #d70404;
}

.form_action_delete .close_input.active .delete_value_tel {
    display: none;
}

.form_action_delete.active .close_input.active .default_value_tel {
    display: none;
}

.form_action_delete.active .close_input.active .delete_value_tel {
    display: block;
    visibility: visible;
    height: 18px;
    width: 21px
}

.modal_call-back--form_email .close_input.active .delete_value_email,
.modal_call-back--form_name .close_input.active .delete_value_email {
    display: none;
}
.modal_call-back--form_email.active .close_input.active .default_value_email,
.modal_call-back--form_name.active .close_input.active .default_value_email {
    display: none;
}
.modal_call-back--form_email.active .close_input.active .delete_value_email,
.modal_call-back--form_name.active .close_input.active .delete_value_email {
    display: block;
}

.input__wrong_email--container, .input__wrong_name--container {
    margin-top: -13px;
    position: relative;
    margin-bottom: 7px;
}
.input__wrong_email {
    background-color: #ffd9e0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #d70404;
    font-size: 12px;
    left: 0;
    line-height: 150%;
    padding: 7px 15px;
    top: 0;
    width: 100%;
    z-index: 4;
}

.input__wrong_email p {
    color: #d70404;
    font-size: 12px;
    line-height: 150%;
}


/*валидация email ~ Задать вопрос ~ end*/

/*валидация телефона ~ Заказать обратный звонок*/
.input__wrong_callbackPhone--container, .input__wrong_callbackName--container {
    display: none;
}

.modal_call-back--form_tell.callbackPhone_number.active ~ .input__wrong_callbackPhone--container,
.modal_call-back--form_name.active ~ .input__wrong_callbackName--container {
    display: block;
}

.modal_call-back--form_tell.callbackPhone_number.active, .modal_call-back--form_name.active {
    border: 1px solid #d70404;
}

.modal_call-back--form_tell.callbackPhone_number .close_input.active .delete_value_tel,
.modal_call-back--form_name .close_input.active .delete_value_tel {
    display: none;
}
.modal_call-back--form_tell.callbackPhone_number.active .close_input.active .default_value_tel,
.modal_call-back--form_name.active .close_input.active .default_value_tel{
    display: none;
}
.modal_call-back--form_tell.callbackPhone_number.active .close_input.active .delete_value_tel,
.modal_call-back--form_name.active .close_input.active .delete_value_tel{
    display: block;
}

.input__wrong_callbackPhone--container, .input__wrong_callbackName--container {
    margin-top: -17px;
    position: relative;
    margin-bottom: 7px;
}
.input__wrong_callbackPhone--container_tell, .input__wrong_callbackName--container_tell {
    background-color: #ffd9e0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #d70404;
    font-size: 12px;
    left: 0;
    line-height: 150%;
    padding: 7px 15px;
    top: 0;
    width: 100%;
    z-index: 4;
}

.input__wrong_callbackPhone--container_tell p, .input__wrong_callbackName--container_tell p {
    color: #d70404;
    font-size: 12px;
    line-height: 150%;
}
/*валидация телефона ~ Заказать обратный звонок end*/


/*валидация Задать вопрос*/
.input__wrong_name--container {
    display: none;
}

.modal_call-back--form_email.form_action_delete.active, .modal_call-back--form_message.active {
    border: 1px solid #d70404;
}

.modal_call-back--form_email.form_action_delete .close_input.active .delete_value_email,
.modal_call-back--form_message.form_action_delete .close_input.active .delete_value_email {
    display: none;
}
.modal_call-back--form_email.form_action_delete.active .close_input.active .default_value_email,
.modal_call-back--form_message.form_action_delete.active .close_input.active .default_value_email {
    display: none;
}
.modal_call-back--form_email.form_action_delete.active .close_input.active .delete_value_email,
.modal_call-back--form_message.form_action_delete.active .close_input.active .delete_value_email {
    display: block;
}

.input__wrong_form_callback_email--container {
    margin-top: -17px;
    position: relative;
    margin-bottom: 7px;
}
.input__wrong_form_callback_email {
    background-color: #ffd9e0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #d70404;
    font-size: 12px;
    left: 0;
    line-height: 150%;
    padding: 7px 15px;
    top: 0;
    width: 100%;
    z-index: 4;
}

.input__wrong_form_callback_email p {
    color: #d70404;
    font-size: 12px;
    line-height: 150%;
}
/*валидация Задать вопрос end*/

/*валидация телефона ~ Видеоконсультация со специалистом */
.form_action_delete ~ .input__wrong_inputPhoneSpecialist--container {
    display: none;
}

.form_action_delete.active ~ .input__wrong_inputPhoneSpecialist--container {
    display: block;
}

.form_action_delete.active {
    border: 1px solid #d70404;
}
.modal_call-back--form_name:hover {
    border-color: #000;
}
.form_table_block_product.others.form_action_delete.error_points.error_message {
    border: 1px solid #d70404;
}

.form_table_block_product.others.form_action_delete.error_points.error_message > .close_input.active .delete_value_tel {
    display: block;
    visibility: visible;
    height: 18px;
    width: 21px
}

.form_table_block_product.others.form_action_delete.error_points.error_message > .close_input.active .default_value_tel {
    display: none;
}

.form_table_block_product.others.form_action_delete.error_points > .close_input.active .default_value_tel {
    display: block;
}


.modal_call-back--form_tell.video_specialist.form_action_delete.active .close_input.active .default_value_tel
.modal_call-back--form_name.form_action_delete.active .close_input.active .default_value_tel  {
    display: none;
}
.modal_call-back--form_tell.video_specialist.form_action_delete.active .close_input.active .delete_value_tel
.modal_call-back--form_name.form_action_delete.active .close_input.active .delete_value_tel {
    display: block;
}

.input__wrong_inputPhoneSpecialist--container {
    margin-top: -17px;
    position: relative;
    margin-bottom: 7px;
}
.input__wrong_inputPhoneSpecialist--container_tell {
    background-color: #ffd9e0;
    border-radius: 4px;
    box-sizing: border-box;
    color: #d70404;
    font-size: 12px;
    left: 0;
    line-height: 150%;
    padding: 7px 15px;
    top: 0;
    width: 100%;
    z-index: 4;
}

.input__wrong_inputPhoneSpecialist--container_tell p {
    color: #d70404;
    font-size: 12px;
    line-height: 150%;
}
/*валидация телефона ~ Видеоконсультация со специалистом end*/




.wrapper_form_table_callback div {
    font-style: normal;
    font-weight: 400;
    color: #000000;
    /*overflow: hidden;*/
    font-size: inherit;
}
.main-input-md__wrapper {
    display: none;
}
.wrapper_form_table_callback {
    padding-top: 75px;
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 1176px;
    margin: 0 auto;
}

@media (max-width: 1365px) {
    .wrapper_form_table_callback {
        max-width: 944px;
    }
}

@media (max-width: 1024px) {
    .wrapper_form_table_callback {
        max-width: 100%;
        padding: 0 15px;
    }
}

.wrapper_form_table_callback input {
    width: 100%;
    font-size: inherit;
}
.form_table_container .form_table--title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-style: normal;
    font-weight: 400;
    font-size: 35px;
    color: #000000;
    margin-bottom: 60px;
}
.form_table--title_container{
    display: flex;
    justify-content: center;
    align-items: center;
}
.form_table_block_name_check {
    display: grid;
    justify-content: space-between;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}
.form_table_block_name_container {
    display: flex;
    flex-direction: column;
    position: relative;
}
.form_table_block_name, .form_table_block_tell, .form_table_block_check, .form_table_block_toy, .form_table_block_product {
    align-items: center;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 11px 15px;
    transition: border-color .2s;
    margin-bottom: 20px;
}
.form_table_block_product.form_action_delete.active + .input__wrong_name--container {
    display: block;
}
.form_table_block_product {
    align-items: center;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 11px 15px;
    transition: border-color .2s;
}
.form_table_block_name:hover {
    border-color: #000;
}
.form_table_block_tell:hover {
    border-color: #000;
}
.form_table_block_check:hover {
    border-color: #000;
}
.form_table_block_toy:hover {
    border-color: #000;
}
.form_table_block_product:hover {
    border-color: #000;
}

.form_name:not(:focus) ~ .close_input.active {
    visibility: hidden;
}

.form_table_block_check_container {
    display: flex;
    flex-direction: column;
    position: relative;
}
.form_table_block_toy.form_action_delete.active ~ .input__wrong_name--container {
    display: block;
}
.form_table_block_box_petition {
    display: grid;
    justify-content: space-between;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    margin-top: 40px;
}

.form_table_block_box_petition .form_table_block_box-text {
    color: #989898;
}

.form_table_block_box_petition .form_table_block_product-text {
    color: #989898;
}

.form_table_block_situation_details .details_text {
    color: #989898;
}

.form_table_block_box_petition .form_table_block_petition-text {
    color: #989898;
}

.form_table_block_box_container {
    position: relative;
    display: block;
}
.form_table_block_box_container .form_table_block_box {
    border: 1px solid #c4c4c4;
    padding: 10px;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 5px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0px;
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
    z-index: 2;
    width: 100%;
    background: #fff;
}

.dropdown-content_form_table_block.active {
    display: grid;
    grid-template-columns: 100%;
    padding-top: 15px;
}

.dropdown-content_form_table_block.active .click_active_link:hover {
    background: var(--bg-color);
}
.form_table_block_product-text.others {
    margin-bottom: 25px;
}
.form_table_block_product.others, .form_table_block_product-text.others {
    display: none;
}

.form_table_block_product.others.error_points, .form_table_block_product-text.others.error_points {
    display: flex;
}

.modal_call-back--form_getOne input{
    width: 100%;
}

.form_table_block_box-container {
    display: flex;
    justify-content: space-between;
}
.form_table_block_box-container .main-input-md__wrapper_link {
    background: transparent;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}
.form_table_block_box-container .main-input-md__wrapper_link .enter_text {
    font-weight: 400;
}
.form_table_block_box .dropdown-content_form_table_block {
    display: none;
}
.dropdown-content_form_table_block .click_active_link {
    display: flex;
    justify-content: space-between;
}
.dropdown-content_form_table_block.active {
    display: grid;
    grid-template-columns: 100%;
}
.dropdown-content_form_table_block.active .click_active_link {
    margin: 1px 0px 0px 4px;
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
}
.active .feedback_svg {
    transform: rotate(180deg);
    transition: all 0.2s ease-in-out;
}
.dropdown-content.active div {
    margin: 1px 0px 0px 4px;
    padding: 5px 0;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
}
.dropdown-content.active div:hover {
    background: var(--bg-color);
}

.click_active_link_box {
    margin: 1px 0px 0px 4px;
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
}

.click_active_link_box:hover{
    background: var(--bg-color);
}

.fa_fa-svg_box{
    display: none;
}

.fa_fa-svg_box.active {
    display: block;
}

.form_table_block_box-container_box {
    display: flex;
    justify-content: space-between;
}

.form_table_block_box-container .feedback_svg svg {
    transform: rotate(180deg);
    transition: all 0.2s ease-in-out;
}

.form_table_block_box-container_box .feedback_svg svg{
    transform: rotate(-180deg);
    transition: all 0.2s ease-in-out;
}

.form_table_block_box-container_box.active .feedback_svg svg{
    transform: rotate(180deg);
    transition: all 0.2s ease-in-out;
}


.form_table_block_box-container_box .main-input-md__wrapper_link {
    background: transparent;
    border: none;
    color: #000;
    font-size: 14px;
    font-weight: 600;
}

.main-input-md__wrapper_link .enter_text_initial {
    font-weight: 400;
}
.main-input-md__wrapper_link .enter_text_box {
    font-weight: 400;
}

.dropdown-content_box {
    display: none;
}

.dropdown-content_box.active {
    display: block;
}

.form_table_block_box-container_hide .dropdown-content.active div:hover {
    background: var(--bg-color);
}
.form_table_block_box-container_box .main-input-md__wrapper_link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 367px;
    width: 100%;
    text-align: left;
}
.fa_fa-svg {
    display: none;
}
.form_table_block_box-text {
    margin-top: 50px;
    margin-bottom: 20px;
}
.form_table_block_product-text {
    margin-top: 10px;
}
.form_table_block_petition_block {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 11px 15px;
    transition: border-color .2s;
    height: 167px;
    margin-bottom: 20px;
}
.form_table_block_petition_block:hover {
    border-color: #000;
}
.form_table_block_box:hover {
    border-color: #000;
}
.form_table_block_petition_block .petition {
    resize: none;
    height: -webkit-fill-available;
    width: 100%;
}
.form_table_block_petition-text {
    margin-top: 10px;
}
.form_table_block_box-container_hide{
    display: none;
}

.form_table_block_box-container_hide.active_damage {
    display: block;
    border: 1px solid #c4c4c4;
    padding: 10px;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 5px;
    position: absolute;
    width: 100%;
    z-index: 1;
    background: #fff;
}
.form_table_block_box-container_hide.active:hover {
    border-color: #000;
}
.hide_input_change_box {
    display: none;
}

.form_table_block_box-container_hide.active.error_message .input__wrong_name--container {
    display: block;
    width: 100%;
    position: absolute;
    top: 60px;
}

.form_table_block_situation_details {
    display: grid;
    justify-content: space-between;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
}
.form_table_block-situation_container {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 11px 15px;
    transition: border-color .2s;
    height: 137px;
    margin-bottom: 20px;
}
.form_table_block_box-container_hide.active_damage.error_message .input__wrong_name--container{
    display: block;
    position: absolute;
    top: 61px;
}
.form_table_block_product.others.form_action_delete.error_points.error_message + .input__wrong_name--container {
    display: block;
}

.form_table_block-situation .pretension {
    resize: none;
    height: -webkit-fill-available;
    width: 100%;
}
.form_table_block-details_container {
    align-items: flex-start;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 11px 15px;
    transition: border-color .2s;
    height: 137px;
    margin-bottom: 20px;
}

.form_table_block-details .details {
    resize: none;
    height: -webkit-fill-available;
    width: 100%;
}
.form_table_block-details_container:hover {
    border-color: #000;
}
.form_table_block-situation_container:hover {
    border-color: #000;
}
.form_table_block_situation_details {
    margin-top: 25px;
}

.form_table_block-details .details_text{
    margin-top: 10px;
}
.form_table_block-situation .details_text {
    margin-top: 10px;
}

.form_table_block_box-container_box_text.active_damage {
    display: block;
    margin-bottom: 25px;
    color: #989898;
    margin-top: 80px;
}

.form_table_block_box-container_box_text {
    display: none;
}
.form_table_block_add_image {
    display: grid;
    justify-content: space-between;
    width: 100%;
    grid-template-columns: 1fr 1fr;
    margin-top: 40px;
}
.form_table_block_add_image_container {
    border: 1px dashed #c4c4c4;
    border-radius: 4px;
    display: flex;
    max-width: 522px;
    padding: 0;
    align-items: center;
    box-sizing: border-box;
    flex-direction: column;
    height: 100%;
}
.form_table_block_submit-container {
    display: flex;
    justify-content: center;
    padding-top: 60px;
    padding-bottom: 60px;
}
.form_table_block_submit {
    background: #404040;
    border: 1px solid #404040;
    color: #fff;
    font-weight: 500;
    outline: none;
    padding: 9px 28px;
    transition: all .2s;
    border-radius: 4px;
    font-size: 16px;
    max-width: 420px;
    width: 100%;
    height: 50px;
}
.form_table_block_submit:hover {
    background: #000;
    border-color: #000;
}
.form_table_block_add_image_container {
    position: relative;
    height: 100%;
    justify-content: center;
    display: flex;
    padding: 10px;
}
.form_table_block_add_image_container.active {
    justify-content: flex-start;
}
.form_table_block_add_image_container.active .block_add_image_outputMulti {
    margin-bottom: 10px;
}
#fileMulti {
    bottom: 0;
    cursor: pointer;
    height: 100%;
    left: 0;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: border-color .2s;
    width: 100%;
    z-index: 2;
}
.add_format_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.add_format_container .add_format_text {
    font-weight: bold;
}
.add_format {
    color: #392828;
}
.form_table_block_add_image_container_text .add_image_container_title {
    font-weight: bold;
    margin-bottom: 15px;
}
.close_input {
    display: none;
}
.close_input.active {
    display: block;
    background: none;
    border: none;
    cursor: pointer;
    transition: 0.3s ease-out;
    height: auto;
}
.close_input.active:hover {
    opacity: .5;
    transform: rotateZ(360deg);
    cursor: pointer;
}

/*<!--end Заполните форму обращения-->*/
.wrapper_quality_department {
    max-width: 1176px;
    margin: 0 auto;
    width: 100%;
}

.quality_department_container {
    display: flex;
    flex-direction: column;
}
.quality_department_title {
    text-align: center;
}
.quality_department_text {
    text-align: left;
    font-size: 16px;
    margin-top: 0px;
}
.quality_department_contact {
    margin-top: 40px;
    background: var(--bg-color);
    padding: 40px 90px;
}
.quality_department_contact_title {
    font-weight: 500;
    font-size: 22px;
    line-height: 27px;
}
.quality_department_mail_block {
    column-gap: 120px;
    display: flex;
    justify-content: flex-start;
    margin-top: 25px;
}
.quality_department_mail_block--workingMode {
    display: flex;
}
.quality_department_mail_block--working_mail {
    display: flex;
}
.quality_department_mail_block--working_tell {
    display: flex;
}
.quality_department_mail_block--workingMode_week,.quality_department_mail_block--workingMode_mail, .quality_department_mail_block--workingMode_tell {
    margin-left: 15px;
}
.workingMode_week_work, .workingMode__tell_title, .workingMode__mail_title {
    font-size: 16px;
    font-weight: 600;
}
.workingMode_week_clock, .workingMode__mail, .workingMode__tell {
    font-size: 16px;
}
.form_click_close {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.wrapper_modal_call-modal__close_question.modal_call__close_bg {
    margin-bottom: 26px;
}

.form_table_block_add_image .form_table_block_add_image_container_text{
    margin-left: -30px;
}

@media (max-width: 1365px) {
    .wrapper_quality_department{
        max-width: 944px;
    }
    .quality_department_contact {
        padding: 40px 60px;
    }
    .quality_department_mail_block {
        column-gap: normal;
        justify-content: space-between;
    }
    .form_table_block_name_check, .form_table_block_box_petition, .form_table_block_situation_details, .form_table_block_add_image {
        gap: 60px;
    }
    .quality_department_text {
        margin-top: 30px;
    }
}

@media (max-width: 1024px) {
    .wrapper_form_table_callback{
        padding-top: 0;
        padding: 0;
    }
    .form_table_container .form_table--title {
        font-size: 22px;
        margin-top: 60px;
    }
    .wrapper_quality_department{
        max-width: 100%;
        padding: 0 10px;
    }
    .quality_department_contact {
        padding: 40px 15px;
    }
    .form_table_block_box-container .main-input-md__wrapper_link {
        align-items: center;
        display: flex;
        max-width: calc(100% - 25px);
    }
    .form_table_block_box-container .main-input-md__wrapper_link .enter_text_initial {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-left: 5px;
    }
    .wrapper_link_initial {
        white-space: nowrap;
    }
}
@media (max-width: 768px) {
    .form_table_block_add_image .form_table_block_add_image_container_text {
        margin-left: 0;
    }
    .form_table_block_add_image_container {
        max-width: 100%;
    }
    .form_table_form {
        width: 100%;
    }
    .wrapper_quality_department{
        max-width: 738px;
    }
    .quality_department_contact {
        padding: 40px;
    }
    .quality_department_mail_block {
        flex-direction: column;
        row-gap: 20px;
    }
    .form_table_block_name_check, .form_table_block_box_petition, .form_table_block_situation_details, .form_table_block_add_image {
        grid-template-columns: 1fr;
        gap: 0;
    }
    .details_text, .form_table_block_product-text {
        margin-bottom: 20px;
    }
    .form_table_block_add_image_container {
        min-height: 276px;
    }
    .form_table_block_add_image {
        margin-top: 20px;
    }
    .add_image_container_title {
        margin-top: 20px;
    }
    .add_image_container_list li {
        padding-left: 0;
    }
    .form_table_block_submit {
        width: 100%;
    }
}


.wrapper_modal_bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: 0.5s all;
    z-index: 10;
}

.wrapper_modal_bg.active {
    opacity: 1;
    pointer-events: all;
    transition: 0.5s all;
}

.modal_call-back--form_title {
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    color: #000000;
    margin-bottom: 30px;
}

.wrapper_modal_call-modal__close {
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    transition: 0.3s ease-out;
    height: 25px;
}

.wrapper_modal_call-modal__close:hover {
    transform: rotateZ(360deg);
}

.wrapper_modal_call-modal__close_question {
    padding: 0;
    background: none;
    border: none;
    cursor: pointer;
    transition: 0.3s ease-out;
    height: 25px;
}

.wrapper_modal_call-modal__close_question:hover {
    transform: rotateZ(360deg);
}

.modal_call-back--form_name, .modal_call-back--form_tell, .modal_call-back--form_email {
    align-items: center;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 0 15px;
    transition: border-color .2s;
    margin-bottom: 20px;
}


.modal_call-back--form_message {
    align-items: baseline;
    background: #fff;
    border: 1px solid #c4c4c4;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    overflow: hidden;
    padding: 11px 15px;
    transition: border-color .2s;
    height: 150px;
    align-items: last baseline;
    margin-bottom: 25px;
}

.modal_call-back--form_email:hover {
    border-color: #000;
}

.modal_call-back--form_name:hover {
    border-color: #000;
}

.modal_call-back--form_message:hover {
    border-color: #000;
}

.modal_call-back--form_tell:hover {
    border-color: #000;
}

.form_button {
    margin-bottom: 20px;
    margin-top: 25px;
}

.form_button .form_button_enter {
    background: #404040;
    border: 1px solid #404040;
    color: #fff;
    font-weight: 500;
    outline: none;
    padding: 0 20px;
    transition: all .2s;
    border-radius: 4px;
    width: 100%;
    height: 42px;
}

.form_button .form_button_enter:hover {
    background: #000;
    border-color: #000;
}

.form_button_action {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
    line-height: 1.5;
}

.form_confidential {
    color: #989898;
    font-size: 12px;
    line-height: 15px;
    margin-top: 25px;
}

.form_confidential_link {
    color: #157ee9;
    transition: color .2s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    font-size: 12px;
    line-height: 15px;
}

.wrapper_close {
    text-align: right;
    margin-bottom: 25px;
}


.wrapper_modal_call.active {
    opacity: 1;
    pointer-events: all;
    transition: 0.5s all;
}

.wrapper_modal_call, .wrapper_modal_call_question {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: #fff;
    width: 100%;
    max-width: 423px;
    padding: 30px;
    transition: 0.5s all;
    border-radius: 5px;
    box-sizing: border-box;
    margin: 0 auto;
    z-index: 5;
}

.wrapper_modal_call.active, .wrapper_modal_call_question.active {
    transform: translate(-50%, -50%) scale(1);
    transition: 0.5s all;
}

.wrapper_modal_call input {
    width: 100%;
}
.wrapper_modal_bg_question {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    pointer-events: none;
    transition: 0.5s all;
    z-index: 10;
}

.wrapper_modal_bg_question.active {
    opacity: 1;
    pointer-events: all;
    transition: 0.5s all;
}

.form_message {
    resize: none;
    height: -webkit-fill-available;
    width: -moz-available;
}

.tabs_container {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    align-items: center;
}
.tabs_container_block {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.tabs_item {
    transition: opacity .2s ease-in;
}
.tabs_item:hover {
    cursor: pointer;
}

.modal_call-back--form.active {
    display: block;
}

.modal_call-back--form {
    display: none;
}

#messages_popup.tabs_item.active .messages_popup_svg.active, #phone_popup.tabs_item.active .phone_popup_svg.active,
#video_popup.tabs_item.active .video_popup_svg.active {
    display: block;
}


#messages_popup.tabs_item.active .messages_popup_svg, #video_popup.tabs_item.active .video_popup_svg, #phone_popup.tabs_item.active .phone_popup_svg,
#messages_popup.tabs_item .messages_popup_svg.active, #phone_popup.tabs_item .phone_popup_svg.active, #video_popup.tabs_item .video_popup_svg.active {
    display: none;
}

.modal_call-back--form_text {
    margin-bottom: 25px;
}

/*video*/
.feedback_video__container {
    display: grid;
    margin-top: 25px;
}
.feedback_video__container_number-name {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
}
@media (max-width: 520px) {
    .feedback_video__container_number-name {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }
}

.dropdown-content.active .click_active_link_initial {
    margin: 1px 0px 0px 4px;
    padding: 5px 0;
    display: flex;
    justify-content: space-between;
}
.feedback_video__container_tell-container {
    display: flex;
    justify-content: space-between;
}
.feedback_video__container_tell-container span {
    visibility: hidden;
}
.feedback_video__container_tell-container .enter_text {
    visibility: visible;
}
.active .feedback_video__container_tell-container .main-input-md__wrapper_link {
    font-weight: bold;
    color: #000;
}
.active .feedback_video__container_tell-container span {
    visibility: visible;
    font-size: 14px;
    padding-left: 3px;
    font-weight: lighter;
}
.feedback_video__container_tell {
    border: 1px solid #c4c4c4;
    padding: 10px;
    align-items: center;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 5px;
}
.main-input-md__wrapper_link {
    background: transparent;
    border: none;
    color: #989898;
    font-size: 14px;
}
.active .feedback_video__container_tell-container .main-input-md__wrapper_link {
    font-weight: bold;
    color: #000;
}
.dropdown-content.active div {
    margin: 1px 0px 0px 4px;
    padding: 5px 0;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
}
.dropdown-content.active div:hover {
    background: var(--bg-color);
}
.dropdown-content.active  {
    display: grid;
    grid-template-columns: 100%;
}
.dropdown-content {
    display: none;
}

.feedback_video__container_tell.active .feedback_video_feedback_svg {
    transform: rotate(180deg);
    transition: all 0.2s ease-in-out;
}

/*video end*/


.modal_call-back--form_show {
    display: none;
}

.modal_call-back--form_show.active {
    display: block;
}


/*add_file custom*/
#outputMulti span {
    display: inline-block;
}

#outputMulti img {
    height: 90px;
    width: 90px;
    -o-object-fit: cover;
    object-fit: cover;

}
.block_add_image_outputMulti {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    align-items: flex-start;
    gap: 20px;
}

#outputMulti {
    display: contents;
    width: 100%;
}

#outputBlock {
    height: 90px;
    width: 90px;
    position: relative;
    display: none;
}
#outputBlock .UNdRh {
    height: 90px;
    width: 100%;
    background: var(--bg-color);
}
#outputBlock .chhEy {
    background-image: url("/local/templates/sotbit_origami/assets/img/svg/mebelson/plus.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 23px;
    left: 50%;
    position: relative;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 23px;
}
#outputBlock {
    background: #f5f3f2 url("/local/templates/sotbit_origami/assets/img/svg/mebelson/plus.svg") no-repeat 50%;
}
#outputBlock input {
    bottom: 0;
    cursor: pointer;
    left: 0;
    opacity: 0;
    right: 0;
    top: 0;
    width: 100%;
    position: absolute;
    z-index: 3;
}
#outputMulti span:before {
    background-image: url("/local/templates/sotbit_origami/assets/img/svg/mebelson/close_small.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 15px;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 15px;
    z-index: 3;
    position: absolute;
}



.hide_input.active {
    display: block!important;
}
.hide_input {
    display: none!important;
}

.addfile {
    display: block;
    position: relative;
}
.addfile:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 1;
    transition: opacity 0.4s ease;
}
.addfile:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    opacity: 0;
    transition: opacity 0.4s linear;
}
.addfile:hover:before,
.addfile:hover:after {
    opacity: 1;
}

@media (max-width: 1365px) {
    #outputMulti img, #outputBlock {
        height: 51px;
        width: 51px;
    }
}

@media (max-width: 768px) {
    #outputMulti img, #outputBlock {
        height: 90px;
        width: 90px;
    }
}

.form_table_block_add_image_container.active {
    border: 1px dashed  #d70404;
}

.form_table_block_add_image_error {
    display: none;
    color: #d70404!important;
}

.form_table_block_add_image_error.active {
    display: block;
}

/*add_file custom end*/




/* End */
/* /local/templates/sotbit_origami/components/bitrix/form.result.new/contacting_quality_department/style.css?172321038036865 */