/**********GLOBAL                  
***********************************/                   
body {                   
    font-family: 'Open Sans', 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: #00aaeb;                  
    font-weight: 600;                  
    transition: all 0.3s ease;                  
}                   
a:hover {                  
    color: #00739f;                  
}                   
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, #feedback .interior .h4, #feedback .interior h4, #feedback .interior h2 {                  
    color:#535353;                  
    font-size: 30px;                  
    text-align: center;                  
    font-weight: 600;                  
}                  
.interior {                  
    max-width: 1200px;                  
    margin: 0 auto;                  
    overflow: hidden;                  
    overflow: visible;                  
}                  
#home-page section {                  
    padding-top: 40px;                  
}                
#inner-page-header #job-search-form form fieldset.call-to-action {                
    font-size: 11px;                
}               
.leaderboard-adspace {               
    margin: auto;               
}                  
/**********GLOBAL END                   
***********************************/                   
                  
                  
/**********HEADER                    
***********************************/                   
                  
#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 {                  
    padding: 20px 0;                  
    max-width: 100%;                   
}                  
.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: 900px;                  
    width: 100%;                  
    background: url("img/hero-8102.jpg") no-repeat center -35px / cover;                  
}                  
.hero-expanded:before {                  
    content: "";                  
    display: inline-block;                  
    position: absolute;                  
    top: 0;                  
    left: 0;                  
    right: 0;                  
    opacity: .89;                  
    background: url(img/banner-text-bg.png) no-repeat center top /cover;                  
    width: 100%;                  
    height: 300px;                  
}                  
.hero-expanded:after {                  
    position: absolute;                  
    height: 102px;                  
    width: 100%;                  
    content: "";                  
    background: #3c579b;                  
    left: 0;                  
    bottom: 0px;                  
}                  
#hero #job-search-form form {                  
    padding: 30px 20px;                  
}                  
#hero #job-search-form form fieldset input {                  
                  
    border-color: #fff;                  
}                  
#hero {                  
    background: transparent;                  
    height: 900px;                  
    position: relative;                  
}                  
                  
#hero .site-name-tag {                  
    text-align: left;                  
    position: relative;                  
    display:flex;                  
    top: 0;                  
    left: 0;                  
    right: 0;                  
    clear: both;                  
    max-width: 100%;                  
    margin: auto;                  
}                  
#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: 12px;                  
}                  
.leftCTA {                  
    width: 50%;                  
    background: transparent;                  
    padding: 0;                  
    text-align: left;                  
    position: relative;                  
}                  
.leftCTA:before {                  
    position: absolute;                  
    content: '';                  
    width: 20px;                  
    height: 140px;                  
    background: url(img/airplane.png) no-repeat center top /cover;                  
    top: 0;                  
    left: -46px;                  
    z-index: 999;                  
}                  
                  
/**********HERO IMAGE END                  
***********************************/                    
                  
/**********NAV                   
***********************************/                    
.header-content #menu {                  
    float: none;                  
    position: absolute;                  
    top: 50%;                  
    transform: translateY(-50%);                  
    right: 0;                  
}                  
.header-content #menu li a {                  
    font-size: 18px;                  
    color: #001e60;                  
    font-weight: 600;                  
    padding: 23px 24px;                  
}                  
.header-content #menu li a:hover {                  
   text-decoration: underline;                  
}                  
.header-content #menu ul li{                  
  position: relative;                  
}                  
.header-content #menu ul li:not(:last-child):before {                  
  content: '';                  
  background: #001e60;                  
  width: 1px;                  
  height: 20px;                  
  position: absolute;                  
  top: 50%;                  
  transform: translateY(-50%);                  
  right: 0;                  
}                  
.header-content #menu ul ul li:before {                  
  display: none;                  
}                  
.header-content #menu li ul li{                  
    border: none;            
    border-bottom: 1px solid #e0e0e0;               
}                 
.header-content #menu li:hover {                  
    background-color: transparent;                  
}                  
.header-content #menu li ul {                  
    background-color: #f9f9f9;                  
    margin-top: 16px;                  
    width: 100%;                  
    max-width: 100%;                  
}                  
.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: #999;                  
}                  
.header-content #menu li ul li a {                  
    font-size: 15px;                  
    padding: 15px 10px;                  
    text-align: left;                  
}                         
.header-content #menu li ul li a:hover {                  
  color: #111;                  
}                  
/**********NAV END                  
***********************************/                    
                  
