/*

Note: header.css is applied in navigation directly. & bootstrap.css is loaded in navigation from component.
1. slick.css 
2. footer.css
3. scroll chatbot.css
4. dnfstyle.css
5. hover.css
6.webstyle.css

*/

/* click.css */
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* footer.css */ 



footer {
    padding:70px 0px;
    background: #F2F2F2;
    position: relative;
}

footer .Social-media {
    margin: 50px 0px 0px 50px;
    padding:0;
}

footer .Social-media li  {
    display: inline-block;
    margin: 5px;
}

footer .Social-media li  a {
    width:40px;
    height:40px;
    background: #00558C;
    border-radius: 3px;
    display: inline-block;
    text-align: center;
    position: relative;
    transition: all ease .4s;
} 

footer .Social-media li a:hover {
    border-radius: 0px;
    transform: scale(1.1);
}

footer .Social-media li  a img {
    position: absolute;
    top:50%;
    transform: translateY(-50%)  translateX(-50%); 
    -moz-transform: translateY(-50%) translateX(-50%); 
    -webkit-transform: translateY(-50%) translateX(-50%); 
}

footer .ftr-menu {
    margin:0px;
    padding:0px;
    list-style: none; 
    padding-left: calc(var(--bs-gutter-x) * .5);
}

footer .ftr-menu li { 
    list-style-type: none;
    margin:10px 0px;
    width:32.33%;
    display: inline-block;
}

footer .ftr-menu li a {
    font-size: 16px; 
    color:#3A434C;
    text-decoration: none;
}

footer .ftr-menu ul {
    padding: 0;
}

footer .ftr-menu li:last-child {
    width:100%; 
}

footer .bottom-ftr span {
    margin-bottom: 40px;
    display: block;
    
}
 
footer .bottom-ftr img {
    max-height: 72px;
    margin-right: 30px;
}
footer .ftrDes {
    max-width: 600px;
    width: 100%;
}

@media(max-width:767px){
    footer {
        padding: 50px 0px;
    }
    footer .ftr-menu li {
        width: 48%;
        margin: 5px 0px;
    }
    footer .my-5 {
        margin: 20px 0px !important;
    }
    footer .Social-media li a {
        width: 35px;
        height: 35px;
    }
    footer .Social-media {
        margin: 20px 0px 15px;
    }
    footer .bottom-ftr span {
        margin-bottom: 25px;
    }
    footer .bottom-ftr img {
        margin-bottom: 20px;
    }
}


/* scrollchatbot.css */ 

.scrollTotop {
    position: absolute;
    right: 6%;
    top: 60px;
}

.scrollTotop  img {
    max-width: 50px;
}

.chatbot {
    position: fixed;
    right: 5%;
    bottom: 5%;
}
.chatbot .chat-msg {
    background:#fff;
    box-shadow:3px 3px 24px rgba(0,0,0,10%);
    padding:15px  20px;
    border-radius:0px 0px 5px 5px;
    border-top:6px solid #84BD00;
    width:180px;
    margin-bottom:20px;     
    text-align:center;
}
.chatbot img {
    width:60px;
    height:60px;
    float:right;
}

@media (max-width:767px){
    .chatbot .chat-msg {
        padding: 10px 15px;
        width: 150px;
}
}


/* dnfstyle.css */ 

/*
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: url('../fonts/MyriadPro-Bold.eot') format('embedded-opentype'),
        url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

 
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-BoldIt.eot');
    src: url('../fonts/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-BoldIt.woff2') format('woff2'),
        url('../fonts/MyriadPro-BoldIt.woff') format('woff'),
        url('../fonts/MyriadPro-BoldIt.ttf') format('truetype'),
        url('../fonts/MyriadPro-BoldIt.svg#MyriadPro-BoldIt') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-It.eot');
    src: url('../fonts/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-It.woff2') format('woff2'),
        url('../fonts/MyriadPro-It.woff') format('woff'),
        url('../fonts/MyriadPro-It.ttf') format('truetype'),
        url('../fonts/MyriadPro-It.svg#MyriadPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
} 

@font-face {
    font-family: 'Myriad Pro Semibold';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/MYRIADPRO-SEMIBOLD.woff') format('woff');
  }

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
  
*/ 

*{
    font-family: 'Myriad Pro', sans-serif;
    box-sizing: border-box;
    font-weight: normal;
}

h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
h6 {
    font-size: 20px;
    line-height: 30px;
    color:#00558C;
    font-family: 'Myriad Pro Semibold';
}



/*HEro banner */
/* .hero-banner {
    background-image:url(../images/HeroRight.svg) , url(../images/HeroBanner.jpg) ;
    background-position: bottom 0px right 88px, top -76px left !important;
    background-size: 43% , cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 100px;
    padding: 70px 0px 88px; 
}  */

/*
.hero-banner {
    background-image: url(../images/HeroBanner.jpg) ;
    background-position:  top -76px left !important;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 100px;
    padding: 70px 0px 88px; 
} 

*/ 

