/* 

    Document   : custom

    Created on : 13 Feb, 2014, 11:45:57 AM

    Author     : Arpan

    Description:

        Purpose of the stylesheet follows.

*/


/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);*/


/*@import url("https://fonts.googleapis.com/css?family=Cabin:400,500,600,700");*/


/** {

  transition: all 0.5s ease-in-out; }*/

@import "icons-font.css";
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

a:hover,
a:focus,
a:active,
button:hover,
button:active,
button:focus {
    text-decoration: none;
    outline: 0 none;
    box-shadow: none;
}


/*Font Size*/

\:root {
    font-size: 24px;
}

body {
    font-size: 14px;
}


/* =14px */

h1 {
    font-size: 4rem;
}

h2 {
    font-size: 3.5rem;
}

h3 {
    font-size: 3rem;
}

h4 {
    font-size: 2.5rem;
}

h5 {
    font-size: 2rem;
}

h6 {
    font-size: 1.5rem;
}


/*p, a { font-size: 1.2rem; }*/


/*Font Use*/

body {
    font-family: /*'Roboto', sans-serif;*/
    -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
    font-weight: 300;
}


/*Header*/

.main-wrapper {
    background: #F4F6F8;
    min-height: 100%;
    position: relative;
}

header {
    display: block;
    background: #0d83dd;
    padding: 5px;
}

.navbar {
    margin: 0;
    border-radius: 0;
}


/*Body*/

.mainbody {
    padding: 0px 0 50px;
    min-height: 100vh;
    position: relative;
}

.mainbody::after {
    content: "";
    display: block;
    clear: both;
}

.inner-page:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    left: calc(20% - 1px);
    top: 0;
    background: #dfe4e8;
    z-index: 0;
}

.no-sidebar::before {
    display: none;
}

.before-login-bg .mainbody {
    padding: 30px 0 80px;
}


/*Adjust Padding for Header & Footer*/


/*Footer*/

footer {
    background: #263238;
    padding: 15px 0;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 50px;
    z-index: 100
}

.btn-general {
    padding: 15px;
    border: 0 none;
    border-radius: 0;
    display: inline-block;
    width: 100%;
}

.copyright-text {
    color: #fff;
}

.footer-links {
    color: #fff;
    text-align: right;
}

.footer-links a {
    color: #fff;
}


/*Custom Pages*/

.before-login-bg {
    background: #0d83dd;
}

.before-login-bg footer {
    background: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.before-login-bg footer .copyright-text {
    color: #fff;
}

.before-login-bg footer .footer-links {
    color: #fff;
    text-align: right;
}

.before-login-bg footer .footer-links a {
    color: #fff;
}

.form-box {
    width: 35rem;
    margin: 2.5em auto;
    padding: 0;
}

.form-box h2 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: 400;
}

.form-box h2 span {
    font-weight: 800;
}

.form-box .form-control {
    height: auto;
    border-radius: 0;
    border: 0 none;
    padding: 15px;
}

.form-box .btn-general {
    background: #85c41f;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    text-transform: uppercase;
}

.form-box .btn-general::before {
    background: #004e89;
}

.form-box h5 {
    color: #071748;
    font-weight: 900;
}

.form-group-links {
    color: #fff;
}

.form-group-links a {
    color: #fff;
}

.logo-wrap {
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 50px;
    padding: 0;
}

.logo-wrap img {
    max-width: 50%;
}

.before-login-form-wrap {
    padding: 20px;
}


/*--------------- Inner Pages ---------------*/

.logo-inside {
    margin: 0;
    background: #002366;
    padding: 10px 15px;
    text-align: center;
    height: 4.6rem;
}

.logo-inside a {
    display: inline-block;
}

.logo-inside img {
    max-width: 100%;
    max-height: 40px;
}

.top-right-part {
    background: #002f89;
    padding: 10px 15px;
    text-align: center;
    height: 4.6rem;
}

.right-top-info {
    text-align: right;
    color: #fff;
    font-size: 1.2rem;
    margin: 0.7rem 0 0;
    position: relative;
}

.right-top-info a {
    color: rgba(255, 255, 255, 0.9);
}

.right-top-info ul {
    left: auto;
    right: 0;
    border: 0 none;
    border-radius: 0;
}

.left-part {
    width: 20%;
    float: left;
    padding: 0;
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

.left-nav {
    padding: 15px;
}

.right-part {
    width: 80%;
    float: left;
    padding: 0px;
    position: relative !important;
}

.btn-nav {
    color: #fff;
    position: absolute;
    top: 5px;
    left: 13px;
    z-index: 1;
    font-size: 21px;
}

.btn-nav:hover,
.btn-nav:active,
.btn-nav:focus {
    color: #fff;
}

.nav-form-wrap {
    position: relative;
    padding-left: 30px;
}

.nav-form-wrap input {
    border: 0 none;
    border-radius: 0;
    padding: 8px 40px 8px 10px;
    width: 100%;
    background: rgba(255, 255, 255, 0.5);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
}

.nav-form-wrap input:focus {
    background: rgba(255, 255, 255, 0.9);
}

.nav-form-wrap button {
    background: transparent;
    border: 0 none;
    color: #004e89;
    position: absolute;
    z-index: 1;
    right: 5px;
    top: 3px;
    font-size: 1.5em;
}

.inner-wrap {
    padding: 30px;
}

.page-title {
    margin: 0 0 15px;
    font-weight: 500;
    font-size: 1.5rem;
    line-height: 2.8rem;
    color: #212b35;
}

.page-title a {
    line-height: 26px;
    float: right;
    background: #5564C1;
    color: #fff;
    font-size: 1rem;
    padding: 0 15px;
    font-weight: 400;
}

.form-group label {
    font-size: 14px;
    font-weight: 400;
    display: block;
}

.form-control {
    border-radius: 0;
    height: auto;
    padding: 10px;
    border: 0 none;
    box-shadow: 0 0 0px 1px #ccc;
}

.form-control:focus {
    box-shadow: 0 0 0px 2px #004e89;
}

.error {
    box-shadow: 0 0 0px 2px #ad0002;
    color: #ad0002;
}

.error:focus {
    box-shadow: 0 0 0px 2px #ad0002;
}

.has-error .form-control,
.has-error .form-control:focus {
    /*border-color: #a94442;*/
    box-shadow: 0 0 0px 2px #ad0002;
    color: #ad0002;
    border: 0 none;
}

.has-success .form-control,
.has-success .form-control:focus {
    box-shadow: 0 0 0px 1px #004e89;
}

.custom-select {
    position: relative;
}

.custom-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 30px;
}

.custom-select i {
    position: absolute;
    right: 10px;
    top: 5px;
    z-index: 1;
    pointer-events: none;
    font-size: 2rem;
}

textarea.form-control {
    height: 150px;
    resize: none;
}

.btn {
    border-radius: 0;
}

.upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.btn-upload {
    border: 1px solid #ccc;
    color: gray;
    background-color: white;
    padding: 10px;
    width: 100%;
    text-align: left;
}

.upload-btn-wrapper input[type=file] {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    padding: 10px;
}

.btn-primary {
    background-color: #85c41f !important;
    border-color: #ccc;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    border: 0 none;
    color: #fff;
}

.btn-primary::before {
    background: #004e89 !important;
}

.btn-secondary {
    background-color: #f2f2f2 !important;
    border-color: #ccc;
    padding: 10px 30px;
    font-size: 18px;
    font-weight: 600;
    border: 0 none;
    color: #333;
}

.btn-secondary::before {
    background: #404f5a !important;
}


/*Left Menu*/

ul.nav-menu-list-style .nav-header .menu-collapsible-icon {
    position: absolute;
    right: 10px;
    top: 12px;
    font-size: 9px;
}

ul.nav-menu-list-style {
    margin: 0;
}

.clickable {
    display: block;
}

ul.nav-menu-list-style .nav-list.tree {
    display: none;
}

ul.nav-menu-list-style .nav-header {
    display: block;
    margin: 0;
    line-height: 2.1em;
    padding: 0 0;
    font-weight: 400;
    cursor: pointer;
    font-size: 1.1rem;
    color: #333
}

ul.nav-menu-list-style .nav-header i {
    display: inline-block;
    width: 30px;
    font-size: 18px
}

ul.nav-menu-list-style .nav-header:hover {
    background: none
}

ul.nav-menu-list-style .nav-header>span {
    margin: 0 5px 0 0;
}

ul.nav-menu-list-style>li {
    position: relative;
}

ul.nav-menu-list-style>li:nth-child(1) .menu-collapsible-icon {
    top: 16px!important;
}

ul.nav-menu-list-style>li li>a {
    padding: 0 25px 0 40px;
    line-height: 1.8em;
    font-size: 14px !important;
    font-weight: 400;
}

ul.nav-menu-list-style>li li>a::before {
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 12px;
    padding-right: 0.5em;
    position: absolute;
    top: 2px;
    left: 25px;
}

ul.nav-menu-list-style li li a {
    color: #002f89;
}

