.vacancy__card.disabled {
    opacity: 0.6;
}


/* ===== Theme default ===== */
:root {
	--black: #242424;
	--white: #fff;
	--red: #FF5252;
	--gray: #5E5E5E;
	--title-color: #2EA4DE;
	--main-font:'Mariupol';
}
html {font-size:10px;height:100%;}
.job-cards {
    font-weight: 400;
	font-size: 1.6rem;
    letter-spacing: 0.1px;
    line-height: 1.5;
    overflow-x: hidden;
}

svg {width:100%;height:100%;display:block;}

/* Flexbox */
.flex {display: flex;}
.inline-flex {display: inline-flex;}
.flex-wrap {flex-wrap: wrap;}
.flex-column {flex-direction: column;}
.align-center {align-items: center}
.align-end {align-items: flex-end;}
.align-start {align-items: flex-start;}
.justify-center {justify-content: center;}
.justify-end {justify-content: flex-end;}
.justify-start {justify-content: flex-start;}
.justify-between {justify-content: space-between;}
/* // Flexbox */
/* 
.container {
	width: 100%;
	max-width:1620px;
	margin:0 auto;
	padding:0 15px;
	position:relative;
} */

.svg-library {display:none;}
/* .section {padding:max(7vw, 40px) 0;} */

/* Buttons */
.j-btn {
	font-size: 13px;
	font-weight: bold;
	display:inline-flex;
	padding:0.6em 1.2em;
	background: var(--red);
	position:relative;
	text-align:center;
	transition: all 0.25s;
	justify-content: center;
	align-items: center;
	border:1px solid var(--red);
	cursor:pointer;
	color:#fff;
	border-radius: 5px;
}
.j-btn:hover {
	background: transparent;
	transition: all 0.25s;
	color:var(--red);
}
.j-btn:hover .j-btn-icon {
	transition: all 0.25s;
	color:var(--red);
}
.j-btn--outline .j-btn-icon {
	color:var(--red);
}
.j-btn--outline {
	background: transparent;
	color:var(--red);
}
.j-btn--outline:hover {
	background: var(--red);
	color:#fff;
}
.j-btn--outline:hover .j-btn-icon {
	color:#fff;
}
.j-btn--blue {
	background: var(--title-color);
	border-radius: 50px;
	border:1px solid var(--title-color);
}
.j-btn--blue:hover {
	color:var(--title-color);
}
.j-btn--blue:hover .btn-arr {
	border-top:1px solid var(--title-color);
	border-right: 1px solid var(--title-color);
	transition: all 0.25s;
}
.j-btn-arr {
	display: block;
	width: 7px;
	height: 7px;
	border-top:1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	margin-left:1rem;
	transition: all 0.25s;
}

.resume__avatar {
	border-radius: 100%;
}
/* Icons */
.j-icon {display:block;}
.wallet__icon {
	width: 15px;
	height: 15px;
	color:#9b9b9b;
}
.verify-icon {
	width: 1.4rem;
	height:1.4rem;
	color:#2CC96A;
	margin-left: 0.3rem;
    margin-top: -2px;
	flex-shrink:0;
}

.hot__label.hot__label-outline span {
	color:#fff;
}
.hot__label.hot__label-outline {
	background: #FF5252;

}
.verify-icon.big {
	width: 2rem;
    height: 2rem;
    margin-left: -1px;
    margin-bottom: -1px;
}

.location-icon {
	width: 1.3rem;
	min-width: 1.3rem;
	min-height: 1.3rem;
	height:1.3rem;
	color:#9b9b9b;
}
.advantage-icon {
	width: 12px;
	height: 12px;
	color:#9b9b9b;
}
.dislike-icon {
	width: 20px;
    height: 16px;
    color: #9B9B9B;
    cursor: pointer;
    margin-top: 2px;
}
.favorite-icon {
	width: 15px;
	height:15px;
	color:#9B9B9B;
	cursor: pointer;
}
.j-btn-icon {
	width: 1.4rem;
	height:1.4rem;
	color:#fff;
	margin-right:1rem;
	transition: all 0.25s;
}
.fire-icon {
	width: 12px;
	height:12px;
	color:var(--red);
	margin-top: -2px;
}

