/**
* VACANCY
*/
.vacancy-list { overflow: auto; position: relative; }
.vacancy-item {
	overflow: auto;
	position: relative;
	padding: 10px;
}
.vacancy-item:hover .vacancy-wrap, .vacancy-item.hover .vacancy-wrap { transform: rotateY(180deg); }
.vacancy-wrap {
	transition: 0.6s;
	transform-style: preserve-3d;
	transform-origin: center center;
	position: relative;
	height: 300px;
	width: 100%;
	border: 1px solid #E4E4E4;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	cursor: pointer;
}
.vacancy-wrap .vacancy-front, .vacancy-wrap .vacancy-back {
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	background-position: center center;
}
.vacancy-wrap .vacancy-front { z-index: 2; transform: rotateY(0deg); }
.vacancy-wrap .vacancy-back { transform: rotateY(180deg); }

.vacancy-wrap .vacancy-info {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.25);
	overflow: auto;
}
.vacancy-wrap .vacancy-title,
.vacancy-wrap .vacancy-desc { padding: 5%; width: 100%; }
.vacancy-wrap .vacancy-title { font-size: 36px; height: 20%; }
.vacancy-wrap .vacancy-title .regular,
.vacancy-wrap .vacancy-title .xsmall { display: block; color: #FFF; }
.vacancy-wrap .vacancy-desc { color: #FFF; padding: 25px; height: 80%; }
.vacancy-item.first .vacancy-title,
.vacancy-item.first .vacancy-desc { float: left; width: 50%; height: 100%; }

.vacancy-wrap .vacancy-back .vacancy-menu {
	display: block;
	height: 34px;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}

/**
* CAREER
*/
.career { overflow: hidden; margin: 5px 0 25px 0; display: block; clear: both; color: #666; position: relative; }
.career-header { font-weight: bold; overflow: hidden; margin-bottom: 5px; }
.career-header .career-title { font-size: 24px; padding: 2px 5px; }
.career-header .career-position { font-size: 18px; padding: 2px 5px; }
.career-header .career-info { display: block; margin: 0; padding: 2px 5px; margin: 0; font-style: italic; }
.career-header > div { height: 80px; }

.career-content { width: 100%; overflow: hidden; margin-top: 25px; }
.career-content .career-desc {
	font-size: 16px;
	color: #999;
	font-weight: thin;
	text-align: justify;
	overflow: hidden;
	padding: 10px;
}
.career-content .career-desc:first-letter,
.career-content .career-desc p:first-child:first-letter {
	float: left;
	color: #c02026;
	font-size: 50px;
	line-height: 35px;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 1px;
	font-family: Georgia;
	text-transform: uppercase;
}
.career-content .career-desc ul { padding-left: 50px; }
.career-content .career-req {
	display: block;
	clear: both;
	padding: 10px;
	margin: 10px;
}
.career-content .career-apply {
}

/**
* MEDIA QUERIES
*/
@media only screen and (max-width: 767px) {
	.vacancy-item.first .vacancy-title { float: none; width: 100%; height: 20%; }
	.vacancy-item.first .vacancy-desc { float: none; width: 100%; height: 80%; }
}