/**********SOCCC Premium GLOBAL                                   
***********************************/                                    
body {                                    
    font-family: 'Lato', 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: #004a7a;                                   
    font-weight: 600;                                   
    transition: all 0.3s ease;                                    
}                                    
a:hover {                                    
    color:#439546;             
    text-decoration: underline;                                   
}                                    
div#scrollSearch {                                   
    position: absolute;                                   
    top: 200px;                                   
}                                   
h1, h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {                                    
    font-weight: 500;                                    
    color: #004a7a;                                   
}                                   
                                   
.site {                                   
    max-width: 1200px;                                   
    background: transparent;                                   
}                                   
.category-header  h2 {                                   
    color:#004a7a;                                   
    font-size: 30px;                                   
    text-align: center;                                   
}                                   
.interior {                                   
    max-width: 1200px;                                   
    margin: 0 auto;                                   
    overflow: hidden;                                   
    overflow: visible;                                   
}                                   
#home-page section {                                   
    padding-top: 40px;                                   
}                                   
/**********GLOBAL END                                    
***********************************/                                    
                                   
                                   
/**********HEADER                                     
***********************************/                                    
.header-content #logo {                     
    float: left;                     
    padding-right: 0;                     
    padding-top: 10px;                     
    padding-bottom: 10px;                     
    padding-left: 20px;
    max-width: 500px;
    height: 100px;
    display: flex;          
    flex-direction: row;           
    justify-content: center;
    align-items: center;
}                                   
#header {                                   
   box-shadow: 0 2px 2px rgba(55, 55, 55, 0.1);                                   
}                                   
                                       
.header-content .call-to-action {                                   
    display: none;                                   
}                                   
.header-content.site {                                   
    background: transparent;                                   
}                                   
.header-content #logo img {                                   
    max-width: 100%;                                   
    max-height: 100%;                                   
}                                   
                                   
/**********HEADER END                                   
***********************************/                                   
                                   
/**********NAV                                   
***********************************/                                    
.header-content #menu {                                   
    float: right;                                   
}                                   
                                   
/**********NAV END                                   
***********************************/                                    
                                   
/**********HERO IMAGE                                    
***********************************/                                    
.hero-expanded {                                   
    position: absolute;                                   
    height: 550px;                                   
    width: 100%;                                   
    background: url("img/hero-24820.jpg") no-repeat center top / cover;                                   
    box-shadow: inset 0 0 0 1000px rgba(51, 51, 51, 0.2);                                   
}                                   
                                   
#hero #job-search-form form {                                   
    padding: 30px 20px;                                   
}                                   
#hero #job-search-form form fieldset input {                                   
                                   
    border-color: #fff;                                   
}                                   
#hero {                                   
    background: transparent;                                   
    height: 550px;                                   
}                                   
#hero .site-name-tag {                                   
    text-align: center;                                   
    position: relative;                                   
    display:flex;                                   
    top: 110px;
    left: unset;
    right: unset;
    width: 100%;                                   
    max-width: 768px;
    margin: auto;
    padding: 0 24px;
}
.leftCTA,
.rightCTA {                                   
    display: flex;
    flex: 1 1 50%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 32px;
    margin: 0;
    width: 100%;
}
.leftCTA {
    background: rgba(0, 75, 125, .7);
    border-radius: 50px 0 0 50px;                                 
}                                   
.rightCTA {              
    background: rgba(0, 122, 178, .7);                                   
    border-radius: 0 50px 50px 0;                                       
} 
#hero .site-name-tag h1 {                                   
    font-size: 35px;                                   
    line-height: 45px;                                   
    color: #fff;                                   
    font-weight: 300;                                   
}                                   
#hero .site-name-tag h1 span {                                   
    font-weight: 600;                                   
    display: block;                                   
    padding-bottom: 15px;                                   
}                                  
                                   
/**********HERO IMAGE END                                   
***********************************/                                     
                                   
/**********NAV                                    
***********************************/                                     
.header-content #menu {                                    
    float: none;                                    
    text-align: center;                                    
    display: block;                                    
    position: absolute;                                    
    /* right: 125px; */
    right: 24px;
    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: #306489;                                         
}                                     
/**********NAV END                                   
***********************************/                                     
                                   
/**********BUTTONS                                    
***********************************/                                    
.primary, .secondary, .tertiary {                                   
    background-color: #109ad3;                                   
    color: #FFF;                                   
    border-radius: 9px;                                   
    text-transform: uppercase;                                   
    -webkit-transition-duration: 0.4s;                                   
    transition-duration: 0.4s;                                   
    border:1px solid transparent;                                   
    font-weight: 600;                                   
}                                   
                                   