ul.nav-menu-list-style {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.nav-menu-list-style li .badge,
ul.nav-menu-list-style li .pull-right,
ul.nav-menu-list-style li span.badge,
ul.nav-menu-list-style li label.badge {
    float: right;
    margin-top: 7px;
}

ul.bullets {
    list-style: inside disc;
}

ul.numerics {
    list-style: inside decimal;
}

ul.kas-icon-aero li a:before {
    font-family: 'Glyphicons Halflings';
    font-size: 9px;
    content: "\e258";
    padding-right: 8px;
}


/*Data Table*/

.dataTables_filter {
    text-align: right;
    margin-bottom: 15px;
}

.dataTables_filter input {
    margin: 0 0 0 5px;
}

.dataTables_length {
    margin-bottom: 15px;
}

.dataTables_length select.input-sm {
    height: auto;
    margin: 0 5px;
}

.dataTables_paginate {
    text-align: right;
}

.dataTables_paginate .pagination {
    margin: 0;
}

.dataTables_info {
    margin-top: 7px;
}

.small-btn {
    border: 1px solid #ccc;
    padding: 3px 5px;
    display: inline-block;
    color: #333;
}

.dashboard-block .panel {
    background: #0d83dd;
    border-radius: 0;
}

.dashboard-block .panel-heading {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.dashboard-block .panel-body {
    color: #fff;
}

.dashboard-block .panel-body h2 {
    width: 110px;
    height: 110px;
    text-align: center;
    background: #fff;
    color: #0d83dd;
    margin: 0 auto;
    border-radius: 50%;
    font-size: 3rem;
    line-height: 110px;
    font-weight: 400;
}

.light-bg .panel {
    background: #00bcd4;
}

.light-bg .panel-body h2 {
    color: #00bcd4;
}

.custom-select .bootstrap-select>.dropdown-toggle {
    padding: 10px;
    border: 0 none;
}

.custom-select .bootstrap-select>.dropdown-toggle:hover,
.custom-select .bootstrap-select>.dropdown-toggle:active,
.custom-select .bootstrap-select>.dropdown-toggle:focus {
    background: none;
}

.custom-select .bootstrap-select>.dropdown-toggle span.bs-caret {
    display: none;
}

.nav-form-wrap input[type="text"]::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #004e89;
    opacity: 1;
}

.nav-form-wrap input[type="text"]::-moz-placeholder {
    /* Firefox 19+ */
    color: #004e89;
    opacity: 1;
}

.nav-form-wrap input[type="text"]:-ms-input-placeholder {
    /* IE 10+ */
    color: #004e89;
    opacity: 1;
}

.nav-form-wrap input[type="text"]:-moz-placeholder {
    /* Firefox 18- */
    color: #004e89;
    opacity: 1;
}

.white-wrap {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
    box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
    padding: 30px;
}

.custom-table.table>tbody>tr>td,
.custom-table.table>tbody>tr>th,
.custom-table.table>tfoot>tr>td,
.custom-table.table>tfoot>tr>th,
.custom-table.table>thead>tr>td,
.custom-table.table>thead>tr>th {
    padding: 15px 10px;
    font-size: 16px;
    vertical-align: middle;
}

.custom-table.table.table-striped>tbody>tr:nth-of-type(odd) {
    background: #fff;
}

.custom-table.table.table-striped>tbody>tr:nth-of-type(even) {
    background: #fff;
}

.custom-table.table.table-striped>tbody>tr:last-child {
    border-bottom: 1px solid #ddd;
}

.custom-table.table.table-striped>tbody>tr:hover {
    background: #F9FAFB;
}

.custom-table.table>thead>tr>th {
    border: 0 none;
}

.custom-table.table>thead>tr>td>a {
    color: #5160C0;
}

.action-btn {
    position: relative;
    text-align: center;
}

.action-btn>a {
    display: inline-block;
    padding: 8px 10px;
    line-height: 1em;
}

.action-btn>a:hover,
.action-btn>a:focus,
.action-btn>a:active,
.action-btn.open>a {
    box-shadow: 0 0 0 2px #ddd;
}

.action-btn .dropdown-menu {
    left: auto;
    right: -2px;
    border-radius: 0;
    width: 100px;
    min-width: 1px;
    opacity: 0;
    visibility: hidden;
    padding: 0;
    margin-top: 5px;
}

.action-btn.open .dropdown-menu {
    visibility: visible;
    opacity: 1;
}


/*Toggle Button*/

.tg-list-item {
    text-align: center;
    display: flex;
    align-items: center;
}

.tgl {
    display: none;
}

.tgl,
.tgl:after,
.tgl:before,
.tgl *,
.tgl *:after,
.tgl *:before,
.tgl+.tgl-btn {
    box-sizing: border-box;
}

.tgl::selection,
.tgl:after::selection,
.tgl:before::selection,
.tgl *::selection,
.tgl *:after::selection,
.tgl *:before::selection,
.tgl+.tgl-btn::selection {
    background: none;
}

.tgl+.tgl-btn {
    outline: 0;
    display: block;
    width: 4em;
    height: 2em;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
    position: relative;
    display: block;
    content: "";
    width: 50%;
    height: 100%;
}

.tgl+.tgl-btn:after {
    left: 0;
}

.tgl+.tgl-btn:before {
    display: none;
}

.tgl:checked+.tgl-btn:after {
    left: 50%;
}

.tgl-light+.tgl-btn {
    background: #f0f0f0;
    border-radius: 2em;
    padding: 2px;
    transition: all .4s ease;
}

.tgl-light+.tgl-btn:after {
    border-radius: 50%;
    background: #fff;
    transition: all .2s ease;
}

.tgl-light:checked+.tgl-btn {
    background: #9FD6AE;
}


/*Custom Radio Checkbox */

[type="checkbox"].custom,
[type="radio"].custom {
    border: 0 !important;
    clip: rect(1px, 1px, 1px, 1px) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important;
}

[type="checkbox"].custom:focus+label::before,
[type="radio"].custom:focus+label::before {
    box-shadow: 0 0 0 2px rgba(51, 51, 51, 0.2) !important;
}

[type="checkbox"].custom:hover+label::before,
[type="radio"].custom:hover+label::before {
    border-color: #000;
}

[type="checkbox"].custom:active+label::before,
[type="radio"].custom:active+label::before {
    transition-duration: 0;
}

[type="checkbox"].custom+label,
[type="radio"].custom+label {
    position: relative;
    padding: 6px;
    user-select: none;
}

[type="checkbox"].custom+label::before,
[type="radio"].custom+label::before {
    background-color: #fff;
    border: 1px solid #004E89;
    box-sizing: content-box;
    content: '';
    color: #004E89;
    margin-right: 6px;
    top: 50%;
    left: 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
}

[type="checkbox"].custom+label::after,
[type="radio"].custom+label::after {
    box-sizing: content-box;
    content: '';
    background-color: #004E89;
    position: absolute;
    top: 50%;
    left: 10px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    transform: scale(0);
    transform-origin: 50%;
    transition: transform 200ms ease-out;
}

[type="checkbox"].custom[disabled]+label::before,
[type="radio"].custom[disabled]+label::before {
    animation: none;
    box-shadow: none;
    border: 1px solid rgba(128, 128, 128, 0.5);
}

[type="checkbox"].custom[disabled]:active+label::before,
[type="checkbox"].custom[disabled]:focus+label::before,
[type="checkbox"].custom[disabled]:hover+label::before,
[type="radio"].custom[disabled]:active+label::before,
[type="radio"].custom[disabled]:focus+label::before,
[type="radio"].custom[disabled]:hover+label::before {
    border-color: rgba(128, 128, 128, 0.5);
    filter: none;
    transition: none;
}

[type="checkbox"].custom+label::before,
[type="checkbox"].custom+label::after {
    border-radius: 0;
}

[type="checkbox"].custom+label::after {
    background-color: transparent;
    top: 50%;
    left: calc(6px + 1px + 24px/5);
    width: 12px;
    height: 4.8px;
    margin-top: calc(24px / -2 / 2 * 0.8);
    border-style: solid;
    border-color: #004E89;
    border-width: 0 0 3px 3px;
    border-radius: 0;
    border-image: none;
    transform: rotate(-45deg) scale(0);
    transition: none;
}

[type="checkbox"].custom:checked+label::after {
    content: '';
    transform: rotate(-45deg) scale(1);
    transition: transform 200ms ease-out;
}

[type="radio"].custom+label::before,
[type="radio"].custom+label::after {
    border-radius: 50%;
}

[type="radio"].custom:checked:active+label::before,
[type="radio"].custom:checked:focus+label::before {
    animation: none;
    filter: none;
    transition: none;
}

[type="radio"].custom:checked+label::before {
    animation: none;
    background-color: #fff;
}

[type="radio"].custom:checked+label::after {
    transform: scale(1);
}

@keyframes borderscale {
    50% {
        box-shadow: 0 0 0 2px #900;
    }
}


/*FOR MOZILA FIX*/

@-moz-document url-prefix() {
    [type="radio"].custom+label::after {
        margin-top: -8px;
    }
}


/* Extra Large Devices, Wide Screens */

@media only screen and (max-width: 1600px) {
    html {
        font-size: 14px;
    }
}


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    html {
        font-size: 13px;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 1024px) {
    html {
        font-size: 12px;
    }
}


/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    html {
        font-size: 11px;
    }
}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 480px) {
    html {
        font-size: 10px;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {
    html {
        font-size: 9px;
    }
}


/* 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 transparent;
    -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 transparent;
    -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 transparent;
}

.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 transparent;
}

.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 transparent;
}

.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 transparent;
}

.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 transparent;
}

.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 transparent;
    -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 transparent;
    -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 transparent;
    -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 transparent;
    -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 transparent;
    -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 transparent;
    -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 transparent;
}

.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 transparent;
}

.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 transparent;
    -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 transparent;
    -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 transparent;
    -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 transparent;
}

.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 transparent;
}

.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 transparent;
}

.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 transparent;
}

.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 transparent;
    -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 transparent;
    -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 transparent;
}

.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 transparent;
}

.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 transparent;
}

.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 transparent;
    -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 transparent;
    -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 transparent;
    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 transparent;
    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 transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098D1;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
    color: white;
}

.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}


/* Sweep To Left */

.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    -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 transparent;
    /* 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 transparent;
    /* 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 transparent;
    -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 transparent;
    /* 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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    -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 transparent;
    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 transparent;
    position: relative;
    overflow: hidden;
}

.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    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 transparent;
    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 transparent;
    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 transparent;
    position: relative;
    overflow: hidden;
}

.hvr-overline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    -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 transparent;
    -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 transparent;
    -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 transparent;
    -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 transparent;
    -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 transparent;
    /* 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 transparent;
    /* 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 transparent;
    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%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 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 transparent;
    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%, transparent 80%);
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}

.hvr-shadow-radial:after {
    top: 100%;
    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.hvr-icon-back:before {
    content: "\f137";
    position: absolute;
    left: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-back:focus:before,
.hvr-icon-back:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

.hvr-icon-forward:before {
    content: "\f138";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-forward:focus:before,
.hvr-icon-forward:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
}

.hvr-icon-down:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-down:hover:before,
.hvr-icon-down:focus:before,
.hvr-icon-down:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
}

.hvr-icon-up:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-up:hover:before,
.hvr-icon-up:focus:before,
.hvr-icon-up:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
}

.hvr-icon-spin:before {
    content: "\f021";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-spin:focus:before,
.hvr-icon-spin:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
}

.hvr-icon-drop:before {
    content: "\f041";
    position: absolute;
    right: 1em;
    opacity: 1;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-drop:hover:before,
.hvr-icon-drop:focus:before,
.hvr-icon-drop:active:before {
    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 transparent;
    position: relative;
    padding-right: 2.2em;
}

.hvr-icon-fade:before {
    content: "\f00c";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-fade:focus:before,
.hvr-icon-fade:active:before {
    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 transparent;
    position: relative;
    padding-right: 2.2em;
}

.hvr-icon-float-away:before,
.hvr-icon-float-away:after {
    content: "\f055";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
}

.hvr-icon-float-away:after {
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.hvr-icon-float-away:hover:after,
.hvr-icon-float-away:focus:after,
.hvr-icon-float-away:active:after {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
}

.hvr-icon-sink-away:before,
.hvr-icon-sink-away:after {
    content: "\f056";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-sink-away:after {
    opacity: 0;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.hvr-icon-sink-away:hover:after,
.hvr-icon-sink-away:focus:after,
.hvr-icon-sink-away:active:after {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-grow:before {
    content: "\f118";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-grow:focus:before,
.hvr-icon-grow:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-shrink:before {
    content: "\f119";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-shrink:focus:before,
.hvr-icon-shrink:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
}

.hvr-icon-pulse:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-pulse:hover:before,
.hvr-icon-pulse:focus:before,
.hvr-icon-pulse:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
}

.hvr-icon-pulse-grow:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-pulse-grow:hover:before,
.hvr-icon-pulse-grow:focus:before,
.hvr-icon-pulse-grow:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
}

.hvr-icon-pulse-shrink:before {
    content: "\f015";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-icon-pulse-shrink:hover:before,
.hvr-icon-pulse-shrink:focus:before,
.hvr-icon-pulse-shrink:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-push:before {
    content: "\f006";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-push:focus:before,
.hvr-icon-push:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-pop:before {
    content: "\f005";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-pop:focus:before,
.hvr-icon-pop:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-bounce:before {
    content: "\f087";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-bounce:focus:before,
.hvr-icon-bounce:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-rotate:before {
    content: "\f0c6";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-rotate:focus:before,
.hvr-icon-rotate:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-grow-rotate:before {
    content: "\f095";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-grow-rotate:focus:before,
.hvr-icon-grow-rotate:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-float:before {
    content: "\f01b";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-float:focus:before,
.hvr-icon-float:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-sink:before {
    content: "\f01a";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -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:before,
.hvr-icon-sink:focus:before,
.hvr-icon-sink:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-bob:before {
    content: "\f077";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-bob:hover:before,
.hvr-icon-bob:focus:before,
.hvr-icon-bob:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-hang:before {
    content: "\f078";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-hang:hover:before,
.hvr-icon-hang:focus:before,
.hvr-icon-hang:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal:before {
    content: "\f061";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover:before,
.hvr-icon-wobble-horizontal:focus:before,
.hvr-icon-wobble-horizontal:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-wobble-vertical:before {
    content: "\f062";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-wobble-vertical:hover:before,
.hvr-icon-wobble-vertical:focus:before,
.hvr-icon-wobble-vertical:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-buzz:before {
    content: "\f017";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-buzz:hover:before,
.hvr-icon-buzz:focus:before,
.hvr-icon-buzz:active:before {
    -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 transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-buzz-out:before {
    content: "\f023";
    position: absolute;
    right: 1em;
    padding: 0 1px;
    font-family: FontAwesome;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-buzz-out:hover:before,
.hvr-icon-buzz-out:focus:before,
.hvr-icon-buzz-out:active:before {
    -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 transparent;
    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 transparent;
    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 transparent;
    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 transparent;
    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;
}

select.bs-select-hidden,
select.selectpicker {
    display: none !important;
}

.bootstrap-select {
    width: 220px \0;
    /*IE9 and below*/
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1;
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active {
    color: #999;
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: 0.5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none;
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2;
}

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48;
}

.bootstrap-select.fit-width {
    width: auto !important;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 220px;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px;
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none;
}

.bootstrap-select.form-control:not([class*="col-"]) {
    width: 100%;
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto;
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
    border-radius: 0;
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
    float: none;
    display: inline-block;
    margin-left: 0;
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
    float: right;
}

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
    margin-bottom: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0;
}