.job-cards.j-cards-rezume {
	padding:0px;
	margin:0px;
}
.jsidebar__vac-wrapper .salary,
.jsidebar__vac-wrapper .org__info {
	font-size:14px;

}
.jsidebar__vac-wrapper .card__title {
	font-size:18px;
}
.age__icon {
	width: 1.6rem;
	height:1.6rem;
	color:#9b9b9b;
}
.view__icon {
	width: 12px;
	height: 12px;
	color:#9b9b9b;
}

/* Slick Slider - Default Style */
.slick-slider {
	position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	overflow: hidden;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand; 
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0); 
}
.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto; 
}
.slick-loading .slick-track {
	visibility: hidden; 
}
.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	outline: none;
	display: none; 
}
.slick-initialized .slick-slide {
	display: block; 
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

/* Slick Slider - Arrows */
.prev-slide,
.next-slide {
	flex: none;
	width: 3.5rem;
	height: 3.5rem;
	color: #fff;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .3s; 
	border-radius: 5px;
}
.prev-slide:hover, .next-slide:hover {
	background-color: #898183;
}
.prev-slide:hover svg, .next-slide:hover svg {
	color:var(--white);
	transition: all .3s; 
}
.prev-slide svg, .next-slide svg {
	width: 0.7rem;
	height: 1.4rem; 
	color:var(--red);
}
.slick-disabled svg  {
	color:rgba(0,0,0,0.25);
}
.prev-slide.slick-disabled:hover, .next-slide.slick-disabled:hover {
	background-color: #fff;
}
.prev-slide.slick-disabled:hover svg, .next-slide.slick-disabled:hover svg {
	color:rgba(0,0,0,0.25);
}

/* Slick Slider - Dots */
.slick-dotted.slick-slider {
	margin-bottom: 30px; 
}
.slick-dots {
	position: absolute;
	bottom: -25px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%; 
}
.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	cursor: pointer; 
}
.slick-dots li button {
	border: 0;
	background: #413680;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer; 
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none; 
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1; 
}
.slick-dots li.slick-active button{
	background: green;
}

/* ===== Custom Styles =====*/

