/**********GLOBAL          
***********************************/           
body {           
    font-family: 'Montserrat', sans-serif;          
    font-weight: 500;          
    color: #333;          
}           
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: #AC1A2F;           
    transition: all 0.3s ease;           
}           
a:hover {           
    color:#333 ;           
}           
h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {           
    font-weight: 500;           
}          
 #inner-page-header #job-search-form form fieldset.call-to-action .secondary {       
          
    padding: 0px 25px;       
}          
.interior {           
    width: 100%;           
    max-width: 960px;           
    margin: 0 auto;           
}           
.category-header {           
    max-width: 960px;           
    margin: auto;           
}           
.category-header  h2 {          
    color: #333;          
    font-size: 2em;          
    font-weight: 600;          
    text-transform: uppercase;          
    font-size: 18px;          
    position: relative;          
    margin-bottom: 35px !important;          
    display: block;          
}             
.category-header  h2::after{          
    content: ' ';          
    width: 24px;          
    height: 1px;          
    background-color: #000;          
    position: absolute;          
    bottom: -11px;          
    left: 0;          
}          
          
/**********GLOBAL END           
***********************************/           
          
          
/**********HEADER LOGO           
***********************************/           
.header-content #logo img {          
    max-width: 100%;          
    max-height: 100%;          
}          
.header-content #logo {          
    padding-left: 10px;          
    float: left;          
    padding-right: 30px;          
    padding-top: 20px;          
    max-width: 171px;          
    display: block;          
    padding-bottom: 20px;          
}          
          
/**********HEADER LOGO END          
***********************************/          
/**********NAV           
***********************************/           
.home-page .header-content #menu {       
          
    margin-right: 100px;       
           
}                           
.header-content #menu {          
    float: right;          
    text-align: center;          
    display: block;            
    padding: 31px 0;          
          
}           
.header-content #menu li a.mobile-hide {           
    display: block;          
    margin:0;          
    text-transform: uppercase;          
    font-weight: 500;          
    color: #333;          
    font-size: 12px;          
    height: 100%;          
    float: left;          
    padding:0;          
}           
.header-content #menu li ul li a {           
    font-size: 14px;           
    padding: 10px 20px;           
    margin: 0;           
}            
.header-content #menu li:hover{          
    background-color: transparent;          
              
          
}          
.header-content #menu li::before{          
     content: "";          
    background: transparent;          
    height:3px;          
    position: absolute;          
    display: block;          
    width: 100%;          
    bottom: -5px;          
            
          
}          
.header-content #menu li:hover::before{          
    content: "";          
    background: #c4043f;          
    height:3px;          
    position: absolute;          
    display: block;          
          
}          
.header-content #menu li ul.sub-navigation li:hover::before{          
    display: none;          
            
          
}          
.header-content #menu>ul>li{          
    height: 100%;          
    float: left;          
    margin: 15px 20px;          
          
}          
.header-content #menu li ul.sub-navigation li:hover {           
    background-color: rgba(0, 0, 0, .2);           
    border-bottom: 0;          
}           
.header-content .call-to-action {                                
    position: absolute;                                
    right: 0;                                
}            
.header-content #menu li ul.sub-navigation li a {           
    border-top: 0;           
    color: #333;          
}           
.header-content #menu ul li:after {          
    content: "";          
    height: 55px;          
    width: 100%;          
    position: absolute;          
    bottom: -55px;          
    left: 0;          
}          
          
