/**********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: #0BA6E7;     
	transition: all 0.3s eas     
}     
     
a:hover,     
#featured-job-listing ul li a h3:hover,     
#featured-job-listing ul li a .h3:hover {     
	color: #000;     
}     
     
h1,     
h2,     
h3,     
.h3,     
h4,     
.h4,     
h5,     
.h5,     
h6,     
.h6 {     
	font-weight: 500;     
}     
     
h2 {     
	color: #005573;     
	font-size: 2em;     
}     
     
.site {     
	max-width: 1200px;     
}     
     
#featured-stats.super .interior {     
	max-width: 1200px;     
	margin: auto;     
}     
     
#featured-stats h2 {     
	text-align: center;     
}     
     
.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: #0ba6e7;     
}     
     
.sideboard-adspace h5, .sideboard-adspace .h5{     
	font-family: 'Roboto', sans-serif;     
	font-weight: 600;     
}     
     
.sideboard-adspace em{     
	letter-spacing: 0;     
}     
     
/**********GLOBAL END     
***********************************/     
     
/**********BUTTONS     
***********************************/     
.secondary {     
	font-size: 1.1em;     
	background-color: #0BA6E7;     
	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: #3599c3;     
}     
     
.tertiary {     
	font-size: 1.1em;     
	background-color: #0BA6E7;     
	color: #FFF;     
	display: inline-block;     
	text-decoration: none;     
	border: none;     
	cursor: pointer;     
	text-align: center;     
	border-radius: 4px;     
}     
     
.tertiary:hover {     
	background-color: #3599c3;     
}     
     
.call-to-action .secondary {     
	padding: 7px 25px;     
}     
     
.btn-post-job,     
.primary {     
	background-color: #0BA6E7;     
	border-radius: 4px;     
}     
     
.btn-post-job:hover,     
.primary:hover {     
	background-color: #3599c3;     
}     
     
/**********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: 200px;     
}     
     
.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: #0BA6E7;     
	padding: 4px 10px 11px;     
	border-radius: 4px;     
}     
     
#home-page #job-alert-search-form fieldset .form-button button.primary:hover {     
	background: #3599c3;     
}     
     
/**********HERO IMAGE     
***********************************/     
.hero-expanded {     
	position: absolute;     
	height: 550px;     
	width: 100%;     
	background: url("img/hero-17985.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: #0BA6E7;     
}     
     
#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: #0BA6E7;     
}     
     
.header-content #menu li a {     
	font-size: 16px;     
	padding: 0 20px;     
	margin: 0;     
	line-height: 100px;     
	color: #4A4A4A;     
}     
     
.header-content #menu li ul {     
	background-color: #fff;     
	min-width: 220px;     
	-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 20px;     
	font-size: 15px;     
}     
     
.header-content #menu ul.sub-navigation li:hover {     
	background-color: transparent;     
}     
     
.header-content #menu ul.sub-navigation li:hover > a {     
	color: #0BA6E7;     
}     
     
/**********NAV END     
***********************************/     
     
/**********FEATURED JOBS     
***********************************/     
section#featured-jobs {     
	padding-bottom: 40px;     
}     
     
.featured-job-promo {     
	width: 30%;     
	min-height: auto;     
}     
     
#featured-job-listing {     
	width: 67%;     
	background: transparent;     
}     
     
#featured-job-listing ul {     
	padding: 20px 0;     
	z-index: 99;     
	position: relative;     
	margin: auto;     
	column-count: 2;     
	text-align: left;     
	padding-top: 0;     
}     
     
#featured-job-listing ul li {     
	border-bottom: 1px solid #ccc;     
	padding: 15px 0;     
	margin: 0;     
}     
     
#featured-job-listing ul li:nth-child(5) {     
	border-bottom: none;     
}     
     
#featured-job-listing ul li:last-child {     
	border-bottom: 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: #0BA6E7;     
}     
     
.owl-theme .owl-dots .owl-dot.active span,     
.owl-theme .owl-dots .owl-dot:hover span {     
	background: #0BA6E7;     
}     
     
/**********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: #000;     
}     
     
.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: #0BA6E7;     
}     
     
.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: #0BA6E7;     
}     
     
.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) {     
	.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) {     
	#featured-job-listing ul {     
		column-count: 1;     
	}     
     
	#featured-job-listing ul li {     
		padding: 10px 0;     
	}     
     
	#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: #0BA6E7;     
		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: #0BA6E7;     
		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: #0BA6E7;     
		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 li:nth-child(4) {     
		border-bottom: 1px solid #ccc;     
	}     
     
	#featured-job-listing ul {     
		column-count: 1;     
		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;     
	}     
}     
     
@media (max-width: 480px) {     
    .header-content #logo img{   
        margin-left: 10px;   
    }   
	#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: #0BA6E7;     
	}     
     
	.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: #0BA6E7;     
}
