/**********GLOBAL  
***********************************/  
body {  
    font-family: 'Muli', sans-serif;  
    -webkit-font-smoothing: antialiased;  
    -moz-osx-font-smoothing: grayscale;  
    color: #535353;  
}  
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: #6F0746;  
    font-weight: 600;  
    transition: all 0.3s ease;  
}  
a:hover, #featured-job-listing ul li a h3:hover{  
    color: #202F8A;  
}  
div#scrollSearch {  
    position: absolute;  
    top: 200px;  
}  
h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {  
    font-weight: 500;  
    color: #535353;  
}  
  
.site {  
    max-width: 1200px;  
    background: transparent;  
}  
.category-header  h2 {  
    text-align: center;  
font-size: 30px;  
font-weight: 700;  
color: #3E4140;  
}  
#browse-by h2{  
  text-align: left;  
}  
.interior {  
    max-width: 1200px;  
    margin: 0 auto;  
    overflow: hidden;  
    overflow: visible;  
}  
#home-page section {  
    padding-top: 40px;  
}  
  
#featured-stats.super{  
text-align: center;  
}  
  
#featured-stats.super .interior{  
max-width: 1200px;  
margin: 0 auto;  
}  
  
#featured-stats .stats-container .stats-block h3{  
display: block;  
padding-left: 0;  
margin-top: 0;  
}  
#browse-by .interior ul.browse-tabs li:hover::after{  
  background: #202F8A;  
}  
/**********GLOBAL END  
***********************************/  
  
  
/**********HEADER  
***********************************/  
  
#header {  
   box-shadow: 0 2px 2px rgba(55, 55, 55, 0.1);  
   background: #fff;  
}  
  
.header-content .call-to-action {  
    display: none;  
}  
.header-content.site {  
    background: transparent;  
}  
.header-content #logo{  
    padding: 15px 10px;  
    max-width: 309px;  
}  
.header-content #logo img, .header-content #logo2 img {  
    max-width: 100%;  
    max-height: 100%;  
}  
.header-content #logo2{  
  max-width: 309px;  
  padding: 15px 10px;  
  float: right;  
}  
  
/**********HEADER END  
***********************************/  
  
/**********NAV  
***********************************/  
.header-content #menu {  
    float: right;  
}  
  
/**********NAV END  
***********************************/  
  
/**********HERO IMAGE  
***********************************/  
.hero-expanded {  
    position: absolute;  
    height: 63vh;  
    width: 100%;  
    background: linear-gradient(90deg, rgba(0,0,0,0.70) 0%, rgba(0,0,0,0.50) 100%), url("img/hero-13641.jpg") no-repeat center top / cover;  
}  
#home-page #job-alert-search-form.expanded-img{  
  top: 0;  
  margin: 0;  
  background: #202F8A;  
}  
#hero #job-search-form form {  
    padding: 30px 20px;  
}  
#hero #job-search-form form fieldset input {  
  
    border-color: #fff;  
}  
  
#hero {  
    background: transparent;  
    height: 63vh;  
}  
#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: 96px;  
}  
#hero .site-name-tag h2 {  
    font-size: 35px;  
    line-height: 38px;  
    color: #fff;  
    font-weight: 700;  
    padding-top: 0;  
    margin-bottom: 10px;  
    font-family: 'Gayathri', sans-serif;  
}  
#hero .site-name-tag h2 span {  
    font-weight: 700;  
    display: block;  
    padding-bottom: 15px;  
}  
.leftCTA {  
    width: 360px;  
    text-align: center;  
    padding: 15px 20px;  
    background: transparent;  
    margin: 0 auto;  
}  
  
/**********HERO IMAGE END  
***********************************/  
  
/**********NAV  
***********************************/  
.header-nav{  
  background: #eee;  
}  
.header-content #menu {  
    float: none;  
    position: relative;  
    top: 0;  
    right: 0;  
    text-align: center;  
}  
.header-content #menu li a {  
    font-size: 18px;  
    color:#707072;  
    font-weight: 600;  
    padding: 18px 24px;  
}  
.header-content #menu li {  
  display: inline-block;  
  vertical-align: top;  
  float: none!important;  
}  
.header-content #menu li ul li{  
    border-top:none;  
}  
.header-content #menu li ul li{  
  width: 100%;  
}  
.header-content #menu li:hover {  
    background-color: transparent;  
}  
.header-content #menu li ul {  
    background-color: #6F0746;  
    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.sub-navigation li.collapse{  
  font-size: 15px;  
padding: 10px 10px;  
text-align: left;  
color: #fff;  
display: none;  
}  
.header-content #menu li ul li a {  
    font-size: 15px;  
    padding: 10px 10px;  
    text-align: left;  
}  
.header-content #menu li ul li:hover {  
  background: #fff;  
}  
.header-content #menu li ul li:hover a{  
  color: #6F0746;  
}  
.header-content #menu li ul.sub-navigation li.collapse:hover{  
  color: #6F0746;  
}  
/**********NAV END  
***********************************/  
  