.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit;
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%;
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed;
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: none !important;
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0 !important;
    padding: 0 !important;
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle;
}

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
    width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative;
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff;
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed;
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    user-select: none;
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em;
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block;
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: 0.5em;
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: whitesmoke;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    pointer-events: none;
    opacity: 0.9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static;
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px;
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px;
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, 0.2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none;
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, 0.2);
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid white;
    border-bottom: 0;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto;
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after {
    display: block;
}

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
    padding: 4px 8px;
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-actionsbox .btn-group button {
    width: 50%;
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.bs-donebutton .btn-group button {
    width: 100%;
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px;
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none;
}


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

.menu_open .left-part {
    width: 0;
}

.menu_open .left-part .left-part {
    width: auto;
}

.menu_open .left-nav {
    margin-left: -100%;
}

.menu_open .left-part {
    left: -100%;
    position: relative;
}


/*.menu_open .left-part .left-part{width:auto;}

.menu_open .left-nav{margin-left:-100%;}*/

.menu_open .logo-inside {
    position: relative;
    padding: 10px 15px 11px 15px;
}

.inner-page.menu_open:before {
    opacity: 0;
}

.menu_open .right-part {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
}

.menu_open .right-part .top-right-part {
    width: 100%;
    position: absolute;
    right: 0;
}

.right-part .inner-wrap {
    padding-top: 80px;
}

.right-part {
    position: absolute;
    right: 0;
}

.right-part .right-part {
    position: static;
    right: auto;
}

.right-part .top-right-part {
    position: absolute;
    right: 0;
    width: 100%;
}


/*footer{position: fixed;}*/

.left-part .left-nav {
    left: 0;
    position: relative;
}

.inner-page:before {
    opacity: 1;
}

#menu_btn .fa-outdent {
    display: none;
}

.menu_open #menu_btn .fa-outdent {
    display: block;
    margin-top: 5px;
}

.menu_open #menu_btn .fa-bars {
    display: none;
}

.delete-btn {
    color: red;
}

.table-toolbar-right .form-control {
    padding: 6px;
}

.custom-table.table>thead>tr>th {
    font-weight: 500;
}

.dropdown-menu>li>a {
    display: block;
    padding: 5px 10px;
}

.r-full {
    width: 100%;
    position: relative
}

.r-full .logo-inside {
    width: 20%;
    float: left
}

.r-full.right-part .top-right-part {
    width: 80%
}

.image-cropper-wrap {
    width: 100%;
    padding: 0;
    position: relative;
    overflow: auto
}

.image-cropper-wrap img {
    width: auto;
    height: auto;
}

.dragable-toolbar {
    position: absolute;
    background: rgba(255, 255, 255, 0.9);
    padding: 5px 5px 5px 15px;
    border-radius: 5px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    z-index: 100;
    left: 5%;
    top: 5%
}

.dragable-toolbar::before {
    content: "";
    background: url('dotted.png') 0 0 repeat-y;
    width: 3px;
    height: calc(100% - 10px);
    position: absolute;
    left: 10px;
    top: 5px;
}

