/**********GLOBAL 
***********************************/ 
body { 
    font-family: 'Roboto', sans-serif; 
    color: #444444; 
} 
.translator-tool-header { 
    clear: both; 
float: none; 
position: absolute; 
top: -20px; 
right: 0; 
} 
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: #009CB6; 
    transition: all 0.3s ease; 
    font-weight: 500; 
} 
a:hover, #featured-job-listing ul li a h3:hover{ 
    color: #666666; 
} 
h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { 
    font-weight: 500; 
} 
h2 { 
    color: #005573; 
    font-size: 2em; 
} 
.site { 
    max-width: 1200px; 
 
} 
.category-header { 
    max-width: 1200px; 
    margin: auto; 
    background: transparent; 
} 
.category-header h2{ 
    color: #444444; 
    font-weight: normal; 
} 
#featured-stats.super{ 
text-align: center; 
} 
#featured-stats.super .interior{ 
max-width: 1200px; 
margin: 0 auto; 
} 
/**********GLOBAL END 
***********************************/ 
 
 
/**********HEADER 
***********************************/ 
#header { 
    min-height: 100px; 
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .2); 
padding-top: 30px; 
} 
 
.header-content #logo { 
    padding: 20px 10px; 
    max-width: 250px; 
} 
.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: #0076CE; 
} 
#home-page #job-alert-search-form fieldset .form-button button.primary { 
    color: #fff; 
    background: transparent; 
    border: 1px solid; 
} 
#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/hero-22438.jpg") no-repeat center top / cover; 
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.4); 
} 
 
#hero { 
    background: transparent; 
    height: 672px; 
} 
#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: 380px; 
    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%; 
    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: #666666; 
} 
.header-content #menu li a { 
    font-size: 16px; 
    padding: 14px 20px; 
    margin: 0; 
    line-height: 100px; 
    color: #0076CE; 
} 
.header-content #menu li ul { 
    background-color: #0076CE; 
    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 18px; 
    font-size: 14px; 
    color: #fff; 
    font-weight: 700; 
} 
.header-content #menu ul.sub-navigation li:hover > a{ 
    color: #81d2ff; 
} 
/**********NAV END 
***********************************/ 
 
 
/**********BUTTONS 
***********************************/ 
.primary, .secondary, .tertiary{ 
    font-size: 1.1em; 
    background-color: #0076CE; 
    color: #FFF; 
    display: inline-block; 
    text-decoration: none; 
    border: none; 
    padding: 7px 25px; 
    cursor: pointer; 
    text-align: center; 
} 
.secondary:hover, .tertiary:hover{ 
    background-color: #666666; 
} 
.call-to-action .secondary { 
    padding: 7px 25px; 
} 
 
/**********BUTTONS 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: #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 span.h5 { 
    position: absolute; 
    left: 0; 
    right: 0; 
    bottom: 0px; 
    z-index: 999; 
    background: #0076CE; 
    max-width: 230px; 
    margin: auto; 
    padding: 5px 0; 
    color: #fff; 
} 
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { 
    background: #0076CE; 
} 
/**********FEATURED SERVICES END 
***********************************/ 
 
/**********BLANK MODULE 
***********************************/ 
section#blank-module { 
       max-width: 100%; 
    padding: 30px 0; 
    position: relative; 
    background: url(img/blank-module.jpg) no-repeat center center / cover; 
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.7); 
    text-align: center; 
    font-size: 14px; 
} 
#blank-module  a.secondary { 
    margin: 30px 0px 0px 0; 
} 
#blank-module  a.secondary:hover { 
    background-color: #fff; 
    color: #3E4140; 
} 
#blank-module .interior { 
    padding: 20px 10px; 
    background: transparent; 
    color: #fff; 
    max-width: 960px; 
    line-height: 28px; 
    margin: 0 auto; 
    font-size: 15px; 
} 
#blank-module .interior p:nth-child(2){ 
    margin-top: 30px; 
} 
#blank-module .category-header h2 { 
    color: #fff; 
} 
/**********BLANK MODULE 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: #0076CE; 
    font-weight: 500; 
    color: #fff; 
    font-size: 13px; 
} 
.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: #6ecbff; 
} 
.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: #6ecbff; 
} 
/**********FOOTER END 
***********************************/ 
 
