/**********GLOBAL   
***********************************/   
body {   
	font-family: 'Roboto', sans-serif;   
	color: #4A4A4A;   
}   
   
.translator-tool-header {   
	clear: both;   
}   
 
a,   
#featured-job-listing ul li a h3,   
#featured-job-listing ul li a .h3,   
#job-listing .listings .job-summary h3,   
#job-listing .listings .job-summary .h3 {   
	color: #262053;   
	transition: all 0.3s ease; 
}   
   
a:hover,   
#featured-job-listing ul li a h3:hover,   
#featured-job-listing ul li a .h3:hover {   
	color: #D95C24;   
}   
   
h1,   
h2,   
h3,   
.h3,   
h4,   
.h4,   
h5,   
.h5,   
h6,   
.h6 {   
	font-weight: 500;   
}   
   
h2 {   
	color: ;   
	font-size: 2em;   
}   
   
.site {   
	max-width: 1200px;   
}   
   
#featured-stats.super .interior {   
	max-width: 1200px;   
	margin: auto;   
}   
   
#featured-stats h2 {   
	text-align: center;   
}   
 
#featured-stats .stats-container .stats-block span.count { 
    font-size: 45px; 
    font-weight: bold; 
    display: block; 
} 
 
#featured-stats .stats-container .stats-block h3{ 
	margin-top: 0; 
} 
 
#home-page #featured-stats .stats-container .stats-block h3:before{ 
	display: none; 
} 
   
.category-header {   
	max-width: 1200px;   
	margin: auto;   
	background: transparent;   
}   
   
.category-header h2 {   
	color: #4A4A4A;   
	font-weight: 500;   
}   
   
#browse-by .interior ul.browse-tabs li:hover::after {   
	background: #262053;   
}   
   
.sideboard-adspace h5, .sideboard-adspace .h5{   
	font-family: 'Roboto', sans-serif;   
	font-weight: 600;   
	color: #4A4A4A; 
}   
   
.sideboard-adspace em{   
	letter-spacing: 0;   
}   
   
/**********GLOBAL END   
***********************************/   
   
/**********BUTTONS   
***********************************/   
.secondary {   
	font-size: 1.1em;   
	background-color: #262053;   
	color: #FFF;   
	display: inline-block;   
	text-decoration: none;   
	border: none;   
	padding: 7px 25px;   
	cursor: pointer;   
	text-align: center;   
	border-radius: 4px;   
}   
   
.secondary:hover {   
	background-color: #D95C24;   
}   
   
.tertiary {   
	font-size: 1.1em;   
	background-color: #262053;   
	color: #FFF;   
	display: inline-block;   
	text-decoration: none;   
	border: none;   
	cursor: pointer;   
	text-align: center;   
	border-radius: 4px;   
}   
   
.tertiary:hover {   
	background-color: #D95C24;   
}   
   
.call-to-action .secondary {   
	padding: 7px 25px;   
}   
   
.btn-post-job,   
.primary {   
	background-color: #262053;   
	border-radius: 4px;   
}   
   
.btn-post-job:hover,   
.primary:hover {   
	background-color: #D95C24;   
}   
   
/**********BUTTONS END   
***********************************/   
   
/**********HEADER   
***********************************/   
#header {   
	min-height: 100px;   
	box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .2);   
	display: flex;   
	align-items: center;   
}   
   
.header-content #logo {   
	padding-right: 5px;   
	padding-top: 0px;   
	max-width: 225px;   
}   
   
.header-content #logo img {   
	max-height: 100%;   
}   
   
.header-content .call-to-action {   
	margin-top: 0px;   
	position: absolute;   
	right: 0;   
	top: 50%;   
	transform: translateY(-50%);   
}   
   
/**********HEADER END   
***********************************/   
   
/**********JAQC SEARCH   
***********************************/   
#home-page #job-alert-search-form.expanded-img {   
	background: rgba(0,0,0, 0.7);   
}   
   
