/*!

 * Hover.css (http://ianlunn.github.io/Hover/)

 * Version: 2.0.2

 * Author: Ian Lunn @IanLunn

 * Author URL: http://ianlunn.co.uk/

 * Github: https://github.com/IanLunn/Hover



 * Made available under a MIT License:

 * http://www.opensource.org/licenses/mit-license.php



 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.

 */



.hvr-grow,

.hvr-shrink {

    -webkit-transition-property: transform

}



.hvr-grow,

.hvr-pulse,

.hvr-pulse-grow,

.hvr-pulse-shrink,

.hvr-shrink {

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 0 1px transparent

}



.hvr-back-pulse:active,

.hvr-back-pulse:focus,

.hvr-back-pulse:hover,

.hvr-bounce-to-left:active,

.hvr-bounce-to-left:focus,

.hvr-bounce-to-left:hover,

.hvr-bounce-to-right:active,

.hvr-bounce-to-right:focus,

.hvr-bounce-to-right:hover,

.hvr-bounce-to-top:active,

.hvr-bounce-to-top:focus,

.hvr-bounce-to-top:hover,

.hvr-fade:active,

.hvr-fade:focus,

.hvr-fade:hover,

.hvr-radial-in:active,

.hvr-radial-in:focus,

.hvr-radial-in:hover,

.hvr-radial-out:active,

.hvr-radial-out:focus,

.hvr-radial-out:hover,

.hvr-rectangle-in:active,

.hvr-rectangle-in:focus,

.hvr-rectangle-in:hover,

.hvr-rectangle-out:active,

.hvr-rectangle-out:focus,

.hvr-rectangle-out:hover,

.hvr-shutter-in-horizontal:active,

.hvr-shutter-in-horizontal:focus,

.hvr-shutter-in-horizontal:hover,

.hvr-shutter-in-vertical:active,

.hvr-shutter-in-vertical:focus,

.hvr-shutter-in-vertical:hover,

.hvr-shutter-out-horizontal:active,

.hvr-shutter-out-horizontal:focus,

.hvr-shutter-out-horizontal:hover,

.hvr-shutter-out-vertical:active,

.hvr-shutter-out-vertical:focus,

.hvr-shutter-out-vertical:hover,

.hvr-sweep-to-bottom:active,

.hvr-sweep-to-bottom:focus,

.hvr-sweep-to-bottom:hover,

.hvr-sweep-to-left:active,

.hvr-sweep-to-left:focus,

.hvr-sweep-to-left:hover,

.hvr-sweep-to-right:active,

.hvr-sweep-to-right:focus,

.hvr-sweep-to-right:hover,

.hvr-sweep-to-top:active,

.hvr-sweep-to-top:focus,

.hvr-sweep-to-top:hover {

    color: #fff

}



.hvr-grow {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform

}



.hvr-rotate,

.hvr-shrink {

    -webkit-transition-duration: .3s

}



.hvr-grow:active,

.hvr-grow:focus,

.hvr-grow:hover {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.hvr-shrink {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    transition-duration: .3s;

    transition-property: transform

}



.hvr-grow-rotate,

.hvr-rotate {

    -webkit-transition-property: transform

}



.hvr-shrink:active,

.hvr-shrink:focus,

.hvr-shrink:hover {

    -webkit-transform: scale(.9);

    transform: scale(.9)

}



@-webkit-keyframes hvr-pulse {

    25% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }

    75% {

        -webkit-transform: scale(.9);

        transform: scale(.9)

    }

}



@keyframes hvr-pulse {

    25% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }

    75% {

        -webkit-transform: scale(.9);

        transform: scale(.9)

    }

}



.hvr-pulse {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0)

}



.hvr-pulse:active,

.hvr-pulse:focus,

.hvr-pulse:hover {

    -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

}



@-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 {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0)

}



.hvr-pulse-grow:active,

.hvr-pulse-grow:focus,

.hvr-pulse-grow:hover {

    -webkit-animation-name: hvr-pulse-grow;

    animation-name: hvr-pulse-grow;

    -webkit-animation-duration: .3s;

    animation-duration: .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

}



@-webkit-keyframes hvr-pulse-shrink {

    to {

        -webkit-transform: scale(.9);

        transform: scale(.9)

    }

}



@keyframes hvr-pulse-shrink {

    to {

        -webkit-transform: scale(.9);

        transform: scale(.9)

    }

}



.hvr-pulse-shrink {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0)

}



.hvr-pulse-shrink:active,

.hvr-pulse-shrink:focus,

.hvr-pulse-shrink:hover {

    -webkit-animation-name: hvr-pulse-shrink;

    animation-name: hvr-pulse-shrink;

    -webkit-animation-duration: .3s;

    animation-duration: .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

}



@-webkit-keyframes hvr-push {

    50% {

        -webkit-transform: scale(.8);

        transform: scale(.8)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes hvr-push {

    50% {

        -webkit-transform: scale(.8);

        transform: scale(.8)

    }

    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.hvr-pop,

.hvr-push {

    -webkit-transform: perspective(1px) translateZ(0);

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 0 1px transparent

}



.hvr-push {

    transform: perspective(1px) translateZ(0)

}



.hvr-push:active,

.hvr-push:focus,

.hvr-push:hover {

    -webkit-animation-name: hvr-push;

    animation-name: hvr-push;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1

}



@-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 {

    transform: perspective(1px) translateZ(0)

}



.hvr-pop:active,

.hvr-pop:focus,

.hvr-pop:hover {

    -webkit-animation-name: hvr-pop;

    animation-name: hvr-pop;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1

}



.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: .5s;

    transition-duration: .5s

}



.hvr-bounce-in:active,

.hvr-bounce-in:focus,

.hvr-bounce-in:hover {

    -webkit-transform: scale(1.2);

    transform: scale(1.2);

    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);

    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)

}



.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: .5s;

    transition-duration: .5s

}



.hvr-bounce-out:active,

.hvr-bounce-out:focus,

.hvr-bounce-out:hover {

    -webkit-transform: scale(.8);

    transform: scale(.8);

    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);

    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)

}



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

    transition-duration: .3s;

    transition-property: transform

}



.hvr-float,

.hvr-grow-rotate {

    -webkit-transition-duration: .3s

}



.hvr-rotate:active,

.hvr-rotate:focus,

.hvr-rotate:hover {

    -webkit-transform: rotate(4deg);

    transform: rotate(4deg)

}



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

    transition-duration: .3s;

    transition-property: transform

}



.hvr-float,

.hvr-sink {

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 0 1px transparent;

    -webkit-transition-property: transform

}



.hvr-grow-rotate:active,

.hvr-grow-rotate:focus,

.hvr-grow-rotate:hover {

    -webkit-transform: scale(1.1) rotate(4deg);

    transform: scale(1.1) rotate(4deg)

}