/**********BUTTONS                   
***********************************/                   
.primary, .secondary, .tertiary {                  
    background-color: #000;                  
    color: #fff;                  
    /* border-radius: 5px; */                  
    text-transform: uppercase;                  
    -webkit-transition-duration: 0.4s;                  
    transition-duration: 0.4s;                  
    border: 1px solid #231f20;                  
    font-weight: 600;                  
}                  
                  
.primary:hover, .secondary:hover, .tertiary:hover {                  
    background-color: #3C579B;                  
    color: #fff;                  
    border-color:#3C579B;                  
}                  
.site-name-tag .secondary{                  
    background-color: transparent;                  
    border-color:#fff;                  
    color: #fff;                  
}                  
.site-name-tag .secondary:hover{                  
    background-color: #fff;                  
     color: #4485d1;                  
                  
}                  
#hero #job-search-form form fieldset .primary {                  
    background-color: transparent;                  
    border-color:#fff;                  
    color: #fff;                 
    padding: 8px;                  
}                  
#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;                  
}                  
.featured-job-promo {                  
    width: 30%;                  
    min-height: auto;                  
    padding: 0 0 40px;                  
}                  
#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;                  
                  
}                                                      
#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 h5, section#featured-jobs .sideboard-adspace .h5 {                  
  background: #909a3c;                  
  display: block;                  
  color: #fff;                  
  /* line-height: 100%; */                  
  padding: 10px;                  
  font-family: 'Open Sans', sans-serif;                  
}                  
section#featured-jobs  .sideboard-adspace {                  
    padding: 0;                  
    margin: 0 auto;                  
    background: transparent;                  
}                  
section#featured-jobs .sideboard-adspace .job-alert-signup {                  
    max-width: 100%;                  
    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;                  
    padding: 30px 10px 20px;                  
}                  
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(51, 51, 51, 0.89);                  
       text-align: center;                  
       position: relative;                  
}                  
section#blank-module:before {                  
    width: 0;                  
    height: 0;                  
    border-left: 15px solid transparent;                  
    border-right: 15px solid transparent;                  
    border-top: 25px solid #fff;                  
    top: -2px;                  
    left: 0;                  
    right: 0;                  
    position: absolute;                  
    content: '';                  
    margin: auto;                  
}                  
#blank-module  a.secondary {                  
    margin: 30px 0px 0px 0;                  
    color: #7da0c4;                  
    border: 1px solid #fff;                  
    color: #fff;                  
}                  
#blank-module  a.secondary:hover {                  
   background: #fff;                  
   color: #4485d1;                  
   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: url(img/fs-bg.png) no-repeat center bottom #7da0c4;                  
    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;                  
    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, #feedback .interior h2  {                  
    color:#565559;                  
    font-size: 24px;                  
    display: block;                  
}                  
                  
/**********FEEDBACK END                  
***********************************/                   
                  