#home-page #job-alert-search-form fieldset .form-button button.primary {   
	color: #fff;   
	background: #D95C24;   
	padding: 4px 10px 11px;   
	border-radius: 4px;   
}   
   
#home-page #job-alert-search-form fieldset .form-button button.primary:hover {   
	background: #262053;   
}   
 
#job-search-form form fieldset.call-to-action{ 
	width: 30%; 
} 
   
/**********HERO IMAGE   
***********************************/   
.hero-expanded {   
	position: absolute;   
	height: 550px;   
	width: 100%;   
	background: url("img/hero-23109.jpg") no-repeat 100% 32% / cover;   
	box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);   
}   
   
#hero {    
	background: transparent;   
	height: 550px;   
}   
   
#hero #job-search-form form fieldset .primary {   
	padding: 9px;   
	width: 100%;   
	background: transparent;   
	border: 1px solid #fff;   
}   
   
#hero #job-search-form form fieldset .primary:hover {   
	background: #fff;   
	border: 1px solid #fff;   
	color: #262053;   
}   
   
#home-page #job-alert-search-form fieldset .form-content .form-content-bottom input#JAS-email,   
#home-page #job-alert-search-form fieldset .form-content .form-content-top input#keywords,   
#home-page #job-alert-search-form input{   
	border-radius: 4px;   
}   
   
#hero .site-name-tag {   
	text-align: left;   
	top: 280px;   
	left: 10px;   
}   
   
#hero .site-name-tag h1 {   
	color: #fff;   
	font-size: 3.5em;   
	text-shadow: 0 1px 7px rgba(0, 0, 0, .8);   
}   
   
#hero .site-name-tag em {   
	color: #fff;   
	text-shadow: 0 1px 7px rgba(0, 0, 0, .8);   
}   
   
/**********HERO IMAGE END   
***********************************/   
   
/**********NAV   
***********************************/   
.header-content #menu {   
	float: none;   
	text-align: center;   
	display: block;   
	position: absolute;   
	right: 0;   
	top: 50%;   
	-webkit-transform: translateY(-50%);   
	transform: translateY(-50%);   
}   
   
.home-page .header-content #menu {   
	right: 125px;   
}   
   
.header-content #menu>ul {   
	margin-bottom: 0;   
}   
   
.header-content #menu li:hover {   
	background-color: transparent;   
}   
   
.header-content #menu li:hover a.mobile-hide {   
	color: #262053;   
}   
   
.header-content #menu li a {   
	font-size: 16px;   
	padding: 0 20px;   
	margin: 0;   
	line-height: 50px;   
	color: #4A4A4A;   
	font-weight: 500; 
}   
   
.header-content #menu li ul {   
	background-color: #fff;   
	min-width: 200px;   
	-moz-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);   
	-webkit-box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);   
	box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.1);   
}   
   
.header-content #menu li ul.sub-navigation li a {   
	border-top: 0;   
	line-height: normal;   
	text-align: left;   
	padding: 10px 25px;   
	font-size: 15px;   
	margin: 0; 
}   
   
.header-content #menu ul.sub-navigation li:hover {   
	background-color: transparent;   
}   
   
.header-content #menu ul.sub-navigation li:hover > a, .header-content #menu li a:hover {   
	color: #D95C24;   
}   
   
/**********NAV END   
***********************************/  
 
 
 
/**********BLANK MODULE 
***********************************/   
section#blank-module{ 
	background: #262053; 
	margin-top: 2.5rem; 
	max-width: 100%; 
}   
 
#blank-module .interior{ 
	background: transparent; 
	max-width: 1200px; 
	margin: 0 auto; 
	text-align: center; 
	color: #fff; 
	padding-bottom: 45px; 
} 
 
#blank-module .interior h2{ 
	color: #fff; 
} 
/**********BLANK MODULE END 
***********************************/   
 
   
/**********FEATURED JOBS   
***********************************/   
section#featured-jobs {   
	padding-bottom: 40px;   
}   
   
.featured-job-promo {   
	width: 30%;   
	min-height: auto;   
}   
   
