/**********GLOBAL 
***********************************/ 
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap'); 
body {font-family:'Roboto', 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: #e11931;transition: all 0.3s ease;font-weight: 600;} 
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;background: transparent;} 
#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, #feedback .interior h2 {color: #444444;font-weight: 600;font-family: 'Roboto', sans-serif;font-size: 2.5em;} 
#browse-by .interior ul.browse-tabs li:hover::after{background: #202C7E;} 
#browse-by .category-header{text-align: center;} 
#featured-stats.super{background: transparent;} 
#featured-stats .stats-container .stats-block h3{display: block;} 
/**********GLOBAL END 
***********************************/ 
 
/**********BUTTONS 
***********************************/ 
.secondary {font-size: 1.1em;background-color: #e11931;color: #FFF;display: inline-block;text-decoration: none;border: none;padding: 7px 25px;cursor: pointer;text-align: center;/* border-radius: 5px; */} 
.secondary:hover {background-color: #000;color:#fff;} 
.tertiary {font-size: 1.1em;background-color: #e11931;color: #FFF;display: inline-block;text-decoration: none;border: none;cursor: pointer;text-align: center;/* border-radius: 5px; */} 
.tertiary:hover {background-color: #000;color:#fff;} 
.call-to-action .secondary {padding: 7px 25px;} 
.btn-post-job, .primary{background-color: #e11931;} 
.btn-post-job:hover, .primary:hover{background-color: #000;color:#fff;} 
/**********BUTTONS END 
***********************************/ 
 
/**********HEADER 
***********************************/ 
#header {/* min-height: 100px; */box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .2);position: relative;} 
.header-content #logo {max-width: 140px;padding: 20px 10px;} 
.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,1);margin-bottom: 0;top: 0;padding-top: 0!important;} 
#home-page #job-alert-search-form fieldset .form-button button.primary {color: #fff;background: transparent;border: 1px solid;padding: 7px 10px 7px;/* border-radius: 5px; */letter-spacing: 1px;} 
#home-page #job-alert-search-form fieldset .form-button button.primary:hover {background: rgba(255, 255, 255, .2);} 
#home-page #job-search-form form fieldset, #home-page #job-search-form form .location_autocomplete {width: 40%;} 
#home-page #job-search-form form fieldset.call-to-action{ width: 20%; } 
#hero #job-search-form form{ background: #202E3C; } 
 
/**********HERO IMAGE 
***********************************/ 
.hero-expanded {position: absolute;height: 400px;width: 100%;background: url("img/hero-12087.jpg") no-repeat right top / cover;box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);position: static;} 
#hero {background: transparent;height: 400px;height: 100%;padding: 0!important;} 
#hero #job-search-form form fieldset .primary {padding: 8px;width: 100%;background: transparent;border: 1px solid #fff;} 
#hero #job-search-form form fieldset .primary:hover {background: #fff;border: 1px solid #fff;color: #e11931;} 
#hero .site-name-tag {text-align: left;top: 290px;left: 10px;} 
#hero .site-name-tag h1 {color: #fff;font-size: 3.5em;text-shadow: 0 1px 7px rgba(0,0,0,.8);font-family: 'Roboto', sans-serif;} 
#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: #e11931;} 
.header-content #menu li a {font-size: 15px;padding: 10px 20px;margin: 0;line-height: 100%;color: #333;font-family: 'Roboto', sans-serif;font-weight: 600;} 
.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 20px;/* font-size: 18px; */color: #000;} 
.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: #e11931;} 
/**********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: 40px 10px;margin: 0 auto;background: linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url(img/resume.jpg)no-repeat center top/cover;} 
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;color: #fff;} 
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;font-family: 'Roboto', sans-serif;font-size: 1.85em;color: #fff;} 
/**********FEATURED JOBS END 
***********************************/ 
 
 
/**********Blank Module 
***********************************/ 
.blank-module{/* text-align: center; *//* background: linear-gradient(0deg, rgba(27, 105, 176, 0.21) 40%, rgba(27, 105, 176, 0.21) 81%),url(img/blue-section-bg.png) no-repeat center center / cover; */background: #000;color: #fff;} 
.wrapper{max-width: 1200px;margin: 0 auto;} 
.blank-con{padding: 80px 20px;text-align: center;} 
.blank-left{ 
    /* max-width: 1000px; */ 
    /* margin: 0 auto; */ 
} 
.blank-left h2{ 
    margin-bottom: 30px; 
    color: #fff; 
} 
.blank-left h2 span{ 
    display: block; 
    font-size: 22px; 
} 
.blank-left p{margin-bottom: 25px;/* color: #fff; */font-size: 17px!important;} 
/**********Blank Module End 
***********************************/ 
 
/**********FREATURED SERVICES 
***********************************/ 
.wrapper{max-width: 1200px;margin: 0 auto;} 
#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 img { width: 100%;} 
#featured-services .interior ul li { background: transparent; position: relative; } 
#featured-services .interior h5, #featured-services .interior .h5 {font-size: 1.2em;font-size: 18px;color: #fff;margin: 0 0 12px;line-height: 100%;letter-spacing: 0px;font-weight: 400;/* text-transform: uppercase; *//* margin-top: 30px; */background: #e11931;padding: 15px 10px;width: 100%;} 
#featured-services .interior a:hover, #featured-services .interior a:hover .h5{opacity:0.7;} 
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #e11931; } 
#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 h2 {padding-bottom: 10px;} 
/**********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{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: 250px;} 
#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; } 
 
.home-page #header{position: relative;} 
 
/*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;/* background: #4C4C4C; */} 
.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: #e11931;font-size: 1.1em;padding: 7px 25px;margin-top: 30px;color: #fff;/* border-radius: 5px; */} 
.home-page .header-content #menu #nav-trigger { margin-right: 155px; } 
.header-content #menu #nav-trigger:hover {background-color: #e11931;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: #e11931; 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: 20px;} 
.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; } 
 
#home-page #job-search-form form fieldset, #home-page #job-search-form form .location_autocomplete{width: 37%;} 
#home-page #job-search-form form fieldset.call-to-action{width: 25%;} 
} 
 
@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: #e11931; */} 
.header-content #menu ul li ul li { border-bottom: none; } 
.header-content{padding-bottom: 0;} 
 
.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; } 
 
#home-page #job-search-form form fieldset, #home-page #job-search-form form .location_autocomplete{width: 100%;} 
#home-page #job-search-form form fieldset.call-to-action{width: 100%;} 
} 
 
/**********MEDIA QUERIES END 
***********************************/
