/**********GLOBAL          
***********************************/           
body {  
    font-family: 'Open Sans', sans-serif;  
    color: #333;  
    font-size: 13px;  
}          
.translator-tool-header {           
    margin-top: 100px;          
}          
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: #3B66B1;  
    transition: all 0.3s ease;  
}           
#featured-job-listing ul li a h3:hover, #featured-job-listing ul li a .h3:hover, a:hover {           
    color: #08424d;           
}           
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, #feedback .interior .h4, #feedback .interior h4{  
    font-size: 2em;  
    font-family: 'Playfair Display', serif;  
    color: #283E68;  
}         
.translator-tool-header #google_translate_element {          
    margin: 10px 0 15px 10px;          
}          
/**********GLOBAL END           
***********************************/           
          
          
/**********HEADER           
***********************************/           
#header {          
    min-height: 100px;          
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .2);          
}          
          
.header-content #logo {  
    padding: 30px 10px 0;  
    max-height: 124px;  
    max-width: 299px;  
}          
.header-content #logo img {  
    max-height: 100%;  
}          
.header-content .call-to-action {          
    margin-top: 0px;          
    position: absolute;          
    right: 0;          
    top: 42%;          
    transform: translateY(-50%);          
}          
/**********HEADER END          
***********************************/          
          
          
          
/**********HERO IMAGE           
***********************************/           
          
.hero-expanded {  
    position: absolute;  
    height: 500px;  
    width: 100%;  
    background: url("img/hero-22541.jpg") no-repeat center top / cover;  
    box-shadow: inset 0 0 0 1000px rgb(0, 57, 68,0.6);  
}          
#hero {  
    background: transparent;  
    height: 500px;  
}          
#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: center;  
    right: 10px;  
    text-transform: uppercase;  
    top: 130px;  
    left: auto;  
}  
#hero .site-name-tag:before {  
    content:'';  
    background: url(img/hammer.png) no-repeat center top/cover;  
    display: block;  
    margin: 0 auto 10px;  
    width: 50px;  
    height: 50px;  
}             
#hero .site-name-tag h1 {  
    color: #fff;  
    font-size: 3em;  
    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);  
    font-size: 1.5em;  
}          
#home-page #job-alert-search-form.expanded-img {  
    background: #7ab4c7;  
}          
/**********HERO IMAGE END          
***********************************/            
          
/**********NAV           
***********************************/            
          
.header-content #menu {          
    float: none;          
    text-align: center;          
    display: block;          
    position: absolute;          
    right: 0;          
    top: 42%;          
    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: #cc3524;  
}                               
.header-content #menu li a {  
    font-size: 16px;  
    padding: 0 20px;  
    margin: 0;  
    line-height: 100px;  
    color: #444444;  
}                                
.header-content #menu li ul {  
    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);  
    padding: 10px;  
    background: linear-gradient(to bottom, #dbd7c0 0%,#bcbba2 100%);  
}                                 
.header-content #menu li ul.sub-navigation li a {  
    border-top: 0;  
    line-height: normal;  
    text-align: left;  
    padding: 10px;  
    font-size:14px;  
    color: #333;  
    transition: .45s all ease;  
    -webkit-transition: .45s all ease;  
    -moz-transition: .45s all ease;  
    -o-transition: .45s all ease;  
    border-radius: 4px;  
}  
.header-content #menu li ul.sub-navigation li:not(:last-child) a {  
    border-bottom: 1px solid rgba(255,255,255,.2);  
}                                   
          
.header-content #menu ul.sub-navigation li:hover > a{  
    background: #2F4783;  
    color: #fff;  
}                                   
/**********NAV END          
***********************************/            
          
          
/**********BUTTONS           
***********************************/          
          
