/**********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:#45a1a1 ;            
    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: #7BCED4;           
    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: 180px;           
}           
.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-23776.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: #7BCED4;           
}           
#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: #7BCED4;                                  
}                                
.header-content #menu li a {           
    font-size: 16px;           
    padding: 0 20px;           
    margin: 0;           
    line-height: 100px;           
    color: #7BCED4;           
}                                 
.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: #7BCED4;                
}                                 
/**********NAV END           
***********************************/             
           
           
/**********BUTTONS            
***********************************/        
.primary {        
    background-color: #45a1a1; !important        
}            
.secondary {           
    font-size: 1.1em;           
    background-color: #45a1a1;           
    color: #FFF;           
    display: inline-block;           
    text-decoration: none;           
    border: none;           
    padding: 7px 25px;           
    cursor: pointer;           
    text-align: center;           
}           
.secondary:hover {           
    background-color: #75CCCD;           
    opacity: .8;           
}           
.tertiary {           
    font-size: 1.1em;           
    background-color: #7BCED4;           
    color: #FFF;           
    display: inline-block;           
    text-decoration: none;           
    border: none;           
    cursor: pointer;           
    text-align: center;           
}           
.tertiary:hover {           
    background-color: #75CCCD;           
    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: #45a1a1;           
}           
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {           
    background: #7BCED4;           
}           
/**********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: #7BCED4;           
}           
.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: #0F68AF;           
}           
.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: #FEC553;           
}           
/**********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: #7BCED4;           
    font-size: 1.1em;           
    padding: 7px 25px;           
    margin-top: 30px;           
    color: #fff;           
}            
.header-content #menu #nav-trigger:hover {           
    background-color: #7BCED4;           
    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: #7BCED4;           
    text-align: left;           
}            
.header-content #menu ul li:first-child ul {           
    border-top: 1px solid #7BCED4;           
}           
.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: #7BCED4;           
}           
.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: #7BCED4;           
    font-size: 2.5em;           
    text-shadow: none;           
}           
#hero .site-name-tag em {           
    color: #7BCED4;           
    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: #45a1a1;           
}