.hero-logo  {
    margin-bottom:30px;
}
.hero-slide .Slider-List {width: 100%; padding: 10px;margin: 10px;}
.hero-slide  .Slider-List span {
    font-size: 100px;
    background: darkgray;
    padding: 10px;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.hero-slide   .slick-dots {
    list-style: none;
    margin-top: 30px;
    padding: 0px;
    position: absolute;
    top: 70%;
    transform: translateY(-50%);
    left: 23px;
    right: auto;
    margin: 0 auto !important;
    width: 38px;
    display: inline-block;
    float: left;
    text-align: center;
    z-index: 1;
}

.hero-slide .slick-dots li {
    width: 100%;
    display: inline-block;
    margin:0px 10px;
}
.hero-slide .slick-dots li  button {
    font-size: 0;
    background: rgba(212,212,212,70%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    padding: 0;
    border: none;
    margin: 10px 5px;
    opacity: 0.5;
    float: left;
}

.hero-slide .slick-dots li.slick-active button {
    opacity: 1;
}

.hero-slide .slick-dots li.slick-active:before {
    content: '';
    position: absolute !important;
    background:url(../images/load-c.svg)  no-repeat !important;
    background-size: 40px !important;
    background-position: center !important;
    z-index: 1;
    width: 45px;
    height: 45px;
    left: -13px;
    top: -7px;
}

.hero-slide .slick-dots li.slick-active {
    position:relative;
}

.hero-banner .container {
    display: flex;
    align-items: center;
}
.hero-banner .hero-left {
    float:left;
    width:50%;
    display: inline-block;
    color:#fff; 
}

.hero-banner .hero-right  {
    float:left;
    width:40%;
    display: inline-block;
    position: absolute;
    right:100px;
    bottom:0;
    max-width: 620px;
}

.hero-banner .hero-right  img {
    max-width: 100%;
}

.hero-banner .carousel-caption {
    max-width: 65%;
}

.hero-banner  .carousel-captionText {
    position: relative;
    padding-bottom: 70px;
    min-height: 290px;
}

.Hero-slider .hero-banner .carousel-captionText {
    min-height: inherit;
}

.Hero-slider .hero-banner {
    padding-bottom:0px;
}

/* .Hero-slider {
    background: #FCFCFD;
} */
.Hero-slider .hero-banner {
    height: 505px;
}

.hero-banner .carousel-captionText h4 {
    font-size: 35px;
    font-weight: bold;
    line-height: 40px;
}


.hero-banner .carousel-captionText h5{
    font-size: 25px;
    line-height: 35px;
    margin-top:25px;
    margin-bottom: 20px;
}

.hero-banner .carousel-captionText p{
    font-size: 18px;
    line-height: 24px;
}


.hero-banner .carousel-captionText a.green-btn {
    background: #84BD00;
    padding: 12px 30px;
    border-radius: 25px;
    color: #fff;
    border: 1px solid #84BD00;
    text-decoration: none;
    transition: all ease-in-out .4s;
    margin: 5px 0px;
    display: inline-block; 
    position: absolute !important;
    bottom: 0px;
    font-family: 'Myriad Pro Semibold';
}
.hero-banner .carousel-captionText a.green-btn:hover {
    background: transparent;
    color: #84BD00;
}

.Scroll-link {
    position: absolute;
    left: 200px;
    bottom: 10px;
    color: #fff;
    text-decoration: none;
}

.Scroll-link:hover { 
    color:#fff;
    opacity:0.7;
}
.Scroll-link img {
    margin-right: 10px;
    display: inline-block;
}
/* .valueAdded-banner a.Scroll-link {
    position: static;
} */
/* @media  (min-width : 1100px) and (max-width : 1325px){
    .hero-banner {
        background-position: bottom 0px right 88px, top 0px left !important;
        background-size: 42% , cover !important;
    }
    
} */


.home-hero-btn {
    position: static;
    bottom: 50px;
}

.home-hero-btn a.Scroll-link {
    margin-left: 25px;
    position: static;
    left: inherit;
    bottom: inherit;
}
.Hero-slider .hero-banner .carousel-captionText {
    position: inherit;
}
.hero-banner .carousel-captionText .home-hero-btn a.green-btn{
    position: static !important;
}
.home-hero-btn a.green-btn {
    display: inline-block;
    position: static !important;
}

.hero-banner  .Slider-List {width: 100%; padding: 10px;margin: 10px;}
.hero-banner  .Slider-List span {
    font-size: 100px;
    background: darkgray;
    padding: 10px;
    text-align: center;
    width: 100%;
    display: inline-block;
}
.hero-banner   .slick-dots {
    list-style: none;
    margin-top: 30px;
    padding: 0px;
    position: absolute;
    bottom: 15px;
    left: -60px;
    right: auto;
    margin: 0 auto !important;
    width: 38px;
    display: inline-block;
    float: left;
    text-align: center;
    z-index: 1;
}

.hero-banner .slick-dots li {
    width: 100%;
    display: inline-block;
    margin:0px 10px;
}
.hero-banner .slick-dots li  button {
    font-size: 0;
    background: rgba(212,212,212,70%);
    width: 10px;
    height: 10px;
    border-radius: 100%;
    padding: 0;
    border: none;
    margin: 10px 5px;
    opacity: 0.5;
    float: left;
}

.hero-banner .slick-dots li.slick-active button {
    opacity: 1;
}

/* 
.hero-banner .slick-dots li.slick-active:before {
    content: '';
    position: absolute !important;
    background:url(../images/load-c.svg)  no-repeat !important;
    background-size: 40px !important;
    background-position: center !important;
    z-index: 1;
    width: 45px;
    height: 45px;
    left: -13px;
    top: -7px;
}

*/ 

.hero-banner .slick-dots li.slick-active {
    position:relative;
}
/* @media  (min-width : 768px) and (max-width : 1100px){
    .hero-banner {
        background-position: bottom 0px right 88px, top -0px left !important;
        background-size: 42% , cover !important;
    }
    
} */

@media (min-width:768px) and (max-width:1024px){
    h2 {
        font-size: 32px;
        line-height: 40px;
    }
    h6 {
        font-size: 22px;
        line-height: 30px;
        color:#00558C;
    }
    .Scroll-link {
        position: absolute;
        left: 28%;
    }
    /* .hero-slide .slick-dots {
        left: 0px;
        right: auto;
        width: 100%;
        text-align: left;
        z-index: 999;
        bottom: -50px;
    }
    .hero-slide .slick-dots li button {
        background: rgba(212,212,212,1) !important;
    }

    .hero-slide .slick-dots li {
        width: auto;
    } */
    .hero-banner .carousel-captionText h4 {
        font-size: 24px;
        line-height: 30px;
    }
}


@media (max-width: 767px){

    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    h6 {
        font-size: 20px;
        line-height: 30px;
        color:#00558C;
    }

    .hero-banner .Slider-List {
        max-width: 70%;
    } 
    .hero-banner .hero-left {
        width:100%;
    }
    .hero-banner .carousel-captionText h4 {
        font-size: 25px;
        line-height: 30px;
    }
    .hero-banner .carousel-captionText h5 {
        font-size: 25px;
        line-height: 35px;
    }

    .hero-banner .carousel-captionText p {
        font-size: 16px;
        line-height: 24px;
    }
    .hero-banner {
        background-position: bottom right -85px , center !important;
        background-size: cover , 100% 100%!important;
        background-repeat: no-repeat !important;
        padding: 50px 0px 30px !important;
    }

    .hero-logo {
        position: relative;
        z-index: 1;
        width: 85px;  
    }
    section.hero-banner {
        position: relative;
    }
    .hero-banner:before {
        content: '';
        background: rgba(0,0,0,0.4);
        padding: 10px;
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        top: 0;
    }

    .hero-slide .slick-dots {
        left: 0px;
        right: auto;
        width: 100%;
        text-align: left;
        z-index: 999;
        bottom: -35px;
    }
    .hero-slide .slick-dots li button {
        background: rgba(212,212,212,1) !important;
    }

    .hero-slide .slick-dots li {
        width: auto;
    }

    .Scroll-link {
        left: auto;
        right: 11%;
    }
    .hero-banner .carousel-captionText {
        min-height: inherit;
        position: relative;
        z-index: 1;
    }
    .hero-banner .hero-left {
        flex: 0 0 100%;
    }
    .hero-banner .carousel-captionText {
        max-width: 100%;
    }
    .hero-banner .carousel-captionText {
        padding-bottom: 50px;
    }
    .Hero-slider .hero-banner {
        height: 460px;
    }.hero-slide .slick-dots {
        top: 97%;
    }

    
    
}


.service {
    padding:70px 0px;
    background: #FCFCFD;
}

.service h2 {
    margin-bottom: 60px;
}


.service h2,
.service h6 {
    text-align: center;

}
.service .row {
    gap:30px 50px;
    margin-top:30px;
}

.service .cards {
    box-shadow: 0px 0px 22px 1px rgba(0,0,0,0.1);
    flex: 0 0 47.5%;
    padding: 30px 60px 10px 130px;
    background: #fff;
    position: relative;

}

.service .cards img.card-icon {
    position: absolute;
    left: 30px;
}

.service .cards .learn-btn {    
	color: #FF671F;
    font-size: 18px;
    text-decoration: none;
    margin-top: 15px;
    float:left;
    text-decoration: underline;
}

.service .cards .bluelink {
    color:#009ECC;
}
.service .cards .greenlink {
    color:#84BD00;
}

.service .cards .pinklink {
    color:#AA0061;
}

.service .cards  span {
    display: block;
    margin:10px 0px;
    padding-right: 100px;
    margin-top: 0px;
}

.service .cards img  {
    margin-bottom: 20px;
    transition: all ease .4s; 
    max-width: 65px;
}

.service .cards  a {
    float:right;
}

.service .cards a img {
    max-width: 45px;
}

.service .cards a:hover img {
    transform: scale(1.1);
}

.service .cards .head {
    font-size: 25px;
    line-height: 40px;
    font-family: 'Myriad Pro Semibold';
}

.service .cards span.prg {
    min-height: 96px;
}


@media (min-width:768px) and (max-width:1024px){
    .benifit-box {
        margin: 10px 0px;
    }
    .service .row {
        gap: 30px 30px;
    }
    .service .cards {
        flex: 0 0 46.5%;
        padding: 30px 40px 10px 120px;
    }
    .service .cards span {
        padding-right: 0;
    }
    
}
@media(max-width:767px){
    .service .cards {
        margin: 0;
        flex: 0 0 100%;
        padding: 30px 20px 10px 90px;
    }
    .service {
        padding: 30px 20px;
    }

    img.card-icon {
        left: 15px !important;
    }
    .service .row {
        gap: 20px 30px;
    }
    .service .cards img {
        max-width: 55px;
        left: 20px;
    }
    .service .cards a img {
        max-width: 40px;
    }
    .service .cards .head {
        font-size: 20px;
        line-height: 30px;
        margin-top: 10px;
    }
    .service h2 {
        margin-bottom: 25px;
    }
    .service .cards span {
        padding-right: 20px;
    }
    
}


.dental-plan {
    padding:70px 0px 10px;
}
.dental-plan h2 {
    text-align: left;
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
}
.debtal-box p {
    font-size: 16px;
    color:#181818;
}
.dental-img {
    position: relative;
    flex:0 0 40%; 
}
.dental-img img {
    max-width: 100%;
}
.dental-img:after {
    content: '';
    position: absolute;
    right: -13%;
    top:50%;
    transform: translateY(-50%);
    background: #84BD00;
    width: 90%;
    height: 70%;
    z-index: -1;
    bottom: -10%;

}

.dental-content {
    flex: 0 0 60%;
    padding-right: 50px;
    padding-left: 50px;
    text-align: left;
}

.dental-box {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: center;
}

.dental-img {
    flex: 0 0 50%;
}

.dental-img  img {
    max-width: 100%;
}
.dental-content {
    flex : 0 0 50%;
}


.dental-content a{
    background: #84BD00;
    padding: 12px 30px;
    border-radius: 25px;
    color: #fff;
    border: 1px solid #84BD00;
    text-decoration: none;
    transition: all ease-in-out .4s;
    margin: 5px 0px;
    display: inline-block; 
    bottom: 0px;
    font-family: 'Myriad Pro Semibold';
}
.dental-content a:hover {
    background: transparent;
    color: #84BD00;
}

@media (min-width:768px) and (max-width:1024px){
    .debtal-box p strong {
        font-size: 20px;
        line-height: 30px;
    }

}

@media(max-width:767px){
    .dental-plan h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .dental-plan h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .debtal-box {
        display: inherit;
        margin-top: 20px;
    }
    .dental-content {
        padding-left: 50px;
        padding: 10px !important;
        margin: 56px 0px 0px;
    }

    .dental-img:after {
        left: -10px;
    }
    .debtal-box.reverse .dental-img:after {
        right: -11px;
    }

    .debtal-box p strong {
        font-size: 25px;
        line-height: 30px;
    }
    .dental-plan {
        padding: 30px 0px;
    }
    .dental-box {
        flex-wrap: wrap;
    }
    .dental-img {
        flex: 0 0 100%;
    }
    .dental-content {
        flex: 0 0 100%;
        margin-top:20px;
    }
}

/*Benifit*/
.benifit {
    padding:70px 0px;
}
.benifit h6 {
    text-align: center;
}
.benifit h2 {
    text-align: center;
    margin-bottom: 50px;
}

.benifit-box {
    background: #fff;
    padding-bottom:40px;
    margin: 10px 15px;
    padding: 20px 20px 20px 110px !important;
    position: relative;
    box-shadow: 0px 0px 15px 3px rgba(0,0,0,10%);
}

.benifit-box img {
    max-width:100%;
}
img.benifitImg{
    width: auto; 
    position: absolute;
    left:15px;
}

.benifit-box h3 {
    padding:15px;
    color:#00558C;
    font-size: 20px;
    font-family: 'Myriad Pro Semibold';
    line-height: 30px;
}

.benifit-box a {
    padding:15px;
    color: #00558C;
    font-size: 16px;
    text-decoration: underline;
}

.benifit-box a {
    padding: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    cursor: inherit;
}

.benifit-box a  img {
    position: absolute;
    right:20px;
    height: 45px;
    cursor: pointer;
    transition: all ease .4s;
} 

.benifit-box  a:hover img {
    transform: scale(1.1);
}
@media (min-width:768px) and (max-width:1024px){
    .benifit-box {
        margin: 10px 0px;
    }
}
@media(max-width:767px){
    .benifit {
        padding: 30px 0px;
    }
    .benifit h2 {
        margin-bottom: 20px;
    }
    .benifit-box h3 {
        font-size: 20px;
    }
    .benifit-box a {
        font-size: 16px;
    }
    .benifit-box a img {
        max-width: 40px;
    }
    .benifit-box {
        padding-bottom: 20px;
        margin: 10px 10px;
    }
    .benifit {
        padding: 30px 0px;
    }
    img.benifitImg {
        max-width: 70px;
    }
    .benifit-box {
        padding: 20px 20px 20px 85px !important;
    }
}

/* 
.enroll {
    background: url(../images/EnrollBg.jpg) no-repeat;
    background-position: center;
    background-size: cover !important;
    min-height: 400px;
    position: relative;
}
*/ 

.enroll-content {
    padding: 70px 50px 70px 90px;
    justify-content: end;
    align-items: center;
    max-width: 70%;
    width: 100%;
    position: absolute;
    top:50%;
    transform: translateY(-50%);
}

.enroll-content h2 {
    color: #fff;
    /* font-family: 'Myriad Pro Semibold';  */
    font-size: 30px;
    line-height: 40px;

}

.home-enroll .enroll-content h2 {
    font-family: 'Myriad Pro', sans-serif !important;
    font-weight: normal;
}

.enroll-content p {
    color:#fff;
    margin:20px 0px;
}

.enroll-content > div h2 {
    flex: inherit;
    
}
.enroll-content a {
    background: #84BD00;
    border-radius: 42px;
    text-align: left;
    color: #fff;
    text-decoration: none;
    padding: 15px 20px;
    position: relative;
    min-width: 170px;
    display: inline-block;
    text-align: center;
    transition: all ease .4s;
    font-family: 'Myriad Pro Semibold'; 
    margin-top:10px;
}
/* 
.enroll-content a  img {
    max-width:40px;
    position: absolute;
    right: 20px;
    top:50%;
    transform: translateY(-50%);
    transition: all ease .4s;
} */

.enroll-content  a:hover {
    transform: scale(1.1);
}

.greenbox {
    text-align: center;
    background-color: #84BD00;
    padding:50px 20px;
}

.greenbox  h3 {
    font-size: 25px;
    color:#fff;
    font-family: 'Myriad Pro Semibold';
}
@media(min-width: 768px) and (max-width: 1024px){
    .enroll-content h2{
        font-size: 22px;
    line-height: 30px;
    }
    .enroll-content {
        padding: 30px 45px 30px 50px;
        max-width: 95%;
        transform: translateY(-50%);
    }
    .enroll {
        min-height: 270px;
    }
}

@media(max-width:767px){
    .greenbox h3 {
        font-size: 20px;
        margin: 0;
    }
    .greenbox {
        padding: 30px 15px;
    }

    .enroll-content {
        display: inherit;
        padding: 20px 20px;
    }

    .enroll-content h2 {
        flex: 0 0 100%;
        width: 100%;
        font-size: 25px;
        line-height: 35px;
        text-align: center;
    }

    .enroll-content a {
        width: 100%;
        display: block;
        max-width: 240px;
        margin: 15px 0px 0px;
        padding: 15px 20px !important;
    }
    .enroll {
        padding: 15px 10px 30px;
        min-height: inherit;
    }
    .enroll-content {
        position: inherit;
        top: auto;
        transform: inherit;
    }
    .enroll {
        background-size: 100% 100% !important;
    }
}

.home-faq h2 {
    text-align: center;
    margin-bottom: 50px;
}
.home-faq h6 {
    text-align:center;
}

.home-faq {
    padding:50px 0px;
}
.home-faq img {
    max-width:100%;
}
.home-faqContent img {
    min-height: inherit;
    float: right;
}
.home-faq-box {
    padding:0px 30px;
    position: relative;
    overflow: hidden;
}

.home-faqContent {
    position: absolute;
    top: 0px;
    padding: 30px 30px;
    width: 100%;
    background:rgba(0,0,0,25%);
    height:100%;
    display: flex;
    flex-wrap: wrap;
}

.home-faq-box .inner {
    overflow: hidden;
    position: relative;
    height:250px;
}
.home-faqContent h3{
    color:#fff;    
    font-family: 'Myriad Pro Semibold';
    font-size: 20px;
}


.home-faqContent a {
    float: right;
    display: block;
    flex:0 0 100%;
}
.home-faqContent h3  {
    width:100%;
    float:left;
    flex:0 0 100%;
    margin-top: 90px;
}

.home-faqContent img {
    max-width: 60px;
    transition: all ease .4s;
}

.home-faqContent a:hover img {
    transform: scale(1.1);
}

.home-faq .slick-arrow {
    position: absolute;
    top: auto;
    left: -35px;
    background:url(../images/faq-left.svg) no-repeat;
    background-size: 100% !important;
    background-position: center !important;
    width: 50px;
    height: 50px;
    outline: none;
    border: none;
    transition: all ease-in-out .2s;
    z-index:1;
    font-size: 0px;
    position: absolute !important;
    cursor: pointer;
    top:50%;
    transform: translateY(-50%) ;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}

.home-faq .slick-arrow.slick-prev {
    transform: rotateY(180deg) translateY(-50%);
}
.home-faq .slick-arrow.slick-next { 
    background: url(../images/faq-left.svg) !important;
    background-position: center !important;
    right:-35px;
    left: auto;
    background-size: 100% !important;
} 

@media (min-width:768px) and (max-width:1024px){
    .home-faq-box {
        padding: 15px 10px;
    }
    .home-faqContent h3{
        margin-top:60px;
    }
    .home-faq .slick-arrow.slick-prev{
        left:0;
    }
    .home-faq .slick-arrow.slick-next{
        right:0;
    }
}
@media(max-width:767px){
    .home-faq-box {
        padding: 15px 10px;
    }
    .home-faq {
        padding: 0px 0px;
    }
    .home-faqContent {
        width: 100%;
        height: 100%;
    }
    .home-faq h2 {
        margin-bottom: 20px;
    }
    .home-faq .slick-arrow {
        left:0;
    }
    .home-faq .slick-arrow.slick-next {
        right:0;
    }
} 

.video {
    padding: 70px 0px 0px;
    text-align: center;
    
}

.video-bg {
    background: #84BD00;
    height: 300px;
    width:100%;
    display: inline-block;
    margin-top:100px;

}

.video video {
    background: url(../images/Video-img.jpg) no-repeat;
    width: 100%;
    height: 600px;
}
#video-container img { 
    max-width: 100%;
}

div#video-container {
    transform: translateY(-15%);
}