.dragable-toolbar a {
    display: inline-block;
    padding: 0 5px;
    color: #002366;
    font-size: 18px;
    transition: all 0.5s ease-in-out;
}

.dragable-toolbar a:hover,
.dragable-toolbar a:active,
.dragable-toolbar a:focus {
    color: #002F89
}

.tab-content>.tab-pane {
    background: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    border-top: 0 none;
}

.info-wrap>div {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
    text-align: right;
}

.info-wrap>div label {
    float: left;
    display: inline-block;
}


/*.info-wrap > div:last-child{border-bottom: 0 none}*/

.button-wrap {
    margin: 20px 0 25px;
    text-align: center;
    width: 100%;
    float: left;
    padding-top: 15px;
    border-top: 1px solid #ddd
}

table.table.table-striped.table-hover.custom-table .checkbox,
table.table.table-striped.table-hover.custom-table .radio {
    margin: 0
}

.card-wrap {
    background: #ddd;
    padding: 10px
}

.card-wrap>div {
    margin-bottom: 5px
}

.card-wrap .progress {
    margin-top: 0;
    margin-bottom: 0;
    height: 5px
}


/*Dropzone*/

.white-wrap.btn-placement {
    position: relative;
    padding-bottom: 65px;
    margin-bottom: 65px;
}

.white-wrap.btn-placement .btn-wrap {
    position: absolute;
    bottom: 15px;
    /*left: 30px;*/
    left: 45px;
    z-index: 100;
}

form#edit-propForm .btn-wrap {
    left: 30px;
}

.dropzone {
    height: 180px;
    width: 460px;
    border: 2px dashed #0885df;
    text-align: center;
    padding-left: 29px;
    padding-left: 29px;
}


/* .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message {

 text-align:center;

 padding-top: 5px;

 padding-left: 29px;

 

}  */

form#my-dropzone {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

form#my-dropzone .message p {
    white-space: nowrap;
    color: #bf0808;
    font-size: 16px;
    font-weight: bold;
}

button.btn-download {
    float: right;
}

button.btn-download {
    background: #0885df;
    color: #fff;
    border: none;
    margin-bottom: 4px;
}

button.btn-download a {
    display: inline-block;
    color: #fff;
    padding: 4px 6px;
}

.form-horizontal .form-group.edit-row-info {
    margin-left: 0;
    margin-right: 0;
}

.svg-inline--fa {
    width: 25px !important;
}

.table-toolbar-right.search_rightinput .form-control {
    border-radius: 0;
    padding: 5px 7px 7px 7px;
    position: relative;
    top: -3px;
}

.nav.nav-list.tree.bullets {
    display: none
}

.select2-container--default .select2-selection--single {
    border-radius: 0 !important;
    text-align: left;
    display: inline-block;
    height: auto !important;
    border: 1px solid #ccc !important;
}

.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 !important;
    line-height: 20px !important;
    margin: 0 5px
}

.reset-btn {
    margin: 0 0 0 5px;
    background: #ccc
}

.fw {
    width: 100%;
    display: block;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 32px !important
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 30px !important;
    top: 2px !important;
    right: 5px !important;
}


/*Error*/

.cls-content {
    padding: 0 0 15px;
    padding-top: 20px;
    padding-top: 10vh;
    position: relative;
    text-align: center;
}

.cls-content .error-code {
    font-size: 120px;
    font-weight: 400;
    margin-bottom: 50px;
}

.text-uppercase {
    text-transform: uppercase
}

.text-primary {
    color: #128ef2;
}

.table-responsive {
    min-height: .01%;
    overflow: visible;
    overflow-x: visible;
    overflow-y: visible;
}

#permission_div .help-block.error-help-block {
    position: absolute;
    top: -62px;
    left: 0;
}

.pricing-wrap-box {
    height: calc(100vh - 50px);
    background: #f1f1f1;
    margin: 0;
    padding: 0;
}

.pricing-box {
    width: 100%;
}

.pricing-box h2 {
    width: 100%;
    background: #0d83dd;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 60px 0 95px;
    margin: 0;
}

.pricing-box .inside-pricing-box {
    background: #f1f1f1;
    border-top: 7px solid #0f6eb6;
    padding: 20px;
    margin: 0 0 20px;
}

.pricing-box .inside-pricing-box ul.pricing-list {
    width: calc(95% - 30px);
    list-style: none;
    text-align: center;
    white-space: nowrap;
    position: relative;
    top: -78px;
    left: 0;
    margin: -25px auto -55px;
    padding: 25px 16px 20px;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
}

.pricing-box .inside-pricing-box ul.pricing-list>li {
    /*width: 33%;*/
    flex: 1;
    background: #fff;
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0 0 25px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
    position: relative;
    top: 5px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

.pricing-box .inside-pricing-box ul.pricing-list>li h4 {
    width: 100%;
    background: #7f7d7d;
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    border-bottom: 5px solid #474646;
    text-transform: uppercase;
    margin: 0;
    padding: 35px 0;
    transition: all 0.3s ease-in;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 105%;
    left: 5%;
    height: 12px;
    width: 90%;
    opacity: 0;
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 65%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 65%);
    /* W3C */
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-property: transform, opacity;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:hover {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
    z-index: 10;
    /* move the element up by 5px */
}

.pricing-box .inside-pricing-box ul.pricing-list>li:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    -ms-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) */
}


/*.pricing-box .inside-pricing-box ul.pricing-list > li:hover{position: relative; top: -30px; z-index: 10; transition: all 0.3s ease-in;}

.pricing-box .inside-pricing-box ul.pricing-list > li:hover h4{font-size: 28px; padding: 36px 0; margin-bottom: 32px; transition: all 0.3s ease-in;}*/

.pricing-box .inside-pricing-box ul.inner-list {
    width: 85%;
    list-style: none;
    padding: 0;
    margin: 15px auto;
}

.pricing-box .inside-pricing-box ul.inner-list>li {
    list-style: circle inside;
    font-size: 16px;
    color: #8b8b8b;
    font-weight: 300;
    text-align: left;
    border-bottom: 1px solid #e1e1e1;
    margin: 6px 0;
    padding: 0 0 8px;
}

.pricing-box .inside-pricing-box .price-txt {
    display: block;
    font-size: 50px;
    font-weight: 300;
    text-align: center;
    margin-bottom: 10px;
}

