/**********GLOBAL
***********************************/
body {
    font-family: 'Nunito 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: #38719e;
    font-weight: 600;
    transition: all 0.3s ease;
}
a:hover {
    color:#333 ;
}
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 {
    color:#535353;
    font-size: 30px;
    text-align: center;
}
#home-page .interior {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    overflow: visible;
}
#home-page section {
    padding-top: 40px;
}
.leaderboard-adspace {
    margin: 0 auto;
    padding: 10px 0;
    line-height: 0.75;
    overflow: hidden;
}
.leaderboard-adspace.top {
    background: #19263F;
}
#inner-page-header #job-search-form form fieldset.call-to-action .secondary {
    padding: 11px 15px;
}
/**********GLOBAL END
***********************************/


/**********HEADER
***********************************/

.header-content #menu{
padding-left: 43px;
}

.header-content .site {
    background-color: transparent;
}
.header-top {
    background-color: #DCDBD8;
    font-size: 12px;
}
.header-top a {
    color: #4d493f;
    font-weight: bold;
}
.header-top a:hover {
    text-decoration: underline;
}
.header-top li {
    display: inline-block;
    position: relative;
    padding: 7.625px 21.6px;
}
.header-top li:after {
    content: "";
    width: 1px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 10px;
    background-color: #d2d2cf;
}
.header-top li:last-of-type:after {
    display: none;
}
.nav-left {
    float: left;
}
.nav-right {
    float: right;
}
.main-header {
    background-color: #1f304f;
}
.join-ama {
    text-transform: uppercase;
    font-weight: bold;
    float: right;
    font-size: 14px;
    margin-top: 10px;
}
.join-ama span {
    color: #f88772;
    font-size: 18px;
    line-height: 0;
    padding-right: 3px;
    font-weight: normal;
}
.secondary.join-ama:hover {
    text-decoration: none;
background: #8a2c27;
border-color: #8a2c27;
color: #fff;
}
.secondary.join-ama:hover a {
    text-decoration: none;
    color: #fff;
}
.home-page .secondary.join-ama{
display: block;
line-height: 100%;
padding: 35.5px 19.5px;
margin-top: 0;
border-radius: 0;
font-size: 18px;
font-weight: 700;
background: #b22b25;
}
.home-page .secondary.join-ama:hover{
background: #8a2c27;
}
.secondary.join-ama {
display: none;
line-height: 100%;
padding: 35.5px 19.5px;
margin-top: 0;
border-radius: 0;
font-size: 18px;
font-weight: 700;
background: #b22b25;
}
.secondary.join-ama  a{
    color: #fff;
}
.header-content #logo {
    max-width: 100%;
    line-height: 1;
    padding: 25px 0;
padding-left: 43px;
}
.header-content #logo img {
    max-height: 70px;
width: 260px;
}
.header-content .menu-wide {
    background-color: #1f304f;
    border-top: 1px solid hsla(0,0%,100%,.25);
}
.header-content .menu-wide .site {
    position: relative;
}
.header-content #menu li:hover {
    background-color: transparent;
}
.header-content #menu li a {
font-size: 18px;
padding: 11px 0;
color: #fff;
margin: auto;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .5px;
}
.header-content #menu li:hover a.mobile-hide{
color: #0071a5;
}
.header-content #menu li a.mobile-hide{
padding: 0;
line-height: 50px;
}
.header-content #menu li a::after{
content: "\f107";
top: 0;
right: 0;
position: absolute;
-webkit-transition: .25s ease;
transition: .25s ease;
font-family: FontAwesome;
font-style: normal;
line-height: 50px;
}
.header-content #menu li ul li a:after{
display: none;
}
.header-content #menu li a:hover::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
margin: 2px 0 0;
font-size: 20px;
}
li:hover .mobile-hide::after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin: 2px 0 0;
    font-size: 20px;
}
.header-content #menu li a:hover{
color: #0071a5;
}
.header-content #menu li:nth-child(3) a::after{
  display: none;
}

.header-content #menu > ul > li{
margin-right: 40px;
padding-right: 20px;
}
.header-content #menu li ul li a {
    font-size: 16px;
    padding: 11px 24px;
}
.header-content #menu li ul li a:hover {
    color: #fff;
}
.header-content #menu li ul {
text-align: left;
white-space: nowrap;
background-color: #1f304f;
margin-left: -22px;
}

