/**********GLOBAL  Basic Design                                      
***********************************/                                       
body {                                       
    font-family: Arial, sans-serif;                                      
    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: #387055;                                       
    transition: all 0.3s ease;                                     
}                                       
a:hover {                                       
    color: ;                        
	text-decoration: underline; 	                       
}                                       
h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {                                       
    font-weight: 500;                                       
}                                      
h2 {                                      
    color: #387055;                                      
    font-size: 2em;                                       
}                                       
.site {                                      
    max-width: 1200px;                                      
                                      
}                                      
.category-header {                                      
    max-width: 1200px;                                      
    margin: auto;                                      
    background: transparent;                                      
}                                      
.category-header h2{                                      
    color: #387055;                                      
    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: 315px;                                      
}                                      
.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-24750.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: #387055;                                      
}                                      
#hero .site-name-tag {                                      
    text-align: left;                                
    top: 33%;                                
    left: 20px;                                      
}                                      
#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: #41B49C;                                                             
}                                                           
.header-content #menu li a {                                      
    font-size: 16px;                                      
    padding: 0 20px;                                      
    margin: 0;                                      
    line-height: 100px;                                      
    color: #000;                                      
}                                                            
.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: #387055;                                           
}                                                            
/**********NAV END                                      
***********************************/                                        
                                      
                                      
/**********BUTTONS                                       
***********************************/                                   
.primary {                                   
    background-color: #387055; !important                                   
}                                      
.primary:hover {                                      
    background-color: #387055;                                      
    opacity: .8;                       
}                                       
.secondary {                                      
    font-size: 1.1em;                                      
    background-color: #387055;                                      
    color: #FFF;                                      
    display: inline-block;                                      
    text-decoration: none;                                      
    border: none;                                      
    padding: 7px 25px;                                      
    cursor: pointer;                                      
    text-align: center;                                      
}                                      
.secondary:hover {                                      
    background-color: #387055;                                      
    opacity: .8;                                      
}                                      
.tertiary {                                      
    font-size: 1.1em;                                      
    background-color: #387055;                                      
    color: #FFF;                                      
    display: inline-block;                                      
    text-decoration: none;                                      
    border: none;                                      
    cursor: pointer;                                      
    text-align: center;                                      
}                                      
.tertiary:hover {                                      
    background-color: #387055;                                      
    opacity: .8;                                      
}                                      
                                      
.call-to-action .secondary {                                      
    padding: 7px 25px;                                      
}                                      
                                      
/**********BUTTONS END                                       
***********************************/                                       
                                      
                                      
                                      
/**********4 FEATURED JOBS START                
***********************************/                 
section#featured-jobs {                 
	padding-bottom: 40px;                 
}                 
                 
.featured-job-promo {                 
	width: 30%;                 
	min-height: auto;                 
}                 
                 
#featured-job-listing {                 
	width: 67%;                 
	background: transparent;                 
	min-height: auto;         
        color: #387055;              
}                 
                 
#featured-job-listing ul {                 
	padding: 20px 0;                 
	z-index: 99;                 
	position: relative;                 
	margin: auto;                 
	text-align: left;                 
	padding-top: 0;                 
	display: grid;               
	grid-template-columns: repeat(2, 1fr);               
	gap: 0 15px;        
        color: #387055;          
}                 
                 
#featured-job-listing ul li {                 
	border-top: 1px solid #ccc;                 
	padding: 15px 0;                 
	margin: 0;                 
	white-space: nowrap;               
    overflow: hidden;               
	text-overflow: ellipsis;    
        color: #387055;              
}                 
                 
#featured-job-listing ul li:first-of-type {                 
	border-top: none;     
        color: #387055;               
}                 
                 
#featured-job-listing ul li:nth-of-type(2) {                 
	border-top: none;      
        color: #387055;              
}                 
                 
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;                 
}                 
                 
/**********4 FEATURED JOBS END                 
***********************************/                                        
                                      
/**********FEATURED SERVICES                    
***********************************/                  
.wrapper {                  
	max-width: 1300px;                  
	margin: 0 auto;                  
}                  
                  
.featured-services {                  
	background: #fff;                  
}                  
                  
.ftrd-con {                  
	text-align: center;                  
	padding: 80px 20px;                  
}                  
                  
.ftrd-con h2 {                  
	padding-bottom: 30px;                  
}                  
                  
.ftrd-con ul {                  
	display: flex;                  
	justify-content: space-between;                  
	/* flex-wrap: wrap; */                  
	gap: 1rem;                  
}                  
                  
.ftrd-con ul li {                  
	/* display: inline-block; */                  
	/* vertical-align: top; */                  
	width: 100%;                  
	width: 425px;                  
	padding: 0;                  
	/* margin: 5px; */                  
	box-shadow: 0px 2px 4px rgba(27, 31, 39, 0.15);                  
}                  
                  