.pricing-box .inside-pricing-box .btn-select-plan {
    width: 85%;
    background: #7f7d7d;
    font-size: 21px;
    font-weight: 300;
    color: #fff;
    border: none;
    padding: 9px 0;
    margin: 0 auto;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(1) h4 {
    background: #001a33;
    border-color: #000b15;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(2) h4 {
    background: #003366;
    border-color: #001a33;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(3) h4 {
    background: #004080;
    border-color: #003366;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(4) h4 {
    background: #0059b3;
    border-color: #004080;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(5) h4 {
    background: #0066cc;
    border-color: #0059b3;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(6) h4 {
    background: #0173e5;
    border-color: #0066cc;
}


/*.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(7) h4{background: #ff1d77; border-color: #bd074f;}

.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(8) h4{background: #00a3a3; border-color: #026c6c;}

.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(9) h4{background: #2572eb; border-color: #0e4db0;}

.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(10) h4{background: #fe7c22; border-color: #be5207;}*/

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(1) .price-txt {
    color: #001a33
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(2) .price-txt {
    color: #003366
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(3) .price-txt {
    color: #004080
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(4) .price-txt {
    color: #0059b3
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(5) .price-txt {
    color: #0066cc
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(6) .price-txt {
    color: #0173e5
}


/*.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(7) .price-txt{color: #ff1d77}

.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(8) .price-txt{color: #00a3a3}

.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(9) .price-txt{color: #2572eb}

.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(10) .price-txt{color: #fe7c22}*/

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(1) .btn-select-plan {
    background: #001a33;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(2) .btn-select-plan {
    background: #003366;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(3) .btn-select-plan {
    background: #004080;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(4) .btn-select-plan {
    background: #0059b3;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(5) .btn-select-plan {
    background: #0066cc;
}

.pricing-box .inside-pricing-box ul.pricing-list>li:nth-child(6) .btn-select-plan {
    background: #0173e5;
}


/*.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(7) .btn-select-plan{background: #ff1d77;}

.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(8) .btn-select-plan{background: #00a3a3;}

.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(9) .btn-select-plan{background: #2572eb;}

.pricing-box .inside-pricing-box ul.pricing-list > li:nth-child(10) .btn-select-plan{background: #fe7c22;}*/

.inner-field-box {
    margin-bottom: 10px;
    position: relative;
}

.inner-field-box label {
    font-size: 17px;
    line-height: 37px;
    font-weight: 300;
}

.inner-field-box span#ccMask {
    position: absolute;
    bottom: -19px;
}

.car-bg {
    height: calc(100vh - 50px);
    background: url(../images/bg-card.jpg) no-repeat;
    background-size: cover;
}

.card-info-main-box {
    width: 50%;
    background: #fff;
    margin: 10% auto 0;
    border-bottom: 5px solid #dddada;
    box-shadow: 0 0 28px rgba(255, 255, 255, 0.75);
    border: none;
    padding: 30px;
}

.card-info-main-box .card-number-wrapper {
    margin-bottom: 20px;
}

.card-info-main-box h2 {
    background: #ff6860;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    text-align: center;
    padding: 30px 0;
    margin: -30px -30px 30px;
    border-bottom: 5px solid #dd463e;
}

.car-bg input.card-number,
.car-bg input.expiry,
.car-bg input.cvc {
    height: auto;
    background: #faf8f8!important;
    border-radius: 0!important;
    border-color: #eceaea!important;
    padding-top: 10px!important;
    padding-bottom: 8px!important;
}

.card-js .icon {
    top: 12px!important;
}

.card-info-main-box .btn-pay {
    width: 100%;
    background: #5eb2f2;
    font-weight: 300;
    font-size: 18px;
    color: #fff;
    border: none;
    margin-top: 20px;
}

.plan-choose-modal .modal-content {
    border-radius: 0;
}

.plan-choose-modal .modal-header,
.plan-choose-modal .modal-footer {
    border: none;
    border-radius: 0;
}

.plan-choose-modal .modal-header h4.modal-title {
    font-size: 40px;
    text-transform: uppercase;
    color: #85c41f;
    font-weight: 300;
    text-align: center;
}

.plan-choose-modal .modal-body {
    background: #f4f4f4;
    border-top: 1px solid #eee;
}

.plan-choose-modal .modal-body p {
    font-weight: 300;
    font-size: 18px;
    color: #4a4a4a;
    text-align: center;
}

.plan-choose-modal .modal-footer {
    background: #f4f4f4;
    text-align: center;
    padding-top: 0;
}

.plan-choose-modal .modal-footer .btn-chooose-plan {
    background: #85c41f;
    color: #fff;
    font-weight: 300;
    font-size: 17px;
    text-transform: uppercase;
    border: none;
    padding: 7px 22px 9px;
}

.tab-box {
    margin: 6px 0 0;
}

.tab-box .inner-tab-box {
    display: none;
}

.tab-box .inner-tab-box table.custom-table thead th {
    white-space: nowrap;
}

.tab-box .inner-tab-box table.custom-table tbody td:nth-child(2) {
    word-break: break-all;
}

.icons-box {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    color: #002f89;
    margin: 0 0 10px;
}

.icons-box span.icon-select {
    display: inline-block;
    background: #2098d1;
    font-size: 16px;
    color: #fff;
    padding: 5px 2px;
    margin: 0 1px;
    border-radius: 3px;
    cursor: pointer;
}

.icons-box span.icon-select:hover,
.icons-box span.icon-select.active {
    background: #002366;
}

.icons-box span.icon-select a {
    color: #fff;
}

.grid-panel {
    background: #eee;
    font-size: 15px;
    border: 1px solid #dedede;
    padding: 12px 20px 6px;
    margin-bottom: 25px;
    word-break: break-all;
}

.grid-panel table tbody td {
    padding: 4px 0;
}

.grid-panel table tbody td strong {
    display: inline-block;
    font-weight: 500;
    color: #4a4a4a;
    margin-right: 2px;
}

.list-grid-box {
    position: absolute;
    right: 15px;
    top: 0;
}

.list-grid-box>a {
    background: #2098d1;
    display: inline-block;
    font-weight: normal;
    font-size: 10px;
    color: #fff;
    border: 1px solid #127db0;
    padding: 6px 8px;
    box-shadow: none!important;
}

.status-row .radio.custom_redo,
.status-row .radio.custom_redo label {
    display: flex;
}

.status-row .status-txt {
    padding-top: 17px;
}

form#my-dropzone {
    overflow-x: auto;
    overflow-y: hidden;
}

.input-check-field .inner-check-field .check-field .checkbox.custom_check {
    padding-top: 0;
    margin-top: -6px;
    white-space: nowrap;
}

.input-check-field {
    width: calc(100% - 30px);
    margin: 0 15px 5px;
    padding: 0 0 6px;
    /*border-bottom: 1px solid #f1f1f1;*/
    overflow: hidden;
    clear: both;
}

.edit-subclient .input-check-field {
    margin: 0 0 5px;
}

.input-check-field .check-field {
    margin: 0 8px 0 0;
}

.input-check-field .inner-check-field {
    display: flex;
}

.input-check-field .inner-check-field .checkbox.custom_check {
    padding-top: 0;
    margin-top: -6px;
}

label.main-label-txt {
    width: calc(100% - 28px);
    background: #eee;
    font-size: 18px;
    border: 1px solid #e4e3e3;
    padding: 6px 14px;
    margin: 0 12px 18px;
    position: relative;
    left: 2px;
}

.status-row.edit-row-info {
    margin: -5px 0 25px -15px;
}

.status-row.edit-row-info .status-txt {
    padding-left: 0;
    padding-top: 15px;
}

.form-horizontal .form-group.edit-row-info #dob {
    padding: 0 10px;
}

.upload-photo-box {
    width: 49%;
    position: absolute;
    left: 30px;
}

.about-info textarea {
    height: 178px;
}

.img-box-small img {
    border: 2px solid #c5c3c3;
    float: left;
}

.img-box-small.profile-img {
    margin: 25px 0 0;
}

.hvr-bounce-to-right {
    background: #002366!important;
}

.or-txt {
    width: calc(100% + 30px);
    text-align: center;
    margin: -15px 0 5px -15px;
    position: relative;
}

.or-txt:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #72b5e8;
    position: absolute;
    left: 0;
    top: 14px;
}

.or-txt span {
    display: inline-block;
    background: #0d83dd;
    color: #c2e4ff;
    font-weight: 300;
    font-size: 18px;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

.google-login a {
    display: block;
    background: #dc4b3a;
    color: #fff;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    padding: 14px 0;
}

.google-login a.hvr-bounce-to-right {
    background: #dc4b3a!important;
}

.google-login a.hvr-bounce-to-right:before {
    background: #af3324!important;
}

.qr-list {
    border: 1px solid #ddd;
}

.qr-list thead th {
    background: #d4d8f4;
    white-space: nowrap;
    padding: 8px 15px!important;
}

.qr-list tbody tr td {
    padding: 10px 15px!important;
}

.qr-list tbody td p {
    margin: 5px 0 -4px;
}

.qr-list tbody td p label {
    display: inline-block;
    min-width: 115px;
    font-weight: 400;
}

.download-file-box label {
    display: block;
    font-size: 18px;
    font-weight: 400;
}

.download-file-box p {
    width: 100%;
    background: #f9f9f9;
    border: 1px solid #e8e8e8;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.download-file-box p:hover {
    background: #f6f6f6;
    border-color: #cccbcb;
}

.download-file-box p>a {
    font-weight: 500;
}

.download-file-box p a.download-file {
    display: inline-block;
    background: #004E89;
    color: #fff;
    padding: 4px 5px;
    margin: 0 5px;
    position: relative;
}

.download-file-box p a.download-file:hover span {
    display: inline-block;
}

.download-file-box p a.delete-file {
    display: inline-block;
    background: #d60808;
    color: #fff;
    padding: 5px 9px;
    margin: 0 5px;
    position: relative;
    cursor: pointer;
}

.download-file-box p a.delete-file:hover span,
.btn-placement.download-file-box p a.delete-file:hover span {
    display: inline-block;
}

.download-file-box p a.delete-file span {
    color: #fff!important;
}

.download-file-box p a.download-file span,
.btn-placement.download-file-box p a.delete-file span {
    display: none;
    background: rgba(0, 0, 0, 0.75);
    font-size: 12px;
    color: #fff;
    padding: 3px 8px;
    border-radius: 5px;
    white-space: nowrap;
    margin-left: -10px;
    position: absolute;
    top: -30px;
    left: -50%;
}

.download-file-box p a.download-file span:after,
.btn-placement.download-file-box p a.delete-file span:after {
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    width: 0;
    height: 0;
    border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
    border-style: solid;
    border-width: 5px;
}

.document-modal .modal-body .form-group p {
    background: #fff;
    padding: 5px 10px;
    margin: 0 0 1px;
}

.document-modal .modal-body .form-group p a {
    display: inline-block;
    font-size: 15px;
}

.cms-content {
    width: 100%;
}

.cms-content .logo-wrap {
    margin-bottom: 25px;
}

.cms-content .logo-wrap img {
    width: 300px;
    max-width: 300px;
}

.cms-content .before-login-form-wrap h2 {
    background: #0d83dd;
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    margin: 0 0 15px;
    padding: 6px 15px 8px;
}

.body-row {
    width: 100%;
    background: #fff;
    padding: 5px 15px;
    margin: 0 0 1px;
}

.heading-row {
    width: 100%;
    background: #395267;
    color: #fff;
    font-weight: 400;
    padding: 4px 15px;
    margin: 0 0 1px;
}

.action-column {
    text-align: center;
    padding: 0 25px;
}

.action-column a {
    color: #f36868;
    cursor: pointer;
}

.action-column svg.svg-inline--fa {
    color: #002f89;
    font-size: 15px!important;
}

#file_list .ui-multiselect {
    width: 100%!important;
    border-color: #002366!important;
}

#file_list .ui-multiselect .selected,
#file_list .ui-multiselect .available {
    width: calc(50% - 1px)!important;
    background: #002366!important;
    border: none!important;
}

#file_list .ui-multiselect div.selected div.actions,
#file_list .ui-multiselect div.available div.actions {
    background: none!important;
    font-size: 14px!important;
    font-weight: 300!important;
}