.aside {
	width: 22%;
}
.sidebar:not(.hero__title) {
	background: #fff;
	box-shadow: 0 5px 20px rgba(0,0,0,0.07);
	border-radius: 15px;
	padding:3rem;
}
.sidebar__title {
	display: block;
	font-size: 2.4rem;
	margin-bottom:1em;
}
.news__title {
	font-weight: 500;
	display: block;
	margin-bottom: 0.5em;
	font-size: 1.8rem;
	line-height: 1.3;
}
.news__title:hover {
	color:var(--red);
}
.news__view .view__icon {
	margin-right:1rem;
}
.news__item__info {
	display: block;
	color:#868686;
	font-size: 1.5rem;
}
.news__item:not(:last-child) {
	padding-bottom:1rem;
	border-bottom:1px solid #e5e5e5;
	margin-bottom:2rem;
}
.blog__content {
	width: 50%;
}
.blog__card {
	background: #fff;
	box-shadow: 0 5px 20px rgba(0,0,0,0.07);
	border-radius: 15px;
	margin-bottom:2rem;
}
.blog__card:last-child {
	margin-bottom:0;
}
.blog__card .card__body {
	padding:3rem;
}
.blog__card .card__bottom {
	padding:1.5rem 3rem;
}
.blog__card__img {
	margin-right:3rem;
	width: 14.1rem;
	flex:none;
	display: block;
}
.blog__card__img img {
	width: 100%;
	border-radius: 5px;
}
.blog__card__title {
	font-size: 2.1rem;
	font-weight: bold;
	margin-bottom:0.5em;
	display: block;
	line-height: 1.3;
}
.blog__card__title:hover {
	color:var(--red);
}
.blog__card__descript p {
	font-size: 1.7rem;
	margin-bottom:1em;
	line-height: 1.4;
}
.tag {
	display: block;
	line-height: 1;
	font-size: 13px;
	font-weight: 500;
	padding:5px 10px;
	background: #F6F6F6;
	margin-right:1.5rem;
}
.tag:hover {
	color:var(--red);
}
.card__bottom .news__view {
	margin-left:3rem;
}
.nav__item {
	display: block;
	padding:0.3em 1em;
	font-size: 1.9rem;
	border:1px solid #A2A2A2;
	border-radius: 20px;
	margin:0 0.5em;
	white-space: nowrap;
}
.nav__item.current {
	border:1px solid var(--red);
}
.blog__nav {
	margin:0 -0.5em 2rem;
	overflow: auto;
}
.blog__range__item {
	display: block;
	margin-left:1em;
	color:#919191;
}
.blog__range__item.current {
	color:#242424;
	font-weight: bold;
}
.blog__range {
	margin-bottom:3rem;
	font-size: 1.6rem;
	line-height: 1;
}
.vacancy__card, .resume__card {
	background: #fff;
	box-shadow: 0 5px 20px rgba(0,0,0,0.07);
	border-radius: 15px;
	margin-bottom:3rem;
}
.card__body {
	padding:22px 30px;
	border-bottom: 1px solid #DBDBDB;
    display: block;
}
.card__body .card__descript {
	margin:0;
}
.vc__head {
	margin-bottom:8px;
}
.card__title__wrapper {
	margin-right:2rem;
	margin-bottom:14px;
}
.card__title {
	display: block;
	color:var(--title-color);
	font-weight: bold;
	font-size: 25px;
	line-height: 1.1;
}
.hot__vacancy .card__title, .hot__vacancy__card .card__title {
	color:var(--red);
}
.vacancy__logo {
	height: 90px;
	width: 90px;
	min-height: 90px;
	min-width: 90px;
	flex:none;
	text-align:right;
}
.vacancy__logo img {
	object-fit: contain;
	object-position: right;
}
.salary__row, .org__info__row, .card__descript {
	margin-bottom:12px;
}
.salary__row .wallet__icon {
	margin-right:1rem;
}
.salary {
	font-size: 18px;
	font-weight: bold;
}
.org__info__item {
	max-width:50%;
}
.org__info__item:not(:last-child) {
	margin-right:2rem;
}
.org__info {
	font-weight: bold;
	font-size: 16px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
}
.org__info__item .location-icon, .org__info__item .wallet__icon, .org__info__item .age__icon  {
	margin-right:1rem;
}
.card__descript p {
	color:var(--gray);
	margin:0;
	font-size: 14px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	height: 40px;
}
.j-spec-icon {
    width: 14px;
    height: 14px;
    margin-right: 10px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.vacavcy__type__text {
	font-weight: 500;
	color:#919191;
	font-size: 12px;
	display: block;
}
.vacavcy__type {
	margin-bottom: 18px;
    margin-top:12px;
}
.vacancy__adv__item .advantage-icon {
	margin-right:0.7rem;
}
.adv__text {
	color:var(--gray);
	font-size: 12px;
	line-height: 12px;
    margin-top:3px;
	white-space: nowrap;
}
.vacancy__adv__item {
	margin:0 0.5rem;
}
.vacancy__advatages {
	margin:0 -0.5rem;
	overflow: hidden;
}
.card__bottom {
	padding:22px 30px;
}
.card__time {
	font-weight: 500;
	color:#919191;
	font-size: 12px;
	display: block;
	line-height: 1.2;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.card__bottom__item .dislike-icon,
.card__bottom__item .favorite-icon {
	margin-right: 20px;
}
.favorite-icon.active {
	color:var(--red);
}
.slider__section {
	margin:5rem 0;
}
.section__head {
	margin-bottom:2.5rem;
}
.section-title {
	display: inline-flex;
	align-items: center;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.2;
}
.section-title .verify-icon {
	width: 1.7rem;
	height:1.7rem;
}
.vacancy__card__sm {
	background: #fff;
	box-shadow: 0 5px 20px rgba(0,0,0,0.07);
	border-radius: 15px;
	padding:2.2rem 2rem;
	min-height: 32rem;
	display: flex;
	flex-direction: column;
}
.vacancy__card__sm .vacancy__logo {
	width: 8.8rem;
	height: 3.5rem;
	margin-bottom:2rem;
}
.vacancy__card__sm .vacancy__logo img {
   object-position: left;
}
.vacancy__card__sm .card__title {
	font-size:1.8rem;
	margin:0 0 1em;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	height: 3.3em;
}
.vacancy__card__sm .salary {
	font-size: 1.6rem;
}
.vacancy__card__sm  .org__info {
	font-size: 1.4rem;
}
.vacancy__card__sm .j-btn {
	font-size: 1.4rem;
}
.vacancy__slider .slide {
	padding:0 1.3rem;
}
.vacancy__slider .slick-list {
	margin:0 -1.3rem;
}
.vacancy-slider-arrows .pren-slide, .vacancy-slider-arrows .next-slide {
	margin-left:1rem;
}
.vacancy__card__sm .btn-container {
	margin-top:auto;
	justify-self: flex-end;
}
.vacancy__card__sm .j-btn {
	width: 100%;
}
.vacancy__card__sm .salary__row{
    margin-bottom: 1rem;
}
.j-full-page-banner {
	height: 130px;
    margin-top: -25px;
    margin-left: -25px;
    margin-right: -26px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-bottom: 25px;
}
.hot__label__text {
	display: block;
	margin-right:6px;
	text-transform: uppercase;
	color:var(--red);
	font-size: 12px;
	font-weight: bold;
}
.hot__label {
	background: #FFE3E3;
	border-radius: 5px;
	padding:3px 9px;
	flex:none;
	margin-bottom:6px;
}
.logo-company-vacancy {
    margin-top:0px;
    max-width: 100%;
    max-height: 100%;
}
.vacancy__card__head .hot__label__text {
	font-size: 13px;
	color:#fff;
}
.vacancy__card__head .fire-icon {
	color:#fff;
}
.vacancy__card__head {
	background: var(--red);
	padding:7px 30px;
	border-radius:15px 15px 0 0;
}
/* .hot__vacancy__card, .brand__vacancy__card {
	border:1px solid var(--red)
} */
.brand__vacancy__card .vacancy__card__head {
	padding:5rem 0;
}
.brand__vacancy__card .hot__label {
	margin:0 0 1rem;
}
.name__wrapper {
	margin-bottom:1.5rem;
}
.name {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-right:0.7em;
	line-height: 1;
}
.status {
	color:#909090;
	font-size: 13px;
}
.status.j-online {
	color:#2CC96A;
}
.resume__card__content .card__title {
	margin-bottom:0.5em;
}
.resume__card .circle,
.resume__avatar {
	margin-right:3rem;
	height: 12rem;
	min-height: 12rem;
	min-width: 12rem;
	width: 12rem;
	position: relative;
}
.resume__avatar {
	flex:none;
	position: relative;
	display: block;
}
.resume__avatar img {
	width:100%;
	height:100%;
	object-fit: cover;
	border-radius: 50%;
}
.status__marker {
	position: absolute;
	bottom:1rem;
	right:1rem;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	background: #C5C5C5;
	border:3px solid #fff;
	display: block;
}
.status__marker.j-online {
	background: #2CC96A;
}
.j-btn .sm-hide {
	margin-left:5px;
	display: inline-block;
}
.brand__vacancy__card .vacancy__card__head {
    padding: 5rem 0;
}
/* ===== Custom Styles END =====*/

.j-simple .card__descript p {
	font-size:13px;
}
.j-simple .org__info {
	font-size: 14px;
}
.j-simple .vc__head{
	margin-bottom:0px;
}
.j-simple .vacancy__logo {
	width:40px;
	height: 40px;
	min-height: 40px;
	min-width: 40px;
}

.j-simple .salary {
	font-size: 16px;
}
.j-simple .card__title {
	font-size:22px;
}
.last-openings__items-wrap .org__info {
	font-size: 14px;
}
.last-openings__items-wrap .vacancy__card .salary {
	font-size: 14px;
}
.last-openings__items-wrap .vacancy__card .card__title {
	font-size: 18px;
}
.org__info.j-no-bold {
	font-weight: normal;
}

.vacancy__card.j-simple .org__info__item {
	max-width:100%;
}
.vacancy__card.j-simple .org__info {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.vacancy__card.j-simple .card__title{
	font-size: 22px;
    height: 45px;
    overflow: hidden;
	text-overflow: ellipsis;
}

.resume__card .card__body {
	display: flex;
}

@media (max-width:992px) {
	.favorite-icon {
		width: 24px;
		height: 20px;	
	}
	.dislike-icon {
		width: 26px;
		height: 24px;
		margin-top: 3px;
		margin-right:22px;
	}
	.card__bottom:not(.j-vaccer) {
		justify-content: flex-end!important;
	}
	.card__bottom__item .dislike-icon, 
	.card__bottom__item .favorite-icon {
		margin-right: 22px;
	}
	.vacancy__card.j-simple .card__title {
		height: auto;
    	overflow: initial;
    	text-overflow: initial;
	}
	.org__info__item {
		max-width:100%;
	}
	.j-flex-reverse {
		flex-direction: column-reverse;
	}
	.status {
		font-size:10px;
	}
	.card__body.flex {
		display: grid;
		grid-template-columns: 1fr auto;
		grid-template-rows: auto auto;
		grid-template-areas:
			"element1 element3"
			"element2 element3";
	}

	.card__body .circle,
	.card__body .resume__avatar{
		grid-area: element1;
	}

	.card__body .status {
		grid-area: element2;
		text-align: center;
	}

	.card__body .resume__card__content{
		grid-area: element3;
		margin-left:30px;
	}

	.resume__card .vacancy__card__head,
	.hot__vacancy__card:not(.brand__vacancy__card) .vacancy__card__head{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	.card__body, .card__bottom, .vacancy__card__sm, .vacancy__card__head, .sidebar, .blog__card .card__body, .blog__card .card__bottom {
		padding: 20px;
	}
	.card__title {
		font-size: 22px;
	}
	.salary {
		font-size: 16px;
	}
	.org__info, .card__descript p, .j-btn {
		font-size: 14px;
	}
	.adv__text, .card__time {
		font-size: 12px;
	}
	.vacancy__logo {
		height: 52px;
		width: 52px;
		min-width: 52px;
		min-height: 52px;
	}
	.vacancy__card__sm .vacancy__logo {
		margin-bottom: 10px;
	}
	.vacancy__card__sm .salary {
		font-size: 15px;
	}
	.org__info__item:not(:last-child) {
		margin-right: 15px;
	}
	.vacancy__adv__item .advantage-icon {
		margin-right: 5px;
	}
	.card__title__wrapper .hot__label {
		margin: 0 0 10px 0;
	}
	.card__title__wrapper {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.resume__card .circle,
	.resume__avatar {
		margin-right: 0px;
		height: 89px;
        width: 89px;
        min-height: 89px;
        min-width: 89px;
	}
	.status__marker {
		bottom: 4px;
		right: 0px;
		width: 16px;
		height: 16px;
		border: 2px solid #fff;
	}
	.name {
		font-size: 18px;
	}
	.j-btn .sm-hide {
		display: none;
	}
	.blog__content {
		width: 100%;
		margin-bottom:30px;
		order:1;
	}
	.aside--left {
		order:2;
	}
	.aside--right {
		order:3;
	}
	.nav__item {
		font-size: 16px;
	}
	.blog__card__descript p {
		font-size: 14px;
	}
	.blog__card__title {
		font-size: 17px;
	}
}

@media (max-width:767px) {	
	.j-full-page-banner {
		height: 100px;
		margin-top: -14px;
		margin-left: -14px;
		margin-right: -15px;
	}
	.vc__head {
		align-items: flex-start;
	}
	.org__info__row {
		flex-wrap:wrap;
	}
	.card__bottom .j-btn {
		width: auto;
		padding: 0.6em 2em;
	}
	.card__bottom__item .favorite-icon {
		margin-right: 22px;
	}
	.section-title {
		display: inline-block;
		text-align: center;
	}
	.section-title .verify-icon {
		display: inline-block;
	}
	.vacavcy__type {
		margin-bottom: 20px;
	}
	.blog__card .card__body {
		flex-direction: column;
	}
	.blog__card__img {
		margin: 0 0 20px;
		width: 100%;
	}
	.blog__card__img img {
		aspect-ratio: 1.7;
	}
	.card__bottom .item {
		flex-direction: column;
		align-items: flex-start;
	}
	.card__bottom .news__view {
		margin-left:0;
	}
	.section__head .vacancy-slider-arrows {
		display: none;
	}
	.slider__area {
		padding:0 50px;
		position: relative;
	}
	.slider-arrows-mobile {
		position: absolute;
		width: 100%;
		left:0;
		top:50%;
		transform: translateY(-50%);
	}


}

@media (max-width:480px) {	
	.j-btn {
		width:100%;
		padding: 0.6em 2em;
	}
}


.swal2-popup {
	font-size:unset!important;
}
.hot__label.hot__label_blue .hot__label__text {
	color: rgba(47, 164, 222, 1);
}

.hot__label.hot__label_blue {
	background: rgba(47, 164, 222, 0.14);
}

.bottom-vac-verified:before {
	content: '';
	display: block;
	width: 100%;
	height: 15px;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	background: white;
	margin-bottom: 8px;
}

.bottom-vac-verified i {
	font-size:12px;
}
.bottom-vac-verified {
	display: block;
	text-align: center;
	padding-bottom: 8px;
	background: #E2F2FA;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	color: #2FA4DE;
	font-weight: bold;
	font-size: 16px;
	margin-top:-15px;
}