/**********GLOBAL  
***********************************/   
body {   
    font-family: 'Work Sans', sans-serif;  
    color: #444444;   
}  
.translator-tool-header {  
    clear: both;  
    position: absolute;  
    right: 123px;  
    top: 35px;  
}  
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:#000063;   
    transition: all 0.3s ease;   
}   
a:hover {   
    color: #333;   
}   
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, .sideboard-adspace h5, .sideboard-adspace .h5, #feedback .interior .h4, #feedback .interior h4{  
    color: #404040;  
    font-weight: 500;  
     font-size: 30px;  
}  
#home-page #job-alert-search-form fieldset .form-button button.primary {  
    padding: 11px 10px 6px;  
    color: #fff;  
}  
#home-page #job-alert-search-form fieldset .form-button button.primary:hover {  
    border: 1px solid #fff;  
    background: transparent;  
}  
#home-page #job-alert-search-form fieldset .form-button svg {  
    vertical-align: middle;  
    top: -2px;  
} 
#browse-by .interior { 
    max-width: 100%; 
}  
/**********GLOBAL END   
***********************************/   
  
  
/**********HEADER   
***********************************/   
#header {  
    min-height: 100px;  
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .2);  
    border-bottom: 20px solid #999ACF;  
}  
  
.header-content #logo {  
    padding: 10px;  
    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%);  
    background: #000063;  
}  
  
.header-content .call-to-action:hover {  
    background: #555;  
}  
/**********HEADER END  
***********************************/  
  
  
  
/**********HERO IMAGE   
***********************************/   
  
.hero-expanded {  
    position: absolute;  
    height: 550px;  
    width: 100%;  
    background: url("img/hero-22511.jpg") no-repeat center top / cover;  
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.5);  
}  
#home-page #job-alert-search-form.expanded-img {  
    background: #211f5d;  
}  
#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: #d2232a;  
}  
#hero .site-name-tag {  
    top: 294px;  
    right: 10px;  
    margin: auto;  
    text-align: left;  
    left: auto;  
}  
#hero .site-name-tag h1 {  
    color: #fff;  
    font-size: 40px;  
    text-shadow: 0 1px 7px rgba(0,0,0,.8);  
    text-transform: uppercase;  
    font-weight: 800;  
}  
#hero .site-name-tag em {  
    color: rgb(212, 97, 101);  
    font-size: 29px;  
    font-weight: 800;  
}  
/**********HERO IMAGE END  
***********************************/    
  
/**********NAV   
***********************************/    
  
.header-content #menu {  
    float: none;  
    text-align: center;  
    display: block;  
    position: absolute;  
    right: 0;  
    top: 50%;  
    transform: translateY(-50%);  
}  
.header-content #menu {  
    right: 340px;  
}  
.header-content #menu>ul {                         
    margin-bottom: 0;                         
}  
.header-content #menu li ul.sub-navigation li {  
    padding:0 10px;  
}                         
.header-content #menu li:hover {                         
    background-color: transparent;                         
}   
.header-content #menu li:hover a.mobile-hide{                         
    color: rgb(210, 35, 42);  
    background: #eaf0f4;                         
}                       
.header-content #menu li a {  
    font-size: 13px;  
    padding: 20px 15px;  
    margin: 0;  
    color: #3463aa;  
}                        
.header-content #menu li ul {                         
    background-color: #eaf0f4;                         
    min-width: 120px;  
    -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: 20px 10px;    
    font-size:13px;  
    border-top: thin solid #cccccc;                                            
}                         
.header-content #menu ul.sub-navigation li:hover {                         
    background-color: transparent];                         
}   
.header-content #menu ul.sub-navigation li:hover > a{  
    color: rgb(210, 35, 42);       
}                        
/**********NAV END  
***********************************/    
  
  
/**********BUTTONS   
***********************************/   
  
.primary, .secondary, .tertiary, #featured-job-listing .secondary, section#featured-jobs .sideboard-adspace a.tertiary {  
  
    color: #FFF;  
    display: inline-block;  
    text-decoration: none;  
    border: none;  
    cursor: pointer;  
    text-align: center;  
    padding: 14px 24px;  
    font-size: 12px;  
    line-height: 100%;  
    font-weight: 600;  
    letter-spacing: 1px;  
  
}  
  
.primary, .secondary, .tertiary, #featured-job-listing .secondary, #featured-services .interior ul li span.h5, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {  
    background-color: #d2232a;  
      
}  
  
.primary:hover, .secondary:hover, .tertiary:hover, #featured-job-listing .secondary:hover {  
    background-color: #211f5d;  
}  
  
.call-to-action .secondary {  
    padding: 7px 25px;  
}  
  
  
/**********BUTTONS END   
***********************************/   
  
  
  
/**********FEATURED JOBS   
***********************************/  
  
#featured-job-listing {  
  
    min-height: 250px;  
  
}    
  
