/**********GLOBAL  Basic Design         
***********************************/          
body {          
    font-family:;         
    color: #444444;          
}          
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:#000000 ;          
    transition: all 0.3s ease;          
}          
a:hover {          
    color: ;          
}          
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;         
}        
.sideboard-adspace.outside {        
    left: 1200px;        
    background: transparent;        
    padding: 0;        
    overflow: hidden;        
    width: 160px;        
}         
/**********GLOBAL END          
***********************************/          
         
         
/**********HEADER          
***********************************/          
#header {         
    min-height: 70px;         
}         
.header-content #logo {         
    padding-right: 5px;         
    padding-top: 15px;     
    padding-bottom: 15px;         
    max-width: 350px;         
}         
.header-content #logo img {         
    max-height: 100%;  
    max-width: 100%;         
}         
.header-content .call-to-action {         
    margin-top: 0px;         
    position: absolute;         
    right: 0;         
    top: 50%;         
    transform: translateY(-50%);         
}         
/**********HEADER END         
***********************************/         
         
         
         
/**********HERO IMAGE          
***********************************/          
         
.hero-expanded {         
    position: absolute;         
    height: 550px;         
    width: 100%;         
    background: url("img/hero-23478.jpg") no-repeat center top / cover;         
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);         
}         
       
#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: #000000;         
}         
#hero .site-name-tag {         
    text-align: left;         
    top: 110px;         
    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: 125px;         
    top: 50%;         
    transform: translateY(-50%);         
}         
.header-content #menu>ul {                                
    margin-bottom: 0;                                
}                                
.header-content #menu li:hover {                                
    background-color: transparent;                                
}          
.header-content #menu li:hover a.mobile-hide{                                
    color: #000000;                                
}                              
.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: #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 30px;           
    font-size:14px;                                                   
}                                
.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: #000000;              
}                               
/**********NAV END         
***********************************/           
         
         
/**********BUTTONS          
***********************************/          
.secondary {         
    font-size: 1.1em;         
    background-color: #FDB813;         
    color: #FFF;         
    display: inline-block;         
    text-decoration: none;         
    border: none;         
    padding: 7px 25px;         
    cursor: pointer;         
    text-align: center;         
}         
.secondary:hover {         
    background-color: #FDB813;         
    opacity: .8;         
}         
.tertiary {         
    font-size: 1.1em;         
    background-color: #FDB813;         
    color: #FFF;         
    display: inline-block;         
    text-decoration: none;         
    border: none;         
    cursor: pointer;         
    text-align: center;         
}         
.tertiary:hover {         
    background-color: #FDB813;         
    opacity: .8;         
}         
         
.call-to-action .secondary {         
    padding: 7px 25px;         
}         
         
/**********BUTTONS END          
***********************************/          
         
         
         
/**********FEATURED JOBS END           
***********************************/           
section#featured-jobs {         
    padding-bottom: 40px;         
}         
.featured-job-promo {         
    width: 30%;         
}         
#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;         
}         
#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: #000;         
    max-width: 230px;         
    margin: auto;         
    padding: 5px 0;         
    color: #fff;         
    background: #000000;         
}         
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {         
    background: #000000;         
}         
/**********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 .interior .h4 {         
    font-weight: normal;         
    font-size: 2em;         
         
}         
/**********FEEDBACK END         
***********************************/          
         
/**********FOOTER          
***********************************/          
#footer {         
    color: #fff;         
    max-width: 100%;         
}         
.footer-content {         
    background: #FDB813;         
}         
.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: #000000;         
}         
.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: #000000;         
}         
/**********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;         
}         
.header-content #menu {         
    right: 135px;         
}         
.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){         
#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: 155px;         
    background: #FDB813;         
    font-size: 1.1em;         
    padding: 7px 25px;         
    margin-top: 30px;         
    color: #fff;         
}          
.header-content #menu #nav-trigger:hover {         
    background-color: #FDB813;         
    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: #fff;         
    font-size: 16px;         
    padding: 0 10px;         
    margin: 0;         
    color: #000000;         
    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;         
}         
            
}         
         
@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){         
         
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: 20px;         
}         
.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;         
    margin-top: 38px;         
}         
.header-content #menu #nav-trigger:hover {         
    opacity: 1;         
           
}         
}         
@media (max-width: 480px){         
         
#hero #job-search-form form {         
    background: #000000;         
}         
.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: 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;         
}         
.header-content #menu ul li ul li {         
    border-bottom: none;         
}         
}         
         
/**********MEDIA QUERIES END          
***********************************/      
/**********ITEMS ADDED           
***********************************/      
.featured-job-promo {                    
    min-height: 200px;                    
}                
.interior.site {               
    background-color: transparent;               
}

#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: #000;         
    max-width: 230px;         
    margin: auto;         
    padding: 5px 0;         
    color: #fff;         
    background: #000000;         
}