.btn-abiomix {
    color: #ffffff;
    background-color: #38A169;
    /* border-color: #5bc2c2; */
    border-radius: 8px;
    font-size: 16px;
    border-radius: 8px;
}

.btn-abiomix:hover {
    color: #ffffff;
    background-color: #2F855A;
    ;
    /* border-color: #8ad3d3 */
}

.btn-abiomix-secondary {
    color: #38A169;
    background-color: #C6F6D5;

    border-radius: 8px;
    font-size: 16px;
    border-radius: 8px;
}

.btn-abiomix-secondary:hover {
    color: #1a693f;
    border-color: #5bc2c2;
    border-color: #38A169
}

.results {
    min-height: 300px;
}

.btn-abiomixfocus,
.btn-abiomix.focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}

.btn-abiomix.disabled,
.btn-abiomix:disabled {
    color: #212529;
    background-color: #7cc;
    border-color: #5bc2c2
}

.btn-abiomix:not(:disabled):not(.disabled):active,
.btn-abiomix:not(:disabled):not(.disabled).active,
.show>.btn-abiomix.dropdown-toggle {
    color: #212529;
    background-color: #9cdada;
    border-color: #2e7c7c
}

.btn-abiomix:not(:disabled):not(.disabled):active:focus,
.btn-abiomix:not(:disabled):not(.disabled).active:focus,
.show>.btn-abiomix.dropdown-toggle:focus {
    box-shadow: 0 0 0 .2rem rgba(91, 194, 194, 0.5)
}



.btn-abiomix2 {
    background: #38A169;
    color: #ffffff;
    border-radius: 8px;
    font-size: 14px;
}

.btn-abiomix2:hover {
    color: #38A169;
    background: #ffffff;
}

.img-contain img {
    width: 100%;
}



.data-contain {
    padding-top: 50px;

}

.data-contain h1 {
    font-size: 50px;
    font-weight: bold;
    padding-bottom: 5px;
}


.key-featuer {
    background-color: #F4F5F7;
    padding: 50px 0px;
}

.feature-sec img {
    vertical-align: initial;
    position: relative;
    top: 10px;
    padding-right: 10px;
}

.feature-title h1 {
    color: #18191F;
    font-size: 36px;
    font-weight: 700;
}

.feature-sec {
    padding: 30px 0px;
}

.feature-contain {
    display: inline-block;
}

.feature-contain h2 {
    color: #18191F;
    font-weight: 700;
    font-size: 24px;
}


/* client */

.client-bg {
    height: 200px;
    background-color: #38A169;
}

.client-content {
    padding: 40px 0px;
}

.client-content h3 {
    padding-top: 15px;
    font-weight: 800;
    font-size: 35px;
    color: #38A169;
}

.client-content p {
    color: #18191F;
    font-weight: 700;
}

.client-contain-card {
    position: relative;
    bottom: 120px;
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 40px #29292A12;
    border-radius: 8px;
}

/* how it work */


/* portal */

.portal {
    padding: 25px 0;
}

.portal-data-contain {
    padding: 50px 0 0 100px;
}

.portal-data-contain h2 {
    color: #38A169;
    font-weight: 800;
    padding-bottom: 10px;
    font-size: 24px;
}

.portal-data-contain button {
    background-color: transparent;
    border: none;
    color: #38A169;
}


/* training */

.training {
    background-color: #F4F5F7;
    padding: 50px 50px;
}

.training-contain {
    padding-bottom: 15px;
}

.training-contain-des {
    width: 100%;
}

.training-contain-des img {
    float: left;
    position: relative;
    bottom: 20px;
}

.btn-contain button {
    background-color: #38a169;
    color: white;
    padding: 7px 40px;
    font-size: 14px;
    border: none;
    margin-left: 10px;
}

.py-10 {
    padding: 10px 0;
}

.ev-need {
    background-color: #38A169;
    padding: 50px 0px;
}

.need-contain h1 {
    color: white;
}

.button-white {
    margin-top: 30px;
    color: #38a169;
    background-color: white;
    border: none;
    padding: 12px 40px;
    border-radius: 8px;
}

.button-white:hover {
    color: #ffffff;
    background-color: rgb(2, 116, 45);
    border: none;
}

.footer {
    background-color: #0B0D17;
    padding: 15px 0;
}

.footer-menue li {
    list-style: none;
    display: inline-block;
    padding: 20px;
}

.footer-menue li a {
    color: white;
}

.footer-social p svg {
    color: white;
    background-color: #24262f;
    padding: 12px;
    border-radius: 20px;
    margin-right: 5px;
    opacity: 0.6;
}

.footer-social p a{
  text-decoration:none;
}

.copyright-contain p {
    color: #D9DBE1;
    font-size: 14px;
}

.footer-bottom {
    border-top: 1px solid;
    padding-top: 20px;
}



/* .bioinfo-img-contain{
  padding-top: 50px;
} */


.about-ab h3 {
    color: #38A169;
    font-size: 36px;
}

.about-ab p {
    color: #18191F;
    font-weight: 700;
}

.about-info-text {
    padding-top: 90px;
}

.abiomix-banner {
    margin-top: 85px;
}

.sign {
    background-color: #F7FAFC;
    padding: 50px 0px;
}

.sign-form {
    background-color: #fff;

}

.sign-container {
    width: 50%;
}

.sign-form {
    text-align: left;
    padding: 80px;
}

.sign-logo img {

    padding-bottom: 30px;
}

.sign-form input {
    width: 100%;
    font-size: 14px;
    padding: 12px;
    margin-bottom: 25px;
    border: 1px solid var(--unnamed-color-ededed);
    background: #F6F6F6 0% 0% no-repeat padding-box;
    border: 1px solid #EDEDED;
    border-radius: 6px;
    color: #202124;

}

.sign-form h2 {

    padding-bottom: 20px;
    font-weight: 700;
    text-align: center;
}

#checkbox {
    width: auto;
    margin-right: 10px;
    position: relative;
    top: 2px;
    left: 5px;
}

.forget-pass {
    float: right;
    color: #3dae2b;
}

.submit-btn {
    background: var(--unnamed-color-38a169) 0% 0% no-repeat padding-box;
    background: #38A169 0% 0% no-repeat padding-box;
    padding: 10px;
    border-radius: 12px;
    color: white;
    margin-top: 30px;
    border: none;
}

.or {
    text-align: center;
    /* background-color: white; */
    width: auto;
    padding-top: 20px;
}

.not-member {
    color: #6B6B6B;
}

.req-demo a {

    font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-24)/var(--unnamed-line-spacing-30) var(--unnamed-font-family-nunito-sans);
    letter-spacing: var(--unnamed-character-spacing-0);
    color: var(--unnamed-color-38a169);
    text-align: center;
    font: normal normal bold 24px/30px Nunito Sans;
    letter-spacing: 0px;
    color: #38A169 !important;
}

#s-country {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--unnamed-color-ededed);
    border: 1px solid #EDEDED;
    border-radius: 6px;
    background-color: #f6f6f6;
    color: #757575;
}

.lets-title {
    color: #313E5B;
    font-weight: 800;
}

.lets-input {
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #00000033;
    border-radius: 6px;
    width: 100%;
    padding: 12px;
}

#lets-textarea {
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #00000033;
    border-radius: 6px;
    padding: 12px;
}

.need-title {
    text-align: center;
    font: normal normal normal 24px/32px Nunito Sans;
    letter-spacing: 0px;
    color: #22543D;
    background-color: #EDF2F7;
    padding: 15px;
    border-radius: 12px 12px 0px 0px;
    margin-bottom: 0;


}

.contact-contain {
    background-color: white;
    text-align: left !important;
    padding: 21px 60px;
    border-bottom: 1px solid #EDF2F7;
    border-radius: 0 0 12px 12px;
}

.contact-contain img {
    position: relative;
    right: 12px;
}

.contact-details {
    padding-left: 45px;
    position: relative;
    bottom: 10px;
    left: 2px;
}

.contact-c-title {
    font: normal normal normal 20px/27px Nunito Sans;
    letter-spacing: 0px;
    color: #22543D !important;
}

.contact-contain span {
    color: #525F81;

}

.lets-social i {
    color: white;
    background-color: #A0AEC0;
    padding: 5px 7px;
    border-radius: 18px;
    margin-top: 8px;
}