/**********BUTTONS  
***********************************/  
.primary, .secondary, .tertiary {  
    background-color: #6F0746;  
    color: #FFF;  
    text-transform: uppercase;  
    -webkit-transition-duration: 0.4s;  
    transition-duration: 0.4s;  
    border:2px solid #6F0746;  
    font-weight: 600;  
}  
  
.primary:hover, .secondary:hover, .tertiary:hover {  
    background-color: #202F8A;  
    color: #fff;  
    border:solid 2px #202F8A;  
}  
#home-page #job-alert-search-form fieldset .form-button button.primary{  
    padding: 6.5px 10px;  
    background: #fff;  
    color: #6F0746;  
    border: none;  
}  
#home-page #job-alert-search-form fieldset .form-button svg{  
  color: #6F0746;  
}  
#home-page #job-alert-search-form fieldset .form-button button.primary:hover{  
  background: #6F0746;  
  color: #fff;  
}  
#home-page #job-alert-search-form fieldset .form-button button.primary:hover svg{  
  color: #fff;  
}  
.site-name-tag .secondary{  
    background: #fff;  
    border-radius: 0px;  
    border: none;  
    color: #6F0746;  
}  
.site-name-tag .secondary:hover{  
    background: #202F8A;  
    color: #fff;  
}  
#hero #job-search-form form fieldset .primary {  
    background-color: transparent;  
    border-color:#fff;  
}  
#hero #job-search-form form fieldset .primary:hover{  
    background-color: #fff;  
     color: #4485d1;  
}  
/**********BUTTONS END  
***********************************/  
  
  
  
/**********FEATURED JOBS  
***********************************/  
section#featured-jobs {  
    padding-bottom: 40px;  
}  
#featured-jobs .category-header h2 {  
text-align: left;  
font-size: 30px;  
font-weight: 700;  
color: #0C2C43;  
}  
.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;  
    min-height: 56px;  
    background: transparent;  
  
}  
#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: 0;  
    position: relative;  
    background: #6F0746;  
    text-align: center;  
    font-size: 14px;  
}  
#blank-module  a.secondary {  
    margin: 30px 0px 0px 0;  
    background: #fff;  
    color: #6F0746;  
    border: none;  
}  
#blank-module  a.secondary:hover {  
    background-color: #202F8A;  
    color: #fff;  
}  
#blank-module .interior {  
    padding: 154px 15px 30px;  
    background: transparent;  
    color: #fff;  
    max-width: 589px;  
    line-height: 28px;  
    font-size: 15px;  
    text-align: left;  
    float: left;  
}  
#blank-module .interior p:nth-child(2){  
    margin-top: 15px;  
}  
#blank-module .category-header h2 {  
    color: #fff;  
    text-align: left;  
}  
.img-right img{  
  width: 100%;  
  max-width: 100%;  
}  
.img-right{  
  float: right;  
  margin-right: -349px;  
  width: 837px;  
  height: 545px;  
  position: relative;  
}  
.img-right:after{  
  position: absolute;  
  content: "";  
  left: 0;  
  top: 0;  
  width: 100%;  
  height: 100%;  
  background: rgba(0,0,0,0.3);  
}  
  
/**********BLANK MODULE END  
***********************************/  
  