.primary:hover, .secondary:hover, .tertiary:hover {                                   
    background-color: transparent;                                   
    color: #fff;                                   
    border-color:#fff;                                   
}           
.secondary:hover, .tertiary:hover {                                   
    background-color: transparent;                                   
    color: #004a7a;                                   
    border-color:#004a7a;                                   
}                                                           
.site-name-tag .secondary{                                   
    background-color: transparent;                                   
    border-color:#fff;                                   
}                                   
.site-name-tag .secondary:hover{                                   
    background-color: #fff;                                   
     color: #004a7a;                                   
                                   
}                                   
#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: #fff;                                   
                                   
}                                   
/**********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;                               
	min-height: auto;                             
}                               
                               
#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;                             
}                               
                               
#featured-job-listing ul li {                               
	border-top: 1px solid #ccc;                               
	padding: 15px 0;                               
	margin: 0;                               
	white-space: nowrap;                             
    overflow: hidden;                             
	text-overflow: ellipsis;                             
}                               
                               
#featured-job-listing ul li:first-of-type {                               
	border-top: none;                               
}                               
                               
#featured-job-listing ul li:nth-of-type(2) {                               
	border-top: 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-bottom: 40px;                                   
    position: relative;                                   
    background: url(img/about-bg.jpg) no-repeat center top / cover;                                   
    box-shadow: inset 0 0 0 1000px rgba(0, 75, 123, 0.9);                                   
    text-align: center;                                   
}                                   
#blank-module  a.secondary {                                   
    margin: 30px 0px 0px 0;                                   
}                                   
#blank-module  a.secondary:hover {                                   
   background: #fff;                                   
   color: #109ad3;                                   
   border-color: #fff;                                   
}                                   
#blank-module .interior {                                   
    padding: 10px;                                   
    background: transparent;                                   
    color: #fff;                                   
    max-width: 960px;                                   
}                                   
#blank-module .category-header h2 {                                   
    color: #fff;                                   
}                                   
/**********BLANK MODULE END                                    
***********************************/                                    
                                   
/**********FREATURED SERVICES                                    
***********************************/                                    
#featured-services .interior {                                   
    min-height: 150px;                                   
    padding: 40px 0;                                   
}                                   
section#featured-services {                                   
    padding-bottom: 70px;                                   
/****    background: #109ad3;****/                                   
    max-width: 100%;                                   
}                                   
#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;                                   
}                                   
.circle {                                   
    background: transparent;                                   
    -webkit-animation: pulse 2s linear 1s infinite;                                   
    border-radius: 50%;                                   
    height: 150px;                                   
    width: 150px;                                   
    margin: auto;                                   
    position: relative;                                   
    border: 2px solid #fff;                                   
}                                   
section#featured-services {                                   
    padding-bottom: 70px;                                   
}                                   
                                   
.circle:hover {                                   
  box-shadow:0 0 16px #ccc;                                   
}                                   
.col25{                                   
  width: 25%;                                   
  float: left;                                   
  display: inline;                                   
  text-align: center;                                   
}                                   
/**********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: 25px;                                   
   border-top: 1px solid #ccc;                                   
    position: relative;                                   
    max-width: 100%;                                   
    position: relative;                                   
}                                   
#feedback .interior {                                   
    background: transparent;                                   
}                                   
#feedback .interior .h4, #feedback .interior h4  {                                   
    color:#004a7a;                                   
    font-size: 24px;                                   
    font-weight: 500;                                   
    display: block;                                   
}                                   
                                   
/**********FEEDBACK END                                   
***********************************/                                    
                                   
/**********FOOTER                                   
***********************************/                                    
.footer-content {                                   
    padding: 20px 10px;                                   
    background: #585674;                                   
    box-sizing: border-box;               
    color: #fff;                                   
}                                   
#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;                                    
}                                      
.social-media i{                                      
    color: #fff;                                     
}                                      
                                     
.footer-content .social-media li {                                      
    display: inline-block;                                      
    font-size: 1.5em;                                      
    padding: 0 2px;               
    color: #fff;                                      
}                                      
.bottomFooter p {                                      
    margin-bottom: 0;                                      
    padding: 10px;                                      
    text-align: center;                                                          
    background: rgba(255, 255, 255, .1);                                     
}                                      
.bottomFooter  {                                      
       background: #ccc;                                       
}                                      
/**********FOOTER END                                   
***********************************/                                    
                                   
                                   
/**********MEDIA QUERIES                                   
***********************************/                                    
@media(max-width: 1200px ){                                   
.home-page .interior, #featured-jobs .interior {                                   
    padding: 0 10px;                                   
    width: auto;                                   
}                                   
}                                   
                                   
@media(max-width: 1000px ){                                   
.header-content #menu li:last-of-type ul {                                   
    left: auto;                                   
    right: 0;                                   
}                                   
                                   
}                                   
                                   
