/* Start:/local/templates/im/components/bitrix/news/karera/style.css?17624538655424*/
@media (max-width: 1024px) {
    .karera-list {
        margin-bottom: 20rem;
    }
}

@media (max-width: 480px) {
    .karera-list {
        margin-bottom: 0;
    }
}

/*----*/

.karera-list .line-list {
    --wrapper-mt: 60rem;
}

.karera-list .line-item {
    --name-fz: 20rem;
    --name-lh: 1.4;
}

@media (max-width: 1024px) {
    .karera-list .line-list {
        --wrapper-mt: 40rem;
    }

    .karera-list .line-item {
        --item-padding: 30rem 0;
    }
}

@media (max-width: 768px) {
    .karera-list .line-list {
        --wrapper-mt: 20rem;
    }

    .karera-list .line-item {
        --item-padding: 20rem 0;
        --item-gap: 15rem 20rem;
        --btn-height: 50rem;
        --btn-fz: 16rem;
    }
}

@media (max-width: 480px) {
    .karera-list .line-item {
        --item-padding: 15rem;
        --item-gap: 25rem;

        --name-fz: 15rem;
        --name-lh: 1.6;

        --btn-height: 45rem;
        --btn-fz: 15rem;
    }
}

.karera-list .line-item__btn.site-btn._transparent {
    align-self: start;
}

@media (max-width: 768px) and (min-width: 481px) {
    .karera-list .line-item {
        flex-direction: column;
        align-items: start;
    }

    .karera-list .line-item__wrapper {
        width: 100%;
    }

    .karera-list .line-item__info {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 10rem 20rem;
        width: 100%;
    }
}

/*karera-contact*/
.aside-wrapper {
    --wrapper-gap: 20rem;
    --wrapper-mt: 40rem;
}

.karera-contact {
    --wrapper-padding: 30rem 40rem 40rem;

    --title-fz: 24rem;
    --title-lh: 1.3;
    --title-mb: 10rem;

    --text-fz: 16rem;
    --text-lh: 1.4;

    --contact-mt: 20rem;
    --contact-gap: 10rem;
    --contact-fz: 16rem;
    --contact-lh: 1.4;
    --contact-item-gap: 7rem;

    --btn-mt: 20rem;
    --btn-width: 100%;
    --btn-height: 50rem;
    --btn-fz: 16rem;
    --btn-lh: 1.4;
}

@media (max-width: 1280px) {
    .aside-wrapper {
        --wrapper-mt: 20rem;
    }

    .karera-contact {
        --wrapper-padding: 20rem 30rem 30rem;

        --text-fz: 15rem;

        --btn-fz: 15rem;
    }
}

@media (max-width: 1024px) {
    .karera-contact {
        --title-fz: 22rem;
        --title-lh: 1.1;
        --text-lh: 1.3;

        --contact-fz: 16rem;

        --btn-lh: 1.3;
    }
}

@media (max-width: 768px) {
    .aside-wrapper {
        --wrapper-gap: 10rem;
        --wrapper-mt: 15rem;
    }

    .karera-contact {
        --wrapper-padding: 20rem;

        --title-fz: 18rem;

        --text-fz: 16rem;
        --text-lh: 1.6;

        --contact-fz: 16rem;

        --btn-fz: 16rem;
        --btn-lh: 1.6;
        --btn-width: 252rem;
    }
}

@media (max-width: 480px) {
    .aside-wrapper {
        --wrapper-mt: 10rem;
    }

    .karera-contact {
        --wrapper-padding: 15rem;
        --text-fz: 15rem;

        --contact-mt: 15rem;
        --btn-width: 100%;
    }
}

.aside-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--wrapper-gap);
}

h3+.aside-wrapper,
.h3+.aside-wrapper {
    margin-top: var(--wrapper-mt);
}

.karera-contact {
    border-radius: var(--border-radius);
    padding: var(--wrapper-padding);
    background-color: var(--ligt-bg-color);
}

.karera-contact__title {
    font-size: var(--title-fz);
    line-height: var(--title-lh);
    font-weight: 800;

    margin-bottom: var(--title-mb);
}

.karera-contact p {
    margin: 0;
    font-size: var(--text-fz);
    line-height: var(--text-lh);
}

.karera-contact a[href^="tel:"],
.karera-contact a[href^="mailto:"] {
    display: flex;
    gap: var(--contact-item-gap);
    align-items: center;

    font-size: var(--contact-fz);
    line-height: var(--contact-lh);
    font-weight: 700;
}

.karera-contact a[href^="mailto:"] {
    margin-top: var(--contact-mt);
}

.karera-contact a[href^="tel:"] {
    margin-top: var(--contact-gap);
}