.header-content #menu li.logged-in:hover ul, .header-content #menu li.sign-in:hover ul, .header-content #menu li.logged-in:hover  ul, .header-content #menu li.sign-in:hover ul {
    right: 0;
}
.header-content .call-to-action {
padding: 0;
float: none;
position: absolute;
top: 25px;
right: 160px;
background: transparent;
font-size: 18px;
text-transform: uppercase;
border-style: none;
}
.header-content .call-to-action:hover{
border-style: none;
color: #fff;
}
.header-content #menu li ul.sub-navigation li a {
    border-top: none;
}
#featured-courses .course_cards .course_item .course_card:before {
    border-top: 5px solid #c15358;
}
.menu-wide .call-to-action{
display: none;
}
/**********HEADER END
***********************************/

/**********HERO IMAGE
***********************************/
.hero-expanded {
    top: 0;
    position: absolute;
    width: 100%;
    height: 450px;
    background: url("img/hero-22720.jpg") no-repeat 70% top / cover;
}
#hero {
    text-align: left;
    height: 450px;
    background: transparent;
}
#hero .site-name-tag {
    left: 0;
    right: 0;
    top: 100px;
    margin-left: 20px;
    position: relative;
    display: inline-block;
    padding: 0;
    text-align: center;
    background: rgba(27,48,81,0.55);
    padding: 15px;
}
#hero .site-name-tag  img {
    width: 95%;
    max-width: 375px;
}
#hero .site-name-tag h1 {
    margin-top: 0;
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.65);
    font-size: 3em;
    font-weight: 700;
}                                                                                               #hero #job-search-form form {
    padding: 30px 20px;
}
#hero #job-search-form form fieldset input {

    border-color: #fff;
}
#job-detail-view a.primary {
    border: 0;
}

/**********HERO IMAGE END
***********************************/

/**********BUTTONS
***********************************/
.primary, .secondary, .tertiary, section#featured-jobs .sideboard-adspace a, .call-to-action .secondary {
    background-color: #bc1118;
    background: linear-gradient(to bottom, #bc1118 0%,#b21015 44%,#a90e13 100%);
    color: #FFF;
    border-radius: 50px;
    text-transform: uppercase;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    border:1px solid transparent;
    font-weight: 600;
    padding: 8px 25px 4px;
}

.primary:hover, .secondary:hover, .tertiary:hover, section#featured-jobs .sideboard-adspace a:hover {
    text-decoration: underline;
    background: transparent;
    color: #bc1118;
    border: 1px solid #bc1118;
    text-decoration: none;
}
.call-to-action{
color: #fff;
text-decoration: none;
padding: 5px 22px;
}
#home-page #job-alert-search-form fieldset .form-button button.primary {
    padding: 6px 10px 9px;
}
#home-page #job-alert-search-form fieldset .form-button button.primary:hover {
    background: #fff;
    color: #bc1118;
    border: 1px solid #fff;
}
/**********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: 30px 10px;
    background: #dfecf5;
    position: relative;
}
.featured-job-promo:before {
    width: 30px;
    height: 30px;
    background:  url(img/triangle.png) no-repeat center top /cover;
    position: absolute;
    content: '';
    top: 0;
    right: 0;
}
#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 {
    padding: 0;
    margin: 0 auto;
    background: transparent;
}
section#featured-jobs .sideboard-adspace .job-alert-signup {
    max-width: 300px;
    margin: auto;
}
.sideboard-adspace h5, .sideboard-adspace .h5 {
   font-family: 'Varela Round', sans-serif;
   font-weight: 700;
   padding: 0 5px 20px;
}
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: 30px;
    position: relative;
    box-sizing: border-box;
}
section#featured-jobs .sideboard-adspace a {
    width: auto;
    font-size: 1.1em;
}
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: 70px 0;
       position: relative;
       background: url(img/about-bg.jpg) no-repeat center center / cover;
       box-shadow: inset 0 0 0 1000px rgba(51, 51, 51, 0.8);
       text-align: center;
}
#blank-module  p {
    font-weight: 700;
font-size: 16px;
}
#blank-module p a {
    color: #fff;
    text-decoration: underline;
}
#blank-module  p a:hover {
    color: #fff;
    text-decoration: underline;
}
#blank-module  a.secondary {
    margin: 60px 0px 0px 0;
}
#blank-module  a.secondary:hover {
   background: #fff;
   color: #bc1118;
   border-color: #fff;
}
#blank-module .interior {
    padding: 10px;
    background: transparent;
    color: #fff;
    max-width: 1200px;
}
#blank-module .category-header h2 {
    color: #fff;
    margin-bottom: 25px;
    font-weight: 700;
}
/**********BLANK MODULE END
***********************************/