#video-image {
    width: 100%;
    height: 420px;
}

div#video-play-button img {
    max-width: 61PX;
}
#video-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
}
.video h6 {
    font-size: 25px;
    line-height: 35px;
}

@media(max-width:767px){
    .video video {
        height: 227PX;
    }

    .video-bg {
        margin-top: 50px;
        height: 165px;
    }
    .video {
        padding: 40px 0px 0px;
    }
    .video h6 {
        font-size: 20px;
        line-height: 30px;
    }
   
}


/*Fact Page CSS*/ 

.normal-banner {
    background-image: url(../images/FactsBanner.png) , url(../images/FactBanner.jpg);
    background-size: 42% , 100% 100%;
    padding: 100px 0px 70px; 
    background-position: bottom 0px right 100px , center !important;
    min-height: 520px;
}


.normal-banner-btnBox {
    position: static;
    bottom: 80px;
}

.normal-banner .carousel-captionText p {
    font-size: 18px;
}

.normal-banner a.Scroll-link {
    margin-left: 25px;
    position: static;
    left: inherit;
    bottom: inherit;
}

.normal-banner  .carousel-captionText a.green-btn{
    display: inline-block;
    position:static !important;
}
.facts{
    padding:70px 0px;
    background:#FCFCFD;
}

.facts h2, .facts h6 {
    text-align: center;
}
.facts .teethbox {
    display: flex;
    align-items: center;
    position: relative;
    margin:70px 0px;
    min-height: 130px;
    padding: 0px 20px;
}

.facts .toothright-text{
    position: relative;
    padding-left: 120px;
}

/* 
.facts .toothright-text:before {
    content: '';
    left: 35px;
    top: 50%;
    height: 79px;
    width: 54px;
    background: url(../images/greenArrowfacts.svg) no-repeat;
    position: absolute;
    background-size: 100%;
    transform: translateY(-47%);

}
.facts .toothright-text:after {
    content: '';
    left: 35px;
    top: 50%;
    height: 210px;
    width: 50px;
    background: url(../images/WhiteArrow.svg) no-repeat;
    position: absolute;
    background-size: 36px;
    transform: translateY(-50%);

}

.facts .toothright-text.yellow:before {
    background: url(../images/YellowArrow.svg) no-repeat;
    background-size: 100%;

}
.facts .toothright-text.blue:before {
    background: url(../images/BlueArrowT.svg) no-repeat;
    background-size: 100%;

}
.facts .toothright-text.purple:before {
    background: url(../images/PurpleArrowT.svg) no-repeat;
    background-size: 100%;

}

*/ 

.facts .toothright-text p {
    font-size:16px;
    line-height: 24px;
    color:#000;
    margin: 0;
}

.facts .teethbox img {
    max-width:90px;
}


.facts  ul{
    margin-top:0px;
}
.facts  ul li {
    list-style-type: none;
    padding:10px 10px 10px 0px;
}

.normal-banner .hero-left {
    padding-left: 40px;
}

.normal-banner .carousel-captionText {
    min-height: initial;
    position: inherit;
}

.normal-banner  h5 {
    font-weight: bold;
    font-size: 40px !important;
    text-transform: capitalize;
    color: #fff;
    line-height: 50px !important;
    margin-bottom: 5px !important;
}
.hero-banner.normal-banner .carousel-captionText p {
    padding-bottom: 20px;
    padding-top: 0px;
}

.facts .row{
    max-width: 90%;
    margin: 0 auto;
    width: 100%;
}

@media (max-width:767px){

    /* .normal-banner {
        background-position: bottom right , center;
        background-size: cover , cover;
        background-repeat: no-repeat;
        padding: 50px 0px 70px;
    } */

    .normal-banner .Scroll-link {
        left: 190px;
        bottom: 85px;
        top: auto;
    }
    .facts .teethbox {
        /* display: inherit; */
        margin: 10px 0px;
        padding: 0px;
    }
    .normal-banner .hero-left {
        padding-left: 0px;
    } 
    .facts {
        padding: 40px 0px;
    }

    .facts .teethbox img {
        max-width: 55px;
    }

    .facts .toothright-text {
        padding-left: 80px;
    }

    .facts .toothright-text:after {
        left: 18px;
        height: 115px;
        width: 30px;
        position: absolute;
        background-size: 20px;
    }

    .facts .toothright-text:before {
        left: 17px;
        height: 71px;
        width: 36px;
        background-size: 36px;
        transform: translateY(-34%);
    }

    .facts ul {
        margin-top: 0px;
        padding: 0px 10px;
    }
    .facts ul li {
        padding: 10px 0px;
    }
    /* .facts .teethbox img {
        margin: 0 auto;
        display: table;
    }
    .facts .toothright-text {
        padding-left: 0px;
        padding-top:100px;
    }

    .facts .toothright-text:after {
        transform: translateY(0) rotate(90deg);
        top: -48px;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

    .facts .toothright-text:before {
        transform: translateY(0) rotate(90deg);
        top: 20px;
        left: -1px;
        right: 0;
        margin: 0 auto;
        height: 79px;
        width: 56px;
    }

    .facts .toothright-text p {
        text-align: center;
    } */
}



/*compare-plan*/


/*
.compare-banner {
    background-image: url(../images/HighCoupleLookingatDocumentsComparePlansPage.png) , url(../images/FactBanner.jpg);
    padding: 100px 0px 70px;
    background-size: 55% , 100% 100%;
}

*/ 
.compare-banner  .Scroll-link {
        color: #fff;
        text-decoration: none;
        margin-left: 40px;
        margin-top: 100px;
        display: block;

}
.compare-plan {
    padding: 70px 0px 5px;
    background: #FCFCFD; 
   
}
.compare-plan h6,
.compare-plan h2,
.compare-plan p {
    text-align: center;
}

.compare-plan p  {
    max-width:80%; 
    margin:0 auto;

}

.compare-plan .table-content  {
    /* border: 2px solid #009ECC; */
    width: 100%;
    margin:10px auto 10px;
    max-width: 100%;
    overflow: hidden    ;
    padding:0px 0px 20px;
    position: relative; 
}

.compare-plan  table {
    width:100%;
}

.compare-plan table  td ,.compare-plan table  th {
    padding:15px 20px;
    text-align: center;
}
.compare-plan table  td:first-child{
    text-align: left;
}
.compare-plan table th {
    background:#00558C !important;
    color:#fff !important;
}
.compare-plan table tr th {
    color:#00558C;
    font-weight: bold;
    text-align: center;
    border: none;
    font-size: 22px;;
}

.compare-plan table tr th:first-child  {
    text-align: left;
}

.compare-plan table tr td {
    color:#000 ;
    border:none;
    font-size: 18px;
    
}

.compare-plan table tr  {
    border:none;
}

.compare-plan table thead tr:nth-child(2) th{
    font-family: 'Myriad Pro Semibold';
    background: #E8FAFF !important;
    color:#000 !important;
}

.compare-plan table tr td:first-child {
    color:#000 ;
    font-weight: normal;
    padding-left: 50px;
    font-size: 20px;
}

.compare-plan table tr:last-child{
    border: none;
}
.compare-plan table thead tr  {
    border:none !important;
}
.compare-details {
    max-width:85%; 
    margin:0 auto;
    width:100%;
    
} 
.compare-details h6,
.compare-details h2, 
.compare-details p {
    text-align: left !important;
    max-width: 100%;
}

.compare-plan table tr th:first-child {
    padding-left: 50px;
}

section.benifit.benifit-compare {
    padding: 30px 0px 30px;
}

.download h3{
    position:absolute;
    top:65%;
    color:#fff;  
    left:20px;
    font-weight: 500;
}

.download .benifit-box { 
    background: rgba(0,85,140,5%);
    padding-bottom: 20px;
    margin: 10px 15px;
    position: relative;
} 

.download .benifit-box  a img {
    height:40px;
}

.download  .benifit-box a {
    padding: 30px 15px 15px;
 }

 .compare-plan h6 {
    font-family: 'Myriad Pro Semibold';
    margin-top: 30px;
    margin-bottom:30px; 
}


.dataTables_length, .dataTables_filter {
    display:none;
}

table.dataTable.dtr-inline.collapsed tbody td:first-child:before, table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
    top: 47%;
    transform: translateY(-50%);
}

@media(max-width:767px){
    table.dataTable tr.child ul li {
        border-bottom: none;
    }
}

 /*Value Added*/

 
 /*
.valueAdded-banner {
    background-image: url(../images/Value-Add-Benefits-Banner.png) , url(../images/FactBanner.jpg);
    padding: 100px 0px 70px;
    
} 

*/ 
 
 
.value-added {
    padding:70px 0px;
}
.value-added h2 {
    text-align: center;
}

.value-added p {
    padding-top:5px;
    text-align: center;
}

.value-added-box {
    display: flex;
    align-items: center;
    margin-top: 50px;
    padding: 0px 20px 0%;
}

.value-added-box.reverse {
    flex-direction: row-reverse;
}
.value-added-box p {
    font-size: 18px;
    color:#181818;
}
.value-added-box p strong {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
    color:#00558C;
}

.value-added-img {
    position: relative;
    flex: 0 0 50%;
    padding-right: 18px;
    max-width: 701px;
    height: 502px;
}
.value-added-img img {
    max-width: 100%;
}
.value-added-img:after {
    content: '';
    position: absolute;
    left: -40px;
    bottom: 50px;
    background: #84BD00;
    width: 50%;
    height: 50%;
    z-index: -1;

}

