button:active, button:focus {
    outline: none;
}

input:active, input:focus {
    outline: none;
}

/* vacancies header */

.section__vacancies__header {
    border-bottom: 1px solid #D3D3D3;
    padding-bottom: 30px;
    margin: 50px 0;
}

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

.vacancies__box__left {
    display: flex;
}

.vacancies__box__left::before {
    content: "";

}

.vacancies__box__left > p {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.06em;
    color: #000000;
}

.vacancies__title {
    font-weight: 400;
    font-size: 65px;
    line-height: 77px;
    color: #000000;
}

.vacancies__box__right__wrapper {
    width: 50%;
}

.vacancies__box__right {

}

.vacancies__box__right > p {
    font-weight: 400;
    font-size: 22px;
    line-height: 26px;
    color: #000000;
}

.vacancies__sub-title {
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    letter-spacing: 0.06em;
    color: #000000;
}

.vacancies__box__right:before {
    display: none;
}

@media (max-width: 1200.98px) {
    .vacancies__title {
        font-size: 45px;
    }

    .vacancies__box__right > p {
        font-size: 17px;
        margin-left: 55px;
    }

    .vacancies__sub-title {
        width: 85%;
        font-size: 18px;
    }
}

@media (max-width: 991.98px) {
    .vacancies__header__wrapper {
        flex-direction: column;
    }

    .vacancies__box__right {
        width: 100%;
        position: relative;
    }

    .vacancies__box__right:before {
        content: "";
        background: url(../img/red-vertical-line.png);
        top: 0px;
        left: -10px;
        height: 75%;
        width: 4px;
        position: absolute;
        display: block;
        margin: 0px 10px;
    }

    .vacancies__box__left {
        flex-direction: column;
    }

    .vacancies__box__right > p {
        margin-left: 15px;
    }

    .vacancies__red__line {
        display: none;
    }
}

@media (max-width: 321.98px) {
    .vacancies__title {
        font-size: 38px;
    }
}

/* END vacancies header */

/* НАШІ ВАКАНСІЇ*/

.section__our__vacancies {
}

.our__vacancies__title {
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
}

.personal__vacancy__wrapper {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    padding-bottom: 15px;
    border: 1px solid #DEDEDE;
    margin: 20px 0px;
}

.personal__vacancy__box-left {
    width: 70%;
}

.vacancy__name {
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    color: #EC2E2E;
    margin-bottom: 8px;
}

.vacancy__name > span {
    color: #000000;
}

.vacancy__location {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 8px;
}

.vacancy__adress {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    margin-bottom: 15px;
}

.vacancy__info__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #616161;
    margin-bottom: 35px;
}

.vacancy__info__time {
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    color: #E50923;
}

.personal__vacancy__box-right {
    display: flex;
    flex-direction: column;
}

.vacancy__logo {
    margin-top: 20px;
}

.vacancy__btn {
    padding: 10px 80px;
    color: #000000;
    background: transparent;
    border: 1px solid #EC2E2E;
    text-align: center;
    margin-top: 25px;
    cursor: pointer;
}

.vacancy__btn:hover {
    color: #FFFFFF;
    background: #EC2E2E;
    border: 1px solid #EC2E2E;
    text-decoration: none;
}

@media (max-width: 768.98px) {
    .personal__vacancy__wrapper {
        flex-direction: column;
    }

    .personal__vacancy__box-left {
        width: 100%;
    }

    .vacancy__info__text {
        margin-bottom: 20px;
    }

    .vacancy__logo {
        width: 100%;
        height: 100%;
    }
    .vacancy__btn {
        padding: 10px 35px;
    }
}

.more__vacancies {
    text-align: center;
    background-color: #E50923;
    color: #FFFFFF;
    padding: 10px 25px;
    display: block;
    margin: 50px auto;
    cursor: pointer;
    border: 1px solid transparent;
    width: 305px;
    height: 50px;
    font-weight: 400;
    font-size: 16px;
}

/*END НАШІ ВАКАНСІЇ*/


/* ІНДИВІДУАЛЬНА ВАКАНСІЯ */

.individual_vacancy__wrapper {
    padding: 20px 40px;
    border: 1px solid #EDEDED;
    box-shadow: 0px 4px 10px rgba(143, 143, 143, 0.25);
    border-radius: 5px;
    margin: 50px 0px;
}

.individual_vacancy__time {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #616161;
}

.individual_vacancy__block-top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-bottom: 1px solid #E0E0E0;
}

.individual_vacancy__block__top-left {
    width: 85%;
}

.individual_vacancy-title {
    width: 85%;
    font-weight: 600;
    font-size: 32px;
    line-height: 38px;
    color: #EC2E2E;
    margin-bottom: 15px;
}

.individual_vacancy-info {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color: #323232;
    margin-bottom: 15px;
}

.individual_vacancy-price {
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    color: #828282;
}

.job__description {
    margin: 25px 0px;
    border-bottom: 1px solid #E0E0E0;
}
.job__description>p>img{
    width: 100%;
    height: 100%;
}