.hvr-float {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    transition-duration: .3s;

    transition-property: transform;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hvr-sink,

.hvr-skew {

    -webkit-transition-duration: .3s

}



.hvr-float:active,

.hvr-float:focus,

.hvr-float:hover {

    -webkit-transform: translateY(-8px);

    transform: translateY(-8px)

}



.hvr-sink {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    transition-duration: .3s;

    transition-property: transform;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hvr-skew,

.hvr-skew-forward {

    -webkit-transition-property: transform

}



.hvr-sink:active,

.hvr-sink:focus,

.hvr-sink:hover {

    -webkit-transform: translateY(8px);

    transform: translateY(8px)

}



@-webkit-keyframes hvr-bob {

    0%,

    100% {

        -webkit-transform: translateY(-8px);

        transform: translateY(-8px)

    }

    50% {

        -webkit-transform: translateY(-4px);

        transform: translateY(-4px)

    }

}



@keyframes hvr-bob {

    0%,

    100% {

        -webkit-transform: translateY(-8px);

        transform: translateY(-8px)

    }

    50% {

        -webkit-transform: translateY(-4px);

        transform: translateY(-4px)

    }

}



@-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,

.hvr-hang {

    -webkit-transform: perspective(1px) translateZ(0);

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 0 1px transparent

}



.hvr-bob {

    transform: perspective(1px) translateZ(0)

}



.hvr-bob:active,

.hvr-bob:focus,

.hvr-bob:hover {

    -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

}



.hvr-hang:active,

.hvr-hang:focus,

.hvr-hang:hover,

.hvr-icon-bob:active:before,

.hvr-icon-bob:focus:before,

.hvr-icon-bob:hover:before {

    -webkit-animation-duration: .3s, 1.5s;

    -webkit-animation-delay: 0s, .3s;

    -webkit-animation-timing-function: ease-out, ease-in-out;

    -webkit-animation-iteration-count: 1, infinite;

    -webkit-animation-direction: normal, alternate

}



@-webkit-keyframes hvr-hang {

    0%,

    100% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px)

    }

    50% {

        -webkit-transform: translateY(4px);

        transform: translateY(4px)

    }

}



@keyframes hvr-hang {

    0%,

    100% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px)

    }

    50% {

        -webkit-transform: translateY(4px);

        transform: translateY(4px)

    }

}



@-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 {

    transform: perspective(1px) translateZ(0)

}



.hvr-hang:active,

.hvr-hang:focus,

.hvr-hang:hover {

    -webkit-animation-name: hvr-hang-sink, hvr-hang;

    animation-name: hvr-hang-sink, hvr-hang;

    animation-duration: .3s, 1.5s;

    animation-delay: 0s, .3s;

    animation-timing-function: ease-out, ease-in-out;

    animation-iteration-count: 1, infinite;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    animation-direction: normal, alternate

}



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

    transition-duration: .3s;

    transition-property: transform

}



.hvr-skew-backward,

.hvr-skew-forward {

    -webkit-transition-duration: .3s;

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 0 1px transparent

}



.hvr-skew:active,

.hvr-skew:focus,

.hvr-skew:hover {

    -webkit-transform: skew(-10deg);

    transform: skew(-10deg)

}



.hvr-skew-forward {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    transition-duration: .3s;

    transition-property: transform;

    -webkit-transform-origin: 0 100%;

    transform-origin: 0 100%

}



.hvr-forward,

.hvr-skew-backward {

    -webkit-transition-property: transform

}



.hvr-skew-forward:active,

.hvr-skew-forward:focus,

.hvr-skew-forward:hover {

    -webkit-transform: skew(-10deg);

    transform: skew(-10deg)

}



.hvr-skew-backward {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    transition-duration: .3s;

    transition-property: transform;

    -webkit-transform-origin: 0 100%;

    transform-origin: 0 100%

}



.hvr-backward,

.hvr-forward {

    -webkit-transition-duration: .3s

}



.hvr-skew-backward:active,

.hvr-skew-backward:focus,

.hvr-skew-backward:hover {

    -webkit-transform: skew(10deg);

    transform: skew(10deg)

}



@-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:active,

.hvr-wobble-vertical:focus,

.hvr-wobble-vertical:hover {

    -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

}



@-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:active,

.hvr-wobble-horizontal:focus,

.hvr-wobble-horizontal:hover {

    -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

}



@-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:active,

.hvr-wobble-to-bottom-right:focus,

.hvr-wobble-to-bottom-right:hover {

    -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

}



@-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:active,

.hvr-wobble-to-top-right:focus,

.hvr-wobble-to-top-right:hover {

    -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

}



@-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:active,

.hvr-wobble-top:focus,

.hvr-wobble-top:hover {

    -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

}



@-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:active,

.hvr-wobble-bottom:focus,

.hvr-wobble-bottom:hover {

    -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

}



@-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:active,

.hvr-wobble-skew:focus,

.hvr-wobble-skew:hover {

    -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

}



@-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,

.hvr-buzz-out {

    -webkit-transform: perspective(1px) translateZ(0);

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 0 1px transparent

}



.hvr-buzz {

    transform: perspective(1px) translateZ(0)

}



.hvr-buzz:active,

.hvr-buzz:focus,

.hvr-buzz:hover {

    -webkit-animation-name: hvr-buzz;

    animation-name: hvr-buzz;

    -webkit-animation-duration: .15s;

    animation-duration: .15s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite

}



@-webkit-keyframes hvr-buzz-out {

    10%,

    30% {

        -webkit-transform: translateX(3px) rotate(2deg);

        transform: translateX(3px) rotate(2deg)

    }

    20%,

    40% {

        -webkit-transform: translateX(-3px) rotate(-2deg);

        transform: translateX(-3px) rotate(-2deg)

    }

    50%,

    70% {

        -webkit-transform: translateX(2px) rotate(1deg);

        transform: translateX(2px) rotate(1deg)

    }

    60%,

    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%,

    30% {

        -webkit-transform: translateX(3px) rotate(2deg);

        transform: translateX(3px) rotate(2deg)

    }

    20%,

    40% {

        -webkit-transform: translateX(-3px) rotate(-2deg);

        transform: translateX(-3px) rotate(-2deg)

    }

    50%,

    70% {

        -webkit-transform: translateX(2px) rotate(1deg);

        transform: translateX(2px) rotate(1deg)

    }

    60%,

    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 {

    transform: perspective(1px) translateZ(0)

}



.hvr-buzz-out:active,

.hvr-buzz-out:focus,

.hvr-buzz-out:hover {

    -webkit-animation-name: hvr-buzz-out;

    animation-name: hvr-buzz-out;

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1

}



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

    transition-duration: .3s;

    transition-property: transform

}



.hvr-forward:active,

.hvr-forward:focus,

.hvr-forward:hover {

    -webkit-transform: translateX(8px);

    transform: translateX(8px)

}



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

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-fade,

.hvr-sweep-to-right {

    -webkit-transition-duration: .3s

}



.hvr-backward:active,

.hvr-backward:focus,

.hvr-backward:hover {

    -webkit-transform: translateX(-8px);

    transform: translateX(-8px)

}



.hvr-back-pulse,

.hvr-fade {

    -webkit-transform: perspective(1px) translateZ(0);

    overflow: hidden

}



.hvr-fade {

    display: inline-block;

    vertical-align: middle;

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    transition-duration: .3s;

    -webkit-transition-property: color, background-color;

    transition-property: color, background-color

}