.value-added-img:before {
    content: '';
    position: absolute;
    right: -20px;
    top: 42%;
    transform: translateY(-50%);
    background: #F2F2F2;
    width: 50%;
    height: 65%;
    z-index: -1;

}
/* .value-added-box2 .value-added-img:after {
    content: '';
    position: absolute;
    left: -71% !important;
    top: auto !important;
    bottom: -10%;
    transform: inherit;
    background: #84BD00;
    width: 100%;
    height: 50%;
    z-index: -1;
} */

.value-added-box.value-added-box1 .value-added-content {
    padding-left: 80px !important;
    padding-right: 0px !important;
}

.value-added-box2 .value-added-img:after {
    content: '';
    position: absolute;
    left: -100% !important;
    top: auto !important;
    bottom: 60px;
    transform: inherit;
    background: #84BD00;
    width: 150%;
    height: 50%;
    z-index: -1;
}

.value-added-box2 .value-added-content {
    background: #fff;
    padding: 30px 30px 70px 30px!important;
    box-shadow: 3px 3px 99px rgba(0,0,0,5%);
    margin-top: 50px !important;
    margin-right: -3%;
    z-index: 1;
}
 
.value-added-content p a {
    padding: 0px;
    border-radius: 0px;
    background: transparent;
    box-shadow: inherit;
    font-weight: 400;
    text-decoration: underline !important;
}

.value-added-box2 .value-added-img {
    padding-right: 15px !important;
    flex: 0 0 50%;
}
.value-added-box2 .value-added-img::before {
    top: 90px;
    right: -20px;
    height: 50%;
}
.value-added-box2 {
    margin-top: 25px !important;
}

.value-added-box a.link {
    color: #000 !important;
    background: transparent !important;
    padding: 0px !important;
    font-weight: 300 !important;
    box-shadow: inherit !important;
    margin: 0 !important;
    text-decoration: underline !important;
    min-width: inherit;
}

.value-added-box3 .value-added-img {
    height: inherit;
}

.value-added-box3 .value-added-img:after {
    left: auto;
    content: '';
    position: absolute;
    right: -20px;
    top: -35px;
    background: #84BD00;
    width: 50%;
    height: 80%;
    z-index: -1;
}

.value-added-box3 .value-added-img:before {
    content: '';
    position: absolute;
    right: 0;
    left: 54%;
    top: auto;
    bottom: -40px;
    transform: inherit;
    background: #F2F2F2;
    width: 70%;
    height: 50%;
    z-index: -1;
    margin: 0 auto !important;
    transform: translateX(-50%);
    
}
.value-added-box.value-added-box3 {
    margin-top: 100px !important;
}

.value-added-box3 .value-added-img {
    padding-left: 5%;
}
.value-added-box.reverse .value-added-img:after {
    right: -16%;
    top: 10%;
    left:auto;
}
.value-added-box3 {
    margin-bottom: 50px;
}

.value-added-box3 .value-added-content {
    padding-right: 50px;
    padding-left: 50px;
}

.value-added-box4 {
    margin-top:80px !important;
    margin-bottom:50px;
}
.value-added-box4 .value-added-img {
    flex: 0 0 50%;
    padding-right: 0px !important;
    padding-left: 30px;
}

.value-added-box4 .value-added-content {
    flex: 0 0 50%;
    padding-left: 60px;
    padding-right: 0px;
}
.value-added-box4 .value-added-img:before {
    display: none;

}
.value-added-box4 .value-added-img:after {
    height: 60%;
    top: 40% !important;
    transform: translateY(-50%);
    right: auto !important;
    left: -10px;
}

.value-added-content {
    flex: 0 0 50%;
    padding-right: 100px;
    text-align: left;

}
.value-added-box.reverse .value-added-content {
    padding-left: 0px;
    padding-right:70px;
}

.value-added-content p {
    text-align: left;
}

.value-added-content ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 15px;
    display: flex;
    flex-wrap: wrap;

}

.value-added-content ul li {
    position: relative;
    padding-left: 15px;
    margin-bottom:15px;
    font-size: 16px;
    flex: 0 0 50%;

}
.value-added-content ul li:after {
    content:'';
    width:10px;
    height:10px;
    background-color: #84BD00;
    border-radius: 100%;
    position: absolute;
    left: -5px;
    top: 5px;
}
.value-added-content a {
    background: #84BD00;
    padding: 15px 10px;
    border-radius: 47px;
    color: #fff;
    text-decoration: none;
    min-width: 150px;
    display: inline-block;
    text-align: center;
    box-shadow: 0px 30px 70px rgba(0,0,0,16%);
    font-family: 'Myriad Pro Semibold';
}

.valueBottom-content p {
    text-align: left;
}
@media (min-width:768pc) and (max-width:1024px){
    .value-added-box p strong {
        font-size: 20px;
        line-height: 30px;
    }
}

@media(max-width:767px){
    .value-added-plan h1 {
        font-size: 30px;
        line-height: 35px;
    }
    .value-added-plan h3 {
        font-size: 20px;
        line-height: 30px;
    }
    .value-added-box {
        margin-top: 20px;
        flex-wrap: wrap;
    }
    .value-added-content {
        padding-left: 50px;
        padding: 10px 0px !important;
        margin: 56px 0px 0px;
        flex: 0 0 100% !important;
    }

    .value-added-img {
        flex: 0 0 100% !important;
    }
    .value-added-img:after {
        left: -17px !important;
        height: 67% !important;
        bottom: -20px;
    }
   
    
    .value-added-img:after {
        left: -10px;
    }
    .value-added-box.reverse .value-added-img:after {
        right: -11px;
    }


    .value-added-box p strong {
        font-size: 25px;
        line-height: 30px;
    }
    .value-added-plan {
        padding: 30px 0px;
    }
    .value-added-box2 .value-added-content {
        margin-top: 30px !important;
        margin-right: 0;
    }
    .value-added-box2 .value-added-img {
        padding-right: 20px !important;
        flex: 0 0 100% !important;
        height: inherit;
    }
    .value-added-box.value-added-box3 {
        margin-top: 60px !important;
    }
    .value-added-box4 {
        margin-top: 0px !important;
        margin-bottom: 20px;
    }
    .value-added {
        padding: 40px 0px 30px;
    }
    .value-added-box4 .value-added-img:after {
        right: -9% !important;
    }
    .value-added-box p {
        font-size: 16px;
    }

    .value-added-box1 .value-added-img {
        height: inherit;
    }

    .value-added-box1 .value-added-img:before {
        right: 0px;
    }

    .value-added-box.value-added-box1 .value-added-content {
        padding-left: 0px !important;
        padding-right: 0px !important;
        margin-top: 30px;
    }
    .value-added-box2 .value-added-img::before {
        top: 30px;
        right: 0px;
    }
    .value-added-box2  .value-added-img:after {
        width: 48%;
        right: auto !important;
        left: -20px !important;
        bottom: -20px;
    }
    .value-added-content {
        margin: 0px 0px 0px;
    }
    .value-added-box2 .value-added-content {
        background: #fff;
        padding: 30px 20px 20px 20px!important;
    }
    .value-added-box3 {
        flex-direction: column-reverse;
    }
    .value-added-box3 .value-added-img:after {
        right: -30px;
        top: -22px;
        width: 50%;
        height: 80%;
        z-index: -1;
    }
    .value-added-box3 .value-added-content {
        margin-top: 50px;
    }
    .value-added-box3 .value-added-img:before {
        bottom: -25px;
    }
    .value-added-box4 .value-added-img { 
        height: inherit;
    }
    .value-added-box4 .value-added-img {
        padding-left: 0px;
    }
    .value-added-box4 .value-added-img:after {
        right: auto !important;
        width: 20px;
        left: -20px !important;
        top: 50% !important;
    }
    .value-added-box3 .value-added-img {
        padding-left: 0px;
    } 
}


/*Right Choose Plan*/

/*
.Right-plan-banner {
    background-image: url(../images/Choosing-the-Right-Plan_Banner.png) , url(../images/HeroBanner.jpg);
    background-position: bottom 0px right 100px , center !important;
    padding: 100px 0px 70px;
}
*/ 

.Right-Choose-plan {
    padding:50px 0px;
    background: #FCFCFD;
}

.Right-Choose-plan-box {
    display: flex;
    padding:30px 0px 30px;
    border-bottom: 1px solid #CDCED0;
}


.Right-Choose-plan-box.col-reverse {
    flex-direction: row-reverse;
}
.Right-Choose-plan .bottom-content {
    text-align: left;
    padding-top:50px;
}

.Right-Choose-plan-box h3 {
    color:#00558C;
    font-size: 25px;
    line-height: 35px;
    font-family: 'Myriad Pro Semibold';
    margin-top: 10px;
}
.Right-Choose-plan-box .Right-Choose-plan-content{
    padding-left: 40px;
}

.Right-Choose-plan-box.col-reverse  .Right-Choose-plan-content{
    padding-right: 40px;
    padding-left: 0px;
}

.Right-Choose-plan-box .Right-Choose-plan-img {
    flex : 0 0 30%;
}

.Right-Choose-plan-box .Right-Choose-plan-img  img {
    max-width: 100%;
}

.Right-Choose-plan-content {
    flex : 0 0 70%;
}

@media(max-width:767px){
    .Right-Choose-plan-box .Right-Choose-plan-img {
        flex: 0 0 100%;
    }
    .Right-Choose-plan-content {
        flex: 0 0 100%;
    }
    .Right-Choose-plan-box {
        flex-direction: inherit;
        flex-wrap: wrap;
    }
    .Right-Choose-plan-box.col-reverse .Right-Choose-plan-content ,
    .Right-Choose-plan-box .Right-Choose-plan-content{
        padding:0px;
    }
    .Right-Choose-plan {
        padding: 30px 10px;
    }
    .Right-Choose-plan-box {
        padding: 20px 0px 20px;
    }
}



/*Home page More Greate*/


.more-plan {
    padding:50px 0px 70px;
    background:#F2F2F2;
    position: relative;
    z-index: -1;
}
.more-plan  h2 {
    font-size: 30px;
    line-height: 40px;
}
.more-plan h3 {
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    font-family: 'Myriad Pro Semibold';
    color:#84BD00;
    padding-top:15px;
}

.more-box {
    display: flex;
    align-items: self-start;

}

.more-box p {
    font-size: 16px;
    color:#181818;
}
.debtal-box p strong {
    font-size: 20px;
    line-height: 40px;
    font-weight: bold;
    color:#00558C;
}

.more-img {
    flex:0 0 50%; 
}
.more-img img {
    max-width: 100%;
}

.more-content {
    flex: 0 0 47%;
    position: relative;
     background: #fff;
    padding: 100px 50px 70px 50px!important;
    box-shadow: 3px 3px 99px rgba(0,0,0,5%);
    margin-top: 30px !important;
    margin-left: -2%;
    min-height: 430px;
}
.more-content:after {
    content:'';
    position: absolute;
    right: -10%;
    bottom: -10%;
    background: #84BD00;
    width: 120%;
    height: 100%;
    z-index: -1;
}

@media(max-width:1024px) and (min-width:768px){
    .more-content {
        flex: 0 0 47%;
        position: relative;
        background: #fff;
        padding: 20px 20px 20px 20px!important;
        min-height: auto;
    }
    .more-plan h2 {
        font-size: 22px;
        line-height: 28px;
    }
    .more-plan h6 {
        font-size: 18px;
        line-height: 24px;
    }
    
}
@media(max-width:767px){
    .more-box {
        flex-wrap: wrap;
    }
    .more-img {
        flex: 0 0 100%;
    }
    .more-content {
        flex: 0 0 95%;
        margin: 0 auto;
        padding: 30px !important;
        min-height: auto;
    }
    .more-content:after {
        right: -6%;
        bottom: -7%;
        height: 70%;
        width:100%;
    }
    .more-plan h2 {
        font-size: 25px;
        line-height: 30px;
    }
    
}
/*Program CSS*/
.program {
    padding:50px 0px;
    background: #F2F2F2;
}
.program h2 {
    text-align: center;
    padding-bottom: 50px;
}