/**********FOOTER                  
***********************************/                   
.footer-content {                  
    padding: 20px 10px;                  
    background: #001e60;                  
    box-sizing: border-box;                  
    color: #fff;                  
    position: relative;                  
    margin-top: 109px;                  
}                  
.footer-content:before {                  
    content: '';                  
    content: "";                  
    display: inline-block;                  
    right: 0;                  
    position: absolute;                  
    bottom: 98%;                  
    left: 0;                  
    background: url(img/footer-triangle.png) no-repeat center top/cover;                  
    height: 120px;                  
}                  
#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;                  
}                   
.footer-content .footer-nav a:hover{                  
 text-decoration: underline;                  
}                     
.social-media i{                  
  color: #fff;                  
}                     
.social-media i:hover{                  
  color: #a0c1e2;                  
}                      
.footer-content .social-media li {                     
    display: inline-block;                     
    font-size: 1.5em;                     
    padding: 0 2px;                     
}                     
.bottomFooter p {                  
    margin-bottom: 0;                  
    padding: 10px;                  
    text-align: center;                  
    background: #e4e4e6;                  
    color: #414040;                  
}                     
.bottomFooter  {                     
       background: #ccc;                      
}                     
/**********FOOTER END                  
***********************************/                   
                  
                  
/**********MEDIA QUERIES                  
***********************************/                  
                  
@media(max-width: 1320px ){                  
.header-content #logo {                  
    padding-left: 10px;                  
}                  
#hero .site-name-tag {                  
    left: 10px;                  
}                  
.leftCTA {                  
    padding-left: 30px;                  
}                  
.leftCTA:before {                  
    left: 0;                  
}                  
}                  
                  
@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 ){         
.header-content #menu ul li:not(:last-child)::before {         
  display: none;         
}                  
#featured-job-listing ul li {                  
     min-height: auto;                  
}                    
#hero {                  
    height: 600px;                  
}                  
#hero .site-name-tag {                  
    padding: 0 10px;                  
}                  
#home-page section#hero {                  
    padding-top: 25px;                  
}                  
.hero-expanded {                  
    height: 600px;                  
}                  
.hero-expanded:before {                  
    height: 240px;                  
}                  
#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;                  
    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: block;                                
    font-size: 2.5em;                                
    padding: 10px;                                
    position: relative;                                
    cursor: pointer;                                
    float: right;                                
    text-decoration: none;                   
    margin-top: 22px;                               
}                         
 .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;                  
    color: #fff;                  
    text-align: left;                  
    font-size: 18px;                  
    background: #3c579b;                  
    font-weight: 600;                  
}              
.header-content #menu li ul {              
    margin-top: 0;              
}                  
.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;                  
}                  
.col25 {                  
    width: 100%;                  
    float: none;                  
    padding: 15px 10px;                  
}                  
.circle {                  
    height: 150px;                  
    width: 150px;                  
}                  
.leftCTA, .rightCTA{                  
    width: auto;                  
    text-align: left;                  
    padding: 0 0 0 30px;                  
}                  
.leftCTA:before {                  
    height: 116px;                  
 }                  
#hero .site-name-tag {                  
    display: block;                  
}                  
#hero .site-name-tag h1 {                  
    font-size: 25px;                  
    line-height: 30px;                  
    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 {        
    margin-top: 75px;        
}                 
.footer-content h3 {                  
    text-align: center;                  
}                  
.foot_right {                  
    float: none;                  
    width: 100%;                  
    text-align: center;                  
}                  
.footer-content .social-media {                  
    float: none;                  
}                  
.footer-content:before {                  
    height: 60px;                  
}                  
#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 {                  
    padding-bottom: 0;                  
}                  
.header-content #logo {                  
    width: 210px;                  
    max-width: 100%;                  
}                  
.header-content #menu #nav-trigger {                  
    margin-top: 6px;                  
}                  
.hero-expanded:after {                  
    display: none;                  
}                  
#hero #job-search-form form {                  
    margin-top: auto !important;                  
    background: #3c579b;                  
    position: absolute;                  
    bottom: 0;                  
    padding: 20px;                  
                  
}                  
#hero .site-name-tag {                  
    top: 0px;                  
    padding: 0;                  
}                  
#hero .site-name-tag {                  
    background: transparent;                  
                  
}                  
#hero, .hero-expanded {                  
 height: 550px;                  
}                  
.header-content #menu ul li ul li {                  
    border-bottom: none;                  
}                  
                  
#featured-employers .call-to-action {                  
    padding-bottom: 20px;                  
}                  
}                  
/**********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                  
***********************************/