.hvr-back-pulse,

.hvr-bounce-to-right {

    -webkit-transition-duration: .5s;

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 0 1px transparent

}



.hvr-fade:active,

.hvr-fade:focus,

.hvr-fade:hover {

    background-color: #f17b37;

}



@-webkit-keyframes hvr-back-pulse {

    50% {

        background-color: rgba(32, 152, 209, .75)

    }

}



@keyframes hvr-back-pulse {

    50% {

        background-color: rgba(32, 152, 209, .75)

    }

}



.hvr-back-pulse {

    transform: perspective(1px) translateZ(0);

    transition-duration: .5s;

    -webkit-transition-property: color, background-color;

    transition-property: color, background-color

}



.hvr-back-pulse:active,

.hvr-back-pulse:focus,

.hvr-back-pulse:hover {

    -webkit-animation-name: hvr-back-pulse;

    animation-name: hvr-back-pulse;

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-delay: .5s;

    animation-delay: .5s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    background-color: #2098d1

}



.hvr-sweep-to-left:before,

.hvr-sweep-to-right:before {

    content: "";

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098D1;

    -webkit-transition-timing-function: ease-out

}



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

    transition-duration: .3s

}



.hvr-sweep-to-right:before {

    position: absolute;

    -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: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-sweep-to-right:active:before,

.hvr-sweep-to-right:focus:before,

.hvr-sweep-to-right:hover:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

}



.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: .3s;

    transition-duration: .3s

}



.hvr-sweep-to-left:before {

    position: absolute;

    -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: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-sweep-to-bottom:before,

.hvr-sweep-to-top:before {

    content: "";

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098D1;

    -webkit-transition-timing-function: ease-out

}



.hvr-sweep-to-left:active:before,

.hvr-sweep-to-left:focus:before,

.hvr-sweep-to-left:hover:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

}



.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: .3s;

    transition-duration: .3s

}



.hvr-sweep-to-bottom:before {

    position: absolute;

    -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: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-sweep-to-bottom:active:before,

.hvr-sweep-to-bottom:focus:before,

.hvr-sweep-to-bottom:hover:before {

    -webkit-transform: scaleY(1);

    transform: scaleY(1)

}



.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: .3s;

    transition-duration: .3s

}



.hvr-sweep-to-top:before {

    position: absolute;

    -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: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-bounce-to-left:before,

.hvr-bounce-to-right:before {

    background: #000;

    content: "";

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0

}



.hvr-sweep-to-top:active:before,

.hvr-sweep-to-top:focus:before,

.hvr-sweep-to-top:hover:before {

    -webkit-transform: scaleY(1);

    transform: scaleY(1)

}



.hvr-bounce-to-right {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    transition-duration: .5s

}



.hvr-bounce-to-right:before {

    position: absolute;

    -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: .5s;

    transition-duration: .5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hvr-bounce-to-right:active:before,

.hvr-bounce-to-right:focus:before,

.hvr-bounce-to-right:hover:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)

}



.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: .5s;

    transition-duration: .5s

}



.hvr-bounce-to-left:before {

    position: absolute;

    -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: .5s;

    transition-duration: .5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hvr-bounce-to-left:active:before,

.hvr-bounce-to-left:focus:before,

.hvr-bounce-to-left:hover:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)

}



.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: .5s;

    transition-duration: .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: .5s;

    transition-duration: .5s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hvr-bounce-to-bottom:active,

.hvr-bounce-to-bottom:focus,

.hvr-bounce-to-bottom:hover {

    color: #fff

}



.hvr-bounce-to-bottom:active:before,

.hvr-bounce-to-bottom:focus:before,

.hvr-bounce-to-bottom:hover:before {

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)

}



.hvr-bounce-to-top:before,

.hvr-radial-out:before {

    content: "";

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    -webkit-transition-timing-function: ease-out

}



.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: .5s;

    transition-duration: .5s

}



.hvr-bounce-to-top:before {

    position: absolute;

    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: .5s;

    transition-duration: .5s;

    transition-timing-function: ease-out

}



.hvr-bounce-to-top:active:before,

.hvr-bounce-to-top:focus:before,

.hvr-bounce-to-top:hover:before {

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transition-timing-function: cubic-bezier(.52, 1.64, .37, .66);

    transition-timing-function: cubic-bezier(.52, 1.64, .37, .66)

}



.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: .3s;

    transition-duration: .3s

}



.hvr-radial-in,

.hvr-radial-out:before {

    background: #2098D1;

    -webkit-transition-duration: .3s

}



.hvr-radial-out:before {

    position: absolute;

    border-radius: 100%;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition-property: transform;

    transition-property: transform;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-radial-in:before,

.hvr-rectangle-in:before {

    content: "";

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    -webkit-transition-timing-function: ease-out

}



.hvr-radial-out:active:before,

.hvr-radial-out:focus:before,

.hvr-radial-out:hover:before {

    -webkit-transform: scale(2);

    transform: scale(2)

}



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

    -webkit-transition-property: color;

    transition-property: color;

    transition-duration: .3s

}



.hvr-radial-in:before {

    position: absolute;

    background: #e1e1e1;

    border-radius: 100%;

    -webkit-transform: scale(2);

    transform: scale(2);

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-radial-in:active:before,

.hvr-radial-in:focus:before,

.hvr-radial-in:hover:before {

    -webkit-transform: scale(0);

    transform: scale(0)

}



.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: .3s;

    transition-duration: .3s

}



.hvr-rectangle-in:before,

.hvr-rectangle-out {

    background: #e1e1e1;

    -webkit-transition-duration: .3s

}



.hvr-rectangle-in:before {

    position: absolute;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition-property: transform;

    transition-property: transform;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-rectangle-out:before,

.hvr-shutter-in-horizontal:before {

    content: "";

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    -webkit-transition-timing-function: ease-out

}



.hvr-rectangle-in:active:before,

.hvr-rectangle-in:focus:before,

.hvr-rectangle-in:hover:before {

    -webkit-transform: scale(0);

    transform: scale(0)

}



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

    -webkit-transition-property: color;

    transition-property: color;

    transition-duration: .3s

}



.hvr-rectangle-out:before {

    position: absolute;

    background: #2098D1;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-rectangle-out:active:before,

.hvr-rectangle-out:focus:before,

.hvr-rectangle-out:hover:before {

    -webkit-transform: scale(1);

    transform: scale(1)

}



.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: .3s;

    transition-duration: .3s

}



.hvr-shutter-in-horizontal:before {

    position: absolute;

    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: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-shutter-in-vertical:before,

.hvr-shutter-out-horizontal:before {

    -webkit-transition-timing-function: ease-out;

    content: "";

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0

}



.hvr-shutter-in-horizontal:active:before,

.hvr-shutter-in-horizontal:focus:before,

.hvr-shutter-in-horizontal:hover:before {

    -webkit-transform: scaleX(0);

    transform: scaleX(0)

}



.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: .3s;

    transition-duration: .3s

}



