/* 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.list/line/style.css?17835759938439*/
.line-list {
    --wrapper-mt: 80rem;
}

.line-item {
    --item-line-color: var(--line-color);
    --name-color: var(--black-color);

    --item-gap: 20rem;
    --item-padding: 30rem 0;
    --info-padding: 15rem 0;
    --item-wrap-gap: 10rem 20rem;

    --img-size: 121rem;
    --img-margin: 25rem;

    --name-fz: 28rem;
    --name-lh: 1.5;
    --name-mb: 5rem;

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

    --btn-opacity: 0;
    --btn-color: var(--main-color);
    --btn-arrow-width: 0;

    --btn-fz: 16rem;
    --btn-height: 50rem;

    --sticker-opacity: 0.6;
    --sticker-mt: 15rem;
    --sticker-padding: 5rem 10rem;
    --sticker-value-fz: 20rem;
    --sticker-value-lh: 1.4;
    --sticker-currency-fz: 20rem;
    --sticker-currency-lh: 1.4;

    --additional-maxw: 800rem;
    --additional-ml: 160rem;
    --additional-list-item-marker-top: -3rem;
    --additional-list-marker-w: 28rem;
    --additional-list-marker-gap: 15rem;
}

.line-item._extended {
    --item-padding: 30rem 0 50rem;
    --img-margin: 35rem;
    --text-fz: 20rem;
}

@media (min-width: 1025px) {

    .line-item.js-link:hover,
    .line-item[data-event="message-form"]:hover {
        --sticker-opacity: 1;
        --btn-opacity: 1;
        --item-line-color: var(--main-hover-color);
        --name-color: var(--main-hover-color);
        --btn-color: var(--main-hover-color);
        --btn-arrow-width: calc(7rem + 8rem);
    }
}


@media (max-width: 1280px) {
    .line-list {
        --wrapper-mt: 60rem;
    }

    .line-item {
        --item-gap: 10rem;

        --img-size: 110rem;
        --text-fz: 15rem;
        --text-big-fz: 15rem;

        --sticker-value-fz: 20rem;
        --sticker-value-lh: 1.4;

        --additional-maxw: 68%;
        --additional-ml: 140rem;
        --additional-list-item-marker-top: 0;
    }

    .line-item._extended {
        --img-margin: 30rem;
        --text-fz: 18rem;
        --text-lh: 1.6;
    }
}

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

    .line-item {
        --item-padding: 15rem 0;

        --name-fz: 24rem;
        --name-lh: 1.3;
        --text-lh: 1.3;
    }
}

@media (max-width: 900px) {
    .line-item {
        --additional-maxw: 58%;
    }
}

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

    .line-item {
        --item-gap: 15rem;

        --info-padding: 5rem 0 10rem;

        --img-size: 80rem;
        --img-margin: 15rem;

        --name-fz: 18rem;
        --name-lh: 1.3;

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

        --sticker-mt: 0;
        --sticker-value-fz: 18rem;
        --sticker-value-lh: 1.4;
        --sticker-currency-fz: 18rem;
        --sticker-currency-lh: 1.4;

        --additional-maxw: 95%;
        --additional-ml: 0;
        --additional-list-marker-w: 16rem;
        --additional-list-marker-gap: 10rem;
    }

    .line-item._extended {
        --item-padding: 40rem 0 30rem;
        --img-margin: 15rem;
        --text-fz: 16rem;
    }
}

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

    .line-item {
        --info-padding: 0;

        --item-padding: 15rem;
        --item-wrap-gap: 15rem;

        --text-fz: 15rem;
        --text-lh: 1.6;
        --text-big-lh: 1.3;

        --btn-width: 100%;

        --sticker-mt: 10rem;
        --sticker-padding: 3rem 10rem;
        --sticker-value-fz: 15rem;
        --sticker-currency-fz: 15rem;

        --additional-maxw: 100%;
    }

    .line-item._extended {
        --item-padding: 15rem;
        --text-fz: 15rem;
    }
}

h2+.line-list,
.h2+.line-list,
.sub-h2+.line-list {
    margin-top: var(--wrapper-mt);
}

.line-item {
    display: flex;
    flex-direction: column;
    gap: var(--item-gap);
    padding: var(--item-padding);
    box-shadow: inset 0 -2rem 0 var(--item-line-color);
    transition: box-shadow var(--transition-duration) var(--transition-timing-function);
    cursor: pointer;
}

.line-item:first-child {
    padding-top: 0;
}