.primary, .secondary, .tertiary{  
    background-color: #2F4783;  
}          
.primary, .secondary, .tertiary, section#featured-jobs .sideboard-adspace a {          
    padding: 7px 25px;          
}          
.primary, .secondary, .tertiary {  
    font-size: 1.1em;  
    color: #FFF;  
    display: inline-block;  
    text-decoration: none;  
    border: none;  
    cursor: pointer;  
    text-align: center;  
    border-radius: 4px;  
}          
.primary:hover, .secondary:hover, .tertiary:hover {  
    background-color: #555;  
}          
.call-to-action .secondary {          
    padding: 7px 25px;          
}   
#home-page #job-alert-search-form fieldset .form-button button.primary {  
    padding: 7px 10px;  
    border: 1px solid #2F4783;  
}           
#home-page #job-alert-search-form fieldset .form-button button.primary:hover {          
    border: 1px solid #fff;          
    background: transparent;          
}          
         
          
/**********BUTTONS END           
***********************************/           
          
          
          
/**********FEATURED JOBS           
***********************************/            
section#featured-jobs {          
    padding-bottom: 40px;          
}  
  
section#featured-jobs .category-header h2:after {  
    display: block;  
    margin: 20px 0;  
}          
#home-page .featured-job-promo {background: #efede4;}          
.featured-job-promo {  
    width: 30%;  
    min-height: auto;  
    position: relative;  
    padding: 0;  
}          
#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 #e6e6e6;  
    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: 0 0 20px;  
    margin: 0 auto;  
    background: transparent;  
}          
#home-page .sideboard-adspace h5, #home-page .sideboard-adspace .h5, section#featured-jobs .sideboard-adspace em {/* color: #fff; */}          
.sideboard-adspace h5, .sideboard-adspace .h5 {  
    margin-bottom: 30px;  
    padding: 0;  
    font-size: 1.5em;  
    background: #b8d6e1;  
    display: block;  
    line-height: 50px;  
    font-family: 'Playfair Display', serif;  
    /* text-transform: capitalize; */  
}          
section#featured-jobs .sideboard-adspace .job-alert-signup {  
    max-width: 100%;  
    margin: auto;  
}  
#home-page section#featured-jobs .sideboard-adspace .job-alert-signup {  
    /* text-align: left; */  
}          
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: 30px;  
    position: relative;  
    box-sizing: border-box;  
    padding: 0 10px;  
}          
section#featured-jobs .sideboard-adspace a {  
    width: auto;  
    font-size: 1.1em;  
    text-transform: uppercase;  
}  
section#featured-jobs .sideboard-adspace a:hover {  
    /* border: 1px solid #cc3524; */  
    /* background: #cc3524; */  
}            
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            
***********************************/   
  
#home-page section#blank-module {  
    margin-bottom: 40px;  
}  
  
/**********BLANK MODULE END           
***********************************/   
  
  
/**********FEATURED SERVICES           
***********************************/           
#home-page #featured-services {  
    max-width: 100%;  
    padding: 50px 0;  
    background-color: #2F4783;  
}          
#featured-services .category-header h2 {          
    text-align: center;          
    padding: 0;          
    color: #fff;          
}  
#featured-services .category-header h2:after {                  
    background: #fff;          
}           
#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: #7ab4c7;  
}          
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {  
    background: #7ab4c7;  
}          
/**********FEATURED SERVICES END          
***********************************/           
          
/**********FEATURED EMPLOYERS           
***********************************/  
  
#featured-employers{  
    max-width: 100%;  
    background: #efede4;  
}           
#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;      
    padding: 0 10px;         
}                
/**********FEEDBACK END          
***********************************/           
          
/**********FOOTER           
***********************************/           
#footer {  
    max-width: 100%;  
}          
.footer-content {  
    background: #f2fbff;  
}          
.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: #55678A;  
}          
.footer-content .footer-nav li a:hover{  
     color: #333;  
     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: #283E68;  
}          
.footer-content .social-media a:hover{  
     color: #7ab4c7;   
}          
/**********FOOTER END          
***********************************/           
          
/**********ADS           
***********************************/           
          
          
          
/**********ADS END          
***********************************/          
          
/**********MEDIA QUERIES          
***********************************/           
@media (max-width: 1200px){          
.header-content .call-to-action {          
    right: 10px;          
}          
.translator-tool-header #google_translate_element {  
    margin: 10px 10px 15px;  
}          
#featured-jobs .interior {          
    background: none;          
    padding: 0px 10px;          
}          
.home-page .header-content #menu {          
    right: 135px;          
}          
.hero-expanded {          
    height: 450px;          
}          
#hero {          
    height: 452px;          
}          
#hero .site-name-tag {  
    top: 100px;  
}          
.category-header h2 {          
    padding-left: 10px;          
}          
#featured-job-listing .secondary {          
    margin-right: 10px;          
}          
}          
          