.header-content #menu li ul {           
    background-color: #e8ecf0;           
    display: none;           
    position: absolute;           
    top: 100%;           
    overflow: visible;           
    left: 0;           
    right: 0;           
    z-index: 1;           
    min-width: 200px;           
    text-align: left;           
    margin-top: 46px;          
}           
/**********NAV END           
***********************************/           
          
          
/**********HERO IMAGE           
***********************************/           
.hero-expanded {          
    position: absolute;          
    height: 450px;          
    width: 100%;          
    background: url("img/hero-14732.jpg") no-repeat center top / cover;          
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.2);          
}          
#hero {          
    background: transparent;          
    height: 450px;          
}          
          
          
#hero #job-search-form form {          
    padding: 5px 20px;          
    background: rgba(196, 4, 63, 0.7);          
    max-width: 480px;          
}          
#hero #job-search-form form {          
    right: 0;          
    left: auto;          
}          
#hero #job-search-form form fieldset {          
    float: none;          
    margin: 15px 0;          
    width: 100%;          
}  
#job-search-form form .location_autocomplete {  
    float: none;  
    margin: 15px 0;  
    width: 100%;  
}          
#hero #job-search-form form fieldset.call-to-action {          
    padding-right: 0;          
    width: 100%;          
             
}          
#hero .site-name-tag {          
    text-align: center;          
    position: absolute;          
    top: 165px;          
    left: auto;          
    padding: 10px 0;          
    right: 0;          
    background: rgba(196, 4, 63, 0.9);          
    width: 100%;          
    max-width: 480px;          
}          
#hero .site-name-tag h1 {          
    margin-bottom: 0;          
    margin-top: 0;          
    color: #fff;          
    font-size: 29px;          
    text-transform: uppercase;          
    line-height: 35px;          
}          
#hero .site-name-tag em {          
    font-size: 1.9em;          
    font-style: normal;          
    color: #fff;          
    font-weight: 300;           
} 
#home-page #job-alert-search-form.expanded-img { 
    background: rgba(196, 4, 63, 0.7); 
} 
#home-page #job-alert-search-form fieldset .form-button button.primary { 
    padding: 7px 10px; 
    color: #fff; 
    border-color: #fff; 
}          
/**********HERO IMAGE END          
***********************************/            
          
          
/**********BUTTONS           
***********************************/           
.header-content .call-to-action {          
    position: absolute;          
    right: 0;          
    padding: 0px 10px;          
    margin-top: 0;          
    line-height: 110px;          
        height: 110px;          
}          
#job-search-form form fieldset.call-to-action .primary{          
    margin: 0;          
    line-height: 18px;       
    background-color: transparent;          
    color: #FFF;           
    border: 2px solid white;      
    font-weight: 500;    
             
}      
#job-search-form form fieldset.call-to-action .primary:hover{          
     background-color: transparent;          
    text-decoration: none;          
    cursor: pointer;          
    color: #fff;           
          
}            
.primary {          
    background-color: transparent;          
    color: #c4043f;          
    text-transform: uppercase;          
    width: 110px;          
    border: 2px solid #c4043f;          
    text-decoration: none;          
    text-align: center;          
    font-size: 12px;              
    font-weight: 500;          
             
}          
.primary:hover {          
     background-color: #c4043f;          
    color: #FFF;           
    border: 2px solid #c4043f;              
    text-decoration: none;          
    cursor: pointer;          
          
}          
.secondary {          
      background-color: #c4043f;          
    display: inline-block;          
    text-decoration: none;          
    cursor: pointer;          
    text-align: center;          
    height: 40px;          
    outline: none;          
    border: none;          
    color: white;          
    text-transform: uppercase;          
    padding: 0 30px;          
    -webkit-appearance: none;          
    border-radius: 0;          
    line-height: 40px;          
    font-weight: 300;          
}          
          
          
          
/**********BUTTONS END           
***********************************/           
          
          
/**********FEATURED JOBS           
***********************************/           
.featured-job-promo {          
    background: transparent;          
}          
.sideboard-adspace {          
    background: #7f8c8d;          
}          
section#featured-jobs {          
    max-width: 100%;          
    background: #eee;          
    padding-bottom: 20px;          
}          
#featured-job-listing {          
    background: transparent;          
              
}          
.sideboard-adspace .tertiary {          
              
    background-color: transparent;          
    color: #FFF;          
    text-transform: uppercase;          
    border: 2px solid white;          
    text-decoration: none;          
    text-align: center;          
              
}          
.sideboard-adspace div>div {          
           
    border: 0;          
          
}          
.sideboard-adspace h5, .sideboard-adspace .h5 {          
    font-family: 'Montserrat', sans-serif;          
    font-weight: 500;          
    color: #fff;          
}          
#featured-job-listing ul li {          
    background: transparent;          
    border-left: 3px solid #fff;          
}          
/**********FEATURED JOBS END           
***********************************/           
           
 .feature-boxes{          
    color: white;          
    text-align: left;          
    |}          
          
.feature-boxes.renew {          
    background-color: #d35400;          
}          
.feature-boxes.join-now {          
    background-color: #0078BB;          
}          
.feature-boxes.large {          
    padding: 25px 25px 95px 25px;          
    position: relative;          
        min-height: 120px;          
}          
.feature-boxes.large .strapline {          
    font-size: 28px;          
    line-height: 36x;          
    letter-spacing: 3px;          
    font-weight: 600;          
    text-transform: uppercase;          
          
}          
.feature-boxes.large .button {          
    bottom: 25px;          
    cursor: pointer;          
    font-size: 13px;          
    line-height: 40px;          
    margin-top: 0;          
    margin-bottom: 0;          
    position: absolute;          
    width: 130px;          
    z-index: 1;          
    display: block;          
    color: white;          
    text-transform: uppercase;          
    border: 2px solid white;          
    text-decoration: none;          
    text-align: center;          
    font-weight: 500;          
    margin: 15px auto 10px;          
}          
#featured-services .interior ul li a {          
    width: 130px;          
}          
#featured-services .interior ul li {          
    background: transparent;          
            
}          
.feature-boxes .title {          
    font-weight: 500;          
    text-transform: uppercase;          
    font-size: 12px;          
    position: relative;          
    margin-bottom: 15px;          
    display: block;          
}          
.feature-boxes .title:after {          
     content: ' ';          
    width: 15px;          
    height: 1px;          
    background-color: #fff;          
    position: absolute;          
    bottom: -6px;          
    left: 0px;          
}          
/**********FEATURED EMPLOYERS           
***********************************/           
#featured-employers .interior {          
    background: transparent;          
    padding: 20px 0px;          
}          
.call-to-action .secondary {          
          
    padding: 0px 25px;          
}          
/**********FEATURED EMPLOYERS END           
***********************************/          
          
          
/**********FOOTER          
***********************************/          
          
