/* Start:/local/components/nota/news/templates/news_and_blog/bitrix/news.detail/.default/style.css?176407139226656*/
.btn {
    /* margin-top: 18px; */
    margin-bottom: 24px !important;
    font-size: 16px;
    line-height: 130%;
    color: #FFFFFF;
    padding: 9.5px 20px;
    border-radius: 8px;
    border: none;
    outline: none;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: button;
    font-weight: normal;
    font-family: "Proxima Nova", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
    -webkit-appearance: button;
    text-transform: none;
    margin: 0;
    overflow: visible;
    /* padding: 10px 20px; */
    /* margin-bottom: 9px; */
}

.btn_green:hover {
    background: var(--btn-hover-gradient);
}

.btn_green:focus {
    border: 2px solid #2590F2;
}

.btn_green {
    background: linear-gradient(89.91deg, #2AA1C6 0.06%, #39A16A 99.91%);
}

.integrator-news-content a.btn {
    color: white !important;
}




.vacancy {
    background: #EEF1F8;
    padding-bottom: 1px;
    position: relative;
}

.vacancy-banner .container {
    position: relative;
}

.vacancy-banner {
    background: #101427;
    padding: 40px 0 80px;
    position: relative;
    z-index: 1;
    /*overflow: hidden;*/
}

.vacancy-banner__nav {
    margin-bottom: 96px;
}

.vacancy-banner-frame-1 {
    position: absolute;
    z-index: -1;
    top: 25%;
    left: -4%;
    width: 974px;
    height: 490px;
    background: radial-gradient(39.18% 46.99% at 50% 50%, #028989 0%, rgba(3, 82, 155, 0.79) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    mix-blend-mode: normal;
    opacity: 0.8;
    filter: blur(150px);
    border-radius: 531.777px;
    transform: matrix(0.91, 0.4, -0.89, 0.46, 0, 0);
}

.vacancy-banner-frame-2 {
    position: absolute;
    z-index: -1;
    top: 20%;
    left: -10%;
    opacity: .6;
    width: 1590px;
    height: 817px;
    background: radial-gradient(51.05% 112.03% at 14.56% 30.57%, rgba(0, 32, 114, 0.6) 0%, rgba(47, 0, 105, 0.6) 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    mix-blend-mode: normal;
    filter: blur(150px);
    transform: rotate(-27.83deg);
}

.vacancy .vacancy-banner__link {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #828996;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    transition: all .1s ease-in-out;
}

.vacancy .vacancy-banner__link--mobile {
    display: none;
}

.vacancy .vacancy-banner__link:hover {
    color: #01B2C8;
    transition: all .1s ease-in-out;

}
.vacancy .vacancy-banner__link:hover svg {
    fill: #01B2C8;
    transition: all .1s ease-in-out;
}

.vacancy .vacancy-banner__link span {

}

.vacancy .vacancy-banner__link svg {
    margin-right: 12px;
    fill: #828996;
}

.vacancy-banner__title {
    font-weight: 400;
    font-size: 64px;
    line-height: 70px;
    color: #FFFFFF;
    margin-bottom: 48px;
}

.vacancy-banner__text {
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    color: #FFFFFF;
    max-width: 700px;
    margin-bottom: 48px;
}

.vacancy-banner__footer {

}

.vacancy-banner__tag {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #828996;
}
.vacancy-banner__tag-separator {
    display: inline-block;
    margin: 0 4px;
}

.vacancy-info {
    padding: 80px 0 96px;
    color: #0B1628;
    position: relative;
    z-index: 2;
    background: #EEF1F8;
}

.vacancy-info__wrapper {
    position: relative;
    background: #EEF1F8;
    z-index: 5;
}

.vacancy-info-list {
    margin-bottom: 96px;
}

.vacancy-info-box {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    padding: 56px 0;
    border-top: 1px solid #D6DAE0;
    font-size: 18px;
    line-height: 23px;
}

.vacancy-info-box:first-child {
    border-top: none !important;
    padding-top: 0 !important;
}
.vacancy-info-box:last-child {
    padding-bottom: 0 !important;
}

.vacancy-info-box__title {
    width: 50%;
    padding-right: 116px;
    font-weight: 400;
    font-size: 24px;
    line-height: 31px;
}

.vacancy-info-box__list {
    width: 50%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.vacancy-info-box__list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.vacancy-info-box__text {
    margin-top: 24px;
}

.vacancy-info-box__list li {
    margin-bottom: 20px;
    padding-left: 22px;
    position: relative;
}

.vacancy-info-box__list li::before {
    content: "";
    position: absolute;
    top: .45em;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50px;
    background: #0B1628;
}

.vacancy-info-box__list li:last-child {
    margin-bottom: 0 !important;
}

.vacancy-info-additionally {
    margin-bottom: 96px;
}

.vacancy-info-additionally__label {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #828996;
    margin-bottom: 32px;
}

.vacancy-info-additionally__text {
    font-style: normal;
    font-weight: 400;
    font-size: 40px;
    line-height: 52px;
    color: #0B1628;
    max-width: 1015px;
}

.vacancy-info-support {
    padding-bottom: 96px;
    display: flex;
    justify-content: flex-start;
}

.vacancy-info-support__title {
    width: 50%;
    padding-right: 116px;
    font-size: 24px;
    line-height: 31px;
}

.vacancy-info-support-list {
    width: 50%;
}

.vacancy-info-support-list__item {
    padding: 32px 0;
    border-top: 1px solid #D6DAE0;
}

.vacancy-info-support-card {
    position: relative;
}

.vacancy-info-support-list__item:first-child {
    padding-top: 0 !important;
    border-top: 0;
}

.vacancy-info-support-list__item:last-child {
    padding-bottom: 0 !important;
}

.vacancy-info-support-card__img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 48px;
    height: auto;
}

.vacancy-info-support-card__body {
    padding-left: 84px;
}

.vacancy-info-support-card__title {
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    color: #0B1628;
    margin-bottom: 12px;
}

.vacancy-info-support-card__text {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #828996;
}

.vacancy-info-footer {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.vacancy-info-footer__col {
    width: 50%;
}

.vacancy-btn {
    text-align: center;
    border-radius: 16px;
    display: block;
    background: var(--btn-gradient);
    width: 100%;
    padding: 31px;
    font-weight: 400;
    font-size: 28px;
    line-height: 34px;
    color: #FFFFFF;
    transition: all .2s ease-in-out;
    margin-bottom: 56px;
}

.vacancy-btn:focus {
    color: #fff;
}

.vacancy-btn:hover {
    color: #fff;
    transition: all .2s ease-in-out;
    background: var(--btn-hover-gradient);
}

.i-socials {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #828996;
}

.i-socials .socials__list {
    height: 40px;
    height: auto;
}

.i-socials .socials__list > * {
    margin: 0;
}

.i-socials .socials .likely .socials__ellikely__widget {

}

.i-socials .socials .likely .socials__ellikely__widget {
    height: 40px;
    height: auto;
}
.i-socials .socials-wr {
    margin: 0;
}

.i-socials .socials__link {
    display: block;
    border: 1px solid #D6DAE0;
    border-radius: 8px;
    padding: 0;
    width: 40px;
    height: 40px;
    margin-left: 8px;
}
.i-socials .socials__link:after {
    content: "";
    display: none;
}

.i-socials .socials__link svg {
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    fill: #0B1628;
    transform: translate(-50%, -50%);
}

.i-socials-grid {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.i-socials-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.i-socials-card__label {
}

.i-socials-card__text {
    margin-bottom: 20px;
}

.i-socials a.share-link{
    width: 40px;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
}
.i-socials a.share-link{
    filter: invert(1);
}
.i-socials a.share-link:hover {
    border: 1px solid rgba(255, 255, 255, 0.6);
}
.i-socials a.share-link img{
    height: 14px;
}

.i-subscribe {
    padding: 120px 0;
}

.i-subscribe-card {
    padding: 80px 64px;
    border-radius: 24px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: #0E1B31 url(/local/templates/nota_main/components/bitrix/news/career/bitrix/news.detail/.default/./img/i-subscribe-bg.png);
    background-size: cover;
}

.i-subscribe-card__title {
    font-weight: 400;
    font-size: 40px;
    line-height: 44px;
    color: #FFFFFF;
    max-width: 540px;
}

.i-subscribe-card__info {
    padding-left: 116px;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
}

.i-subscribe-card__list {
    margin-bottom: 24px;
}

.i-subscribe-card-box {
    color: #FFFFFF;
}

.i-subscribe-card-box__label {

}

.i-subscribe-card-box__value {
    color: #01B2C8;
}

.i-subscribe-card-box__value a {
    color: #01B2C8;
}

.ndp-author {
    display: flex;
    gap: 20px;
    max-width: 350px;
    margin-bottom: 56px;
}
.ndp-author-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 5px 0;
}
.ndp-author-img {
    display: flex;
    max-width: 83px;
    max-height: 83px;
    border-radius: 50%;
    overflow: hidden;
}
.ndp-author-name {
    font-size: 24px;
}
.ndp-author-description {
    font-weight: 400;
    font-size: 16px;
    line-height: 17.1px;
}
.ndp-mobile-wrapper {
    display: none;
}

@media (max-width: 1024px) {
    .i-subscribe {
        padding: 80px 0;
    }

    .i-subscribe-card {
        padding: 56px 48px;
        border-radius: 20px;
    }

    .i-subscribe-card__title {
        max-width: 290px;
        font-size: 28px;
        line-height: 31px;
    }

    .i-subscribe-card__info {
        padding-left: 70px;
        font-size: 16px;
        line-height: 21px;
    }

    .ndp-author-content {
        gap: 10px;
    }
    
    .ndp-author-img {
        max-width: 66px;
        max-height: 66px;
    }
    .ndp-author-name {
        font-size: 14px;
    }
    .ndp-author-description {
        font-size: 12px;
        line-height: 12px;
    }

}

@media (max-width: 767px) {
    .i-subscribe {
        padding: 48px 0;
    }

    .i-subscribe-card {
        padding: 40px 32px;
        flex-direction: column;
        align-items: flex-start;
        border-radius: 16px;
    }

    .i-subscribe-card__title {
        font-size: 18px;
        line-height: 20px;
        margin-bottom: 32px;
        max-width: 100%;
    }

    .i-subscribe-card__info {
        padding-left: 0;
        font-size: 14px;
        line-height: 18px;
    }

    .ndp-author {
        display: none;
    }
    .ndp-share {
        display: none!important;
    }
    .ndp-author-mobile {
        display: flex;
    }
    .ndp-mobile-wrapper {
        display: block;
    }
    .container.news-detail-page .ndp-descr #share, .container.news-detail-page .ndp-messages-share-wrapper #share, .container.news-detail-page .socials__list.likely.js-likely {
        justify-content: flex-start;
    }

}

@media (max-width: 456px) {
    .ndp-author-img {
        max-width: 47px;
        max-height: 47px;
    }
    .ndp-author-content {
        padding: 0;
        gap: 4px;
    }
}


.i-modal-vac.modal-vac {
    background: #0B1628;
}

.i-modal-vac .modal-vac__title {
    font-size: 40px;
    line-height: 44px;
    color: #FFFFFF;
    margin-bottom: 16px;
}

.i-modal-vac .modal-vac__text {
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
}

.i-modal-vac .modal-vac-form {
    margin-top: 40px;
    padding: 40px 48px 56px;
    gap: 30px;
    width: 100%;
    max-width: 677px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    border-radius: 16px;
}

.i-modal-vac .modal-vac__body {
    height: auto;
    padding: 80px 0 32px;
}

.i-modal-vac .modal__close {
    right: 110px;
    top: 32px;
    display: block;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 8px;
    transition: all .1s ease-in-out;
}

.i-modal-vac .modal__close:hover {
    transition: all .1s ease-in-out;
    box-shadow: none;
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.i-modal-vac .modal__close:focus {
    transition: all .1s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.16);
    box-shadow: 0 0 0 2px #2590F2;
}

.i-modal-vac .modal__close svg {
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    left: 50%;
    fill: #fff;
    transform: translate(-50%, -50%);
}

.i-modal-vac.modal-vac form .checkbox label {
    margin-bottom: 40px;
    min-height: auto;
}

.i-modal-vac .i-modal-vac-grid {
    margin-left: -12px;
    margin-right: -12px;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.i-modal-vac .i-modal-vac-grid__col {
    padding: 0 12px;
    width: 50%;
}

.i-modal-vac .i-modal-vac-input {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #828996;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.i-modal-vac .modal-vac__btn {
    padding: 12px 20px;
    max-width: 276px;
    background: linear-gradient(89.91deg, #2AA1C6 0.06%, #39A16A 99.91%);
    border-radius: 8px;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #FFFFFF;
    transition: all .1s ease;
}

.i-modal-vac .modal-vac__btn:hover {
    background: linear-gradient(89.91deg, #0088EA 0.06%, #00E39F 99.91%);
    transition: all .1s ease;
}

.i-modal-vac .modal-vac__btn:disabled {
    color: #828996;
    background: #313B49;
    border: none;
    transition: all .1s ease;
}

.i-modal-vac .nx-files_upload {
    margin-top: 20px;
}

.i-modal-vac .nx-files_upload .nx-files__item {
    background: none;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.i-modal-vac .nx-files__link {
    width: auto;
}

.i-modal-vac .nx-files__item .nx-files__link {
    padding: 13px 32px 13px 24px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    margin-right: 32px;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    cursor: pointer;
}

.i-modal-vac .nx-files_upload .nx-files__content {
    background: none;
    padding: 0;
    width: auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    transition: all .1s ease-in-out;
}

.i-modal-vac .nx-files_upload .nx-files__content svg {
    margin-right: 12px;
}

.i-modal-vac .nx-files_upload .nx-files__title {
    margin: 0;
}

.i-modal-vac .nx-files__item .nx-files__link:hover {
    transition: all .1s ease-in-out;
    border: 1px solid rgba(255, 255, 255, 0.8);
}

.i-modal-vac .nx-files__item .nx-files__link:hover .nx-files__title {
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
}

.i-modal-vac .files__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -12px;
    margin-right: -12px;
}

.i-modal-vac .files__el {
    width: 50%;
    padding: 0 12px;
    margin: 0 0 16px 0;
}

.i-modal-vac .nx-files__link {
    padding: 0;
}

.i-modal-vac .files__list .nx-files__link {
    display: block;
    border: none;
    border-radius: 0;
    padding: 0;
}

.i-modal-vac .nx-files .files__list .nx-files__title {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.i-modal-vac .nx-files .files__list .nx-files__title span {
    color: #828996 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #828996
}

.i-modal-vac .files__list .nx-files__link:hover .nx-files__title {
    color: #fff;
    background: none;
    -webkit-text-fill-color: #fff;
}

.i-modal-vac .nx-files .files__list .nx-files__del {
    padding: 0;
    right: auto;
    left: 0;
    width: 11px;
    height: 11px;
}

.i-modal-vac .nx-files .files__list .nx-files__del::before,
.i-modal-vac .nx-files .files__list .nx-files__del::after {
    content: "";
    background: #67717D;
    width: 12px;
    height: 1.2px;
}

.i-modal-vac .nx-files .files__list .nx-files__content::before {
    content: "";
    display: none;
}

.i-modal-vac .nx-files .files__list .nx-files__content {
    padding: 0 0 0 18px;
    width: 100%;
}

.i-modal-vac .checkbox {
    text-align: left;
}

.i-modal-vac .checkbox label {
    padding-left: 24px;
    cursor: pointer;
}

.i-modal-vac .checkbox label span {
    padding: 0;
}

.i-modal-vac .nx-actions_modal {
    margin: 48px 0 0;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}


@media(max-width: 1024px) {
    .i-modal-vac .modal-vac__title {
        font-size: 28px;
        line-height: 31px;
    }

    .i-modal-vac .modal-vac__text {
        font-size: 16px;
        line-height: 21px;
    }

    .i-modal-vac .modal-vac-form {
        padding: 40px;
    }

    .i-modal-vac .modal__close {
        right: 40px;
        width: 40px;
        height: 40px;
    }
}

@media(max-width: 767px) {
    .i-modal-vac .modal-vac__title {
        text-align: left;
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 12px;
        padding-right: 40px;
    }

    .i-modal-vac .modal-vac__text {
        font-size: 14px;
        line-height: 18px;
        text-align: left;
    }

    .i-modal-vac .modal-vac-form {
        margin-top: 24px;
    }
    .i-modal-vac .modal-vac__body {
        align-items: flex-start;
        padding: 24px 16px;
    }

    .i-modal-vac .modal__close {
        top: 24px;
        right: 16px;
        width: 32px;
        height: 32px;
    }

    .i-modal-vac .modal__close svg {
        width: 10px;
        height: 10px;
    }

    .i-modal-vac .modal-vac-form {
        padding: 20px 24px;
    }

    .i-modal-vac .i-modal-vac-grid {
        flex-direction: column;
        margin: 0;
    }
    .i-modal-vac .i-modal-vac-grid__col {
        width: 100%;
        padding: 0;
    }

    .i-modal-vac.modal-vac form .checkbox label {
        margin-bottom: 24px;
    }
    .i-modal-vac.i-modal-vac .nx-actions_modal{
        margin-top: 24px;
    }

    .i-modal-vac .nx-files_upload .nx-files__item {
        flex-direction: column;
        align-items: flex-start;
    }

    .i-modal-vac .nx-files__item .nx-files__link {
        margin: 0 0 12px 0;
    }

    .i-modal-vac .files__list {
        flex-direction: column;
        align-items: flex-start;
        margin: 0;
    }
    .i-modal-vac .files__el {
        width: 100%;
        padding: 0;
    }
}

/*----------------------*/
/*----------------------*/


@media(max-width: 1297px) {
    .vacancy .vacancy-info {
        padding: 80px 40px 96px;
    }
}

@media(max-width: 1024px) {
    .vacancy-banner {
        padding: 32px 0 48px;
    }

    .vacancy-banner__nav {
        margin-bottom: 56px;
    }

    .vacancy .vacancy-banner__link {
        font-size: 12px;
        line-height: 16px;
    }

    .vacancy .vacancy-banner__link svg {
        width: 10px;
        height: 10px;
    }

    .vacancy-banner__title {
        font-size: 44px;
        line-height: 48px;
        margin-bottom: 40px;
    }

    .vacancy-banner__text {
        font-size: 24px;
        line-height: 31px;
        margin-bottom: 40px;
    }

    .vacancy-banner__tag {
        font-size: 14px;
        line-height: 18px;
    }

    .vacancy .vacancy-info {
        padding: 48px 16px 56px;
    }

    .vacancy-info-list {
        margin-bottom: 56px;
    }

    .vacancy-info-box {
        padding: 40px 0;
        font-size: 16px;
        line-height: 21px;
    }

    .vacancy-info-box__title {
        font-size: 18px;
        line-height: 23px;
        padding-right: 70px;
        width: 35%;
    }

    .vacancy-info-box__list {
        width: 75%;
    }

    .vacancy-info-box__list li {
        margin-bottom: 16px;
    }

    .vacancy-info-additionally {
        margin-bottom: 56px;
    }

    .vacancy-info-additionally__label {
        font-size: 16px;
        line-height: 21px;
    }

    .vacancy-info-additionally__text {
        font-size: 28px;
        line-height: 36px;
    }

    .vacancy-info-support {
        padding-bottom: 56px;
    }

    .vacancy-info-support__title {
        padding-right: 70px;
        font-size: 18px;
        line-height: 23px;
        width: 35%;
    }

    .vacancy-info-support-list {
        width: 75%;
    }

    .vacancy-info-support-list__item {
        padding: 24px 0;
    }

    .vacancy-info-support-card__title {
        font-size: 24px;
        line-height: 31px;
    }

    .vacancy-info-support-card__text {
        font-size: 16px;
        line-height: 21px;
    }

    .vacancy-info-support-card__body {
        padding-left: 64px;
    }

    .vacancy-info-footer {

    }

    .vacancy-info-footer__col:nth-child(1) {
        width: 35%;
    }

    .vacancy-info-footer__col:nth-child(2) {
        width: 75%;
    }

    .vacancy-btn {
        margin-bottom: 40px;
        padding: 24px;
        font-size: 24px;
        line-height: 23px;
    }

    .i-socials {
        font-size: 16px;
        line-height: 21px;
    }

    .i-socials-card__text {
        margin-bottom: 16px;
    }

}

@media(max-width: 767px) {
    .vacancy-banner {
        padding: 20px 0 32px;
    }

    .vacancy-banner__nav {
        margin-bottom: 40px;
    }

    .vacancy .vacancy-banner__link {
        font-size: 12px;
        line-height: 16px;
    }

    .vacancy-banner__title {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 24px;
    }

    .vacancy-banner__text {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 24px;
    }

    .vacancy-banner__tag {
        font-size: 12px;
        line-height: 16px;
    }

    .vacancy .vacancy-info {
        padding: 32px 16px 40px;
    }

    .vacancy-info-box {
        padding: 24px 0;
    }

    .vacancy-info-list {
        margin-bottom: 40px;
    }

    .vacancy-info-box {
        flex-direction: column;
        align-items: flex-start;
        font-size: 14px;
        line-height: 18px;
    }

    .vacancy-info-box__title {
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 24px;
        width: 100%;
    }

    .vacancy-info-box__list {
        width: 100%;
    }

    .vacancy-info-box__list li {
        padding-left: 18px;
    }

    .vacancy-info-additionally {
        margin-bottom: 40px;
    }

    .vacancy-info-additionally__label {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 16px;
    }

    .vacancy-info-additionally__text {
        font-size: 18px;
        line-height: 23px;
    }

    .vacancy-info-support {
        padding-bottom: 40px;
        flex-direction: column;
    }

    .vacancy-info-support__title {
        width: 100%;
        padding-right: 0;
        font-size: 16px;
        line-height: 21px;
        margin-bottom: 24px;
    }

    .vacancy-info-support-list {
        width: 100%;
    }

    .vacancy-info-support-list__item {
        padding: 20px 0;
    }

    .vacancy-info-support-card__img img {
        width: 32px;
        height: auto;
    }

    .vacancy-info-support-card__title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 8px;
    }

    .vacancy-info-support-card__text {
        font-size: 14px;
        line-height: 18px;
    }

    .vacancy-info-support-card__body {
        padding-left: 48px;
    }

    .vacancy-btn {
        margin-bottom: 24px;
        padding: 16px;
        font-size: 18px;
        line-height: 23px;
        border-radius: 8px;
    }

    .vacancy-info-footer {
        flex-direction: column;
    }

    .vacancy-info-footer__col:nth-child(1) {
        width: 100%;
        margin-bottom: 24px;
    }

    .vacancy-info-footer__col:nth-child(2) {
        width: 100%;
    }

    .i-socials-card__text {
        margin-bottom: 12px;
    }

    .i-socials a.share-link {
        width: 32px;
        height: 32px;
        margin-left: 6px;
    }

    .i-socials a.share-link img{
        width: 11px;
        height: 11px;
    }

    .i-socials .socials {
        padding: 0;
    }

    .vacancy .vacancy-banner__link {
        display: none;
    }

    .vacancy .vacancy-banner__link--mobile {
        display: block;
        margin: 40px 0 24px 0;
    }
}
.contacts .mainForm {
    width: 100%;
    position: static;
    background: none;
    border-radius: 0;
}

.banner__text, .banner__link{
    color:#fff;
}

input:-webkit-autofill, 
input:-webkit-autofill:focus, 
input:-webkit-autofill {
    -webkit-text-fill-color: #fff;
}
.white-mainForm .placeholder, .white-mainForm form input{
    color:#000 !important;
}
.white-mainForm form textarea{
    color:#000 !important;
    border-bottom: 1px solid #000 !important;
}
.white-mainForm form input{
    border-bottom: 1px solid #000 !important;
}
.white-mainForm .mainForm__message-form {
    border: 2px solid #000 !important;
}

.mainForm .placeholder, .mainForm form input{
    color:rgba(255, 255, 255, 0.1) ;
}
.mainForm form textarea{
    color:rgba(255, 255, 255, 0.1) ;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) ;
}
.mainForm form input{
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) ;
}
.mainForm__message-form {
    border: 2px solid rgba(255, 255, 255, 0.1) ;
}
.mainForm .placeholder, .mainForm form input{
    color:rgba(255, 255, 255, 0.4) ;
}

.contacts-form__body-wrapp {
    width: 100%;
}
.contacts-form__body-wrapp .mainForm.active {
    display: flex;
    justify-content: center;
}
.contacts-form__body-wrapp .mainForm__message {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}
.contacts-form__body-wrapp .mainForm__message-form {
    width: 55%;
    margin-bottom: 40px; 
}
.contacts-form__body-wrapp .mainForm__message-title:first-child {
    margin-bottom: 0;
}
.contacts-form__body-wrapp .mainForm__message-title {
    margin-bottom: 40px;
    text-align: center;
}
.contacts-form__body-wrapp .mainForm__action {
    gap:10px;
}
@media (max-width: 1279px) {
    .contacts-form__body-wrapp .mainForm__message-form {
        width: 100%;
    }
    .contacts-form__body-wrapp .mainForm__message-title:last-child {
        padding-top: 0;
    }
    
}
@media (max-width: 1279px) {
    .contacts-form__body-wrapp .mainForm__action {
        gap: 0;
    } 
}
/* End */


/* Start:/local/templates/nota_main/components/dnext/simple.banner/articles_banner/style.css?17352135482196*/
.banner {
    padding: 0 80px;
    border-radius: 32px;
    height: 350px;
    overflow: hidden;
    margin-bottom: 120px;
    display: flex;
    align-items: center;
    background-size: 100% 100%;
    transition: background-size .3s ease-in;
    -moz-transition: background-size .3s ease-in;
    -web-kit-transition: background-size .3s ease-in
}
.lang-en .banner {
    background-image: url('/local/html/img/bg-banner.jpg')
}
.lang-ru .banner {
    background-image: url('/local/html/img/bg-banner-ru.jpg')
}

.banner__wrapper {
    width: 100%;
}
.banner_btn-gtm {
    color: #fff;
}
.banner_btn-gtm a:hover{
    color:#fff;
}

.banner:hover {
    background-size: 120% 120%;
}

.banner__container {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    width: 100%;
}
.banner__text {
    font-size: 48px;
    line-height: 110%;
    max-width: 650px;
    color:#fff;
}

@media(max-width: 1279px) {
    .banner {
        animation: none;
    }
    .banner:hover {
        animation: none;
    }
}

@media(max-width: 1279px) {
    .banner {
        padding: 0 48px;
        border-radius: 20px;
        height: 350px;
        margin-bottom: 80px;
    }
    .banner__text {
        font-size: 32px;
        max-width: 320px;
    }
    .lang-ru .banner {
        padding: 56px;
    }
    .lang-ru .banner__container {
        flex-direction: column;
        align-items: start;
    }
    .lang-ru .banner__text {
        max-width: 100%;
        margin-bottom: 48px;
    }
}

@media(max-width: 784px) {
    .banner {
        padding: 0 40px;
    }
}

@media(max-width: 767px) {
    .banner {
        padding: 40px 32px;
        border-radius: 16px;
        margin-bottom: 40px;
        height: 264px;
    }
    .lang-ru .banner {
        padding: 40px 24px;
    }
    .lang-ru .banner__text {
        margin-bottom: 40px;
    }
    .banner__text {
        font-size: 20px;
        max-width: 100%;
        margin-bottom: 40px;
    }
    .banner__container {
        flex-direction: column;
        align-items: start;
    }
    .banner__container .arrow-link {
        width: 100%;
        text-align: center;
    }
    .banner__link {
        width: 100%;
    }
}
/* End */
/* /local/components/nota/news/templates/news_and_blog/bitrix/news.detail/.default/style.css?176407139226656 */
/* /local/templates/nota_main/components/dnext/simple.banner/articles_banner/style.css?17352135482196 */