/**********ADS 
***********************************/ 
 
 
 
/**********ADS END 
***********************************/ 
 
/**********MEDIA QUERIES 
***********************************/ 
@media (max-width: 1200px){ 
.header-content .call-to-action { 
    right: 10px; 
} 
#hero .site-name-tag h1{ 
font-size: 2.5em; 
} 
#featured-jobs .interior { 
    background: none; 
    padding: 0px 10px; 
} 
.home-page .header-content #menu { 
    right: 135px; 
} 
.hero-expanded { 
    height: 450px; 
} 
#hero { 
    height: 572px; 
} 
#hero .site-name-tag { 
    top: 330px; 
} 
.category-header h2 { 
    padding-left: 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: #0076CE; 
    font-size: 1.1em; 
    padding: 7px 25px; 
    margin-top: 30px; 
    color: #fff; 
} 
.home-page .header-content #menu #nav-trigger { 
margin-right: 155px; 
margin-top: 35px; 
} 
.header-content #menu #nav-trigger:hover { 
    background-color: #666666; 
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; 
} 
.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: #0D64A6; 
    font-size: 16px; 
    padding: 10px; 
    margin: 0; 
    color: #fff; 
    text-align: left; 
} 
.header-content .call-to-action { 
    top: 35px; 
    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){ 
.translator-tool-header { 
clear: both; 
margin-top: 0; 
right: unset; 
top: 4px; 
} 
 
#hero { 
    height: 626px; 
} 
.hero-expanded { 
    height: 454px; 
} 
#header { 
    box-shadow: none; 
padding-top: 10px; 
} 
.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; 
} 
#featured-job-listing { 
    width: 100%; 
    background: transparent; 
    text-align: center; 
    padding-bottom: 30px; 
} 
#featured-jobs .interior { 
    padding: 0px; 
} 
#featured-job-listing ul { 
    padding: 10px; 
} 
.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-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; 
} 
#main-content { 
    margin-top: 50px; 
} 
.home-page #main-content { 
    margin-top: 0; 
} 
.home-page .header-content #menu #nav-trigger { 
    margin-right: 0; 
margin-top: 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; 
     
    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; 
max-width: 159px; 
} 
.header-content #menu ul li:first-child ul { 
    border-top: none; 
    margin-top: 0; 
padding-top: 35px; 
} 
.header-content #menu #nav-trigger:hover { 
    opacity: 1; 
 
} 
} 
@media (max-width: 480px){ 
#home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container{ 
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 section, .header-content{ 
padding: 0; 
} 
#featured-employers .interior p{ 
    display: none; 
} 
#home-page #job-alert-search-form.expanded-img fieldset { 
    background: #0076ce; 
} 
#home-page #job-alert-search-form fieldset .form-button button.primary{ 
background: #404444; 
color: #fff; 
border-color: #404444; 
} 
#home-page #job-alert-search-form fieldset .form-button button.primary:hover{ 
background: #6ecbff; 
color: #fff; 
border-color: #6ecbff; 
} 
#hero #job-search-form form { 
    background: #00abb9; 
} 
.hero-expanded:before { 
    display: none; 
} 
#featured-job-listing ul { 
    padding: 5px; 
} 
#home-page .featured-job-promo { 
    margin: 0; 
    clear: both; 
    margin-top: 40px; 
} 
#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; 
} 
 .hero-expanded { 
    display: none; 
} 
#hero { 
    background: transparent; 
    height: auto; 
    padding: 0; 
padding-bottom: 15px; 
} 
#hero .site-name-tag { 
    text-align: center; 
    left: 0; 
    background: transparent; 
    padding: 20px 5px; 
    top: 0; 
    margin-top: 35px; 
} 
#hero .site-name-tag h1 { 
    color: #444444; 
    font-size: 2em; 
    text-shadow: none; 
} 
#hero .site-name-tag em { 
    color: #444444; 
    text-shadow: none; 
font-size: 1.4em; 
} 
#home-page #featured-jobs { 
    padding-top: 30px; 
} 
.header-content #menu ul li ul li { 
    border-bottom: none; 
} 
} 
 
/**********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; 
    background: #0076CE; 
    max-width: 230px; 
    margin: auto; 
    padding: 5px 0; 
    color: #fff; 
}