.footer-content {          
    padding: 20px 10px;          
    background: #e8ecf0;          
    box-sizing: border-box;          
}          
#footer {          
  background-color: rgba(232, 236, 240, 0.3);          
    max-width: 100%;           
}          
.powered-by.site.clearfix {          
      background: transparent;          
}          
#feedback .interior {          
    background: transparent;          
}          
#feedback {          
    max-width: 100%;          
    background: rgba(232, 236, 240, 0.3);          
}          
/**********FOOTER END          
***********************************/          
          
          
/**********ADS           
***********************************/           
          
          
          
/**********ADS END          
***********************************/          
          
/**********MEDIA QUERIES          
***********************************/           
@media (max-width: 768px){          
.category-header h2::after {          
              
    left: 10px;          
}          
.header-content #menu ul li {          
    width: auto;          
}          
.hero-expanded {          
    height: 650px;          
    background-position-x: -150px;          
}          
#hero {          
    height: 650px;          
}          
#hero .site-name-tag em {          
    font-size: 1.5em;          
}          
#hero .site-name-tag h1 {          
    font-size: 20px;          
    line-height: 25px;          
}          
          
#hero .site-name-tag {          
    top: 383px;          
    max-width: 100%;          
    left: 0;          
    margin: auto;          
}          
#hero #job-search-form form {          
    right: 0;          
    left: 0;          
    max-width: 100%;          
}          
.header-content #logo {          
    padding-left: 0;          
    float: none;          
    padding-right: 0;          
    margin: auto;          
}          
.header-content .call-to-action {          
    position: absolute;          
    right: 0;          
    padding: 0;          
    margin-top: 0;          
    line-height: initial;          
    height: auto;          
    left: 0;          
    margin-right: 0;          
    width: 100%;          
    margin: auto;          
    padding: 10px 0px;          
}          
/*nav tragger*/         
.header-content #menu ul li ul li {        
    border-bottom: 1px dotted #ccc;        
}                       
.header-content #menu {                        
    position: absolute;                        
    float: none;                        
    top: 0;                         
    left: auto;                        
    width: 100%;                        
    margin: 0;                        
    padding: 0;                        
}               
.header-content #menu>ul>li {                        
    float: none;                        
    width: 100%;                        
    clear: both;                        
    display: block;                        
    text-align: center;                        
}             
.header-content #menu li a.mobile-hide {          
    display: block;          
    margin: 0;          
    text-transform: uppercase;          
    font-weight: 500;          
    color: #333;          
    font-size: 15px;          
    height: 100%;          
    float: left;          
    padding: 10px;          
}               
                     
.header-content #menu #nav-trigger {                        
    display: block;                        
    font-size: 2.5em;                        
    padding: 0 0 97px 0;                       
    position: relative;                        
    cursor: pointer;                        
    float: right;                        
    text-decoration: none;                        
}           
              
 .header-content #menu li ul .collapse {          
    display: none;          
          
}            
    .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 {          
    margin-top: 0;          
}           
.header-content #menu>ul>li {          
            
    margin: 0;          
}          
}          
          
          
@media (max-width: 600px){          
          
.hero-expanded {          
    background-position-x: -210px;          
}          
}          
@media (max-width: 480px){ 
#home-page #job-alert-search-form.expanded-img {
    margin-bottom: -275px;
    top: -275px;
    color: #fff;
}
#home-page #job-alert-search-form.expanded-img fieldset .form-content .form-content-bottom .checkbox-container .checkmark:after {
    border-color: #333;
}         
#hero #job-search-form form {          
    right: 0;          
    left: 0;          
    max-width: 100%;          
    bottom: 0!important;          
    position: absolute;          
}          
.hero-expanded {          
    background-position-x: -500px;          
    height: 730px;          
}          
#hero {          
    height: 730px;          
}          
#hero .site-name-tag {
    top: auto;
    bottom: 275px;
}         
}          
          
/**********MEDIA QUERIES END           
***********************************/
#featured-services .interior .swiper-slide a {          
    width: 130px;          
}
#featured-services .interior .swiper-slide {          
    background: transparent;          
            
}