#file_list .ui-multiselect div.selected div.actions a,
#file_list .ui-multiselect div.available div.actions a {
    display: inline-block;
    background: #2098d1;
    font-size: 12px;
    padding: 3px 8px;
    margin: 6px 5px 0 0;
}

#file_list .ui-multiselect div.available div.actions input,
#file_list .ui-multiselect div.available div.actions select {
    min-width: 40%;
    width: 40%;
    height: auto;
    background: #fff;
    font-size: 14px;
    font-weight: normal;
    color: #333;
    padding: 3px 6px;
    border: none;
    opacity: 1;
    margin: 4px;
    border-radius: 0;
}

#file_list .ui-multiselect div.available div.actions select {
    padding: 2px 6px!important;
}

#file_list .ui-multiselect div.selected ul,
#file_list .ui-multiselect div.available ul {
    width: calc(100% - 1px)!important;
    height: auto!important;
    max-height: 200px!important;
    border-left: 1px solid #002366;
    border-right: 1px solid #002366;
    margin-bottom: -1px;
}

#file_list .ui-multiselect div.selected ul {
    position: relative;
    right: -1px;
}

#file_list .ui-multiselect div.selected ul li,
#file_list .ui-multiselect div.available ul li {
    height: auto!important;
    background: #f4f4f4!important;
    /*color: #545454;*/
    font-weight: 300!important;
    font-size: 13px!important;
    padding: 4px 6px 4px 15px!important;
}

#file_list .ui-multiselect div.available ul li a.action {
    top: 4px;
}

button.assign {
    border: none;
    color: #fff;
    padding: 12px 22px;
    margin: 5px 0 0;
    font-size: 1rem;
}

.no-more-box {
    width: 100%;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    padding: 10px 0;
    clear: both;
}

.section-block .form-group label {
    padding-top: 10px;
    white-space: nowrap;
}

.section-block .form-group label[for="demo-inline-form-radio"],
.section-block .form-group label[for="demo-inline-form-radio-2"] {
    padding-top: 6px;
}

span.icon-new {
    font-size: 28px;
    position: relative;
    top: 6px;
    margin-right: -3px!important;
}

span.icon-users-ions.icon-new {
    position: relative;
    top: 7px;
}

.tree-toggle.nav-header span.menu-collapsible-icon {
    transform: rotate(-90deg);
}

.tree-toggle.nav-header.arrowOpen span.menu-collapsible-icon {
    transform: rotate(0deg);
}

.table-responsive table td img {
    height: auto!important;
}

svg:not(:root).svg-inline--fa {
    font-size: 18px;
}

.selection-assign-box {
    display: flex;
}

.selection-assign-box .form-control:focus {
    box-shadow: 0 0 0px 1px #004e89;
}

.assign-btn-box button {
    background: #d0cfcf;
    color: #fff;
}

.assign-btn-box button:hover {
    background: #002f89;
    color: #fff;
}

.selection-assign-box #optgroup,
.selection-assign-box #optgroup_to {
    margin: 10px 0 0;
}

.selection-assign-box #optgroup option,
.selection-assign-box #optgroup_to option {
    background: #f4f4f4;
    margin: 0 0 1px;
    padding: 5px 0;
}

.selection-assign-box #optgroup option:hover,
.selection-assign-box #optgroup_to option:hover,
.selection-assign-box #optgroup option:active,
.selection-assign-box #optgroup_to option:active {
    background: #002f89;
    color: #fff;
}

.section-qrcode {
    background: #f5f5f5;
    border: 1px solid #eaeaea;
    text-align: center;
    padding: 10px 5px;
}

.section-qrcode .qr-code-inner {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.section-qrcode .qr-code-inner>div {
    text-align: left;
}

.section-qrcode a.qr-download-file {
    display: inline-block;
    background: #002f89;
    color: #fff;
    font-weight: 600;
    padding: 9px 14px 9px 9px;
    margin-bottom: 5px;
}

.section-qrcode a.qr-download-file:hover {
    background: #002366;
}

.section-qrcode a.qr-download-file svg {
    font-size: 14px;
}

.section-qrcode p label {
    margin-left: -5px;
}

.info-qr-section {
    overflow: hidden;
    border: 1px solid #e1e1e1;
    padding: 15px;
}

.white-wrap.info-box-area {
    padding: 15px;
}

.info-section-label .single-label {
    background: #e8e8e8;
    color: #4a4a4a;
    padding: 7px 15px 0px;
    border-bottom: 5px solid #d6d6d6;
}

ul.nav.nav-tabs li a {
    font-size: 15px;
    font-weight: 600;
    border-radius: 0;
    position: relative;
    left: -1px;
}

.qr-code-box {
    margin: 0;
}

.right-top-info a svg {
    width: 12px!important;
    position: relative;
    top: 2px;
}

.right-top-info a.logout {
    background: red;
    font-size: 15px;
    font-weight: 500;
    padding: 0 4px 2px;
}

.logo-inside a {
    position: relative;
    top: -6px;
}

.heading_page_title {
    width: 100%;
    display: flex;
    background: #ffffff;
    font-size: 15px;
    align-items: center;
    padding: 6px 11px 7px;
    border: 1px solid #eaeaea;
    margin-bottom: 12px;
}

.heading_page_title span {
    font-weight: 400;
    font-size: 17px;
    color: #002f89;
    margin-right: 8px;
}

.table thead tr th {
    white-space: nowrap;
}

.advance-filter-box a.advance {
    background: #002f89;
    color: #fff;
    font-weight: 400;
    padding: 8px 12px;
    float: left;
}

.advance-filter-box a.advance svg {
    font-size: 13px;
    margin: 0 -8px;
}

.advance-filter-box .adv-filter {
    width: 100%;
    background: #f4f4f4;
    border: 1px solid #e0e0e0;
    overflow: hidden;
    margin: 8px 0 0;
    padding: 15px;
    float: left;
}

.advance-filter-box .adv-filter .field-row {
    margin-bottom: 8px;
}

.advance-filter-box .adv-filter .field-row .form-group,
.advance-filter-box .adv-filter .field-row .form-group input[type="text"] {
    width: 100%;
}

.delete-click-btn {
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    border: none;
    padding: 10px 30px;
}


/*.delete-click-btn.hvr-bounce-to-left:hover, .delete-click-btn.hvr-bounce-to-left:focus, .delete-click-btn.hvr-bounce-to-left:active{}*/

.delete-click-btn.hvr-bounce-to-left:before {
    background: #b52c28!important;
}


/* .delete-click-btn.hvr-bounce-to-left:before{background: #a50d09!important;} */

.btn {
    margin-bottom: 5px;
}

table.resizable {
    width: calc(100% - 4px);
    border: 1px solid #ddd;
}

table.resizable thead th:nth-child(1) {
    border-left: 1px solid #ddd!important;
}

table.resizable thead th {
    border-right: 1px solid #ddd!important;
    border-top: 1px solid #ddd!important;
}

table.resizable tbody tr:nth-last-child(3) td ul.dropdown-menu,
table.resizable tbody tr:nth-last-child(2) td ul.dropdown-menu,
table.resizable tbody tr:last-child td ul.dropdown-menu {
    top: auto!important;
    bottom: 0!important;
}

table.resizable.btmSpace {
    margin-bottom: 225px;
}

table.resizable.btmSpace tbody tr:nth-last-child(3) td ul.dropdown-menu,
table.resizable.btmSpace tbody tr:nth-last-child(2) td ul.dropdown-menu,
table.resizable.btmSpace tbody tr:last-child td ul.dropdown-menu {
    top: 0!important;
    bottom: auto!important;
}

body .table-responsive {
    width: calc(100% + 4px);
    overflow-x: auto;
    /*margin: 15px;*/
    overflow-y: hidden;
}

.white-wrap .btn-wrap {
    margin-left: -15px;
}

.white-wrap .btn-wrap button {
    margin-left: 0;
}

.btn-wrap button {
    margin-left: 15px;
}

.info-confirmation-text {
    margin: 0 0 15px;
}

.employee-field-list .input-check-field {
    margin-left: 15px;
    margin-right: 15px;
}

.inner-subdropdown {
    margin-left: 30px;
}

.selectmenu-box,
.table-toolbar-right {
    width: 65%;
    position: relative;
    z-index: 99;
    float: right;
}

.mandatory-txt {
    display: block;
    color: red;
    margin: 0 0 10px;
}

.advance-filter-box input[type='text'],
.advance-filter-box select {
    width: 100%!important;
    top: 0!important;
}

.row.sub-admin {
    margin: 0 30px;
}

.row.sub-admin .form-control {
    padding: 6px 10px;
}

.bottom-form {
    width: 100%;
    padding-top: 15px;
    overflow: hidden;
}

.bottom-form #bulk_action {
    margin-bottom: 15px;
    position: relative;
    top: 2px;
}

.form-padding-rgt {
    padding-right: 0;
}

#permission_div {
    margin: 0 15px;
}

.edit-client-btm {
    margin-left: 0!important;
}

