@charset "utf-8";
/* CSS Document */

.main-banner{background: url(../img/banner.png)no-repeat center;
background-size: cover;
position: relative;}


.main-banner-employer{background: url(../img/apus-banner-2.jpg)no-repeat center !important;}

.main-banner:after{position: absolute;
	content: "";
left: 0px;
top: 0px;
width: 100%;
	height: 100%;
background:rgba(0,0,0,0.5);
	z-index: 0;
}

.main-banner .search-box {
    position: relative;
    z-index: 1;
    margin-top: 25%;
    margin-bottom: 6%;
}

.main-banner .search-box h1{
	
	font-size: 50px;
	color: #fff;
	font-weight: 700;
	
}
.main-banner .search-box input{padding-top: 18px; padding-bottom: 25px; height:52px}
.main-banner .search-box .form-group:first-child{width: 50%;}
.main-banner .search-box input:first-child{min-width:100%;}
.search-box .search-btn{border-radius:0px; background:#115f9a; }
.search-box .search-btn i{font-size: 37px;}


.jobs-categories .box, .featured-jobs .box{box-shadow: 0 0 15px rgba(0,0,0,0.1);
border: 1px solid #e2e2e2;
    padding: 25px 10px 20px 10px;
	margin-bottom: 30px;
	width: 100%;
	min-height: 155px;
	background:#fff;
}
.jobs-categories .box img{float: left;}
.featured-jobs .box{    min-height: 230px !important;}


.box .inner-content {
    position: relative;
    margin-left: 70px;
}
.box .inner-content img {
    position: absolute;
    top: 0px;
    left: -60px;
}

.numberOfJobs{    clear: both;
color: #666; font-size: 16px; margin-top: 8px;}

.jobs-categories .col-lg-3{display: -webkit-flex;
display: flex;}

.featured-jobs{background:#f2f2f2;}

.about-us {background: url(../img/man-with-laptop.png)no-repeat top right;
background-size: contain;}

.faqs{background:#f2f2f2;}

.card{cursor: pointer;}
.card-header button{display: block; color: #444; font-weight: bold;  text-decoration: none;}
.card-header button:focus, .card-header button:hover{text-decoration: none; color: #444;}

button[data-toggle="collapse"]:after {
    font-family: 'FontAwesome';
    content: "\f068";
    /* float: right; */
    position: absolute;
    right: 15px;
    top: 45px;
}
button.collapsed:after{
    /* symbol for "collapsed" panels */
    content: "\f067"; 
}

.card-body {
    padding-top: 0px;
    background: white;
	}

.accordion>.card .card-header {
    background: #fff;
    font-weight: bold;
    margin-top: 25px;
}

.card {
    background: none;
    border: none;
}

#faqaccordion .card {
  transition: all 1s;
}
.main-footer{background:#323232; color: #fff;}
.footer-menu{padding: 0px; margin: 0px; list-style: none;}
.footer-menu li{display: inline-block; margin-right: 15px;}
.footer-menu li:last-child{margin-right: 0px;}
.footer-menu li a{    color: #fff !important;
    text-decoration: none;
    font-size: 16px;
}

.socialIcons i{font-size: 50px; }
.socialIcons a{margin-right: 12px; color: #fff;}

.jb-filters .row > div {
  margin-top: 0px;
  margin-bottom: 8px;
  padding: 0px 4px;
}
.jb-filters input,
.jb-filters select {
  border-radius: 0px;
  min-height: 43px;
}
.jb-filters .job-alert-con {
  margin: 16px 0px 12px 0px;
  padding: 0px 0px;
}
.jb-filters .work-from-home {
  margin-left: 12px;
}
.jb-filters .work-from-home label {
margin-left: 2px !important;
}
.jb-filters .input-group, .jb-filters .input-group div:not(.mainsearch-btn) {
  width: 100%;
}

/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.about-us {background: none;}
	
}

/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	
	.main-banner .search-box .form-group:first-child{width: 47%;} 
}

@media screen and (min-width: 575.98px) and (max-width: 767px){
    .homepage-select .select2-container {
        width: 235px !important;
  }
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	.main-banner .search-box .form-group:first-child,
	.main-banner .search-box .form-group{width: 100%;} 
	.logo {max-width: 200px;}
	.search-box .search-btn{width:auto;}
	.homepage-select .select2-container {
	    width: 110px !important;
	}
	
	.main-banner .search-box h1{
	
	font-size: 40px;
	
	
}
	.socialIcons{margin-top: 50px; margin-bottom: 50px;}
	
}