.line-item__wrapper {
    display: flex;
    gap: var(--item-wrap-gap);
    align-items: center;
    justify-content: space-between;
}

.line-item._extended .line-item__wrapper {
    align-items: flex-start;
}

.line-item__body {
    display: flex;
    gap: var(--img-margin);
}

.line-item__img {
    width: var(--img-size);
    height: var(--img-size);
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
}

.line-item__info {
    display: flex;
    flex-direction: column;
    max-width: 800rem;
}

.line-item__img+.line-item__info {
    padding: var(--info-padding);
}

.line-item__name {
    font-size: var(--name-fz);
    line-height: var(--name-lh);
    color: var(--name-color);
    transition:
        color var(--transition-duration) var(--transition-timing-function);
}

.line-item__text {
    margin-top: var(--name-mb);
    font-size: var(--text-fz);
    line-height: var(--text-lh);
}

.line-item__text p {
    margin: 0;
}

.line-item__text p._big {
    font-size: var(--text-big-fz);
    line-height: var(--text-big-lh);
}

.line-item__sticker {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: var(--sticker-mt);
    padding: var(--sticker-padding);
    gap: 5rem;
    background: var(--ligt-bg-color);
    border-radius: 20rem;

    font-weight: 700;
}

.line-item__sticker .value {
    font-size: var(--sticker-value-fz);
    line-height: var(--sticker-value-lh);
    opacity: var(--sticker-opacity);
    transition:
        opacity var(--transition-duration) var(--transition-timing-function);
}

.line-item__sticker .currency {
    font-size: var(--sticker-currency-fz);
    line-height: var(--sticker-currency-lh);
    opacity: var(--sticker-opacity);
    transition:
        opacity var(--transition-duration) var(--transition-timing-function);
}

.line-item__btn.site-btn._transparent {
    color: var(--btn-color);
    box-shadow: inset 0 0 0 2rem var(--btn-color);
    font-size: var(--btn-fz);
    line-height: 1.4;
}

.line-item._extended .line-item__btn {
    margin-top: 15rem;
}

.line-item__btn .svg {
    position: relative;
    display: flex;
    justify-content: end;
    opacity: var(--btn-opacity);
    width: var(--btn-arrow-width);
    height: 12rem;
    transition: opacity var(--transition-duration) var(--transition-timing-function) 0s,
        width var(--transition-duration) var(--transition-timing-function);
}

.line-item__btn .svg svg {
    position: absolute;
    right: 0;
    left: auto;
    width: 8rem;
    height: 12rem;
}

.line-item.js-link:hover .line-item__btn .svg,
.line-item[data-event="message-form"]:hover .line-item__btn .svg {
    transition: opacity var(--transition-duration) var(--transition-timing-function) .1s,
        width var(--transition-duration) var(--transition-timing-function);
}

.line-item__additional {
    max-width: var(--additional-maxw);
    margin-left: var(--additional-ml);
}

.line-item__additional-body p {
    font-size: var(--text-fz);
    line-height: var(--text-lh);
}

.line-item__additional-body ul {
    --text-gap: 15rem;
}

.line-item__additional-body ul>li {
    --list-gap: 10rem;
    --marker-gap: var(--additional-list-marker-gap);
    --marker-widht: var(--additional-list-marker-w);
    font-size: var(--text-fz);
    line-height: var(--text-lh);
}

.line-item__additional-body ul>li::before {
    top: var(--additional-list-item-marker-top);
}

.line-item__additional .line-item__btn {
    display: none;
}

@media (max-width: 768px) {
    .line-item._extended._additional .line-item__wrapper .line-item__btn {
        display: none;
    }

    .line-item._extended .line-item__additional .line-item__btn {
        display: flex;
    }
}

@media (max-width: 680px) {
    .line-item__wrapper {
        flex-direction: column;
        align-items: start;
    }

    .line-item._additional .line-item__wrapper .line-item__btn {
        display: none;
    }

    .line-item__additional .line-item__btn {
        display: flex;
    }
}

@media (max-width: 480px) {
    .line-item {
        box-shadow: inset 0 0 0 2rem var(--item-line-color);
        border-radius: var(--border-radius);
        margin-bottom: 10rem;
    }

    .line-item:first-child {
        padding: var(--item-padding);
    }

    .line-item:last-child {
        margin-bottom: 0;
    }

    .line-item__body {
        flex-direction: column;
    }
}
/* End */
/* /local/templates/im/components/bitrix/news/karera/style.css?17624538655424 */
/* /local/templates/im/components/bitrix/news.list/line/style.css?17835759938439 */