/**********FREATURED SERVICES
***********************************/
#featured-services .interior {
    min-height: 250px;
    padding: 40px 0;
}
section#featured-services {
    padding-bottom: 70px;
    background: #c15358;
    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) no-repeat center top -220px/cover;
    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:#565559;
    font-size: 24px;
    font-weight: 500;
    display: block;
}

/**********FEEDBACK END
***********************************/

/**********FOOTER
***********************************/
.footer-content {
padding: 60px 100px 90px;
background: #1f304f;
box-sizing: border-box;
border-top: 8px solid #b22b25;
position: relative;
}
.footer-content:after{
content: "" ;
left: 0;
right: 0;
bottom: 0;
position: absolute;
width: 90%;
height: 1px;
background: #8f97a1;
margin: 0 auto;
}
#footer {
    font-weight: 500;
    color: #fff;
}
.footer-logo{
display: block;
width: 100%;
height: auto;
margin-bottom: 30px;
}
#logo{
float: none;
}
#logo img{
width: 340px;
}
.joinama{
float: right;
margin: 18px 0 0;
}
.joinama a{
font-size: 18px;
color: #fff;
background: #b22b25;
padding: 10px 30px;
border-radius: 50px;
}
.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: left;
    width: auto;
}
.footer-content .footer-nav li{
display: inline-block;
margin: 0 20px 0 0;
vertical-align: top;
}
.footer-content .footer-nav li a{
text-transform: uppercase;
letter-spacing: .5px;
color: #fff;
font-size: 18px;
}
.footer-content .footer-nav a{
 color: #fff;
}
.footer-content .footer-nav a:hover, .social-media i:hover{
   color: #fff;
}
.footer-content .social-media{
  text-align: center;
float: right;
}
.social-media i{
  color: #fff;
}

.footer-content .social-media li {
    display: inline-block;
    font-size: 30px;
    padding: 0 2px;
margin: 0 0 0 10px;
}
.footer-content .social-media li span{
color: #fff;
}
.bottomFooter p {
margin-bottom: 0;
padding: 50px 100px 50px;
text-align: left;
background: #1f304f;
font-family: Times New Roman,Times,serif;
font-size: 18px;
color: #8f97a1;
}
.bottomFooter  {
       background: #1f304f;
}
/**********FOOTER END
***********************************/


/**********MEDIA QUERIES
***********************************/
@media(max-width: 1600px ){

  #home-page section#featured-courses {
    background-position: no-repeat center top;
}
}

@media(max-width: 1200px ){
    .header-content #logo {
        padding-left: 10px;
     }
    #hero .site-name-tag {
        top: 92px;
    }

   .home-page .interior, #featured-jobs .interior {
    padding: 0 10px;
    width: auto;
    }
   #featured-jobs .category-header h2 {
     padding-left: 10px;
    }

}

@media(max-width: 1000px ){
.header-content #menu li:last-of-type ul {
    left: auto;
    right: 0;
}

}

@media(max-width: 960px ){
.joinama {
    float: none;
    margin: 40px 0;
    display: block;
}
.header-content #menu li a:hover {
    color: #1f304f;
}
.footer-content .footer-nav li{
margin: 0 15px;
}
.bottomFooter p{
text-align: center;
}
.footer-content{
padding: 60px 10px 60px;
}
.footer-content .footer-nav{
float: none;f
width: auto;
display: block;
text-align: center;
}
.footer-logo{
text-align: center;
}
.footer-content .social-media{
text-align: center;
float: none;
display: block;
margin: 20px 0 0;
}

.header-content .call-to-action {
margin-top: 18px;
margin-left: 10px;
position: relative;
top: 0;
right: 0;
}