.hvr-shutter-out-horizontal:before {

    position: absolute;

    background: black;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-shutter-out-horizontal:active:before,

.hvr-shutter-out-horizontal:focus:before,

.hvr-shutter-out-horizontal:hover:before {

    -webkit-transform: scaleX(1);

    transform: scaleX(1)

}



.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: .3s;

    transition-duration: .3s

}



.hvr-shutter-in-vertical:before {

    position: absolute;

    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: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-shutter-in-vertical:active:before,

.hvr-shutter-in-vertical:focus:before,

.hvr-shutter-in-vertical:hover:before {

    -webkit-transform: scaleY(0);

    transform: scaleY(0)

}



.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: .3s;

    transition-duration: .3s

}



.hvr-shutter-out-vertical:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #f17b37;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hvr-ripple-out:before,

.hvr-trim:before {

    content: ''

}



.hvr-border-fade,

.hvr-glow {

    -webkit-transition-property: box-shadow

}



.hvr-shutter-out-vertical:active:before,

.hvr-shutter-out-vertical:focus:before,

.hvr-shutter-out-vertical:hover:before {

    -webkit-transform: scaleY(1);

    transform: scaleY(1)

}



.hvr-border-fade,

.hvr-hollow {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0)

}



.hvr-border-fade {

    transform: perspective(1px) translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: box-shadow;

    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent

}



.hvr-hollow,

.hvr-trim:before {

    -webkit-transition-duration: .3s

}



.hvr-border-fade:active,

.hvr-border-fade:focus,

.hvr-border-fade:hover {

    box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent

}



.hvr-hollow {

    transform: perspective(1px) translateZ(0);

    transition-duration: .3s;

    -webkit-transition-property: background;

    transition-property: background;

    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent

}



.hvr-ripple-out,

.hvr-trim {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0)

}



.hvr-hollow:active,

.hvr-hollow:focus,

.hvr-hollow:hover {

    background: 0 0

}



.hvr-trim {

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    position: relative

}



.hvr-trim:before {

    position: absolute;

    border: 4px solid #fff;

    top: 4px;

    left: 4px;

    right: 4px;

    bottom: 4px;

    opacity: 0;

    transition-duration: .3s;

    -webkit-transition-property: opacity;

    transition-property: opacity

}



.hvr-trim:active:before,

.hvr-trim:focus:before,

.hvr-trim:hover:before {

    opacity: 1

}



@-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 {

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    position: relative

}



.hvr-outline-out,

.hvr-ripple-in {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent

}



.hvr-ripple-out:before {

    position: absolute;

    border: 6px solid #e1e1e1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    -webkit-animation-duration: 1s;

    animation-duration: 1s

}



.hvr-ripple-out:active:before,

.hvr-ripple-out:focus:before,

.hvr-ripple-out:hover:before {

    -webkit-animation-name: hvr-ripple-out;

    animation-name: hvr-ripple-out

}



@-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-outline-in:before,

.hvr-ripple-in:before {

    content: '';

    border: 4px solid #e1e1e1;

    opacity: 0

}