#featured-job-listing {   
	width: 67%;   
	background: transparent;   
	min-height: auto; 
}   
   
#featured-job-listing ul {   
	padding: 20px 0;   
	z-index: 99;   
	position: relative;   
	margin: auto;   
	text-align: left;   
	padding-top: 0;   
	display: grid; 
	grid-template-columns: repeat(2, 1fr); 
	gap: 0 15px; 
}   
   
#featured-job-listing ul li {   
	border-top: 1px solid #ccc;   
	padding: 15px 0;   
	margin: 0;   
	white-space: nowrap; 
    overflow: hidden; 
	text-overflow: ellipsis; 
}   
   
#featured-job-listing ul li:first-of-type {   
	border-top: none;   
}   
   
#featured-job-listing ul li:nth-of-type(2) {   
	border-top: none;   
}   
   
section#featured-jobs .sideboard-adspace {   
	padding: 20px 10px;   
	margin: 0 auto;   
}   
   
section#featured-jobs .sideboard-adspace .job-alert-signup {   
	max-width: 300px;   
	margin: auto;   
}   
   
section#featured-jobs .sideboard-adspace em {   
	position: relative;   
	bottom: 0;   
	box-sizing: border-box;   
	background: transparent;   
	border-bottom: 0;   
	border-top: 0;   
	padding: 0;   
	border: 0;   
}   
   
section#featured-jobs .sideboard-adspace div>div {   
	background: transparent;   
	height: auto;   
	border: none;   
	margin-bottom: 10px;   
	position: relative;   
	box-sizing: border-box;   
}   
   
section#featured-jobs .sideboard-adspace a {   
	width: auto;   
	font-size: 1.1em;   
	padding: 10px 25px;   
}   
   
section#featured-jobs .sideboard-adspace img {   
	max-width: 100%;   
	height: auto;   
	display: block;   
	margin: auto;   
}   
   
section#featured-jobs .sideboard-adspace.banner {   
	padding-top: 0;   
}   
   
/**********FEATURED JOBS END   
***********************************/   
   
/**********FEATURED SERVICES   
***********************************/   
#home-page #featured-services {   
	max-width: 100%;   
	background: transparent;   
	padding: 50px 0;   
}   
   
#featured-services .category-header h2 {   
	text-align: center;   
	padding: 0;   
}   
   
#featured-services .interior {   
	max-width: 1000px;   
	margin: auto;   
	background: transparent;   
}   
   
#featured-services .interior ul li {   
	background: transparent;   
	position: relative;   
}   
   
#featured-services .interior ul li span.h5 {   
	position: absolute;   
	left: 0;   
	right: 0;   
	bottom: 0px;   
	z-index: 999;   
	max-width: 230px;   
	margin: auto;   
	padding: 5px 0;   
	color: #fff;   
	background: #262053;   
}   
   
.owl-theme .owl-dots .owl-dot.active span,   
.owl-theme .owl-dots .owl-dot:hover span {   
	background: #262053;   
}   
   
/**********FEATURED SERVICES END   
***********************************/   
   
/**********FEATURED COURSES   
***********************************/   
#featured-courses {   
	width: auto;   
	background: url(img/course-bg.jpg) no-repeat center top / cover;   
	box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.8);   
	max-width: 100%;   
}   
   
#featured-courses .category-header h2 {   
	text-align: center;   
	padding: 0;   
}   
   
#featured-courses .call-to-action {   
	float: none;   
	text-align: center;   
}   
   
#featured-courses .course_cards {   
	padding: 20px 0;   
}   
   
#featured-courses .interior {   
	width: auto;   
	max-width: 1200px;   
	margin: auto;   
}   
   
/**********FEATURED COURSES END   
***********************************/   
   
/**********FEATURED EMPLOYERS   
***********************************/   
#featured-employers .interior {   
	background: transparent;   
	padding: 10px;   
}   
   
#featured-employers .category-header h2 {   
	text-align: center;   
	padding: 0;   
}   
   