.ftrd-con ul li:nth-child(even) {                  
	/* background: #FEF1E2; */                  
}                  
                  
.ftrd-con ul li a {                  
	/* padding: 0; */                  
	background: #fff;                  
	/* border:none; */                  
	/* display: flex; */                  
	/* flex-wrap: wrap; */                  
	/* align-items: center; */                  
	/* justify-content: center; */                  
	/* text-align: center; */                  
	/* color: #000; */                  
	margin-bottom: 40px;                  
	color: #387055;                  
	border-color: #387055;                  
}                  
                  
/* .ftrd-con ul li section,#featured-services .swiper-slide section {padding:0!important;} */                  
.ftrd-con ul li h3,                  
#featured-services .swiper-slide h3 {                  
	color: #2e2e2e;                  
	font-size: 16px;                  
	font-weight: 600;                  
	position: relative;                  
	/* text-align: left; */                  
	margin-bottom: 12px;                  
	/* text-transform: uppercase; */                  
	width: 100%;                  
	padding: 0 20px;                  
}                  
                  
.ftrd-con ul li h3 span {                  
	/* display: block; */                  
}                  
                  
/* .ftrd-con ul li section p, #featured-services .swiper-slide section p{margin-bottom: 15px;font-size: 16px!important;text-align: left;/* min-height: 120px; } */                  
/* .ftrd-con ul li section a:hover{box-shadow: none;} */                  
.ftrd-con ul li p {                  
	margin-bottom: 40px;                  
	padding: 0 20px;                  
	/* color: #000; */                  
}                  
                  
.ftrd-con ul li a:hover {                  
	background: #5B4E6E;                  
}                  
                  
.ftrd-con ul li a:hover h3 {                  
	color: #387055;                  
}                  
                  
.ftrd-img {                  
	width: 100%;                  
	display: flex;                  
	margin-bottom: 20px;                  
	height: auto;                  
	justify-content: center;                  
	align-items: center;                  
	/* background: #304FFE; */                  
	padding: 0;                  
}                  
                  
.ftrd-img img,                  
#featured-services .swiper-slide img {                  
	/* width: 70px; */                  
	/* object-fit: cover; */                  
	/* height: 40px; */                  
	width: 100%;                  
}                  
                  
#featured-services .swiper-slide .swiper-featured-services-link {                  
	padding: 10px 25px;                  
}                  
                  
#featured-services .featured-services-swiper {}                  
                  
#featured-services .swiper-slide {                  
	background: #387055;                  
	border-radius: 20px;                  
	margin-right: 16px !important;                  
}                  
                  
/**********FEATURED SERVICES END                    
***********************************/                  
                                
***********************************/                        
                       
/**********BLANK MODULE                                                                        
***********************************/                                                                         
section#blank-module {                                                                        
    max-width: 1200px;                                                                        
    padding: 10px 0;                                                                        
    position: relative;                                                                        
    /**background: url(img/blank-module.jpg) no-repeat center top / cover;                                                                        
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.7);  **/                                                                      
    text-align: center;                                                                        
    font-size: 14px;                                                                        
}                                                                        
                                                                      
#blank-module .interior {                                                                        
    padding: 20px 10px;                                                                        
    background: transparent;                                                                        
    color: #000;                                                                        
    max-width: 1200px;                                                                        
    line-height: 20px;                                                                        
    margin: 0 auto;                                                                                                              
}                                                                     
/**********BLANK MODULE 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: #387055;                                      
}                                      
.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: #FFFFFF;                                      
}                                      
.footer-content .footer-nav li a:hover{                                      
    color: #fff;                
    text-decoration: underline;                                      
}                                      
.footer-content .copyright-contact {                                      
    float: none;                                      
    width: 100%;                                      
    padding: 15px 5px;      
    color: #fff;                                
}                                      
.footer-content .social-media {                                      
    float: none;                                      
    text-align: center;                                      
}                                      
.footer-content .social-media a{                                      
    color: #FFFFFF;                                      
}                                      
.footer-content .social-media a:hover{                                      
    color: #ffffff;                 
    text-decoration: underline;                                     
}                                      
/**********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: 20%;                                      
}                                      
.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: #387055;                                      
    font-size: 1.1em;                                      
    padding: 7px 25px;                                      
    margin-top: 30px;                                      
    color: #fff;                                      
}                                       
.header-content #menu #nav-trigger:hover {                                      
    background-color: #387055;                                      
    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: #387055;                                      
    text-align: left;                                      
}                                       
.header-content #menu ul li:first-child ul {                                      
    border-top: 1px solid #4F5348;                                      
}                                      
.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: #387055;                                      
}                                      
.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: #000;                                      
    font-size: 2.5em;                                      
    text-shadow: none;                                      
}                                      
#hero .site-name-tag em {                                      
    color: #000;                                      
    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: 185px;                                                 
}                                             
.interior.site {                                            
    background-color: transparent;                                            
}