.hvr-ripple-in {

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-ripple-in:before {

    position: absolute;

    top: -12px;

    right: -12px;

    bottom: -12px;

    left: -12px;

    -webkit-animation-duration: 1s;

    animation-duration: 1s

}



.hvr-ripple-in:active:before,

.hvr-ripple-in:focus:before,

.hvr-ripple-in:hover:before {

    -webkit-animation-name: hvr-ripple-in;

    animation-name: hvr-ripple-in

}



.hvr-outline-out {

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-outline-in,

.hvr-round-corners {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0)

}



.hvr-outline-out:before {

    content: '';

    position: absolute;

    border: 4px solid #e1e1e1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: top, right, bottom, left;

    transition-property: top, right, bottom, left

}



.hvr-outline-out:active:before,

.hvr-outline-out:focus:before,

.hvr-outline-out:hover:before {

    top: -8px;

    right: -8px;

    bottom: -8px;

    left: -8px

}



.hvr-outline-in {

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    position: relative

}



.hvr-outline-in:before {

    pointer-events: none;

    position: absolute;

    top: -16px;

    right: -16px;

    bottom: -16px;

    left: -16px;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: top, right, bottom, left;

    transition-property: top, right, bottom, left

}



.hvr-underline-from-center:before,

.hvr-underline-from-left:before {

    content: "";

    z-index: -1;

    background: #2098D1;

    height: 4px;

    -webkit-transition-timing-function: ease-out

}



.hvr-outline-in:active:before,

.hvr-outline-in:focus:before,

.hvr-outline-in:hover:before {

    top: -8px;

    right: -8px;

    bottom: -8px;

    left: -8px;

    opacity: 1

}



.hvr-round-corners {

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: border-radius;

    transition-property: border-radius

}



.hvr-underline-from-center,

.hvr-underline-from-left {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    overflow: hidden

}



.hvr-round-corners:active,

.hvr-round-corners:focus,

.hvr-round-corners:hover {

    border-radius: 1em

}



.hvr-underline-from-left {

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-underline-from-left:before {

    position: absolute;

    left: 0;

    right: 100%;

    bottom: 0;

    -webkit-transition-property: right;

    transition-property: right;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-underline-from-left:active:before,

.hvr-underline-from-left:focus:before,

.hvr-underline-from-left:hover:before {

    right: 0

}



.hvr-underline-from-center {

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-overline-from-left,

.hvr-underline-from-right {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0)

}



.hvr-underline-from-center:before {

    position: absolute;

    left: 50%;

    right: 50%;

    bottom: 0;

    -webkit-transition-property: left, right;

    transition-property: left, right;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-overline-from-left:before,

.hvr-underline-from-right:before {

    content: "";

    z-index: -1;

    -webkit-transition-timing-function: ease-out;

    background: #2098D1;

    height: 4px

}



.hvr-underline-from-center:active:before,

.hvr-underline-from-center:focus:before,

.hvr-underline-from-center:hover:before {

    left: 0;

    right: 0

}



.hvr-underline-from-right {

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    position: relative;

    overflow: hidden

}



.hvr-underline-from-right:before {

    position: absolute;

    left: 100%;

    right: 0;

    bottom: 0;

    -webkit-transition-property: left;

    transition-property: left;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-underline-from-right:active:before,

.hvr-underline-from-right:focus:before,

.hvr-underline-from-right:hover:before {

    left: 0

}



.hvr-overline-from-left {

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    position: relative;

    overflow: hidden

}



.hvr-overline-from-center,

.hvr-overline-from-right {

    -webkit-transform: perspective(1px) translateZ(0);

    display: inline-block;

    vertical-align: middle;

    overflow: hidden;

    box-shadow: 0 0 1px transparent

}



.hvr-overline-from-left:before {

    position: absolute;

    left: 0;

    right: 100%;

    top: 0;

    -webkit-transition-property: right;

    transition-property: right;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-overline-from-center:before,

.hvr-overline-from-right:before {

    content: "";

    z-index: -1;

    -webkit-transition-timing-function: ease-out;

    top: 0

}



.hvr-overline-from-left:active:before,

.hvr-overline-from-left:focus:before,

.hvr-overline-from-left:hover:before {

    right: 0

}



.hvr-overline-from-center {

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-overline-from-center:before {

    position: absolute;

    left: 50%;

    right: 50%;

    background: #2098D1;

    height: 4px;

    -webkit-transition-property: left, right;

    transition-property: left, right;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-overline-from-right:before,

.hvr-underline-reveal:before {

    -webkit-transition-duration: .3s;

    background: #2098D1;

    height: 4px

}



.hvr-overline-from-center:active:before,

.hvr-overline-from-center:focus:before,

.hvr-overline-from-center:hover:before {

    left: 0;

    right: 0

}



.hvr-overline-from-right {

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-overline-from-right:before {

    position: absolute;

    left: 100%;

    right: 0;

    -webkit-transition-property: left;

    transition-property: left;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-reveal:before,

.hvr-underline-reveal:before {

    bottom: 0;

    -webkit-transition-timing-function: ease-out;

    content: "";

    left: 0;

    z-index: -1;

    right: 0

}



.hvr-overline-from-right:active:before,

.hvr-overline-from-right:focus:before,

.hvr-overline-from-right:hover:before {

    left: 0

}



.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 {

    position: absolute;

    top: 0;

    border-color: #2098D1;

    border-style: solid;

    border-width: 0;

    -webkit-transition-property: border-width;

    transition-property: border-width;

    -webkit-transition-duration: .1s;

    transition-duration: .1s;

    transition-timing-function: ease-out

}



.hvr-reveal:active:before,

.hvr-reveal:focus:before,

.hvr-reveal:hover:before {

    -webkit-transform: translateY(0);

    transform: translateY(0);

    border-width: 4px

}



.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 {

    position: absolute;

    -webkit-transform: translateY(4px);

    transform: translateY(4px);

    -webkit-transition-property: transform;

    transition-property: transform;

    transition-duration: .3s;

    transition-timing-function: ease-out

}



.hvr-underline-reveal:active:before,

.hvr-underline-reveal:focus:before,

.hvr-underline-reveal:hover:before {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.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: .3s;

    transition-duration: .3s;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hvr-overline-reveal:active:before,

.hvr-overline-reveal:focus:before,

.hvr-overline-reveal:hover:before {

    -webkit-transform: translateY(0);

    transform: translateY(0)

}



.hvr-glow,

.hvr-shadow {

    -webkit-transform: perspective(1px) translateZ(0);

    -webkit-transition-duration: .3s;

    display: inline-block;

    vertical-align: middle

}



.hvr-glow {

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    transition-duration: .3s;

    transition-property: box-shadow

}



.hvr-box-shadow-outset,

.hvr-shadow {

    -webkit-transition-property: box-shadow

}



.hvr-glow:active,

.hvr-glow:focus,

.hvr-glow:hover {

    box-shadow: 0 0 8px rgba(0, 0, 0, .6)

}



.hvr-shadow {

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    transition-duration: .3s;

    transition-property: box-shadow

}



.hvr-shadow:active,

.hvr-shadow:focus,

.hvr-shadow:hover {

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5)

}



.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: .3s;

    transition-duration: .3s;

    -webkit-transition-property: box-shadow, transform;

    transition-property: box-shadow, transform

}



.hvr-grow-shadow:active,

.hvr-grow-shadow:focus,

.hvr-grow-shadow:hover {

    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.hvr-box-shadow-inset,

.hvr-box-shadow-outset {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    -webkit-transition-duration: .3s

}



.hvr-box-shadow-outset {

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    transition-duration: .3s;

    transition-property: box-shadow

}



.hvr-box-shadow-outset:active,

.hvr-box-shadow-outset:focus,

.hvr-box-shadow-outset:hover {

    box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)

}



.hvr-box-shadow-inset {

    transform: perspective(1px) translateZ(0);

    transition-duration: .3s;

    -webkit-transition-property: box-shadow;

    transition-property: box-shadow;

    box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px transparent

}



.hvr-float-shadow,

.hvr-shadow-radial {

    -webkit-transform: perspective(1px) translateZ(0)

}



.hvr-box-shadow-inset:active,

.hvr-box-shadow-inset:focus,

.hvr-box-shadow-inset:hover {

    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px transparent

}



.hvr-bubble-bottom,

.hvr-bubble-float-bottom,

.hvr-bubble-float-left,

.hvr-bubble-float-right,

.hvr-bubble-float-top,

.hvr-bubble-left,

.hvr-bubble-right,

.hvr-bubble-top,

.hvr-float-shadow,

.hvr-icon-back,

.hvr-icon-bob,

.hvr-icon-bounce,

.hvr-icon-down,

.hvr-icon-fade,

.hvr-icon-float,

.hvr-icon-float-away,

.hvr-icon-forward,

.hvr-icon-grow,

.hvr-icon-grow-rotate,

.hvr-icon-pop,

.hvr-icon-pulse,

.hvr-icon-pulse-grow,

.hvr-icon-pulse-shrink,

.hvr-icon-push,

.hvr-icon-rotate,

.hvr-icon-shrink,

.hvr-icon-sink,

.hvr-icon-sink-away,

.hvr-icon-spin,

.hvr-icon-up,

.hvr-shadow-radial {

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 0 1px transparent

}



.hvr-float-shadow {

    transform: perspective(1px) translateZ(0);

    position: relative;

    -webkit-transition-duration: .3s;

    transition-duration: .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, .35) 0, transparent 80%);

    background: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, transparent 80%);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform, opacity;

    transition-property: transform, opacity

}



.hvr-float-shadow:active,

.hvr-float-shadow:focus,

.hvr-float-shadow:hover {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px)

}



.hvr-float-shadow:active:before,

.hvr-float-shadow:focus:before,

.hvr-float-shadow:hover:before {

    opacity: 1;

    -webkit-transform: translateY(5px);

    transform: translateY(5px)

}



.hvr-shadow-radial {

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-shadow-radial:after,

.hvr-shadow-radial:before {

    pointer-events: none;

    position: absolute;

    content: '';

    left: 0;

    width: 100%;

    box-sizing: border-box;

    height: 5px;

    opacity: 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: opacity;

    transition-property: opacity

}



.hvr-bubble-right:before,

.hvr-bubble-top:before {

    pointer-events: none;

    z-index: -1;

    content: '';

    border-style: solid;

    -webkit-transition-property: transform

}



.hvr-shadow-radial:before {

    bottom: 100%;

    background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, .6) 0, transparent 80%);

    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0, transparent 80%)

}



.hvr-shadow-radial:after {

    top: 100%;

    background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, .6) 0, transparent 80%);

    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0, transparent 80%)

}



.hvr-shadow-radial:active:after,

.hvr-shadow-radial:active:before,

.hvr-shadow-radial:focus:after,

.hvr-shadow-radial:focus:before,

.hvr-shadow-radial:hover:after,

.hvr-shadow-radial:hover:before {

    opacity: 1

}



.hvr-bubble-top {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-bubble-top:before {

    position: absolute;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform;

    left: calc(50% - 10px);

    top: 0;

    border-width: 0 10px 10px;

    border-color: transparent transparent #e1e1e1

}



.hvr-bubble-top:active:before,

.hvr-bubble-top:focus:before,

.hvr-bubble-top:hover:before {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px)

}