#featured-employers .call-to-action {   
	font-size: 1.1em;   
	float: none;   
	text-align: center;   
	max-width: 300px;   
	margin: auto;   
}   
   
#featured-employers .call-to-action .secondary {   
	text-align: center;   
	float: none;   
	display: inline-block;   
	margin: 15px auto 0;   
}   
   
#featured-employers #featured-employer-logos ul li a:hover {   
	border: none;   
}   
   
/**********FEATURED EMPLOYERS END   
***********************************/   
   
/**********FEEDBACK   
***********************************/   
#feedback {   
	padding-top: 35px;   
	position: relative;   
	max-width: 100%;   
	position: relative;   
}   
   
#feedback .interior {   
	background: transparent;   
}   
   
#feedback .interior h4 {   
	font-weight: normal;   
	font-size: 2em;   
}   
   
/**********FEEDBACK END   
***********************************/   
   
/**********FOOTER   
***********************************/   
#footer {   
	color: #fff;   
	max-width: 100%;   
}   
   
.footer-content {   
	background: #262053;   
}   
   
.footer-content .footer-nav {   
	float: none;   
	width: 100%;   
	text-align: center;   
}   
   
.footer-content .footer-nav li {   
	display: inline-block;   
	padding: 0 10px;   
}   
   
.footer-content .footer-nav li a {   
	color: #fff;   
}   
   
.footer-content .footer-nav li a:hover {   
	color: #D95C24;   
}   
   
.footer-content .copyright-contact {   
	float: none;   
	width: 100%;   
	padding: 15px 5px;   
}   
   
.footer-content .social-media {   
	float: none;   
	text-align: center;   
}   
   
.footer-content .social-media a {   
	color: #fff;   
}   
   
.footer-content .social-media a:hover {   
	color: #D95C24;   
}   
   
.powered-by a {   
	/* float: none; text-align: center; max-width: 265px; */   
	margin: 0 0 30px;   
}   
   
/**********FOOTER END   
***********************************/   
   
/**********ADS   
***********************************/   
   
/**********ADS END   
***********************************/   
   
/**********MEDIA QUERIES   
***********************************/   
@media (max-width: 1200px) {   
	.header-content #logo{ 
        padding-left: 15px; 
    } 
	 
	.category-header h2 {   
		padding-left: 10px;   
	}   
   
	.header-content .call-to-action {   
		right: 10px;   
	}   
   
	.home-page .header-content #menu {   
		right: 135px;   
	}   
   
	.hero-expanded {   
		height: 450px;   
	}   
   
	#hero {   
		height: 450px;   
	}   
   
	#hero .site-name-tag {   
		top: 150px;   
	}   
   
	#featured-jobs .interior {   
		background: none;   
		padding: 0px 10px;   
	}   
   
	#featured-job-listing .secondary {   
		margin-right: 10px;   
	}   
}   
   