.cart-location {
    background-color: white;
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
    border: 2px solid var(--gray-200-—-edf2f7);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EDF2F7;
    border-radius: 8px;
    color: #276749;
    padding: 40px 0px;
}

.cart-location span i {
    font-size: 80px;
    color: #48BB78;

    padding-bottom: 30px;
}

.location-container {
    padding-top: 50px;
}

.cancel-btn {
    background-color: #F3F3F3;
    color: #2D3748;
}

@media(max-width:992px) {
    .img-containn img {
        width: 100%;
    }

    .key-featuer {
        background-color: #F4F5F7;
        padding: 50px 24px;
        text-align: center;
    }

    .portal-data-contain {
        padding: 100px 20px;
    }

    .training {
        background-color: #F4F5F7;
        padding: 50px 20px;
    }

    .sign-container {
        width: 100%;
    }

    .sign-form {
        text-align: left;
        padding: 30px;
    }
}





/*show submenu when hover*/
/* @media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{ display: none; }
	.navbar .nav-item:hover .dropdown-menu{ display: block; }
	.navbar .nav-item .dropdown-menu{ margin-top: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: #3cad2b;
    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;
}

.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
    left: 0;
    right: 0;
}

.active a:before {
    left: 0;
    right: 0;
}

.dropdown-item.active,
.dropdown-item:active {
    background-color: #3cad2b !important;
}

.abiomix-title {
    font-size: 36px;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
}

.abiomix-account-title1 {
    font-size: 38px;
}

.abiomix-account-title2 {
    font-size: 30px;
}

.account-entering {
    margin-top: 150px;
}

.account-form {
    margin-top: 60px;
}

footer {
    background-color: #0B0D17;
}

footer .footer-logo nav {
    margin: 0 0;
}

nav.footer-menu {
    padding: 0;
}

footer .footer-logo li {
    padding: 0 8px;
}

footer .footer-menu li {
    margin-right: 10px;
}

footer .copy {
    color: #D9DBE1;
    font-size: 14px;
}

footer .dropdown-divider {
    margin: 2px 0;
}

.main-content {
    margin-top: 105px;
}

.request-demo-login a {
    font-size: 24px;
    font-weight: bold;
    font-family: 'Nunito Sans';
    color: #38A169;
}

.request-bottom {
    color: #6B6B6B;
    font-size: 14px;
}

.btn_link2 {
    font-family: 'Nunito Sans';
    color: #38A169;
    font-size: 14px;
    font-weight: bold;
}

.remember-me label {
    color: #ACACAC;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::before {
    background-color: #38A169;
}

.abiomix-card-header {
    font-size: 24px;
    color: #22543D;
    background-color: #EDF2F7;
    height: 72px;
    border-radius: 12px 12px 0 0;
    padding-top: 20px
}

.sidebar_title {
    font-size: 20px;
    color: #22543D
}

.sidebar_sub_title {
    font-size: 15px;
    color: #525F81;
}

.page-wrapper {
    margin-top: 100px;
}

.filepond--credits {
    display: none;
}

.dropdown-item .account_icons {
    width: 35px;
}

.dropdown-item .title {
    font-size: 14px;
}

.dropdown-item .subtitle {
    font-size: 12px;
}

a.account-item {
    padding: 3px 5px;
}

.accountdropdown .dropdown-divider {
    margin: 0;
}

.abiomix-title2 {
    color: #313E5B;
    font-size: 24px;
}

.abiomix-title2-black {
    color: #000;
    font-family: 'Ubuntu', sans-serif;
    font-size: 24px;
}

.plan-text-height {
    min-height: 110px;
}

.account-menu {
    margin-top: 14px;
}

.account-menu .dropdown-menu {
    min-width: 14em;
}

.account-menu .dropdown-menu:last-child {
    padding-bottom: 0;
}

.account-menu .title {
    font-weight: bold;
}

.pointer {
    cursor: pointer;
}

.sample-badge {
    height: 20px;
}

.abiomix-subtitle1 {
    font-family: 24px;
    font-family: 'Nunito Sans';
    font-weight: bold;
}

.upload-samples-badge {
    font-size: 14px;
    padding: 5px 15px;
}

.badge span {
    margin-left: 10px;
}

.filepond--root {
    min-height: 76px!important;
}

[x-cloak] {
    display: none;
}

.history-search {
    float: right;
}

.btn-abiomix3 {
    background-color: #F0FFF4;
}

.btn-abiomix3 img {
    background-color: #F0FFF4;
    padding: 2px 5px;
}

.btn-abiomix3:hover {
    color: green
}

/* .bioinfo-img-contain{
  padding-top: 50px;
} */


.about-ab h3 {
    color: #38A169;
    font-size: 36px;
}

.about-ab p {
    color: #18191F;
    font-weight: 700;
}

.about-info-text {
    padding-top: 90px;
}

.abiomix-thead {
    background-color: #EBF8FF;
}

.abiomix-thead tr th a {
    color: #202224;
    font-size: 16px;
    font-weight: bold;
}

.cart-location {
    background-color: white;
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
    border: 2px solid var(--gray-200-—-edf2f7);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EDF2F7;
    border-radius: 8px;
    color: #276749;
    padding: 40px 0px;
}

.cart-location span i {
    font-size: 80px;
    color: #48BB78;

    padding-bottom: 30px;
}

.location-container {
    padding-top: 50px;
}

.rounded-circle {
    width: 110px;
    height: 110px;
}

.abiomix-active,
#myTab .active,
.abiomix-active:hover {
    color: #ffffff;
    background: #38A169;
}

.plans .basic {
    padding: 24px 20px !important;
}

.plans .card:hover {
    opacity: 0.7;
}

.plans .card {
    border-radius: 12px !important;
}

.plans ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.plans ul li {
    font-size: 18px;
}

.plans .basic ul li i {
    color: #FFBB00;
    padding-right: 5px;
}

.plans .basic-color {
    color: #FFBB00;
}

.abiomix-title3 {
    font-size: 18px;
}

.abiomix-title4 {
    font-size: 16px;
    font-weight: bold;
}

.btn-abiomix-basic {
    background: #FFBB00;
    font-family: 'Nunito Sans';
    font-size: 20px;
    color: #ffffff;
    border-radius: 12px;
    margin: 10px 0 2px 0;
}

/* .btn-abiomix-basic:hover{color:#ffffff;background:#38A169;} */
/* .plans .pro{padding:30px 20px!important;} */
.pro {
    background-color: #48BB78 !important;
    color: #ffffff;
}

.plans .pro ul li i {
    color: #ffffff;
    padding-right: 5px;
}

.pro-color {
    color: #ffffff;
}

.enterprise-color {
    color: #8957FF;
}

.plans .enterprise ul li i {
    color: #8957FF;
    padding-right: 5px;
}

.btn-abiomix-pro {
    background: #ffffff;
    font-family: 'Nunito Sans';
    font-size: 20px;
    color: #48BB78;
    border-radius: 12px;
    margin-top: 10px;
}

.plans .enterprise {
    padding: 30px 20px !important;
}

.btn-abiomix-enterprise {
    background: #8957FF;
    font-family: 'Nunito Sans';
    font-size: 20px;
    color: #ffffff;
    border-radius: 12px;
    margin-top: 68px;
}

/* .jumbotron {
  background-image: url("../front/images/decov-banner.png");
  background-size: cover;
} */
.decov-title {
    font-size: 60px;
    color: #ffffff;
}

.decov-tools {
    background-color: #ffffff;
}

.decov-tools .card {
    border-radius: 20px;
    border: 2px solid #EDF2F7;
    padding: 20px;
    background: #ededed;
    ;
}

.decov-tools .card:hover {
    opacity: 0.7;
}

.decov-tools .card h2 {
    color: #18191F;
    margin: 10px 0;
}

.decov-tools .card img {
    width: 93px;
}

.decov-tools .card a {
    color: #38A169;
}

.decov-tools .card a i {
    padding: 10px 5px 0 10px
}

.decov-lead {
    margin-top: 100px;
}

.img-wrapper {
    position: relative;
}

.img-responsive {
    width: 100%;
    height: auto;
}

.img-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;

}

.img-overlay:before {
    content: ' ';
    display: block;
    /* adjust 'height' to position overlay content vertically */
    height: 30%;
}

.btn-responsive {
    /* matches 'btn-md' */
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

@media (max-width:760px) {

    /* matches 'btn-xs' */
    .btn-responsive {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }

    .decov-title {
        font-size: 25px;
    }
}


.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #38A169;
    border-color: #38A169;
}

