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