@media (max-width: 960px) {   
	#header{ 
		min-height: 0; 
	} 
 
	.header-content #logo{ 
		padding-top: 10px; 
		padding-bottom: 10px; 
	} 
 
	#featured-job-listing ul {   
		grid-template-columns: 1fr;  
	}   
   
	#featured-job-listing ul li {   
		padding: 10px 0;   
	}   
 
	#featured-job-listing ul li:nth-of-type(2){ 
		border-top: 1px solid #ccc; 
	} 
   
	#featured-job-listing ul li:nth-child(6),   
	#featured-job-listing ul li:nth-child(7),   
	#featured-job-listing ul li:nth-child(8),   
	#featured-job-listing ul li:nth-child(9),   
	#featured-job-listing ul li:nth-child(10) {   
		display: none;   
	}   
   
	/*nav tragger*/   
	.header-content #menu {   
		position: relative;   
		float: none;   
		top: 0;   
		left: auto;   
		width: 100%;   
		margin: 0;   
		padding: 0;   
		right: 0;   
		transform: none;   
		z-index: 999;   
	}   
   
	.header-content #menu>ul>li {   
		float: none;   
		width: 100%;   
		clear: both;   
		display: block;   
		text-align: center;   
	}   
   
	.header-content #menu .mobile-hide {   
		display: none;   
	}   
   
	.header-content #menu #nav-trigger {   
		display: block;   
		position: relative;   
		cursor: pointer;   
		float: right;   
		text-decoration: none;   
		margin-right: 10px;   
		background: #262053;   
		font-size: 1.1em;   
		padding: 7px 25px;   
		margin-top: 15px;   
		color: #fff;   
	}   
   
	.home-page .header-content #menu #nav-trigger {   
		margin-right: 155px;   
	}   
   
	.header-content #menu #nav-trigger:hover {   
		background-color: #262053;   
		opacity: .8;   
		color: #fff;   
	}   
   
	.header-content #menu #nav-trigger:before {   
		content: "MENU";   
		display: inline-block;   
		padding-right: 2px;   
	}   
   
	.header-content #menu ul {   
		float: none;   
		display: none;   
		height: 100%;   
		width: 100%;   
		box-sizing: border-box;   
		padding-top: 35px;   
	}   
   
	.header-content #menu ul li ul {   
		margin-left: 0;   
		width: 100%;   
		float: none;   
		display: block;   
		background-color: ;   
		box-shadow: none;   
		border: 0;   
		padding: 0;   
		position: static;   
	}   
   
	.header-content #menu li {   
		position: static;   
		clear: both;   
	}   
   
	.header-content #menu li ul {   
		float: none;   
		display: block;   
		height: 100%;   
		width: 100%;   
		position: static;   
		padding: 0;   
	}   
   
	.header-content #menu li ul .collapse {   
		display: block;   
		border: none;   
		background-color: #fff;   
		font-size: 16px;   
		padding: 0 10px;   
		margin: 0;   
		color: #262053;   
		text-align: left;   
	}   
   
	.header-content #menu ul li:first-child ul {   
		border-top: 1px solid #4A4A4A;   
	}   
   
	.header-content .call-to-action {   
		top: 15px;   
		transform: none;   
	}   
   
	.home-page .header-content #menu {   
		right: 0;   
	}   
   
	.header-content #menu {   
		right: 0;   
	}   
   
	.header-content #menu li a{   
		line-height: 100%;   
		padding: 10px 20px;   
	}   
   
	.header-content #menu ul.nav-wrapper-ul li.has-sub-navigation.flyout-navigation-menu.show ul{   
		padding: 0 20px;   
	}   
}   
   
@media (max-width: 850px) {   
	#featured-job-listing ul {   
		padding: 10px;   
	}   
   
	.featured-job-promo:after {   
		width: 80%;   
		height: 200px;   
	}   
   
	.featured-job-promo:before {   
		left: 0;   
	}   
}   
   
