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