/**********GLOBAL         
***********************************/         
@import url('https://fonts.googleapis.com/css2?family=Open Sans:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');         
body {font-family: 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: #23282D;/* font-size: 1em; */}         
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: #09005E;font-weight: 600;transition: all 0.3s ease;}         
a:hover, #featured-job-listing ul li a h3:hover{ color: #346AFF; }         
div#scrollSearch { position: absolute; top: 200px; }         
h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-weight: 500; color: #333; }         
         
.site { max-width: 1400px; background: transparent; }         
.category-header{padding-bottom: 10px;margin-bottom: 15px;}         
.category-header  h2 {text-align: center;font: 900 40px/115% 'Open Sans', sans-serif;margin-bottom: 15px;}         
.interior { max-width: 1400px; margin: 0 auto; overflow: hidden; overflow: visible; }         
.hidden { display: none; visibility: hidden; opacity: 0; }
.show { display: block; visibility: visible; opacity: 1; }
#home-page section { padding-top: 40px; }         
#featured-stats.super{text-align: center;}         
#featured-stats.super .interior{ max-width: 1400px; margin: 0 auto; }         
#featured-stats .stats-container .stats-block h3{ display: block; padding-left: 0; margin-top: 0; }         
/**********GLOBAL END         
***********************************/         
         
         
/**********HEADER         
***********************************/         
         
#header {box-shadow: 0 2px 2px rgba(55, 55, 55, 0.1);background: #fff;z-index:9999;}         
.header-content .call-to-action { display: none; }         
.header-content.site { background: transparent; }         
.header-content #logo{padding: 8px;max-width: 300px;}         
.header-content #logo img { max-width: 100%; max-height: 100%; }         
/**********HEADER END         
***********************************/         
         
/**********HERO IMAGE         
***********************************/         
.hero-expanded {position: absolute;height: 650px;width: 100%;background: linear-gradient(0deg, rgba(0,0,0,0.50) 40%, rgba(0,0,0,0.50) 81%), url("img/hero-24088.jpg") no-repeat center top / cover;/* box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, 0.35); *//* background-image: linear-gradient(0deg, rgba(0,0,0,0.58) 40%, rgba(0,0,0,0.00) 81%); */}         
#hero #job-search-form form { padding: 30px 20px; }         
#hero #job-search-form form fieldset input { border-color: #fff; }         
#hero {background: transparent;height: 650px;margin-bottom: 0;}         
#hero .site-name-tag {text-align: center;position: absolute;/* display: flex; */top: auto;left: 0;right: 0;clear: both;max-width: 100%;margin: auto;bottom: 10px;text-align: left;}         
#hero .site-name-tag h2 {font-size: 64px;line-height: 110%;color: #fff;text-shadow: 2px 2px 2px rgba(0,0,0,0.50);/* display: inline-block; *//* vertical-align: middle; */text-align: left;/* border-left: 3px solid #fff; *//* padding-left: 15px; */position: relative;margin-bottom: 15px;font-weight: 900;}         
#hero .site-name-tag h2 span {/* font-weight: 700; */display: block;/* padding-bottom: 15px; */}         
#hero .site-name-tag h3{font-size: 1.9em;width: 100%;color: #fff;}         
.leftCTA {width: 100%;/* text-align: center; */padding: 15px 20px 25px;background: transparent;margin: 0 auto;display: block;border-bottom: 4px solid #fff;}         
#home-page .leftCTA p{         
    font-size: 22px;         
    color: #fff;         
    margin-bottom: 15px;         
}
         
/**********HERO IMAGE END         
***********************************/         
         
/**********NAV         
***********************************/         
/* .header-content #menu { float: right; } */         
.header-content #menu {float: none;position: absolute;top: 50%;-webkit-transform: translateY(-50%);right: 20px;transform: translateY(-50%);z-index: 3;}         
.header-content #menu li a {font-size: 17px;color: #333;font-weight: 700;padding: 4px 24px;}         
.header-content #menu li ul li{ border-top:none; }         
.header-content #menu li ul { background-color: #333; min-width: 180px; margin-top: 0; }         
.header-content #menu>ul>li:after { content: ""; height: 20px; width: 100%; position: absolute; bottom: -20px; left: 0; }         
.header-content #menu li ul.sub-navigation li a { border-top: none; color: #fff; }         
.header-content #menu li ul li a { font-size: 15px; padding: 10px 10px; text-align: left; }         
.header-content #menu li:hover { background-color: transparent; }         
.header-content #menu li ul li:hover { background: #6F7072; }         
/**********NAV END         
***********************************/         
         
/**********BUTTONS         
***********************************/         
.primary, .secondary, .tertiary {border-radius: 50px;background-color: #09005E;color: #FFF;-webkit-transition-duration: 0.4s;transition-duration: 0.4s;border: 2px solid #09005E;font-weight: 600;font-size: 16px;}         
#home-page #job-alert-search-form fieldset .form-button button.primary{padding: 8px 10px;}         
.site-name-tag .secondary{background-color: #fff;border: solid 2px #fff;display: inline-block;vertical-align: middle;margin-top: 16px;color: #346AFF;}         
#hero #job-search-form form fieldset .primary { background-color: transparent; border-color:#fff; }         
         
.primary:hover, .secondary:hover, .tertiary:hover {background: #346AFF;color: #fff;border:solid 2px #346AFF;}         
.site-name-tag .secondary:hover{ background-color: #346AFF; color: #fff; border-color: #346AFF; }         
#hero #job-search-form form fieldset .primary:hover{ background-color: #fff; color: #346AFF; }         
         
#home-page #job-alert-search-form .site form{background: #fff;}         
#home-page #job-alert-search-form.expanded-img{display: inline-block;vertical-align: top;width: 500px;float: right;margin: 0;top: 0;position: relative;}         
#home-page #job-alert-search-form.expanded-img fieldset{padding: 25px;}         
#home-page #job-alert-search-form.expanded-img fieldset .category-header{}         
#home-page #job-alert-search-form fieldset .form-content{float: none;width: 100%;}         
#home-page #job-alert-search-form fieldset .form-content .form-content-top input#keywords, #home-page #job-alert-search-form fieldset .form-content .form-content-top .location_autocomplete, #home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container, #home-page #job-alert-search-form fieldset .form-content .form-content-bottom input#JAS-email, #home-page #job-alert-search-form fieldset .form-button{width: 100%;margin-right: 0;float: none;margin-bottom: 20px;}         
#home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container label{color: #333;}         
#home-page #job-alert-search-form fieldset .form-content .form-content-bottom .checkbox-container .checkmark{border-color: #333;}         
input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], select{height: 55px;}         
.location_autocomplete #location-icon{line-height: 55px;}      
      
#home-page #job-search-form form{background: #fff;position: relative;}       
#home-page #job-search-form{display: inline-block;vertical-align: top;width: 500px;float: right;margin: 0;top: 0;position: relative;padding: 25px;}      
#home-page #job-search-form fieldset{padding: 0;}       
#home-page #job-search-form .category-header{}         
#home-page #job-search-form form, #home-page #job-search-form fieldset, #home-page #job-search-form form .location_autocomplete{float: none;width: 100%;margin: 15px auto;padding: 0;}        
#home-page #job-search-form form .location_autocomplete{ padding: 0; }      
#home-page #job-search-form form fieldset input[type=search], #home-page #job-search-form form fieldset input[type=text],#home-page  #job-search-form form fieldset select{height: 55px;}      
#job-search-form form fieldset .primary{width:100%}      
/**********BUTTONS END         
***********************************/         
         
/**********FEATURED JOBS         
***********************************/         
section#featured-jobs { padding-bottom: 40px; }         
#featured-jobs .interior{-webkit-box-shadow: 0 0 3px #cacaca; -moz-box-shadow: 0 0 3px #cacaca; box-shadow: 0 0 3px #cacaca;}         
#featured-jobs .category-header {}         
#featured-jobs .category-header h2 {text-align: left;}         
.featured-job-promo {width: 500px;min-height: auto;background: #06005A;/* display: none; */}         
#featured-job-listing {width: calc(100% - 505px);background: #F4F4F4;padding: 25px 25px;min-height: 512px;}         
#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 15px;margin: 0 0 10px;min-height: 56px;background: #fff;}         
#featured-job-listing ul li:nth-child(5) { border-bottom: none; }         
#featured-job-listing ul li:last-child { border-bottom: none; }         
.featured-job-promo  .sideboard-adspace {padding: 20px 10px;margin: 0 auto;background: transparent;}         
.featured-job-promo .sideboard-adspace .job-alert-signup {/* max-width: 300px; */margin: auto;}         
.featured-job-promo .sideboard-adspace .h5, .featured-job-promo .sideboard-adspace h5 {font-size: 25px;text-transform: capitalize;color: #fff;font-family: inherit;font-weight: 900;}         
.featured-job-promo .sideboard-adspace em {position: relative;bottom: 0;box-sizing: border-box;background: transparent;border-bottom: 0;border-top: 0;padding: 0;border: 0;font-size: 18px;margin-bottom: 15px;color: #fff;}         
.featured-job-promo .sideboard-adspace div>div {background: transparent;height: auto;border: none;margin-bottom: 10px;position: relative;box-sizing: border-box;color: #fff;}         
.featured-job-promo .sideboard-adspace a {width: auto;font-size: 15px;padding: 10px 25px;background: #fff;color: #06005A;}         
.featured-job-promo .sideboard-adspace a:hover{         
    background: #346AFF;         
    color: #fff;         
}         
.featured-job-promo .sideboard-adspace img { max-width: 100%; height: auto; display: block; margin: auto; }         
.featured-job-promo .sideboard-adspace.banner { padding-top: 0; }         
/**********FEATURED JOBS END         
***********************************/         
         
/**********STATS         
***********************************/         
         
#featured-stats .category-header{ display: none!important; }         
#featured-stats span.counter { display: block; color: #fff!important; font-size: 38px; }         
#featured-stats.super, #featured-stats.site  {background: transparent;padding: 0;padding-top: 100px;max-width: 1000px;display: block;/* margin: 0 auto; */padding: 0;margin: 0;}         
#featured-stats.three-stats .stats-container .stats-block h3:before{top: -5px;height: 10px;width: 2px;right: 0;left: auto;display: none;}         
#featured-stats .stats-container{flex-wrap: unset;text-align: left;justify-content: space-between;}         
#featured-stats .stats-container .stats-block {width: 100%;flex: 1;/* background: #B13A3B; */margin: 0 30px;box-sizing: border-box;padding: 20px;max-width: 300px;}         
#featured-stats.four-stats .stats-container .stats-block { width: 100%; flex: 1; }         
#featured-stats.three-stats .stats-container .stats-block{flex: auto;max-width: none;/* box-shadow: 3px 6px 13px 0 rgba(0,0,0,0.45); *//* background: #B13A3B; */}         
/* #featured-stats .stats-container .stats-block:first-child {         
    background: #2C7FC2;         
}         
#featured-stats .stats-container .stats-block:nth-child(2) {         
    background: #79B042;         
}         
#featured-stats .stats-container .stats-block:nth-child(3) {         
    background: #F88C00;         
}         
#featured-stats .stats-container .stats-block:nth-child(4) {         
    background: #D9B246;         
} */         
#featured-stats span.counter {display: block;color: #fff!important;font-size: 40px;display: inline-block;vertical-align: middle;font-weight: 900;text-shadow: 2px 2px 2px rgb(0 0 0 / 50%);line-height: 100%;}         
#featured-stats .interior { background: transparent; padding: 0; }         
#featured-stats .stats-container .stats-block h3 {display: block;font-size: 22px;padding-left: 0;color: #fff;text-shadow: 2px 2px 2px rgb(0 0 0 / 50%);}         
#featured-stats span.counter:after { content: "+" }         
#featured-stats.four-stats .stats-container .stats-block h3:before { width: 0px; opacity: .5; }         
         
/**********STATS END         
***********************************/         
         
/**********BLANK MODULE         
***********************************/         
#blank-module{background: #06005A;}         
.wrapper{max-width: 1400px;margin: 0 auto;position: relative;}         
.blank-con{padding: 60px 20px;display: flex;justify-content: space-between;align-items: center;}         
.blank-left{width: calc(100% - 500px);display: inline-block;vertical-align: top;color: #fff;}         
.blank-left h2{text-align: left;color: #fff;margin-bottom: 0;}         
.blank-left h2 span{display: block;font: 20px/100% 'Open Sans', sans-serif;}         
.blank-left p{font-size: 18px!important;padding-bottom: 25px;margin: 0!important;}         
.blank-left .primary{background: #fff;color: #346AFF;border: none;}         
.blank-left .primary:hover{background: #346AFF;color: #fff;border: none}         
.blank-right{ display: inline-block; vertical-align: top; float: right; }         
.blank-right img{ width: 100%; height: 100%; }         
/**********BLANK MODULE END         
***********************************/         
         
/**********FREATURED SERVICES         
***********************************/         
#featured-services{background: #fff;}         
.ftrd-con{text-align: center;padding: 50px 20px;}         
.ftrd-con h2{text-align: left;}         
.ftrd-con ul{text-align:center;display: flex;justify-content: space-between;}         
.ftrd-con ul li{display: inline-block;vertical-align: top;width: 300px;margin: 15px 15px;/* border-radius:50%; *//* height:170px; */padding: 0;/* border: 5px solid #fff; *//* font-size: 0; */text-align: left;}         
.ftrd-con ul li a{display: block;width: auto;position: relative;background: #fff;/* border: 5px solid #fff; *//* border-radius:50%; */height:100%;padding: 0;box-shadow: 0 3px 10px 0 rgb(0 0 0 / 10%);}         
.ftrd-con ul li a i{font-size: 40px;/* margin-bottom: 25px; */color: #002855;display: inline-block;vertical-align: top;width: 100px;height: 85px;background: #09005E;color: #fff;line-height: 80px;}         
/* .ftrd-con ul li a:before{position: static;display: block;margin: 0 auto 25px;height: 60px;width: 60px;content: "";} */         
.ftrd-con ul li a h3{line-height: 115%;display: inline-block;vertical-align: top;color: #fff;font-size: 20px;padding: 20px 15px;/* height: 100%; */background: #09005E;text-align: left;/* min-height: 80px; */margin-bottom: 15px;}         
.ftrd-con ul li a h3 span{/* display:block */}         
.ftrd-con ul li a p{         
    color: #000;         
    font-weight: 400;         
    padding: 15px;         
    margin-bottom: 15px;         
    font-size: 16px!important;         
}         
.ftrd-con ul li a img{display:block;margin: 0 auto;width: 100%;/* position: absolute; *//* left: 0; *//* right: 0; *//* top: 50%; *//* transform: translateY(-50%); *//* -webkit-transform: translateY(-50%); */object-fit: cover;height: 200px;}         
.ftrd-con ul li a:hover h3{background: #346AFF;}         
         
.ftrd-con .ftrd-img{         
    width: 100%;         
    height: 200px;         
    position: relative;         
    background: #fff;         
    object-fit: cover;         
}         
         
         
/**********FEATURED SERVICES END         
***********************************/         
         
/**********FEATURED COURSES         
***********************************/         
#home-page section#featured-courses { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; position: relative; max-width: 100%; position: relative; background: url(img/LMS-bg.jpg); clear:both; box-shadow: inset 0 0 0 1000px rgba(250, 250, 250, 0.9); padding-bottom: 30px; text-align: center; }         
#featured-courses .call-to-action { float: none; padding: 50px 0 20px; margin-left: 0; }         
#featured-courses .category-header {/* padding-bottom: 40px; */}         
#featured-courses .coursesContainer .course_cards .cards_item:not(:last-child) { padding-right: 20px; } .card_title { flex: 0 0 75px; }         
#featured-courses .coursesContainer .course_cards .cards_item .card_content .card_title h5 { font-size: 1.5em; }         
/**********FEATURED COURSES END         
***********************************/         
         
/**********FEATURED EMPLOYERS         
***********************************/         
#featured-employers .interior { background: transparent; }         
#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 { font-size: 1.1em; text-align: center; float: none; display: block; margin: 15px auto 0; width: 70%; }         
#featured-employers #featured-employer-logos ul li a:hover { border: none; }         
/**********FEATURED EMPLOYERS END         
***********************************/         
         
/**********FEEDBACK         
***********************************/         
#feedback { padding-top: 10px; position: relative; max-width: 100%; position: relative; }         
#feedback .interior { background: transparent; }         
#feedback .interior .h4, #feedback .interior h4  { color:#565559; font-size: 24px; font-weight: 500; display: block; }         
         
/**********FEEDBACK END         
***********************************/         
         
/**********FOOTER         
***********************************/         
.footer-content {padding: 20px 10px 30px;box-sizing: border-box;text-align: center;font-size: 14px;background: #000;}         
#footer { font-weight: 500; padding: 0;}         
/* .footer-content h3 { font-size: 22px; padding-bottom: 15px; text-align: left; font-weight: 600; color: #fff; } */         
[class^="ftr1-"]{display: block;text-align: center;margin: 25px auto;}         
[class^="ftr1-"] p{font-weight: 400;color: #fff;}         
         
/* .ftr1-1{float: left;width: 600px;} */         
.ftr1-2 ul{}         
.ftr1-2 ul li{display: inline-block;vertical-align: middle;position: relative;color: #fff;display: block;}         
/* .ftr1-2 ul li:before{position: absolute;left: 0;top: 50%;-webkit-transform:translateY(-50%);transform: translateY(-50%);}         
.ftr1-2 ul li:nth-child(1):before{content: url(img/ftr1.png)}         
.ftr1-2 ul li:nth-child(2):before{content: url(img/ftr2.png)} */         
.ftr1-3{}         
.ftr1-3 li{display: inline-block;vertical-align: middle;padding: 10px 25px;}         
.ftr1-3 li a{color: #FFF;font-size: 18px;}         
.ftr1-3 li a:hover{text-decoration: underline;}         
.ftr1-1{}         
/* .ftr1-4{width: 555px;float: right;}         
.ftr1-4 h4{color: #fff;font-size: 14px;font-weight: 600;padding-bottom: 5px;}         
.ftr1-4 a{margin-bottom: 15px;display: block;} */         
.social-media i{ }         
         
         
.ftr1-1 li { display: inline-block; font-size: 14px; padding: 0 2px; }         
.ftr1-1 li a{color: #333;width: 50px;height: 50px;display: flex;background: #fff;justify-content: center;align-items: center;font-size: 22px;border-radius: 5px;}         
.ftr1-1 li a:hover{ color: #09005E; }         
.bottomFooter p {margin-bottom: 0;padding: 0 10px;text-align: center;background: transparent;color: #fff;font-weight: 500;}         
.bottomFooter  { background: transparent; }         
/**********FOOTER END         
***********************************/         
         
         
/**********MEDIA QUERIES         
***********************************/         
@media(max-width: 1470px ){         
.header-content #menu{/* right: 0; */}         
.header-top{padding: 24px 10px;}         
.blank-box1:before{         
    left: -345px;         
}         
.blank-box2:after{right: -240px;}         
}         
@media(max-width: 1300px ){         
.ftrd-con ul{display: block;}         
         
}         
@media(max-width: 1200px ){         
section#featured-jobs { padding: 20px 10px; width: auto; }         
/* #featured-jobs .category-header h2 { padding: 0 10px; } */         
/* .blank-right{width: 350px;}         
.blank-left{width: calc(100% - 385px);} */         
#home-page #job-alert-search-form.expanded-img, .featured-job-promo{width: 350px;}         
#featured-job-listing{width: calc(100% - 356px);}      
#home-page #job-search-form{      
    width: 350px;      
}          
}         
         
@media(max-width: 1000px ){         
.header-content #menu li:last-of-type ul { left: auto; right: 0; }         
.blank-box1:before, .blank-box2:after{display: none;}         
.blank-box1{width: 100%;background: #09005E;float: none;}         
.blank-con{padding: 0;flex-wrap: wrap;}         
.blank-left{width: 100%;margin: 0 auto;padding: 40px 20px;}         
.blank-box2{float: none;min-height: 0;display: block;}         
.featured-job-promo{/* width: 100%; *//* max-width: 400px; *//* position: relative; *//* margin: 0 auto; *//* display: block; *//* right: 0; *//* left: 0; */}         
#blank-module{min-height: 0;}         
#featured-services{border-top: 1px solid #dedede;border-bottom: 1px solid #dedede;}         
}         
         
@media(max-width: 960px ){         
.header-content #logo{padding: 23px 10px;max-width: 225px;}         
#featured-job-listing ul li { min-height: auto; }         
#hero .site-name-tag { padding: 20px 10px; }         
#featured-job-listing ul { column-count: 1; }         
#featured-job-listing ul li:nth-child(4) {/* border-bottom: 1px solid #ccc; */}         
/* #featured-job-listing ul li { padding: 10px 0; } */         
#featured-job-listing ul li:nth-child(5) { border-bottom: none; }         
#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; }         
#home-page #job-search-form{ width: 100%; }  
.circle { height: 130px; width: 130px; }         
/*nav tragger*/         
.header-content #menu { position: relative; float: none; top: 0; left: auto; width: 100%; margin: 0; padding: 0; transform: none; right:0;}         
.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;font-size: 2.5em;padding: 15px 10px;position: relative;cursor: pointer;float: right;text-decoration: none;}         
.header-content #menu #nav-trigger:hover{color: #333;}         
.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; margin: 0; }         
.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;padding: 10px;color: #fff;text-align: left;font-size: 18px;background: #333;font-weight: 600;}         
.header-content #menu li { border-top: none; }         
section#featured-services { padding-bottom: 30px; }         
.header-content .call-to-action{margin-top: 58px;position: absolute;top: 0;right: 65px;}         
.home-page #header{position: relative;}         
#featured-stats.three-stats .stats-container .stats-block{margin: 0 5px;}         
#featured-stats.super, #featured-stats.site{/* padding-top: 40px; */}         
         
#home-page #job-alert-search-form.expanded-img{width: 100%;}         
#featured-job-listing{width: 100%;}         
.blank-right{    float: none; margin: 0 auto; display: block; width: 100%; margin-top: 30px;}         
.featured-job-promo{/* float: none; */width: 100%;}         
.blank-left{width: 100%; float: none; display: block;}         
#hero .site-name-tag h2{float: none;display: block;text-align: center;margin-top: 10px;width: 100%;border: none;padding: 0;font-size: 45px;}         
.site-name-tag .secondary{float: none;}         
.leftCTA{text-align: center;align-items: center;flex-wrap: wrap;}         
.leftCTA img{border:none;margin: 0;padding: 0;margin: 0 auto;max-width: 140px;}         
#featured-stats .stats-container{text-align: center;}         
}         
         
@media(max-width: 768px ){         
section#featured-services { padding-bottom: 0px; }         
#featured-stats .stats-container .stats-block h3:before{display: none;}         
#featured-stats .stats-container .stats-block h3{padding-left: 0!important; display: block!important; margin-left: 0; border: none; }         
.header-content #menu ul li { width: auto; }         
.col25 { width: 100%; float: none; padding: 15px 10px; }         
.circle { height: 150px; width: 150px; }         
.leftCTA, .rightCTA{/* border-style: none; */text-align: center;padding: 15px 10px;width: auto;border-width: 2px;}         
.hero-expanded{ background-position-x: center; }         
#home-page section{margin-bottom: 0;}         
#hero .site-name-tag {display: block;bottom: 0;}         
#hero .site-name-tag h2{ font-size: 28px; line-height: 35px; padding-top: 5px; }         
#hero .site-name-tag h1 { font-size: 25px; line-height: 30px; color: #fff; margin-bottom: 15px; }         
#hero .site-name-tag h1 span { display: inline-block; padding-bottom: 0; }         
.foot_left, .foot_middle { float: none; width: 100%; text-align: center; }         
.footer-content h3 { text-align: center; }         
.foot_right { float: none; width: 100%; text-align: center; }         
.footer-content .social-media { float: none; }         
#featured-job-listing {width: 100%;/* background: transparent; */text-align: center;padding-bottom: 30px;min-height: 0;}         
#featured-job-listing ul {text-align: center;padding: 10px 0;}         
/* .home-page .featured-job-promo { float: none; display: block; width: 100%; max-width: 100%; height: auto; margin: 0; clear: both; max-width: 400px; margin: auto; } */         
#featured-job-listing .secondary { font-size: 1.1em; float: none; margin: 20px auto; }         
#featured-jobs .category-header h2 { text-align: center; }         
.category-header h2 { padding-left: 0; }         
#home-page #job-alert-search-form.expanded-img{width: 100%;border-top: 1px solid #dedede;}         
}         
         
@media(max-width: 550px ){         
.ftr1-3 li{         
    width: 100%;         
}         
}         
         
@media(max-width: 480px ){         
.header-content #logo{/* padding: 20px 10px; */}         
.hdr-media ul li{font-size: 14px;padding-left: 2px;}         
.header-content #menu #nav-trigger{/* padding: 26px 10px; */}         
#featured-jobs .category-header h2, .category-header h2{ font-size: 26px; }         
#home-page #job-alert-search-form.expanded-img fieldset{ }         
#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: #333; }         
.header-content.site{ padding: 0; }         
.hero-expanded:after { display: none; }         
#hero #job-search-form form { margin-top: auto !important; background: #58a5ff; position: absolute; bottom: 0; padding: 20px; }         
#hero .site-name-tag { top: 300px; padding: 0 20px; }         
#hero .site-name-tag h2 { font-size: 25px; line-height: 30px; }         
#hero .site-name-tag { background: transparent; }         
.hero-expanded, #hero{ height: 480px; }         
#hero .site-name-tag{ top: auto; bottom: 0; }         
.header-content #menu ul li ul li { border-bottom: none; }         
#featured-employers .call-to-action { padding-bottom: 20px; }         
#featured-stats span.counter{font-size: 25px;}         
#featured-stats .stats-container .stats-block h3{font-size: 15px;}         
#featured-stats .stats-container .stats-block{padding: 20px 12px;margin: 0 auto;}         
#featured-stats.three-stats .stats-container .stats-block h3:before{display: none;}         
.header-content .call-to-action{/* right: 15px; */padding: 7px 10px;width: 95px;margin-top: 49px;}         
.header-content #menu{top: 0;}         
#home-page .featured-job-promo{margin: 0 auto;float: right;}         
#hero .site-name-tag{background: transparent;}         
.ftrd-con ul li{width:auto;}         
#featured-stats .stats-container{display: block;}         
}         
/**********MEDIA QUERIES END         
***********************************/         
         
         
/**********ANIMATION         
***********************************/         
         
         
 .slideInLeft {         
  -webkit-animation-name: slideInLeft;         
  animation-name: slideInLeft;         
  -webkit-animation-duration: 1s;         
  animation-duration: 1s;         
  -webkit-animation-fill-mode: both;         
  animation-fill-mode: both;         
  }         
  @-webkit-keyframes slideInLeft {         
  0% {         
  -webkit-transform: translateX(-100%);         
  transform: translateX(-100%);         
  visibility: visible;         
  }         
  100% {         
  -webkit-transform: translateX(0);         
  transform: translateX(0);         
  }         
  }         
  @keyframes slideInLeft {         
  0% {         
  -webkit-transform: translateX(-100%);         
  transform: translateX(-100%);         
  visibility: visible;         
  }         
  100% {         
  -webkit-transform: translateX(0);         
  transform: translateX(0);         
  }         
  }         
         
         
         
 .slideInRight {         
  -webkit-animation-name: slideInRight;         
  animation-name: slideInRight;         
  -webkit-animation-duration: 1s;         
  animation-duration: 1s;         
  -webkit-animation-fill-mode: both;         
  animation-fill-mode: both;         
  }         
  @-webkit-keyframes slideInRight {         
  0% {         
  -webkit-transform: translateX(100%);         
  transform: translateX(100%);         
  visibility: visible;         
  }         
  100% {         
  -webkit-transform: translateX(0);         
  transform: translateX(0);         
  }         
  }         
  @keyframes slideInRight {         
  0% {         
  -webkit-transform: translateX(100%);         
  transform: translateX(100%);         
  visibility: visible;         
  }         
  100% {         
  -webkit-transform: translateX(0);         
  transform: translateX(0);         
  }         
  }         
/**********ANIMATION END         
***********************************/         
.translator-tool-header {        
    float: left;        
}        
.featured-job-promo {       
    width: 500px;       
    min-height: auto;       
    background: #06005A;       
    display: none;       
}      
#basic-page .create-resume .default-form-box a.right {     
    background-color: #09005E;     
    color: #fff;     
} 

/**********CUSTOM CSS CODES      
***********************************/      
#home-page #job-search-form{ display: none; }  
#home-page #job-search-form.show { display: block; }
#footer,
#feedback,
#main-content,
body.inner-jobseeker-page.job-search-page #footer,
body.inner-jobseeker-page.job-search-page #footer.loaded,
body.inner-jobseeker-page #featured-employers {
  display: none;
  visibility: hidden;
  opacity: 0;
}
#footer.loaded,
#feedback.loaded,
#main-content.loaded {
  display: block;
  opacity:1;
  visibility: visible;
}
.content-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0 0 100px 0;
  margin: 0;
  background: #ffffff;
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.spinner {
  width: 48px;
  height: 48px;
  border: 8px solid #ddd;
  border-radius: 50%;
  position: relative;
  transform:rotate(45deg);
  box-sizing: border-box;
}
.spinner::before {
  content: "";
  position: absolute;
  box-sizing: border-box;
  inset:-8px;
  border-radius: 50%;
  border: 8px solid #4476FF;
  animation: prixClipFix 2s infinite linear;
}

@keyframes prixClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}