/**********GLOBAL 
***********************************/ 
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap'); 
body {font-family:'Open Sans', sans-serif;color: #444444;} 
.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:#202C7E ;transition: all 0.3s ease;} 
a:hover, #featured-job-listing ul li a h3:hover, #featured-job-listing ul li a .h3:hover {color:#bb000d;} 
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: #444444;font-weight: normal;} 
#browse-by .interior ul.browse-tabs li:hover::after{background: #202C7E;} 
#featured-stats.super{background: #f3f3f3;} 
#featured-stats .stats-container .stats-block h3{display: block;} 
/**********GLOBAL END 
***********************************/ 
 
/**********BUTTONS 
***********************************/ 
.secondary {font-size: 1.1em;background-color: #202C7E ;color: #FFF;display: inline-block;text-decoration: none;border: none;padding: 7px 25px;cursor: pointer;text-align: center;} 
.secondary:hover {background-color: #bb000d;} 
.tertiary {font-size: 1.1em;background-color: #202C7E ;color: #FFF;display: inline-block;text-decoration: none;border: none;cursor: pointer;text-align: center;} 
.tertiary:hover {background-color: #bb000d;} 
.call-to-action .secondary {padding: 7px 25px;} 
.btn-post-job, .primary{background-color: #012A54;} 
.btn-post-job:hover, .primary:hover{background-color: #bb000d;} 
/**********BUTTONS END 
***********************************/ 
 
/**********HEADER 
***********************************/ 
#header {min-height: 100px;box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .2);} 
.header-content #logo {max-width: 200px;padding: 20px 10px 0;} 
.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: transparent;border: 1px solid;padding: 4px 10px 11px;} 
#home-page #job-alert-search-form fieldset .form-button button.primary:hover {background: rgba(255, 255, 255, .2);} 
 
/**********HERO IMAGE 
***********************************/ 
.hero-expanded {position: absolute;height: 550px;width: 100%;background: url("img/hero9466.jpg") no-repeat center top / 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: #00abb9;} 
#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: #bb000d;} 
.header-content #menu li a {font-size: 16px;padding: 10px 20px;margin: 0;line-height: 100%;color: #444444;} 
.header-content #menu li ul {background-color: #fff;min-width: 250px;-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 30px;font-size:14px;} 
.header-content #menu ul.sub-navigation li:hover {background-color: rgba(255, 255, 255, 0.2);} 
.header-content #menu ul.sub-navigation li:hover > a{color: #bb000d;} 
/**********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;min-height: 0;} 
#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-job-promo .sideboard-adspace h5, .featured-job-promo .sideboard-adspace .h5{font-family: inherit;text-transform: capitalize;} 
/**********FEATURED JOBS END 
***********************************/ 
 
/**********FEATURED SERVICES 
***********************************/ 
#home-page #featured-services { max-width: 100%; background: #f5f4f4; 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 h5, #featured-services .interior ul li .h5 {font-size: 1.2em;font-size: 15px;color: #424242;margin: 0 0 12px;line-height: 1.2;letter-spacing: 0px;font-weight: 400;text-transform: uppercase;margin-top: 30px;} 
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #bb000d; } 
#featured-services .interior ul li a:hover { text-decoration: none; } 
/**********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: 25px; border-top: 1px solid #ccc; 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: #202C7E ; } 
.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{text-decoration: underline;} 
.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{ opacity: 0.7;} 
.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 { 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: #202C7E ; font-size: 1.1em; padding: 7px 25px; margin-top: 30px; color: #fff; } 
.home-page .header-content #menu #nav-trigger { margin-right: 155px; } 
.header-content #menu #nav-trigger:hover { background-color: #202C7E ; 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; position: relative;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: #00abb9; text-align: left; } 
.header-content #menu ul li:first-child ul { border-top: 1px solid #444444; } 
.header-content .call-to-action { top: 30px; transform: none; } 
.home-page .header-content #menu { right: 0; } 
.header-content #menu { right: 0; } 
} 
 
@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){ 
#header { box-shadow: none; } 
.translator-tool-header { clear: both; margin-top: 35px; } 
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; } 
.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; } 
} 
 
@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: #00abb9; } 
.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: #444444; font-size: 2.5em; text-shadow: none; } 
#hero .site-name-tag em { color: #444444; 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 h5, #featured-services .interior .swiper-slide .h5 {font-size: 1.2em;font-size: 15px;color: #424242;margin: 0 0 12px;line-height: 1.2;letter-spacing: 0px;font-weight: 400;text-transform: uppercase;margin-top: 30px;}
#featured-services .interior .swiper-slide a:hover { text-decoration: none; }
