.vacancy__item {margin-bottom: 24px;}

.vacancy-intro {font-size: 15px; font-weight: 700;}
.vacancy-intro ul {list-style-type: none; padding-left: 16px;}
.vacancy-intro ul li {margin: 0;}

.vacancy__item-name {font-weight: 500; font-size: 24px; height: 76px; padding: 24px; border: 1px solid #E3E3E3; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.vacancy__item.expanded .vacancy__item-name {background: #F2F9FC; border-color: #F2F9FC;}
.vacancy__item-title {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;}

.vacancy__item-chevron {background: url("../../images/icons/arrow.svg") center no-repeat; width: 24px; height: 24px; margin-left: 70px;}

.vacancy__item_content {padding: 24px 32px; border: 1px solid #E3E3E3;}
.vacancy__item-btn {max-width: 192px; margin: 0 auto; display: block; margin-top: calc(24px - 1rem);}


.footer-app {margin-top: 32px;}


.popup *, .popup ::after, .popup ::before {box-sizing: border-box;}

.popup .mfp-close:after, .popup .mfp-close:before {width: 42px; height: 4px;}
.popup .mfp-close {height: 32px; width: 32px; top: -40px; right: -48px;}

.popup {max-width: 708px;}
.popup hr {margin: 0; background-color: #F5F5F5; height: 3px;}

.popup__title {font-size: 30px; font-weight: 500; margin: 40px 0 20px; padding: 0 16px;}
.popup__info {text-align: center; font-size: 16px; margin-bottom: 32px; padding: 0 16px;}

.popup__content {padding: 24px;}
.form__upload {border: 1px solid #E3E3E3; padding: 16px 24px 24px; background: url("../../images/icons/icon_field_upload.svg") center no-repeat; height: 285px;
               display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.form__upload.active {border-color: #4CBEE7;}

.form__upload-info {font-size: 14px; line-height: 1.3;}
.form__upload label {text-align: center;}
.form__upload input[type="file"] {display: none;}
.form__upload-act {font-size: 20px; color: #00A3DD; text-align: center; cursor: pointer; display: inline-block;}

.form__result {font-size: 14px;}
.form__result .msg {margin: 17px 0; text-align: center; color: #333;}

.popup__content .btn {margin: 32px auto; display: block; font-size: 15px; width: 100%; max-width: 384px;}

.uploaded__file {margin: 17px 0; padding: 0 64px; height: 48px; width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.uploaded__file::before {content: ''; width: 48px; height: 48px; position: absolute; left: 0; top: 0; background: url("../../images/icons/file_doc.svg") center no-repeat;}
.uploaded__file.pdf::before {background: url("../../images/icons/file_pdf.svg") center no-repeat;}
.uploaded__file .btn-del {width: 20px; height: 20px; background: url("../../images/icons/del-file.svg") center no-repeat; position: absolute; right: 0; top: 14px; cursor: pointer;}




@media screen and (max-width: 1330px) {
    .section-title:first-child {margin-top: 0;}
}
@media screen and (max-width: 1099px) {
    .popup .mfp-close {top: -36px; right: 6px; height: 24px; width: 24px; padding-top: 12px;}
    .popup .mfp-close:after, .popup .mfp-close:before {background: #fff; width: 30px; height: 3px;}
}

@media screen and (max-width: 575px) {
    .breadcrumbs {margin-bottom: 0;}

    .section-title {margin: 16px 0;}
    .section-title:first-child {margin-top: 16px;}

    .vacancy-intro {font-size: 14px; font-weight: 400;}
    .vacancy__item-name {display: block; height: auto; position: relative; font-size: 18px; padding: 16px;}
    .vacancy__item-chevron {position: absolute; top: 15px; right: 16px;}
    .vacancy__item_content {padding: 16px;}
    .vacancy__item-text {font-size: 14px;}

    .vacancy__item-btn {max-width: none;}

    .mfp-container {top: 10px; padding-left: 10px; padding-right: 10px;}
    .mfp-content .popup {border-radius: 5px;}

    .popup__title {font-size: 22px; margin: 24px 0 16px; line-height: 1.172;}
    .popup__info {margin-bottom: 16px;}
    .popup hr {display: none;}
    .popup__content {padding: 0 16px 16px;}
    .form__upload {margin-bottom: 16px; background-size: 80px 80px; padding: 8px 8px 16px; height: 215px;}
    .uploaded__file {margin: 8px 0;}
}