.program-box {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
}
.program-box.reverse {
    flex-direction: row-reverse;
}
.program-img {
    flex : 0 0 50%;
    position: relative;
    padding-left:3%;
    position: relative;
    z-index: 11;
}

.program-img:after {
    content: '';
    position: absolute;
    left: 0%;
    bottom: -11%;
    transform: inherit;
    background: #84BD00;
    width: 50%;
    height: 70%;
    z-index: -1;
}
.program-box.reverse .program-img:after {
    content: '';
    position: absolute;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);
    background: #84BD00;
    width: 50%;
    height: 70%;
    z-index: -1;
}
.program-img img {
    max-width: 100%;
}
.program-content {
    flex: 0 0 50%;
    padding-left: 3%;
}

.program-box.reverse .program-content {
    padding-right: 5%;
    padding-left: 5%;
}   
.program-content ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 15px;
}

.program ul li {
    position: relative;
    padding:0px 0px 30px 40px;
    font-size: 16px;
}

.program ul li:last-child {
    padding-bottom: 0px;
}

/* 
.program ul li:after {
    content:'';
    width:25px;
    height:25px;
    background:url(../images/check-circle-fill.svg);
    background-size: 25px;
    position: absolute;
    left: -5px;
    top: 0px;
}

*/ 

@media(min-width:1025px) and (max-width:768px){
    .program ul li {
        padding: 0px 0px 10px 40px;
    }

}

@media (max-width:767px) {
    .program-box {
        flex-wrap: wrap;
    }
    .program-img {
        flex: 0 0 100%;
    }
    .program-content {
        flex: 0 0 100%;
    }
    .program-box {
        margin-bottom: 0px;
    }
    .program-content {
        padding: 50px 20px 0px !important;
    }
    .program ul li {
        padding: 0px 0px 15px 30px;
    }
    .program-content ul {
        padding:0px;
    }

}


/*Rates CSS*/
/* rates page all css start */
/* used 1st rates section start*/
/* rates table css start */

/*
.rates-banner {
    background-image: url(../images/Asian-Family-at-Home-Rates-Page-Hero.png) , url(../images/FactBanner.jpg);
    padding: 100px 0px 70px;
}

*/ 

/* .normal-banner.rates-banner  .Scroll-link {
    bottom: 17px;
} */
.myrdSubText span {
    font-size: 18px;
    line-height: 28px;
    font-family: 'Myriad Pro Semibold';
}
.vpatmyrdText { 
    color:#000;
}
.rates-top{
    padding-top: 70px;
}
.rates-top input {
    border:1px solid #00558C;
    padding:5px 20px !important;
    background: #E8FAFF;
    height:45px;
    border-radius: 5px;
    width:100%;
    max-width: 70%;
}
.rates-top  .ZipCodeText {
    padding-top:10px;
}
.rates-top label {
    font-size: 20px;
    color:#23262F;
    width:100%; 
    padding-bottom: 10px ;
}
.rates-top a {
    margin-left: 15px;
}
.rates-top a img {
    max-width: 50px;
}

.myrdInputSubText {
    display: flex;
    align-items: center;
}
.rates {
    padding: 70px 0px;
   
}
.rates h6,
.rates h2,
.rates p {
    text-align: center;
}

.rates p  {
    max-width:80%; 
    margin:0 auto;

}
.tableTitle {
    color:#00558C;
}
.rates .table-content  {
    border: 2px solid #009ECC;
    width: 100%;
    margin: 20px auto 50px;
    max-width: 1200px;
    border-radius: 5px;
    overflow: hidden;
    padding: 0px 0px 20px;
    position: relative;
}

/* .rates .table-content:before{
    content:'';
    position: absolute;
    left:0;
    top:0;
    background:#E8FAFF;
    height:40px;
    width:0px;
} */

.rates  table {
    width:100%;
}

.rates table  td ,.rates table  th {
    padding:15px 20px;
    text-align: center;
}
.rates table thead tr {
    background:#00558C;
    color:#fff !important;
    border-radius: 5px;;
}

.rates table thead tr td {
    color:#fff !important;
    text-align:center;
    font-family: 'Myriad Pro Semibold' !important;
}
.rates table tr th {
    color:#00558C;
    font-weight: bold;
    text-align: center;
}


.rates table tr td {
    color:#000 ;
    text-align: center;
    
}
.rates table tbody tr {
    border-bottom:1px solid #00558C;
}

.rates table tbody tr:first-child td{
    font-family: 'Myriad Pro Semibold';
    background: #E8FAFF;
    color:#00558C;
}
.rates table tbody tr:first-child {
    background:#E8FAFF;
    border: none;
}

.rates table tr td:first-child {
    color:#000 ;
    font-weight: normal;
}

.rates table tr:last-child{
    border: none;
}
.rates table thead tr  {
    border:none !important;
}

@media(max-width:767px){
    .rates-top{
        padding-top: 40px;
    }
    .rates .table-content{
        margin-bottom:10px;
    }
    .tableTitle {
        padding-top: 20px;
    }
    .rates-top {
        padding:0px 10px;
    }
    .rates {
        padding: 0px 10px 25px;
    }
    .vpattextdiv {
        padding: 35px 0px 20px;
    }
}
/* rates table css end */

/* used 1st rates section end*/

.myrdSubText {
    font-family: 'Myriad Pro';
    font-size: 30px;
    color: #00558C;
}

.myrdSubTextDtl {
    font-family: 'Myriad Pro';
    font-size: 30px;
    color: #000000;
}
/* rates page all css end */

/* vpat page all css start */


/*Ranjeet CSS Start*/
/*FaQ*/
/*****Update CSS****/

/*
.faq-banner {
    background-image: url(../images/Hispanic-Family-FAQ-Page.png) , url(../images/FactBanner.jpg);
}

*/ 

/* .faq-banner a.Scroll-link {
    position: static;
} */
.mt30{margin-top: 26px;}

.form-check-input{
	width: 25px;
    height: 25px;}

label.form-check-label {
    color: #8B8889;
    font-weight: normal;    
    padding-left: 11px;
    margin-top: 4px;
}

.card{ padding: 30px; width: 100%}

.card-title{
    font-size: 20px;
    color: #3A434C;
    font-family: 'Myriad Pro Semibold';
}

.belowheader{
    text-align: center;
    padding-top: 60px;
      margin-bottom: 50px
  }
  .faqparaHead{
      font-size: 16px;
      color: #181818;
  }
.faqpara {
    font-size: 16px;
    color: #000000;
    padding: 0 27px;
}
  .accordion-button:not(.collapsed) {
      font-size: 20px;
      color: #23262F;
      background-color: white;
      box-shadow: inset 0 0 0 rgba(0,0,0,0); 
  }
  
  .accordion-button{
      font-size: 20px;
      color: #23262F;
      
      padding-right: 0px;
      background-color: white;
      box-shadow: inset 0 0 0 rgba(0,0,0,0); 
  }
  
  /* 
  .accordion-button::after {
      background-image: url("../images/plusFaqs.svg");
      background-size: 40px;
      width: 40px;
      height: 40px;
  }
  
  */ 
  
  
  .accordion-button:focus {
      z-index: 3;
      border-color: white;
      outline: 0;
      box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
  }
  
  /*
  .accordion-button:not(.collapsed)::after {
      background-image: url("../images/minusFaqs.svg");
      background-size: 40px;
      width: 40px;
      height: 40px;
  }
  
  */ 
  
  
  .tablefaqs {
      border-collapse: collapse;
      width: 100%;
    }
    
    .tdfaqs, .thfaqs {
      border: 1px solid #dddddd;
      text-align: left;
      padding: 8px;
    }
    
    .trfaqs:nth-child(even) {
      background-color: #dddddd;
    }
  
  
  .accordion-item {
      background-color: #fff;
      border: 1px solid rgba(0,0,0,.125);
      border-left: 0px;
      border-right: 0px;
      border-top: 0px;
  }
  
  .FaqsList{
    max-width: 90%;
    margin:0 auto;
    margin-top: 20px;
  }
  .abovefooter{
    padding-bottom: 60px;
  }
  
  
  .required::after{
      content: "*";
      color: red;
  }
  
  .containerContact, .g-recaptcha {
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 20px;
      margin-top: 20px;
  }
  
  
  .imageCon {
      width: 55px;
      height: 55px;
      border-radius: 100%;
      background-color: #84BD00;    
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: center;
  }
  .innerimageContact{
      width: 15px;
      height: 15px;
      margin: 15px;   
  }
  .ulContact {
      list-style: none;
      display: flex;
      align-content: center;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: space-evenly;     
          padding: 30px 0;
  }
  
  .imgcardcontact{
      width: 40px;
      height: 40px;
      margin-top: 15px;
      margin-left: 15px;
  }
    
    .liContact {
      display: flex;
      margin: 1%;
        align-items: center;
    }
  
  
  
    .h5Contact{
      font-size: 20px;
      color: #00558C;
      line-height: 40px;
      font-family: 'Myriad Pro Semibold';
        margin: 0;
  }
  
  .select-menu {
      position: relative;
    }
  
  /*
    .select-menu .select-btn {
      display: flex;
      height: 45px;
      font-family: 'Myriad Pro Semibold';
      background: #fff url(../images/arrow-left-short.svg) no-repeat;
      background-position: center right 15px !important;
      padding: 20px;
      background-color: #E8FAFF !important;
      border: 2px solid #009ECC;
      color: #009ECC;
      background-size: 10px !important;
      border-radius: 8px;
      align-items: center;
      cursor: pointer;
      justify-content: space-between;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  .arrow{
       background: #fff url(../images/arrow-left-short-blue.svg) no-repeat !important;	 
  }
  */ 
  
    .select-menu .options {
      display: none;
      position: absolute;
      overflow-y: auto;
      width: 100%;
      max-height: 295px;
      padding: 10px;
      margin-top: 10px;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      animation-name: fadeInDown;
      -webkit-animation-name: fadeInDown;
      animation-duration: 0.35s;
      animation-fill-mode: both;
      -webkit-animation-duration: 0.35s;
      -webkit-animation-fill-mode: both;
      
    }
    .select-menu .options .option {
      display: flex;
      font-size: 20px;
      cursor: pointer;
      padding: 10px 16px;
      align-items: center;
      background: #fff;
      border-bottom: 1px solid #CDCED0;
      margin: 0 5px 0 5px;
    }
    .select-menu .options .option:last-child{
      border: none;
    }
    .select-menu .options .option:hover {
      color: #e7ecee;
    }
    .select-menu .options .option i {
      font-size: 25px;
      margin-right: 12px;
    }
    .select-menu .options .option .option-text {
      font-size: 20px;
      color: #333;
    }
    
  
    .select-menu.active .select-btn{
      background-color: #E8FAFF;
      background-image: none;
    }
    .select-menu.active .options {
      display: block;
      opacity: 0;
      z-index: 10;
      margin-top: 2px;
      animation-name: fadeInUp;
      -webkit-animation-name: fadeInUp;
      animation-duration: 0.4s;
      animation-fill-mode: both;
      -webkit-animation-duration: 0.4s;
      border: 2px solid #0099C6;
      -webkit-animation-fill-mode: both;
    }
    
    @keyframes fadeInUp {
      from {
        transform: translate3d(0, 30px, 0);
      }
      to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
      }
    }
    @keyframes fadeInDown {
      from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
      }
      to {
        transform: translate3d(0, 20px, 0);
        opacity: 0;
      }
    }
  
  
  
  
    .select-menu1 ,.select-menu2,.select-menu3,.select-menu4{
      position: relative;
    }
    .select-menu1 .select-btn.sBtn-text,.select-menu2 .select-btn.sBtn-text,.select-menu3 .select-btn.sBtn-text,.select-menu4 .select-btn.sBtn-text{
      font-size: 14px;
    }
	
	/*
    .select-menu1 .select-btn ,.select-menu2 .select-btn ,.select-menu3 .select-btn ,.select-menu4 .select-btn {
      display: flex;
      height: 50px;
      
      margin: 8px 0;
      background: #fff url(../images/arrow-left-short.svg) no-repeat;
      background-position: center right 15px;
      padding: 20px;
      background-color: #E8FAFF;
      border: 2px solid #009ECC;
      color: #009ECC;
      font-size: 15px;
      background-size: 10px;
      border-radius: 8px;
      align-items: center;
      cursor: pointer;
      justify-content: space-between;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  }
  
  .select-menu3 .select-btn, .select-menu4 .select-btn{
      background: #fff url("../images/arrow-left-short-gray.svg") no-repeat;
      background-position: center right 15px;
      background-size: 10px;
  }
  */ 
  
  
    .select-menu1 .options,.select-menu2 .options,.select-menu3 .options ,.select-menu4 .options {
      display: none;
      position: absolute;
      overflow-y: auto;
      width: 100%;
      max-height: 295px;
      padding: 10px;
      margin-top: 10px;
      border-radius: 8px;
      background: #fff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
      animation-name: fadeInDown;
      -webkit-animation-name: fadeInDown;
      animation-duration: 0.35s;
      animation-fill-mode: both;
      -webkit-animation-duration: 0.35s;
      -webkit-animation-fill-mode: both;
    }
    .select-menu1 .options .option,.select-menu2 .options .option,.select-menu3 .options .option,.select-menu4 .options .option {
      display: flex;
      font-size: 20px;
      cursor: pointer;
      padding: 10px 16px;
      align-items: center;
      background: #fff;
      border-bottom: 2px solid #CDCED0;
      margin: 0 5px 0 5px;
    }
    .select-menu1 .options .option:last-child,.select-menu2 .options .option:last-child,.select-menu3 .options .option:last-child,.select-menu4 .options .option:last-child{
      border: none;
    }
  
    .select-menu1 .options .option .option-text, .select-menu2 .options .option .option-text , .select-menu3 .options .option .option-text , .select-menu4 .options .option .option-text  {
      font-size: 14px;
      color: #333;
      font-family: 'Myriad Pro Semibold';
    }
    
    .select-menu1.active .options,.select-menu2.active .options,.select-menu3.active .options,.select-menu4.active .options {
      display: block;
      opacity: 0;
      z-index: 10;
      margin-top: 2px;
      animation-name: fadeInUp;
      -webkit-animation-name: fadeInUp;
      animation-duration: 0.4s;
      animation-fill-mode: both;
      -webkit-animation-duration: 0.4s;
      border: 2px solid #0099C6;
      -webkit-animation-fill-mode: both;
    }
  
    .select-menu1 .select-btn, .select-menu2 .select-btn{
      background-color: #00558C;
      border:none;
      color: #FFFFFF;
      
    }
    .select-menu1.active .select-btn, .select-menu2.active .select-btn{
      background-color: #00558C;
      border: 1px solid #707070;
      color: #FFFFFF;
    }

    .select-menu .options .option:hover {
        background: #E8FAFF;
    }


    