.vacancy__adress {
    display: flex;
}

/*.job__description>p {*/
/*    font-weight: 400;*/
/*    font-size: 22px;*/
/*    line-height: 26px;*/
/*    color: #616161;*/
/*    margin-bottom: 15px;*/

/*}*/

.job__description-items {
}

.job__description > ul > li {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    color: #616161;

}

.job__description > ul > li::marker {
    color: #E50923;
}

@media (max-width: 991.98px) {
    .individual_vacancy__block-top {
        flex-direction: column;
    }

    .individual_vacancy__wrapper {
        padding: 20px 20px;
    }

    .job__description-items {
        padding-left: 20px;
    }
}

@media (max-width: 425.98px) {
    .individual_vacancy__block-top {
        flex-direction: column;
    }

    .individual_vacancy__wrapper {
        padding: 20px 20px;
    }

    .individual_vacancy-title {
        font-size: 22px;
        margin-bottom: 0;
    }

    .individual_vacancy-price {
        font-size: 11px;
    }

    .individual_vacancy-info {
        font-size: 14px;
    }

    .individual_vacancy__time {
        font-size: 10px;
    }
}

/*END ІНДИВІДУАЛЬНА ВАКАНСІЯ */

/* МІНІ ВАКАНСІЯ */

.sections__vacancy__mini {
    padding: 50px 80px;
    background: #F8F8F8;
}

.vacancy__mini__wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;

}

.vacancy__logo-mini {
    width: 100%;
}

.vacancy__mini__box {
    width: 265px;
    height: 300px;
    background: #FFFFFF;
    box-shadow: 0px 15px 20px rgba(199, 199, 199, 0.25);
    border-radius: 10px;
    padding: 20px 30px;
    text-align: center;
    margin: 10px;
    transition: all ease .3s;
}

.vacancy__mini__box:hover {
    color: inherit;
    text-decoration: none;
    box-shadow: 0px 15px 20px rgb(76 76 76 / 15%);
}

.vacancy__logo {
    width: 130px;
    margin: 0 auto;
    text-align: center;
}

.vacancy__mini-name {
    font-weight: 300;
    font-size: 16px;
    color: #000000;
    margin-top: 25px;
}

.vacancy__mini-price {
    font-weight: 600;
    font-size: 18px;
    color: #7E7E7E;
    padding-top: 15px;
    border-top: 1px solid #E0E0E0;
}

@media (max-width: 991.98px) {
    .vacancy__logo-mini {
        width: 100%;
        height: 25%;
    }

    .vacancy__mini__wrapper {
        justify-content: space-evenly;
    }

    .vacancy__logo-mini {
        width: 100%;
        height: 20%;
    }

    .sections__vacancy__mini {
        padding: 50px 0px;
        background: #F8F8F8;
    }

    .vacancy__mini__box {
        width: 45%;
    }

    .more__vacancies-size {
        margin-top: 15px !important;
        margin-bottom: 15px !important;
    }
}

@media (max-width: 574.98px) {
    .vacancy__mini__box {
        width: 75%;
    }
}

@media (max-width: 322.98px) {
    .vacancy__mini-name {
        font-size: 13px;
    }

    .vacancy__mini-price {
        font-size: 15px;
    }
}

/*END МІНІ ВАКАНСІЯ */

/* БУКЛЕТ ВАКАНСІЙ */
.section__vacancies__booklet {
}

.vacancies__booklet__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
    margin: 35px 0px;
}

.vacancies__booklet__wrapper {
    display: flex;
    flex-wrap: wrap;
}

.vacancies__booklet__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.vacancies__booklet__box-reverse {
    flex-direction: row-reverse;
}

.vacancies__booklet__content {
    width: 50%;
    margin: 0px 100px;
    padding-bottom: 50px;
    border-bottom: 1px solid #C4C4C4;
}

.vacancies__booklet__content-title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
    margin-bottom: 20px;
}

.vacancies__booklet__content-text {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #000000;
}

@media (max-width: 1100px) {
    .vacancies__booklet__content {
        margin: 0px 15px;
    }
}

@media (max-width: 991px) {
    .vacancies__booklet-img {
        width: 30%;
    }

    .vacancies__booklet__box {
        margin-bottom: 50px;
    }

    .vacancies__booklet__box {
        justify-content: space-evenly;
    }
}

@media (max-width: 768px) {
    .vacancies__booklet-img {
        width: 40%;
    }

    .vacancies__booklet__box {
        flex-direction: column;
    }

    .vacancies__booklet__content {
        width: 85%;
        margin: 30px 0px 0px 0px;
    }

}

@media (max-width: 575px) {
    .vacancies__booklet__title {
        font-size: 13px;
        text-align: center;
    }

    .vacancies__booklet__content-title {
        font-size: 14px;
        text-align: center;
    }

    .vacancies__booklet__content-text {
        font-size: 14px;
        line-height: 17px;
    }
}

