/* Start:/bitrix/components/custom/main.feedback.vacancies/templates/.default/style.css?17282795303370*/
.form-control:focus:not(.subm) {
    border-color: #F1C852 !important;
    box-shadow: 0 0 0 0.2rem #f0c852a1 !important;
}


.fio {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 1%;
}

.mf-name  {
    width: 45%;
}


.mf-email {
    width: 45%;
}

.proff-city {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 1%;

}

.mf-city  {
    width: 45%;
}


.mf-proff {
    width: 45%;
}


.captcha-confirm {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 1%;

}

.captcha-img {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-bottom: 1%;
}

.cap {
    width: 55%;

}

.inp {
    width: 70%;

}

.mf-captcha {
    width: 45%;
}

.personal-data {
    width: 45%;
}

.mf-ok-text {
    display: block;
    margin-left: 30px;
}

.errortext {
    display: block;
    margin-left: 30px;
}

.subm {
    padding: 0 !important;
    font-size: 23px !important;
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .fio {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 0 !important;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .mf-name  {
        width: 100%;
        margin-bottom: 2%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
    .mf-email {
        width: 100%;
        margin-bottom: 2%;
    }
}


@media screen and (min-width: 320px) and (max-width: 767px) {

    .proff-city {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 2%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .mf-city  {
        width: 100%;
        margin-bottom: 2%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .mf-proff {
        width: 100%;
        margin-bottom: 2%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .captcha-confirm {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        flex-wrap: nowrap;
        margin-bottom: 2%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .captcha-img {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-direction: row;
        flex-wrap: nowrap;
        margin-bottom: 2%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .cap {
        width: 55%;

    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .inp {
        width: 54%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .mf-captcha {
        width: 100%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .personal-data {
        width: 100%;
    }
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .subm {
        padding: 0 !important;
        font-size: 23px !important;
    }
}


/* End */
/* /bitrix/components/custom/main.feedback.vacancies/templates/.default/style.css?17282795303370 */