/* Start:/include/css/careerCards.css?17290014888883*/
.cards__wrapper {
    width: 59%;
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.cards__wrapper.width-100 {
    width: 100%;
}
.card {
    position: relative;
    width: 48%;
    padding: 20px 30px;
    z-index: 1;
}
.card:first-child {
    background: #F6F7FA;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card:first-child:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 141px;
    height: 112px;
    background: url('/images/career/bg-union-yellow.svg') top left/141px 112px no-repeat;
    z-index: -1;
}
.card:first-child:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 62px;
    height: 123px;
    /*width: 62px;*/
    /*height: 262px;*/
    background: url('/images/career/bg-sticks-white.svg') top left/62px 123px no-repeat;
}
.card:nth-child(2) {
    background: #F7EF3F;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card:nth-child(2):before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 141px;
    height: 112px;
    background: url('/images/career/bg-union-white.svg') top left/141px 112px no-repeat;
    z-index: -1;
}
.card:nth-child(2):after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 59px;
    height: 247px;
    background: url('/images/career/bg-sticks-yellow.svg') top left/59px 247px no-repeat;
}
.card:nth-child(3) {
    background: #F7EF3F;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.card:nth-child(3):before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 141px;
    height: 112px;
    background: url('/images/career/bg-union-white.svg') top left/141px 112px no-repeat;
    z-index: -1;
}
.card:nth-child(3):after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 102px;
    height: 439px;
    background: url('/images/career/bg-sticks-yellow-big.svg') top left/102px 409px no-repeat;
}
.card:nth-child(4) {
    background: #F6F7FA;
}
.card:nth-child(4):before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 141px;
    height: 112px;
    background: url('/images/career/bg-union-yellow.svg') top left/141px 112px no-repeat;
    z-index: -1;
}