.accordion-section .panel-default>.panel-heading {
    border: 0;
    background: #F7FAFC;
    padding: 0;
}

.accordion-section .panel-default .panel-title a {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    color: #18191F;
    text-decoration: none;
}

.accordion-section .panel-default .panel-title a:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 2rem;
    content: "-";
    color: #18191F;
    float: right;
    margin-top: -10px;
}

.panel-title {
    margin-bottom: 0;
}

.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "+";
}

.accordion-section .panel-default .panel-body {
    font-size: 1.2rem;
}

.accordion-section {
    padding-bottom: 60px;
}

.faq .card {
    margin-bottom: 10px;
}

.result-heading {
    background-color: #EBF8FF;
}

.text-primary-abiomix1 {
    color: #4472C4;
}

.text-primary-abiomix2 {
    color: #2F5496;
}

.btn-link,
.btn-link:hover,
btn-link:active,
btn-link:visited {
    color: #313E5B;
}


.msa-container {
    min-height: 160px !important;
}

.bioinfo-color {
    color: #38A169;
    font-size: 2rem;
}

.fa-play-circle {
    font-size: 20px;
}

.decov {
    border-radius: 0;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* Responsive */
@media (max-width:767px) {
    .portal-img img {
        width: 100%;
        margin-top: 40px;
    }

    .fa-play-circle {
        position: relative;
        top: 3px;
    }

    .feature-sec img {
        margin-bottom: 30px;
    }

    .client-bg {
        height: 100px;
        background-color: #F4F5F7;
    }

    .how-contain {
        margin-bottom: 50px;
    }

    .portal-data-contain {
        padding: 40px 20px;
    }

    .btn-contain {
        padding-bottom: 30px;
    }

    .training .btn-contain .btn-abiomix {
        font-size: 14px;
        margin-left: 49px;
    }

    .abiomix-title {
        font-size: 22px;
    }



    .button-white {
        margin-top: 30px;
        padding: 10px 25px;
    }

    .decov-title {
        font-size: 36px;
        color: #FFFFFF;
        width: auto;
    }

    .shadow {
        box-shadow: none;
    }

    .cart-location {
        margin-bottom: 20px;
    }

    .nav-link {
        padding: 0;
    }

    .history-search {
        float: none;
    }
}

.nav-link {
    padding: 0.5rem 0;
}

.list-group-item i {
    margin-right: 5px;
}

.fa-disabled {
    opacity: 0.5;
    /*optional*/
    cursor: not-allowed;
    /*optional*/
    pointer-events: none;
}

.contact-social a i {
    color: #38A169;
}

.contact-social a i:hover {
    color: #5bc2c2;
}

.pro-list {
    margin-bottom: 5px !important;
}

.enterprise-list {
    margin-bottom: 22px !important;
}

.btn-abiomix-secondary {
    margin-right: 8px;
}

.btn-disabled {
    opacity: 0.5;
    /*optional*/
    cursor: not-allowed;
    /*optional*/
    pointer-events: none;
}

.fa-play-circle {
    font-size: 18px;
    position: relative;
    top: 1px;
}

.video-modal {
    margin-right: 8px;
}

.consultation .portal-img img {
    width: 100%;
    margin: 20px 0px;
}

.ev-need {
    padding: 80px 0px;
}

.request-demo .abiomix-title {
    font-size: 32px;
}

@media (max-width: 767px) {
    .shadow {
        box-shadow: none !important;
    }
}

.plans .btn-secondary {
    border-color: white !important;
}

@media (max-width: 767px) {
    .decov-title {
        font-size: 32px;
    }

    .decov-jumbtron {
        margin-top: 85px;
    }

    .img-overlay .decov-jumbtron-txt {
        margin-top: -40px;
    }
}

.result-heading .card {
    background: #FFFAFA;
}

.avatar {
    font-size: 110px;
}

.avatar-menu {
    width: 33px;
    height: 33px;
    margin-left: 5px;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    border-color: #2F855A;
    background-color: #2F855A;
}

.download-spinner {
    height: 20px;
    width: 20px;
}

.btn-circle {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
}

.footer-preview {
    font-size: 12px;
}

.breadcrumb {
    background-color: #fff;
}

.iti {
    width: 100%;
}

.arrow {
    position: absolute;
    top: 94%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.arrow span {
    display: block;
    width: 30px;
    height: 30px;
    border-bottom: 5px solid #1F5716;
    border-right: 5px solid #1F5716;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
}

.nav-sidebar .nav-treeview>.nav-item>.nav-link>.nav-icon {
    width: auto;
}

.admin-left-nav ul {
    font-size: 18px;
}

.admin-left-nav ul ul {
    font-size: 14px;
}

.sidebar-dark-primary .nav-sidebar>.nav-item>.nav-link.active,
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active {
    background-color: #38A169;
    color: #fff;
}

.promocode_code {
    font-weight: bold;
    color: #313E5B;
}

.trix-content {
    height: 200px;
}

.btn-apply {
    border-radius: 0 8px 8px 0;
}
.custom-color-container{
    width: 434px;
}
.labs_can_bg{
    /* background-image: url("../front/images/labs_can_bg.svg"); */
    background-size: cover;
    min-height: 200px;
    position: relative;
    text-align: center;
    color: #518548;
  }
  .centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
    width: 100%;
    padding:0 10%;
  }

body{
    font-family: 'Poppins', sans-serif !important ;

}

h1{
    font-family: 'Poppins', sans-serif !important; 
}
/* buttons */
.btn-abiomix {
    background: #38A169;
    color: #FFFFFF;
    border-radius: 8px;
    font-size: 14px;
}
/* .btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
} */

.btn:hover{
    background-color: #C6F6D5;
    color: #38A169;

}
.btn-login{
    background-color: #C6F6D5 !important;
    color: #38A169;

}
.btn-login:hover{
    background-color: #38A169 !important;
    color: white;
}
.btn-demo:hover{
    background-color: #C6F6D5 !important;
    color: #38A169 !important;
    border: none;
}
.btn-demo{
    border: none !important;
    border: none !important;
    background-color: #38a169;
    color: white;
}
.btn-price{
    color: white;
    border-radius: 18px !important;
    border: none;
}
.btn-price:hover{
border: none;
}
.btn-yellow{
    background-color: #FFBB00;
}
.btn-white{
    background-color: white;
    color: #48BB78;
}
/* end button */

/* titles */
h1{
    font-size: 36px;
    font-weight: 700;
}

.title-1{
    font-size: 50px;
    font-weight: 800;
    padding-bottom:20px;
}
.title-3{
    font-size: 33px;
    font-weight: 700;
    padding: 10px 0px;
}
.title-border{
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px solid #EDF2F7;
}
.text-yellow{
    color: #FFBB00;
}
.text-blue{
    color: #8957FF;
    
}
.btn-blue{
    background-color: #8957FF ;
}
.feature-title-color {
    color: #18191F;
    
}
.how-title {
    color: #38A169;
    
    padding-bottom: 50px;
}
.need-contain h1{
    color: white;
}

.connect-title-contain h1{
    padding-top: 50px;
    font-weight: 800;
    padding-bottom: 20px;
}
/* end title */
/* header */
/* .fixed-top{
    background-color: #e8f5fd;
} */

  .fixed-top form{
    display: none;
  }
  /* .fixed-top .logo{
      padding-left: 100px;
  } */
.menue-contain{
    border-bottom: 1px solid #E5E9F2;
}
.ab-menue ul li{
    padding-right:20px ;
}
.ab-menue ul li a{
    color: #18191F;
}
.logo{
    padding-right:50px ;
}

.navbar{
    padding: .5rem 0rem;
}
 
.menu-btn button{ 
    background-color: #38A169;
    color: #FFFFFF;
    
}
.menu-btn .request{ 
    margin-left:10px ; 
    background-color: #38A169;
    color: white;
  
}

.img-contain img{
    width: 100%;
}
.banner-contain{
    padding:100px 0px;
}
.data-contain{
padding-top:50px ;
    
}

.data-contain h5{
   
    padding-bottom:20px ;
}
.data-contain button{
    padding: 8px 20px;
    font-size: 14px;
    border: none;
    background-color: #38A169;
    color: #ffffff;
    margin-top: 20px;
}

/* feature-contain */
.key-featuer{
    background-color: #F4F5F7;
    padding: 50px 0px;
}
.feature-sec img{
    vertical-align: initial;
    position: relative;
    top: 10px;
    padding-right:10px ;
}

.feature-sec{
    padding: 30px 0px;
}
.feature-contain{
    display: inline-block;
}
.feature-contain h2{
    color: #18191F;
    font-weight: 700;
    font-size: 28px;
}


/* client */

.client-bg{
    height: 200px;
    background-color: #38A169;
}

.client-content{
    padding: 40px 0px;
}
.client-content h3 {
    padding-top: 15px;
    font-weight: 800;
    font-size: 35px;
    color: #38A169;
}
.client-content p{
    color: #18191F;
    font-weight: 700;
}
.client-contain-card{
    position: relative;
    bottom: 120px;
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 10px 40px #29292A12;
    border-radius: 8px;
}

/* how it work */

.how-it-work{
    background-color: #F4F5F7;
    padding: 50px 0; 
}

.how-contain h4{
    font-weight: 700;
}

/* portal */

.portal{
    padding: 50px 0;  
}
.portal-data-contain{
    padding: 100px 70px;
}
.portal-data-contain h2{
    color: #2EC5CE;
    font-weight: 800;
    padding-bottom: 10px;
}
.portal-data-contain button{
    background-color: transparent;
    border: none;
    color: #38A169;
}


/* training */

.training{
    background-color: #F4F5F7;
    padding: 50px 50px;
}

.training-contain{
    padding-bottom:15px ;
}

.training-contain-des img{
    float: left;
    position: relative;
    bottom: 10px;
}
.btn-contain button{
    background-color: #38a169;
    color: white;
    padding: 7px 40px;
    font-size: 14px;
    border: none;
    margin-left: 10px;
}
.py-10{
    padding: 10px 0;
}

.ev-need{
    background-color: #38A169;
    padding: 50px 0px;
}

.button-white{
    margin-top: 30px;
    color: #38a169;
    background-color: white;
    border: none;
    padding: 12px 40px;
    border-radius: 8px;
}
.footer{
    background-color: #fff;
    padding: 30px 0;
}
.footer-menue li{
    list-style: none;
    display: inline-block;
    padding: 20px;
}
.footer-menue{
    text-align: left;
    padding-left: 0px;
}
.footer-menue li a{
    /* font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-18) var(--unnamed-font-family-nunito-sans);
letter-spacing: var(--unnamed-character-spacing-0); */
color: var(--unnamed-color-18191f);
text-align: left;
font-size: 16px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.footer-social p i{
    color: white;
    background-color: #24262f;
    padding: 10px;
    border-radius: 38px;
    margin-right: 12px;
    opacity: 0.6;
}
.copyright-contain p{
  
    color: var(--unnamed-color-18191f);
    text-align: left;
    font-size: 14px;
    letter-spacing: 0px;
    color: #18191F;
    opacity: 1;
}
.footer-bottom{
    border-top: 1px solid #ddd;
    padding-top: 20px;;
}



.bioinfo-img-contain{
    padding-top: 50px;
}


.about-ab h3{
    color: #38A169;
    font-size: 36px;
}
.about-ab p{
    color: #18191F;
    font-weight: 700;
}

.about-info-text{
    padding-top: 90px;
}
.sign{
    background-color: #F7FAFC;
    padding: 50px 0px;
}

.sign-form{
    background-color: #fff;

}
.sign-container{
    width: 50%;
}
.sign-form {
    text-align: left;
    padding: 80px;
}
.sign-logo img{
    
    padding-bottom: 30px;
}
.sign-form input{
    width: 100%;
    font-size: 14px;
    padding: 12px;
    margin-bottom: 25px;
    border: 1px solid var(--unnamed-color-ededed);
    background: #F6F6F6 0% 0% no-repeat padding-box;
    border: 1px solid #EDEDED;
    border-radius: 6px;
    color: #202124;

}
.sign-form h2{
    
    padding-bottom: 20px;
    font-weight: 700;
    text-align: center;
}

#checkbox{
    width: auto;
    margin-right: 10px;
    position: relative;
    top: 2px;
    left: 5px;
}
.forget-pass{
    float: right;
    color: #3dae2b;
}
.submit-btn{
background: var(--unnamed-color-38a169) 0% 0% no-repeat padding-box;
background: #38A169 0% 0% no-repeat padding-box;
padding: 10px ;
border-radius: 12px;
color: white;
margin-top: 30px;
border: none;
}
.or{
    text-align: center;
    /* background-color: white; */
    width: auto;
    padding-top: 20px;
}
.not-member{
    color: #6B6B6B;
}
.req-demo a{
    
   color: var(--unnamed-color-38a169);
text-align: center;
font-size: 15px ;
letter-spacing: 0px;
color: #38A169 !important;
}

#s-country{
    width: 100%;
    padding: 10px;
    border: 1px solid var(--unnamed-color-ededed);
    border: 1px solid #EDEDED;
    border-radius: 6px;
    background-color: #f6f6f6;
    color: #757575;
}