@media (min-width:768px) and (max-width:1024px){
    /* h2 {
        font-size: 32px;
        line-height: 40px;
    }
    h6 {
        font-size: 22px;
        line-height: 30px;
        color:#00558C;
    }
    h5{
        font-size: 15px;
        color:#3A434C;
        font-family: 'Myriad Pro Semibold';
    } */
    .FaqsList{
      max-width: 100%;
      margin:0 auto;
      margin-top: 10px;
    }
    .belowheader{
      padding-top: 20px;
	margin-bottom: 50px;
    }
    .abovefooter{
      padding-bottom: 60px;
    }
    .faqparaHead{
        font-size: 16px;
        color: #181818;
        padding: 5px;
    }
    .faqpara{
        font-size: 16px;
        color: #777E91;
        margin-top: -15px;
        padding-right: 30px;
    } 
            /*contact us*/

    .h5Contact{
        padding-top: 10px;
        color: #fff;
        font-size: 15px;
        line-height: 20px;
        font-family: 'Myriad Pro Semibold';
    }
    .ulContact {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    .select-menu1.active .options, .select-menu2.active .options, .select-menu3.active .options, .select-menu4.active .options {
      display: block;
      opacity: 0;
      z-index: 10;
      margin-top: 2px;
      animation-name: fadeInUp;
      -webkit-animation-name: fadeInUp;
      animation-duration: 0.4s;
      animation-fill-mode: both;
      -webkit-animation-duration: 0.4s;
      border: 2px solid #0099C6;
      width: max-content;
      -webkit-animation-fill-mode: both;
  }
    
}

@media (max-width: 767px){
/* 
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    h6 {
        font-size: 20px;
        line-height: 30px;
        color:#00558C;
    } h5{
        font-size: 15px;
        color:#3A434C;
        font-family: 'Myriad Pro Semibold';
    } */
    .FaqsList{
      max-width: 100%;
      margin:0 auto;
      margin-top: 10px;
    }
    .faqpara{
      font-size: 16px;
      color: #777E91;
      margin-top: -15px;
      padding-right: 30px;
  }
    .belowheader{
      padding-top: 20px;
		margin-bottom: 50px;
    }
    .abovefooter{
      padding-bottom: 60px;
    }
    .faqparaHead{
        font-size: 16px;
        color: #181818;
        padding: 5px;
    }
    .accordion-button:not(.collapsed) {
        font-size: 20px;
        color: #23262F;
        background-color: white;
        box-shadow: inset 0 0 0 rgba(0,0,0,0); 
    }
                  /*contact us*/

    .h5Contact{
        padding-top: 10px;
        color: #fff;
        font-size: 15px;
        line-height: 20px;
        font-family: 'Myriad Pro Semibold';
    }
    .ulContact {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: center;
    }
    .select-menu1.active .options, .select-menu2.active .options, .select-menu3.active .options, .select-menu4.active .options {
      display: block;
      opacity: 0;
      z-index: 10;
      
    margin-top: 2px;
      animation-name: fadeInUp;
      -webkit-animation-name: fadeInUp;
      animation-duration: 0.4s;
      animation-fill-mode: both;
      -webkit-animation-duration: 0.4s;
      border: 2px solid #0099C6;
      width: max-content;
      -webkit-animation-fill-mode: both;
  }
}

@media 
only screen and (max-width: 767px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    .table-responsive > .table > tbody > tr > td {
        white-space: inherit;
        min-width:200px;
    }
 }


 /*Contact us CSS*/
 .contactus label {
    color: #23262F;
    font-weight: bold;
    size: inherit;
  }


  .contactus input[type=text],
  .contactus input[type=email],
  .contactus input[type=number],
  .contactus input[type="date"] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #D1D3D4;
    border-radius: 4px;
    box-sizing: border-box;
  }

  .contactus input[type=submit] {
    background-color: #00558C;
    border-radius: 50px;
    color: white;
    padding: 10px 50px;
    text-decoration: none;
   margin: 4px 15px;
    cursor: pointer;
    text-align: center;
     box-shadow: 0 0px 10px 4px rgb(0 0 0 / 10%);
      border: none;
  }

 .contactus  input[type=reset] {
    background-color: #FFFFFF;
    border: 3px solid #D1D3D4;
    color: #7D7D7D;
    border-radius: 50px;
    padding: 7px 50px;
    text-decoration: none;
   margin: 4px 15px;
    cursor: pointer;
    text-align: center;
  }

  .contactus textarea {
    width: 100%;
    box-sizing: border-box;
    border: 2px solid #D1D3D4;
    border-radius: 4px;
    background-color: #FFFFFF;
    font-size: 16px;
    resize: none;
      padding: 14px 0 0 14px;
  }


  .topHeadPrg {
    font-size: 20px; 
  }


  /*General CSS*/
 @media(max-width:767px){
    .normal-banner .carousel-captionText h5 {
        font-size: 25px  !important;
        line-height: 30px !important;
      }
    
      .normal-banner .hero-left {
        padding-left: 0px;
        position: static;
        z-index: 1;
    }

    .normal-banner {
        background-position: bottom right , center !important;
        background-size: 100% ,100% 99%!important;
        background-repeat: no-repeat;
        padding: 50px 0px 70px;
        min-height: inherit !important;
    }
    .normal-banner-btnBox {
        bottom: 20px;
    }
    .normal-banner .carousel-captionText p {
        font-size: 16px;
    }
    /* section.Hero-slider .hero-banner {
        background-size: 100% 128% !important;
        background-position: top -100px left !important;
    } */
    .topHeadPrg {
        font-size: 18px;
    }
    .enroll-content {
        max-width: 100%;
    }
    .enroll-content h2 {
        flex: 0 0 100%; 
        width: 100%;
        font-size: 25px;
        line-height: 35px;
        text-align: left;
    }.enroll-content h2 {
        flex: 0 0 100%;
        width: 100%;
        font-size: 25px;
        line-height: 35px;
        text-align: left;
    }
    .enroll-content h2 {
        text-align: left;
        padding:0px;
    }
   
 }





/*VAPT HTML CSS*/

.vapt-main {
    padding:70px 0px;
}

.vapt-main h2,.vapt-main h6,.vapt-main .topHeadPrg {
    text-align: center;
}

.vapt-main table  {
    width:100%;
}

.vapt-main .table-content  {
    /* border: 2px solid #009ECC; */
    width: 100%;
    margin: 50px auto 50px;
    max-width: 100%;
    overflow: hidden    ;
    padding:0px 0px 20px;
    position: relative;
}

.vapt-main  table {
    width:100%;
    margin:20px auto;
}

.vapt-main table  td ,.vapt-main table  th {
    padding:15px 20px;
    text-align: center;
}
.vapt-main table  th:last-child {
    text-align: left;
}
.vapt-main table  td:first-child{
    text-align: left;
}

.vapt-main table  td:last-child{
    text-align: left;
}
.vapt-main table th {
    background:#00558C;
    color:#fff !important;
}
.vapt-main table tr {
    border:none;
}
.vapt-main table tr th {
    color:#00558C;
    font-weight: bold;
    text-align: center;
    border: none;
}

.vapt-main table tr th:first-child  {
    text-align: left;
}

.vapt-main table tr td {
    color:#000 ;
    border:none;
    
}
.vapt-main table tr td p {
    margin:0px;
}

.vapt-main table tbody tr:first-child td{
    font-family: 'Myriad Pro Semibold';
    background: #E8FAFF;
    color:#000;
}

.vapt-main table tr td:first-child {
    color:#000 ;
    font-weight: normal;
}

/* .vapt-main table tr:last-child{
    border: none;
} */
.vapt-main table thead tr  {
    border:none !important;
}

.vapt-main  ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 15px;
}

.vapt-main  ul li {
    position: relative;
    padding:0px 0px 30px 40px;
    font-size: 16px;
}

.vapt-main  ul li:last-child {
    padding-bottom: 0px;
}

/*
.vapt-main ul li:after {
    content:'';
    width:25px;
    height:25px;
    background:url(../images/check-circle-fill.svg);
    background-size: 25px;
    position: absolute;
    left: -5px;
    top: 0px;
}

*/ 
.vpatChildTitleText {
    margin-top:60px;
}


/*aboutUs CSS*/

/* 
.normal-banner.about-banner { 
    background-image: url(../images/High-Res_Apples-to-Oranges.png) , url(../images/HeroBanner.jpg);
    background-size: 42% , 100% 100%;
    background-position: bottom 0px right 100px , center !important;
}

.normal-banner.contact-banner { 
    background-image: url("../images/Contact-banner.png") , url(../images/HeroBanner.jpg);
    background-size: 42% , 100% 100%;
    background-position: bottom 0px right 100px , center !important;
}

*/ 