@media (max-width: 960px){          
   .header-content #logo {  
    padding: 38px 10px 13px;  
}          
    .translator-tool-header {          
    clear: both;          
    margin-top: -30px;          
}          
          
#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: #7ab4c7;  
    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: .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;             
}                      
.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: #aaa87c;        
font-size: 16px;        
padding: 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;          
}          
#home-page .sideboard-adspace h5, #home-page .sideboard-adspace .h5{          
    font-size: 15px;          
}          
#home-page section#featured-jobs .sideboard-adspace em {          
    font-size: 14px;          
}             
}          
          
@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;          
    width: 100%;          
    text-align: center;          
}       
.header-content #menu li:hover {       
    background-color: #eaf0f4;       
}  
.hero-expanded {  
        /* background-position: right -200px top; */  
}  
.translator-tool-header #google_translate_element {  
    margin: 15px;  
}         
section#blank-module {          
    text-align: center;          
}  
section#blank-module .category-header{          
    display: none;         
}          
.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;          
}          
#featured-job-listing {          
    width: 100%;          
    background: transparent;          
    text-align: center;          
    padding-bottom: 30px;          
}          
#featured-jobs .interior {          
    padding: 0px;          
}          
#featured-job-listing ul {          
    padding: 10px;          
}  
#home-page section#featured-jobs .sideboard-adspace .job-alert-signup {  
    text-align: center;  
}          
.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: 0;          
}          
.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;  
    margin-right: 0;  
    top: 47px;  
}          
.header-content #logo {  
    padding: 25px 10px 18px;  
}          
.header-content #logo {  
    float: none;  
    margin: auto;  
    display: inline-block;  
    float: none;  
}          
.header-content #menu ul li:first-child ul {          
    border-top: none;          
    margin-top: 35px;          
}          
.header-content #menu #nav-trigger:hover {          
    opacity: 1;          
            
}          
#hero .site-name-tag {  
    top: 78px;  
}                 
#home-page .sideboard-adspace h5, #home-page .sideboard-adspace .h5{          
    font-size: 1.5em;          
}          
#home-page section#featured-jobs .sideboard-adspace em {          
        font-size: 1.35em;          
}           
          
}                 
          
@media (max-width: 500px){           
          
    .header-content #logo {          
        width: 250px;          
        display: inline-block;          
    }          
    .header-content .call-to-action {          
        top: 33px;          
        font-size: 12px;          
        padding: 10px;          
    }          
          
}          
@media (max-width: 480px){          
          
#home-page #job-alert-search-form.expanded-img {          
    color: #fff;          
}          
#home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container input:checked ~ .checkmark {          
    color: #333;          
}          
          
#hero #job-search-form form {          
    background: #2ab0c8;          
}          
#featured-job-listing ul {          
    padding: 5px;          
}          
#home-page .featured-job-promo {          
    margin: 0;          
    clear: both;          
    margin-top: 40px;          
}  
#home-page .featured-job-promo .sideboard-adspace {  
    max-width: 100%;  
}          
#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: 280px;          
    padding: 0;          
}          
#hero .site-name-tag {  
    text-align: center;  
    left: 0;  
    background: transparent;  
    padding: 20px 5px;  
    top: 40px;  
}          
#hero .site-name-tag h1 {          
    font-size: 2em;          
    text-shadow: none;          
}          
#hero .site-name-tag em {          
    text-shadow: none;  
    font-size: 1.2em;          
}          
#home-page #featured-jobs {          
    padding-top: 30px;          
}          
.header-content #menu ul li ul li {          
    border-bottom: none;          
}          
.header-content {          
    padding-bottom: 0;          
}           
}          
          
@media (max-width: 400px){           
          
    .header-content #logo {          
        width: 210px;          
        padding: 10px;          
    }          
    .header-content .call-to-action {          
        top: 27px;          
        padding: 5px 10px;          
          
    }          
          
}          
          
/**********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: #7ab4c7;  
}