/**********FREATURED SERVICES  
***********************************/  
#featured-services .interior {  
    min-height: 150px;  
    text-align: center;  
}  
section#featured-services {  
    background: #fff;  
    max-width: 100%;  
    padding: 82px 0;  
    border-bottom: 1px solid #dedede;  
}  
#featured-services h3{  
    font-size: 18px;  
    color: #fff;  
}  
#featured-services .category-header{  
  padding-bottom: 40px;  
}  
.circle {  
    background: transparent;  
    -webkit-animation: pulse 2s linear 1s infinite;  
    margin: auto;  
    position: relative;  
    height: 55px;  
}  
.col25{  
  width: 24%;  
  float: none;  
  display: inline-block;  
  text-align: center;  
  margin: 0 4px;  
  vertical-align: top;  
  min-height: 181px;  
}  
.col25 a{  
  display: block;  
  width: 100%;  
  padding: 50px 0;  
  background: #5D61BB;  
}  
.col25:nth-child(even) a{  
  background: #54579A;  
}  
.col25 a:hover{  
  background: #6F0746;  
}  
/**********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;  
    border-top: 1px solid #dedede;  
}  
#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;  
    background: #202F8A;  
    box-sizing: border-box;  
}  
#footer {  
    font-weight: 500;  
}  
.footer-content h3 {  
    font-size: 18px;  
    padding-bottom: 15px;  
    text-align: left;  
    font-weight: 600;  
    color: #fff;  
}  
.foot_left,  .foot_middle{  
    float: left;  
    width: 40%;  
}  
 .foot_right{  
    float: left;  
    width: 20%;  
}  
.footer-content .copyright-contact {  
    float: none;  
    width: auto;  
    padding: 10px;  
}  
.footer-content-inner.site {  
    max-width: 1000px;  
}  
.footer-content .footer-nav {  
    float: none;  
    width: auto;  
    padding: 10px;  
}  
.footer-content .footer-nav a{  
    color: #fff;  
    font-size: 13px;  
}  
.footer-content .footer-nav a:hover{  
    color: #399EE6;  
}  
.footer-content p {  
    margin-bottom: auto;  
    color: #fff;  
    font-size: 13px;  
}  
.social-media i{  
  
}  
  
.footer-content .social-media li {  
    display: inline-block;  
    font-size: 1.5em;  
    padding: 0 2px;  
}  
.footer-content .social-media li a{  
    color: #fff;  
}  
.footer-content .social-media li a:hover{  
    color: #399EE6;  
}  
.bottomFooter p {  
    margin-bottom: 0;  
    padding: 17px 10px;  
    text-align: center;  
    background: #54579A;  
    color: #fff;  
    font-weight: 700;  
}  
.bottomFooter  {  
       background: #ccc;  
}  
/**********FOOTER END  
***********************************/  
  
  
/**********MEDIA QUERIES  
***********************************/  
@media(max-width: 1200px ){  
.home-page .interior, #featured-jobs .interior {  
    padding: 0 10px;  
    width: auto;  
}  
#featured-jobs .category-header h2 {  
    padding: 0 10px;  
}  
.img-right{  
  margin-right: -418px;  
}  
#blank-module .interior{  
  max-width: 546px;  
}  
.col25{  
  margin: 0 auto;  
}  
}  
  
@media(max-width: 1000px ){  
.header-content #menu li:last-of-type ul {  
    left: auto;  
    right: 0;  
}  
#blank-module .interior{  
  max-width: 100%;  
  padding: 40px 15px;  
}  
.img-right{  
  display: none;  
}  
}  
  
@media(max-width: 960px ){  
.header-content #logo, .header-content #logo2{  
    max-width: 215px;  
}  
#featured-job-listing ul li {  
     min-height: auto;  
}  
#hero .site-name-tag {  
    padding: 0 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;  
}  
section#featured-services{  
  padding: 40px 0 50px;  
}  
/*nav tragger*/  
.header-content #menu {  
    position: relative;  
    float: none;  
    top: 0;  
    left: auto;  
    width: 100%;  
    margin: 0;  
    padding: 0;  
    transform: none;  
}  
.header-content #menu>ul>li {  
    float: none;  
    width: 100%;  
    clear: both;  
    display: block;  
    text-align: center;  
}  
.header-content #menu .mobile-hide {  
        display: none;  
 }  
.header-nav{  
  min-height: 62px;  
}  
.header-content #menu #nav-trigger {  
    display: block;  
    font-size: 2.5em;  
    padding: 5px 10px;  
    position: relative;  
    cursor: pointer;  
    float: right;  
    text-decoration: none;  
}  
.header-content #menu #nav-trigger:hover{  
    color: #202F8A;  
}  
 .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!important;  
    border: none;  
    padding: 10px;  
    color: #fff;  
    text-align: left;  
    font-size: 18px;  
    background: #6F0746;  
    font-weight: 600;  
}  
.header-content #menu li {  
    border-top: none;  
}  
.header-content #menu li ul li:hover {  
  color: #6F0746;  
}  
}  
  
@media(max-width: 768px ){  
.header-content #menu ul li {  
    width: auto;  
}  
.col25 {  
    width: 48%;  
    float: none;  
    margin: 5px auto;  
}  
.leftCTA, .rightCTA{  
    border-style: none;  
    text-align: center;  
    padding: 15px 10px;  
    width: auto;  
}  
.hero-expanded{  
    background-position-x: center;  
}  
#hero .site-name-tag {  
    display: block;  
    max-width: 340px;  
    bottom: 180px;  
}  
#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;  
}  
#featured-job-listing ul {  
    text-align: center;  
    padding: 10px 30px;  
}  
.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;  
}  
}  
@media(max-width: 480px ){  
.header-content #logo, .header-content #logo2{  
  float: none;  
  margin: 0 auto;  
  display: block;  
}  
.header-content #menu #nav-trigger{  
    padding: 10px;  
}  
#featured-jobs .category-header h2, .category-header h2{  
font-size: 26px;  
}  
#home-page #job-alert-search-form.expanded-img fieldset{  
    background: rgba(0,0,0,0.6);  
}  
#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: 55vh;  
}  
#hero .site-name-tag{  
    top: auto;  
    bottom: 40px;  
}  
.header-content #menu ul li ul li {  
    border-bottom: none;  
}  
  
#featured-employers .call-to-action {  
    padding-bottom: 20px;  
}  
.col25{  
  width: 100%;  
}  
}  
/**********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  
***********************************/