/**********GLOBAL                
***********************************/                
body {                
    font-family: 'Lato', sans-serif;                
    color: #444444;                
}                
.translator-tool-header {                
    clear: both;                
                
}                
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: #3d2579;                
    transition: all 0.3s ease;                
}                
a:hover, #featured-job-listing ul li a h3:hover{                
    color: #a00770;                
}                
h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {                
    font-weight: 500;                
}                
h2 {                
    color: #005573;                
    font-size: 2em;                
}                
.site {                
    max-width: 1200px;                
                
}                
.category-header {                
    max-width: 1200px;                
    margin: auto;                
    background: transparent;                
}                
.category-header h2{                
    color: #444444;                
    font-weight: normal;                
}                
#featured-stats.super{                
text-align: center;                
}                
#featured-stats .stats-container{                
max-width: 1200px;                
margin: 0 auto;                
}                
#featured-stats .stats-container .stats-block h3{                
display: block;                
margin-top: 0;                
}                
#featured-stats .stats-container .stats-block h3::before{                
display: none;                
}                
#featured-stats.three-stats .stats-container .stats-block h3::before{                
display: none;                
}             
        
#featured-stats.four-stats .stats-container .stats-block h3::before{        
display: none;        
}           
/**********GLOBAL END                
***********************************/                
                
                
/**********HEADER                
***********************************/                
#header {                
    min-height: 100px;                
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .3);                
}                
                
.header-content #logo {                
    padding: 30px 10px 20px;                
    max-width: 250px;                
}                
.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                
***********************************/                
                
/**********JAQC SEARCH                
***********************************/                
#home-page #job-alert-search-form.expanded-img {                
    background: rgba(0, 0, 0, 0.5);                
}                
#home-page #job-alert-search-form fieldset .form-button button.primary {                
    color: #fff;                
    background: transparent;                
    border: 1px solid;                
}                
#home-page #job-alert-search-form fieldset .form-button button.primary:hover {                
    background: rgba(255, 255, 255, .2);                
}                
/**********HERO IMAGE                
***********************************/                
                
.hero-expanded {                
    position: absolute;                
    height: 63vh;                
    width: 100%;                
    background: url("img/hero-21954.jpg") no-repeat center top / cover;                
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.45);                
}      
    
.hero-expanded:before{    
height: 81px;    
width: 100%;    
position: absolute;    
content: "";    
background: rgba(0,0,0,0.7);    
bottom: 0;    
left: 0;    
right: 0;    
}              
                
#hero {                
    background: transparent;                
    height: 63vh;                
}                
#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: #002C77;                
}                
#hero .site-name-tag {                
    text-align: left;                
    top: auto;                
    left: 0;                
    position: absolute;                
    bottom: 150px;                
    right: 0;                
    width: 100%;                
}                
#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: 0;                
    top: 50%;                
    transform: translateY(-50%);                
}                
.home-page .header-content #menu {                
    right: 125px;                
                
}                
.header-content #menu>ul {                
    margin-bottom: 0;                
}                
.header-content #menu li:hover {                
    background-color: transparent;                
}                
.header-content #menu li:hover a.mobile-hide{                
    color: #a00770;                
}                
.header-content #menu li a {                
    font-size: 16px;                
    padding: 12px 20px;                
    margin: 0;                
    line-height: 100px;                
    color: #3d2579;                
}                
.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);                
    padding: 5px 0;                
}                
.header-content #menu li ul.sub-navigation li a {                
    border-top: 0;                
    line-height: normal;                
    text-align: left;                
    padding: 10px 20px;                
    font-size:14px;                
    color: #3d2579;                
}                
.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: #a00770;                
}                
/**********NAV END                
***********************************/                
                
                
/**********BUTTONS                
***********************************/                
.primary, .secondary, .tertiary{                
    font-size: 1.1em;                
    background-color: #3d2579;                
    color: #FFF;                
    display: inline-block;                
    text-decoration: none;                
    border: none;                
    padding: 7px 25px;                
    cursor: pointer;                
    text-align: center;                
}                
.secondary:hover, .tertiary:hover{                
    background-color: #a00770;                
}                
.call-to-action .secondary {                
    padding: 7px 25px;                
}                
                