.karera-contact a[href^="tel:"] span,
.karera-contact a[href^="mailto:"] span {
    color: var(--black-color);
    transition: color var(--transition-duration) var(--transition-timing-function);
}

.karera-contact .site-btn {
    margin-top: var(--btn-mt);
    font-size: var(--btn-fz);
    line-height: var(--btn-lh);
}


@media (min-width: 1025px) {

    .karera-contact a[href^="tel:"]:hover span,
    .karera-contact a[href^="mailto:"]:hover span {
        color: var(--main-hover-color);
    }
}

@media (max-width: 1024px) {

    .karera-contact a[href^="tel:"]:active span,
    .karera-contact a[href^="mailto:"]:active span {
        color: var(--main-hover-color);
    }
}

@media (max-width: 1024px) {
    .aside-wrapper {
        flex-direction: row;
    }

    .karera-contact {
        flex: 1 0 0;
    }
}

@media (max-width: 768px) {
    .aside-wrapper {
        flex-direction: column;
    }
}

/*----*/
.karera-list+aside {
    margin-top: 13rem;
}

@media (max-width: 1280px) {
    .karera-list+aside {
        margin-top: 10rem;
    }
}

@media (max-width: 1024px) {
    .karera-list+aside {
        margin-top: 0;
    }
}

/*текст, если нет вакансий */
.karera-list>h2+p._big,
.karera-list>.h2+p._big {
    margin-top: 20rem;
}

@media (max-width: 1024px) {

    .karera-list>h2+p._big,
    .karera-list>.h2+p._big {
        margin-top: 15rem;
    }
}

@media (max-width: 768px) {

    .karera-list>h2+p._big,
    .karera-list>.h2+p._big {
        margin-top: 10rem;
    }
}
/* End */


/* Start:/local/templates/im/components/bitrix/news/karera/bitrix/news.detail/.default/style.css?17624538652049*/
:root {
    --h1-fz: 64rem !important;

    --wages-mt: 35rem;
    --wages-padding: 4rem 15rem 5rem;
    --wages-fz: 28rem;
    --wages-lh: 1.5;
}

.karera-detail {
    --title-mt: 80rem;
    --text-gap: 30rem;

    --list-fz: 20rem;
    --list-lh: 1.4;
    --list-gap: 15rem;

    --btn-mt: 80rem;
    --btn-height: 50rem;
    --btn-fz: 16rem;
    --btn-lh: 1.4;
}

@media (max-width: 1280px) {
    :root {
        --h1-fz: 52rem !important;
        --wages-mt: 30rem;
    }

    .karera-detail {
        --title-mt: 60rem;
        --text-gap: 20rem;

        --list-fz: 18rem;
        --list-lh: 1.6;
        --list-gap: 10rem;

        --btn-mt: 60rem;
        --btn-fz: 15rem;
    }
}

@media (max-width: 1024px) {
    :root {
        --h1-fz: 42rem !important;

        --wages-mt: 20rem;
        --wages-fz: 24rem;
        --wages-lh: 1.3;
    }

    .karera-detail {
        --title-mt: 40rem;
        --text-gap: 15rem;

        --btn-mt: 40rem;
        --btn-lh: 1.3;
    }
}

@media (max-width: 768px) {
    :root {
        --h1-fz: 32rem !important;

        --wages-fz: 18rem;
        --wages-lh: 1.3;
    }

    .karera-detail {
        --list-gap: 8rem;
        --list-fz: 16rem;
    }
}

@media (max-width: 480px) {
    :root {
        --h1-fz: 24rem !important;
    }

    .karera-detail {
        --title-mt: 20rem;
        --text-gap: 10rem;
        --list-fz: 15rem;
        --btn-mt: 20rem;
        --btn-width: 100%;
    }
}

.wages {
    display: flex;
    gap: 5rem;
    align-items: center;

    width: fit-content;
    padding: var(--wages-padding);
    margin-top: var(--wages-mt);

    border-radius: 10rem;
    font-size: var(--wages-fz);
    line-height: var(--wages-lh);
    font-weight: 700;

    background-color: var(--ligt-bg-color);
}

.karera-detail h3,
.karera-detail .h3 {
    margin-top: var(--title-mt);
}

.karera-detail h3:first-child,
.karera-detail .h3:first-child {
    margin-top: 0;
}

.karera-detail__btn {
    margin-top: var(--btn-mt);
    font-size: var(--btn-fz);
    line-height: var(--btn-lh);
}
/* End */
/* /local/templates/im/components/bitrix/news/karera/style.css?17624538655424 */
/* /local/templates/im/components/bitrix/news/karera/bitrix/news.detail/.default/style.css?17624538652049 */