@media(max-width: 960px ){
#featured-job-listing ul li {                                   
     min-height: auto;                                   
}                                     
#hero {                                   
    height: 600px;                                   
}                                   
#hero .site-name-tag {                                   
    top: 150px;
}                                   
.hero-expanded {                                   
    height: 600px;                                   
}                                   
#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;                                   
}                                   
.circle {                                   
    height: 100px;                                   
    width: 100px;                                   
}                                   
/*nav tragger*/                                                 
.header-content #menu {                                   
    position: relative;                                   
    float: none;                                   
    top: 0;                                   
    left: auto;
    right: 0;
    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-content #menu #nav-trigger {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100px;
    font-size: 2.5em;                                                 
    padding: 10px 20px;                                                 
    position: relative;
    cursor: pointer;
    float: right;
    text-decoration: none;
}                                          
 .header-content #menu ul {                                      
        float: none;                                      
        display: none;                                      
        height: 100%;                                      
        width: 100%;                                      
        box-sizing: border-box;                                      
}                                               
.header-content #menu ul li ul {                                                 
    margin-left: 0;                                      
        width: 100%;                                      
        float: none;                                      
        display: block;                                      
        background-color: ;                                   
        box-shadow: none;                                      
        border: 0;                                      
        padding: 0;                                     
    position: static;                                                
}                                                 
.header-content #menu li {                                      
        position: static;                                      
        clear: both;                                      
}                                              
.header-content #menu li ul {                                      
        float: none;                                      
        display: block;                                      
        height: 100%;                                      
        width: 100%;                                      
        position: static;                                      
        padding: 0;                                      
                                                 
    }                                     
.header-content #menu li ul .collapse {                                   
    display: block;                                   
    border: none;                                   
    padding: 10px 5px;                                   
    color: #fff;                                   
    text-align: left;                                   
    font-size: 18px;                                   
    background: #004a7a;                                   
    font-weight: 600;                                   
}                                   
.header-content #menu li {                                   
    border-top: none;                                   
}                                   
section#featured-services {                                   
    padding-bottom: 30px;                                   
}                                   
}                                   
                                   
@media(max-width: 768px ){                                   
section#featured-services {                                   
    padding-bottom: 0px;                                   
}                                   
                                   
.header-content #menu ul li {                                   
    width: auto;                                   
}
.header-content #menu ul li a {
    line-height: 48px;
}
.col25 {                                   
    width: 100%;                                   
    float: none;                                   
    padding: 15px 10px;                                   
}                                   
.circle {                                   
    height: 150px;                                   
    width: 150px;                                   
}
.hero-expanded {
    height: 652px;
}
#hero .site-name-tag h1 {                                   
    font-size: 24px;                                   
    line-height: 32px;                                   
    color: #fff;                                   
    margin-bottom: 15px;                                   
}                                   
#hero .site-name-tag h1 span {
    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: 600px ){
    .header-content #logo {                                   
        max-width: 390px;
    }
    #hero .site-name-tag {
        flex-direction: column;
        max-width: 360px;
        top: 50%;
        transform: translateY(-50%);
        margin-top: -32px;
    }
    #hero .site-name-tag .leftCTA {
        border-radius: 50px 50px 0 0;
    }
    #hero .site-name-tag .rightCTA {
        border-radius: 0 0 50px 50px;
    }
    #featured-job-listing ul {
        grid-template-columns: repeat(1, 1fr)
    }
    #featured-job-listing ul li:nth-of-type(2) {
        border-top: 1px solid #ccc;
    }
    #featured-job-listing ul li:nth-child(4) {
        border-bottom: none;
    }
}
@media(max-width: 480px ){
.header-content #logo {                                   
    max-width: 270px;
}
.hero-expanded:after {                                   
    display: none;                                   
}
#hero .site-name-tag {
    transform: translateY(-55%);
}                                  
#hero #job-search-form form {                                   
    margin-top: auto !important;                                   
    background: #004a7a;                                   
    position: absolute;                                   
    bottom: 0;                                   
    padding: 20px;                                   
                                   
}
#hero .site-name-tag {                                   
    background: transparent;                                   
}                                   
#hero { height: 550px; }
.hero-expanded { height: 652px; }

.header-content {
    padding-bottom: 0;
}                                   
.header-content #menu ul li ul li {                                   
    border-bottom: none;                                   
}                                   
#home-page .featured-job-promo {                                   
    max-width: 400px;
    margin: auto;
}
#home-page .featured-job-promo .sideboard-adspace {
    max-width: 100%;
}
#featured-employers .call-to-action {                                   
    padding-bottom: 20px;                                   
}                                   
}
@media(max-width: 360px ){
    .header-content #logo {
        width: 60px;
        height: 100px;
        max-width: unset;
        max-height: unset;
        overflow: hidden;
        position: relative;
        left: 24px;
        justify-content: start;
        padding: 0;
    }
    .header-content #logo img {
        max-width: unset;
        max-height: unset;
        width: auto;
        height: 56px;
    }
}
/**********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                                   
***********************************/          
#featured-services .swiper-slide {         
  background: #fff;       
  min-height: 130px;         
  padding: 10px;         
  text-align: center;         
  display: flex;         
  flex-direction: column;         
  align-items: center;         
}    
#home-page #job-alert-search-form.expanded-img {   
    margin-bottom: -122px;   
    top: -122px;   
    position: relative;   
    background: rgba(0, 75, 125, .6);   
    color: #fff;   
}