.hvr-bubble-right {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-bubble-right:before {

    position: absolute;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform;

    top: calc(50% - 10px);

    right: 0;

    border-width: 10px 0 10px 10px;

    border-color: transparent transparent transparent #e1e1e1

}



.hvr-bubble-bottom:before,

.hvr-bubble-left:before {

    border-style: solid;

    -webkit-transition-property: transform;

    z-index: -1;

    content: '';

    pointer-events: none

}



.hvr-bubble-right:active:before,

.hvr-bubble-right:focus:before,

.hvr-bubble-right:hover:before {

    -webkit-transform: translateX(10px);

    transform: translateX(10px)

}



.hvr-bubble-bottom {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-bubble-bottom:before {

    position: absolute;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform;

    left: calc(50% - 10px);

    bottom: 0;

    border-width: 10px 10px 0;

    border-color: #e1e1e1 transparent transparent

}



.hvr-bubble-bottom:active:before,

.hvr-bubble-bottom:focus:before,

.hvr-bubble-bottom:hover:before {

    -webkit-transform: translateY(10px);

    transform: translateY(10px)

}



.hvr-bubble-left {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-bubble-left:before {

    position: absolute;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform;

    top: calc(50% - 10px);

    left: 0;

    border-width: 10px 10px 10px 0;

    border-color: transparent #e1e1e1 transparent transparent

}



.hvr-bubble-left:active:before,

.hvr-bubble-left:focus:before,

.hvr-bubble-left:hover:before {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px)

}



.hvr-bubble-float-top {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    -webkit-transition-duration: .3s;

    transition-duration: .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;

    border-color: transparent transparent #e1e1e1;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-bubble-float-left:before,

.hvr-bubble-float-right:before {

    z-index: -1;

    top: calc(50% - 10px);

    border-style: solid;

    content: ''

}



.hvr-bubble-float-top:active,

.hvr-bubble-float-top:focus,

.hvr-bubble-float-top:hover {

    -webkit-transform: translateY(10px);

    transform: translateY(10px)

}



.hvr-bubble-float-top:active:before,

.hvr-bubble-float-top:focus:before,

.hvr-bubble-float-top:hover:before {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px)

}



.hvr-bubble-float-right {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-bubble-float-right:before {

    position: absolute;

    right: 0;

    border-width: 10px 0 10px 10px;

    border-color: transparent transparent transparent #e1e1e1;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-bubble-float-right:active,

.hvr-bubble-float-right:focus,

.hvr-bubble-float-right:hover {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px)

}



.hvr-bubble-float-right:active:before,

.hvr-bubble-float-right:focus:before,

.hvr-bubble-float-right:hover:before {

    -webkit-transform: translateX(10px);

    transform: translateX(10px)

}



.hvr-bubble-float-bottom {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    -webkit-transition-duration: .3s;

    transition-duration: .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;

    border-color: #e1e1e1 transparent transparent;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-bubble-float-bottom:active,

.hvr-bubble-float-bottom:focus,

.hvr-bubble-float-bottom:hover {

    -webkit-transform: translateY(-10px);

    transform: translateY(-10px)

}



.hvr-bubble-float-bottom:active:before,

.hvr-bubble-float-bottom:focus:before,

.hvr-bubble-float-bottom:hover:before {

    -webkit-transform: translateY(10px);

    transform: translateY(10px)

}



.hvr-bubble-float-left {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-bubble-float-left:before {

    position: absolute;

    left: 0;

    border-width: 10px 10px 10px 0;

    border-color: transparent #e1e1e1 transparent transparent;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-icon-back:before,

.hvr-icon-forward:before {

    font-family: FontAwesome;

    -webkit-transition-property: transform

}



.hvr-bubble-float-left:active,

.hvr-bubble-float-left:focus,

.hvr-bubble-float-left:hover {

    -webkit-transform: translateX(10px);

    transform: translateX(10px)

}



.hvr-bubble-float-left:active:before,

.hvr-bubble-float-left:focus:before,

.hvr-bubble-float-left:hover:before {

    -webkit-transform: translateX(-10px);

    transform: translateX(-10px)

}



.hvr-icon-back {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-left: 2.2em;

    -webkit-transition-duration: .1s;

    transition-duration: .1s

}



.hvr-icon-back:before {

    content: "\f137";

    position: absolute;

    left: 1em;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .1s;

    transition-duration: .1s;

    transition-property: transform;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hvr-icon-back:active:before,

.hvr-icon-back:focus:before,

.hvr-icon-back:hover:before {

    -webkit-transform: translateX(-4px);

    transform: translateX(-4px)

}



.hvr-icon-forward {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .1s;

    transition-duration: .1s

}



.hvr-icon-forward:before {

    content: "\f138";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .1s;

    transition-duration: .1s;

    transition-property: transform;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hvr-icon-grow:before,

.hvr-icon-spin:before {

    right: 1em;

    font-family: FontAwesome;

    -webkit-transition-property: transform

}



.hvr-icon-forward:active:before,

.hvr-icon-forward:focus:before,

.hvr-icon-forward:hover:before {

    -webkit-transform: translateX(4px);

    transform: translateX(4px)

}



@-webkit-keyframes hvr-icon-down {

    0%,

    100%,

    50% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    25%,

    75% {

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }

}



@keyframes hvr-icon-down {

    0%,

    100%,

    50% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    25%,

    75% {

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }

}



.hvr-icon-down {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    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:active:before,

.hvr-icon-down:focus:before,

.hvr-icon-down:hover:before {

    -webkit-animation-name: hvr-icon-down;

    animation-name: hvr-icon-down;

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out

}



@-webkit-keyframes hvr-icon-up {

    0%,

    100%,

    50% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    25%,

    75% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px)

    }

}



@keyframes hvr-icon-up {

    0%,

    100%,

    50% {

        -webkit-transform: translateY(0);

        transform: translateY(0)

    }

    25%,

    75% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px)

    }

}



.hvr-icon-up {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    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:active:before,

.hvr-icon-up:focus:before,

.hvr-icon-up:hover:before {

    -webkit-animation-name: hvr-icon-up;

    animation-name: hvr-icon-up;

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-animation-timing-function: ease-out;

    animation-timing-function: ease-out

}



.hvr-icon-spin {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em

}



.hvr-icon-spin:before {

    content: "\f021";

    position: absolute;

    padding: 0 1px;

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

    transition-property: transform;

    -webkit-transition-timing-function: ease-in-out;

    transition-timing-function: ease-in-out

}



.hvr-icon-spin:active:before,

.hvr-icon-spin:focus:before,

.hvr-icon-spin:hover:before {

    -webkit-transform: rotate(360deg);

    transform: rotate(360deg)

}



@-webkit-keyframes hvr-icon-drop {

    0% {

        opacity: 0

    }

    50% {

        opacity: 0;

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%)

    }

    100%,

    51% {

        opacity: 1

    }

}



@keyframes hvr-icon-drop {

    0% {

        opacity: 0

    }

    50% {

        opacity: 0;

        -webkit-transform: translateY(-100%);

        transform: translateY(-100%)

    }

    100%,

    51% {

        opacity: 1

    }

}



.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:active:before,

.hvr-icon-drop:focus:before,

.hvr-icon-drop:hover:before {

    opacity: 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-animation-name: hvr-icon-drop;

    animation-name: hvr-icon-drop;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-delay: .3s;

    animation-delay: .3s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-timing-function: cubic-bezier(.52, 1.64, .37, .66);

    animation-timing-function: cubic-bezier(.52, 1.64, .37, .66)

}



.hvr-icon-fade {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    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: .5s;

    transition-duration: .5s;

    -webkit-transition-property: color;

    transition-property: color

}



.hvr-icon-fade:active:before,

.hvr-icon-fade:focus:before,

.hvr-icon-fade:hover:before {

    color: #0F9E5E

}



@-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)

    }

}



.hvr-icon-float-away {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em

}



.hvr-icon-float-away:after,

.hvr-icon-float-away:before {

    content: "\f055";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome

}



.hvr-icon-float-away:after {

    opacity: 0;

    -webkit-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.hvr-icon-float-away:active:after,

.hvr-icon-float-away:focus:after,

.hvr-icon-float-away:hover: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

}



@-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)

    }

}