@media (max-width: 768px) {   
	body:not(.home-page) #header{ 
		margin-bottom: 20px; 
	} 
 
	#header {   
		box-shadow: none;   
	}   
   
	.translator-tool-header {   
		clear: both;   
		margin-top: 0;   
	}   
   
	section#blank-module {   
		text-align: center;   
	}   
   
	.home-page .featured-job-promo {   
		float: none;   
		display: block;   
		width: 100%;   
		max-width: 100%;   
		height: auto;   
		margin: 20px 0;   
		margin: 0;   
		clear: both;   
		margin-top: 40px;   
		background: transparent;   
	}   
   
	.home-page .header-content #logo {   
		padding-top: 60px;   
		padding-bottom: 30px;   
	}   
   
	.home-page #main-content {   
		margin-top: 0px;   
	}   
   
	.home-page .header-content #menu #nav-trigger {   
		margin-right: 0;   
	}   
   
	.header-content #menu #nav-trigger {   
		display: block;   
		float: none;   
		margin-right: auto;   
		font-size: 1.1em;   
		margin-top: 0px;   
		color: #fff;   
		clear: both;   
		margin: auto;   
		text-align: right;   
		position: absolute;   
		right: 0;   
		width: 100%;   
	}   
   
	.header-content .call-to-action {   
		top: 10px;   
		transform: none;   
		width: auto;   
	}   
   
	.header-content #logo {   
		padding-right: 0px;   
		float: none;   
		margin: auto;   
		display: block;   
		float: none;   
		padding-top: 40px;   
		padding-left: 0;   
	}   
   
	.header-content #menu ul li:first-child ul {   
		border-top: none;   
		padding-top: 38px;   
	}   
   
	.header-content #menu #nav-trigger:hover {   
		opacity: 1;   
	}   
   
	#main-content {   
		margin-top: 20px;   
	}   
   
	#featured-job-listing {   
		width: 100%;   
		background: transparent;   
		text-align: center;   
		padding-bottom: 30px;   
	}   
   
	#featured-jobs .interior {   
		padding: 0px;   
	}   
   
	#featured-job-listing ul {   
		padding: 10px;   
	}   
   
	#featured-jobs .category-header h2 {   
		padding-left: 0px;   
		text-align: center;   
	}   
   
	#featured-job-listing ul {   
		 
		text-align: center;   
		padding: 10px 30px;   
	}   
   
	#featured-job-listing .secondary {   
		margin-right: 0;   
		margin: auto;   
		float: none;   
	}   
   
	.footer-content .social-media li {   
		display: inline-block;   
	}   
   
	.header-content .call-to-action {   
		font-size: 1.1em;   
	}   
   
	.header-content #menu ul li {   
		width: auto;   
	}   
 
	#featured-stats .stats-container .stats-block h3:before{ 
		display: none; 
	} 
}   
   
@media (max-width: 480px) {   
	#home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container label {   
		color: #fff;   
	}   
   
	#home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container .checkmark {   
		color: #fff;   
	}   
   
	#home-page #job-alert-search-form.expanded-img fieldset .form-content .form-content-bottom .checkbox-container .checkmark:after {   
		border-color: #333;   
	}   
   
	#home-page .featured-job-promo {   
		margin: 0;   
		clear: both;   
		margin-top: 40px;   
	}   
   
	#hero #job-search-form form {   
		background: #262053;   
	}   
   
	.header-content #menu ul li ul li {   
		border-bottom: none;   
	}   
   
	.hero-expanded:before {   
		display: none;   
	}   
   
	.hero-expanded {   
		display: none;   
	}   
   
	#hero {   
		background: transparent;   
		height: auto;   
		padding: 0;   
	}   
   
	#hero .site-name-tag {   
		text-align: center;   
		left: 0;   
		background: transparent;   
		padding: 20px 5px;   
		top: 0;   
	}   
   
	#hero .site-name-tag h1 {   
		color: #4A4A4A;   
		font-size: 2.5em;   
		text-shadow: none;   
	}   
   
	#hero .site-name-tag em {   
		color: #4A4A4A;   
		text-shadow: none;   
	}   
   
	#home-page #featured-jobs {   
		padding-top: 30px;   
	}   
   
	#featured-job-listing ul {   
		padding: 5px;   
	}   
   
	#featured-employers .call-to-action .secondary {   
		width: auto;   
	}   
   
	#featured-employers .call-to-action {   
		margin-bottom: 30px;   
	}   
   
	.featured-job-promo:after {   
		width: 100%;   
	}   
   
	#featured-job-listing .secondary {   
		display: inline-block;   
		width: auto;   
	}   
}   
   
/**********MEDIA QUERIES END   
***********************************/
#featured-services .interior .swiper-slide {   
	background: transparent;   
	position: relative;   
}
#featured-services .interior .swiper-slide span.h5 {   
	position: absolute;   
	left: 0;   
	right: 0;   
	bottom: 0px;   
	z-index: 999;   
	max-width: 230px;   
	margin: auto;   
	padding: 5px 0;   
	color: #fff;   
	background: #262053;   
}
