ul.job-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.job-list > li.job-preview {
	background: #fff;
	border: 1px solid #d7e2e9;
	-webkit-border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	border-radius: 0.4rem;
	padding: 1.5rem 2rem;
	margin-bottom: 1rem;
	float: left;
	width: 100%;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
    position: relative;
}

ul.job-list > li.job-preview:hover {
	cursor: pointer;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.05);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.05);
	box-shadow: 0 3px 8px rgba(0,0,0,0.05);
}

.job-title {
	margin-top: 0.6rem;
}

.company {
	color: #96a4b1;
}

.job-preview .btn {
	margin-top: 1.1rem;
}

.btn-apply-cus {
	text-transform: uppercase;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 1px;
	background-color: transparent;
	color:  #393a5f;
	border: 2px solid #393a5f;
	padding: 0.6rem 2rem;
	-webkit-border-radius: 2rem;
	-moz-border-radius: 2rem;
	border-radius: 2rem;
    float: right;
}

.btn-apply-cus:hover {
	background-color: #393a5f;
	color:  #fff;
	border: 2px solid #393a5f;
}
.job-detail{
    padding: 15px;
}
.job-detail h4{
    margin-bottom: 10px;
}
.job-detail h3{
    margin-bottom: 20px;
}
.job-detail li{
    padding: 4px;
}
.job-detail h5{
    margin-top: 10px;
    margin-bottom: 10px;
}
.job-detail small{
    margin-bottom: 15px;
}
.apply-btn{
    width: 100px;
    margin-top: 10px;
}
.job-preview small{
    position: absolute;
    bottom: 0;
    margin-bottom: 35px;
    color: #4e545a;
}
.job-preview .date{
    position: absolute;
    bottom: 0;
    margin-bottom: 5px;
    color: #8f8f8f;
    margin-top: 10px;
}
.gender{
	text-transform: capitalize;
}
@media (max-width: 575px) {
	.job-preview .content {
		width: 100%;
	}
}