div.vacancies-parent {

	position:relative;	

	text-align: center;

}

div.vacancies-parent div.vacancies-inner {

	overflow:hidden;

}

div.vacancies-parent div.vacancies-slide {

	display:inline-flex;

	position:relative;

	top: 0px;

	left: 0px;

	justify-content: center;

}

div.vacancies-parent div.vacancies-slide div.vacancy-card {

	width:33.33%;

	margin: 0 30px;

	text-align: left;

}

div.vacancies-parent div.vacancies-slide div.vacancy-card ul {
	min-height: 300px;
}

div.vacancies-parent div.vacancies-slide div.vacancy-card a.vacancy-btn {
	position: absolute;
    bottom: 0px;
}

div.vacancies-parent div.slide-nav-button {

	font-size: 30px;

	position:absolute;

	width:30px;

	height:30px;

	top: 50%;

	margin-top:-15px;

	color:#7F067D;

	cursor: pointer;	

}

#btnNextSlide {

	right: -60px;

}

#btnPrevSlide {

	left: -60px;

}

div.vacancies-parent h3 {

	color: #000;

    font-size: 25px;

    font-weight: 700 !important;

    margin-bottom: 20px;

    min-height:60px;

}

div.vacancies-parent .vacancy-btn {

	border: none;

    font-size: 30px;

    padding: 2px;

    cursor:pointer;

    font-size: 25px;

    text-align: center;

}

div.vacancies-parent button.btn-view-job {

	background: #6D6E71;

    color: #fff;

    width: 100%;

    display:block;

}

div.vacancies-parent a.btn-apply-job {

	background: #7F067D;

    color: #fff;

    display:inline-block;

    text-decoration: none;

    margin-top:30px;

    padding: 6px;

}

div.vacancies-parent ul {

	list-style: none;

	padding:0px;

	margin:0px;

	font-size: 20px;

    line-height: 30px;

    margin-top: 20px;

    display:block;

}

div.vacancies-parent ul li {

	padding:0px;

	margin:0px;

}

div.vacancy-description {

    position: relative;

    background: #FFF;

    padding: 20px;

    width: auto;

    max-width: 60%;

    margin: 20px auto;

    border-radius: 5px;

    border: 3px solid #42BFDD;

}

div.vacancy-description .mfp-close {

	color:#7F067D;

}

div.vacancies-parent div.vacancy-description {

	display: none;

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	margin:20px;

	border:1px solid #ddd;

	border-radius: 2px;

	background: #fff;

	padding:10px;

	font-size:15px;

	z-index: 999;

	overflow-y: scroll;

	text-align: left;

}

#btnVacancyDescClose {

	position:absolute;

	top:20px;

	right:20px;

	color:#ff0000;

	font-size:20px;

	cursor: pointer;

}

#vacanciesCounter > div {

	margin: 20px 0 auto;

	display:inline-block;

}

div.vacancies-parent div.vacancy-counter,

div.vacancies-parent div.vacancies-counter span {	

	text-align:center;

	margin-top: 30px;

	color:#6D6E71;

	display:inline-block;

	margin:5px;

	cursor:pointer;

	font-size: 20px;

    font-weight: 700;

}

div.vacancies-parent div.vacancy-counter.selected {

	color: #42BFDD;

}



@media screen and (max-width: 750px) {

  div.vacancy-description {
  	max-width:auto;
  }

  div.vacancies-parent div.vacancies-slide {

    flex-direction:column;

  }

  div.vacancies-parent div.vacancies-slide div.vacancy-card {

  	min-width:100%;

  	max-width:100%;

  	margin: 30px 0;

  	border-top:1px solid #ddd;

  }

  div.vacancies-parent h3 {

  	min-height: auto;

  	margin-top: 30px;

  }

  div.vacancies-parent a.btn-apply-job {

  	display:block;

  	text-align: center;

  }

	div.vacancies-parent div.vacancies-slide div.vacancy-card ul {
		min-height: auto;
	}

	div.vacancies-parent div.vacancies-slide div.vacancy-card a.vacancy-btn {
		position: inherit;
	}

}