.lets-title{
    color: #313E5B;
    font-weight: 800;
}
.lets-input{
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #00000033;
border-radius: 6px;
width: 100%;
padding: 12px;
}
#lets-textarea{
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #00000033;
    border-radius: 6px;
    padding: 12px;
}

.need-title{
    text-align: center;
font-size: 24px;
letter-spacing: 0px;
color: #22543D;
background-color: #EDF2F7;
    padding: 15px;
    border-radius: 12px 12px 0px 0px;
    margin-bottom: 0;


}
.contact-contain{
    background-color: white;
    text-align: left !important;
    padding: 21px 60px;
    border-bottom: 1px solid #EDF2F7;
    border-radius: 0 0 12px 12px;
}
.contact-contain img{
    position: relative;
    right: 12px;
}
.contact-details{
    padding-left: 45px;
    position: relative;
    bottom: 10px;
    left: 2px;
}
.contact-c-title{
    font-size: 20px;
letter-spacing: 0px;
color: #22543D !important;
}
.contact-contain span{
    color: #525F81;

}
.lets-social i{
    color: white;
    background-color: #A0AEC0;
    padding: 5px 7px;
    border-radius: 18px;
    margin-top: 8px;
}


.cart-location{
    background-color: white; 
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
    border: 2px solid var(--gray-200-—-edf2f7);
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 2px solid #EDF2F7;
    border-radius: 8px;
    color: #276749;
    padding: 40px 0px;
}
.cart-location span i{
    font-size: 80px;
    color: #48BB78;
   
    padding-bottom: 30px;
}

.location-container{
    padding-top: 50px;
}
.cancel-btn{
    background-color: #F3F3F3;
    color: #2D3748;
}


.tools-banner{
    background-image:url('../img/We\ Craft\ Our\ tools\ to\ Fit\ your\ Lab.png') ;
}
.tools-contain{
    padding: 150px 0px;
}
.tools-title{
    color: white;
    font-weight: 800;
    line-height: 1.4;
}
.btn-tools-contain{
    margin-top: 40px;
}
.btn-explore{
    background-color: #38A169;
    color: white;    
    margin-right: 15px;

}
.btn-plan{
    background-color: white;
    color: #38A169;
}

.tools-connect{
    background-color: #EFFBFC;
}

.connect-cart-contain{
    background-color: white;
    padding: 30px;
    border-radius: 20px;


}
.connect-cart-contain img{
    display: block;
    padding-bottom: 30px;
}
.connect-cart-contain h4{
    color: #18191F;
    font-weight: 700;
}
.connect-cart-contain button{
    color: #38A169;
    background-color: transparent;
    font-size: 14px;
    border: none;
}

