/* Start:/local/templates/workish/components/bitrix/news/vacancies/bitrix/news.detail/.default/style.css?169020067611420*/
.header {
    --header-bg: transparent;
    --color-bg: #101010;
    --scrolled-color-bg: #101010;
    --logo-bg: #101010;
    --scrolled-logo-bg: #101010;
    --burger-bg: #101010;
    --scrolled-burger-bg: #101010
}

.breadcrumbs a, .breadcrumbs li {
    color: #6b6e6f
}

.intro {
    padding: 128px 0 20px 0;
    background: #e9ecef
}

@media (max-width: 61.99875em) {
    .intro {
        padding: 105px 0 15px 0
    }
}

@media (max-width: 47.99875em) {
    .intro {
        padding: 87px 0 8px 0
    }
}

.intro__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 52px
}

@media (max-width: 61.99875em) {
    .intro__wrapper {
        margin-bottom: 60px
    }
}

@media (max-width: 47.99875em) {
    .intro__wrapper {
        margin-bottom: 37px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center
    }
}

@media (max-width: 29.99875em) {
    .intro__info {
        width: 100%
    }
}

.intro__img {
    width: 193px;
    height: 193px;
    margin-right: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.intro__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 61.99875em) {
    .intro__img {
        width: 170px;
        height: 170px
    }
}

@media (max-width: 47.99875em) {
    .intro__img {
        margin: 0 0 15px 0;
        width: 120px;
        height: 120px
    }
}

.intro__title {
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: #101010
}

@media (max-width: 61.99875em) {
    .intro__title {
        font-weight: 500;
        font-size: 20px;
        line-height: 163.52%;
        letter-spacing: .9px
    }
}

@media (max-width: 47.99875em) {
    .intro__title {
        margin-bottom: 10px;
        font-size: 18px
    }
}

.intro__salary {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #101010
}

@media (max-width: 61.99875em) {
    .intro__salary {
        margin-bottom: 20px;
        font-size: 18px
    }
}

@media (max-width: 47.99875em) {
    .intro__salary {
        margin-bottom: 35px;
        font-size: 16px
    }
}

.intro__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 29.99875em) {
    .intro__buttons {
        width: 100%
    }
}

.intro__buttons .btn__response {
    margin-right: 20px;
    padding: 12.5px 42px
}

@media (max-width: 29.99875em) {
    .intro__buttons .btn__response {
        margin-right: 5px;
        width: calc(100% - 59px)
    }
}

.intro__buttons a {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.info {
    padding: 100px 0
}

@media (max-width: 61.99875em) {
    .info {
        padding: 72px 0
    }
}

@media (max-width: 47.99875em) {
    .info {
        padding: 50px 0
    }
}

.info__wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.info__content {
    width: 70.76%
}

@media (max-width: 61.99875em) {
    .info__content {
        width: 100%
    }
}

.about {
    padding-bottom: 50px;
    border-bottom: 1px solid #e9ecef
}

@media (max-width: 61.99875em) {
    .about {
        padding-bottom: 40px
    }
}

@media (max-width: 47.99875em) {
    .about {
        padding-bottom: 25px
    }
}

.about__title {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: #101010
}

@media (max-width: 61.99875em) {
    .about__title {
        margin-bottom: 15px
    }
}

@media (max-width: 47.99875em) {
    .about__title {
        font-weight: 500;
        font-size: 20px
    }
}

.about__desc {
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #6b6e6f
}

@media (max-width: 61.99875em) {
    .about__desc {
        margin-bottom: 20px;
        font-size: 16px;
        line-height: 23px;
        letter-spacing: .9px
    }
}

@media (max-width: 47.99875em) {
    .about__desc {
        margin-bottom: 15px
    }
}

.block {
    padding: 50px 0;
    border-bottom: 1px solid #e9ecef
}

@media (max-width: 61.99875em) {
    .block {
        padding: 40px 0
    }
}

@media (max-width: 47.99875em) {
    .block {
        padding: 20px 0
    }
}

.block__title {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: #101010
}

@media (max-width: 61.99875em) {
    .block__title {
        margin-bottom: 15px
    }
}

@media (max-width: 47.99875em) {
    .block__title {
        font-weight: 500;
        font-size: 20px;
        line-height: 140%
    }
}

.block__item {
    position: relative;
    padding-left: 30px;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #6b6e6f
}

.block__item::before {
    position: absolute;
    left: 13px;
    top: 12px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    background-color: #6b6e6f;
    content: ""
}

@media (max-width: 47.99875em) {
    .block__item::before {
        left: 8px
    }
}

@media (max-width: 61.99875em) {
    .block__item {
        font-size: 16px;
        line-height: 23px;
        letter-spacing: .9px
    }
}

@media (max-width: 47.99875em) {
    .block__item {
        padding-left: 20px
    }
}

.block__item + .block__item {
    margin-top: 14px
}

.contacts {
    padding: 50px 0 100px 0
}

@media (max-width: 61.99875em) {
    .contacts {
        padding: 40px 0 72px 0;
        border-top: 1px solid #e9ecef
    }
}

@media (max-width: 47.99875em) {
    .contacts {
        padding: 25px 0 50px 0
    }
}

.contacts__title {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: #101010
}

@media (max-width: 47.99875em) {
    .contacts__title {
        font-weight: 500;
        font-size: 20px
    }
}

.contacts__name {
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 20px;
    line-height: 163.52%
}

.contacts__phone {
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #101010
}

.contacts__mail {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #101010
}

@media (max-width: 47.99875em) {
    .contacts__mail {
        margin-bottom: 25px
    }
}

.contacts__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -10px
}