.hvr-icon-sink-away {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em

}



.hvr-icon-sink-away:after,

.hvr-icon-sink-away:before {

    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: .5s;

    animation-duration: .5s;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards

}



.hvr-icon-sink-away:active:after,

.hvr-icon-sink-away:focus:after,

.hvr-icon-sink-away:hover: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

}



.hvr-icon-grow {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-grow:before {

    content: "\f118";

    position: absolute;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hvr-icon-pulse:before,

.hvr-icon-shrink:before {

    right: 1em;

    font-family: FontAwesome;

    -webkit-transition-timing-function: ease-out

}



.hvr-icon-grow:active:before,

.hvr-icon-grow:focus:before,

.hvr-icon-grow:hover:before {

    -webkit-transform: scale(1.3) translateZ(0);

    transform: scale(1.3) translateZ(0)

}



.hvr-icon-shrink {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-shrink:before {

    content: "\f119";

    position: absolute;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

    transition-timing-function: ease-out

}



.hvr-icon-shrink:active:before,

.hvr-icon-shrink:focus:before,

.hvr-icon-shrink:hover:before {

    -webkit-transform: scale(.8);

    transform: scale(.8)

}



@-webkit-keyframes hvr-icon-pulse {

    25% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3)

    }

    75% {

        -webkit-transform: scale(.8);

        transform: scale(.8)

    }

}



@keyframes hvr-icon-pulse {

    25% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3)

    }

    75% {

        -webkit-transform: scale(.8);

        transform: scale(.8)

    }

}



.hvr-icon-pulse {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em

}



.hvr-icon-pulse:before {

    content: "\f015";

    position: absolute;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    transition-timing-function: ease-out

}



.hvr-icon-pulse-grow:before,

.hvr-icon-pulse-shrink:before {

    content: "\f015";

    right: 1em;

    font-family: FontAwesome;

    -webkit-transition-timing-function: ease-out

}



.hvr-icon-pulse:active:before,

.hvr-icon-pulse:focus:before,

.hvr-icon-pulse:hover: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

}



@-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 {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em

}



.hvr-icon-pulse-grow:before {

    position: absolute;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    transition-timing-function: ease-out

}



.hvr-icon-pulse-grow:active:before,

.hvr-icon-pulse-grow:focus:before,

.hvr-icon-pulse-grow:hover:before {

    -webkit-animation-name: hvr-icon-pulse-grow;

    animation-name: hvr-icon-pulse-grow;

    -webkit-animation-duration: .3s;

    animation-duration: .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

}



@-webkit-keyframes hvr-icon-pulse-shrink {

    to {

        -webkit-transform: scale(.8);

        transform: scale(.8)

    }

}



@keyframes hvr-icon-pulse-shrink {

    to {

        -webkit-transform: scale(.8);

        transform: scale(.8)

    }

}



.hvr-icon-pulse-shrink {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em

}



.hvr-icon-pulse-shrink:before {

    position: absolute;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    transition-timing-function: ease-out

}



.hvr-icon-pop:before,

.hvr-icon-push:before {

    right: 1em;

    font-family: FontAwesome;

    -webkit-transition-property: transform;

    -webkit-transition-timing-function: ease-out

}



.hvr-icon-pulse-shrink:active:before,

.hvr-icon-pulse-shrink:focus:before,

.hvr-icon-pulse-shrink:hover:before {

    -webkit-animation-name: hvr-icon-pulse-shrink;

    animation-name: hvr-icon-pulse-shrink;

    -webkit-animation-duration: .3s;

    animation-duration: .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

}



@-webkit-keyframes hvr-icon-push {

    50% {

        -webkit-transform: scale(.5);

        transform: scale(.5)

    }

}



@keyframes hvr-icon-push {

    50% {

        -webkit-transform: scale(.5);

        transform: scale(.5)

    }

}



