.job-first {
    position: relative;
    height: 816px;
    width: 100%;
    background: url('/images/jobbg.png') no-repeat right center;
    background-size: contain;
    overflow: hidden;
}
.job-first::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, white 35%, transparent 80%);
    pointer-events: none;
}
.job-banner-flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* z-index: 9999; */
    position: relative;
	gap: 64px;
	height: 100%;
	justify-content: flex-end;
	z-index: 9;
}
.job-first > .wrapper.is-styled{
	height: 624px;
}
.jbf-link{
	padding-top: 100px;
}
.jbf-title{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.jbf-title-one{
	font-size: 60px;
	font-weight: 500;
	line-height: 72px;
	text-transform: uppercase;
	color: #fff;
	background-color: #44C69A;
	padding: 8px 32px;
	width: max-content;
}
.jbf-title-two{
	font-size: 44px;
	font-weight: 500;
	line-height: 48px;
	text-transform: uppercase;
	color: #fff;
	background-color: #0091CC;
	padding: 4px 32px;
	width: max-content;
}
.jbf-subtitle{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.jbf-subtitle-one{
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	text-transform: uppercase;
	color: #59606B;
	width: max-content;
}
.culture-first .jbf-subtitle-one{
	color: #000;
}
.jbf-subtitle-two{
	font-size: 24px;
	font-weight: 500;
	line-height: 28px;
	text-transform: uppercase;
	width: max-content;
	display: flex;
	gap: 8px;
}
.jbf-subtitle-two span:nth-child(2n){
	color: #59606B;
}
.jbf-subtitle-two span:nth-child(2n-1){
	color: #0091CC;
}
.jbf-link{
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0.5px;
}
.jbf-link a {
    color: #000000;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
	gap: 28px;
	cursor: pointer;
	
}
.jbf-link a .jbf-link-text{
	border-bottom: 1px solid transparent;
	transition: border-color 0.4s ease;
}
.arrow-container {
  display: flex;
  align-items: center;
  cursor: pointer;
  width: fit-content;
  margin-bottom: 7px;
}

.arrow-line {
  height: 2px;
  /* background-color: #0091CC; */
  background-color: #000;
  width: 30px;
  transition: width 0.4s ease;
}

.arrow-head {
  width: 10px;
  height: 10px;
  /* border-top: 2px solid #0091CC;
  border-right: 2px solid #0091CC; */
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: rotate(45deg);
  position: relative;
  left: -12px;
  transition: transform 0.4s ease;
}

.jbf-link a:hover .arrow-line {
  width: 100px;
  background-color: #0091CC;
}

.jbf-link a:hover .arrow-head {
  transform: rotate(45deg); /* Без смещения */
  border-top: 2px solid #0091CC;
  border-right: 2px solid #0091CC;
}
.jbf-link a .jbf-link-text{
	border-bottom: 1px solid  #000;
}
.jbf-link a:hover .jbf-link-text{
	border-bottom: 1px solid  #0091CC;
}
.job-banner-img {
    position: absolute;
    /* top: 0; */
    right: 200px;
    bottom: 0;
}
.job-send-mail {
    position: absolute;
    right: 120px;
    bottom: 30px;
    width: 145px;
    height: 145px;
}
.job-send-mail a {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  line-height: 10px;
}
.job-send-mail a:hover{
	cursor: pointer;
}
.job-send-mail img {
  width: 88px; /* Размер кнопки */
  height: 88px;
  border-radius: 50%;
}
.rotating-text {
    position: absolute;
    width: 145px;
    height: 145px;
    top: 0;
    left: 0;
    animation: rotate 16s linear infinite;
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.job-second {
    /* background: #F2F3F4; */
    padding: 100px 0;
    background: #F2F3F4 url(/images/jobbg2.png) no-repeat;
    background-position: top 40% right 27%;
}
/* .job-second .wrapper.is-styled {
    background: url('/images/jobbg2.png') no-repeat;
    background-position: top right 50px;
} */
.job-second-title{
	font-size: 44px;
	line-height: 56px;
	font-weight: 500;
	text-transform: uppercase;
	max-width: 900px;
	margin-bottom: 64px;
}
.job-second-title span {
    color: #fff;
    background: #0091CC;
    padding: 0 18px;
    display: inline-block;
    margin-left: 6px;
}
.job-second-grid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}
.jsg-item{
	/* max-width: 364px; */
	display :flex;
	gap: 20px;
	padding: 20px;
	background: #fff;
}
.item-pos3, .item-pos6{
	background: transparent;
}
.jsg-item-text{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.jsg-item-title{
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	text-transform: uppercase;
	max-width: 200px;
}
.jsg-item-subtitle{
	font-size: 14px;
	line-height: 16px;
}
.job-third{
	padding: 100px 0;
}
.job-third .wrapper.is-styled{
	display: flex;
	gap: 40px;
	flex-direction: column;
}
.job-third-title{
	font-size: 44px;
	line-height: 56px;
	font-weight: 500;
	text-transform: uppercase;
}
.job-third-grid{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
}
.jtg-item {
    background: #F2F3F4;
    padding: 12px 20px;
    transition: .4s;
    display: flex;
    flex-direction: column;
    /* align-items: revert; */
    justify-content: center;
}
.jtg-item a{
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	text-transform: uppercase;
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	gap: 10px;
	min-height: 41px;
}
.jtg-item a i {
    width: 32px;
    min-width: 32px;
    height: 32px;
    min-height: 32px;
    border-radius: 50%;
    background: #0091CC;
    position: relative;
	transition: .4s;
}
.jtg-item a i:before {
    content: "";
    display: flex;
    width: 18px;
    height: 18px;
    background: url('/images/carrow.svg') no-repeat;
    position: absolute;
    top: 7px;
    left: 7px;
    background-size: contain;
}
.jtg-item:hover i{
	background: #fff;
}
.jtg-item:hover{
	background: #0091CC;
	color: #fff;
}
.jtg-item:hover i:before{
	filter: invert(39%) sepia(84%) saturate(2559%) hue-rotate(172deg) brightness(94%) contrast(101%);
}
.job-third-filter{
	display: flex;
	gap: 20px;
	margin-bottom: 40px;
}
.jtf-item{
	border: 1px solid #C8C8C8;
	color: #0091CC;
	padding: 7px 16px;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	width: max-content !important;
	transition: .2s;
}
.jtf-item:hover{
	border: 1px solid #0091CC;
}
.jtf-item.active{
	border: 1px solid #44C69A;
	color: #44C69A;
}
.job-third-mails{
	display: flex;
	gap: 32px;
	padding-top: 20px;
}
.jtm-slider{
	display: grid;
	gap: 40px;
	grid-template-columns: repeat(4, 1fr);
}
.jtm-slide {
    display: flex;
    gap: 20px;
    align-items: center;
}
.jtm-slide-img img{
	border-radius: 50%;
	overflow: hidden;
}
.jtm-slide-info{
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.jtm-text{
	display: flex;
	flex-direction: column;
	gap: 16px;
}
.jtm-text-title{
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	text-transform: uppercase;
}
.jtm-text-desc{
	font-size: 14px;
	line-height: 16px;
}
.jtm-slide-name{
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	text-wrap: nowrap;
}
.jtm-slide-mail a{
	font-size: 14px;
	line-height: 16px;
	text-wrap: nowrap;
	color: #0091CC;
}
.job-four{
	background: #F2F3F4;
	padding: 100px 0;
}
.job-four .wrapper.is-styled{
	display: flex;
	flex-direction: column;
	gap: 40px;
	overflow: hidden;
}
.job-four-title{
	font-size: 44px;
	line-height: 56px;
	font-weight: 500;
	text-transform: uppercase;
}
.job-four-title span {
    color: #fff;
    background: #0091CC;
    padding: 0 12px;
    display: inline-block;
	width: max-content;
}
.job-four-filter{
	display: flex;
	gap: 20px;
}
.jff-item{
	border: 1px solid #C8C8C8;
	color: #0091CC;
	padding: 7px 16px;
	font-size: 16px;
	line-height: 24px;
	cursor: pointer;
	background: transparent;
	transition: .2s;
}
.jff-item:hover{
	border: 1px solid #0091CC;
}
.jff-item.active{
	border: 1px solid #44C69A;
	color: #44C69A;
}
.job-four-slider{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
}
.job-four .slick-dots, .job-last .slick-dots{
	position: relative;
	margin: 0;
	text-align: left;
	bottom: 0;
}
.job-four .slick-dots li button, .job-last .slick-dots li button {
    width: 10px;
    height: 10px;
    background: rgba(68, 198, 154, 0.5);
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
	background: rgba(0, 145, 204, 0.5);
}
.job-four .is-styled ul li::before, .job-last .is-styled ul li::before {
    display: none;
}
.job-four .is-styled ul li, .job-last .is-styled ul li {
    padding-left: 0;
	margin: 0 10px 0 0;
}
.job-four .slick-dots li.slick-active button, .job-last .slick-dots li.slick-active button {
    background: #0091CC;
}
.job-five{
	height: 672px;
	background: url('/images/job/bg3back.png') no-repeat right center;
	position: relative;
    width: 100%;
    background-size: contain;
    overflow: hidden;
}
.job-five::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, white 35%, transparent 80%);
    pointer-events: none;
}
.job-five > .wrapper.is-styled{
	height: 672px;
	padding: 100px 0;
}
.job-five-flex-title{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.job-five-flex-title-one{
	font-size: 60px;
	font-weight: 500;
	line-height: 72px;
	text-transform: uppercase;
	color: #fff;
	background-color: #44C69A;
	padding: 8px 32px;
	width: max-content;
}
.job-five-flex-title-two{
	font-size: 44px;
	font-weight: 500;
	line-height: 48px;
	text-transform: uppercase;
	color: #fff;
	background-color: #0091CC;
	padding: 4px 32px;
	width: max-content;
}
.job-five-flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
    /* z-index: 9999; */
    position: relative;
	gap: 88px;
	height: 100%;
}
.job-five-flex-subtitle{
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	text-transform: uppercase;
}
.job-five-flex-link-text{
	font-size: 26px;
	line-height: 32px;
	letter-spacing: .5px;
	color: #000;
	border-bottom: 1px solid transparent;
	transition: border-color 0.4s ease;
}
.job-five-flex-link a{
	display: flex;
	gap: 28px;
}
.job-five-flex-link .arrow-container{
	margin-bottom: 0;
}
.job-five-flex-link .arrow-line {
    background-color: #000;
}
.job-five-flex-link .arrow-head {
    border-top: 2px solid #000;
    border-right: 2px solid #000;
}
.job-five-flex-link a:hover .arrow-line {
  width: 100px;
   background-color: #0091CC;
}

.job-five-flex-link a:hover .arrow-head {
  transform: rotate(45deg); /* Без смещения */
  border-top: 2px solid #0091CC;
  border-right: 2px solid #0091CC;
}
.job-five-flex-link a:hover .job-five-flex-link-text{
	border-bottom: 1px solid  #0091CC;
}
.job-five-flex-block{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.job-five-flex-soc{
	display: flex;
}
.job-five-flex-soc-text, .job-last-soc-text2{
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	padding: 14px 26px 12px 26px;
	background: #44C69A;
	width: max-content;
	color: #fff;
	text-transform: uppercase;
	height: max-content;
	transition: .2s;
}
.job-five-flex-soc-text:hover, .job-last-soc-text2:hover{
	background: #25a076;
}
.job-five-flex-soc-ico, .job-last-soc-ico {
    width: max-content;
    border-radius: 50%;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
	height: 40px;
	transition: .2s;
}
.job-five-flex-soc-ico img, .job-five-flex-soc-ico a, .job-last-soc-ico a, .job-last-soc-ico img{
	width: 25px;
	height: 25px;
}
.joc-ico-green{
	background: #44C69A;
	margin: 0 20px 0 40px;
}
.joc-ico-green:hover{
	background: #25a076;
}
.joc-ico-blue{
	background: #0091CC;
}
.joc-ico-blue:hover{
	background: #1066a4;
}
.job-five-flex-soc > *, .jlb-buttons > *{
	cursor: pointer;
}
.job-six{
	background:#F2F3F4;
	padding: 100px 0;
	position: relative;
}
.job-six-content{
	display: grid;
    grid-template-columns: repeat(2, 1fr);
	gap: 30px;
}
.job-six-form{
	display: flex;
	flex-direction: column;
	gap: 40px;
	max-width: 678px;
}
.job-six-title {
    font-size: 44px;
    font-weight: 500;
    line-height: 56px;
    text-transform: uppercase;
    
}
.job-six-title span {
    background-color: #0091CC;
    padding: 4px 12px;
	color: #fff;
}
.job-six-map{
	position: absolute;
    right: 0;
    top: 0;
	max-width: calc(50% - 30px);
	height: 100%;
	width: -webkit-fill-available;
}
.job-six-map img{
	height: 100%;
    width: -webkit-fill-available;
}
.job-six-map iframe{
	max-height: 100%;
}
.map-sklad{
	display: none;
}
.job-six-filter {
    display: flex;
    gap: 20px;
}
.job-six-filter-item {
    border: 1px solid #C8C8C8;
    color: #0091CC;
    padding: 7px 16px;
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
	transition: .2s;
}
.job-six-filter-item:hover{
	border: 1px solid #0091CC;
}
.job-six-filter-item.active {
    border: 1px solid #44C69A;
    color: #44C69A;
}
.job-six-contact{
	display: none;
	grid-template-columns: repeat(2, 1fr);
	grid-template-areas: "con-0 con-0"
						 "con-1 con-2";
	grid-column-gap: 20px;
    grid-row-gap: 12px;
}
.job-six-contact.active{
	display: grid;
}
.job-six-contact > * {
	background: #fff;
	padding: 16px 20px;
	display: flex;
	gap : 12px;
	align-items: center;
}
.jsc-address{
	grid-area: con-0;
}
.jsc-phone{
	grid-area: con-1;
}

.jsc-mail{
	grid-area: con-2;
}
.job-six-contact > .jsc-phone, .job-six-contact > .jsc-mail{
	align-items: flex-start;
}
.job-six-contact > * div{
	display: flex;
	flex-direction: column;
	gap: 4px;
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
}
.job-six-contact a{
	color: #000;
	transition: .2s;
}
.job-six-contact a:hover{
	color: #44C69A;
}
.job-six-contact > * div span{
	color: #757575;
	font-size: 12px;
	line-height: 16px;
}
.job-six-text{
	padding: 20px 0 0 0;
}
.jst-link a{
	font-weight: 400 !important;
	cursor: pointer;
}
#modal-popap-vacanci{
	
}
@keyframes ani {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes closeAni {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.modal-vacanci-block {
    display: block;
    animation: ani 0.3s forwards linear;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 1236px;
    background: white;
}

.modal-vacanci-block.closing, .modal-vacanci-bg.closing {
    animation: closeAni 0.3s forwards linear;
}

.modal-vacanci-bg {
    background: rgba(3, 44, 71, .5);
    /* opacity: 0.4; */
	animation: ani 0.3s forwards linear;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9998;
}
.modal-vacanci-content {
    padding: 32px 48px;
    /* background: white; */
    z-index: 99999;
    position: relative;
    /* width: 1236px; */
    border-radius: 5px;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.modal-vacanci-close {
    position: fixed;
    /* content: "✖"; */
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-position: center center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.modal-vacanci-title{
	font-size: 30px;
	line-height: 40px;
	font-weight: 500;
	color: #0091cc;
	text-align: center;
}
.modal-vacanci-close svg{
    fill: #44c69a;
    -webkit-transition: fill .2s;
    -o-transition: fill .2s;
    transition: fill .2s;
}
.modal-vacanci-description{
	display: grid;
	grid-template-areas:
        "vac-0 vac-0"
        "vac-1 vac-2";
    /* grid-template-rows: repeat(2, 1fr); */
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    grid-row-gap: 20px;
}
.vacancy-description{
	grid-area: vac-0;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 12px 0;
	font-size: 14px;
}
.vacancy-description p{
	margin-bottom: 0;
}
.vacancy-responsibility{
	grid-area: vac-1;
	font-size: 14px;
}
.vacancy-requirements{
	grid-area: vac-2;
	font-size: 14px;
}
.vacanci-sybtitle{
	font-size: 18px;
	font-weight: 700;
	line-height: 22px;
	color: #0091cc;
	margin-bottom: 12px;
}
.vacancy-responsibility ul, .vacancy-requirements ul{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.vacancy-responsibility ul li, .vacancy-requirements ul li{
	display: flex;
	gap: 10px;
	line-height: 20px;
}
.vacancy-responsibility ul li:before, .vacancy-requirements ul li:before {
    display: block;
    width: 4px;
    min-width: 4px;
    height: 4px;
    min-height: 4px;
    content: "";
    background: #44c69a;
    margin-top: 7px;
}
.get-vacanci-form{
	background: #44c69a;
	color: #fff;
	width: max-content;
	margin: 0 auto;
	padding: 14px 26px 12px 26px;
	text-transform: uppercase;
	font-weight: 500;
	cursor: pointer;
	font-size: 14px;
}
.mvb-flex{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}
.mvb-flex .modal-vacanci-image img{
	height: 100%;
}
.mvf-title{
	color: #0091CC;
	font-size: 30px;
	line-height: 40px;
	font-weight: 500;
	margin-bottom: 12px;
}
.mvb-flex .modal-form div.form-item-label{
	font-size: 10px;
	font-weight: 300;
	text-transform: uppercase;
}
.mvb-flex .resume-file {
    margin-top: 0;
    margin-bottom: 0;
}
.mvb-flex .input-element {
    margin-bottom: 0;
}
.mvb-flex .modal-form{
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.mvb-flex .form-confirm {
    margin-bottom: 12px;
}
.mvb-flex .input-element input, .mvb-flex .input-element select {
    padding: 10px 11px;
}
.mvb-flex .resume-file__text{
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 12px;
}
.mvb-flex .input-file{
	margin-bottom: 12px;
}
.mvb-flex .checkbox-element, .mvb-flex .radio-element {
    margin-bottom: 0px;
}
.jf-flex-block{
	display: flex;
    flex-direction: column;
    gap: 40px;
}
.jf-flex-block .slick-dots, .job-last .slick-dots{
	margin-top: 40px;
}
.jf-flex-block .slick-dotted.slick-slider {
    margin-bottom: 0;
}
.jf-flex-block .slick-track {
    margin-left: 0;
    margin-right: 0;
}
#modal-popap-vacanci select {
    background: url('/images/job/arrow-form.svg') no-repeat;
    background-position: 96% center;
}
.form-flex-send{
	display: flex;
	gap: 24px;
	align-items: center;
}
.form-flex-send button{
	background: #44C69A;
	color: #fff;
}
.form-information{
	font-weight: 300;
	font-size: 12px;
}
.mvi-notebook{
	display: none;
}
.job-six-map-mobile{
	display: none;
}
.culture-grid{
    grid-template-columns: repeat(3, 1fr);
}
.culture-grid .item-pos3, .culture-grid .item-pos6 {
    background: #fff;
}
.culture-first .job-banner-img {
    right: 0;
	max-width: 1040px;
	display: flex;
    justify-content: flex-end;
}
.culture-first .job-banner-img img{
    max-width: 95%;
}
.culture-first  {
    background: url('/images/job/cultbg.png') no-repeat right center;
}
.culture-first > .wrapper.is-styled {
    height: 590px;
}
.culture-second {
    background: #F2F3F4 url(/images/job/cultbg2.png) no-repeat;
	    background-position: bottom 0 right 0 !important;
}
.culture-third .job-third-title{
	font-size: 44px;
    line-height: 56px;
    font-weight: 500;
    text-transform: uppercase;
}
.culture-third .job-third-title span{
	color: #fff;
    background: #0091CC;
    padding: 0 8px;
    display: inline-block;
}
.culture-third .job-third-text{
	font-size: 28px;
    line-height: 32px;
    font-weight: 500;
	text-transform: uppercase;
}
.job-gallery-slider{
	display: flex;
	gap: 23px;
}
main.page-content{
	padding-bottom: 0px;
}
.only-sklad{
	display: none;
}
.culter-four-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.jfg-item{
	background: #fff;
	padding: 20px;
	display: flex;
	gap: 20px;
	align-items: center;
	cursor: pointer;
}
.jfg-item-title{
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	text-transform: uppercase;
}
.jfg-item-info{
	display: none;
	color: #FFFFFF;
	font-size: 20px;
	line-height: 24px;
	font-weight: 500;
	text-align: center;
}
.jfg-item:hover{
	background: #0091CC;
	justify-content: center;
}
.jfg-item:hover .jfg-item-img, .jfg-item:hover .jfg-item-text{
	display: none;
}
.jfg-item:hover .jfg-item-info{
	display: flex;
}
.jfg-item.jfg-cen1:hover{
	background: #0091CC url('/images/job/cen1w.svg') no-repeat;
}
.jfg-item.jfg-cen2:hover{
	background: #0091CC url('/images/job/cen2w.svg') no-repeat;
}
.jfg-item.jfg-cen3:hover{
	background: #0091CC url('/images/job/cen3w.svg') no-repeat;
}
.jfg-item.jfg-cen4:hover{
	background: #0091CC url('/images/job/cen4w.svg') no-repeat;
}
.jfg-item.jfg-cen5:hover{
	background: #0091CC url('/images/job/cen5w.svg') no-repeat;
}
.jfg-item.jfg-cen6:hover{
	background: #0091CC url('/images/job/cen6w.svg') no-repeat;
}
.job-last-block {
    display: flex;
    gap: 40px;
    justify-content: space-between;
    align-items: baseline;
    width: calc(100% - 30px);
}
.job-last{
	padding: 100px 0 120px 0;
}
.job-last-title{
	font-size: 44px;
	line-height: 56px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 40px;
}
.jlb-text{
	font-size: 24px;
	line-height: 28px;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.jlb-buttons{
	display: flex;
	gap: 20px;
}
.job-last-soc-text1{
	font-size: 14px;
	line-height: 14px;
	font-weight: 500;
	padding: 14px 26px 12px 26px;
	background: #0091CC;
	transition: .2s;
	width: max-content;
	color: #fff;
	text-transform: uppercase;
	height: max-content;
}
.job-last-soc-text1 a{
	color: #fff;
}
.job-last-soc-text1:hover{
	background: #1066a4;
}
.job-last .joc-ico-green {
    margin: 0;
}
.job-last .joc-ico-blue {
    margin: 0 0 0 20px;
}
.job-four-snos{
	font-size: 16px;
	line-height: 24px;
}
.culter-four-grid .jfg-item {
	/* height: 67px; */
	transition: .4s;
}
.job-last .slick-slide, .job-four .slick-slide {
    padding: 0 30px 0 0;
}
.job-last .slick-slide img, .job-four .slick-slide img{
	width: -webkit-fill-available;
	width: -moz-available;
}
.culture-second .jsg-item-title{
	max-width: 100%;
}
.job-last-information{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 40px;
	width: calc(100% - 30px);
	margin-top: 100px;
}
.jli-big-text{
	font-size: 44px;
	line-height: 56px;
	text-transform: uppercase;
	font-weight: 500;
}
.job-last-soc-text2 a{
	color: #fff;
}
.anchor-offset {
    position: relative;
    /* top: -100px; */
    padding-top: 100px;
    margin-top: -100px;
}
.culture-gallery-slider{
	display: flex;
	gap: 30px;
}
.job-last .wrapper.is-styled{
	overflow: hidden;
}
.map-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: transparent;
    cursor: pointer;
}
.job-banner-img img {
    position: relative;
}
@media screen and (max-height: 920px) {
	.mvb-flex .modal-vacanci-content, .modal-vacanci-content {
		padding: 32px;
		overflow-y: scroll;
		scrollbar-width: thin;
		scrollbar-color: #0091CC #eeeeee;
		height: -webkit-fill-available;
	}
	.modal-vacanci-block {
		width: 616px;
		max-height: 550px;
		overflow: hidden;
		height: 100%;
	}
}
@media screen and (max-width: 1550px){
	.job-banner-flex {
		gap: 40px;
	}
	.jbf-title-one {
		font-size: 40px;
		line-height: 48px;
		padding: 8px 24px;
	}
	.jbf-title-two {
		font-size: 32px;
		line-height: 40px;
		padding: 4px 24px;
	}
	.jbf-subtitle-one {
		font-size: 18px;
	}
	.jbf-subtitle-two {
		font-size: 20px;
		line-height: 24px;
		gap: 4px;
	}
	.jbf-link {
		font-size: 20px;
		line-height: 24px;
	}
	.job-banner-img {
		right: 150px;
	}
	.job-banner-img img{
		max-height: 465px;
	}
	.culture-first .job-banner-img img{
		max-height: 495px;
	}
	.jbf-link {
		padding-top: 80px;
	}
	.job-first {
		height: 560px;
	}
	.job-first > .wrapper.is-styled {
		height: 428px;
	}
	.job-send-mail {
		right: 20px;
		bottom: 20px;
		width: 110px;
		height: 110px;
	}
	.job-send-mail img {
		width: 68px;
		height: 68px;
	}
	.rotating-text {
		width: 110px;
		height: 110px;
	}
	.job-second-title {
		font-size: 32px;
		line-height: 40px;
		margin-bottom: 40px;
	}
	.job-second {
		padding: 80px 0;
		background-position: top 50% right 0%;
	}
	.job-second-grid {
		grid-template-columns: repeat(3, 1fr);
		gap: 20px;
		grid-template-areas:
        "pos-1 pos-2 pos-3"
        "pos-4 pos-5 pos-6"
        "pos-7 pos-8 pos-9"
        "pos-10 pos-11 pos-12";
	}
	.item-pos1{
		grid-area: pos-1;
	}
	.item-pos2{
		grid-area: pos-2;
	}
	.item-pos3{
		grid-area: pos-3;
	}
	.item-pos4{
		grid-area: pos-10;
	}
	.item-pos5{
		grid-area: pos-5;
	}
	.item-pos6{
		grid-area: pos-7;
	}
	.item-pos7{
		grid-area: pos-6;
	}
	.item-pos8{
		grid-area: pos-8;
	}
	.item-pos9{
		grid-area: pos-9;
	}
	.item-pos10{
		grid-area: pos-4;
	}
	.item-pos11{
		grid-area: pos-11;
	}
	.item-pos12{
		grid-area: pos-12;
	}
	.jsg-item-img img{
		max-height: 40px;
	}
	.jsg-item-title {
		font-size: 18px;
		line-height: 24px;
	}
	.job-third {
		padding: 80px 0;
	}
	.job-third-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.job-third-mails {
		flex-direction: column;
		padding-top: 12px;
	}
	.jtm-text-title {
		font-size: 18px;
		line-height: 20px;
	}
	.jtm-text {
		gap: 12px;
	}
	.jtm-slide-name {
		font-size: 14px;
		line-height: 16px;
	}
	.jtm-slide-info {
		gap: 4px;
	}
	.jtm-slide {
		gap: 12px;
	}
	.jtm-slide-img img {
		width: 40px;
		height: 40px;
	}
	.job-third-title {
		font-size: 32px;
		line-height: 40px;
	}
	.job-four-title {
		font-size: 32px;
		line-height: 40px;
	}
	.job-four {
		padding: 80px 0;
	}
	.job-five-flex-title-one {
		font-size: 40px;
		line-height: 48px;
	}
	.job-five-flex-title-two {
		font-size: 32px;
		line-height: 40px;
	}
	.job-five-flex-subtitle {
		font-size: 20px;
		line-height: 24px;
	}
	.job-five-flex-block {
		gap: 12px;
	}
	.job-five-flex-link-text {
		font-size: 20px;
		line-height: 24px;
	}
	.job-five > .wrapper.is-styled {
		height: 512px;
		padding: 80px 0;
	}
	.job-five-flex {
		gap: 64px;
	}
	.job-five {
		height: 512px;
	}
	.job-five .job-banner-img {
		right: 90px;
	}
	.job-five .job-banner-img img {
		max-height: 510px;
	}
	.job-six-title {
		font-size: 32px;
		line-height: 40px;
		gap: 8px;
		display: flex;
		flex-direction: column;
		margin-bottom:20px;
	}	
	.job-six-title span {
		width: max-content;
	}
	.job-six {
		padding: 80px 0;
	}
	.job-six-form {
		gap: 20px;
		max-width: max-content;
	}
	.job-six-content {
		gap: 0;
	}
	.job-six-contact > * {
		align-items: flex-start;
		padding: 12px 20px 12px 12px;
	}
	.job-second-title span {
		padding: 0 12px;
		margin-left: 0;
	}
	.job-third-filter .slick-slide {
		padding: 0 20px 0 0; /* добавить отступы между слайдами */
	}
	.job-four .slick-slide {
		padding: 0 20px 0 0; /* добавить отступы между слайдами */
	}
	.job-four .slick-slide img {
		width: -webkit-fill-available;
		width: -moz-available;
	}
	.modal-vacanci-block {
		width: 858px;
		/* height: 640px;
		overflow-y: scroll; */
	}
	.modal-vacanci-image {
		overflow: hidden;
	}
	.mvb-flex .modal-form {
		width: auto !important;
	}
	.mvb-flex .modal-form .form-row {
		flex-direction: column;
		gap: 10px;
	}
	.mvb-flex .form-col {
		width: 100% !important;
	}
	.mvb-flex .form-col:nth-child(odd) {
		padding-right: 0;
	}
	.mvb-flex .form-col:nth-child(even) {
		padding-left: 0;
	}
	.mvb-flex .modal-vacanci-image img {
		display: none;
	}
	.mvb-flex .modal-vacanci-image img.mvi-notebook {
		display: block;
	}
	.arrow-line {
		width: 30px;
	}
	.jsg-item {
		padding: 12px 20px 12px 12px;
	}
	.culture-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
        "pos-1 pos-2"
        "pos-3 pos-4"
        "pos-5 pos-6"
        "pos-7 pos-8"
        "pos-9 pos-10"
        "pos-11 pos-12";
	}
	.culter-four-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
	.jfg-item {
		padding: 12px;
	}
	.jfg-item-img img{
		width: 40px;
		height: 40px;
	}
	.jfg-item-title {
		font-size: 18px;
		line-height: 24px;
	}
	.job-four-snos{
		font-size: 14px;
		line-height: 20px;
	}
	.job-last {
		padding: 80px 0;
	}
	.job-last-title {
		font-size: 32px;
		line-height: 40px;
	}
	.jlb-text {
		font-size: 20px;
		line-height: 24px;
	}
	.job-last .slick-slide, .job-four .slick-slide {
		padding: 0 20px 0 0;
	}
	.job-last-block, .job-last-information {
		width: calc(100% - 20px);
		margin-top: 80px;
	}
	.culture-third .job-third-title {
		font-size: 32px;
		line-height: 40px;
	}
	.culture-third .job-third-text {
		font-size: 20px;
		line-height: 24px;
	}
	.jfg-item-info {
		font-size: 16px;
		line-height: 20px;
	}
	.job-third-filter{
		-webkit-mask-image: linear-gradient(to right, black 90%, transparent 100%);
		mask-image: linear-gradient(to right, black 90%, transparent 100%);
	}
	.jli-big-text {
		font-size: 32px;
		line-height: 40px;
	}
	.culture-grid .item-pos2 {
		grid-area: pos-1;
	}
	.culture-grid .item-pos9 {
		grid-area: pos-2;
	}
	.culture-grid .item-pos5 {
		grid-area: pos-3;
	}
	.culture-grid .item-pos6 {
		grid-area: pos-4;
	}
	.culture-grid .item-pos3 {
		grid-area: pos-5;
	}
	.culture-grid .item-pos1 {
		grid-area: pos-6;
	}
	.culture-grid .item-pos7 {
		grid-area: pos-7;
	}
	.culture-grid .item-pos4 {
		grid-area: pos-8;
	}
	.culture-grid .item-pos8 {
		grid-area: pos-9;
	}
	.culture-grid .item-pos11 {
		grid-area: pos-10;
	}
	.culture-grid .item-pos12 {
		grid-area: pos-11;
	}
	.culture-grid .item-pos10 {
		grid-area: pos-12;
	}
}
@media screen and (max-width: 1300px){
	.culture-first .job-banner-img img {
		max-height: 465px;
	}
}
@media screen and (max-width: 1100px){
	.job-banner-img {
		right: 90px;
	}
	.jbf-title-one {
		font-size: 32px;
		line-height: 40px;
		padding: 2px 16px;
	}
	.jbf-title-two {
		font-size: 24px;
		line-height: 28px;
		padding: 4px 16px;
	}
	.jbf-subtitle-one {
		font-size: 14px;
		line-height: 20px;
	}
	.jbf-subtitle-two {
		font-size: 16px;
		line-height: 20px;
	}
	.jbf-link {
		font-size: 16px;
		line-height: 20px;
	}
	.arrow-container {
		margin-bottom: 5px;
	}
	.job-banner-flex {
		gap: 32px;
	}
	.job-first {
		height: 410px;
	}
	.job-banner-img img {
		max-height: 385px;
	}
	.jbf-link {
		padding-top: 40px;
	}
	.job-first > .wrapper.is-styled {
		height: 310px;
	}
	.jbf-subtitle {
		gap: 4px;
	}
	.job-second-title {
		font-size: 24px;
		line-height: 28px;
		max-width: 500px;
	}
	.job-second {
		padding: 64px 0;
		background-position: top 43% right 0%;
		background-size: 887px;
	}
	.job-second-grid {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas:
			"pos-1 pos-2"
			"pos-3 pos-4"
			"pos-5 pos-6"
			"pos-7 pos-8"
			"pos-9 pos-10"
			"pos-11 pos-12";
	}
	.item-pos1{
		grid-area: pos-1;
	}
	.item-pos2{
		grid-area: pos-3;
	}
	.item-pos3{
		grid-area: pos-2;
	}
	.item-pos4{
		grid-area: pos-4;
	}
	.item-pos5{
		grid-area: pos-5;
	}
	.item-pos6{
		grid-area: pos-7;
	}
	.item-pos7{
		grid-area: pos-6;
	}
	.item-pos8{
		grid-area: pos-8;
	}
	.item-pos9{
		grid-area: pos-9;
	}
	.item-pos10{
		grid-area: pos-10;
	}
	.item-pos11{
		grid-area: pos-11;
	}
	.item-pos12{
		grid-area: pos-12;
	}
	.jsg-item-text {
		gap: 4px;
	}
	.jsg-item-title {
		font-size: 16px;
		line-height: 20px;
	}
	.jsg-item-subtitle {
		font-size: 12px;
	}
	.job-third-title {
		font-size: 24px;
		line-height: 28px;
	}
	.job-third-filter .slick-slide {
		padding: 0 8px 0 0; /* добавить отступы между слайдами */
	}
	.job-third-filter {
		margin-bottom: 20px;
	}
	.job-third .wrapper.is-styled {
		gap: 20px;
	}
	.jtm-slide {
		display: flex !important;
	}
	.job-four-title {
		font-size: 24px;
		line-height: 28px;
	}
	.jff-item {
		font-size: 14px;
		line-height: 20px;
	}
	.job-four-filter {
		gap: 8px;
	}
	.jf-flex-block {
		gap: 20px;
	}
	.jf-flex-block .slick-dots {
		margin-top: 20px;
	}
	.job-four {
		padding: 64px 0;
	}
	.job-five-flex-title-one {
		font-size: 32px;
		line-height: 40px;
		padding: 2px 16px;
	}
	.job-five-flex-title-two {
		font-size: 24px;
		line-height: 28px;
		padding: 4px 16px;
	}
	.job-five-flex-subtitle {
		font-size: 16px;
		line-height: 20px;
	}
	.job-five-flex-link-text {
		font-size: 16px;
		line-height: 20px;
	}
	.job-five-flex {
		gap: 32px;
	}
	.joc-ico-green {
		margin: 0 12px 0 20px;
	}
	.job-five {
		height: 410px;
	}
	.job-five .job-banner-img img {
		max-height: 410px;
	}
	.job-five .job-banner-img {
		right: 70px;
	}
	.job-six-title {
		font-size: 24px;
		line-height: 28px;
		flex-direction: row;
		align-items: center;
	}
	.job-six-contact {
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas: "con-0"
							 "con-1"
							 "con-2";
	}
	.job-six-contact > * div {
		flex-direction: row;
		align-items: center;
		gap: 8px;
	}
	.jtm-slider .slick-slide {
		padding: 0 40px 0 0;
	}
	.job-five > .wrapper.is-styled {
		height: 410px;
	}
	.culture-second {
		background-size: 587px;
	}
	.culture-third .job-third-title {
		font-size: 24px;
		line-height: 28px;
	}
	.culture-third .job-third-text {
		font-size: 16px;
		line-height: 20px;
	}
	.jfg-item-info {
		font-size: 14px;
		line-height: 16px;
	}
	.job-last-block {
		flex-direction: column;
		gap: 32px;
		align-items: flex-start;
		margin-bottom: 40px;
	}
	.jlb-text {
		margin-bottom: 0;
	}
	.job-last .slick-dots{
		margin-top: 20px;
	}
	main.page-content {
		padding-top: 101px;
	}
	.jtm-slider{
		-webkit-mask-image: linear-gradient(to right, black 90%, transparent 100%);
		mask-image: linear-gradient(to right, black 90%, transparent 100%);
	}
	.job-last-information {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
		margin-top: 64px;
	}
	.job-six-filter-item {
		font-size: 14px;
		line-height: 20px;
	}
	.job-six-filter {
		gap: 8px;
	}
	.culture-first .job-banner-img img {
		max-height: 345px;
	}
}
@media screen and (max-width: 850px){
	.job-banner-img img {
		max-height: 295px;
	}
	.job-banner-img {
		right: 40px;
	}
	.job-send-mail img {
		width: 44px;
		height: 44px;
	}
	.rotating-text {
		width: 70px;
		height: 70px;
	}
	.job-send-mail {
		bottom: 12px;
		width: 70px;
		height: 70px;
	}
	.job-first {
		height: 370px;
	}
	.job-first > .wrapper.is-styled {
		height: 285px;
	}
	.job-second {
		padding: 64px 0;
		background-position: top 23% right 192%;
		background-size: 887px;
	}
	.job-second-grid {
		grid-column-gap: 20px;
        grid-row-gap: 12px;
	}
	.jtf-item {
		font-size: 14px;
		line-height: 20px;
	}
	.job-third-filter .slick-slide {
		padding: 0 8px 0 0;
	}
	.jtg-item {
		padding: 12px 12px 12px 20px;
	}
	.job-third-grid {
		grid-column-gap: 20px;
        grid-row-gap: 12px;
	}
	.job-five {
		height: 348px;
		background-size: 100% 100%;
	}
	.job-four {
		padding: 64px 0 40px 0;
	}
	.job-five .job-banner-img img {
		max-height: 347px;
	}
	.job-five .job-banner-img {
		right: 30px;
	}
	.job-five > .wrapper.is-styled {
		height: 347px;
		padding: 40px 0;
	}
	.job-five-flex {
		z-index: 9;
	}
	.job-six-content {
		grid-template-columns: repeat(1, 1fr);
	}
	.job-six-map {
		position: relative;
		max-width: 100%;
	}
	.job-six-map img {
		width: 100%;
	}
	.job-six-form {
		max-width: 100%;
	}
	.job-six-filter {
		gap: 8px;
	}
	.job-six-map-mobile{
		display: block;
	}
	.job-six-map{
		display: none;
	}
	.job-six {
		padding: 64px 0 0 0;
	}
	.job-six-text {
		padding: 20px 0 40px 0;
	}
	.job-six-map-mobile img{
		width: 100%;
	}
	.job-six-contact {
		grid-template-columns: repeat(2, 1fr);
		grid-template-areas: "con-0 con-0"
							 "con-1 con-2";
	}
	.job-six-contact > * div {
		flex-direction: column;
		gap: 4px;
		align-items: flex-start;
	}
	.modal-vacanci-block {
		width: 616px;
	}
	.modal-vacanci-block.mvb-flex {
		width: 616px;
		max-height: 550px;
		overflow: hidden;
		height: 100%;
	}
	.mvb-flex .modal-vacanci-content {
		padding: 32px;
		overflow-y: scroll;
		scrollbar-width: thin;
		scrollbar-color: #0091CC #eeeeee;
	}
	.mvf-title {
		font-size: 24px;
		line-height: 28px;
	}
	.form-flex-send {
		flex-direction: column;
		align-items: flex-start;
	}
	.form-flex-send button{
		order: 2;
		width: max-content !important;
	}
	.form-information{
		order: 1;
	}
	.mvb-flex .modal-vacanci-image img.mvi-notebook {
		position: relative;
	}
	.modal-vacanci-block {
		width: 90%;
		max-height: 650px;
		overflow-y: scroll;
		scrollbar-width: thin;
		scrollbar-color: #0091CC #eeeeee;
	}
	.culture-first .job-banner-img img {
		max-height: 285px;
	}
	.culture-first .jbf-subtitle-one{
		max-width: 200px;
	}
	.culture-grid {
		display: flex;
        flex-direction: column;
	}
	.jfg-item-title {
		font-size: 16px;
		line-height: 20px;
	}
	.job-last-title {
		font-size: 24px;
		line-height: 28px;
		margin-bottom: 12px;
	}
	.jlb-text {
		font-size: 16px;
		line-height: 20px;
	}
	.job-last .joc-ico-blue {
		margin: 0 0 0 8px;
	}
	.jlb-buttons {
		gap: 12px;
	}
	.job-five-flex-subtitle{
		max-width: 230px;
	}
	.job-six-form p{
		max-width: 100% !important;
	}
	.culture-second {
		background-position: bottom 20px right  -340px !important;
		background-size: 534px;
	}
	.job-six-map-mobile img, .job-six-map-mobile iframe{
		height: 360px;
	}
	.jli-big-text {
		font-size: 24px;
		line-height: 28px;
	}
}
@media screen and (max-width: 740px){
	main.page-content {
		padding-top: 58px;
	}
}
@media screen and (max-width: 670px){
	.job-send-mail{
		display: none;
	}
	.job-first {
		height: 318px;
		background-size: cover;
	}
	.job-first > .wrapper.is-styled {
		height: 100%;
	}
	.job-banner-flex {
		gap: 24px;
		justify-content: center;
	}
	.jbf-title-one {
		font-size: 22px;
		line-height: 28px;
	}
	.jbf-subtitle-two {
		font-size: 14px;
		line-height: 20px;
		max-width: 200px;
		flex-wrap: wrap;
	}
	.jbf-subtitle-one {
		font-size: 12px;
		line-height: 16px;
	}
	.jbf-subtitle-two {
		font-size: 14px;
		line-height: 20px;
	}
	.jbf-link {
		font-size: 14px;
		line-height: 16px;
	}
	.job-banner-img img {
		max-height: 258px;
	}
	.job-banner-img {
		right: 0;
	}
	.job-second-title {
		font-size: 20px;
		line-height: 24px;
		max-width: 430px;
	}
	.job-second-title span {
		padding: 0 8px;
	}
	.job-second-grid {
		grid-column-gap: 20px;
		grid-row-gap: 8px;
	}
	.jsg-item-title {
		font-size: 14px;
		line-height: 16px;
	}
	.jsg-item-img img {
		max-height: 32px;
	}
	.job-second {
		padding: 40px 0;
		background-position: top 15% right 90%;
		background-size: 887px;
	}
	.job-third {
		padding: 64px 0;
	}
	.job-third-grid {
		grid-template-columns: repeat(1, 1fr);
	}
	.job-four-title {
		font-size: 20px;
		line-height: 24px;
		display: flex;
		flex-direction: column;
	}
	.job-five {
		/* height: 312px; */
		background-size: cover;
	}
	.job-five .job-banner-img img {
		max-height: 312px;
	}
	.job-five > .wrapper.is-styled {
		height: 312px;
		padding: 32px 0 40px 0;
	}
	.job-five-flex-title-one {
		font-size: 22px;
		line-height: 28px;
	}
	.job-five-flex-title-two {
		font-size: 18px;
		line-height: 22px;
	}
	.job-five-flex-subtitle {
		font-size: 14px;
		line-height: 20px;
		max-width: 200px;
	}
	.job-five-flex-link-text {
		font-size: 14px;
		line-height: 16px;
		max-width: 130px;
	}
	.job-five .job-banner-img {
		right: 0;
	}
	.job-five-flex-link a {
		display: flex;
		gap: 28px;
		align-items: flex-end;
	}
	.modal-vacanci-description {
		grid-template-areas: "vac-0"
			"vac-1"
			"vac-2";
		grid-template-columns: repeat(1, 1fr);
	}
	.mvb-flex {
		grid-template-columns: repeat(1, 1fr);
	}
	.mvb-flex .modal-vacanci-image img.mvi-notebook {
		display: none;
	}
	.mvb-flex .modal-vacanci-image img {
		display: block;
		width: 100%;
		height: auto;
		top: -100px;
		position: relative;
	}
	.modal-vacanci-block.mvb-flex, .modal-vacanci-block {
		width: 100%;
		max-height: 100%;
		height: 100%;
	}
	.modal-vacanci-content {
		padding: 32px;
	}
	.modal-vacanci-title {
		font-size: 24px;
		line-height: 28px;
	}
	.job-six-title {
		font-size: 20px;
		line-height: 24px;
	}
	.jbf-title-two {
		font-size: 18px;
		line-height: 22px;
	}
	.culture-second {
		background: #F2F3F4;
	}
	.culture-third .job-third-title {
		font-size: 20px;
		line-height: 24px;
	}
	.jfg-item-title {
		font-size: 14px;
		line-height: 16px;
	}
	.culter-four-grid {
		gap: 12px 20px;
	}
	.job-last {
		padding: 64px 0;
	}
	.job-last-title {
		font-size: 20px;
		line-height: 24px;
	}
	.jlb-text {
		font-size: 14px;
		line-height: 20px;
	}
	.jtg-item a i {
		width: 24px;
		min-width: 24px;
		height: 24px;
		min-height: 24px;
	}
	.jtg-item a i:before {
		width: 14px;
		height: 14px;
		top: 5px;
		left: 5px;
	}
	.job-six-map-mobile img, .job-six-map-mobile iframe{
		height: 300px;
	}
	.job-four .slick-dots li button, .job-last .slick-dots li button {
		width: 6px;
		height: 6px;
	}
	.job-four .is-styled ul li, .job-last .is-styled ul li {
		margin: 0;
	}
	.job-last-soc-text1 {
		font-size: 12px;
	}
	.job-last-soc-text2 {
		font-size: 12px;
	}
	.job-last-soc-ico {
		width: 32px;
		height: 32px;
	}
	.job-last-soc-ico a, .job-last-soc-ico img {
		width: 17px;
		height: 17px;
	}
	.culture-four .job-four-title {
		gap: 5px;
		flex-direction: row;
	}
	.jlb-buttons {
		align-items: center;
	}
	.job-four-title span {
		padding: 0 8px;
	}
	.job-six-title span {
		padding: 0 8px;
	}
	.jli-big-text {
		font-size: 20px;
		line-height: 24px;
	}
	.culture-first .job-banner-img img {
		max-height: 245px;
	}
	.job-second {
		background: #F2F3F4;
	}
}
@media screen and (max-width: 520px){
	.job-second-grid {
		display: flex;
        flex-direction: column;
	}
	.item-pos3 {
		display: none;
	}
	.item-pos6 {
		display: none;
	}
	.job-second-title span {
		width: max-content;
	}
	.jff-item {
		padding: 4px 12px;
	}
	.job-four-filter {
		gap: 6px;
	}
	.job-six-contact {
		grid-template-columns: repeat(1, 1fr);
		grid-template-areas: "con-0"
								 "con-1"
								 "con-2";
	}
	.job-five-flex-soc-text {
		text-align: center;
		max-width: 300px;
		padding: 12px 20px;
	}
	.job-first > .wrapper.is-styled {
		display: flex;
		flex-direction: column;
		padding: 32px 0 0 0;
	}
	.job-first {
		height: auto;
		background-size: 100% 333px;
		background-position: bottom;
	}
	.job-banner-img {
		position: relative;
	}
	.job-banner-img img {
		max-height: 333px;
	}
	.job-banner-flex{
		margin-bottom: 12px;
	}
	.jbf-subtitle-two {
		max-width: 100%;
	}
	.jbf-link {
		padding-top: 20px;
	}
	.job-five {
		height: auto;
		background-size: 200% 333px;
		background-position: center bottom;
	}
	.job-five > .wrapper.is-styled {
		height: auto;
		padding: 32px 0 0 0;
	}
	.job-five .job-banner-img img {
		max-height: 333px;
	}
	.job-five-flex {
		margin-bottom: 12px;
	}
	.mvb-flex .modal-vacanci-image img {
		top: 0;
	}
	.culter-four-grid {
		grid-template-columns: repeat(1, 1fr);
		gap: 8px;
	}
	.jlb-buttons{
		display: grid;
		grid-template-areas: "but-1 but-2 but-3"
			"but-4 but-5 but-6";
	}
	.jlb-buttons .job-last-soc-text1 {
		grid-area: but-1;
	}
	.jlb-buttons .job-last-soc-text2 {
		grid-area: but-4;
	}
	.jlb-buttons .joc-ico-blue {
		grid-area: but-5;
	}
	.jlb-buttons .joc-ico-green {
		grid-area: but-6;
	}
	.culter-four-grid .jfg-item {
		height: 40px;
	}
	.job-five-flex-soc-text a{
		/* display: flex;
		flex-direction: column; */
	}
	.job-five-flex-link-text {
		max-width: 130px;
	}
	.job-five-flex-link a {
		align-items: normal;
	}
	.job-last-soc-text1 {
		padding: 14px 20px;
	}
	.job-last-soc-text2 {
		padding: 14px 20px;
	}
	.job-last-information .jlb-buttons{
		display: flex;
	}
	.culture-first .job-banner-img img {
		max-height: fit-content;
		position: absolute;
		width: 100%;
		right: 0;
		bottom: 0;
	}
	.job-banner-img {
		position: static;
		height: 265px;
	}
	.job-last-block {
		margin-top: 0;
	}
	.job-first.culture-first {
		background-size: 100% 260px;
	}
	.culture-first .jbf-subtitle-one {
		max-width: 100%;
	}
	.job-four .wrapper.is-styled {
		gap: 32px;
	}
	.job-second-title {
		margin-bottom: 32px;
	}
	.job-six-title {
		margin-bottom: 12px;
	}
	.job-five::before {
		background: linear-gradient(to bottom, white 40%, rgba(255, 255, 255, 0) 100%);
	}
	.job-first::before {
		background: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0) 100%);
	}
}

.custom-select-wrapper {
  position: relative;
  user-select: none;
  width: 100%;
  /* max-width: 400px; */
}

.custom-select {
  position: relative;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px 11px !important;
  padding: 12px;
}

.custom-select__trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.custom-options {
  position: absolute;
  top: calc(100% + 5px);
  left: 0;
  right: 0;
  background: white;
  border: 1px solid #ccc;
  box-shadow: 0 4px 6px rgba(0,0,0,0.1);
  z-index: 1000;
  display: none;
  max-height: 200px;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #0091CC #eeeeee;
}

.custom-option {
  padding: 10px;
  cursor: pointer;
  transition: background 0.2s;
}

.custom-option:hover {
  background-color: #f2f2f2;
}

.custom-select.open .custom-options {
  display: block;
}

.custom-select.open .arrow {
  transform: rotate(180deg);
}

.arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #333;
}

.custom-select__trigger span{
	line-height: 22px;
    overflow: hidden;
    max-height: 22px;
}