/* Start:/o-kompanii/vakansii/lib/style.css?177683800711759*/
.vacancy {overflow-x: hidden;}
.vacancy .btn {display: inline-flex; align-items: center; justify-content: center; line-height: 115.5%; font-weight: 600; height: 46px; padding-right: 40px; padding-left: 40px;}
.vacancy h2 {font-size: 32px; line-height: 42px;}

.vacancy .head {display: flex; align-items: center; justify-content: space-between; padding: 63px 64px 87px 0;}
.vacancy .head__img {flex-shrink: 0; max-width: 524px;}
.vacancy .head__main {max-width: 470px;}
.vacancy .head__subtitle {font-family: "Montserrat", "Roboto", "Arial", sans-serif; font-size: 18px; line-height: 25px; font-weight: 600; color: #882051; margin-bottom: 10px;}
.vacancy .head h1 {font-size: 32px; line-height: 42px; margin-bottom: 25px;}
.vacancy .head__desc {max-width: 443px; margin-bottom: 30px;}
.vacancy .head__desc p:last-child {margin-bottom: 0;}

.vacancy .about {margin-bottom: 59px;}
.vacancy .about h2 {margin-bottom: 30px;}
.vacancy .about__row {display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 74px; min-height: 172px; padding: 20px 0 0 0; margin: 0; list-style-type: none;}
.vacancy .about__logo {width: 20px; margin-bottom: 10px;}
.vacancy .about__desc {font-family: "Montserrat", "Roboto", "Arial", sans-serif; font-size: 18px; font-weight: 700; line-height: 25px; margin-bottom: 0;}
.vacancy .about__desc span {color: #852756;}
.vacancy .about__desc a {text-decoration: none; color: inherit;}
.vacancy .about__item {position: relative; padding: 0;}
.vacancy .about__item:not(:nth-child(4n))::after {position: absolute; content: ""; right: -37px; top: 10px; width: 1px; height: 142px; background: #E4E4E4;}

.vacancy-form-bg {background: #F8F8F8; padding: 60px 0 100px;}
.vacancy-form {padding: 30px; border-radius: 10px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.08); background: #fff;}
.vacancy-form__form {display: flex; flex-direction: column; align-items: start;}
.vacancy__ok-message {display: flex; flex-direction: column; align-items: center;}
.vacancy__ok-message {justify-content: center; min-height: 269px;}
.vacancy-form h2 {font-size: 32px; line-height: 39.01px; margin-bottom: 10px; width: 100%;}
.vacancy-form .field-checkbox__input-wrap--profile {max-width: unset;}
.vacancy-form .field-checkbox__input-wrap--profile .field-checkbox__name {margin-right: 0;}
.vacancy-form .field-text__name {color: #656565;}
.vacancy-form .profile__row {margin-bottom: 25px;}
.vacancy-form .profile__row--fields {display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 17px; width: 808px; margin-right: 0; margin-left: 0;}
.vacancy-form .profile__row--fields .profile__col {padding-left: 0; padding-right: 0;}
.vacancy-form .field-text,
.vacancy-form .field-checkbox {margin-bottom: 0;}
.vacancy-form .btn {width: 258px; margin-bottom: 5px;}
.vacancy-form .vacancy__ok-message h2 {margin-bottom: 10px; text-align: center;}

.vacancy-form .questionnaire-descr {width: 100%; font-size: 16px; font-weight: 400; line-height: 25px; text-align: left; margin-bottom: 25px;}
.vacancy-form .questionnaire-title {width: 100%; font-family: "Montserrat", "Roboto", "Arial", sans-serif; font-size: 16px; font-weight: 800; line-height: 25px; margin-bottom: 10px;}
.vacancy-form .questionnaire-options {width: 100%; margin-bottom: 25px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: start; justify-content: start; gap: 10px; position: relative;}
.vacancy-form .questionnaire-input {width: 1px; height: 1px; position: absolute; bottom: 1px; left: 1px; z-index: -10; opacity: 0; outline: none; border: 0; background: transparent;}
.vacancy-form .questionnaire-btn {height: 40px; color: #232323; display: inline-flex; flex-direction: row; align-items: center; justify-content: center; padding: 5px 20px; border-radius: 35px; background: #F8F8F8; font-weight: 400; border: 1px solid #F8F8F8; cursor: pointer;}
.vacancy-form .questionnaire-input:checked + .questionnaire-btn {border: 1px solid #882051;}
.vacancy-form .questionnaire-btn i {display: inline-block; padding-left: 5px; font-style: normal;}

.vacancy__ok-message p {margin-bottom: 0;}

.vacancy .more {margin-bottom: 102px; overflow: hidden;}
.vacancy .more h2 {margin-bottom: 30px;}
.vacancy .more__row {display: flex; flex-wrap: wrap; grid-gap: 20px;}
.vacancy .more__item {position: relative; display: flex; flex-direction: column; font-family: "Montserrat", "Roboto", "Arial", sans-serif; line-height: 30px; height: 105px; padding: 24px 20px 20px; border-radius: 10px; background-color: #F8F8F8; overflow: hidden;}
.vacancy .more__item.more__item--padding-small {padding: 10px 20px 20px;}
.vacancy .more__item small {font-size: 16px; font-weight: 500;}
.vacancy .more__item span {font-size: 24px; font-weight: 800;}
.vacancy .more__item.more__item--padding-small span {display: block; line-height: 115%;}
.vacancy .more__item img {position: absolute;}
.vacancy .more__item--salary {width: 465px;}
.vacancy .more__item--salary img {right: 73px; bottom: 0;}
.vacancy .more__item--compensation {width: 275px;}
.vacancy .more__item--employment {width: 380px;}
.vacancy .more__item--employment img {right: 0; top: 13px;}
.vacancy .more__item--career {width: 170px;}
.vacancy .more__item--training {width: 450px;}
.vacancy .more__item--training img {right: 37px; top: 30px;}
.vacancy .more__item--scholarship {width: 310px;}
.vacancy .more__item--schedule {width: 170px;}

.vacancies-gallery {margin-bottom: 89px; overflow: hidden;}
.vacancies-gallery__row {display: flex; flex-wrap: wrap; grid-gap: 20px;}
.vacancies-gallery__item img {height: 277px; border-radius: 10px;}
.vacancies-gallery__item:nth-child(1) {margin-left: -172px;}
.vacancies-gallery__item:nth-child(6) {margin-right: -149px;}
.vacancies-gallery__row--mb {display: none;}

.vacancy-phones {display: flex; align-items: center; justify-content: center; gap: 22px;}
.vacancy-phones > a {display: flex; align-items: center; gap: 7px; text-decoration: none; color: inherit;}
.vacancy-phones span {line-height: normal; white-space: nowrap;}

@media (max-width: 1220px) {
	.vacancy .btn {display: flex; height: 40px;}
	.vacancy h2 {font-size: 24px; line-height: 32px;}

	.vacancy .head {flex-direction: column-reverse; align-items: flex-start; justify-content: flex-start; padding: 56px 0 50px;}
	.vacancy .head__img {flex-shrink: 1; width: 524px; max-width: 100%; margin-bottom: 9px;}
	.vacancy .head__subtitle {font-size: 14px; font-weight: 700; margin-bottom: 7px;}
	.vacancy .head h1 {font-size: 24px; line-height: 32px; margin-bottom: 15px;}
	.vacancy .head__desc {text-align: justify; max-width: 100%; margin-bottom: 15px;}

	.vacancy .about {margin-bottom: 40px;}
	.vacancy .about h2 {margin-bottom: 15px;}
	.vacancy .about__row {grid-template-columns: 100%; grid-column-gap: 0; grid-row-gap: 30px; max-width: 470px; min-height: 0; padding: 0;}
	.vacancy .about__desc {font-size: 16px;}
	.vacancy .about__item:not(:nth-child(4n))::after {right: 0; top: unset; bottom: -15px; width: 100%; height: 1px;}
    
    .vacancy-form-bg {padding: 20px 0 100px;}
	.vacancy-form {padding: 20px 15px;}
	.vacancy-form__form {align-items: stretch;}
	.vacancy__ok-message {text-align: center; min-height: unset; padding: 10px 0;}
	.vacancy-form h2 {font-size: 21px; line-height: 25.6px; margin-bottom: 10px;}
    .vacancy-form .questionnaire-descr {font-size: 14px; line-height: 23px; margin-bottom: 15px;}
    .vacancy-form .questionnaire-title {font-size: 14px; line-height: 23px;}
    .vacancy-form .questionnaire-btn {height: 38px; padding: 5px 15px;}
    .vacancy-form .questionnaire-btn i {display: none;}
	.vacancy-form .profile__row {margin-bottom: 15px;}
	.vacancy-form .profile__row--fields {grid-template-columns: 100%; grid-column-gap: 0; grid-row-gap: 15px; width: 100%;}
	.vacancy-form .btn {width: 100%; margin-bottom: 0;}
	.vacancy-form .field-checkbox__input-wrap--profile .field-checkbox__name-text,
	.vacancy-form .field-checkbox__input-wrap--profile .field-checkbox__name-text a {font-size: 12px; line-height: 16px;}
	.vacancy-form .vacancy__ok-message h2 {padding-top: 37px; font-size: 21px; line-height: 25.6px; margin-bottom: 10px;}
    .vacancy-form .vacancy__ok-message p {padding-bottom: 37px;}

	.vacancy .more {margin-bottom: 40px;}
	.vacancy .more h2 {margin-bottom: 15px;}
	.vacancy .more__row {grid-gap: 10px;}
	.vacancy .more__item {line-height: 20px; height: 82px; padding: 20px 15px;}
	.vacancy .more__item small {font-size: 14px;}
	.vacancy .more__item span {font-size: 18px;}
	.vacancy .more__item--salary {order: 1; width: 100%; height: 85px;}
	.vacancy .more__item--salary img {right: 33px; width: 36px;}
	.vacancy .more__item--compensation {order: 2; width: calc(62% - 5px);}
	.vacancy .more__item--employment {order: 4; width: 100%;}
	.vacancy .more__item--employment img {top: 20px; width: 40px;}
	.vacancy .more__item--career {order: 3; width: calc(38% - 5px);}
	.vacancy .more__item--training {order: 7; width: 100%;}
	.vacancy .more__item--training img {right: 30px; top: 32px; width: 48px;}
	.vacancy .more__item--scholarship {order: 6; width: calc(55% - 5px);}
	.vacancy .more__item--schedule {order: 5; width: calc(45% - 5px);}

	.vacancies-gallery {margin-bottom: 40px;}
	.vacancies-gallery__row {grid-gap: 10px;}
	.vacancies-gallery__row {display: none;}
	.vacancies-gallery__row--mb {display: flex; justify-content: space-between;}
	.vacancies-gallery__item {height: 320px; border-radius: 5px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
	.vacancies-gallery__item:nth-child(1) {width: 100%; margin-left: -15px; background-image: url(/o-kompanii/vakansii/lib/../images/gallery/g-20260421-1.jpg);}    
	.vacancies-gallery__item:nth-child(2) {width: calc(33.3% - 7px); background-image: url(/o-kompanii/vakansii/lib/../images/gallery/g-20260421-3.jpg);}
	.vacancies-gallery__item:nth-child(3) {width: calc(33.3% - 7px); background-image: url(/o-kompanii/vakansii/lib/../images/gallery/g-20260421-4.jpg);}
	.vacancies-gallery__item:nth-child(4) {width: calc(33.3% - 7px); background-image: url(/o-kompanii/vakansii/lib/../images/gallery/g-20260421-5.jpg);}    
	.vacancies-gallery__item:nth-child(5) {width: 45.5%; background-image: url(/o-kompanii/vakansii/lib/../images/gallery/g-20260421-2.jpg);}
	.vacancies-gallery__item:nth-child(6) {width: 55%; margin-right: -15px; background-image: url(/o-kompanii/vakansii/lib/../images/gallery/gallery-8.jpg);}

	.vacancy-phones {gap: 11px; margin-top: 8px;}
	.vacancy-phones > a {gap: 4px;}
	.vacancy-phones img {width: 16px; height: auto;}
}

@media (max-width: 768px) {
	.vacancies-gallery__item {height: 240px;}
	.vacancies-gallery__item:nth-child(1) {width: 100%; margin-left: -15px; background-image: url(/o-kompanii/vakansii/lib/../images/gallery-mb/g-20260421-1.jpg);}    
	.vacancies-gallery__item:nth-child(2) {width: calc(33.3% - 8px); background-image: url(/o-kompanii/vakansii/lib/../images/gallery-mb/g-20260421-3.jpg);}
	.vacancies-gallery__item:nth-child(3) {width: calc(33.3% - 8px); background-image: url(/o-kompanii/vakansii/lib/../images/gallery-mb/g-20260421-4.jpg);}
	.vacancies-gallery__item:nth-child(4) {width: calc(33.3% - 8px); background-image: url(/o-kompanii/vakansii/lib/../images/gallery-mb/g-20260421-5.jpg);}    
	.vacancies-gallery__item:nth-child(7) {width: 45.5%; background-image: url(/o-kompanii/vakansii/lib/../images/gallery-mb/g-20260421-2.jpg);}
	.vacancies-gallery__item:nth-child(8) {width: 55%; margin-right: -15px; background-image: url(/o-kompanii/vakansii/lib/../images/gallery-mb/gallery-8.jpg);}
}

@media (max-width: 684px) {
	.vacancies-gallery__item {height: 210px;}
}

@media (max-width: 485px) {
	.vacancies-gallery__item {height: 170px;}
}

@media (max-width: 425px) {
    .vacancies-gallery__item:nth-child(2) {width: calc(33.3% - 10px);}
	.vacancies-gallery__item:nth-child(3) {width: calc(33.3% - 10px);}
	.vacancies-gallery__item:nth-child(4) {width: calc(33.3% - 10px);}   
}
@media (max-width: 385px) {
	.vacancies-gallery__item {height: 113px;}
}

@media (max-width: 360px) {
	.vacancy-phones {flex-wrap: wrap;}
}

/* End */
/* /o-kompanii/vakansii/lib/style.css?177683800711759 */