.tools-simple{
    padding: 50px 0px;
}
  
  .pricing .card {
    border: none;
    border-radius: 1rem;
    transition: all 0.2s;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1);
  }
  
  .pricing hr {
    margin: 1.5rem 0;
  }
  
  .pricing .card-title {
    margin: 0.5rem 0;
    font-size: 0.9rem;
    letter-spacing: .1rem;
    font-weight: bold;
  }
  
  .pricing .card-price {
    font-size: 2.5rem;
    margin: 0;
  }
  
  .pricing .card-price .period {
    font-size: 1.5rem;
    color: #000000;
    opacity: .5;
  }
  
  .pricing ul li {
    margin-bottom: 1rem;
  }
  
  .pricing .text-muted {
    opacity: 0.7;
  }
  
  .pricing .btn {
    font-size: 80%;
    border-radius: 5rem;
    letter-spacing: .1rem;
    font-weight: bold;
    padding: 1rem;
    opacity: 1;
    transition: all 0.2s;
  }
  .pro-pice >a{
    background-color:white !important ;
}
  .pro-pice{
      background-color: #48BB78;
      color: white;
      border-radius: 15px;
  }
  
 .card-body{

 }
  



 .accordion-section .panel-default > .panel-heading {
    border: 0;
    background: #F7FAFC;
    padding: 0;
}
.accordion-section .panel-default .panel-title a {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    color: #18191F;
    text-decoration: none;
}
.accordion-section .panel-default .panel-title a:after {
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 2rem;
    content: "-";
    color: #18191F;
    float: right;
    margin-top: -10px;
}
.panel-title{
    margin-bottom:0 ;
}
.accordion-section .panel-default .panel-title a.collapsed:after {
    content: "+";
}
.accordion-section .panel-default .panel-body {
    font-size: 1.2rem;
}
.accordion-section{
    padding-bottom: 60px;
}
  /* Hover Effects on Card */
  .pricing .card:hover {
    margin-top: -.25rem ;
    margin-bottom: .25rem;
    box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3);
  }
  .pricing .card:hover .btn {
    opacity: 1;
  }
  .text-bluee{
    color: #3182CE;
}
  .text-gray{
      color: #718096;
      font-weight: 700;
  }
  .price-contain{
      margin-top: 20px;
  }
  .border-bottom{
      border-bottom: 1px solid #718096;
      padding-bottom: 20px;
  }
  .price-contain-bold span{
    font-size: 20px;
    font-weight: 700;
    color: #18191F;
  }
  .price-contain-bold{
      padding-top: 30px;
  }
  #b-country{
    width: 100%;
    padding: 10px;
    border: 1px solid var(--unnamed-color-ededed);
    border: 1px solid #EDEDED;
    border-radius: 6px;
    background-color: #ffffff;
    color: #18191f;
  }


  .account-contain{
      padding: 50px 0px;
  }
  .nav-account a{
      font-size: 15px;
      color: #2D3748;
  }
  .nav-account .active{
    border-radius: 30px;
  }
  .uplaod{
    position: relative;
    margin-top: 50px;
    background-color: #C6F6D5 ;
    color: #38A169;
    margin-right: 15px;
  }
  .remove{
    margin-top: 50px;
    background-color: transparent;
    color: #A0AEC0;
    border: 1px solid #EDEDED;
    margin-right: 15px;
  }
  .input{
    padding: 7px 10px;
    border: 1px solid #EDEDED;
    width: 100%;
  }
  .account-check{
      color: #202124;
  }
  


 
@media(max-width:992px){
    .create-img .img-contain {
        padding: 60px;
        margin-top: 0 !important;
        background-color: #ffffff;
    }
    .create-account .sign-form {
        text-align: left;
        padding: 40px !important;
        margin: 0px !important;
        box-shadow: 0px 14px 30px #00000014;
        border-radius: 0px;
    }
    .ph-code{
        width: auto !important;
    }
    .phone-n{
        width: auto;
    }
    .setting-contain{
        margin-left: 0;
      }
    .res-contain{
        margin-left: 0;
    }
    .account-img-contain img{
        width: 200px !important;
    }
    .nav-account a {
        font-size: 10px;
        color: #2D3748;
    }
   .pricing {
       padding-bottom: 0 !important;
   }
   .tools-simple {
    padding: 0px 0px;
}
.tools-simple h1{
    padding-top: 50px;
}
h1{
    font-size: 30px;
}
   .accordion-section .panel-default .panel-title a {
    font-size: 12px;}
    .accordion-section .panel-default .panel-title a:after {
        font-size: 1.5rem;}
    .img-containn img{
        width: 100%;
    }
    .key-featuer {
        background-color: #F4F5F7;
        padding: 50px 24px;
        text-align: center;
    }
    .portal-data-contain {
        padding: 100px 20px;
    }
    .training {
        background-color: #F4F5F7;
        padding: 50px 20px;
    }
    .sign-container {
        width: 100%;
    }
    .sign-form {
        text-align: left;
        padding: 30px;
    }
    .tools-title {
        color: white;
        font-size: 35px;
        font-weight: 800;
        line-height: 1.2;
    }
    .tools-banner{
        padding-left: 30px;
    }
    .tools-contain {
        padding: 100px 0px;
    }
    .btn-tools-contain {
        margin-top: 20px;
    }
}



.abiomix-title2 {
    color: #313E5B;
    font-size: 24px !important;
}
.abiomix-title {
    font-size: 36px;
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
}
.abiomix-thead {
    background-color: #EBF8FF;
}
.abiomix-thead tr th a {
    color: #202224;
    font-size: 13px;
}
.btn-abiomix3 {
    background-color: #F0FFF4;
}
.btn-abiomix3 img {
    background-color: #F0FFF4;
    padding: 2px 5px;
}
.page-wrapper {
    margin-top: 50px;
}



.filepond--root .filepond--drop-label {
    min-height: 4.75em;
}
.filepond--root :not(text) {
    font-size: inherit;
}
.filepond--root * {
    box-sizing: inherit;
    line-height: inherit;
}
.filepond--drop-label {
    z-index: 5;
}
.filepond--drop-label {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    color: rgb(79, 79, 79);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0px;
    user-select: none;
    will-change: transform, opacity;
    margin: 0px;
}


.filepond--drop-label.filepond--drop-label label {
    display: block;
    margin: 0px;
    padding: 0.5em;
}

.filepond--root :not(text) {
    font-size: inherit;
}

.filepond--drop-label label {
    cursor: default;
    font-size: 0.875em;
    font-weight: normal;
    text-align: center;
    line-height: 1.5;
}

.filepond--root * {
    box-sizing: inherit;
    line-height: inherit;
}
.filepond--root :not(text) {
    font-size: inherit;
}
.filepond--root * {
    box-sizing: inherit;
    line-height: inherit;
}
.filepond--label-action {
    text-decoration-skip-ink: auto;
    cursor: pointer;
    text-decoration: underline rgb(167, 164, 164);
}

.filepond--root .filepond--list-scroller {
    margin-top: 1em;
    margin-bottom: 1em;
}
.filepond--root :not(text) {
    font-size: inherit;
}

.filepond--list.filepond--list {
    position: absolute;
    top: 0px;
    list-style-type: none;
    will-change: transform;
    margin: 0px;
    padding: 0px;
}

.filepond--root > .filepond--panel {
    z-index: 2;
}
.filepond--panel[data-scalable="true"] {
    transform-style: preserve-3d;
    background-color: transparent !important;
    border-width: initial !important;
    border-style: none !important;
    border-color: initial !important;
    border-image: initial !important;
}
.filepond--panel-top, .filepond--panel-bottom {
    height: 0.5em;
}
.filepond--panel-top {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
    border-bottom: none !important;
}
.filepond--panel-bottom::before {
    content: "";
    position: absolute;
    height: 2px;
    left: 0px;
    right: 0px;
    top: -1px;
    background-color: inherit;
}
.fixed-top, .all {
     background-color: #fff;
    /* background-color: #F7FAFC; */
    border: 1px solid #E5E9F2;
}
.account-menu .dropdown-menu:last-child {
    padding-bottom: 0;
}
.ab-menue ul li a {
    color: #18191F;
}
a.account-item {
    padding: 3px 5px;
}
.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    overflow: hidden;
}
.dropdown-item .account_icons {
    width: 35px;
}
.account-menu .title {
    font-weight: bold;
}
.dropdown-item .title {
    font-size: 14px;
}
.dropdown-item .subtitle {
    font-size: 12px;
}
.accountdropdown .dropdown-divider {
    margin: 0;
}
.account-menu .dropdown-menu {
    min-width: 14em;
}
.filepond--root {
    min-height: 180px;
}
.filepond--root .filepond--credits[style] {
    top: 0;
    bottom: auto;
    margin-top: 14px;
}
.filepond--root .filepond--credits {
    position: absolute;
    right: 0;
    opacity: 0.175;
    line-height: 0.85;
    font-size: 11px;
    color: inherit;
    text-decoration: none;
    z-index: 3;
    bottom: -14px;
}
.filepond--drop-label {
    z-index: 5;
}
.filepond--drop-label {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0;
    color: #4f4f4f;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 0px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    will-change: transform, opacity;
}

