/**********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:#44693C ;       
    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: 75px;      
}      
.header-content #logo {      
    padding-right: 5px;      
    padding-top: 10px;       
    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-23513.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: #44693C;      
}      
#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: #44693C;                             
}                           
.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: #44693C;           
}                            
/**********NAV END      
***********************************/        
      
      
/**********BUTTONS       
***********************************/       
.secondary {      
    font-size: 1.1em;      
    background-color: #F26522;      
    color: #FFF;      
    display: inline-block;      
    text-decoration: none;      
    border: none;      
    padding: 7px 25px;      
    cursor: pointer;      
    text-align: center;      
}      
.secondary:hover {      
    background-color: #F26522;      
    opacity: .8;      
}      
.tertiary {      
    font-size: 1.1em;      
    background-color: #F26522;      
    color: #FFF;      
    display: inline-block;      
    text-decoration: none;      
    border: none;      
    cursor: pointer;      
    text-align: center;      
}      
.tertiary:hover {      
    background-color: #F26522;      
    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: #44693C;      
}      
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {      
    background: #44693C;      
}      
/**********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: #F26522;      
}      
.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: #44693C;      
}      
.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: #44693C;      
}      
/**********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: #F26522;      
    font-size: 1.1em;      
    padding: 7px 25px;      
    margin-top: 30px;      
    color: #fff;      
}       
.header-content #menu #nav-trigger:hover {      
    background-color: #F26522;      
    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: #44693C;      
    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: #44693C;      
}      
.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: #44693C;      
}