.aboutUs {
    padding:50px 0px;
    background: #fff;
}
.aboutUs h2 {
    text-align: center;
    padding-bottom: 50px;
}

.aboutUs-box {
    display: flex;
    align-items: center;
  
}
.aboutUs-box.reverse {
    flex-direction: row-reverse;
}
.aboutUs-img {
    flex : 0 0 50%;
    position: relative;
    padding-left:3%;
    position: relative;
    z-index: 11;
}

.aboutUs-img:after {    
    content: '';
    position: absolute;
    left: 6%;
    top: 4%;
    transform: inherit;
    background: #84BD00;
    width: 50%;
    height: 64%;
    z-index: -1;
}



.aboutUs-box.reverse .aboutUs-img:after {
    content: '';
    position: absolute;
    right: 270%;
    top: 26%;
    transform: translateX(60%);
    background: #84BD00;
    width: 60%;
    height: 50%;
    z-index: -1;
}

.aboutUs-box.bottom .aboutUs-img:after {
    content: '';
    position: absolute;
    left: 6%;
    bottom: 4%;
	top: inherit;
    transform: inherit;
    background: #84BD00;
    width: 50%;
    height: 64%;
    z-index: -1;
}
.aboutUs-img img {
    max-width: 100%;
}
.aboutUs-content {
    flex: 0 0 50%;
    padding-left: 3%;
}
.aboutUs-content h5 {
    font-family: 'Myriad Pro Semibold';
}
.aboutUs-box.reverse .aboutUs-content {
    padding-right: 5%;
    padding-left: 5%;
}   
.aboutUs-content ul {
    list-style: none;
    margin-left: 0px;
    padding-left: 15px;
}

.aboutUs ul li { 
    position: relative;
    padding: 20px 0px 20px 40px;
    font-size: 16px;
    border-bottom: 1px solid #ccc;
}

.aboutUs ul li:last-child {
    padding-bottom: 0px;
	border-bottom:none
}
/*
.aboutUs ul li:after {
    content: '';
    width: 25px;
    height: 25px;
    background: url(../images/check-circle-fill.svg);
    background-size: 25px;
    position: absolute;
    left: -4px;
    top: 31px;
}
*/ 

div.dataTables_info{ display: none;}
div.dataTables_paginate ul.pagination{ display: none;}

.compare-plan table.dataTable{border: 2px solid #009ECC;}

.compare-plan table tr {border-bottom: 1px solid #00558C;}

.vapt-main table { border: 2px solid #009ECC; } 
.vapt-main  td {border-bottom: 1px solid #00558C !important;}


@media (max-width:767px) {
    .aboutUs-box {
        flex-wrap: wrap;
    }
    .aboutUs-img {
        flex: 0 0 100%;
    }
    .aboutUs-content {
        flex: 0 0 100%;
    }
    .aboutUs-box {
        margin-bottom: 0px;
    }
    .aboutUs-content {
        padding: 50px 20px 0px !important;
    }
    .aboutUs ul li {
        padding: 0px 0px 15px 30px;
    }
    .aboutUs-content ul {
        padding:0px;
    }

}

/* 
.Hero-slider .hero-banner {
    background-image: url(../images/HeroRight.svg ) , url(../images/HeroBanner.jpg) !important;
    background-size:48% 80%, 100% 100%;
    padding: 100px 0px 70px;
    background-position: bottom right 100px , center !important;
    min-height: inherit !important;
}

.Hero-slider .hero-banner2 {
    background-image: url(../images/Value-Add-Benefits-Banner.png) , url(../images/HeroBanner.jpg) !important;
    background-size: 40% , 100% 100%;
    padding: 100px 0px 70px;
    background-position: bottom right 100px , center !important;
    min-height: inherit !important;
}
.Hero-slider .hero-banner3 {
    background-image: url(../images/Dentist-Action-Shot-Home-Page.jpg) , url(../images/HeroBanner.jpg) !important;
    background-size: 42% 90% , 100% 100%;
    padding: 100px 0px 70px;
    background-position: bottom right 100px , center !important;
    min-height: inherit !important;
}

*/ 

.hero-right  {
    display: none !important;
}

/* 
@media (max-width:1024px) and (min-width:768px){
    .Hero-slider .hero-banner {
        background-image: url(../images/HeroRight.svg) , url(../images/HeroBanner.jpg) !important;
        background-size: 54% 58%, 100% 100%;
        padding: 100px 0px 70px;
        background-position: bottom right 0px , center !important;
    }
    .Hero-slider .hero-banner2 {
        background-image: url(../images/Value-Add-Benefits-Banner.png) , url(../images/HeroBanner.jpg) !important;
        background-size: 54% 79%, 100% 100%;
        padding: 100px 0px 70px;
        background-position: bottom right 0px , center !important;
    }
    .Hero-slider .hero-banner3 {
        background-image: url(../images/Dentist-Action-Shot-Home-Page.jpg) , url(../images/HeroBanner.jpg) !important;
        background-size: 35% 300px , 100% 100%;
        padding: 100px 0px 70px;
        background-position: bottom right 50px , center !important;
    }
	
	*/ 
    .slick-dots {
        display:none !important;
    }
    .hero-banner .carousel-captionText p {
        line-height: 20px;
    }
    .hero-logo {
        margin-bottom:15px;
    }
    .home-hero-btn {
        bottom:20px;
    }
}


/*Baneer css*/
/* 
@media(max-width:767px){
    .Hero-slider .hero-banner {
        background-image: url(../images/HeroRight.svg ) , url(../images/HeroBanner.jpg) !important;
        background-size:cover , 100% 100%;
        padding: 100px 0px 70px;
        background-position: bottom center , center !important;
        min-height: inherit !important;
    }

    .Hero-slider .hero-banner2 {
        background-image: url(../images/Value-Add-Benefits-Banner.png) , url(../images/HeroBanner.jpg) !important;
        background-size: 42% , 100% 100%;
        padding: 100px 0px 70px;
        background-position: bottom center , center !important;
        min-height: inherit !important;
    }
    .Hero-slider .hero-banner3 {
        background-image: url(../images/Dentist-Action-Shot-Home-Page.jpg) , url(../images/HeroBanner.jpg) !important;
        background-size: 42% , 100% 100%;
        padding: 100px 0px 70px;
        background-position: bottom center , center !important;
        min-height: inherit !important;
    }
*/ 
    .hero-right  {
        display: none !important;
    }

    .carousel-captionText h4,
    .carousel-captionText p {
        position:relative;
        z-index:11;
    }
}



/* hover.css */ 

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}

/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}

/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}

/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}

/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}

/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
  background-color: #2098D1;
  color: white;
}

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098D1;
  background-color: #2098d1;
  color: white;
}

/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}

/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098D1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098D1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
  background: none;
}

/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: white solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
  opacity: 1;
}

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}

/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}

/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: top, right, bottom, left;
  transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}

/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
  border-radius: 1em;
}

/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
  right: 0;
}

/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
  left: 0;
}

/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: right;
  transition-property: right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
  right: 0;
}

/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 51%;
  right: 51%;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}

/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
  left: 0;
}

/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098D1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}

/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098D1;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}

/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow, transform;
  transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/* Shadow Radial */
.hvr-shadow-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-shadow-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
  opacity: 1;
}

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}

/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}

