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