#permission_div.edit-employee {
    margin-left: 0!important;
    margin-right: 0!important;
}

.row.unique-employee label.main-label-txt {
    width: 100%;
    margin: 0 0 18px;
}

.info-margin {
    width: calc(100% - 30px);
    margin: 0 -15px;
}

.btn-wrap.edit-property-btn {
    left: 30px!important;
}

.search_rightinput.table-toolbar-right .btn.btn-default {
    background: #0d83dd;
    color: #fff;
    border-color: #0d83dd;
    cursor: pointer;
}

.search_rightinput.table-toolbar-right .btn.btn-default.reset-btn {
    background: #d40101;
    color: #fff;
    border-color: #d40101;
    cursor: pointer;
}

.download-file-box p a.view-file {
    display: inline-block;
    background: #004E89;
    padding: 4px 5px;
    margin: 0 5px;
    position: relative;
}

.download-file-box p a.view-file span {
    color: #fff !important;
}


/*****************/

input[type='text'],
input[type='password'],
input[type='tel'],
select,
textarea {
    font-weight: 400!important;
}

@media (min-width:1920px) {
    .top-right-part,
    .logo-inside {
        height: 5.6rem;
    }
}

@media (max-width:1200px) {
    .input-check-field .inner-check-field {
        display: block;
    }
}

@media (max-width:1024px) {
    .pricing-box .inside-pricing-box ul.pricing-list {
        width: 100%;
    }
    .card-info-main-box {
        width: 75%;
    }
    #file_list .ui-multiselect div.available div.actions input,
    #file_list .ui-multiselect div.available div.actions select {
        min-width: 30%;
        width: 30%;
    }
    ul.nav-menu-list-style .nav-header .menu-collapsible-icon {
        top: 12px;
        right: -15px;
    }
    .white-wrap.btn-placement .btn-wrap {
        left: 30px;
    }
    .btn-select {
        margin-left: 0;
    }
    ul.nav-menu-list-style .nav-header {
        font-size: 1.3rem;
    }
    ul.nav-menu-list-style>li li>a {
        font-size: 15px!important;
        word-break: break-all;
        line-height: 14px;
        margin: 4px 0;
        padding-top: 6px;
        padding-bottom: 6px;
    }
    ul.nav-menu-list-style>li li>a::before {
        top: 5px;
    }
    .table-responsive {
        width: 100%;
        margin-top: 25px;
        float: left;
    }
    table.responsive-table {
        table-layout: fixed;
        border: 0;
    }
    table.responsive-table thead {
        display: none;
    }
    table.responsive-table tr:nth-child(even) {
        background: #f4f4f4!important;
    }
    table.responsive-table tr:nth-child(odd) {
        background: #ffffff!important;
    }
    table.responsive-table td {
        display: block;
        min-height: 50px;
        text-align: left;
        padding-left: 40%!important;
        word-break: break-all;
        white-space: normal!important;
        position: relative;
    }
    table.responsive-table td:last-child {
        border-bottom: 0;
    }
    table.responsive-table td:before {
        content: attr(data-label);
        float: left;
        text-transform: uppercase;
        font-weight: bold;
        position: absolute;
        left: 15px;
        top: 15px;
    }
    table.responsive-table td .action-btn {
        text-align: left;
    }
    table.responsive-table td .action-btn>a {
        box-shadow: 0 0 0 2px #eee;
    }
    .selectmenu-box,
    .table-toolbar-right {
        width: 100%;
    }
    .advance-filter-box {
        width: calc(100% - 0);
        margin: 0!important;
    }
    .advance-filter-box.mobile-filter {
        width: 100%;
        margin: 0!important;
    }
    .advance-filter-box.building-filter {
        margin: 0!important;
    }
    .inner-wrap ul.nav.nav-tabs {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        margin-top: 45px;
    }
    .inner-wrap ul.nav.nav-tabs li a {
        white-space: nowrap;
    }
    .inner-tab-box.property-tab-box {
        margin-top: 15px;
    }
}

@media (min-width:980px) {
    .info-mandatory-txt {
        position: relative;
        left: 10px;
    }
}

@media (min-width:980px) and (max-width:1024px) {
    /*.table-responsive{overflow: auto;}*/
    .table-responsive table thead th {
        white-space: nowrap;
    }
    .edit-employee-btm {
        position: relative;
        left: 0px!important;
    }
    .edit-employee-btm-btn {
        position: relative;
        left: 40px!important;
    }
}