.card.height-240 {
    min-height: 240px;
}
.card.height-360 {
    min-height: 360px;
}
.card.height-463 {
    min-height: 463px;
}
.card-title__block {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card-description__block {
    font-size: 15px;
    font-weight: 500;
    max-width: 370px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.card__title-years {
    color: #111;
    font-size: 40px;
    font-weight: 900;
    margin: 20px 0;
}
.card__title-principles {
    color: #111;
    font-size: 40px;
    font-weight: 900;
    margin: 20px 0;
}
.card__subtitle {
    color: #111;
    font-size: 17px;
    font-weight: 700;
}
.card-title__block {

}
.card__list {
    display: flex;
    flex-direction: column;
    font-weight: 300;
    margin-left: 14px;
    font-size: 13px;
}
.card__list._bold {
    margin-left: 52px;
    font-weight: 700;
}
.card__list._bottom {
    margin-top: 80px;
}
.list__check {
	margin-bottom: 2px;
    color: #111;
    position: relative;
}
.list__check._big {
    font-size: 24px;
    padding: 10px;
}
.list__check._white:before {
    content: '';
    position: absolute;
    top: 12px;
    left: -32px;
    width: 16px;
    height: 16px;
    background: url('/images/company/check_white.svg') no-repeat center;
}
.list__check._black:before {
    content: '';
    position: absolute;
    top: 6px;
    left: -16px;
    width: 14px;
    height: 14px;
    background: url('/images/company/check_black.svg') no-repeat center;
}
@media (max-width: 1289px) {
    .card__title-years {
        font-size: 40px;
    }
    .card__title-principles {
        font-size: 40px;
    }
    .card__list {
        font-size: 12px;
        margin-bottom: 0;
    }
    .card-description__block {
        font-size: 16px;
    }
}
@media (min-width: 991px) and (max-width: 1160px) {
    .card {
        width: 45%;
        padding: 20px;
        margin: 5px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .cards__wrapper {
        padding: 0;
        margin: 0 0 40px;
    }
    .card {
        width: 49%;
        padding: 20px 30px;
    }
    .card.principles {
        height: auto;
    }
}
@media (max-width: 768px) {

    .card__title-years {
        font-size: 28px;
    }

    .card__title-principles {
        font-size: 28px;
    }
    .cards__wrapper {
        padding: 0;
        margin: 0;
    }
    .card {
        width: 48%;
        padding: 20px;
    }
    .card.talent,.mission,.values,.principles {
        width: 100%;
    }
    .card.principles {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        height: auto;
    }
    .cards__wrapper {
        gap: 10px;
    }
}
@media (max-width: 768px) {

    .card.talent {
        height: 170px;
    }
    .card__title-years {
        margin: 0 0 10px;
        font-size: 18px;
    }
    .card__title-principles {
        margin: 0;
        font-size: 24px;
    }
    .card:nth-child(2) {
        justify-content: unset;
    }

    .card__list._bold {
        margin-left: 8px;
    }
    .list__check._white:before {
        top: 2px;
        left: -14px;
    }

    .card__subtitle {
        font-size: 13px;
        max-width: 95px;
        line-height: 1.1;
    }

    .list__check._big {
        padding: 0 10px;
        font-size: 13px;
    }
    .card.height-463 {
        height: auto;
        min-height: auto;
    }

    .card-description__block {
        font-size: 12px;
        line-height: 1.5;
    }

    .card:first-child:before {
        width: 66px;
        height: 52px;
        background: url('/images/career/bg-union-yellow.svg') top left/66px 52px no-repeat;
    }
    .card:first-child:after {
        width: 29px;
        height: 57px;
        background: url('/images/career/bg-sticks-white.svg') top left/29px 57px no-repeat;
    }
    .card:nth-child(2) {
        background: #F7EF3F;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .card:nth-child(2):before {
        width: 66px;
        height: 52px;
        background: url('/images/career/bg-union-white.svg') top left/66px 52px no-repeat;
    }
    .card:nth-child(2):after {
        width: 59px;
        height: 247px;
        background: url('/images/career/bg-sticks-yellow.svg') top left/59px 247px no-repeat;
    }
    .card:nth-child(3) {
        background: #F7EF3F;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .card:nth-child(3):before {
        width: 66px;
        height: 52px;
        background: url('/images/career/bg-union-white.svg') top left/66px 52px no-repeat;
    }
    .card:nth-child(3):after {
        width: 102px;
        height: 439px;
        background: url('/images/career/bg-sticks-yellow-big.svg') top left/102px 409px no-repeat;
    }
    .card:nth-child(4) {
        background: #F6F7FA;
    }
    .card:nth-child(4):before {
        width: 66px;
        height: 52px;
        background: url('/images/career/bg-union-yellow.svg') top left/66px 52px no-repeat;
    }

    .card.bg-big:first-child:before {
        width: 130px;
        height: 110px;
        background: url('/images/career/bg-union-yellow.svg') top left/130px 110px no-repeat;
    }
    .card:first-child:after {
        width: 37px;
        height: 74px;
        background: url('/images/career/bg-sticks-white.svg') top left/37px 74px no-repeat;
    }
    .card.bg-big:nth-child(2):before {
        width: 130px;
        height: 110px;
        background: url('/images/career/bg-union-white.svg') top left/130px 110px no-repeat;
    }
    .card:nth-child(2):after {
        width: 62px;
        height: 264px;
        background: url('/images/career/bg-sticks-yellow.svg') top left/62px 264px no-repeat;
    }
    .card.bg-big:nth-child(3):before {
        width: 130px;
        height: 110px;
        background: url('/images/career/bg-union-white.svg') top left/130px 110px no-repeat;
    }
    .card:nth-child(3):after {
        width: 62px;
        height: 262px;
        background: url('/images/career/bg-sticks-yellow-big.svg') top left/62px 262px no-repeat;
    }
    .card.bg-big:nth-child(4):before {
        width: 130px;
        height: 110px;
        background: url('/images/career/bg-union-yellow.svg') top left/130px 110px no-repeat;
    }
}
/* End */


/* Start:/include/css/career.css?17290605247610*/
.top-banner {
    width: 100%;
    height: 800px;
    background: url("/images/company/banner.png") center no-repeat;
    background-size: cover;
}
.company-container {
    margin: 0 auto;
    max-width: 1264px;
}

.company-info {
    margin-top: 100px;
    width: 100%;
    max-width: 1264px;
}

.company-info-container {
    display: flex;
    gap: 20px;
}

.company-description {
    width: 41%;
}

.company-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 62px;
}

.company-text {
    font-size: 15px;
    line-height: 1.6;
}

.articles {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

@media (max-width: 991px) {
    .company-info {
        margin-top: 40px;
    }

    .company-info-container {
        flex-direction: column;
    }

    .company-description,
    .company-title {
        margin-bottom: 40px;
    }
}
.corporate-life {
    margin-top: 100px;
    display: flex;
    width: 1264px;
    max-width: 100%;
    flex-direction: column;
    font-family: Roboto, sans-serif;
}

@media (max-width: 991px) {
    .corporate-life {
        margin-top: 0;
    }
}
.principles-section { margin-top: 100px; width: 1264px; max-width: 100%; }
.flex-container { gap: 20px; display: flex; }
.image-column { width: 41%; }
.full-width-image {object-fit: cover; object-position: center; width: 100%; height: 100%; }
.card { background-color: #f6f7fa; padding: 30px; font-family: Roboto, sans-serif; }
.card-header { display: flex; justify-content: space-between; position: relative; color: #222; }
.card-icon { object-fit: contain; width: 61px; }

@media (max-width: 991px) {
    .principles-section { margin-top: 40px; }
    .flex-container { flex-direction: column; align-items: stretch; gap: 0; }
    .image-column, .content-column { width: 100%; margin-bottom: 20px;}
    .full-width-image { max-width: 100%; margin-top: 20px; }
    .card, .yellow-card { padding: 20px; }
}
.career-section {
    margin-top: 100px;
    width: 100%;
    max-width: 1265px;
}

.career-content {
    display: flex;
    gap: 20px;
}

.career-text {
    width: 58%;
}

.career-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    margin: 80px 0 30px;
}

.career-description {
    font-size: 15px;
    line-height: 24px;
}

.career-image {
    background: url("/images/career/career.png") center no-repeat;
    background-size: cover;
    width: 42%;
}

.career-img {
    object-fit: contain;
    width: 100%;
}

@media (max-width: 991px) {
    .career-section {
        margin-top: 40px;
    }

    .career-content {
        margin-top: 0;
        flex-direction: column-reverse;
    }

    .career-text,
    .career-image {
        width: 100%;
    }
    .career-image {
        height: 327px;
    }

    .career-title,
    .career-description,
    .career-img {
        max-width: 100%;
    }
    .career-title {
        margin-top: 20px;
    }

    .career-img {
        margin-top: 22px;
    }
}
.benefits-section {
    display: flex;
    margin-top: 100px;
    width: 100%;
    max-width: 1264px;
    flex-direction: column;
    font-family: Roboto, sans-serif;
    color: #222;
}

.section-title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    align-self: start;
}

.benefits-grid {
    display: flex;
    align-items: start;
    gap: 20px;
    justify-content: start;
    flex-wrap: wrap;
}

.benefit-card {
    background-color: #f6f7fa;
    display: flex;
    min-width: 240px;
    flex-direction: column;
    overflow: hidden;
    width: 301px !important;
    padding: 32px 28px;
    height: 420px;
}
.benefit-card.empty {
    background-color: #fff;
    padding: 0 28px;
}
.card-icon {
    width: 40px;
    height: 40px;
    background-size: cover;
    object-fit: contain;
}
.card-icon.one {
    background: url('/images/career/1.svg') no-repeat center / contain;
}
.card-icon.two {
    background: url('/images/career/2.svg') no-repeat center / contain;
}
.card-icon.three {
    background: url('/images/career/3.svg') no-repeat center / contain;
}
.card-icon.four {
    background: url('/images/career/4.svg') no-repeat center / contain;
}
.card-icon.five {
    background: url('/images/career/5.svg') no-repeat center / contain;
}
.card-icon.six {
    background: url('/images/career/6.svg') no-repeat center / contain;
}
.card-icon.seven {
    background: url('/images/career/7.svg') no-repeat center / contain;
}
.card-icon.eight {
    background: url('/images/career/8.svg') no-repeat center / contain;
}
.card-icon.nine {
    background: url('/images/career/9.svg') no-repeat center / contain;
}
.card-icon.ten {
    background: url('/images/career/10.svg') no-repeat center / contain;
}

.card-header {
    display: flex;
    gap: 20px;
    font-size: 17px;
    font-weight: 700;
    justify-content: space-between;
}

.why-card-title {
    align-self: start;
    flex-grow: 1;
}

.card-icon {
    object-fit: contain;
    object-position: center;
    width: 40px;
}

.card-description {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;
    margin-top: 28px;
}
.banner-container {
    max-width: 1568px;
    margin: 0 auto;
}
.banner-title {
    color: #FFF;
    font-size: 96px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 5.76px;
    text-transform: uppercase;
}
.banner-breadcrumbs,.banner-breadcrumbs a {
    padding-left: 5px;
    color: #FFF;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: capitalize;
}
@media (max-width: 1720px) {
    .banner-container {
        max-width: none;
        padding-left: 70px;
    }
}
@media (max-width: 991px) {
    .banner-container {
        padding-left: 0;
    }
    .benefits-grid {
        gap: 10px;
    }
    .top-banner {
        width: auto;
        max-height: 156px;
    }
    .banner-title {
        padding: 16px !important;
        font-size: 30px !important;
    }
    .banner-breadcrumbs {
        font-size: 10px !important;
        padding: 16px !important;
    }
    .company-description {
        width: 100%;
    }
    .benefits-section {
        margin-top: 40px !important;
    }

    .benefit-card {
        padding: 15px !important;
    }

    .card-header {
        margin-right: 4px;
    }
    .cards__wrapper {
        width: 100%;
    }
    .vacancies-grid {
        padding: 0 10px; !important;
    }
    .vacancy-card {
        width: 47% !important;
    }
    .city-filter {
        padding: 0 10px;
        font-size: 12px;
    }
    .benefit-card {
        margin: 0 auto;
        width: 48% !important;
        min-width: auto;
    }
    .company-container {
        padding: 0 10px;
    }
    .why-card-title {
        max-width: 80%;
        font-size: 14px;
    }
    .card-icon {
        height: 25px;
        width: 25px;
        position: absolute;
        top: 0;
        right: 0;
    }
    .why-card-title {
        max-width: 88%;
        min-height: 84px;
        line-height: 1.5;
    }
    .card-description {
        font-size: 11px;
        line-height: 1.5;
    }
}
@media (max-width: 450px) {
    .principles-section {
        margin-top: 0;
    }
    .company-description, .company-title {
        margin-bottom: 10px;
    }
}
/* End */


/* Start:/bitrix/templates/centino-heat/components/bitrix/news.list/vacancy/style.css?17282863383011*/
.vacancies-container { display: flex; margin-top: 100px; width: 1264px; max-width: 100%; flex-direction: column; font-family: Roboto, sans-serif; color: #222; }
.vacancies-title { font-size: 24px; font-weight: bold; margin-bottom: 30px; }
.city-filter { display: flex; align-items: center; gap: 16px; font-size: 15px; color: rgba(0, 0, 0, 0.5); font-weight: 400; line-height: 1.6; margin-bottom: 20px; }
.city-filter-item { cursor: pointer; color: #999}
.city-filter-item.active { color: #222; }
.vacancies-grid { display: flex; flex-wrap: wrap; gap: 20px; }
.vacancy-card { background-color: #f6f7fa; display: flex; flex-direction: column; width: 301px; padding: 28px; min-width: 240px; position: relative }
.vacancy-card.empty {padding: 0;background-color: #fff}
.vacancy-title { font-size: 17px; font-weight: 700; margin-bottom: 8px; }
.vacancy-salary { font-size: 15px; font-weight: 400; line-height: 1.6; }
.vacancy-icon { width: 40px; height: 40px; align-self: flex-end; margin-top: 8px; }
@media (max-width: 991px) {
    .vacancies-container { margin-top: 40px; }
    .vacancy-card { padding: 20px; }
    .vacancy-popup { width: 95%; }
    .vacancy-card {min-width: auto !important; }
}
.popup-overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #3a3f44;
    opacity: 0;
    z-index: 1000;
}
.vacancy-link {
    width: 40px;
    height: 40px;
}
.vacancy-popup {
    overflow: auto;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: all .2s;
    visibility: hidden;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1001;
    background: #fff;
    padding: 5rem;
    width: 52em;
    min-width: 15em;
    flex-direction: column;
    justify-content: center;
}
.vacancy-popup.active {
    opacity: 1;
    visibility: visible;
    height: 80%;
}
.popup-overlay.active {
    opacity: 0.5;
    visibility: visible;
}
.vacancy-text {
    display: none;
}
.vacancy-button {
    border: none;
    max-width: 176px;
    padding: 10px 37px 9px 19px;
    border-radius: 2px;
    font-size: 14px;
    color: #000;
    background: #FBEC0D;
}
.vacancy-button:hover {
    border: 1px solid;
}
.vacancy-link {
    position: absolute;
    bottom: 24px;
    right: 24px;
    background: url("/images/company/vacancy_arrow.svg") center / cover no-repeat;
}

@media (max-width: 991px) {
    .vacancies-grid {
        gap: 18px;
        padding: 0;
    }
    .vacancy-card {
        padding: 10px;
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }
    .city-filter {
        font-size: 12px;
        gap: 8px;
    }
    .vacancy-title {
        font-size: 13px;
        margin: 0;
    }
    .vacancy-salary {
        font-size: 11px;
        margin: 0;
    }
    .vacancy-link {
        bottom: 10px;
        right: 10px;
        height: 24px;
        width: 24px;
    }
}
/* End */


/* Start:/bitrix/templates/centino-heat/components/bitrix/news.list/articles/style.css?17282975871507*/
/*Для слайдера*/
/*.articles .slick-arrow:not(.slick-disabled) {*/
/*	background: none;*/
/*}*/
/*.articles .slick-slider .slick-arrow:not(.slick-disabled):hover {*/
/*	background: none;*/
/*}*/
/*.articles .arrow-left {*/
/*	position: absolute;*/
/*	display: inline;*/
/*	top: -60px;*/
/*	right: 90px;*/
/*}*/
/*.articles .arrow-right {*/
/*	position: absolute;*/
/*	display: inline;*/
/*	top: -60px;*/
/*	right: 10px;*/
/*}*/
.article {
	position: relative;
	width: 301px;
	height: 420px;
	border: 1px solid #EBEBEF;
}
.info {
	padding: 30px 29px 60px;
}
.info .name {
	display: block;
}
.info .date {
	position: absolute;
	left: 29px;
	bottom: 28px;
	line-height: 17px;
	font-size: 0.8667em;
}
.articles__link {
	float: right;
	background-color: yellow;
	padding: 10px;
	margin-top: 13px;
	text-align: center;
}
.articles__link.top {
	margin-top: -10px;
}
.article__title {
	font-weight: bold;
}
.article__info {
	padding: 240px 24px 0;
}
.article__image {
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 420px;
}
.article__text {
}
.article__date {
	position: absolute;
	bottom: 20px;
}
.white {
	color: #fff;
}

@media (max-width: 991px) {
	.article {
		width: auto;
		max-width: 230px;
		height: 240px;
		font-size: 13px;
		line-height: 1.25;
	}
	.article__image {
		height: 240px !important;
	}
	.article__info {
		padding: 110px 24px 0 !important;
	}
	.articles__link {
		margin: 24px 0;
	}
}

@media (max-width: 450px) {
	.article {
		width: 46%;
	}
}
/* End */
/* /include/css/careerCards.css?17290014888883 */
/* /include/css/career.css?17290605247610 */
/* /bitrix/templates/centino-heat/components/bitrix/news.list/vacancy/style.css?17282863383011 */
/* /bitrix/templates/centino-heat/components/bitrix/news.list/articles/style.css?17282975871507 */