.filepond--root .filepond--drop-label{
    transform: translate3d(0px, 0px, 0px);
    opacity: 1;
}
.filepond--root .filepond--drop-label {
    min-height: 4.75em;
}
.filepond--drop-label{
    background-color: #eee;
}
.create-account{
    background: #F0FFF4;
    overflow: hidden;
}
.create-account .sign-form {
    text-align: left;
    padding: 60px;
    margin: 60px;
    box-shadow: 0px 14px 30px #00000014;
    border-radius: 12px;
}
.create-img .img-contain{
    padding: 60px;
    margin-top: 120px;
    background-color: #ffffff;
}
.create-img {
    background-color: #ffffff;
}
#phone-code{
    padding: 9px;
    margin: 0px;
    background: #F6F6F6;
    border-radius: 8px;
    border: 3px solid #F6F6F6;

}

.carousel-control-prev-icon{
    background-image: url("../img/Icon\ awesome-arrow-alt-circle-left.svg") !important;
}
.carousel-control-next-icon{
    background-image: url("../img/Icon\ awesome-arrow-alt-circle-right.svg") !important;
}
.phone-con{
    width: 115%;
}
.head-section-slider{
    background-image: url("../img/Simplified\ NGS\ Data\ Analysis.s.png");
    height: 720px;
    background-size: cover;
}
.head-section-slider .data-contain{
    padding-top: 150px;
}
.head-section-home2{
  background-image: url("../front/images/geneius-background-2.jpg");
  height: 720px;
  background-size: cover;
}
.head-section-home3{
    background-image: url("../img/Decov\ Plus\ banner\ \(2\).png");
    height: 720px;
    background-size: cover;
}
.head-section-home4{
    background-image: url("../img/decov\ banner-1.png");
    height: 720px;
    background-size: cover;
}
.head-section-home2 .title-1{
    font-size: 35px !important;
}
.head-section-home2 .decov-sec-text, .head-section-home3 .decov-sec-text{
    color: #18191F !important;
}
.head-section-home2 .title-1, .head-section-home3 .title-1{
    font-size: 35px;
}
.request-demo-page .head-section{
    background-color: #F0FFF4;
}
.request-demo-page .head-section h1{

color: var(--green-900-—-22543d);
text-align: left;
font-size: 42px;
letter-spacing: 0px;
color: #22543D;
opacity: 1;
}

.head-section-decov .title-1{
    color: #18191F;
}


