/**********GLOBAL   
***********************************/   
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:#039AD3 ;   
    transition: all 0.3s ease;   
}   
#featured-job-listing ul li a h3:hover, #featured-job-listing ul li a .h3:hover{   
  color: #CD4923;   
}   
#featured-stats.super .interior {   
    max-width: 1200px;   
    margin: auto;   
}   
#featured-stats.super{   
  background: #F4FFFF;   
}   
#featured-stats h2{   
  text-align: center;   
}   
.leaderboard-adspace{   
  margin: 0 auto;   
}   
a:hover {   
    color: #CD4923;   
}   
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;   
}   
/**********GLOBAL END   
***********************************/   
   
   
/**********HEADER   
***********************************/   
#header {   
    min-height: 100px;   
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .2);   
}   
   
.header-content #logo {   
    padding: 18px 8px;   
    max-width: 313px;   
}   
.header-content #logo img {   
    max-height: 100%;   
}   
.header-content .call-to-action {   
    margin-top: 0px;   
    position: absolute;   
    right: 0;   
    top: 50%;   
    transform: translateY(-50%);   
    background: #CD4923;   
}   
.header-content .call-to-action:hover{   
    background: #039AD3;   
    opacity: 1;   
}   
/**********HEADER END   
*********************©7**************/   
   
/**********JAQC SEARCH   
***********************************/   
#home-page #job-alert-search-form.expanded-img {   
    background: rgba(3,154,211,0.7);   
}   
#home-page #job-alert-search-form fieldset .form-button button.primary {   
    color: #fff;   
    background: transparent;   
    border: 1px solid;   
    padding: 6px 10px 9px;   
}   
#home-page #job-alert-search-form fieldset .form-button button.primary:hover {   
    background: #CD4923;   
}   
/**********HERO IMAGE   
***********************************/   
   
.hero-expanded {   
    position: absolute;   
    height: 550px;   
    width: 100%;   
    background: url("img/hero-22682.jpg") no-repeat center top / cover;   
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);   
}   
   
.hero-expanded:before {   
    content: "";   
    position: absolute;   
    height: 81px;   
    background: rgba(3,154,211,0.7);   
    display: block;   
    bottom: 0;   
    width: 100%;   
}   
   
#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: #CD4923;   
    border-color: #CD4923;   
}   
#job-search-form form .location_autocomplete, #job-search-form form fieldset{   
  width: 37%;   
}   
#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%;   
    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: #CD4923;   
}   
.header-content #menu li a {   
    font-size: 16px;   
    padding: 0 20px;   
    margin: 0;   
    line-height: 100px;   
    color: #444444;   
}   
.header-content #menu li ul {   
    background-color: #039AD3;   
    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;   
    color: #fff;   
}   
.header-content #menu ul.sub-navigation li:hover {   
    background-color: #CD4923;   
}   
.header-content #menu ul.sub-navigation li:hover > a{   
    color: #fff;   
}   
/**********NAV END   
***********************************/   
   
   
/**********BUTTONS   
***********************************/   
.secondary {   
    font-size: 1.1em;   
    background-color: #039AD3;   
    color: #FFF;   
    display: inline-block;   
    text-decoration: none;   
    border: none;   
    padding: 7px 25px;   
    cursor: pointer;   
    text-align: center;   
}   
.secondary:hover {   
    background-color: #CD4923;   
    opacity: .8;   
}   
.tertiary {   
    font-size: 1.1em;   
    background-color: #039AD3;   
    color: #FFF;   
    display: inline-block;   
    text-decoration: none;   
    border: none;   
    cursor: pointer;   
    text-align: center;   
}   
.tertiary:hover {   
    background-color: #CD4923;   
    opacity: .8;   
}   
   
.call-to-action .secondary {   
    padding: 7px 25px;   
}   
.jt_toplinks .btn-post-job {   
  background: #CD4923;   
}   
.jt_toplinks .btn-post-job:hover{   
  background: #039AD3;   
  color: #fff;   
}   
/**********BUTTONS END   
***********************************/   
   
   
   
/**********FEATURED JOBS   
***********************************/   
#browse-by .interior ul.browse-tabs li:hover::after {   
  background: #CD4923;   
}   
   
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: #F4FFFF;   
    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: #039AD3;   
}   
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {   
    background: #039AD3;   
}   
.owl-carousel .owl-nav [class*="owl-"]:hover{   
    background: #CD4923;   
}   
/**********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: #039AD3;   
}   
.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: #B5D9F2;   
}   
.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: #B5D9F2;   
}   
   
.powered-by a {   
  float: none;   
  text-align: center;   
  max-width: 265px;   
  margin: 0 auto 30px;   
}   
/**********FOOTER END   
***********************************/   
   
/**********ADS   
***********************************/   
   
   
   
/**********ADS END   
***********************************/   
   
/**********MEDIA QUERIES   
***********************************/   
@media (max-width: 1200px){   
.header-content .call-to-action {   
    right: 10px;   
}   
#featured-jobs .interior {   
    background: none;   
    padding: 0px 10px;   
}   
.home-page .header-content #menu {   
    right: 135px;   
}   
.hero-expanded {   
    height: 450px;   
}   
#hero {   
    height: 450px;   
}   
#hero .site-name-tag {   
    top: 150px;   
}   
.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: #039AD3;   
    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: #CD4923;   
    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: #039AD3;   
    font-size: 16px;   
    padding: 0 10px;   
    margin: 0;   
    color: #fff;   
    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;   
}   
.hero-expanded{   
  background-position: top right -255px;   
}   
}   
   
@media (max-width: 768px){   
#header {   
   
    box-shadow: none;   
}   
.translator-tool-header {   
    clear: both;   
    margin-top: 35px;   
}   
section#blank-module {   
    text-align: center;   
}   
#basic-page section{   
  padding-top: 0;   
}   
.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 {   
  margin: 0;   
  padding: 15px;   
  max-width: 274px;   
}   
#hero #job-search-form form fieldset, #job-search-form form .location_autocomplete{   
  width: 32%;   
  padding: 0 10px 0 0;   
}   
#hero #job-search-form form fieldset.call-to-action{  
padding-right:0;  
}  
#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: 15px;   
}   
.home-page #main-content {   
    margin-top: 0;   
}   
.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;   
       
    right: 0;   
    width: 100%; }   
.header-content .call-to-action {   
    top: 26px;   
    transform: none;   
    width: auto;   
}   
.header-content #logo {   
    float: none;   
    margin: auto;   
    display: block;   
    float: none;   
}   
.header-content #menu ul li:first-child ul {   
    border-top: none;   
    margin-top: 38px;   
}   
.header-content #menu #nav-trigger:hover {   
    opacity: 1;   
   
}   
#feedback{   
  padding: 25px 10px 0;   
  width: auto;   
}   
}   
@media (max-width: 480px){   
.home-page .header-content #logo {   
  max-width: 206px;   
  padding: 15px 8px;   
}   
.header-content .call-to-action {   
  top: 17px;   
  padding: 7px 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;   
}   
#hero #job-search-form form fieldset, #job-search-form form .location_autocomplete{   
  width: 100%;   
  padding: 2px;   
}   
#hero #job-search-form form {   
    background: #039AD3;   
    padding: 20px;   
}   
.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;   
}   
#hero .site-name-tag {   
    text-align: center;   
    left: 0;   
    background: transparent;   
    padding: 0 5px 20px;   
    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;   
}   
.header-content #menu ul li ul li {   
    border-bottom: none;   
}   
#home-page #job-alert-search-form.expanded-img {   
    background: #039AD3;   
}   
}   
   
/**********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: #039AD3;   
}