/**********BUTTONS END                
***********************************/                
                
                
                
/**********FEATURED JOBS                
***********************************/                
section#featured-jobs {                
    padding-bottom: 40px;                
}                
.featured-job-promo {                
    width: 30%;                
        min-height: auto;                
}                
#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                
***********************************/                
                
                
/**********BLANK MODULE                
***********************************/                
section#blank-module {                
       max-width: 100%;                
    padding: 50px 0;                
    position: relative;                
    background: linear-gradient(90deg, rgba(61,37,121,0.75) 0%, rgba(224,80,82,0.75) 100%), url(img/blank-module.jpg) no-repeat center center / cover;                 
    text-align: center;                
    font-size: 16px;                
}                
#blank-module  a.secondary {                
    margin: 30px 0px 0px 0;                
}                
#blank-module  a.secondary:hover {                
    background-color: #fff;                
    color: #3E4140;                
}                
#blank-module .interior {                
    padding: 20px 10px;                
    background: transparent;                
    color: #fff;                
    max-width: 960px;                
    line-height: 35px;                
    margin: 0 auto;                
    font-size: 16px;                
}                
#blank-module .interior p:nth-child(2){                
    margin-top: 30px;                
}                
#blank-module .category-header h2 {                
    color: #fff;                
    font-size: 30px;                
}                
/**********BLANK MODULE END                
***********************************/         
        
#featured-stats .stats-container .stats-block span.count{        
    color: #3d2579 !important;        
}               
                
/**********FREATURED SERVICES                
***********************************/                
#featured-services .interior {                
    min-height: 235px;                
    padding: 40px 0 0;                
}                
section#featured-services {                
    padding-bottom: 70px;                
    background: url(img/ftrd-srvsbg.jpg) no-repeat center top / cover;                
    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.75);                
    max-width: 100%;                
}                
#featured-services .site{                
  background: transparent;                
  text-align: center;                
}                
#featured-services h3{                
    font-size: 18px;                
    padding: 20px 10px;                
    color: #fff;                
}                
#featured-services .category-header h2 {                
    color: #fff;                
}                
                
img.iconImg {                
    top: 50%;                
    left: 50%;                
    transform: translate(-50%, -50%);                
    position: absolute;                
    width: 152px;                
}                
.circle {                
    background: transparent;                
    -webkit-animation: pulse 2s linear 1s infinite;                
    border-radius: 50%;                
    height: 150px;                
    width: 150px;                
    margin: auto;                
    position: relative;                   
}                
section#featured-services {                
    padding-bottom: 55px;                
    padding-top: 50px;                
}                
                
.circle:hover {                
  box-shadow:0 0 16px #ccc;                
}                
.col25{                
  width: 25%;                
  float: left;                
  display: inline;                
  text-align: center;                
}                
/**********FEATURED SERVICES END                
***********************************/                
                
/**********FEATURED COURSES                
***********************************/                
#featured-courses {                
    width:auto;                
    background: url(img/course-bg.jpg) no-repeat center top / cover;                
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.8);                
    max-width: 100%;                
}                
#featured-courses .category-header h2 {                
    text-align: center;                
    padding: 0;                
}                
#featured-courses .call-to-action {                
    float: none;                
    text-align: center;                
}                
#featured-courses .course_cards {                
    padding: 20px 0;                
}                
#featured-courses .interior {                
    width: auto;                
    max-width: 1200px;                
    margin: auto;                
}                
/**********FEATURED COURSES 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: #3d2579;                
}                
.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{                
    text-decoration: underline;                
    color: #fff;                
}                
.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: #fff;                
}                
.footer-content .social-media a:hover{                
    color: #a00770;                
}                
/**********FOOTER END                
***********************************/                
                
/**********ADS                
***********************************/                
                
                
                
/**********ADS END                
***********************************/                
                