.hvr-icon-push {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-push:before {

    content: "\f006";

    position: absolute;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform;

    transition-timing-function: ease-out

}



.hvr-icon-push:active:before,

.hvr-icon-push:focus:before,

.hvr-icon-push:hover:before {

    -webkit-animation-name: hvr-icon-push;

    animation-name: hvr-icon-push;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1

}



@-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 {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-pop:before {

    content: "\f005";

    position: absolute;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform;

    transition-timing-function: ease-out

}



.hvr-icon-bounce:before,

.hvr-icon-rotate:before {

    right: 1em;

    font-family: FontAwesome;

    -webkit-transition-property: transform;

    -webkit-transition-timing-function: ease-out

}



.hvr-icon-pop:active:before,

.hvr-icon-pop:focus:before,

.hvr-icon-pop:hover:before {

    -webkit-animation-name: hvr-icon-pop;

    animation-name: hvr-icon-pop;

    -webkit-animation-duration: .3s;

    animation-duration: .3s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1

}



.hvr-icon-bounce {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-bounce:before {

    content: "\f087";

    position: absolute;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform;

    transition-timing-function: ease-out

}



.hvr-icon-bounce:active:before,

.hvr-icon-bounce:focus:before,

.hvr-icon-bounce:hover:before {

    -webkit-transform: scale(1.5);

    transform: scale(1.5);

    -webkit-transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36);

    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)

}



.hvr-icon-rotate {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-rotate:before {

    content: "\f0c6";

    position: absolute;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform;

    transition-timing-function: ease-out

}



.hvr-icon-float:before,

.hvr-icon-grow-rotate:before {

    -webkit-transition-property: transform;

    -webkit-transition-timing-function: ease-out;

    right: 1em;

    font-family: FontAwesome

}



.hvr-icon-rotate:active:before,

.hvr-icon-rotate:focus:before,

.hvr-icon-rotate:hover:before {

    -webkit-transform: rotate(20deg);

    transform: rotate(20deg)

}



.hvr-icon-grow-rotate {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-grow-rotate:before {

    content: "\f095";

    position: absolute;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform;

    transition-timing-function: ease-out

}



.hvr-icon-grow-rotate:active:before,

.hvr-icon-grow-rotate:focus:before,

.hvr-icon-grow-rotate:hover:before {

    -webkit-transform: scale(1.5) rotate(12deg);

    transform: scale(1.5) rotate(12deg)

}



.hvr-icon-float {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-float:before {

    content: "\f01b";

    position: absolute;

    padding: 0 1px;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    transition-property: transform;

    transition-timing-function: ease-out

}



.hvr-icon-float:active:before,

.hvr-icon-float:focus:before,

.hvr-icon-float:hover:before {

    -webkit-transform: translateY(-4px);

    transform: translateY(-4px)

}



.hvr-icon-sink {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .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: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.hvr-icon-sink:active:before,

.hvr-icon-sink:focus:before,

.hvr-icon-sink:hover:before {

    -webkit-transform: translateY(4px);

    transform: translateY(4px)

}



@-webkit-keyframes hvr-icon-bob {

    0%,

    100% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px)

    }

    50% {

        -webkit-transform: translateY(-2px);

        transform: translateY(-2px)

    }

}



@keyframes hvr-icon-bob {

    0%,

    100% {

        -webkit-transform: translateY(-6px);

        transform: translateY(-6px)

    }

    50% {

        -webkit-transform: translateY(-2px);

        transform: translateY(-2px)

    }

}



@-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 {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-hang,

.hvr-icon-wobble-horizontal {

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 0 1px transparent;

    -webkit-transition-duration: .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:active:before,

.hvr-icon-bob:focus:before,

.hvr-icon-bob:hover:before {

    -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;

    animation-name: hvr-icon-bob-float, hvr-icon-bob;

    animation-duration: .3s, 1.5s;

    animation-delay: 0s, .3s;

    animation-timing-function: ease-out, ease-in-out;

    animation-iteration-count: 1, infinite;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    animation-direction: normal, alternate

}



@-webkit-keyframes hvr-icon-hang {

    0%,

    100% {

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }

    50% {

        -webkit-transform: translateY(2px);

        transform: translateY(2px)

    }

}



@keyframes hvr-icon-hang {

    0%,

    100% {

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }

    50% {

        -webkit-transform: translateY(2px);

        transform: translateY(2px)

    }

}



@-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 {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    transition-duration: .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:active:before,

.hvr-icon-hang:focus:before,

.hvr-icon-hang:hover: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

}



@-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 {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    transition-duration: .3s

}



.hvr-icon-buzz,

.hvr-icon-wobble-vertical {

    display: inline-block;

    vertical-align: middle;

    box-shadow: 0 0 1px transparent;

    -webkit-transition-duration: .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:active:before,

.hvr-icon-wobble-horizontal:focus:before,

.hvr-icon-wobble-horizontal:hover: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

}



@-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 {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    transition-duration: .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:active:before,

.hvr-icon-wobble-vertical:focus:before,

.hvr-icon-wobble-vertical:hover: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

}



@-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 {

    -webkit-transform: perspective(1px) translateZ(0);

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    transition-duration: .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:active:before,

.hvr-icon-buzz:focus:before,

.hvr-icon-buzz:hover:before {

    -webkit-animation-name: hvr-icon-buzz;

    animation-name: hvr-icon-buzz;

    -webkit-animation-duration: .15s;

    animation-duration: .15s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite

}



@-webkit-keyframes hvr-icon-buzz-out {

    10%,

    30% {

        -webkit-transform: translateX(3px) rotate(2deg);

        transform: translateX(3px) rotate(2deg)

    }

    20%,

    40% {

        -webkit-transform: translateX(-3px) rotate(-2deg);

        transform: translateX(-3px) rotate(-2deg)

    }

    50%,

    70% {

        -webkit-transform: translateX(2px) rotate(1deg);

        transform: translateX(2px) rotate(1deg)

    }

    60%,

    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%,

    30% {

        -webkit-transform: translateX(3px) rotate(2deg);

        transform: translateX(3px) rotate(2deg)

    }

    20%,

    40% {

        -webkit-transform: translateX(-3px) rotate(-2deg);

        transform: translateX(-3px) rotate(-2deg)

    }

    50%,

    70% {

        -webkit-transform: translateX(2px) rotate(1deg);

        transform: translateX(2px) rotate(1deg)

    }

    60%,

    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-curl-top-left,

.hvr-icon-buzz-out {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent

}



.hvr-icon-buzz-out {

    transform: perspective(1px) translateZ(0);

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .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:active:before,

.hvr-icon-buzz-out:focus:before,

.hvr-icon-buzz-out:hover:before {

    -webkit-animation-name: hvr-icon-buzz-out;

    animation-name: hvr-icon-buzz-out;

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-iteration-count: 1;

    animation-iteration-count: 1

}



.hvr-curl-top-left {

    transform: perspective(1px) translateZ(0);

    position: relative

}



.hvr-curl-bottom-right,

.hvr-curl-top-right {

    -webkit-transform: perspective(1px) translateZ(0);

    display: inline-block;

    vertical-align: middle

}



.hvr-curl-top-left:before {

    pointer-events: none;

    position: absolute;

    content: '';

    height: 0;

    width: 0;

    top: 0;

    left: 0;

    background: #fff;

    background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');

    z-index: 1000;

    box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: width, height;

    transition-property: width, height

}



.hvr-curl-bottom-right:before,

.hvr-curl-top-right:before {

    right: 0;

    background: #fff;

    -webkit-transition-duration: .3s;

    -webkit-transition-property: width, height;

    pointer-events: none;

    content: ''

}



.hvr-curl-top-left:active:before,

.hvr-curl-top-left:focus:before,

.hvr-curl-top-left:hover:before {

    width: 25px;

    height: 25px

}



.hvr-curl-top-right {

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    position: relative

}



.hvr-curl-top-right:before {

    position: absolute;

    height: 0;

    width: 0;

    top: 0;

    background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

    box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);

    transition-duration: .3s;

    transition-property: width, height

}



.hvr-curl-top-right:active:before,

.hvr-curl-top-right:focus:before,

.hvr-curl-top-right:hover:before {

    width: 25px;

    height: 25px

}



.hvr-curl-bottom-right {

    transform: perspective(1px) translateZ(0);

    box-shadow: 0 0 1px transparent;

    position: relative

}



.hvr-curl-bottom-right:before {

    position: absolute;

    height: 0;

    width: 0;

    bottom: 0;

    background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

    box-shadow: -1px -1px 1px rgba(0, 0, 0, .4);

    transition-duration: .3s;

    transition-property: width, height

}



.hvr-curl-bottom-right:active:before,

.hvr-curl-bottom-right:focus:before,

.hvr-curl-bottom-right:hover:before {

    width: 25px;

    height: 25px

}



.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: #fff;

    background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);

    box-shadow: 1px -1px 1px rgba(0, 0, 0, .4);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: width, height;

    transition-property: width, height

}



.hvr-curl-bottom-left:active:before,

.hvr-curl-bottom-left:focus:before,

.hvr-curl-bottom-left:hover:before {

    width: 25px;

    height: 25px

}