#featured-job-listing ul li {
     min-height: auto;
}
#hero {
    height: 360px;
}
#hero .site-name-tag {
    top: 63px;
}
.hero-expanded {
    height: 360px;
}
#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;
color: #fff;
}
 .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: transparent;
    font-weight: 600;
}
.header-content #menu li {
    border-top: none;
}
section#featured-services {
    padding-bottom: 30px;
}
}

@media(max-width: 768px ){
.site-name-tag {
    top: 25px;
}
#hero .site-name-tag h1{
font-size: 26px;
}
.footer-content .footer-nav li{
display: block;
margin: 5px 15px;
}

    .main-header {
        padding: 0;
    }
    .header-top .about {
        display: none;
    }
    .header-content #menu ul li {
        width: auto;
    }
    .header-content #menu ul li a, .header-content #menu li ul li a {
        padding: 11px 19px;
    }
    .header-content #menu ul li.logged-in, .header-content #menu ul li.sign-in, .header-content #menu ul li.logged-in  ul li, .header-content #menu ul li.sign-in ul li{
        width: auto;
    }
    #hero .site-name-tag {
        margin: 0 auto;
display: block;
    }
    #hero #job-search-form form fieldset.call-to-action {
        width: 33%;
    }
    #hero #job-search-form form fieldset button.primary {
        padding: 12px 10px 11px;
    }

section#featured-services {
    padding-bottom: 0px;
}

.header-content #menu ul li {
    width: auto;
margin: 0;
padding: 0;
}
.col25 {
    width: 100%;
    float: none;
    padding: 15px 10px;
}
.circle {
    height: 150px;
    width: 150px;
}
.leftCTA, .rightCTA{
    width: auto;
    padding: 15px;
    text-align: left;
}

.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{
background: #1f304f;
}
.header-content #menu ul li:last-child ul {
    padding-bottom: 45px;
}
.header-content{
padding: 0;
}

.header-content #logo {
    padding-left: 0;
float: none;
text-align: center;
}
.secondary.join-ama {
    margin-right: 0;
}
.header-top {
        font-size: 0;
        text-align: center;
    }
    .header-top li {
        padding: 7.625px 10.6px;
    }
    .nav-left, .nav-right {
        float: none;
        display: inline-block;
        font-size: 12px;
    }
    .header-top li:after {
        display: none;
    }
    .join-ama {
        margin-top: 28px;
    }
   .secondary.join-ama {
        padding: 7px 10px;
margin: 5px auto 25px;
    }
.secondary.join-ama{
position: relative;
display: block;
float: none;
}
    .header-content #menu ul {
        box-sizing: border-box;
padding-top: 62px;
    }
    .header-content #menu li ul li a {
        font-size: 14px;
    }
    .header-content #menu ul li ul li.collapse {
        background: transparent;
    }
    .header-content #menu ul li ul li.collapse, .header-content #menu ul li ul li.collapse a{
        font-size: 14px;
        color: #fff;
    }
    .header-content #menu ul li ul li.collapse a {
        padding: 0;
    }
    .header-content #menu ul li ul li {
        border-bottom: 0;
    }
    .header-content .call-to-action {
margin-bottom: 10px;
position: absolute;
margin-top: 0;
margin-left: 0;
bottom: 9px;
left: 0;
top: auto;
    }
    .hero-expanded {
        display: none;
    }
    #hero {
        background: #f5f5f5;
        text-align: center;
        height: auto;
    }
    #hero .site-name-tag {
        padding: 0;
        background: transparent;
        border: 0;
        margin: auto;
        top: 0;
        left: 0;
    }
    #hero .site-name-tag h1 {
        text-shadow: none;
        color: #333;
        font-size: 21px;
line-height: 26px;
    }
    #hero #job-search-form form fieldset.call-to-action {
        width: 100%;
    }
    #hero #job-search-form form {
        background: transparent;
    }
    #inner-page-header #job-search-form {
        background: #f5f5f5;
    }
    #job-search-form form {
        background: transparent;
        padding: 20px 20px 0 20px;
    }
    #job-search-form form fieldset {
        padding: 0 0 20px 0;
    }
    #expired-job a.secondary.bottom {
        width: 90%;
    }

#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
***********************************/