@media (max-width:980px) {
    .action-btn.open .dropdown-menu {
        left: auto;
    }
    .dashboard-block .panel-body h2 {
        width: 75px;
        height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .right-top-info a.logout {
        font-size: 12px;
    }
    .advance-filter-box {
        margin-top: 10px;
    }
    .edit-employee-btm {
        position: relative;
        left: 10px!important;
    }
    .edit-employee-btm-btn {
        position: relative;
        left: 40px!important;
    }
}

@media (min-width:768px) {
    .desktop-margin {
        margin-left: 0!important;
    }
}

@media (min-width:768px) and (max-width:980px) {
    .left-part {
        width: 30%;
    }
    .right-part {
        width: 70%;
    }
    .inner-page:before {
        left: calc(30% - 1px);
    }
    .logo-inside a {
        font-size: 30px!important;
    }
    ul.nav-menu-list-style .nav-header {
        font-size: 1.3rem;
    }
    ul.nav-menu-list-style>li li>a {
        font-size: 15px!important;
    }
    .selectmenu-box {
        text-align: left;
        padding-top: 10px;
    }
    .inner-subdropdown {
        margin-left: 15px;
    }
    .btn-wrap.btn-create-property {
        margin: 0;
    }
    .inner-tab-box.property-tab-box {
        margin-top: 15px;
    }
}

@media (max-width:767px) {
    html {
        background: #f4f6f8;
        overflow: hidden;
    }
    .form-group.role-form-group .input-check-field {
        margin: 0 0px 5px;
    }
    .btn-wrap.tab-btn-wrap {
        left: 15px!important;
    }
    .inner-wrap ul.nav.nav-tabs {
        margin-top: 20px;
    }
    .employee-field-list .input-check-field {
        margin-left: 5px;
    }
    .btn-wrap.invoice-btn-wrap {
        margin: 0!important;
    }
    .btn-wrap.construction-btn-wrap {
        margin: 0!important;
    }
    .info-section-label .single-label {
        margin-bottom: 8px;
    }
    .form-group.status-row {
        display: flex;
    }
    .status-row .status-txt {
        padding-top: 14px;
    }
    .btn-wrap.taxanomy-btn-wrap {
        margin: 0!important;
    }
    .icons-box.property-icon-list {
        margin: 15px;
    }
    .inner-tab-box.property-tab-box {
        margin: 15px 15px 0;
    }
    .update-btn-info.mobile-btn-wrap {
        margin-left: 0!important;
    }
    .btn-wrap.mobile-btn-wrap.mobile-btn-wrap button {
        margin-left: 0!important;
    }
    .edit-client-btm {
        margin-left: 15px!important;
    }
    .mandatory-txt.mobile-mandatory-space {
        padding-left: 15px;
    }
    .mobile-qr-code {
        margin: 0!important;
    }
    .info-confirmation-text.mobile-mandatory-txt {
        margin-left: 0!important;
        margin-right: 0!important;
    }
    .mobile-search-portion .selectmenu-box {
        text-align: right;
    }
    .advance-filter-box.building-filter {
        width: calc(100% - 30px);
        margin: 0 15px!important;
    }
    .form-padding-rgt {
        padding-right: 15px;
    }
    body {
        overflow-x: hidden
    }
    h2.page-title {
        margin-top: 10px;
    }
    .logo-wrap {
        margin-bottom: 15px
    }
    .logo-wrap img {
        max-width: 60%;
    }
    footer {
        height: 70px;
        position: fixed
    }
    .footer-links,
    .copyright-text,
    .before-login-bg footer .footer-links {
        text-align: center
    }
    .logo-inside {
        padding: 0
    }
    .logo-inside a {
        font-size: 22px !important;
        display: inline-block;
        padding: 5px;
    }
    .top-right-part {
        padding: 5px
    }
    .left-nav {
        padding: 10px;
        text-align: center;
    }
    .nav-form-wrap input {
        padding: 5px 30px 5px 5px
    }
    .nav-form-wrap button {
        right: 0;
        top: 4px;
        font-size: 16px;
    }
    .btn-nav {
        top: 0;
        left: 15px
    }
    .right-top-info {
        margin: 7px 0 0;
    }
    /*For Menu*/
    .inner-page:before {
        left: -2px
    }
    .inner-page .left-part {
        width: 0;
        left: -100%;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
    }
    .menu_open .left-part {
        left: 0;
        width: 50%
    }
    .right-part {
        width: 100%;
        position: absolute !important;
        right: 0;
        transition: all 0.5s ease-in-out;
        -webkit-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
    }
    .menu_open .right-part {
        right: -50%;
    }
    .left-part .left-nav {
        left: 0;
        position: relative;
        margin: 0;
        text-align: left;
    }
    ul.nav-menu-list-style .nav-header {
        font-size: 13px
    }
    .menu_open .logo-inside {
        padding: 0
    }
    ul.nav-menu-list-style .nav-header .menu-collapsible-icon {
        top: 10px;
    }
    ul.nav-menu-list-style>li li>a {
        font-size: 12px !important;
        padding: 4px 5px 6px 30px;
        margin: 0;
    }
    ul.nav-menu-list-style>li li>a::before {
        left: 20px
    }
    .table-responsive {
        overflow-x: auto;
        max-width: 100%;
    }
    .action-btn .dropdown-menu {
        width: 225px
    }
    .dropdown-menu>li>a {
        font-size: 12px;
    }
    .right-part .inner-wrap {
        padding: 50px 15px 80px;
    }
    .white-wrap {
        padding: 15px;
        overflow: hidden;
    }
    .pagination {
        margin: 0;
        text-align: center
    }
    .pagination>li {
        display: inline-block;
    }
    .pagination>li>a,
    .pagination>li>span {
        border-radius: 0 !important;
        display: inline-block;
        margin: 5px;
    }
    /*body .right-part{position: relative!important;}*/
    .pricing-wrap-box,
    .car-bg {
        height: auto;
        min-height: 100vh;
        padding-bottom: 100px;
    }
    .pricing-box .inside-pricing-box ul.pricing-list {
        white-space: normal;
    }
    .pricing-box .inside-pricing-box ul.pricing-list>li {
        width: 100%;
        margin-bottom: 65px;
        clear: both;
    }
    .before-login-bg footer {
        background: #0d83dd;
    }
    .card-info-main-box {
        width: 100%;
    }
    .upload-photo-box {
        width: 95%;
    }
    .input-check-field .inner-check-field {
        display: block;
        margin: 10px 0 0 -5px;
    }
    .img-box-small {
        width: 100%;
        text-align: center;
    }
    .img-box-small img {
        float: none;
    }
    .top-right-part .row {
        margin: 0;
    }
    .before-login-bg .form-box {
        margin-top: 0;
        margin-bottom: 0;
    }
    .before-login-bg .form-box h2 {
        margin: 10px 0 5px;
    }
    .form-horizontal .form-group,
    .btn-wrap.row {
        margin-right: 0;
        margin-left: 0;
    }
    #file_list,
    button.assign {
        margin: 0 15px;
    }
    #file_list .ui-multiselect div.available .wrap-btn {
        width: 100%;
        text-align: center;
        clear: both;
    }
    #file_list .ui-multiselect div.available .wrap-btn a {
        float: none;
    }
    #file_list .ui-multiselect div.available div.actions input,
    #file_list .ui-multiselect div.available div.actions select {
        min-width: 43%;
        width: 43%;
    }
    #file_list .ui-multiselect div.selected div.actions,
    #file_list .ui-multiselect div.available div.actions {
        text-align: center;
    }
    #file_list .ui-multiselect div.selected div.actions span.count {
        display: block;
        float: none;
    }
    #file_list .ui-multiselect div.selected div.actions a,
    #file_list .ui-multiselect div.available div.actions a {
        margin-bottom: 6px;
        float: none;
    }
    #file_list .ui-multiselect div.selected ul li,
    #file_list .ui-multiselect div.available ul li {
        padding-right: 16px!important;
    }
    .qr-code-box {
        margin: 0 -15px;
    }
    .logo-inside a {
        top: 3px;
    }
    form.nav-form-wrap {
        position: relative;
        top: 3px;
    }
    a#menu_btn svg {
        position: relative;
        top: 2px;
        left: -8px;
    }
    .selectmenu-box {
        display: flex;
    }
    .selectmenu-box .form-group input[type='text'] {
        flex: 1;
        top: 1px;
    }
    .pricing-box .inside-pricing-box ul.pricing-list {
        display: block;
    }
    .pricing-box .inside-pricing-box ul.pricing-list>li {
        margin-bottom: 30px;
    }
    .white-wrap .btn-wrap {
        margin-left: -15px;
    }
    .btn-wrap.mobile-btn-wrap button {
        margin-left: 15px!important;
    }
    .btn-wrap button {
        margin-left: 0;
    }
    .table-toolbar-right {
        display: flex;
    }
    .table-toolbar-right>.row {
        flex: 1;
    }
    .table-toolbar-right .form-group {
        flex: 1;
        margin-right: 5px;
    }
    .table-toolbar-right.search_rightinput .form-control {
        top: 1px;
    }
    .btn-wrap.client-btn {
        margin: 0 15px;
    }
    .info-confirmation-text {
        margin: 0 15px 15px!important;
    }
    .section-qrcode .qr-code-inner {
        display: block;
    }
    .section-qrcode .qr-code-inner>div {
        text-align: center;
        margin-bottom: 10px;
    }
    .mobile-space {
        margin-left: 15px;
        margin-right: 15px;
    }
    body .table-responsive {
        width: calc(100% - 30px);
        margin: 15px;
    }
    body .table-responsive.property-table {
        width: 100%;
        margin: 0;
    }
    body .table-responsive.property-table.taxonomy-table {
        margin-top: 15px;
    }
    .download-file-box p>span {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        transform: scale(0.7);
        position: absolute;
        right: -5px;
        top: 5px;
        z-index: 10;
    }
    .download-file-box p>a {
        font-weight: 500;
        display: flex;
        width: 100%;
        word-break: break-all;
    }
    .download-file-box p {
        padding-right: 110px;
        position: relative
    }
    .right-part::before {
        content: "";
        position: absolute;
        background: #002366;
        left: -500px;
        top: 0;
        width: 10000px;
        height: 46px;
        z-index: 0;
    }
}

@media (max-width:414px) {
    body .mobile-search-portion {
        margin: 0 15px;
        width: calc(100% - 30px);
    }
    table.responsive-table td {
        padding: 32px 15px 15px 15px!important;
    }
    table.responsive-table td:before {
        left: 15px;
        top: 10px;
    }
    .page-title a {
        padding: 0 10px;
    }
    .upload-photo-box.employee-edit {
        width: 100%!important;
        left: 15px!important;
    }
    .selection-assign-box {
        display: block;
    }
    .selection-assign-box>div {
        width: 100%!important;
    }
    .selection-assign-box .assign-btn-box {
        display: flex;
        width: calc(100% - 30px)!important;
        margin: 15px;
        position: relative;
        bottom: -8px;
    }
    .selection-assign-box .assign-btn-box button {
        margin: 0 3px!important;
    }
    .selection-assign-box .assign-btn-box button {
        margin: 0 3px!important;
    }
    .selection-assign-box .assign-btn-box button#optgroup_rightAll i,
    .assign-btn-box button#optgroup_rightSelected i {
        transform: rotate(90deg);
    }
    .selection-assign-box .assign-btn-box button#optgroup_leftSelected i,
    .assign-btn-box button#optgroup_leftAll i {
        transform: rotate(90deg);
    }
    ul.nav-menu-list-style .nav-header .menu-collapsible-icon {
        right: -12px;
    }
    .right-top-info {
        margin-left: -30px;
    }
    .right-top-info a svg:not(:root).svg-inline--fa {
        font-size: 14px;
        margin: 0 -3px;
    }
    .advance-filter-box {
        width: calc(100% - 30px);
        margin: 0 15px!important;
    }
    .advance-filter-box.property-filter {
        width: 100%;
        margin: 0!important;
    }
    .advance-filter-box.create-list {
        width: 100%;
        margin: 0!important;
    }
    .white-wrap.btn-placement.employee-box-list {
        padding-bottom: 105px;
    }
    .edit-employee-btm {
        position: relative;
        left: 0px!important;
    }
    .edit-employee-btm-btn {
        position: relative;
        left: 30px!important;
    }
}

@media (max-width:375px) {
    .white-wrap.btn-placement.employee-box-list {
        padding-bottom: 157px;
    }
}


/* Toggle switch*/

.switch {
    position: relative;
    display: inline-block;
    /*width: 60px;

  height: 34px;*/
    width: 49px;
    height: 22px;
    margin: 0;
}

.switch input {
    display: none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 4px;
    bottom: 3px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked+.slider {
    background-color: #002f89;
}

input:focus+.slider {
    box-shadow: 0 0 1px #002f89;
}

input:checked+.slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}


/* Rounded sliders */

.slider.round {
    border-radius: 34px;
}

.slider.round:before {
    border-radius: 50%;
}

h5.modal-title {
    font-size: 25px;
    text-transform: uppercase;
    color: #85c41f;
    font-weight: 300;
    text-align: center;
}


/* Toggle switch end*/

@media screen and (-webkit-device-pixel-ratio:3) {
    ul.nav-menu-list-style .nav-header {
        font-size: 16px;
    }
}

@media (min-width: 375px) and (max-width:420px) {
    ul.nav-menu-list-style .nav-header {
        font-size: 18px;
    }
    h2.page-title {
        font-size: 22px;
    }
    .right-top-info {
        margin: 4px 0 0 !important;
        font-size: 18px;
    }
    ul.nav-menu-list-style>li li>a {
        font-size: 17px !important;
        padding: 4px 5px 6px 20px;
        margin: 0;
        line-height: 1.2em;
    }
    ul.nav-menu-list-style>li li>a::before {
        font-size: 18px;
        left: 5px;
    }
    .page-title a {
        font-size: small;
        width: 100%;
        text-align: center;
        margin: 5px 0 15px;
    }
}

.avatar {
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}