/**********MEDIA QUERIES                
***********************************/                
@media (max-width: 1200px){                
.header-content .call-to-action {                
    right: 10px;                
}                
#hero .site-name-tag h1{                
font-size: 2.5em;                
}                
#featured-jobs .interior {                
    background: none;                
    padding: 0px 10px;                
}                
.home-page .header-content #menu {                
    right: 135px;                
}                
.hero-expanded {                
    height: 60vh;                
}                
#hero {                
    height: 60vh;                
}                
#hero .site-name-tag {                
    top: auto;                
    left: 10px;                
width: auto;                
}                
.category-header h2 {                
    padding-left: 10px;                
}                
#featured-job-listing .secondary {                
    margin-right: 10px;                
}                
}                
                
@media (max-width: 960px){         
.col25{        
    width: 38%;        
float: none;        
display: inline-block;        
}               
#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: 10px;                
    background: #3d2579;                
    font-size: 1.1em;                
    padding: 7px 25px;                
    margin-top: 45px;                
    color: #fff;                
}                
.home-page .header-content #menu #nav-trigger {                
margin-right: 155px;                
}                
.header-content #menu #nav-trigger:hover {                
    background-color: #a00770;                
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: 10px;                
    margin: 0;                
    color: #000;                
    text-align: left;                
}                
.header-content #menu ul li:first-child ul {                
    border-top: 1px solid #444444;                
}                
.header-content .call-to-action {                
    top: 45px;                
    transform: none;                
}                
.home-page .header-content #menu {                
    right: 0;                
}                
.header-content #menu {                
    right: 0;                
}                
}                
                
@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){            
.col25{           
float: none;           
display: block;           
text-align: center;           
margin: 0 auto;        
width: 100%;          
}               
#featured-services .interior{           
padding: 0;           
}           
section#featured-services{           
padding-bottom: 30px;           
}           
#hero .site-name-tag {                
    bottom: 180px;                
}                
#hero{                
    height: 65vh;                
}                
.hero-expanded {                
    height: 65vh;                
}                
#header {                
    box-shadow: none;                
}                
.translator-tool-header {                
    clear: both;                
    margin-top: 35px;                
}                
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: 70px;                
    padding-bottom: 25px;                
}                
#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: 50px;                
}                
.home-page #main-content {                
    margin-top: 0;                
}                
.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;                
                    
    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;                
    padding-top: 38px;                
}                
.header-content #menu #nav-trigger:hover {                
    opacity: 1;                
                
}                
}                
@media (max-width: 480px){                
#home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container{                
    color: #fff;                
}                
#home-page #job-alert-search-form.expanded-img fieldset .form-content .form-content-bottom .checkbox-container .checkmark::after {                
    border-color: #1573bd;                
}                
#featured-employers .interior p{                
    display: none;                
}                
#home-page #job-alert-search-form.expanded-img fieldset {                
    background: #3d2579;                
}                
#home-page #job-alert-search-form fieldset .form-button button.primary{                
background: #fff;                
color: #333;                
border-color: #fff;                
}                
#home-page #job-alert-search-form fieldset .form-button button.primary:hover{                
background: #a00770;                
color: #fff;                
border-color: #a00770;                
}                
#hero #job-search-form form {                
    background: #3d2579;                
}                
.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;                
padding-bottom: 15px;                
}                
#hero .site-name-tag {                
    text-align: center;                
    left: 0;                
    background: transparent;                
    padding: 0 5px 20px;                
    top: auto;                
    bottom: auto;                
    position: relative;                
}                
#hero .site-name-tag h1 {                
    color: #444444;                
    font-size: 2em;                
    text-shadow: none;                
}                
#hero .site-name-tag em {                
    color: #444444;                
    text-shadow: none;                
font-size: 1.4em;                
}                
#home-page #featured-jobs {                
    padding-top: 30px;                
}                
.header-content #menu ul li ul li {                
    border-bottom: none;                
}                
}                
                
/**********MEDIA QUERIES END                
***********************************/


