/*!

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

 * Version: 2.0.1

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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-grow:active,.hvr-grow:focus,.hvr-grow:hover {

    -webkit-transform: scale(1.1);

    transform: scale(1.1)

}



.hvr-shrink {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-shrink:active,.hvr-shrink:focus,.hvr-shrink:hover {

    -webkit-transform: scale(0.9);

    transform: scale(0.9)

}



@-webkit-keyframes hvr-pulse {

    25% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }



    75% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9)

    }

}



@keyframes hvr-pulse {

    25% {

        -webkit-transform: scale(1.1);

        transform: scale(1.1)

    }



    75% {

        -webkit-transform: scale(0.9);

        transform: scale(0.9)

    }

}



.hvr-pulse {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



.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(0.9);

        transform: scale(0.9)

    }

}



@keyframes hvr-pulse-shrink {

    to {

        -webkit-transform: scale(0.9);

        transform: scale(0.9)

    }

}



.hvr-pulse-shrink {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



.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(0.8);

        transform: scale(0.8)

    }



    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



@keyframes hvr-push {

    50% {

        -webkit-transform: scale(0.8);

        transform: scale(0.8)

    }



    100% {

        -webkit-transform: scale(1);

        transform: scale(1)

    }

}



.hvr-push {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -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(0.47,2.02,.31,-.36);

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

}



.hvr-bounce-out {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .5s;

    transition-duration: .5s

}



.hvr-bounce-out:active,.hvr-bounce-out:focus,.hvr-bounce-out:hover {

    -webkit-transform: scale(0.8);

    transform: scale(0.8);

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

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

}



.hvr-rotate {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -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-float:active,.hvr-float:focus,.hvr-float:hover {

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

    transform: translateY(-8px)

}



.hvr-sink {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -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-sink:active,.hvr-sink:focus,.hvr-sink:hover {

    -webkit-transform: translateY(8px);

    transform: translateY(8px)

}



@-webkit-keyframes hvr-bob {

    0% {

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

        transform: translateY(-8px)

    }



    50% {

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

        transform: translateY(-4px)

    }



    100% {

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

        transform: translateY(-8px)

    }

}



@keyframes hvr-bob {

    0% {

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

        transform: translateY(-8px)

    }



    50% {

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

        transform: translateY(-4px)

    }



    100% {

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

        transform: translateY(-8px)

    }

}



@-webkit-keyframes hvr-bob-float {

    100% {

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

        transform: translateY(-8px)

    }

}



@keyframes hvr-bob-float {

    100% {

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

        transform: translateY(-8px)

    }

}



.hvr-bob {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



.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

}



@-webkit-keyframes hvr-hang {

    0% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px)

    }



    50% {

        -webkit-transform: translateY(4px);

        transform: translateY(4px)

    }



    100% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px)

    }

}



@keyframes hvr-hang {

    0% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px)

    }



    50% {

        -webkit-transform: translateY(4px);

        transform: translateY(4px)

    }



    100% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px)

    }

}



@-webkit-keyframes hvr-hang-sink {

    100% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px)

    }

}



@keyframes hvr-hang-sink {

    100% {

        -webkit-transform: translateY(8px);

        transform: translateY(8px)

    }

}



.hvr-hang {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



.hvr-hang:active,.hvr-hang:focus,.hvr-hang:hover {

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

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

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

    animation-duration: .3s,1.5s;

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

    animation-delay: 0s,.3s;

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

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

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

    animation-iteration-count: 1,infinite;

    -webkit-animation-fill-mode: forwards;

    animation-fill-mode: forwards;

    -webkit-animation-direction: normal,alternate;

    animation-direction: normal,alternate

}



.hvr-skew {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-skew:active,.hvr-skew:focus,.hvr-skew:hover {

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

    transform: skew(-10deg)

}



.hvr-skew-forward {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transform-origin: 0 100%;

    transform-origin: 0 100%

}



.hvr-skew-forward:active,.hvr-skew-forward:focus,.hvr-skew-forward:hover {

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

    transform: skew(-10deg)

}



.hvr-skew-backward {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transform-origin: 0 100%;

    transform-origin: 0 100%

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



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

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

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

    }



    20% {

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

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

    }



    30% {

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

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

    }



    40% {

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

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

    }



    50% {

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

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

    }



    60% {

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

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

    }



    70% {

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

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

    }



    80% {

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

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

    }



    90% {

        -webkit-transform: translateX(1px) rotate(0);

        transform: translateX(1px) rotate(0)

    }



    100% {

        -webkit-transform: translateX(-1px) rotate(0);

        transform: translateX(-1px) rotate(0)

    }

}



@keyframes hvr-buzz-out {

    10% {

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

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

    }



    20% {

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

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

    }



    30% {

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

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

    }



    40% {

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

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

    }



    50% {

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

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

    }



    60% {

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

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

    }



    70% {

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

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

    }



    80% {

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

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

    }



    90% {

        -webkit-transform: translateX(1px) rotate(0);

        transform: translateX(1px) rotate(0)

    }



    100% {

        -webkit-transform: translateX(-1px) rotate(0);

        transform: translateX(-1px) rotate(0)

    }

}



.hvr-buzz-out {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    overflow: hidden;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-property: color,background-color

}



.hvr-fade:active,.hvr-fade:focus,.hvr-fade:hover {

    background-color: #2098d1;

    color: #fff

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    overflow: hidden;

    -webkit-transition-duration: .5s;

    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;

    background-color: #2098d1;

    color: #fff

}



.hvr-sweep-to-right {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-sweep-to-right:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098d1;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-sweep-to-right:active,.hvr-sweep-to-right:focus,.hvr-sweep-to-right:hover {

    color: #fff

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-sweep-to-left:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098d1;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-sweep-to-left:active,.hvr-sweep-to-left:focus,.hvr-sweep-to-left:hover {

    color: #fff

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-sweep-to-bottom:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098d1;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 50% 0;

    transform-origin: 50% 0;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-sweep-to-bottom:active,.hvr-sweep-to-bottom:focus,.hvr-sweep-to-bottom:hover {

    color: #fff

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-sweep-to-top:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098d1;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-sweep-to-top:active,.hvr-sweep-to-top:focus,.hvr-sweep-to-top:hover {

    color: #fff

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .5s;

    transition-duration: .5s

}



.hvr-bounce-to-right:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098d1;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 0 50%;

    transform-origin: 0 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

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

    transition-timing-function: ease-out

}



.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover {

    color: #fff

}



.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(0.52,1.64,.37,.66);

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

}



.hvr-bounce-to-left {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .5s;

    transition-duration: .5s

}



.hvr-bounce-to-left:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098d1;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 100% 50%;

    transform-origin: 100% 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

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

    transition-timing-function: ease-out

}



.hvr-bounce-to-left:active,.hvr-bounce-to-left:focus,.hvr-bounce-to-left:hover {

    color: #fff

}



.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(0.52,1.64,.37,.66);

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

}



.hvr-bounce-to-bottom {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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(0.52,1.64,.37,.66);

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

}



.hvr-bounce-to-top {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .5s;

    transition-duration: .5s

}



.hvr-bounce-to-top:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098d1;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .5s;

    transition-duration: .5s;

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

    transition-timing-function: ease-out

}



.hvr-bounce-to-top:active,.hvr-bounce-to-top:focus,.hvr-bounce-to-top:hover {

    color: #fff

}



.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(0.52,1.64,.37,.66);

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

}



.hvr-radial-out {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden;

    background: #e1e1e1;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-radial-out:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098d1;

    border-radius: 100%;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-radial-out:active,.hvr-radial-out:focus,.hvr-radial-out:hover {

    color: #fff

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden;

    background: #2098d1;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-radial-in:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #e1e1e1;

    border-radius: 100%;

    -webkit-transform: scale(2);

    transform: scale(2);

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-radial-in:active,.hvr-radial-in:focus,.hvr-radial-in:hover {

    color: #fff

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    background: #2098d1;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-rectangle-in:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #e1e1e1;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-rectangle-in:active,.hvr-rectangle-in:focus,.hvr-rectangle-in:hover {

    color: #fff

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    background: #e1e1e1;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-rectangle-out:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098d1;

    -webkit-transform: scale(0);

    transform: scale(0);

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-rectangle-out:active,.hvr-rectangle-out:focus,.hvr-rectangle-out:hover {

    color: #fff

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    background: #2098d1;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-shutter-in-horizontal:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #e1e1e1;

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-shutter-in-horizontal:active,.hvr-shutter-in-horizontal:focus,.hvr-shutter-in-horizontal:hover {

    color: #fff

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    background: #e1e1e1;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-shutter-out-horizontal:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #2098d1;

    -webkit-transform: scaleX(0);

    transform: scaleX(0);

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-shutter-out-horizontal:active,.hvr-shutter-out-horizontal:focus,.hvr-shutter-out-horizontal:hover {

    color: #fff

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    background: #2098d1;

    -webkit-transition-property: color;

    transition-property: color;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-shutter-in-vertical:before {

    content: "";

    position: absolute;

    z-index: -1;

    top: 0;

    bottom: 0;

    left: 0;

    right: 0;

    background: #e1e1e1;

    -webkit-transform: scaleY(1);

    transform: scaleY(1);

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-shutter-in-vertical:active,.hvr-shutter-in-vertical:focus,.hvr-shutter-in-vertical:hover {

    color: #fff

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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: #2098d1;

    -webkit-transform: scaleY(0);

    transform: scaleY(0);

    -webkit-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover {

    color: #fff

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: box-shadow;

    transition-property: box-shadow;

    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)

}



.hvr-border-fade:active,.hvr-border-fade:focus,.hvr-border-fade:hover {

    box-shadow: inset 0 0 0 4px #2098d1,0 0 1px rgba(0,0,0,0)

}



.hvr-hollow {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: background;

    transition-property: background;

    box-shadow: inset 0 0 0 4px #e1e1e1,0 0 1px rgba(0,0,0,0)

}



.hvr-hollow:active,.hvr-hollow:focus,.hvr-hollow:hover {

    background: 0 0

}



.hvr-trim {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.hvr-trim:before {

    content: '';

    position: absolute;

    border: #fff solid 4px;

    top: 4px;

    left: 4px;

    right: 4px;

    bottom: 4px;

    opacity: 0;

    -webkit-transition-duration: .3s;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.hvr-ripple-out:before {

    content: '';

    position: absolute;

    border: #e1e1e1 solid 6px;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    -webkit-animation-duration: 1s;

    animation-duration: 1s

}



.hvr-ripple-out: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-ripple-in {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.hvr-ripple-in:before {

    content: '';

    position: absolute;

    border: #e1e1e1 solid 4px;

    top: -12px;

    right: -12px;

    bottom: -12px;

    left: -12px;

    opacity: 0;

    -webkit-animation-duration: 1s;

    animation-duration: 1s

}



.hvr-ripple-in: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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.hvr-outline-out:before {

    content: '';

    position: absolute;

    border: #e1e1e1 solid 4px;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.hvr-outline-in:before {

    pointer-events: none;

    content: '';

    position: absolute;

    border: #e1e1e1 solid 4px;

    top: -16px;

    right: -16px;

    bottom: -16px;

    left: -16px;

    opacity: 0;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-property: top,right,bottom,left

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: border-radius;

    transition-property: border-radius

}



.hvr-round-corners:active,.hvr-round-corners:focus,.hvr-round-corners:hover {

    border-radius: 1em

}



.hvr-underline-from-left {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden

}



.hvr-underline-from-left:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 0;

    right: 100%;

    bottom: 0;

    background: #2098d1;

    height: 4px;

    -webkit-transition-property: right;

    transition-property: right;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden

}



.hvr-underline-from-center:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 50%;

    right: 50%;

    bottom: 0;

    background: #1C3D7A;

    height: 3px;

	margin-left: 15px;

	margin-right: 15px;

    -webkit-transition-property: left,right;

    transition-property: left,right;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}

@media only screen and (max-width: 768px) {

	.hvr-underline-from-center:before {

		background: #fff;

		height: 0px;

		margin-left: 0px;

		margin-right: 0px;

	}

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden

}



.hvr-underline-from-right:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 100%;

    right: 0;

    bottom: 0;

    background: #2098d1;

    height: 4px;

    -webkit-transition-property: left;

    transition-property: left;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden

}



.hvr-overline-from-left:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 0;

    right: 100%;

    top: 0;

    background: #2098d1;

    height: 4px;

    -webkit-transition-property: right;

    transition-property: right;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.hvr-overline-from-left:active:before,.hvr-overline-from-left:focus:before,.hvr-overline-from-left:hover:before {

    right: 0

}



.hvr-overline-from-center {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden

}



.hvr-overline-from-center:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 50%;

    right: 50%;

    top: 0;

    background: #2098d1;

    height: 4px;

    -webkit-transition-property: left,right;

    transition-property: left,right;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden

}



.hvr-overline-from-right:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 100%;

    right: 0;

    top: 0;

    background: #2098d1;

    height: 4px;

    -webkit-transition-property: left;

    transition-property: left;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    transition-timing-function: ease-out

}



.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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden

}



.hvr-reveal:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    border-color: #2098d1;

    border-style: solid;

    border-width: 0;

    -webkit-transition-property: border-width;

    transition-property: border-width;

    -webkit-transition-duration: .1s;

    transition-duration: .1s;

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

    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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    overflow: hidden

}



.hvr-underline-reveal:before {

    content: "";

    position: absolute;

    z-index: -1;

    left: 0;

    right: 0;

    bottom: 0;

    background: #2098d1;

    height: 4px;

    -webkit-transform: translateY(4px);

    transform: translateY(4px);

    -webkit-transition-property: transform;

    transition-property: transform;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

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

    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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: box-shadow;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: box-shadow;

    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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: box-shadow;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    -webkit-transition-duration: .3s;

    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 rgba(0,0,0,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 rgba(0,0,0,0)

}



.hvr-float-shadow {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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,rgba(0,0,0,0) 80%);

    background: radial-gradient(ellipse at center,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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-shadow-radial:before {

    bottom: 100%;

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

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

}



.hvr-shadow-radial:after {

    top: 100%;

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

    background: radial-gradient(ellipse at 50% -50%,rgba(0,0,0,.1) 0,rgba(0,0,0,0) 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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.hvr-bubble-top:before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    border-style: solid;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.hvr-bubble-right:before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    border-style: solid;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

    top: calc(50% - 10px);

    right: 0;

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

    border-color: transparent transparent transparent #e1e1e1

}



.hvr-bubble-right:active:before,.hvr-bubble-right:focus:before,.hvr-bubble-right:hover:before {

    -webkit-transform: translateX(10px);

    transform: translateX(10px)

}



.hvr-bubble-bottom {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.hvr-bubble-bottom:before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    border-style: solid;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.hvr-bubble-left:before {

    pointer-events: none;

    position: absolute;

    z-index: -1;

    content: '';

    border-style: solid;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

    top: calc(50% - 10px);

    left: 0;

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

    border-color: transparent #e1e1e1 transparent transparent

}



.hvr-bubble-left:active:before,.hvr-bubble-left:focus:before,.hvr-bubble-left:hover:before {

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

    transform: translateX(-10px)

}



.hvr-bubble-float-top {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-bubble-float-right:before {

    position: absolute;

    z-index: -1;

    top: calc(50% - 10px);

    right: 0;

    content: '';

    border-style: solid;

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

    border-color: transparent transparent transparent #e1e1e1;

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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform

}



.hvr-bubble-float-left:before {

    position: absolute;

    z-index: -1;

    content: '';

    top: calc(50% - 10px);

    left: 0;

    border-style: solid;

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

    border-color: transparent #e1e1e1 transparent transparent;

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .1s;

    transition-duration: .1s;

    -webkit-transition-property: transform;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .1s;

    transition-duration: .1s;

    -webkit-transition-property: transform;

    transition-property: transform;

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

    transition-timing-function: ease-out

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em

}



.hvr-icon-spin:before {

    content: "\f021";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

    -webkit-transition-property: transform;

    transition-property: transform;

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

    transition-timing-function: ease-in-out

}



.hvr-icon-spin: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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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(0.52,1.64,.37,.66);

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

}



.hvr-icon-fade {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-grow:before {

    content: "\f118";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

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

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-shrink:before {

    content: "\f119";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

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

    transition-timing-function: ease-out

}



.hvr-icon-shrink:active:before,.hvr-icon-shrink:focus:before,.hvr-icon-shrink:hover:before {

    -webkit-transform: scale(0.8);

    transform: scale(0.8)

}



@-webkit-keyframes hvr-icon-pulse {

    25% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3)

    }



    75% {

        -webkit-transform: scale(0.8);

        transform: scale(0.8)

    }

}



@keyframes hvr-icon-pulse {

    25% {

        -webkit-transform: scale(1.3);

        transform: scale(1.3)

    }



    75% {

        -webkit-transform: scale(0.8);

        transform: scale(0.8)

    }

}



.hvr-icon-pulse {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em

}



.hvr-icon-pulse:before {

    content: "\f015";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    transition-timing-function: ease-out

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em

}



.hvr-icon-pulse-grow:before {

    content: "\f015";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    transition-timing-function: ease-out

}



.hvr-icon-pulse-grow: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(0.8);

        transform: scale(0.8)

    }

}



@keyframes hvr-icon-pulse-shrink {

    to {

        -webkit-transform: scale(0.8);

        transform: scale(0.8)

    }

}



.hvr-icon-pulse-shrink {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em

}



.hvr-icon-pulse-shrink:before {

    content: "\f015";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    transition-timing-function: ease-out

}



.hvr-icon-pulse-shrink: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(0.5);

        transform: scale(0.5)

    }

}



@keyframes hvr-icon-push {

    50% {

        -webkit-transform: scale(0.5);

        transform: scale(0.5)

    }

}



.hvr-icon-push {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-push:before {

    content: "\f006";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

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

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-pop:before {

    content: "\f005";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

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

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-bounce:before {

    content: "\f087";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

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

    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(0.47,2.02,.31,-.36);

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

}



.hvr-icon-rotate {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-rotate:before {

    content: "\f0c6";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

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

    transition-timing-function: ease-out

}



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

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-grow-rotate:before {

    content: "\f095";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

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

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    transition-duration: .3s

}



.hvr-icon-float:before {

    content: "\f01b";

    position: absolute;

    right: 1em;

    padding: 0 1px;

    font-family: FontAwesome;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    -webkit-transition-duration: .3s;

    transition-duration: .3s;

    -webkit-transition-property: transform;

    transition-property: transform;

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

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

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

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

        transform: translateY(-6px)

    }



    50% {

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

        transform: translateY(-2px)

    }



    100% {

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

        transform: translateY(-6px)

    }

}



@keyframes hvr-icon-bob {

    0% {

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

        transform: translateY(-6px)

    }



    50% {

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

        transform: translateY(-2px)

    }



    100% {

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

        transform: translateY(-6px)

    }

}



@-webkit-keyframes hvr-icon-bob-float {

    100% {

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

        transform: translateY(-6px)

    }

}



@keyframes hvr-icon-bob-float {

    100% {

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

        transform: translateY(-6px)

    }

}



.hvr-icon-bob {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    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;

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

    0% {

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }



    50% {

        -webkit-transform: translateY(2px);

        transform: translateY(2px)

    }



    100% {

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }

}



@keyframes hvr-icon-hang {

    0% {

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }



    50% {

        -webkit-transform: translateY(2px);

        transform: translateY(2px)

    }



    100% {

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }

}



@-webkit-keyframes hvr-icon-hang-sink {

    100% {

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }

}



@keyframes hvr-icon-hang-sink {

    100% {

        -webkit-transform: translateY(6px);

        transform: translateY(6px)

    }

}



.hvr-icon-hang {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative;

    padding-right: 2.2em;

    -webkit-transition-duration: .3s;

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

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

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

    }



    20% {

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

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

    }



    30% {

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

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

    }



    40% {

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

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

    }



    50% {

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

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

    }



    60% {

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

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

    }



    70% {

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

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

    }



    80% {

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

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

    }



    90% {

        -webkit-transform: translateX(1px) rotate(0);

        transform: translateX(1px) rotate(0)

    }



    100% {

        -webkit-transform: translateX(-1px) rotate(0);

        transform: translateX(-1px) rotate(0)

    }

}



@keyframes hvr-icon-buzz-out {

    10% {

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

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

    }



    20% {

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

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

    }



    30% {

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

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

    }



    40% {

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

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

    }



    50% {

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

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

    }



    60% {

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

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

    }



    70% {

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

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

    }



    80% {

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

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

    }



    90% {

        -webkit-transform: translateX(1px) rotate(0);

        transform: translateX(1px) rotate(0)

    }



    100% {

        -webkit-transform: translateX(-1px) rotate(0);

        transform: translateX(-1px) rotate(0)

    }

}



.hvr-icon-buzz-out {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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 {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.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-top-left:active:before,.hvr-curl-top-left:focus:before,.hvr-curl-top-left:hover:before {

    width: 25px;

    height: 25px

}



.hvr-curl-top-right {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.hvr-curl-top-right:before {

    pointer-events: none;

    position: absolute;

    content: '';

    height: 0;

    width: 0;

    top: 0;

    right: 0;

    background: #fff;

    background: linear-gradient(225deg,#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-top-right:active:before,.hvr-curl-top-right:focus:before,.hvr-curl-top-right:hover:before {

    width: 25px;

    height: 25px

}



.hvr-curl-bottom-right {

    display: inline-block;

    vertical-align: middle;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    position: relative

}



.hvr-curl-bottom-right:before {

    pointer-events: none;

    position: absolute;

    content: '';

    height: 0;

    width: 0;

    bottom: 0;

    right: 0;

    background: #fff;

    background: linear-gradient(315deg,#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-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: translateZ(0);

    transform: translateZ(0);

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

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -moz-osx-font-smoothing: grayscale;

    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

}