@media (max-width: 47.99875em) {
    .contacts__buttons {
        margin: -5px
    }
}

.contacts__buttons a {
    max-width: 177px;
    width: 100%;
    margin: 10px
}

@media (max-width: 47.99875em) {
    .contacts__buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contacts__buttons a {
        max-width: unset;
        margin: 5px 0
    }
}

.vacancies__title {
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 24px;
    line-height: 140%;
    color: #101010
}

@media (max-width: 61.99875em) {
    .vacancies__title {
        margin-bottom: 15px
    }
}

@media (max-width: 47.99875em) {
    .vacancies__title {
        font-weight: 500
    }
}

.vacancies__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 45px
}

.vacancies__button a {
    padding: 11px 45px
}

@media (max-width: 47.99875em) {
    .vacancies__button {
        margin-top: 30px
    }
}

.vacancy + .vacancy {
    margin-top: 20px
}

@media (max-width: 47.99875em) {
    .vacancy + .vacancy {
        margin-top: 15px
    }
}

.sidebar-block {
    position: absolute;
    right: 0;
    top: 0;
    width: 23.7%;
    padding: 27px 14px 24px 14px;
    background: #fff;
    border: 1px solid #e9ecef;
    border-radius: 10px
}

.sidebar-block--skills {
    top: 540px
}

@media (max-width: 61.99875em) {
    .sidebar-block--skills {
        margin: 40px 0
    }
}

@media (max-width: 47.99875em) {
    .sidebar-block--skills {
        margin: 25px 0
    }
}

@media (max-width: 61.99875em) {
    .sidebar-block {
        position: static;
        width: 100%;
        padding: 20px 15px
    }
}

@media (max-width: 47.99875em) {
    .sidebar-block {
        padding: 20px 10px
    }
}

.sidebar-block__label {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #6b6e6f
}

@media (max-width: 47.99875em) {
    .sidebar-block__label {
        margin-bottom: 0;
        font-size: 15px;
        line-height: 28px
    }
}

.sidebar-block__value {
    font-weight: 500;
    font-size: 16px;
    line-height: 28px;
    color: #101010
}

@media (max-width: 47.99875em) {
    .sidebar-block__value {
        font-size: 14px;
        line-height: 28px
    }
}

.sidebar-block__title {
    padding-bottom: 5px;
    font-weight: 500;
    font-size: 20px;
    line-height: 163.52%;
    letter-spacing: .9px;
    color: #101010;
    border-bottom: 1px solid #e9ecef
}

@media (max-width: 47.99875em) {
    .sidebar-block__title {
        padding-bottom: 10px
    }
}

.sidebar-block__skills {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
    padding-top: 20px
}

@media (max-width: 47.99875em) {
    .sidebar-block__skills {
        padding-top: 10px;
        margin: -2.5px
    }
}

.sidebar-block__skill {
    margin: 5px;
    padding: 10px;
    background: rgba(73, 156, 151, .13);
    border-radius: 26px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    letter-spacing: .9px;
    color: #101010
}

@media (max-width: 47.99875em) {
    .sidebar-block__skill {
        margin: 2.5px;
        font-size: 14px;
        line-height: 20px
    }
}

@media (max-width: 61.99875em) {
    .sidebar-block__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -30px -33.5px
    }
}

@media (max-width: 47.99875em) {
    .sidebar-block__info {
        margin: 0
    }
}

.sidebar-block__item + .sidebar-block__item {
    margin-top: 20px
}

.sidebar-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 61.99875em) {
    .sidebar-block__item {
        width: calc(33.3333333333% - 67px);
        margin: 30px 33.5px
    }
}

@media (max-width: 47.99875em) {
    .sidebar-block__item {
        width: 100%;
        margin: 0
    }
}

.sidebar-block__img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 38px;
    margin-right: 16px
}

/* End */
/* /local/templates/workish/components/bitrix/news/vacancies/bitrix/news.detail/.default/style.css?169020067611420 */