.request-demo-page .head-section p{
 
text-align: left;
font-size: 16px;
letter-spacing: 0px;
opacity: 1;
}
.trial-btn{
    padding: 15px 30px !important;

}
.accurate-title{

color: var(--unnamed-color-38a169);
text-align: center;
font-size: 48px;
letter-spacing: 0px;
color: #38A169;
opacity: 1;
}
.request-demo-page .white-bg{
    background-color: #fff;
}
.enter-info-section{
    background-color: #F7FAFC;
    padding: 50px 0;
}
.request-demo-page .sign-form input, .request-demo-page #phone-code{
    background-color: #fff !important;
    border: 1px solid #CBD5E0 !important;
}
.request-demo-page #phone-code{
    height: 47px;
}
.enter-info-section h2{
    text-align: left !important;
}
.request-demo-page .form-check-inline .form-check-input{
    position: unset;
    width: auto;
    margin-bottom: 0px
}
.request-demo-page .form-check.form-check-inline{
    border: 1px solid #EDEDED;
    padding: 10px;
    border-radius: 5px;
    width: 150px;
}
/* .request-demo-page input[type=checkbox] .form-check.form-check-inline{
    background-color: red;
} */
.enter-info-section .shadow-container{
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 14px 30px #00000014;
border-radius: 12px;
opacity: 1;
}
.enter-info-section .submit-btn{
    border-radius: 8px !important;
}
.contact-us .title-1{
    font-size: 42px !important;
}
.transparent-bg{
    background-color: transparent !important;
}
.article-area{
    margin-bottom: 50px;
}
.article-area p{

text-align: center;
font-size: 22px;
letter-spacing: 0px;
opacity: 1;
}
.white-bg{
    background-color: #fff;
}
.first-info-title{

color: var(--unnamed-color-18191f);
text-align: center;
font-size: 24px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.info-details-contact{

text-align: center;
font-size: 24px;
letter-spacing: 0px;
color: #22543D;
opacity: 1;
}
.info-location-contact{
text-align: center;
font-size: 16px;
letter-spacing: 0px;
color: #22543D;
opacity: 1;
}
.contact-us .how-contain.white-bg{
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 14px 30px #0000000C;
border-radius: 12px;
opacity: 1;
}

/************************new version****************/
.home-page-new.request-demo-page .head-section h1{
    font-size:42px !important;
font-weight: bold;

}
.home-page-new.request-demo-page .btn-video{
    background: var(--unnamed-color-b5f5cb) 0% 0% no-repeat padding-box;
background: #B5F5CB 0% 0% no-repeat padding-box;
border-radius: 8px;
opacity: 1;
font-weight: bold;

text-align: left;
font-size: 18px;
letter-spacing: 0px;
color: #38A169;
opacity: 1;
padding: 15px 30px !important;
}
.soft-grey-bg{
    background-color: #F4F5F7;
}
.grey-l-title{

text-align: left;
font-size: 45px;
font-weight: bold;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
@media only screen and (min-device-width: 768px){
  /* .home-page-new.request-demo-page .what-we-sec { */
.what-we-sec {
    box-shadow: 0px 10px 20px #0000000D;
    border-radius: 24px;
    opacity: 1;
    padding: 30px;
    position: relative;
    margin-bottom: 18px;
  }
}


/* .home-page-new.request-demo-page .what-we-sec{ */
 .what-we-sec{

box-shadow: 0px 10px 20px #0000000D;
border-radius: 24px;
opacity: 1;
padding: 30px;
position: relative;
}
/* .home-page-new.request-demo-page .tools-title{ */
.tools-title{

text-align: left;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.tools-para{

text-align: left;
font-size: 16px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
min-height: 118px;
}
.m0auto{
    margin: 0 auto;
}
.make-it-easy{
   
text-align: center;
font-size: 48px;
letter-spacing: 0px;
color: #38A169;
opacity: 1;
font-weight: bold;
}

.btn-demo2{
    background: var(--unnamed-color-38a169) 0% 0% no-repeat padding-box;
background: #38A169 0% 0% no-repeat padding-box;
box-shadow: 0px 10px 20px #00000029;
border-radius: 8px;
opacity: 1;

text-align: left;
font-size: 14px;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
}
.Explorebtn{
    border: 1px solid var(--gray-400-—-cbd5e0);
border: 1px solid #CBD5E0;
border-radius: 8px;
opacity: 0;

text-align: left;
font-size: 14px;
letter-spacing: 0px;
color: #38A169;
opacity: 1;
}
.yellow-btn-acess{
    background: var(--yellow-200-—-fefcbf) 0% 0% no-repeat padding-box;
background: #FEFCBF 0% 0% no-repeat padding-box;
border-radius: 8px;
opacity: 1;

text-align: left;
font: normal normal bold 14px/30px;
letter-spacing: 0px;
color: #B7791F;
opacity: 1;
}
.make-it-easy-text{

text-align: center;
font-size: 24px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
width: 730px;
}
.tools-sec2-title{

text-align: center;
font-size: 48px;
letter-spacing: 0px;
color: #1A202C;
text-transform: uppercase;
opacity: 1;
}
.grey-l-bg{
    background-color: #F7FAFC;
}
.easy-2-text{
  
color: var(--gray-600-—-718096);
text-align: center;
font-size: 24px;
letter-spacing: 0px;
color: #718096;
opacity: 1;
}
.tools-white-sec{
    border-radius: 24px;
opacity: 1;
}
.tools-abio-title{
 
color: var(--unnamed-color-38a169);
text-align: left;
font-size: 40px;
letter-spacing: 0px;
color: #38A169;
opacity: 1;
}
.light-blue-bg{
    background-color: #EFFBFC;
}
.tools-abio-title2{

text-align: left;
font-size: 40px;
letter-spacing: 0px;
color: #1A202C;
opacity: 1;
}
.tools-desc-para{
text-align: left;
font-size: 18px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.limited-w{

}
.padding-big{
    padding: 150px !important;
}
.home-page-new.request-demo-page .button-white{
text-align: left;
font-size: 18px;
font-weight: bold;
letter-spacing: 0px;
color: #225D3A;
opacity: 1;
}
.home-page-new.request-demo-page .head-section .title-1-about{
text-align: left;
font-size: 40px;
font-weight: bold;
letter-spacing: 0px;
color: #18191F;
margin-bottom: 35px;
line-height: 55px;
    margin-top: 35px;
}
.home-page-new.request-demo-page .head-section .title-1-about span{
    color: #22543D;
}
.about-us-title{
text-align: left;
font-size: 48px;
font-weight: bold;
letter-spacing: 0px;
color: #22543D;
text-transform: uppercase;
opacity: 1;
}
.about-text{
text-align: left;
font-size: 20px ;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.green-bg{
    background-color: #B5F5CB;
}
.display-inb{
    display: inline-block;
}
.vision-text{
text-align: left;
font-size: 16px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.green-border{
    border: 2px solid #B5F5CB;
}
.data-ana-p{
text-align: left;
font-size: 32px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
font-weight: bold;
}
.data-ana-p2{
text-align: left;
font-size: 18px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.stages-title{
text-align: center;
font-size: 40px;
font-weight: bold;
letter-spacing: 0px;
color: #50966A;
text-transform: uppercase;
opacity: 1;
}
.stages-sec-title{
text-align: center;
font-size: 30;
font-weight: bold;
letter-spacing: 0px;
color: #225D3A;
opacity: 1;
}
.stages-text{
text-align: left;
font-size:24px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.light-green-bg{
    background-color: #F0FFF4;
}
.greyBG{
    background-color: #EDF2F7;
}
.text-green{
    color: #38A169;
}
.pricing-new .title-3{
text-align: left;
font-size: 30px;
font-weight: bold;
letter-spacing: 0.48px;
color: #000000;
opacity: 1;
}
.pricing-text{
text-align: left;
font-size: 18px;
letter-spacing: 0px;
color: #000000;
opacity: 1;
min-height: 86px;
}
.pricing-new .card-price{
text-align: left;
font-size: 32px;
font-weight: bold;
letter-spacing: 0px;
color: #000000;
opacity: 1;
}
.pricing-new .period{
text-align: left;
font-size: 8px;
letter-spacing: 0px;
color: #000000 !important;
opacity: 1 !important;
}
.pricing-new .fa-ul{
    min-height: 193px;
}
.toggle-after{
text-align: left;
font-size: 16px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.toggle-before{
text-align: left;
font-size: 16px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.pricing-h-text{
color: var(--gray-600-—-718096);
text-align: center;
font-size: 16px;
letter-spacing: 0px;
color: #718096;
opacity: 1;
}
.white-h-block{
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #E2E5ED;
border-radius: 8px;
opacity: 1;
padding: 20px;
}
.min-h-75{
    min-height: 75px;
}
.contact-btn-pricing{
    background: var(--unnamed-color-b5f5cb) 0% 0% no-repeat padding-box;
background: #B5F5CB 0% 0% no-repeat padding-box;
border-radius: 12px;
opacity: 1;
color: var(--green-900-—-22543d);
text-align: center;
font-size: 20px;
letter-spacing: 0.3px;
color: #22543D;
opacity: 1;
}
.head-section-decov{
    background-image: url(../img/Decov\ Background.png);
    background-size: cover;
}
.head-section-decov2{
    background-image: url(../img/image-decov2.png) !important;

}
.head-section-decov h1.title-1{
text-align: left;
font-size: 42px;
font-weight: bold;
letter-spacing: 2.1px;
color: #FFFFFF;
opacity: 1;
}
.btn-video.white-bg{
    background-color: #fff !important;
}
.decov-sec-text{
color: var(--white-—-ffffff);
text-align: left;
font-size: 24px;
letter-spacing: 1.4px;
color: #FFFFFF;
opacity: 1;
display: block;
}
.sec-decov-text{

text-align: center;
font-size: 24px;
letter-spacing: 0px;
color: #666666;
}

.sec-decov-text span{
     color: #518548;
     font-weight: 700;
     
}

.title-unique{
    color: #518548;
    padding: 40px;
}

.bg-barcode p{
    letter-spacing: var(--unnamed-character-spacing-0);
text-align: center;
letter-spacing: 0px;
opacity: 1;
font-size: 22px;
}

.bg-barcode p span{
color: #518548;
}
.green-text{
    color: #518548 ;
}
.green-border-hr{
    background-color: #9AE6B4;
    color: #9AE6B4;
    height: 2px;
}
.inst-text{
    opacity: 1;
    font-size: 20px;
    text-transform: uppercase;
    color: #518548;
}
.upper-case-text{
    text-transform: uppercase;
}
.decovmain-title{
color: var(--unnamed-color-518548);
text-align: center;
font-size: 48px;
letter-spacing: 0.48px;
color: #518548;
opacity: 1;
}
.marg85per{
    margin-top: 85%;
}
.sec-decov2-text{
    text-align: center;
letter-spacing: 0.24px;
opacity: 1;
color: #000;
font-size: 22px;
font-weight: bold;
}
.light-green-bg{
    background-color: #F7FFF9;
}
.desc-text-plus{
   
color: var(--black-—-000000);
text-align: left;
font-size: 24px;
letter-spacing: 0px;
color: #000000;
opacity: 1;
margin-top: 20px;
}
.choose-plan{
    background: var(--blue-600-—-3182ce) 0% 0% no-repeat padding-box;
background: #3182CE 0% 0% no-repeat padding-box;
box-shadow: 0px 10px 20px #086C974D;
border-radius: 16px;
opacity: 1;
color: var(--white-—-ffffff);
font-size: 18px;
letter-spacing: 0px;
color: #FFFFFF;
opacity: 1;
padding: 10px 20px;
    border-radius: 12px;
    color: white;
    margin-top: 30px;
    border: none;
}
.data-ana-new-p{
color: var(--unnamed-color-18191f);
text-align: left;
font-size: 24px;
font-weight: bold;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.light-green-bg2{
    background-color: #F0FFF4;
}
.what-we-offer-t{
color: var(--green-900-—-22543d);
text-align: center;
font-size: 30px;
letter-spacing: 0px;
color: #22543D;
opacity: 1;
}
.tools-main-text{
color: var(--unnamed-color-18191f);
text-align: center;
font-size: 42px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
margin: 20px auto;
}
.tools-text-1{
color: var(--unnamed-color-18191f);
text-align: center;
font-size: 24px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
width: 70%;
margin: 0 auto;
}
.display-b{
    display: block;
}

.tools-new .tools-title{
    font-size: 25px !important;
    font-weight: bold;
    ;
}
.side-note{
    position: absolute;
    top: 0px;
    right: 0px;
    background: var(--gray-200-—-edf2f7) 0% 0% no-repeat padding-box;
background: #EDF2F7 0% 0% no-repeat padding-box;
border-radius: 0px 23px 0px 20px;
color: var(--gray-700-—-4a5568);
text-align: left;
font-size: 14px;
letter-spacing: 0px;
color: #4A5568;
opacity: 1;
padding: 10px;
}
.only-mobile{
    display: none;
}
.desc-new-tools{
color: var(--unnamed-color-18191f);
text-align: center;
font-size: 16px;
letter-spacing: 0px;
color: #18191F;
opacity: 1;
}
.fa.fa-facebook{
    width: 35px;
    padding-left: 13px;
}
.navbar-nav .dropbtn {
    padding:8px 16px;
    font-size: 16px;
    border: none;
  }
  .navbar-nav .dropdown {
    position: relative;
    display: inline-block;
    padding-top: 4px;
  }
  .navbar-nav .dropdown-content {
    display: none;
    position: absolute;
    background-color: #F1F1F1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  .navbar-nav .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  .navbar-nav .dropdown-content a:hover {background-color: #ddd;}
  .navbar-nav .dropdown:hover .dropdown-content {display: block; text-decoration: none;}
  .navbar-nav .dropdown:hover .dropbtn {background-color: #38A169; text-decoration: none; color: #fff;}

.form-inline.my-2.my-lg-0.menu-btn{
    
    right: 30px;
    top: 21px;
    display: block;
}


.menue-contain{
    width: 100%;
    background-color: #fff;
    margin: 0 auto;
}
.new-loginbtn, .new-loginbtn:focus, .new-loginbtn:hover{
    color: #38A169;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;

}
.pricing-new .fa-ul.specila-height{
    height: 230px;
}
.check-out-g-block{
    background: #D9FFF7 0% 0% no-repeat padding-box;
border-radius: 8px;
opacity: 1;
padding: 25px;
}
.check-g-sub-title{
  
text-align: center;
font-size: 12px;
letter-spacing: 0px;
color: #263238;
opacity: 1;
}
.check-g-main-title{
    text-align: center;
font-size: 24px;
letter-spacing: 0px;
color: #2D3748;
opacity: 1;
font-weight: bold;
}
.check-out-page li{
    background-color: transparent;
    border: 0px;
    padding: 0px;
    margin-bottom: 15px;
}
.list-styles{
    
font-size: 14px;
letter-spacing: 0px;
color: #4A5568;
opacity: 1;
}
.check-out-page .reports-n{
    background: var(--white-—-ffffff) 0% 0% no-repeat padding-box;
border: 2px solid var(--unnamed-color-50966a);
background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 3px 6px #00000014;
border: 2px solid #50966A;
border-radius: 6px;
opacity: 1;
}
.check-out-page .reports-n::placeholder{
    text-align: left;
font-size: 16px;
letter-spacing: 0px;
color: #4A5568;
opacity: 1;
font-weight: bold;
}
.total-list li{
    font-size: 14px;
letter-spacing: 0px;
color: #718096;
opacity: 1;
}
.total-money li{
    font-size: 18px;
letter-spacing: 0.27px;
color: #18191F;
opacity: 1;
font-weight: bold;
}
.mint-grey-bg{
    background-color: #F7FAFC;
}





@media (max-width:500px){
    .footer-social.float-right{
        float: none !important;
        text-align: center;
    }
    .copyright-contain p{
        text-align: center;
    }
    .no-padd{
        padding: 0px;
    }
    .home-page-new.request-demo-page .tools-title{
        margin-left: 0px !important;
        display: block;
    }
    .media-width-full{
        width: 100%;
    }
    .data-contain{
        text-align: center;
    }
    .second-img{
        padding-top: 30px;
    }
    .marg85per{
        margin-top: 4%;
    }
    .display-b img{
        margin-top: 10px;
    }
    .what-we-sec{
        margin-top: 20px;
        position: relative;
    }
    .side-note{
        right: 0px;
    }
    .ev-need.padding-big{
        padding: 10px !important;
    }
    /* .container .row{
        margin:0px !important
    } */
    .request-demo-page .white-bg{
        padding: 20px;
    }
    .grey-l-title{
        text-align: center;
    }
    .btn-video{
        margin-left: 0px !important;
    }
    .decovmain-title{
        font-size: 35px;
        font-weight: bold;
    }
    .desc-new-tools{
        margin-bottom: 20px;
    }
    .responsive-spaces{
        margin-bottom: 40px;
    }
    .portal-data-contain {
        padding: 30px 20px !important;
    }
    .media-d-b{
        display: block;
    }
    .transparent-bg .col-lg-4{
        margin-top: 20px;
        padding-right: 15px !important;
    }
    .only-mobile{
        display: block;
    }
    .only-web{
        display: none !important;
    }
    .head-section-slider .data-contain {
        padding-top: 10px;
    }
    .head-section-slider .title-1{
        font-size: 30px !important;
        margin-top: 0px !important;
    }
}

.fa-info-circle{
    font-size: 25px;
}
.only-web{
    display: block;
}
.about-icon-n{
    width: 30px;
}

.create-account .not-member, .create-account .req-demo{
    display: inline-block;
}
.sign .not-member, .sign .req-demo{
    display: inline-block;
}





























.margt5px{
    margin-top: 5px;
}


.request-demo-page.home-page-new  .portal-data-contain{
    padding: 50px 0px !important;
}
.request-demo-page   #country{
    height: 50px;
}


/* @media(max-width: 1400px){
    .navbar-expand-lg .navbar-nav .dropdown-menu{
        right: 0px ;
        left: auto !important;
    }
    .container{
        max-width: none !important
    }
} */


/* @media (max-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: none !important;
}
} */
.display-p-block{display:block}
@media(min-width:1350px) and (max-width:1400px){.carousel-control-next, .carousel-control-prev{opacity:0 !important}}
/*!
 * 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 {
  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-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: #38A169;
  -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;
}
@media (min-width: 992px){
  .navbar-expand-lg .navbar-nav .dropdown-menu{min-width: 220px;}
}

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

.genius_new_page .BannerArea {
  justify-content: center;
  background: url('../img/BannerImage.png');
  background-size: cover;
  background-position: center center;
  height: 450px;
}

.genius_new_page .BannerArea .BannerLogo {
  text-align: center;
  padding-top: 50px;
}

.genius_new_page .BannerArea img {
  max-width: 400px;
}

.genius_new_page .BannerBtnSection {
  margin: 0 auto;
  text-align: center;
  width: 100%;
  padding-top: 50px;
}

.genius_new_page .genius-btn-demo {
  background-color: #42B242;
  color: #fff;
}

.genius_new_page .genius_second_section {
  width: 80%;
  margin: 0 auto;
}

.genius_new_page .genius_second_section ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 20px;
  border-bottom: 1px solid #ccc;
}

.genius_new_page .genius_second_section ul li {
  margin: 20px;
  list-style-type: none;
}

.genius_new_page .genius_second_section ul li a {
  color: #44883E;
}

.genius_new_page .genius_third_section,
.genius_new_page .genius_four_section {
  padding: 0 12%;
  text-align: center;
}

.genius_new_page .genius_third_section h1,
.genius_new_page .genius_four_section h1,
.genius_new_page .genius_five_section h1 {
  color: #5C834F;
  margin: 30px 0;
}

.genius_new_page .genius_third_section p {
  font-size: 1.2rem;
}

.genius_new_page .genius_five_section {
  padding: 0 12%;
  margin-bottom: 50px;
}

@media screen and (max-width: 767px) {
  .genius_new_page .genius_four_section {
    padding: initial;
  }

  .genius_new_page .slick-initialized .slick-slide {
    height: 320px !important;
  }
}

.genius_new_page .genius_five_section h1 {
  text-align: center;
}

.genius_new_page .fiveSection_image_area img {
  max-width: 450px;
  display: block;
  margin: 0 auto;
}

.genius_five_section .col-md-4 img {
  max-width: 120px;
}

@media screen and (max-width: 767px) {
  .genius_five_section .col-md-4 img {
    padding-bottom: 15px;
  }
}

.genius_five_section .heading_text {
  color: #5C834F;
}
/* slick slider css */
.genius_new_page .wrapper {
  overflow-x: hidden;
}

.genius_new_page .my-slider {
  padding: 0 70px;
}

.genius_new_page .slick-initialized .slick-slide {
  background: transparent radial-gradient(closest-side at 50% 50%, #1D5924 0%, #102E12 100%) 0% 0% no-repeat padding-box;
  color: #FFF;
  height: 290px;
  /* margin: 0 15px 0 0; */
  display: block;
  padding: 20px;
}

.genius_new_page .my-slider .slick-dots {
  width: 90%;
}

.genius_new_page .slick-next,
.genius_new_page .slick-prev {
  z-index: 5;
}

.genius_new_page .slick-next {
  right: 15px;
}

.genius_new_page .slick-prev {
  left: 15px;
}

.genius_new_page .slick-next:before,
.genius_new_page .slick-prev:before {
  color: #000;
  font-size: 26px;
}

.genius_new_page .slick-dots li button:before {
  font-size: 12px !important;
}

.genius_new_page .slick-slide h3 {
  color: #42B242;
  margin-bottom: 25px;
}

.genius_new_page .slick-slide img {
  max-width: 80px;
  margin: 0 auto;
}

.genius_new_page .slick-slide p {
  font-size: 14px;
  margin-top: 25px;
  margin-bottom: 0rem;
}

.slide-arrow {
  position: absolute;
  top: 50%;
  margin-top: -15px;
  background: transparent;
}

.slide-arrow:focus {
  outline: none;
}

.prev-arrow {
  left: 0;
  width: 0;
  height: 0;
  border-left: 0 solid transparent;
  border-right: 20px solid #42B242;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.next-arrow {
  right: 0;
  width: 0;
  height: 0;
  border-right: 0 solid transparent;
  border-left: 20px solid #42B242;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

i.fa.fa-trash.delete-varients {
  color: #e76666;
  cursor: pointer;
}