/**********GLOBAL  Basic Design     
***********************************/      
body {      
    font-family:;     
    color: ;      
}      
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:#E9AD13 ;      
    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: 100px;     
}     
.header-content #logo {     
    padding-right: 5px;     
    padding-top: 10px;      
    max-width: 105px; 
    margin-bottom: 1%;     
}     
.header-content #logo img {     
    max-height: 100%;     
}     
.header-content .call-to-action {     
    margin-top: 0px;     
    position: absolute;     
    right: 0;     
    top: 50%;     
    transform: translateY(-50%);     
}     
/**********HEADER END     
***********************************/     
     
     
     
/**********HERO IMAGE      
***********************************/      
     
.hero-expanded {     
    position: absolute;     
    height: 550px;     
    width: 100%;     
    background: url("img/hero-23662.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: #E9AD13;     
}     
#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: 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: #E9AD13;                            
}                          
.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: #E9AD13;          
}                           
/**********NAV END     
***********************************/       
     
     
/**********BUTTONS      
***********************************/      
.secondary {     
    font-size: 1.1em;     
    background-color: #231F20;     
    color: #FFF;     
    display: inline-block;     
    text-decoration: none;     
    border: none;     
    padding: 7px 25px;     
    cursor: pointer;     
    text-align: center;     
}     
.secondary:hover {     
    background-color: #231F20;     
    opacity: .8;     
}     
.tertiary {     
    font-size: 1.1em;     
    background-color: #231F20;     
    color: #FFF;     
    display: inline-block;     
    text-decoration: none;     
    border: none;     
    cursor: pointer;     
    text-align: center;     
}     
.tertiary:hover {     
    background-color: #231F20;     
    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: #E9AD13;     
}     
/**********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: #231F20;     
}     
.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: #E9AD13;     
}     
.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: #E9AD13;     
}     
/**********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: #231F20;     
    font-size: 1.1em;     
    padding: 7px 25px;     
    margin-top: 30px;     
    color: #fff;     
}      
.header-content #menu #nav-trigger:hover {     
    background-color: #231F20;     
    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: #E9AD13;     
    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: #E9AD13;     
}     
.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;     
}