/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-back .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-back:hover .hvr-icon, .hvr-icon-back:focus .hvr-icon, .hvr-icon-back:active .hvr-icon {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover .hvr-icon, .hvr-icon-forward:focus .hvr-icon, .hvr-icon-forward:active .hvr-icon {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-down .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover .hvr-icon, .hvr-icon-down:focus .hvr-icon, .hvr-icon-down:active .hvr-icon {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-up .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-spin .hvr-icon {
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover .hvr-icon, .hvr-icon-spin:focus .hvr-icon, .hvr-icon-spin:active .hvr-icon {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
	100% {
    opacity: 1;
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
	100% {
    opacity: 1;
  }
}
/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-drop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-drop:hover .hvr-icon, .hvr-icon-drop:focus .hvr-icon, .hvr-icon-drop:active .hvr-icon {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}

/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-fade .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}
.hvr-icon-fade:hover .hvr-icon, .hvr-icon-fade:focus .hvr-icon, .hvr-icon-fade:active .hvr-icon {
  color: #0F9E5E;
}

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-float-away .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover .hvr-icon, .hvr-icon-float-away:focus .hvr-icon, .hvr-icon-float-away:active .hvr-icon {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-sink-away .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover .hvr-icon, .hvr-icon-sink-away:focus .hvr-icon, .hvr-icon-sink-away:active .hvr-icon {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover .hvr-icon, .hvr-icon-grow:focus .hvr-icon, .hvr-icon-grow:active .hvr-icon {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}

/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-shrink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover .hvr-icon, .hvr-icon-shrink:focus .hvr-icon, .hvr-icon-shrink:active .hvr-icon {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover .hvr-icon, .hvr-icon-pulse:focus .hvr-icon, .hvr-icon-pulse:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse-grow .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover .hvr-icon, .hvr-icon-pulse-grow:focus .hvr-icon, .hvr-icon-pulse-grow:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-pulse-shrink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover .hvr-icon, .hvr-icon-pulse-shrink:focus .hvr-icon, .hvr-icon-pulse-shrink:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-push .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-push:hover .hvr-icon, .hvr-icon-push:focus .hvr-icon, .hvr-icon-push:active .hvr-icon {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-pop .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pop:hover .hvr-icon, .hvr-icon-pop:focus .hvr-icon, .hvr-icon-pop:active .hvr-icon {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover .hvr-icon, .hvr-icon-bounce:focus .hvr-icon, .hvr-icon-bounce:active .hvr-icon {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover .hvr-icon, .hvr-icon-rotate:focus .hvr-icon, .hvr-icon-rotate:active .hvr-icon {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow-rotate .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover .hvr-icon, .hvr-icon-grow-rotate:focus .hvr-icon, .hvr-icon-grow-rotate:active .hvr-icon {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}

/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-float .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-float:hover .hvr-icon, .hvr-icon-float:focus .hvr-icon, .hvr-icon-float:active .hvr-icon {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}

/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-sink .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-sink:hover .hvr-icon, .hvr-icon-sink:focus .hvr-icon, .hvr-icon-sink:active .hvr-icon {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover .hvr-icon, .hvr-icon-bob:focus .hvr-icon, .hvr-icon-bob:active .hvr-icon {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-hang .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-hang:hover .hvr-icon, .hvr-icon-hang:focus .hvr-icon, .hvr-icon-hang:active .hvr-icon {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover .hvr-icon, .hvr-icon-wobble-horizontal:focus .hvr-icon, .hvr-icon-wobble-horizontal:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz:hover .hvr-icon, .hvr-icon-buzz:focus .hvr-icon, .hvr-icon-buzz:active .hvr-icon {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz-out .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz-out:hover .hvr-icon, .hvr-icon-buzz-out:focus .hvr-icon, .hvr-icon-buzz-out:active .hvr-icon {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}

/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: white;
  /* IE9 */
  background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}

/*# sourceMappingURL=hover.css.map */




/* webstyle.css */ 

/*
  @font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Bold.eot');
    src: url('../fonts/MyriadPro-Bold.eot') format('embedded-opentype'),
        url('../fonts/MyriadPro-Bold.woff2') format('woff2'),
        url('../fonts/MyriadPro-Bold.woff') format('woff'),
        url('../fonts/MyriadPro-Bold.ttf') format('truetype'),
        url('../fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

 
@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-BoldIt.eot');
    src: url('../fonts/MyriadPro-BoldIt.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-BoldIt.woff2') format('woff2'),
        url('../fonts/MyriadPro-BoldIt.woff') format('woff'),
        url('../fonts/MyriadPro-BoldIt.ttf') format('truetype'),
        url('../fonts/MyriadPro-BoldIt.svg#MyriadPro-BoldIt') format('svg');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-It.eot');
    src: url('../fonts/MyriadPro-It.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-It.woff2') format('woff2'),
        url('../fonts/MyriadPro-It.woff') format('woff'),
        url('../fonts/MyriadPro-It.ttf') format('truetype'),
        url('../fonts/MyriadPro-It.svg#MyriadPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
} 

@font-face {
    font-family: 'Myriad Pro';
    src: url('../fonts/MyriadPro-Regular.eot');
    src: url('../fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/MyriadPro-Regular.woff2') format('woff2'),
        url('../fonts/MyriadPro-Regular.woff') format('woff'),
        url('../fonts/MyriadPro-Regular.ttf') format('truetype'),
        url('../fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/ 

*{
    font-family: 'Myriad Pro', sans-serif;
    box-sizing: border-box;
}



/*****Update CSS****/

.mt30{margin-top: 26px;}

.form-check-input{
	width: 25px;
    height: 25px;}

label.form-check-label {
    color: #8B8889;
    font-weight: normal;    
    padding-left: 11px;
    margin-top: 4px;
}

.card{ padding: 30px; width: 100%}

.card-title{
    font-size: 20px;
    color: #3A434C;
    font-weight: 600;
}





h2 {
    font-size: 40px;
    line-height: 50px;
    font-weight: bold;
}
h6 {
    font-size: 20px;
    line-height: 30px;
    
}
h5{
    font-size: 20px;
    color:#3A434C;
    font-weight: 600;
}
.belowheader{
  text-align: center;
  padding-top: 60px;
	margin-bottom: 50px
}
.faqparaHead{
    font-size: 16px;
    color: #181818;
}
.faqpara{
    font-size: 16px;
    color: #777E91;
    margin-top: -20px;
    padding-right: 30px;
}
.accordion-button:not(.collapsed) {
    font-size: 20px;
    color: #23262F;
    background-color: white;
    box-shadow: inset 0 0 0 rgba(0,0,0,0); 
}

.accordion-button{
    font-size: 20px;
    color: #23262F;
    
    padding-right: 0px;
    background-color: white;
    box-shadow: inset 0 0 0 rgba(0,0,0,0); 
}

/* 
.accordion-button::after {
    background-image: url("../images/plusFaqs.svg");
    background-size: 40px;
    width: 40px;
    height: 40px;
}

*/

.accordion-button:focus {
    z-index: 3;
    border-color: white;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.25);
}

/* 
.accordion-button:not(.collapsed)::after {
    background-image: url("../images/minusFaqs.svg");
    background-size: 40px;
    width: 40px;
    height: 40px;
}

*/ 

.tablefaqs {
    border-collapse: collapse;
    width: 100%;
  }
  
  .tdfaqs, .thfaqs {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
  }
  
  .trfaqs:nth-child(even) {
    background-color: #dddddd;
  }


.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}

.FaqsList{
  max-width: 90%;
  margin:0 auto;
  margin-top: 20px;
}
.abovefooter{
  padding-bottom: 60px;
}


.required::after{
    content: "*";
    color: red;
}

.containerContact, .g-recaptcha {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
}


.imageCon {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    background-color: #84BD00;    
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.innerimageContact{
    width: 15px;
    height: 15px;
    margin: 15px;   
}
.ulContact {
    list-style: none;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-evenly;	
	    padding: 30px 0;
}

.imgcardcontact{
    width: 40px;
    height: 40px;
    margin-top: 15px;
    margin-left: 15px;
}
  
  .liContact {
    display: flex;
    margin: 1%;
	  align-items: center;
  }



 .h5Contact{
      font-size: 20px;
      color: #00558C;
      line-height: 40px;
      font-weight: 600;
        margin: 0;
  }
  

.select-menu {
    position: relative;
  }

/*
  .select-menu .select-btn {
    display: flex;
    height: 45px;
    font-weight: 600;
    background: #fff url(../images/arrow-left-short.svg) no-repeat;
    background-position: center right 15px !important;
    padding: 20px;
    background-color: #E8FAFF !important;
    border: 2px solid #009ECC;
    color: #009ECC;
    background-size: 10px !important;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.arrow{
	 background: #fff url(../images/arrow-left-short-blue.svg) no-repeat !important;	 
}
*/ 


  .select-menu .options {
    display: none;
    position: absolute;
    overflow-y: auto;
    width: 100%;
    max-height: 295px;
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 0.35s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.35s;
    -webkit-animation-fill-mode: both;
    
  }
  .select-menu .options .option {
    display: flex;
    font-size: 20px;
    cursor: pointer;
    padding: 10px 16px;
    align-items: center;
    background: #fff;
    border-bottom: 2px solid #CDCED0;
    margin: 0 5px 0 5px;
  }
  .select-menu .options .option:last-child{
    border: none;
  }
  .select-menu .options .option:hover {
    color: #e7ecee;
  }
  .select-menu .options .option i {
    font-size: 25px;
    margin-right: 12px;
  }
  .select-menu .options .option .option-text {
    font-size: 20px;
    color: #333;
    font-weight: 600;
  }
  

  .select-menu.active .select-btn{
    background-color: #E8FAFF;
    background-image: none;
  }
  .select-menu.active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    margin-top: 2px;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.4s;
    border: 2px solid #0099C6;
    -webkit-animation-fill-mode: both;
  }
  
  @keyframes fadeInUp {
    from {
      transform: translate3d(0, 30px, 0);
    }
    to {
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
  }
  @keyframes fadeInDown {
    from {
      transform: translate3d(0, 0, 0);
      opacity: 1;
    }
    to {
      transform: translate3d(0, 20px, 0);
      opacity: 0;
    }
  }




  .select-menu1 ,.select-menu2,.select-menu3,.select-menu4{
    position: relative;
  }
  .select-menu1 .select-btn.sBtn-text,.select-menu2 .select-btn.sBtn-text,.select-menu3 .select-btn.sBtn-text,.select-menu4 .select-btn.sBtn-text{
    font-size: 14px;
  }
  
  /*
  .select-menu1 .select-btn ,.select-menu2 .select-btn ,.select-menu3 .select-btn ,.select-menu4 .select-btn {
    display: flex;
    height: 50px;
    
    margin: 8px 0;
    background: #fff url(../images/arrow-left-short.svg) no-repeat;
    background-position: center right 15px;
    padding: 20px;
    background-color: #E8FAFF;
    border: 2px solid #009ECC;
    color: #009ECC;
    font-size: 15px;
    background-size: 10px;
    border-radius: 8px;
    align-items: center;
    cursor: pointer;
    justify-content: space-between;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

*/ 
/*
.select-menu3 .select-btn, .select-menu4 .select-btn{
	background: #fff url("../images/arrow-left-short-gray.svg") no-repeat;
    background-position: center right 15px;
	background-size: 10px;
}

*/ 

  .select-menu1 .options,.select-menu2 .options,.select-menu3 .options ,.select-menu4 .options {
    display: none;
    position: absolute;
    overflow-y: auto;
    width: 100%;
    max-height: 295px;
    padding: 10px;
    margin-top: 10px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 0.35s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.35s;
    -webkit-animation-fill-mode: both;
  }
  .select-menu1 .options .option,.select-menu2 .options .option,.select-menu3 .options .option,.select-menu4 .options .option {
    display: flex;
    font-size: 20px;
    cursor: pointer;
    padding: 10px 16px;
    align-items: center;
    background: #fff;
    border-bottom: 2px solid #CDCED0;
    margin: 0 5px 0 5px;
  }
  .select-menu1 .options .option:last-child,.select-menu2 .options .option:last-child,.select-menu3 .options .option:last-child,.select-menu4 .options .option:last-child{
    border: none;
  }

  .select-menu1 .options .option .option-text, .select-menu2 .options .option .option-text , .select-menu3 .options .option .option-text , .select-menu4 .options .option .option-text  {
    font-size: 14px;
    color: #333;
    font-weight: 600;
  }
  
  .select-menu1.active .options,.select-menu2.active .options,.select-menu3.active .options,.select-menu4.active .options {
    display: block;
    opacity: 0;
    z-index: 10;
    margin-top: 2px;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 0.4s;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.4s;
    border: 2px solid #0099C6;
    -webkit-animation-fill-mode: both;
  }

  .select-menu1 .select-btn, .select-menu2 .select-btn{
    background-color: #00558C;
    border:none;
    color: #FFFFFF;
	
  }
  .select-menu1.active .select-btn, .select-menu2.active .select-btn{
    background-color: #00558C;
    border: 2px solid #707070;
    color: #FFFFFF;
  }

@media (min-width:768px) and (max-width:1024px){
    h2 {
        font-size: 32px;
        line-height: 40px;
    }
    h6 {
        font-size: 22px;
        line-height: 30px;
        color:#00558C;
    }
    h5{
        font-size: 15px;
        color:#3A434C;
        font-weight: 600;
    }
    .FaqsList{
      max-width: 100%;
      margin:0 auto;
      margin-top: 10px;
    }
    .belowheader{
      padding-top: 20px;
	margin-bottom: 50px;
    }
    .abovefooter{
      padding-bottom: 60px;
    }
    .faqparaHead{
        font-size: 16px;
        color: #181818;
        padding: 5px;
    }
    .faqpara{
        font-size: 16px;
        color: #777E91;
        margin-top: -15px;
        padding-right: 30px;
    } 
            /*contact us*/

    .h5Contact{
        padding-top: 10px;
        color: #fff;
        font-size: 15px;
        line-height: 20px;
        font-weight: 600;
    }
    .ulContact {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
    }
    .select-menu1.active .options, .select-menu2.active .options, .select-menu3.active .options, .select-menu4.active .options {
      display: block;
      opacity: 0;
      z-index: 10;
      margin-top: 2px;
      animation-name: fadeInUp;
      -webkit-animation-name: fadeInUp;
      animation-duration: 0.4s;
      animation-fill-mode: both;
      -webkit-animation-duration: 0.4s;
      border: 2px solid #0099C6;
      width: max-content;
      -webkit-animation-fill-mode: both;
  }
    
}

@media (max-width: 767px){

    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    h6 {
        font-size: 20px;
        line-height: 30px;
        color:#00558C;
    } h5{
        font-size: 15px;
        color:#3A434C;
        font-weight: 600;
    }
    .FaqsList{
      max-width: 100%;
      margin:0 auto;
      margin-top: 10px;
    }
    .faqpara{
      font-size: 16px;
      color: #777E91;
      margin-top: -15px;
      padding-right: 30px;
  }
    .belowheader{
      padding-top: 20px;
		margin-bottom: 50px;
    }
    .abovefooter{
      padding-bottom: 60px;
    }
    .faqparaHead{
        font-size: 16px;
        color: #181818;
        padding: 5px;
    }
    .accordion-button:not(.collapsed) {
        font-size: 20px;
        color: #23262F;
        background-color: white;
        box-shadow: inset 0 0 0 rgba(0,0,0,0); 
    }
                  /*contact us*/

    .h5Contact{
        padding-top: 10px;
        color: #fff;
        font-size: 15px;
        line-height: 20px;
        font-weight: 600;
    }
    .ulContact {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        align-content: center;
    }
    .select-menu1.active .options, .select-menu2.active .options, .select-menu3.active .options, .select-menu4.active .options {
      display: block;
      opacity: 0;
      z-index: 10;
      
    margin-top: 2px;
      animation-name: fadeInUp;
      -webkit-animation-name: fadeInUp;
      animation-duration: 0.4s;
      animation-fill-mode: both;
      -webkit-animation-duration: 0.4s;
      border: 2px solid #0099C6;
      width: max-content;
      -webkit-animation-fill-mode: both;
  }

  .hero-banner.normal-banner {
    background-size: 90%, 100% 100% !important;
    background-position:bottom center , center !important;
    min-height:300px !important;
}
}

@media 
only screen and (max-width: 767px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
    .table-responsive > .table > tbody > tr > td {
        white-space: inherit;
        min-width:200px;
    }
 }