.section__we__offer {
    padding: 45px 0px;
    background: linear-gradient(95.03deg, #F8F8F8 8.61%, #FFFFFF 45.42%, #ECECEC 97.18%);
}

.we__offer__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.we__offer__content {
    margin-left: 20px;
}

.we__offer__title {
    font-weight: 600;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
}

.we__offer__item > li::marker {
    color: #E50923;
}


.we__offer__item > li {
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
}

@media (max-width: 1100px) {
    .we__offer__img {
        width: 40%;
    }
}

@media (max-width: 991px) {
    .we__offer__img {
        width: 30%;
    }
}

@media (max-width: 820px) {
    .we__offer__wrapper {
        flex-direction: column;
    }

    .we__offer__content {
        width: 100%;
        margin-top: 35px;
    }

    .we__offer__img {
        width: 50%;
    }
}

/* END БУКЛЕТ ВАКАНСІЙ */


/*ЗАВАНТАЖИТИ РЕЗЮМЕ */

.section__download__resume {
}

.download__resume__wrapper {
    width: 80%;
    background: #FFFFFF;
    border: 1px solid #EDEDED;
    box-shadow: 0px 4px 10px rgb(143 143 143 / 25%);
    border-radius: 5px;
    padding: 55px;
    padding-bottom: 25px;
    margin: 80px auto;
}

.download__resume__title {
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #323232;
    text-transform: uppercase;
}

.download__resume__text {
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #323232;
    width: 75%;
    margin: 20px auto;
}

.download__resume__form {
    display: flex;
    flex-direction: column;
}

.download__resume__form > span {
    border: none;
    border-bottom: 1px solid #E0E0E0;
    outline: none;
    margin-bottom: 25px;
}

/*.download__resume__form > input {*/
/*    border: none;*/
/*    border-bottom: 1px solid #E0E0E0;*/
/*    outline: none;*/
/*    margin-bottom: 25px;*/
/*}*/

.download__resume__button__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.download__resume__button__wrapper__box-text {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0.01em;
    color: #6F6F6F;
}

.download__resume__button__wrapper__box-text > span {
    color: #61AADF;
}

.vacancies__box__social-fc {
    margin-left: 20px;
}

@media (max-width: 991px) {
    .download__resume-line {
        display: none;
    }

    .download__resume__wrapper {
        width: 100%;
    }

    .download__resume__button__wrapper {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: column;
    }

    .vacancy__name > span {
        padding-left: 0px;
        display: block;
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .vacancy__name {
        font-size: 20px;
        line-height: 22px;
    }

    .vacancies__box__right__wrapper {
        width: 100%;
    }

}

@media (max-width: 768px) {
    .download__resume__text {
        width: 100%;
        font-size: 14px;
        line-height: 18px;
    }

}

@media (max-width: 475px) {
    .download__resume__button__wrapper__box-text {
        font-style: normal;
        font-size: 10px;
    }

    .download__resume__title {
        font-size: 17px;
    }

    .download__resume__text {
        font-size: 10px;
        line-height: 12px;
        margin: 14px auto;
    }
}


/* END ЗАВАНТАЖИТИ РЕЗЮМЕ */

/*UPLOAD CV*/
.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 12px !important;
}

.btn-upload-file {
    border: 1px solid #E40C25;
    background: white;
    border-radius: 3px;
    font-style: normal;
    line-height: 31px;
    text-transform: uppercase;
    color: #E40C25;
    padding: 9px 37px 7px;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    width: 305px;
    height: 50px;
    font-weight: 400;
    font-size: 16px;
}

.vacancy_cv{
    height: 50px;
}

.btn-red-bg{
    width: 305px!important;
    height: 50px;
    font-weight: 400;
    font-size: 16px;
}

.btn-upload-file:hover{
    background: #E40C25;
    color: white;
}

.more__vacancies:hover, .btn-red-bg:hover{
    border: 1px solid #E40C25;
    background: #FFFFFF;
    color: #E40C25;
}

.upload-btn-wrapper input[type=file] {
    /*font-size: 100px;*/
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
}

.review-foto-wrap {
    position: relative;
    width: 100%;
    max-width: 110px;
    margin-right: 14px;
    display: inline-block;
    margin-bottom: 12px;
}

.review-image {
    width: 87px;
    height: 87px;
    border: 1px solid #b6b6b6;
    overflow: hidden;
    display: inline-block;
}

.review-image img {
    width: 100%;
    height: 100%;
}

@media (max-width: 991.98px) {
    .upload-btn-wrapper {
        height: 65px;
    }

    .download__resume__button__wrapper__box {
        width: 100%;
    }

    /*.btn-upload-file {*/
    /*    width: 100%;*/
    /*    padding: 5px 33px 5px;*/
    /*}*/

    .download__resume__button__wrapper__box-text {
        margin: 0px;
    }
}

.img-fluid, .mx-auto, .d-bloc {
    width: 50% !important;
}

.vidi-logo-vacancy{
    width: 170px;
    margin-top: 50px;
}