/* Start:/local/components/webcompany/form/templates/.default/style.css?17491953192077*/
form div.error-block {
    color: #b51818;
    font-size: 12px;
    margin-top: 4px;
    margin-left: 18px;
}

form .form-group.error input {
    border-color: #b51818;
}

form .form-group.error input::placeholder {
    color: #b51818;
}

div.modal-back.show {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    /*opacity: 0.7;*/
    /*background: #837e7e;*/
    background: rgba(131,126,126,0.7);
    height: 100%;
    width: 100%;
    z-index: 100;
    transition: background 100ms ease; /* добавляем плавное изменение прозрачности */
}

div.modal-back {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: fixed;
    top: 0;
    left: 0;
    /*background: #837e7e;*/
    /*opacity: 0; !* делаем блок полностью прозрачным *!*/
    pointer-events: none; /* отключаем возможность клика на невидимый блок */
    background: rgba(131,126,126,0);
    height: 100%;
    width: 100%;
    z-index: 100;
    transition: background 2000ms ease; /* добавляем плавное изменение прозрачности */
}

div.modal-back.show .modal-title, div.modal-back.show .modal-message {
    opacity: 1;
    transition: opacity 100ms ease; /* добавляем плавное изменение прозрачности */
}

.modal-title, .modal-message {
    opacity: 0;
    font-family: 'Inter', sans-serif;
    text-align: center; /* выравниваем текст по центру */
    font-style: normal;
    font-weight: 600;
    transition: opacity 2000ms ease; /* добавляем плавное изменение прозрачности */
}

.modal-title{
    order: 1;
    font-size: 600%;
}

.modal-message{
    order: 2;
    font-size: 230%;
}

@media (max-width: 550px) {
    .modal-title{
        font-size: 300%;
    }

    .modal-message{
        font-size: 130%;
    }
}

/* End */
/* /local/components/webcompany/form/templates/.default/style.css?17491953192077 */