section#featured-jobs {  
    padding-bottom: 40px;  
}  
.featured-job-promo {  
    width: 30%;  
    min-height: auto;  
    background: #d2232a;  
}  
#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;  
    background: #d2232a;  
}  
.sideboard-adspace h5, .sideboard-adspace .h5 {  
    font-family: 'Work Sans', sans-serif;  
    text-transform: none;  
    font-weight: 500;  
}  
.home-page .sideboard-adspace h5, .home-page .sideboard-adspace .h5 {  
    color: #fff;  
}  
.sideboard-adspace h5, .sideboard-adspace .h5:after {  
    display: block;  
    background: #fff;  
    width: 30px;  
    height: 5px;  
    content: '';  
    margin: 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;  
    color: #fff;  
    font-size: 16px;  
    font-weight: 300;  
}  
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.tertiary{  
    width: auto;  
    background-color: #211f5d;  
}  
section#featured-jobs .sideboard-adspace a.tertiary:hover{  
    background-color: transparent;  
    border: 1px solid #fff;  
    color: #fff;  
}  
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    
***********************************/    
  
  
/**********BLANK MODULE START    
***********************************/    
  
#blank-module {  
  
    padding-bottom: 50px;  
  
}  
  
#blank-module .interior {  
  
    background: transparent;  
  
}  
  
  
/**********BLANK MODULE END    
***********************************/    
  
/**********FEATURED SERVICES   
***********************************/   
#home-page #featured-services {  
    max-width: 100%;  
    background: #d1d3d4;  
    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;  
}  
.owl-theme .owl-dots .owl-dot span {  
    background: #666;  
}  
/**********FEATURED SERVICES 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 END  
***********************************/   
  
/**********FOOTER   
***********************************/   
/*#footer {  
    color: #fff;  
    max-width: 100%;  
}*/  
.footer-content {  
    background: #f5f5f5;  
    padding: 20px 10px;  
}  
/*.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: #000063;  
}  
.footer-content .footer-nav li a:hover{  
    color: #00abb9;  
}*/  
/*.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: #000063;  
}  
.footer-content .social-media a:hover{  
    color: #333;  
}  
/**********FOOTER END  
***********************************/   
  
/**********ADS   
***********************************/   
  
  
  
/**********ADS END  
***********************************/  
  
/**********MEDIA QUERIES  
***********************************/   
@media (max-width: 1200px){  
 .translator-tool-header {  
    right: 130px;  
}  
.header-content .call-to-action {  
    right: 10px;  
}  
#featured-jobs .interior {  
    background: none;  
    padding: 0px 10px;  
}  
.hero-expanded {  
    height: 450px;  
}  
#hero {  
    height: 450px;  
}  
#hero .site-name-tag {  
    top: 240px;  
}  
.category-header h2 {  
    padding-left: 10px;  
}  
#featured-job-listing .secondary {  
    margin-right: 10px;  
}  
}  
  
@media (max-width: 960px){  
  
.translator-tool-header {  
    position: static;  
}  
#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: 17px;  
    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: #d2232a;  
    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 {  
    opacity: .5;  
    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;  
    font-size: 16px;  
    padding: 0 10px;  
    margin: 0;  
    color: #3463aa;  
    text-align: left;  
    background: #d3dcea;  
}  
.header-content #menu li ul li.collapse {  
    padding: 10px;  
}   
.header-content #menu ul li:first-child ul {  
    border-top: 1px solid #444444;  
}  
.header-content .call-to-action {  
    top: 45px;  
    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: 52px;  
}    
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;  
}  
#hero {  
    height: 546px;  
}  
#hero .site-name-tag {  
    top: 279px;  
}  
#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 #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: 10px;  
}  
.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;  
    position: absolute;  
    right: 0;  
    width: 100%;  
}  
.header-content .call-to-action {  
    transform: none;  
    width: auto;  
    padding: 15px;  
}  
.header-content #logo {  
    padding: 10px;  
    float: none;  
    margin: auto;  
    display: inline-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;  
    
}  
}  
  
@media (max-width: 600px){   
  
    #hero {  
        height: 440px;  
    }  
    .hero-expanded {  
        height: 274px;  
        box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.8);  
    }  
    #hero .site-name-tag {  
        top: 96px;  
        right: 0;  
        text-align: center;  
        left: 0;  
    }  
    #hero .site-name-tag em {  
        color: rgb(212, 97, 101);  
    }  
    .footer-content {  
        text-align: center;  
    }  
    .footer-content .footer-nav {  
        float: none;  
        margin: auto;  
        width: 100%;  
    }  
    .footer-content .footer-nav li {  
        line-height: 1.5;  
        display: inline-block;  
    }  
    .footer-content .copyright-contact {  
        float: none;  
        margin: 15px auto auto;  
        width: 100%;  
        padding: 0;  
    }  
    .footer-content .social-media {  
        float: none;  
        margin: 15px auto auto;  
    }  
}  
@media (max-width: 480px){  
.header-content {  
    padding-bottom: 0;  
}  
.header-content #logo {  
    max-width: 160px;  
}  
#home-page #job-alert-search-form .site {  
    color: #fff;  
}  
#hero #job-search-form form {  
    background: #00abb9;  
}  
#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 {  
    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 {  
    font-size: 2.5em;  
    text-shadow: none;  
}  
#hero .site-name-tag em {  
    text-shadow: none;  
}  
#home-page #featured-jobs {  
    padding-top: 30px;  
}  
.header-content #menu ul li ul li {  
    border-bottom: none;  
}  
}  
  
/**********MEDIA QUERIES END   
***********************************/

.primary, .secondary, .tertiary, #featured-job-listing .secondary, #featured-services .interior .swiper-slide span.h5, .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {  
    background-color: #d2232a;  
      
}
#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;  
}