@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700); /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        animation-duration: 2s;
    }

    .animated.flipOutX,
    .animated.flipOutY,
    .animated.bounceIn,
    .animated.bounceOut {
        animation-duration: .75s;
    }

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        transform: translate3d(0, 0, 0);
    }

    40%, 43% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -30px, 0);
    }

    70% {
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        transform: translate3d(0, -15px, 0);
    }

    90% {
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }

    25%, 75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }

    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }

    30% {
        transform: scale3d(1.25, 0.75, 1);
    }

    40% {
        transform: scale3d(0.75, 1.25, 1);
    }

    50% {
        transform: scale3d(1.15, 0.85, 1);
    }

    65% {
        transform: scale3d(0.95, 1.05, 1);
    }

    75% {
        transform: scale3d(1.05, 0.95, 1);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@keyframes shake {
    from, to {
        transform: translate3d(0, 0, 0);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: translate3d(-10px, 0, 0);
    }

    20%, 40%, 60%, 80% {
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }

    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }

    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }

    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }

    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }

    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }

    10%, 20% {
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%, 50%, 70%, 90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%, 60%, 80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
    from {
        transform: none;
    }

    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }

    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }

    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }

    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }

    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }

    to {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {
    from, 11.1%, to {
        transform: none;
    }

    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }

    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }

    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }

    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }

    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }

    77.7% {
        transform: skewX(0.39062deg) skewY(0.39062deg);
    }

    88.8% {
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }

    40% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }

    80% {
        transform: scale3d(0.97, 0.97, 0.97);
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }

    75% {
        transform: translate3d(0, -10px, 0);
    }

    90% {
        transform: translate3d(0, 5px, 0);
    }

    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }

    75% {
        transform: translate3d(-10px, 0, 0);
    }

    90% {
        transform: translate3d(5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }

    75% {
        transform: translate3d(10px, 0, 0);
    }

    90% {
        transform: translate3d(-5px, 0, 0);
    }

    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }

    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }

    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    75% {
        transform: translate3d(0, 10px, 0);
    }

    90% {
        transform: translate3d(0, -5px, 0);
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(0.9, 0.9, 0.9);
    }

    50%, 55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }

    to {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }

    40%, 45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        animation-timing-function: ease-in;
    }

    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }

    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }

    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }

    to {
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }

    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }

    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: skewX(20deg);
        opacity: 1;
    }

    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }

    to {
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }

    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }

    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }

    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }

    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }

    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }

    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%, 60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40%, 80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }

    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }

    50% {
        transform: rotate(-10deg);
    }

    70% {
        transform: rotate(3deg);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jackInTheBox {
    animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    60% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }

    50% {
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }

    to {
        opacity: 0;
        transform: scale(0.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    to {
        opacity: 0;
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

/* General Demo Style */
.agenda *,
.agenda *:after,
.agenda *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

/* Header Style */
.codrops-top {
    line-height: 24px;
    font-size: 11px;
    background: #fff;
    background: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    z-index: 9999;
    position: relative;
    box-shadow: 1px 0px 2px rgba(0, 0, 0, 0.2);
}

    .codrops-top a {
        padding: 0px 10px;
        letter-spacing: 1px;
        color: #333;
        display: inline-block;
    }

        .codrops-top a:hover {
            background: rgba(255, 255, 255, 0.8);
            color: #000;
        }

    .codrops-top span.right {
        float: right;
    }

        .codrops-top span.right a {
            float: left;
            display: block;
        }

/* Demo Buttons Style */
.codrops-demos {
    float: right;
}

    .codrops-demos a {
        display: inline-block;
        margin: 10px;
        color: #fff;
        font-weight: 700;
        line-height: 30px;
        border-bottom: 4px solid transparent;
    }

        .codrops-demos a:hover {
            color: #000;
            border-color: #000;
        }

        .codrops-demos a.current-demo,
        .codrops-demos a.current-demo:hover {
            color: rgba(255, 255, 255, 0.5);
            border-color: rgba(255, 255, 255, 0.5);
        }

.fc-calendar-container {
    position: relative;
    height: 400px;
    width: 400px;
}

.fc-calendar {
    width: 100%;
    height: 100%;
}

    .fc-calendar .fc-head {
        height: 30px;
        line-height: 30px;
        background: #ccc;
        color: #fff;
    }

    .fc-calendar .fc-body {
        position: relative;
        width: 100%;
        height: 100%;
        height: -moz-calc(100% - 30px);
        height: -webkit-calc(100% - 30px);
        height: calc(100% - 30px);
        border: 0px solid #ddd;
    }

    .fc-calendar .fc-row {
        width: 100%;
        border-bottom: 1px solid #00324e;
    }

.fc-four-rows .fc-row {
    height: 25%;
}

.fc-five-rows .fc-row {
    height: 20%;
}

.fc-six-rows .fc-row {
    height: 16.66%;
    height: -moz-calc(100%/6);
    height: -webkit-calc(100%/6);
    height: calc(100%/6);
}

.fc-calendar .fc-row > div,
.fc-calendar .fc-head > div {
    float: left;
    height: 100%;
    width: 14.28%;
    /* 100% / 7 */
    width: -moz-calc(100%/7);
    width: -webkit-calc(100%/7);
    width: calc(100%/7);
    position: relative;
}

/* IE 9 is rounding up the calc it seems */
.ie9 .fc-calendar .fc-row > div,
.ie9 .fc-calendar .fc-head > div {
    width: 14.2%;
}

.fc-calendar .fc-row > div {
    border-right: 1px solid #00324e;
    padding: 4px;
    overflow: hidden;
    position: relative;
}

.fc-calendar .fc-head > div {
    text-align: center;
}

.fc-calendar .fc-row > div > span.fc-date {
    position: absolute;
    width: 30px;
    height: 20px;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #ddd;
    text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.8);
    bottom: 5px;
    right: 5px;
    text-align: right;
}

.fc-calendar .fc-row > div > span.fc-weekday {
    padding-left: 5px;
    display: none;
}

.fc-calendar .fc-row > div.fc-today {
    background: #fff4c3;
}

.fc-calendar .fc-row > div.fc-out {
    opacity: 0.6;
}

.fc-calendar .fc-row > div:last-child,
.fc-calendar .fc-head > div:last-child {
    border-right: none;
}

.fc-calendar .fc-row:last-child {
    border-bottom: none;
}

/* Custom calendar elements */
.custom-calendar-wrap {
    margin: 10px auto;
    position: relative;
    overflow: hidden;
}

.custom-inner {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

    .custom-inner:before,
    .custom-inner:after {
        content: '';
        width: 99%;
        height: 50%;
        position: absolute;
        background: #f6f6f6;
        bottom: -4px;
        left: 0.5%;
        z-index: -1;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    }

    .custom-inner:after {
        content: '';
        width: 98%;
        bottom: -7px;
        left: 1%;
        z-index: -2;
    }

.custom-header {
    background: #fff;
    padding: 5px 10px 10px 20px;
    height: 70px;
    position: relative;
    border-top: 5px solid #05a6f4;
    border-bottom: 1px solid #ddd;
}

    .custom-header h2,
    .custom-header h3 {
        text-align: center;
        text-transform: uppercase;
    }

    .custom-header h2 {
        color: #495468;
        font-weight: 300;
        font-size: 18px;
        margin-top: 10px;
    }

    .custom-header h3 {
        font-size: 10px;
        font-weight: 700;
        color: #b7bbc2;
    }

    .custom-header nav span {
        position: absolute;
        top: 17px;
        width: 30px;
        height: 30px;
        color: transparent;
        cursor: pointer;
        margin: 0 1px;
        font-size: 20px;
        line-height: 30px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        .custom-header nav span:first-child {
            left: 5px;
        }

        .custom-header nav span:last-child {
            right: 5px;
        }

        .custom-header nav span:before {
            font-family: 'fontawesome-selected';
            color: #05a6f4;
            position: absolute;
            text-align: center;
            width: 100%;
        }

        .custom-header nav span.custom-prev:before {
            content: '\25C2';
        }

        .custom-header nav span.custom-next:before {
            content: '\25B8';
        }

        .custom-header nav span:hover:before {
            color: #495468;
        }

.custom-content-reveal {
    background: #f6f6f6;
    background: rgba(246, 246, 246, 0.9);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 0px;
    text-align: center;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

    .custom-content-reveal span.custom-content-close {
        position: absolute;
        top: 15px;
        right: 10px;
        width: 20px;
        height: 20px;
        text-align: center;
        background: red;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        cursor: pointer;
        line-height: 16px;
        padding: 0;
    }

        .custom-content-reveal span.custom-content-close:after {
            content: 'x';
            font-size: 18px;
            color: #fff;
        }

    .custom-content-reveal a,
    .custom-content-reveal span {
        font-size: 22px;
        padding: 10px 30px;
        display: block;
    }

    .custom-content-reveal h4 {
        text-transform: uppercase;
        font-size: 13px;
        font-weight: 300;
        letter-spacing: 3px;
        color: #777;
        padding: 20px;
        background: #fff;
        border-bottom: 1px solid #ddd;
        border-top: 5px solid #05a6f4;
        box-shadow: 0 1px rgba(255, 255, 255, 0.9);
        margin-bottom: 30px;
    }

    .custom-content-reveal span {
        color: #888;
    }

    .custom-content-reveal a {
        color: #05a6f4;
    }

        .custom-content-reveal a:hover {
            color: #333;
        }

/* Modifications */
.fc-calendar-container {
    height: 400px;
    width: auto;
    padding: 30px;
    background: #01314e;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.8);
}

.fc-calendar .fc-head {
    background: transparent;
    color: #05a6f4;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.fc-calendar .fc-row > div {
    background: rgba(255, 255, 255, 0.08);
    cursor: pointer;
}

    .fc-calendar .fc-row > div:empty {
        background: transparent;
    }

    .fc-calendar .fc-row > div > span.fc-date {
        top: 50%;
        left: 50%;
        text-align: center;
        margin: -10px 0 0 -15px;
        color: #fff;
        font-weight: 400;
        pointer-events: none;
    }

    .fc-calendar .fc-row > div.fc-today {
        background: #05a6f4 !important;
        box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1);
    }

        .fc-calendar .fc-row > div.fc-today > span.fc-date {
            color: #fff;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
        }

    .fc-calendar .fc-row > div.fc-content {
        background-color: #8BC34A;
    }

        .fc-calendar .fc-row > div.fc-content:after {
            content: '\B7';
            text-align: center;
            width: 10px;
            height: 10px;
            margin-left: -5px;
            position: absolute;
            color: #DDD;
            font-size: 70px;
            left: 50%;
            bottom: 3px;
            border-radius: 50%;
            background-color: #01314e;
        }

    .fc-calendar .fc-row > div.fc-today.fc-content:after {
        background-color: #01314e;
    }

    .fc-calendar .fc-row > div.fc-content:hover:after {
        background-color: #01314e;
    }

    .fc-calendar .fc-row > div.fc-today.fc-content:hover:after {
        background-color: #01314e;
    }

    .fc-calendar .fc-row > div > div a,
    .fc-calendar .fc-row > div > div span {
        display: none;
        font-size: 22px;
    }

@media screen and (max-width: 400px) {
    .fc-calendar-container {
        height: 300px;
    }

    .fc-calendar .fc-row > div > span.fc-date {
        font-size: 15px;
    }
}

.container-fluid,
.container {
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {
    padding-right: 2rem;
    padding-left: 2rem;
}

.row {
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

    .row.reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

.col.reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}

.col-xs {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
}

.col-xs-1 {
    -ms-flex-preferred-size: 8.33333333%;
    flex-basis: 8.33333333%;
    max-width: 8.33333333%;
}

.col-xs-2 {
    -ms-flex-preferred-size: 16.66666667%;
    flex-basis: 16.66666667%;
    max-width: 16.66666667%;
}

.col-xs-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.col-xs-4 {
    -ms-flex-preferred-size: 33.33333333%;
    flex-basis: 33.33333333%;
    max-width: 33.33333333%;
}

.col-xs-5 {
    -ms-flex-preferred-size: 41.66666667%;
    flex-basis: 41.66666667%;
    max-width: 41.66666667%;
}

.col-xs-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
}

.col-xs-7 {
    -ms-flex-preferred-size: 58.33333333%;
    flex-basis: 58.33333333%;
    max-width: 58.33333333%;
}

.col-xs-8 {
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
    max-width: 66.66666667%;
}

.col-xs-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
}

.col-xs-10 {
    -ms-flex-preferred-size: 83.33333333%;
    flex-basis: 83.33333333%;
    max-width: 83.33333333%;
}

.col-xs-11 {
    -ms-flex-preferred-size: 91.66666667%;
    flex-basis: 91.66666667%;
    max-width: 91.66666667%;
}

.col-xs-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
}

.col-xs-offset-0 {
    margin-left: 0;
}

.col-xs-offset-1 {
    margin-left: 8.33333333%;
}

.col-xs-offset-2 {
    margin-left: 16.66666667%;
}

.col-xs-offset-3 {
    margin-left: 25%;
}

.col-xs-offset-4 {
    margin-left: 33.33333333%;
}

.col-xs-offset-5 {
    margin-left: 41.66666667%;
}

.col-xs-offset-6 {
    margin-left: 50%;
}

.col-xs-offset-7 {
    margin-left: 58.33333333%;
}

.col-xs-offset-8 {
    margin-left: 66.66666667%;
}

.col-xs-offset-9 {
    margin-left: 75%;
}

.col-xs-offset-10 {
    margin-left: 83.33333333%;
}

.col-xs-offset-11 {
    margin-left: 91.66666667%;
}

.start-xs {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: start;
}

.center-xs {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.end-xs {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: end;
}

.top-xs {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.middle-xs {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bottom-xs {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.around-xs {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.between-xs {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.first-xs {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1;
}

.last-xs {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

@media only screen and (min-width: 48em) {
    .container {
        width: 49rem;
    }

    .col-sm,
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-offset-0,
    .col-sm-offset-1,
    .col-sm-offset-2,
    .col-sm-offset-3,
    .col-sm-offset-4,
    .col-sm-offset-5,
    .col-sm-offset-6,
    .col-sm-offset-7,
    .col-sm-offset-8,
    .col-sm-offset-9,
    .col-sm-offset-10,
    .col-sm-offset-11,
    .col-sm-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .col-sm {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-sm-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-sm-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-sm-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-sm-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-sm-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-sm-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-sm-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-sm-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-sm-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-sm-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-sm-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-sm-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-sm-offset-3 {
        margin-left: 25%;
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-sm-offset-6 {
        margin-left: 50%;
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-sm-offset-9 {
        margin-left: 75%;
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-sm {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-sm {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-sm {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-sm {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-sm {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-sm {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-sm {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-sm {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-sm {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-sm {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (min-width: 64em) {
    .container {
        width: 65rem;
    }

    .col-md,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-offset-0,
    .col-md-offset-1,
    .col-md-offset-2,
    .col-md-offset-3,
    .col-md-offset-4,
    .col-md-offset-5,
    .col-md-offset-6,
    .col-md-offset-7,
    .col-md-offset-8,
    .col-md-offset-9,
    .col-md-offset-10,
    .col-md-offset-11,
    .col-md-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .col-md {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-md-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-md-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-md-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-md-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-md-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-md-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-md-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-md-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-md-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-md-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-md-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-md-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-md-offset-0 {
        margin-left: 0;
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-md-offset-3 {
        margin-left: 25%;
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-md-offset-6 {
        margin-left: 50%;
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-md-offset-9 {
        margin-left: 75%;
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-md {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-md {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-md {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-md {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-md {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-md {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-md {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-md {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-md {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-md {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media only screen and (min-width: 75em) {
    .container {
        width: 76rem;
    }

    .col-lg,
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-offset-0,
    .col-lg-offset-1,
    .col-lg-offset-2,
    .col-lg-offset-3,
    .col-lg-offset-4,
    .col-lg-offset-5,
    .col-lg-offset-6,
    .col-lg-offset-7,
    .col-lg-offset-8,
    .col-lg-offset-9,
    .col-lg-offset-10,
    .col-lg-offset-11,
    .col-lg-offset-12 {
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .col-lg {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        max-width: 100%;
    }

    .col-lg-1 {
        -ms-flex-preferred-size: 8.33333333%;
        flex-basis: 8.33333333%;
        max-width: 8.33333333%;
    }

    .col-lg-2 {
        -ms-flex-preferred-size: 16.66666667%;
        flex-basis: 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-lg-3 {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
    }

    .col-lg-4 {
        -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-lg-5 {
        -ms-flex-preferred-size: 41.66666667%;
        flex-basis: 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-lg-6 {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
    }

    .col-lg-7 {
        -ms-flex-preferred-size: 58.33333333%;
        flex-basis: 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-lg-8 {
        -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-lg-9 {
        -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
        max-width: 75%;
    }

    .col-lg-10 {
        -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-lg-11 {
        -ms-flex-preferred-size: 91.66666667%;
        flex-basis: 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-lg-12 {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .start-lg {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        text-align: start;
    }

    .center-lg {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .end-lg {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        text-align: end;
    }

    .top-lg {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .middle-lg {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .bottom-lg {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .around-lg {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .between-lg {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .first-lg {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
    }

    .last-lg {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    /* position relative and z-index fix webkit rendering fonts issue */
    position: relative;
    z-index: 1;
}

    .owl-carousel .owl-stage {
        position: relative;
        -ms-touch-action: pan-Y;
        -moz-backface-visibility: hidden;
        /* fix firefox animation glitch */
    }

        .owl-carousel .owl-stage:after {
            content: ".";
            display: block;
            clear: both;
            visibility: hidden;
            line-height: 0;
            height: 0;
        }

    .owl-carousel .owl-stage-outer {
        position: relative;
        overflow: hidden;
        /* fix for flashing background */
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-wrapper,
    .owl-carousel .owl-item {
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
    }

    .owl-carousel .owl-item {
        position: relative;
        min-height: 1px;
        float: left;
        -webkit-backface-visibility: hidden;
        -webkit-tap-highlight-color: transparent;
        -webkit-touch-callout: none;
    }

        .owl-carousel .owl-item img {
            display: block;
            width: 100%;
        }

    .owl-carousel .owl-nav.disabled,
    .owl-carousel .owl-dots.disabled {
        display: none;
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next,
    .owl-carousel .owl-dot {
        cursor: pointer;
        cursor: hand;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-loaded {
        display: block;
    }

    .owl-carousel.owl-loading {
        opacity: 0;
        display: block;
    }

    .owl-carousel.owl-hidden {
        opacity: 0;
    }

    .owl-carousel.owl-refresh .owl-item {
        visibility: hidden;
    }

    .owl-carousel.owl-drag .owl-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .owl-carousel.owl-grab {
        cursor: move;
        cursor: grab;
    }

    .owl-carousel.owl-rtl {
        direction: rtl;
    }

        .owl-carousel.owl-rtl .owl-item {
            float: right;
        }

/* No Js */
.no-js .owl-carousel {
    display: block;
}

/*
   *  Owl Carousel - Animate Plugin
   */
.owl-carousel .animated {
    animation-duration: 1000ms;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

/*
   * 	Owl Carousel - Auto Height Plugin
   */
.owl-height {
    transition: height 500ms ease-in-out;
}

/*
   * 	Owl Carousel - Lazy Load Plugin
   */
.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d;
}

/*
   * 	Owl Carousel - Video Plugin
   */
.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform 100ms ease;
}

    .owl-carousel .owl-video-play-icon:hover {
        -ms-transform: scale(1.3, 1.3);
        transform: scale(1.3, 1.3);
    }

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-carousel .owl-nav {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -50px;
    opacity: 0;
    -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

    .owl-carousel .owl-nav div {
        color: white;
        position: absolute;
        height: 100px;
        background: #015a93;
        padding: 10px;
    }

        .owl-carousel .owl-nav div i {
            line-height: 100px;
            font-size: 25px;
        }

        .owl-carousel .owl-nav div.owl-prev {
            left: 0;
        }

        .owl-carousel .owl-nav div.owl-next {
            right: 0;
        }

.owl-carousel:hover .owl-nav {
    opacity: 1;
}

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

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

    .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

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

    .hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

/* Pulse */
@-webkit-keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse {
    25% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.hvr-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
        -webkit-animation-name: hvr-pulse;
        animation-name: hvr-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
        -webkit-animation-name: hvr-pulse-grow;
        animation-name: hvr-pulse-grow;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

@keyframes hvr-pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.hvr-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
        -webkit-animation-name: hvr-pulse-shrink;
        animation-name: hvr-pulse-shrink;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

/* Push */
@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.hvr-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-push:hover, .hvr-push:focus, .hvr-push:active {
        -webkit-animation-name: hvr-push;
        animation-name: hvr-push;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Pop */
@-webkit-keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

@keyframes hvr-pop {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
}

.hvr-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
        -webkit-animation-name: hvr-pop;
        animation-name: hvr-pop;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Bounce In */
.hvr-bounce-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }

/* Bounce Out */
.hvr-bounce-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }

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

    .hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }

/* Grow Rotate */
.hvr-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
        -webkit-transform: scale(1.1) rotate(4deg);
        transform: scale(1.1) rotate(4deg);
    }

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

    .hvr-float:hover, .hvr-float:focus, .hvr-float:active {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

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

    .hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

/* Bob */
@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }

    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px);
    }
}

.hvr-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
        -webkit-animation-name: hvr-bob-float, hvr-bob;
        animation-name: hvr-bob-float, hvr-bob;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }

/* Hang */
@-webkit-keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes hvr-hang {
    0% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    50% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@-webkit-keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

@keyframes hvr-hang-sink {
    100% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
}

.hvr-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
        -webkit-animation-name: hvr-hang-sink, hvr-hang;
        animation-name: hvr-hang-sink, hvr-hang;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }

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

    .hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg);
    }

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

    .hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
        -webkit-transform: skew(-10deg);
        transform: skew(-10deg);
    }

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

    .hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }

    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.hvr-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
        -webkit-animation-name: hvr-wobble-vertical;
        animation-name: hvr-wobble-vertical;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
        -webkit-animation-name: hvr-wobble-horizontal;
        animation-name: hvr-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes hvr-wobble-to-bottom-right {
    16.65% {
        -webkit-transform: translate(8px, 8px);
        transform: translate(8px, 8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, -6px);
        transform: translate(-6px, -6px);
    }

    49.95% {
        -webkit-transform: translate(4px, 4px);
        transform: translate(4px, 4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, -2px);
        transform: translate(-2px, -2px);
    }

    83.25% {
        -webkit-transform: translate(1px, 1px);
        transform: translate(1px, 1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.hvr-wobble-to-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
        -webkit-animation-name: hvr-wobble-to-bottom-right;
        animation-name: hvr-wobble-to-bottom-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

@keyframes hvr-wobble-to-top-right {
    16.65% {
        -webkit-transform: translate(8px, -8px);
        transform: translate(8px, -8px);
    }

    33.3% {
        -webkit-transform: translate(-6px, 6px);
        transform: translate(-6px, 6px);
    }

    49.95% {
        -webkit-transform: translate(4px, -4px);
        transform: translate(4px, -4px);
    }

    66.6% {
        -webkit-transform: translate(-2px, 2px);
        transform: translate(-2px, 2px);
    }

    83.25% {
        -webkit-transform: translate(1px, -1px);
        transform: translate(1px, -1px);
    }

    100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

.hvr-wobble-to-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
        -webkit-animation-name: hvr-wobble-to-top-right;
        animation-name: hvr-wobble-to-top-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-top {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
}

    .hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
        -webkit-animation-name: hvr-wobble-top;
        animation-name: hvr-wobble-top;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-bottom {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}

    .hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
        -webkit-animation-name: hvr-wobble-bottom;
        animation-name: hvr-wobble-bottom;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

@keyframes hvr-wobble-skew {
    16.65% {
        -webkit-transform: skew(-12deg);
        transform: skew(-12deg);
    }

    33.3% {
        -webkit-transform: skew(10deg);
        transform: skew(10deg);
    }

    49.95% {
        -webkit-transform: skew(-6deg);
        transform: skew(-6deg);
    }

    66.6% {
        -webkit-transform: skew(4deg);
        transform: skew(4deg);
    }

    83.25% {
        -webkit-transform: skew(-2deg);
        transform: skew(-2deg);
    }

    100% {
        -webkit-transform: skew(0);
        transform: skew(0);
    }
}

.hvr-wobble-skew {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
        -webkit-animation-name: hvr-wobble-skew;
        animation-name: hvr-wobble-skew;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Buzz */
@-webkit-keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
        -webkit-animation-name: hvr-buzz;
        animation-name: hvr-buzz;
        -webkit-animation-duration: 0.15s;
        animation-duration: 0.15s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

    .hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
        -webkit-animation-name: hvr-buzz-out;
        animation-name: hvr-buzz-out;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

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

    .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }

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

    .hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
        -webkit-transform: translateX(-8px);
        transform: translateX(-8px);
    }

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

    .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
        background-color: #2098D1;
        color: white;
    }

/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

@keyframes hvr-back-pulse {
    50% {
        background-color: rgba(32, 152, 209, 0.75);
    }
}

.hvr-back-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    overflow: hidden;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
}

    .hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
        -webkit-animation-name: hvr-back-pulse;
        animation-name: hvr-back-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0.5s;
        animation-delay: 0.5s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        background-color: #2098D1;
        background-color: #2098d1;
        color: white;
    }

/* Sweep To Right */
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

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

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

/* Sweep To Left */
.hvr-sweep-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

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

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

/* Sweep To Bottom */
.hvr-sweep-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

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

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

/* Sweep To Top */
.hvr-sweep-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

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

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

/* Bounce To Right */
.hvr-bounce-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

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

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

        .hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

/* Bounce To Left */
.hvr-bounce-to-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

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

    .hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
        color: white;
    }

        .hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

/* Bounce To Bottom */
.hvr-bounce-to-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

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

    .hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
        color: white;
    }

        .hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

/* Bounce To Top */
.hvr-bounce-to-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

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

    .hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
        color: white;
    }

        .hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
            transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        }

/* Radial Out */
.hvr-radial-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-radial-out:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098D1;
        border-radius: 100%;
        -webkit-transform: scale(0);
        transform: scale(0);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
        color: white;
    }

        .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
            -webkit-transform: scale(2);
            transform: scale(2);
        }

/* Radial In */
.hvr-radial-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-radial-in:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #e1e1e1;
        border-radius: 100%;
        -webkit-transform: scale(2);
        transform: scale(2);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
        color: white;
    }

        .hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

/* Rectangle In */
.hvr-rectangle-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-rectangle-in:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #e1e1e1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
        color: white;
    }

        .hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

/* Rectangle Out */
.hvr-rectangle-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
        color: white;
    }

        .hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
            -webkit-transform: scale(1);
            transform: scale(1);
        }

/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
        color: white;
    }

        .hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
        }

/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
        color: white;
    }

        .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }

/* Shutter In Vertical */
.hvr-shutter-in-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-shutter-in-vertical:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #e1e1e1;
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
        color: white;
    }

        .hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
        }

/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
        color: white;
    }

        .hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
        }

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

    .hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
        box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent;
        /* Hack to improve aliasing on mobile/tablet devices */
    }

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

    .hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
        background: none;
    }

/* Trim */
.hvr-trim {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-trim:before {
        content: '';
        position: absolute;
        border: white solid 4px;
        top: 4px;
        left: 4px;
        right: 4px;
        bottom: 4px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
        opacity: 1;
    }

/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

@keyframes hvr-ripple-out {
    100% {
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
    }
}

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-ripple-out:before {
        content: '';
        position: absolute;
        border: #e1e1e1 solid 6px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
        -webkit-animation-name: hvr-ripple-out;
        animation-name: hvr-ripple-out;
    }

/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

@keyframes hvr-ripple-in {
    100% {
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 1;
    }
}

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-ripple-in:before {
        content: '';
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: -12px;
        right: -12px;
        bottom: -12px;
        left: -12px;
        opacity: 0;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
    }

    .hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
        -webkit-animation-name: hvr-ripple-in;
        animation-name: hvr-ripple-in;
    }

/* Outline Out */
.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-outline-out:before {
        content: '';
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: top, right, bottom, left;
        transition-property: top, right, bottom, left;
    }

    .hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
    }

/* Outline In */
.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-outline-in:before {
        pointer-events: none;
        content: '';
        position: absolute;
        border: #e1e1e1 solid 4px;
        top: -16px;
        right: -16px;
        bottom: -16px;
        left: -16px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: top, right, bottom, left;
        transition-property: top, right, bottom, left;
    }

    .hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
        top: -8px;
        right: -8px;
        bottom: -8px;
        left: -8px;
        opacity: 1;
    }

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

    .hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
        border-radius: 1em;
    }

/* Underline From Left */
.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #2098D1;
        height: 4px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

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

/* Underline From Center */
.hvr-underline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        bottom: 0;
        background: #2098D1;
        height: 4px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

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

/* Underline From Right */
.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-from-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 100%;
        right: 0;
        bottom: 0;
        background: #2098D1;
        height: 4px;
        -webkit-transition-property: left;
        transition-property: left;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

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

/* Overline From Left */
.hvr-overline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-overline-from-left:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 100%;
        top: 0;
        background: #2098D1;
        height: 4px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

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

/* Overline From Center */
.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-overline-from-center:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 50%;
        right: 50%;
        top: 0;
        background: #2098D1;
        height: 4px;
        -webkit-transition-property: left, right;
        transition-property: left, right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

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

/* Overline From Right */
.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-overline-from-right:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 100%;
        right: 0;
        top: 0;
        background: #2098D1;
        height: 4px;
        -webkit-transition-property: left;
        transition-property: left;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

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

/* Reveal */
.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        border-color: #2098D1;
        border-style: solid;
        border-width: 0;
        -webkit-transition-property: border-width;
        transition-property: border-width;
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        border-width: 4px;
    }

/* Underline Reveal */
.hvr-underline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-underline-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098D1;
        height: 4px;
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

/* Overline Reveal */
.hvr-overline-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    overflow: hidden;
}

    .hvr-overline-reveal:before {
        content: "";
        position: absolute;
        z-index: -1;
        left: 0;
        right: 0;
        top: 0;
        background: #2098D1;
        height: 4px;
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

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

    .hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    }

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

    .hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
    }

/* Grow Shadow */
.hvr-grow-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: box-shadow, transform;
    transition-property: box-shadow, transform;
}

    .hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
        box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

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

    .hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
        box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
    }

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

    .hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
        box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
        /* Hack to improve aliasing on mobile/tablet devices */
    }

/* Float Shadow */
.hvr-float-shadow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-float-shadow:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
        /* W3C */
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform, opacity;
        transition-property: transform, opacity;
    }

    .hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
        /* move the element up by 5px */
    }

        .hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
            opacity: 1;
            -webkit-transform: translateY(5px);
            transform: translateY(5px);
            /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
        }

/* Shadow Radial */
.hvr-shadow-radial {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-shadow-radial:before, .hvr-shadow-radial:after {
        pointer-events: none;
        position: absolute;
        content: '';
        left: 0;
        width: 100%;
        box-sizing: border-box;
        background-repeat: no-repeat;
        height: 5px;
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        transition-property: opacity;
    }

    .hvr-shadow-radial:before {
        bottom: 100%;
        background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
        background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
    }

    .hvr-shadow-radial:after {
        top: 100%;
        background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
        background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
    }

    .hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
        opacity: 1;
    }

/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-bubble-top:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        left: calc(50% - 10px);
        top: 0;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #e1e1e1 transparent;
    }

    .hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

/* Bubble Right */
.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-bubble-right:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        top: calc(50% - 10px);
        right: 0;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #e1e1e1;
    }

    .hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

/* Bubble Bottom */
.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-bubble-bottom:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        left: calc(50% - 10px);
        bottom: 0;
        border-width: 10px 10px 0 10px;
        border-color: #e1e1e1 transparent transparent transparent;
    }

    .hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

/* Bubble Left */
.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-bubble-left:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        border-style: solid;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        top: calc(50% - 10px);
        left: 0;
        border-width: 10px 10px 10px 0;
        border-color: transparent #e1e1e1 transparent transparent;
    }

    .hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

/* Bubble Float Top */
.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-top:before {
        position: absolute;
        z-index: -1;
        content: '';
        left: calc(50% - 10px);
        top: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent #e1e1e1 transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

        .hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px);
        }

/* Bubble Float Right */
.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-right:before {
        position: absolute;
        z-index: -1;
        top: calc(50% - 10px);
        right: 0;
        content: '';
        border-style: solid;
        border-width: 10px 0 10px 10px;
        border-color: transparent transparent transparent #e1e1e1;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

        .hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
            -webkit-transform: translateX(10px);
            transform: translateX(10px);
        }

/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-bottom:before {
        position: absolute;
        z-index: -1;
        content: '';
        left: calc(50% - 10px);
        bottom: 0;
        border-style: solid;
        border-width: 10px 10px 0 10px;
        border-color: #e1e1e1 transparent transparent transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

        .hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
            -webkit-transform: translateY(10px);
            transform: translateY(10px);
        }

/* Bubble Float Left */
.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

    .hvr-bubble-float-left:before {
        position: absolute;
        z-index: -1;
        content: '';
        top: calc(50% - 10px);
        left: 0;
        border-style: solid;
        border-width: 10px 10px 10px 0;
        border-color: transparent #e1e1e1 transparent transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }

    .hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }

        .hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
        }

/* ICONS */
/* Icon Back */
.hvr-icon-back {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

    .hvr-icon-back:before {
        content: "\F137";
        position: absolute;
        left: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.1s;
        transition-duration: 0.1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
        -webkit-transform: translateX(-4px);
        transform: translateX(-4px);
    }

/* Icon Forward */
.hvr-icon-forward {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.1s;
    transition-duration: 0.1s;
}

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

    .hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

/* Icon Down */
@-webkit-keyframes hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-down {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

/* Icon Down */
.hvr-icon-down {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

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

    .hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
        -webkit-animation-name: hvr-icon-down;
        animation-name: hvr-icon-down;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-up {
    0%, 50%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    25%, 75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

/* Icon Up */
.hvr-icon-up {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

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

    .hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
        -webkit-animation-name: hvr-icon-up;
        animation-name: hvr-icon-up;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

/* Icon Spin */
.hvr-icon-spin {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-spin:before {
        content: "\F021";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transition-duration: 1s;
        transition-duration: 1s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-in-out;
        transition-timing-function: ease-in-out;
    }

    .hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51%, 100% {
        opacity: 1;
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0;
    }

    50% {
        opacity: 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }

    51%, 100% {
        opacity: 1;
    }
}

/* Icon Drop */
.hvr-icon-drop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

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

    .hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
        opacity: 0;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-animation-name: hvr-icon-drop;
        animation-name: hvr-icon-drop;
        -webkit-animation-duration: 0.5s;
        animation-duration: 0.5s;
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
        animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    }

/* Icon Fade */
.hvr-icon-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

    .hvr-icon-fade:before {
        content: "\F00C";
        position: absolute;
        right: 1em;
        padding: 0 1px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.5s;
        transition-duration: 0.5s;
        -webkit-transition-property: color;
        transition-property: color;
    }

    .hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
        color: #0F9E5E;
    }

/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(-1em);
        transform: translateY(-1em);
    }
}

/* Icon Float Away */
.hvr-icon-float-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

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

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

    .hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
        -webkit-animation-name: hvr-icon-float-away;
        animation-name: hvr-icon-float-away;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(1em);
        transform: translateY(1em);
    }
}

/* Icon Sink Away */
.hvr-icon-sink-away {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

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

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

    .hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
        -webkit-animation-name: hvr-icon-sink-away;
        animation-name: hvr-icon-sink-away;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

/* Icon Grow */
.hvr-icon-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
        -webkit-transform: scale(1.3) translateZ(0);
        transform: scale(1.3) translateZ(0);
    }

/* Icon Shrink */
.hvr-icon-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }

/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse {
    25% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }

    75% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.hvr-icon-pulse {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

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

    .hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
        -webkit-animation-name: hvr-icon-pulse;
        animation-name: hvr-icon-pulse;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

@keyframes hvr-icon-pulse-grow {
    to {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}

.hvr-icon-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

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

    .hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
        -webkit-animation-name: hvr-icon-pulse-grow;
        animation-name: hvr-icon-pulse-grow;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes hvr-icon-pulse-shrink {
    to {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

.hvr-icon-pulse-shrink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
}

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

    .hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
        -webkit-animation-name: hvr-icon-pulse-shrink;
        animation-name: hvr-icon-pulse-shrink;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-direction: alternate;
    }

/* Icon Push */
@-webkit-keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

@keyframes hvr-icon-push {
    50% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
        -webkit-animation-name: hvr-icon-push;
        animation-name: hvr-icon-push;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes hvr-icon-pop {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.hvr-icon-pop {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
        -webkit-animation-name: hvr-icon-pop;
        animation-name: hvr-icon-pop;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Icon Bounce */
.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    }

/* Icon Rotate */
.hvr-icon-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
        -webkit-transform: rotate(20deg);
        transform: rotate(20deg);
    }

/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
        -webkit-transform: scale(1.5) rotate(12deg);
        transform: scale(1.5) rotate(12deg);
    }

/* Icon Float */
.hvr-icon-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px);
    }

/* Icon Sink */
.hvr-icon-sink {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-bob {
    0% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }

    50% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@-webkit-keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

@keyframes hvr-icon-bob-float {
    100% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
}

.hvr-icon-bob {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
        -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
        animation-name: hvr-icon-bob-float, hvr-icon-bob;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }

/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang {
    0% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    50% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }

    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@-webkit-keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

@keyframes hvr-icon-hang-sink {
    100% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }
}

.hvr-icon-hang {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
        -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
        animation-name: hvr-icon-hang-sink, hvr-icon-hang;
        -webkit-animation-duration: .3s, 1.5s;
        animation-duration: .3s, 1.5s;
        -webkit-animation-delay: 0s, .3s;
        animation-delay: 0s, .3s;
        -webkit-animation-timing-function: ease-out, ease-in-out;
        animation-timing-function: ease-out, ease-in-out;
        -webkit-animation-iteration-count: 1, infinite;
        animation-iteration-count: 1, infinite;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-direction: normal, alternate;
        animation-direction: normal, alternate;
    }

/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }

    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }

    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }

    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
        -webkit-animation-name: hvr-icon-wobble-horizontal;
        animation-name: hvr-icon-wobble-horizontal;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes hvr-icon-wobble-vertical {
    16.65% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px);
    }

    33.3% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }

    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }

    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }

    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.hvr-icon-wobble-vertical {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
        -webkit-animation-name: hvr-icon-wobble-vertical;
        animation-name: hvr-icon-wobble-vertical;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@keyframes hvr-icon-buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

.hvr-icon-buzz {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
        -webkit-animation-name: hvr-icon-buzz;
        animation-name: hvr-icon-buzz;
        -webkit-animation-duration: 0.15s;
        animation-duration: 0.15s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }

/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-icon-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }

    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }

    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }

    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }

    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }

    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

.hvr-icon-buzz-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-right: 2.2em;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    .hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
        -webkit-animation-name: hvr-icon-buzz-out;
        animation-name: hvr-icon-buzz-out;
        -webkit-animation-duration: 0.75s;
        animation-duration: 0.75s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-curl-top-left:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        top: 0;
        left: 0;
        background: white;
        /* IE9 */
        background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
        /*For IE7-8-9*/
        z-index: 1000;
        box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
        width: 25px;
        height: 25px;
    }

/* Curl Top Right */
.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-curl-top-right:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        top: 0;
        right: 0;
        background: white;
        /* IE9 */
        background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
        box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
        width: 25px;
        height: 25px;
    }

/* Curl Bottom Right */
.hvr-curl-bottom-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-curl-bottom-right:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        bottom: 0;
        right: 0;
        background: white;
        /* IE9 */
        background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
        box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
        width: 25px;
        height: 25px;
    }

/* Curl Bottom Left */
.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-curl-bottom-left:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        bottom: 0;
        left: 0;
        background: white;
        /* IE9 */
        background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
        box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
        width: 25px;
        height: 25px;
    }

html, body {
    margin: 0;
    font-family: 'Atlas Grotesk Web';
    font-weight: 300;
}

.container {
    width: 85%;
}

@media (max-width: 1200px) {
    .container {
        width: 95%;
    }
}

@media (max-width: 1024px) {
    .slider {
        display: none;
    }
}

.slider-media .row {
    margin: 0;
}

.linha {
    margin: 0;
}

* {
    box-sizing: border-box;
}

@font-face {
    font-family: 'fontawesome-selected';
    src: url("../assets/fonts/fontawesome-selected.eot");
    src: url("../assets/fonts/fontawesome-selected.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/fontawesome-selected.woff") format("woff"), url("../assets/fonts/fontawesome-selected.ttf") format("truetype"), url("../assets/fonts/fontawesome-selected.svg#fontawesome-selected") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Atlas Grotesk Web';
    src: url("../assets/fonts/Atlas Grotesk Web-Regular.eot");
    src: url("../assets/fonts/Atlas Grotesk Web-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Atlas Grotesk Web-Regular.woff") format("woff"), url("../assets/fonts/Atlas Grotesk Web-Regular.ttf") format("truetype"), url("../assets/fonts/Atlas Grotesk Web-Regular.svg#Atlas Grotesk Web") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Atlas Grotesk Web';
    src: url("../assets/fonts/Atlas Grotesk Web-Bold.eot");
    src: url("../assets/fonts/Atlas Grotesk Web-Bold.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Atlas Grotesk Web-Bold.woff") format("woff"), url("../assets/fonts/Atlas Grotesk Web-Bold.ttf") format("truetype"), url("../assets/fonts/Atlas Grotesk Web-Bold.svg#Atlas Grotesk Web") format("svg");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Atlas Grotesk Web';
    src: url("../assets/fonts/Atlas Grotesk Web-Black.eot");
    src: url("../assets/fonts/Atlas Grotesk Web-Black.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Atlas Grotesk Web-Black.woff") format("woff"), url("../assets/fonts/Atlas Grotesk Web-Black.ttf") format("truetype"), url("../assets/fonts/Atlas Grotesk Web-Black.svg#Atlas Grotesk Web") format("svg");
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Atlas Typewriter Web';
    src: url("../assets/fonts/Atlas Typewriter Web-Regular.eot");
    src: url("../assets/fonts/Atlas Typewriter Web-Regular.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Atlas Typewriter Web-Regular.woff") format("woff"), url("../assets/fonts/Atlas Typewriter Web-Regular.ttf") format("truetype"), url("../assets/fonts/Atlas Typewriter Web-Regular.svg#Atlas Typewriter Web") format("svg");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'Atlas Typewriter Web';
    src: url("../assets/fonts/Atlas Typewriter Web-Black.eot");
    src: url("../assets/fonts/Atlas Typewriter Web-Black.eot?#iefix") format("embedded-opentype"), url("../assets/fonts/Atlas Typewriter Web-Black.woff") format("woff"), url("../assets/fonts/Atlas Typewriter Web-Black.ttf") format("truetype"), url("../assets/fonts/Atlas Typewriter Web-Black.svg#Atlas Typewriter Web") format("svg");
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
}

@font-face {
    font-family: 'FontAwesome';
    src: url("../assets/fonts/fontawesome-webfont.eot?v=4.7.0");
    src: url("../assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../assets/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../assets/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../assets/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
    font-weight: normal;
    font-style: normal;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
    font-size: 1.33333333em;
    line-height: 0.75em;
    vertical-align: -15%;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-fw {
    width: 1.28571429em;
    text-align: center;
}

.fa-ul {
    padding-left: 0;
    margin-left: 2.14285714em;
    list-style-type: none;
}

    .fa-ul > li {
        position: relative;
    }

.fa-li {
    position: absolute;
    left: -2.14285714em;
    width: 2.14285714em;
    top: 0.14285714em;
    text-align: center;
}

    .fa-li.fa-lg {
        left: -1.85714286em;
    }

.fa-border {
    padding: .2em .25em .15em;
    border: solid 0.08em #eeeeee;
    border-radius: .1em;
}

.fa-pull-left {
    float: left;
}

.fa-pull-right {
    float: right;
}

.fa.fa-pull-left {
    margin-right: .3em;
}

.fa.fa-pull-right {
    margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.fa.pull-left {
    margin-right: .3em;
}

.fa.pull-right {
    margin-left: .3em;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.fa-pulse {
    -webkit-animation: fa-spin 1s infinite steps(8);
    animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

@keyframes fa-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.fa-rotate-180 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.fa-rotate-270 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
    filter: none;
}

.fa-stack {
    position: relative;
    display: inline-block;
    width: 2em;
    height: 2em;
    line-height: 2em;
    vertical-align: middle;
}

.fa-stack-1x,
.fa-stack-2x {
    position: absolute;
    left: 0;
    width: 100%;
    text-align: center;
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: #ffffff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
     readers do not read off random characters that represent icons */
.fa-glass:before {
    content: "\F000";
}

.fa-music:before {
    content: "\F001";
}

.fa-search:before {
    content: "\F002";
}

.fa-envelope-o:before {
    content: "\F003";
}

.fa-heart:before {
    content: "\F004";
}

.fa-star:before {
    content: "\F005";
}

.fa-star-o:before {
    content: "\F006";
}

.fa-user:before {
    content: "\F007";
}

.fa-film:before {
    content: "\F008";
}

.fa-th-large:before {
    content: "\F009";
}

.fa-th:before {
    content: "\F00A";
}

.fa-th-list:before {
    content: "\F00B";
}

.fa-check:before {
    content: "\F00C";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
    content: "\F00D";
}

.fa-search-plus:before {
    content: "\F00E";
}

.fa-search-minus:before {
    content: "\F010";
}

.fa-power-off:before {
    content: "\F011";
}

.fa-signal:before {
    content: "\F012";
}

.fa-gear:before,
.fa-cog:before {
    content: "\F013";
}

.fa-trash-o:before {
    content: "\F014";
}

.fa-home:before {
    content: "\F015";
}

.fa-file-o:before {
    content: "\F016";
}

.fa-clock-o:before {
    content: "\F017";
}

.fa-road:before {
    content: "\F018";
}

.fa-download:before {
    content: "\F019";
}

.fa-arrow-circle-o-down:before {
    content: "\F01A";
}

.fa-arrow-circle-o-up:before {
    content: "\F01B";
}

.fa-inbox:before {
    content: "\F01C";
}

.fa-play-circle-o:before {
    content: "\F01D";
}

.fa-rotate-right:before,
.fa-repeat:before {
    content: "\F01E";
}

.fa-refresh:before {
    content: "\F021";
}

.fa-list-alt:before {
    content: "\F022";
}

.fa-lock:before {
    content: "\F023";
}

.fa-flag:before {
    content: "\F024";
}

.fa-headphones:before {
    content: "\F025";
}

.fa-volume-off:before {
    content: "\F026";
}

.fa-volume-down:before {
    content: "\F027";
}

.fa-volume-up:before {
    content: "\F028";
}

.fa-qrcode:before {
    content: "\F029";
}

.fa-barcode:before {
    content: "\F02A";
}

.fa-tag:before {
    content: "\F02B";
}

.fa-tags:before {
    content: "\F02C";
}

.fa-book:before {
    content: "\F02D";
}

.fa-bookmark:before {
    content: "\F02E";
}

.fa-print:before {
    content: "\F02F";
}

.fa-camera:before {
    content: "\F030";
}

.fa-font:before {
    content: "\F031";
}

.fa-bold:before {
    content: "\F032";
}

.fa-italic:before {
    content: "\F033";
}

.fa-text-height:before {
    content: "\F034";
}

.fa-text-width:before {
    content: "\F035";
}

.fa-align-left:before {
    content: "\F036";
}

.fa-align-center:before {
    content: "\F037";
}

.fa-align-right:before {
    content: "\F038";
}

.fa-align-justify:before {
    content: "\F039";
}

.fa-list:before {
    content: "\F03A";
}

.fa-dedent:before,
.fa-outdent:before {
    content: "\F03B";
}

.fa-indent:before {
    content: "\F03C";
}

.fa-video-camera:before {
    content: "\F03D";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
    content: "\F03E";
}

.fa-pencil:before {
    content: "\F040";
}

.fa-map-marker:before {
    content: "\F041";
}

.fa-adjust:before {
    content: "\F042";
}

.fa-tint:before {
    content: "\F043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: "\F044";
}

.fa-share-square-o:before {
    content: "\F045";
}

.fa-check-square-o:before {
    content: "\F046";
}

.fa-arrows:before {
    content: "\F047";
}

.fa-step-backward:before {
    content: "\F048";
}

.fa-fast-backward:before {
    content: "\F049";
}

.fa-backward:before {
    content: "\F04A";
}

.fa-play:before {
    content: "\F04B";
}

.fa-pause:before {
    content: "\F04C";
}

.fa-stop:before {
    content: "\F04D";
}

.fa-forward:before {
    content: "\F04E";
}

.fa-fast-forward:before {
    content: "\F050";
}

.fa-step-forward:before {
    content: "\F051";
}

.fa-eject:before {
    content: "\F052";
}

.fa-chevron-left:before {
    content: "\F053";
}

.fa-chevron-right:before {
    content: "\F054";
}

.fa-plus-circle:before {
    content: "\F055";
}

.fa-minus-circle:before {
    content: "\F056";
}

.fa-times-circle:before {
    content: "\F057";
}

.fa-check-circle:before {
    content: "\F058";
}

.fa-question-circle:before {
    content: "\F059";
}

.fa-info-circle:before {
    content: "\F05A";
}

.fa-crosshairs:before {
    content: "\F05B";
}

.fa-times-circle-o:before {
    content: "\F05C";
}

.fa-check-circle-o:before {
    content: "\F05D";
}

.fa-ban:before {
    content: "\F05E";
}

.fa-arrow-left:before {
    content: "\F060";
}

.fa-arrow-right:before {
    content: "\F061";
}

.fa-arrow-up:before {
    content: "\F062";
}

.fa-arrow-down:before {
    content: "\F063";
}

.fa-mail-forward:before,
.fa-share:before {
    content: "\F064";
}

.fa-expand:before {
    content: "\F065";
}

.fa-compress:before {
    content: "\F066";
}

.fa-plus:before {
    content: "\F067";
}

.fa-minus:before {
    content: "\F068";
}

.fa-asterisk:before {
    content: "\F069";
}

.fa-exclamation-circle:before {
    content: "\F06A";
}

.fa-gift:before {
    content: "\F06B";
}

.fa-leaf:before {
    content: "\F06C";
}

.fa-fire:before {
    content: "\F06D";
}

.fa-eye:before {
    content: "\F06E";
}

.fa-eye-slash:before {
    content: "\F070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
    content: "\F071";
}

.fa-plane:before {
    content: "\F072";
}

.fa-calendar:before {
    content: "\F073";
}

.fa-random:before {
    content: "\F074";
}

.fa-comment:before {
    content: "\F075";
}

.fa-magnet:before {
    content: "\F076";
}

.fa-chevron-up:before {
    content: "\F077";
}

.fa-chevron-down:before {
    content: "\F078";
}

.fa-retweet:before {
    content: "\F079";
}

.fa-shopping-cart:before {
    content: "\F07A";
}

.fa-folder:before {
    content: "\F07B";
}

.fa-folder-open:before {
    content: "\F07C";
}

.fa-arrows-v:before {
    content: "\F07D";
}

.fa-arrows-h:before {
    content: "\F07E";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
    content: "\F080";
}

.fa-twitter-square:before {
    content: "\F081";
}

.fa-facebook-square:before {
    content: "\F082";
}

.fa-camera-retro:before {
    content: "\F083";
}

.fa-key:before {
    content: "\F084";
}

.fa-gears:before,
.fa-cogs:before {
    content: "\F085";
}

.fa-comments:before {
    content: "\F086";
}

.fa-thumbs-o-up:before {
    content: "\F087";
}

.fa-thumbs-o-down:before {
    content: "\F088";
}

.fa-star-half:before {
    content: "\F089";
}

.fa-heart-o:before {
    content: "\F08A";
}

.fa-sign-out:before {
    content: "\F08B";
}

.fa-linkedin-square:before {
    content: "\F08C";
}

.fa-thumb-tack:before {
    content: "\F08D";
}

.fa-external-link:before {
    content: "\F08E";
}

.fa-sign-in:before {
    content: "\F090";
}

.fa-trophy:before {
    content: "\F091";
}

.fa-github-square:before {
    content: "\F092";
}

.fa-upload:before {
    content: "\F093";
}

.fa-lemon-o:before {
    content: "\F094";
}

.fa-phone:before {
    content: "\F095";
}

.fa-square-o:before {
    content: "\F096";
}

.fa-bookmark-o:before {
    content: "\F097";
}

.fa-phone-square:before {
    content: "\F098";
}

.fa-twitter:before {
    content: "\F099";
}

.fa-facebook-f:before,
.fa-facebook:before {
    content: "\F09A";
}

.fa-github:before {
    content: "\F09B";
}

.fa-unlock:before {
    content: "\F09C";
}

.fa-credit-card:before {
    content: "\F09D";
}

.fa-feed:before,
.fa-rss:before {
    content: "\F09E";
}

.fa-hdd-o:before {
    content: "\F0A0";
}

.fa-bullhorn:before {
    content: "\F0A1";
}

.fa-bell:before {
    content: "\F0F3";
}

.fa-certificate:before {
    content: "\F0A3";
}

.fa-hand-o-right:before {
    content: "\F0A4";
}

.fa-hand-o-left:before {
    content: "\F0A5";
}

.fa-hand-o-up:before {
    content: "\F0A6";
}

.fa-hand-o-down:before {
    content: "\F0A7";
}

.fa-arrow-circle-left:before {
    content: "\F0A8";
}

.fa-arrow-circle-right:before {
    content: "\F0A9";
}

.fa-arrow-circle-up:before {
    content: "\F0AA";
}

.fa-arrow-circle-down:before {
    content: "\F0AB";
}

.fa-globe:before {
    content: "\F0AC";
}

.fa-wrench:before {
    content: "\F0AD";
}

.fa-tasks:before {
    content: "\F0AE";
}

.fa-filter:before {
    content: "\F0B0";
}

.fa-briefcase:before {
    content: "\F0B1";
}

.fa-arrows-alt:before {
    content: "\F0B2";
}

.fa-group:before,
.fa-users:before {
    content: "\F0C0";
}

.fa-chain:before,
.fa-link:before {
    content: "\F0C1";
}

.fa-cloud:before {
    content: "\F0C2";
}

.fa-flask:before {
    content: "\F0C3";
}

.fa-cut:before,
.fa-scissors:before {
    content: "\F0C4";
}

.fa-copy:before,
.fa-files-o:before {
    content: "\F0C5";
}

.fa-paperclip:before {
    content: "\F0C6";
}

.fa-save:before,
.fa-floppy-o:before {
    content: "\F0C7";
}

.fa-square:before {
    content: "\F0C8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
    content: "\F0C9";
}

.fa-list-ul:before {
    content: "\F0CA";
}

.fa-list-ol:before {
    content: "\F0CB";
}

.fa-strikethrough:before {
    content: "\F0CC";
}

.fa-underline:before {
    content: "\F0CD";
}

.fa-table:before {
    content: "\F0CE";
}

.fa-magic:before {
    content: "\F0D0";
}

.fa-truck:before {
    content: "\F0D1";
}

.fa-pinterest:before {
    content: "\F0D2";
}

.fa-pinterest-square:before {
    content: "\F0D3";
}

.fa-google-plus-square:before {
    content: "\F0D4";
}

.fa-google-plus:before {
    content: "\F0D5";
}

.fa-money:before {
    content: "\F0D6";
}

.fa-caret-down:before {
    content: "\F0D7";
}

.fa-caret-up:before {
    content: "\F0D8";
}

.fa-caret-left:before {
    content: "\F0D9";
}

.fa-caret-right:before {
    content: "\F0DA";
}

.fa-columns:before {
    content: "\F0DB";
}

.fa-unsorted:before,
.fa-sort:before {
    content: "\F0DC";
}

.fa-sort-down:before,
.fa-sort-desc:before {
    content: "\F0DD";
}

.fa-sort-up:before,
.fa-sort-asc:before {
    content: "\F0DE";
}

.fa-envelope:before {
    content: "\F0E0";
}

.fa-linkedin:before {
    content: "\F0E1";
}

.fa-rotate-left:before,
.fa-undo:before {
    content: "\F0E2";
}

.fa-legal:before,
.fa-gavel:before {
    content: "\F0E3";
}

.fa-dashboard:before,
.fa-tachometer:before {
    content: "\F0E4";
}

.fa-comment-o:before {
    content: "\F0E5";
}

.fa-comments-o:before {
    content: "\F0E6";
}

.fa-flash:before,
.fa-bolt:before {
    content: "\F0E7";
}

.fa-sitemap:before {
    content: "\F0E8";
}

.fa-umbrella:before {
    content: "\F0E9";
}

.fa-paste:before,
.fa-clipboard:before {
    content: "\F0EA";
}

.fa-lightbulb-o:before {
    content: "\F0EB";
}

.fa-exchange:before {
    content: "\F0EC";
}

.fa-cloud-download:before {
    content: "\F0ED";
}

.fa-cloud-upload:before {
    content: "\F0EE";
}

.fa-user-md:before {
    content: "\F0F0";
}

.fa-stethoscope:before {
    content: "\F0F1";
}

.fa-suitcase:before {
    content: "\F0F2";
}

.fa-bell-o:before {
    content: "\F0A2";
}

.fa-coffee:before {
    content: "\F0F4";
}

.fa-cutlery:before {
    content: "\F0F5";
}

.fa-file-text-o:before {
    content: "\F0F6";
}

.fa-building-o:before {
    content: "\F0F7";
}

.fa-hospital-o:before {
    content: "\F0F8";
}

.fa-ambulance:before {
    content: "\F0F9";
}

.fa-medkit:before {
    content: "\F0FA";
}

.fa-fighter-jet:before {
    content: "\F0FB";
}

.fa-beer:before {
    content: "\F0FC";
}

.fa-h-square:before {
    content: "\F0FD";
}

.fa-plus-square:before {
    content: "\F0FE";
}

.fa-angle-double-left:before {
    content: "\F100";
}

.fa-angle-double-right:before {
    content: "\F101";
}

.fa-angle-double-up:before {
    content: "\F102";
}

.fa-angle-double-down:before {
    content: "\F103";
}

.fa-angle-left:before {
    content: "\F104";
}

.fa-angle-right:before {
    content: "\F105";
}

.fa-angle-up:before {
    content: "\F106";
}

.fa-angle-down:before {
    content: "\F107";
}

.fa-desktop:before {
    content: "\F108";
}

.fa-laptop:before {
    content: "\F109";
}

.fa-tablet:before {
    content: "\F10A";
}

.fa-mobile-phone:before,
.fa-mobile:before {
    content: "\F10B";
}

.fa-circle-o:before {
    content: "\F10C";
}

.fa-quote-left:before {
    content: "\F10D";
}

.fa-quote-right:before {
    content: "\F10E";
}

.fa-spinner:before {
    content: "\F110";
}

.fa-circle:before {
    content: "\F111";
}

.fa-mail-reply:before,
.fa-reply:before {
    content: "\F112";
}

.fa-github-alt:before {
    content: "\F113";
}

.fa-folder-o:before {
    content: "\F114";
}

.fa-folder-open-o:before {
    content: "\F115";
}

.fa-smile-o:before {
    content: "\F118";
}

.fa-frown-o:before {
    content: "\F119";
}

.fa-meh-o:before {
    content: "\F11A";
}

.fa-gamepad:before {
    content: "\F11B";
}

.fa-keyboard-o:before {
    content: "\F11C";
}

.fa-flag-o:before {
    content: "\F11D";
}

.fa-flag-checkered:before {
    content: "\F11E";
}

.fa-terminal:before {
    content: "\F120";
}

.fa-code:before {
    content: "\F121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
    content: "\F122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
    content: "\F123";
}

.fa-location-arrow:before {
    content: "\F124";
}

.fa-crop:before {
    content: "\F125";
}

.fa-code-fork:before {
    content: "\F126";
}

.fa-unlink:before,
.fa-chain-broken:before {
    content: "\F127";
}

.fa-question:before {
    content: "\F128";
}

.fa-info:before {
    content: "\F129";
}

.fa-exclamation:before {
    content: "\F12A";
}

.fa-superscript:before {
    content: "\F12B";
}

.fa-subscript:before {
    content: "\F12C";
}

.fa-eraser:before {
    content: "\F12D";
}

.fa-puzzle-piece:before {
    content: "\F12E";
}

.fa-microphone:before {
    content: "\F130";
}

.fa-microphone-slash:before {
    content: "\F131";
}

.fa-shield:before {
    content: "\F132";
}

.fa-calendar-o:before {
    content: "\F133";
}

.fa-fire-extinguisher:before {
    content: "\F134";
}

.fa-rocket:before {
    content: "\F135";
}

.fa-maxcdn:before {
    content: "\F136";
}

.fa-chevron-circle-left:before {
    content: "\F137";
}

.fa-chevron-circle-right:before {
    content: "\F138";
}

.fa-chevron-circle-up:before {
    content: "\F139";
}

.fa-chevron-circle-down:before {
    content: "\F13A";
}

.fa-html5:before {
    content: "\F13B";
}

.fa-css3:before {
    content: "\F13C";
}

.fa-anchor:before {
    content: "\F13D";
}

.fa-unlock-alt:before {
    content: "\F13E";
}

.fa-bullseye:before {
    content: "\F140";
}

.fa-ellipsis-h:before {
    content: "\F141";
}

.fa-ellipsis-v:before {
    content: "\F142";
}

.fa-rss-square:before {
    content: "\F143";
}

.fa-play-circle:before {
    content: "\F144";
}

.fa-ticket:before {
    content: "\F145";
}

.fa-minus-square:before {
    content: "\F146";
}

.fa-minus-square-o:before {
    content: "\F147";
}

.fa-level-up:before {
    content: "\F148";
}

.fa-level-down:before {
    content: "\F149";
}

.fa-check-square:before {
    content: "\F14A";
}

.fa-pencil-square:before {
    content: "\F14B";
}

.fa-external-link-square:before {
    content: "\F14C";
}

.fa-share-square:before {
    content: "\F14D";
}

.fa-compass:before {
    content: "\F14E";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
    content: "\F150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
    content: "\F151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
    content: "\F152";
}

.fa-euro:before,
.fa-eur:before {
    content: "\F153";
}

.fa-gbp:before {
    content: "\F154";
}

.fa-dollar:before,
.fa-usd:before {
    content: "\F155";
}

.fa-rupee:before,
.fa-inr:before {
    content: "\F156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
    content: "\F157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
    content: "\F158";
}

.fa-won:before,
.fa-krw:before {
    content: "\F159";
}

.fa-bitcoin:before,
.fa-btc:before {
    content: "\F15A";
}

.fa-file:before {
    content: "\F15B";
}

.fa-file-text:before {
    content: "\F15C";
}

.fa-sort-alpha-asc:before {
    content: "\F15D";
}

.fa-sort-alpha-desc:before {
    content: "\F15E";
}

.fa-sort-amount-asc:before {
    content: "\F160";
}

.fa-sort-amount-desc:before {
    content: "\F161";
}

.fa-sort-numeric-asc:before {
    content: "\F162";
}

.fa-sort-numeric-desc:before {
    content: "\F163";
}

.fa-thumbs-up:before {
    content: "\F164";
}

.fa-thumbs-down:before {
    content: "\F165";
}

.fa-youtube-square:before {
    content: "\F166";
}

.fa-youtube:before {
    content: "\F167";
}

.fa-xing:before {
    content: "\F168";
}

.fa-xing-square:before {
    content: "\F169";
}

.fa-youtube-play:before {
    content: "\F16A";
}

.fa-dropbox:before {
    content: "\F16B";
}

.fa-stack-overflow:before {
    content: "\F16C";
}

.fa-instagram:before {
    content: "\F16D";
}

.fa-flickr:before {
    content: "\F16E";
}

.fa-adn:before {
    content: "\F170";
}

.fa-bitbucket:before {
    content: "\F171";
}

.fa-bitbucket-square:before {
    content: "\F172";
}

.fa-tumblr:before {
    content: "\F173";
}

.fa-tumblr-square:before {
    content: "\F174";
}

.fa-long-arrow-down:before {
    content: "\F175";
}

.fa-long-arrow-up:before {
    content: "\F176";
}

.fa-long-arrow-left:before {
    content: "\F177";
}

.fa-long-arrow-right:before {
    content: "\F178";
}

.fa-apple:before {
    content: "\F179";
}

.fa-windows:before {
    content: "\F17A";
}

.fa-android:before {
    content: "\F17B";
}

.fa-linux:before {
    content: "\F17C";
}

.fa-dribbble:before {
    content: "\F17D";
}

.fa-skype:before {
    content: "\F17E";
}

.fa-foursquare:before {
    content: "\F180";
}

.fa-trello:before {
    content: "\F181";
}

.fa-female:before {
    content: "\F182";
}

.fa-male:before {
    content: "\F183";
}

.fa-gittip:before,
.fa-gratipay:before {
    content: "\F184";
}

.fa-sun-o:before {
    content: "\F185";
}

.fa-moon-o:before {
    content: "\F186";
}

.fa-archive:before {
    content: "\F187";
}

.fa-bug:before {
    content: "\F188";
}

.fa-vk:before {
    content: "\F189";
}

.fa-weibo:before {
    content: "\F18A";
}

.fa-renren:before {
    content: "\F18B";
}

.fa-pagelines:before {
    content: "\F18C";
}

.fa-stack-exchange:before {
    content: "\F18D";
}

.fa-arrow-circle-o-right:before {
    content: "\F18E";
}

.fa-arrow-circle-o-left:before {
    content: "\F190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
    content: "\F191";
}

.fa-dot-circle-o:before {
    content: "\F192";
}

.fa-wheelchair:before {
    content: "\F193";
}

.fa-vimeo-square:before {
    content: "\F194";
}

.fa-turkish-lira:before,
.fa-try:before {
    content: "\F195";
}

.fa-plus-square-o:before {
    content: "\F196";
}

.fa-space-shuttle:before {
    content: "\F197";
}

.fa-slack:before {
    content: "\F198";
}

.fa-envelope-square:before {
    content: "\F199";
}

.fa-wordpress:before {
    content: "\F19A";
}

.fa-openid:before {
    content: "\F19B";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
    content: "\F19C";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
    content: "\F19D";
}

.fa-yahoo:before {
    content: "\F19E";
}

.fa-google:before {
    content: "\F1A0";
}

.fa-reddit:before {
    content: "\F1A1";
}

.fa-reddit-square:before {
    content: "\F1A2";
}

.fa-stumbleupon-circle:before {
    content: "\F1A3";
}

.fa-stumbleupon:before {
    content: "\F1A4";
}

.fa-delicious:before {
    content: "\F1A5";
}

.fa-digg:before {
    content: "\F1A6";
}

.fa-pied-piper-pp:before {
    content: "\F1A7";
}

.fa-pied-piper-alt:before {
    content: "\F1A8";
}

.fa-drupal:before {
    content: "\F1A9";
}

.fa-joomla:before {
    content: "\F1AA";
}

.fa-language:before {
    content: "\F1AB";
}

.fa-fax:before {
    content: "\F1AC";
}

.fa-building:before {
    content: "\F1AD";
}

.fa-child:before {
    content: "\F1AE";
}

.fa-paw:before {
    content: "\F1B0";
}

.fa-spoon:before {
    content: "\F1B1";
}

.fa-cube:before {
    content: "\F1B2";
}

.fa-cubes:before {
    content: "\F1B3";
}

.fa-behance:before {
    content: "\F1B4";
}

.fa-behance-square:before {
    content: "\F1B5";
}

.fa-steam:before {
    content: "\F1B6";
}

.fa-steam-square:before {
    content: "\F1B7";
}

.fa-recycle:before {
    content: "\F1B8";
}

.fa-automobile:before,
.fa-car:before {
    content: "\F1B9";
}

.fa-cab:before,
.fa-taxi:before {
    content: "\F1BA";
}

.fa-tree:before {
    content: "\F1BB";
}

.fa-spotify:before {
    content: "\F1BC";
}

.fa-deviantart:before {
    content: "\F1BD";
}

.fa-soundcloud:before {
    content: "\F1BE";
}

.fa-database:before {
    content: "\F1C0";
}

.fa-file-pdf-o:before {
    content: "\F1C1";
}

.fa-file-word-o:before {
    content: "\F1C2";
}

.fa-file-excel-o:before {
    content: "\F1C3";
}

.fa-file-powerpoint-o:before {
    content: "\F1C4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
    content: "\F1C5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
    content: "\F1C6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
    content: "\F1C7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
    content: "\F1C8";
}

.fa-file-code-o:before {
    content: "\F1C9";
}

.fa-vine:before {
    content: "\F1CA";
}

.fa-codepen:before {
    content: "\F1CB";
}

.fa-jsfiddle:before {
    content: "\F1CC";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
    content: "\F1CD";
}

.fa-circle-o-notch:before {
    content: "\F1CE";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
    content: "\F1D0";
}

.fa-ge:before,
.fa-empire:before {
    content: "\F1D1";
}

.fa-git-square:before {
    content: "\F1D2";
}

.fa-git:before {
    content: "\F1D3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
    content: "\F1D4";
}

.fa-tencent-weibo:before {
    content: "\F1D5";
}

.fa-qq:before {
    content: "\F1D6";
}

.fa-wechat:before,
.fa-weixin:before {
    content: "\F1D7";
}

.fa-send:before,
.fa-paper-plane:before {
    content: "\F1D8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
    content: "\F1D9";
}

.fa-history:before {
    content: "\F1DA";
}

.fa-circle-thin:before {
    content: "\F1DB";
}

.fa-header:before {
    content: "\F1DC";
}

.fa-paragraph:before {
    content: "\F1DD";
}

.fa-sliders:before {
    content: "\F1DE";
}

.fa-share-alt:before {
    content: "\F1E0";
}

.fa-share-alt-square:before {
    content: "\F1E1";
}

.fa-bomb:before {
    content: "\F1E2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
    content: "\F1E3";
}

.fa-tty:before {
    content: "\F1E4";
}

.fa-binoculars:before {
    content: "\F1E5";
}

.fa-plug:before {
    content: "\F1E6";
}

.fa-slideshare:before {
    content: "\F1E7";
}

.fa-twitch:before {
    content: "\F1E8";
}

.fa-yelp:before {
    content: "\F1E9";
}

.fa-newspaper-o:before {
    content: "\F1EA";
}

.fa-wifi:before {
    content: "\F1EB";
}

.fa-calculator:before {
    content: "\F1EC";
}

.fa-paypal:before {
    content: "\F1ED";
}

.fa-google-wallet:before {
    content: "\F1EE";
}

.fa-cc-visa:before {
    content: "\F1F0";
}

.fa-cc-mastercard:before {
    content: "\F1F1";
}

.fa-cc-discover:before {
    content: "\F1F2";
}

.fa-cc-amex:before {
    content: "\F1F3";
}

.fa-cc-paypal:before {
    content: "\F1F4";
}

.fa-cc-stripe:before {
    content: "\F1F5";
}

.fa-bell-slash:before {
    content: "\F1F6";
}

.fa-bell-slash-o:before {
    content: "\F1F7";
}

.fa-trash:before {
    content: "\F1F8";
}

.fa-copyright:before {
    content: "\F1F9";
}

.fa-at:before {
    content: "\F1FA";
}

.fa-eyedropper:before {
    content: "\F1FB";
}

.fa-paint-brush:before {
    content: "\F1FC";
}

.fa-birthday-cake:before {
    content: "\F1FD";
}

.fa-area-chart:before {
    content: "\F1FE";
}

.fa-pie-chart:before {
    content: "\F200";
}

.fa-line-chart:before {
    content: "\F201";
}

.fa-lastfm:before {
    content: "\F202";
}

.fa-lastfm-square:before {
    content: "\F203";
}

.fa-toggle-off:before {
    content: "\F204";
}

.fa-toggle-on:before {
    content: "\F205";
}

.fa-bicycle:before {
    content: "\F206";
}

.fa-bus:before {
    content: "\F207";
}

.fa-ioxhost:before {
    content: "\F208";
}

.fa-angellist:before {
    content: "\F209";
}

.fa-cc:before {
    content: "\F20A";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
    content: "\F20B";
}

.fa-meanpath:before {
    content: "\F20C";
}

.fa-buysellads:before {
    content: "\F20D";
}

.fa-connectdevelop:before {
    content: "\F20E";
}

.fa-dashcube:before {
    content: "\F210";
}

.fa-forumbee:before {
    content: "\F211";
}

.fa-leanpub:before {
    content: "\F212";
}

.fa-sellsy:before {
    content: "\F213";
}

.fa-shirtsinbulk:before {
    content: "\F214";
}

.fa-simplybuilt:before {
    content: "\F215";
}

.fa-skyatlas:before {
    content: "\F216";
}

.fa-cart-plus:before {
    content: "\F217";
}

.fa-cart-arrow-down:before {
    content: "\F218";
}

.fa-diamond:before {
    content: "\F219";
}

.fa-ship:before {
    content: "\F21A";
}

.fa-user-secret:before {
    content: "\F21B";
}

.fa-motorcycle:before {
    content: "\F21C";
}

.fa-street-view:before {
    content: "\F21D";
}

.fa-heartbeat:before {
    content: "\F21E";
}

.fa-venus:before {
    content: "\F221";
}

.fa-mars:before {
    content: "\F222";
}

.fa-mercury:before {
    content: "\F223";
}

.fa-intersex:before,
.fa-transgender:before {
    content: "\F224";
}

.fa-transgender-alt:before {
    content: "\F225";
}

.fa-venus-double:before {
    content: "\F226";
}

.fa-mars-double:before {
    content: "\F227";
}

.fa-venus-mars:before {
    content: "\F228";
}

.fa-mars-stroke:before {
    content: "\F229";
}

.fa-mars-stroke-v:before {
    content: "\F22A";
}

.fa-mars-stroke-h:before {
    content: "\F22B";
}

.fa-neuter:before {
    content: "\F22C";
}

.fa-genderless:before {
    content: "\F22D";
}

.fa-facebook-official:before {
    content: "\F230";
}

.fa-pinterest-p:before {
    content: "\F231";
}

.fa-whatsapp:before {
    content: "\F232";
}

.fa-server:before {
    content: "\F233";
}

.fa-user-plus:before {
    content: "\F234";
}

.fa-user-times:before {
    content: "\F235";
}

.fa-hotel:before,
.fa-bed:before {
    content: "\F236";
}

.fa-viacoin:before {
    content: "\F237";
}

.fa-train:before {
    content: "\F238";
}

.fa-subway:before {
    content: "\F239";
}

.fa-medium:before {
    content: "\F23A";
}

.fa-yc:before,
.fa-y-combinator:before {
    content: "\F23B";
}

.fa-optin-monster:before {
    content: "\F23C";
}

.fa-opencart:before {
    content: "\F23D";
}

.fa-expeditedssl:before {
    content: "\F23E";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
    content: "\F240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
    content: "\F241";
}

.fa-battery-2:before,
.fa-battery-half:before {
    content: "\F242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
    content: "\F243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
    content: "\F244";
}

.fa-mouse-pointer:before {
    content: "\F245";
}

.fa-i-cursor:before {
    content: "\F246";
}

.fa-object-group:before {
    content: "\F247";
}

.fa-object-ungroup:before {
    content: "\F248";
}

.fa-sticky-note:before {
    content: "\F249";
}

.fa-sticky-note-o:before {
    content: "\F24A";
}

.fa-cc-jcb:before {
    content: "\F24B";
}

.fa-cc-diners-club:before {
    content: "\F24C";
}

.fa-clone:before {
    content: "\F24D";
}

.fa-balance-scale:before {
    content: "\F24E";
}

.fa-hourglass-o:before {
    content: "\F250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
    content: "\F251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
    content: "\F252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
    content: "\F253";
}

.fa-hourglass:before {
    content: "\F254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
    content: "\F255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
    content: "\F256";
}

.fa-hand-scissors-o:before {
    content: "\F257";
}

.fa-hand-lizard-o:before {
    content: "\F258";
}

.fa-hand-spock-o:before {
    content: "\F259";
}

.fa-hand-pointer-o:before {
    content: "\F25A";
}

.fa-hand-peace-o:before {
    content: "\F25B";
}

.fa-trademark:before {
    content: "\F25C";
}

.fa-registered:before {
    content: "\F25D";
}

.fa-creative-commons:before {
    content: "\F25E";
}

.fa-gg:before {
    content: "\F260";
}

.fa-gg-circle:before {
    content: "\F261";
}

.fa-tripadvisor:before {
    content: "\F262";
}

.fa-odnoklassniki:before {
    content: "\F263";
}

.fa-odnoklassniki-square:before {
    content: "\F264";
}

.fa-get-pocket:before {
    content: "\F265";
}

.fa-wikipedia-w:before {
    content: "\F266";
}

.fa-safari:before {
    content: "\F267";
}

.fa-chrome:before {
    content: "\F268";
}

.fa-firefox:before {
    content: "\F269";
}

.fa-opera:before {
    content: "\F26A";
}

.fa-internet-explorer:before {
    content: "\F26B";
}

.fa-tv:before,
.fa-television:before {
    content: "\F26C";
}

.fa-contao:before {
    content: "\F26D";
}

.fa-500px:before {
    content: "\F26E";
}

.fa-amazon:before {
    content: "\F270";
}

.fa-calendar-plus-o:before {
    content: "\F271";
}

.fa-calendar-minus-o:before {
    content: "\F272";
}

.fa-calendar-times-o:before {
    content: "\F273";
}

.fa-calendar-check-o:before {
    content: "\F274";
}

.fa-industry:before {
    content: "\F275";
}

.fa-map-pin:before {
    content: "\F276";
}

.fa-map-signs:before {
    content: "\F277";
}

.fa-map-o:before {
    content: "\F278";
}

.fa-map:before {
    content: "\F279";
}

.fa-commenting:before {
    content: "\F27A";
}

.fa-commenting-o:before {
    content: "\F27B";
}

.fa-houzz:before {
    content: "\F27C";
}

.fa-vimeo:before {
    content: "\F27D";
}

.fa-black-tie:before {
    content: "\F27E";
}

.fa-fonticons:before {
    content: "\F280";
}

.fa-reddit-alien:before {
    content: "\F281";
}

.fa-edge:before {
    content: "\F282";
}

.fa-credit-card-alt:before {
    content: "\F283";
}

.fa-codiepie:before {
    content: "\F284";
}

.fa-modx:before {
    content: "\F285";
}

.fa-fort-awesome:before {
    content: "\F286";
}

.fa-usb:before {
    content: "\F287";
}

.fa-product-hunt:before {
    content: "\F288";
}

.fa-mixcloud:before {
    content: "\F289";
}

.fa-scribd:before {
    content: "\F28A";
}

.fa-pause-circle:before {
    content: "\F28B";
}

.fa-pause-circle-o:before {
    content: "\F28C";
}

.fa-stop-circle:before {
    content: "\F28D";
}

.fa-stop-circle-o:before {
    content: "\F28E";
}

.fa-shopping-bag:before {
    content: "\F290";
}

.fa-shopping-basket:before {
    content: "\F291";
}

.fa-hashtag:before {
    content: "\F292";
}

.fa-bluetooth:before {
    content: "\F293";
}

.fa-bluetooth-b:before {
    content: "\F294";
}

.fa-percent:before {
    content: "\F295";
}

.fa-gitlab:before {
    content: "\F296";
}

.fa-wpbeginner:before {
    content: "\F297";
}

.fa-wpforms:before {
    content: "\F298";
}

.fa-envira:before {
    content: "\F299";
}

.fa-universal-access:before {
    content: "\F29A";
}

.fa-wheelchair-alt:before {
    content: "\F29B";
}

.fa-question-circle-o:before {
    content: "\F29C";
}

.fa-blind:before {
    content: "\F29D";
}

.fa-audio-description:before {
    content: "\F29E";
}

.fa-volume-control-phone:before {
    content: "\F2A0";
}

.fa-braille:before {
    content: "\F2A1";
}

.fa-assistive-listening-systems:before {
    content: "\F2A2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
    content: "\F2A3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
    content: "\F2A4";
}

.fa-glide:before {
    content: "\F2A5";
}

.fa-glide-g:before {
    content: "\F2A6";
}

.fa-signing:before,
.fa-sign-language:before {
    content: "\F2A7";
}

.fa-low-vision:before {
    content: "\F2A8";
}

.fa-viadeo:before {
    content: "\F2A9";
}

.fa-viadeo-square:before {
    content: "\F2AA";
}

.fa-snapchat:before {
    content: "\F2AB";
}

.fa-snapchat-ghost:before {
    content: "\F2AC";
}

.fa-snapchat-square:before {
    content: "\F2AD";
}

.fa-pied-piper:before {
    content: "\F2AE";
}

.fa-first-order:before {
    content: "\F2B0";
}

.fa-yoast:before {
    content: "\F2B1";
}

.fa-themeisle:before {
    content: "\F2B2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
    content: "\F2B3";
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\F2B4";
}

.fa-handshake-o:before {
    content: "\F2B5";
}

.fa-envelope-open:before {
    content: "\F2B6";
}

.fa-envelope-open-o:before {
    content: "\F2B7";
}

.fa-linode:before {
    content: "\F2B8";
}

.fa-address-book:before {
    content: "\F2B9";
}

.fa-address-book-o:before {
    content: "\F2BA";
}

.fa-vcard:before,
.fa-address-card:before {
    content: "\F2BB";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
    content: "\F2BC";
}

.fa-user-circle:before {
    content: "\F2BD";
}

.fa-user-circle-o:before {
    content: "\F2BE";
}

.fa-user-o:before {
    content: "\F2C0";
}

.fa-id-badge:before {
    content: "\F2C1";
}

.fa-drivers-license:before,
.fa-id-card:before {
    content: "\F2C2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
    content: "\F2C3";
}

.fa-quora:before {
    content: "\F2C4";
}

.fa-free-code-camp:before {
    content: "\F2C5";
}

.fa-telegram:before {
    content: "\F2C6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
    content: "\F2C7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
    content: "\F2C8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
    content: "\F2C9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
    content: "\F2CA";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
    content: "\F2CB";
}

.fa-shower:before {
    content: "\F2CC";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
    content: "\F2CD";
}

.fa-podcast:before {
    content: "\F2CE";
}

.fa-window-maximize:before {
    content: "\F2D0";
}

.fa-window-minimize:before {
    content: "\F2D1";
}

.fa-window-restore:before {
    content: "\F2D2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
    content: "\F2D3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
    content: "\F2D4";
}

.fa-bandcamp:before {
    content: "\F2D5";
}

.fa-grav:before {
    content: "\F2D6";
}

.fa-etsy:before {
    content: "\F2D7";
}

.fa-imdb:before {
    content: "\F2D8";
}

.fa-ravelry:before {
    content: "\F2D9";
}

.fa-eercast:before {
    content: "\F2DA";
}

.fa-microchip:before {
    content: "\F2DB";
}

.fa-snowflake-o:before {
    content: "\F2DC";
}

.fa-superpowers:before {
    content: "\F2DD";
}

.fa-wpexplorer:before {
    content: "\F2DE";
}

.fa-meetup:before {
    content: "\F2E0";
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.agenda {
    background-color: #ebeff0;
    padding: 4rem 2rem;
}

@media (max-width: 600px) {
    .agenda {
        padding: 10px;
    }
}

.agenda .col {
    padding: 16px;
}

.agenda .all-event {
    padding: 2rem;
}

    .agenda .all-event ul li {
        list-style: none;
        font-size: 1.3rem;
        padding: 20px 0;
    }

        .agenda .all-event ul li strong {
            margin-right: 10px;
            padding-right: 10px;
            background-color: #05a5f4;
            padding: 10px;
            color: white;
            width: 100px;
            display: inline-block;
            text-align: center;
        }

.agenda .fc-content .detalhe_evento {
    display: none;
}

.consultoria-pagebody {
    background: whitesmoke;
}

.topo {
    background: white;
}

    .topo .logotipo {
        width: 100%;
        max-width: 300px;
    }

.navegacao {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 50px;
}

    .navegacao nav {
        background: #025a93;
        display: flex;
        width: 100%;
        justify-content: flex-end;
        padding-right: 5rem;
    }

@media (max-width: 600px) {
    .navegacao nav {
        justify-content: center;
        padding: 0;
    }
}

.navegacao nav li {
    list-style: none;
}

.navegacao nav a {
    color: white;
    text-decoration: none;
    padding-bottom: 1rem;
    font-size: 16px;
}

.banner {
    background-image: url(../assets/img/consultoria/banner_home.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 45vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 600px) {
    .banner {
        height: 60vh;
    }
}

.banner .item {
    text-align: center;
    color: #fff;
    margin: 10rem auto;
    background: rgba(22, 22, 22, 0.8);
    width: 100%;
    max-width: 960px;
    border-radius: 5px;
    padding-bottom: 32px;
    padding-top: 2rem;
}

.banner p {
    line-height: 2rem;
    font-size: 18px;
}

@media (max-width: 1024px) {
    .banner p {
        font-size: 15px;
    }
}

.consult-header {
    display: flex;
    justify-content: center;
    background: whitesmoke;
    flex-wrap: wrap;
}

    .consult-header .title-consult {
        width: 100%;
        padding: 2rem;
    }

    .consult-header .divider {
        width: 170px;
        height: 3px;
        padding: 0;
        margin: 27px auto 34px;
        background: #025a93;
        border: none;
    }

    .consult-header h1 {
        text-transform: uppercase;
        font-size: 30px;
        color: #025a93;
        text-align: center;
        font-weight: normal;
    }

.consult-body {
    display: flex;
    flex-wrap: wrap;
    background: white;
    margin: 0 2rem 2rem 2rem;
}

    .consult-body .texto-consultoria {
        width: 50%;
        padding-left: 1rem;
        line-height: 1.5rem;
        color: #818181;
    }

@media (max-width: 1024px) {
    .consult-body .texto-consultoria {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .consult-body .texto-consultoria {
        font-size: 16px;
    }
}

.consult-body .fipecafi-strong {
    text-transform: uppercase;
    font-weight: bold;
}

.consult-body ul {
    padding: 0 !important;
}

.consult-body li {
    list-style: none;
}

.consult-body a {
    text-decoration: none;
}

.consult-body .consult-img {
    display: flex;
    flex-wrap: wrap;
    width: 40%;
    padding: 1rem;
}

@media (max-width: 1024px) {
    .consult-body .consult-img {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .consult-body .consult-img {
        width: 100%;
    }
}

.consult-body .consult-img .imagem-institucional {
    background-image: url(../assets/img/consultoria/institucional.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 35vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact {
    padding: 4rem 2rem;
    background-color: #095888;
}

.contactFormulario {
    /*padding: 4rem 2rem;*/
    background-color: #095888;
}

@media (max-width: 600px) {
    .contact {
        padding: 1rem 0;
    }
}

.fipecafi .box-img {
    position: relative;
    z-index: 1;
}

    .fipecafi .box-img img {
        width: 100%;
        border-bottom: 10px solid #05a4f4;
    }

.fipecafi .box-txt {
    padding: 2rem;
    background: white;
    margin-top: -10px;
    position: relative;
}

@media (max-width: 600px) {
    .fipecafi .box-txt {
        padding: 1rem;
        font-size: 14px;
    }
}

.fipecafi .box-txt i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #085888;
    text-align: center;
    line-height: 30px;
    margin-right: 10px;
    color: white;
}

.fipecafi .box-txt h2 {
    text-align: center;
}

.fipecafi .box-txt address p, .fipecafi .box-txt .phone p {
    width: 205px;
    display: inline-block;
    vertical-align: middle;
    line-height: 25px;
}

.fipecafi .box-txt .bt-ver-mapa {
    position: absolute;
    bottom: 0;
    padding: .5rem;
    background: #8ac24b;
    text-decoration: none;
    color: white;
    right: 0;
    width: 155px;
    border-top-left-radius: 5px;
    display: none;
}

    .fipecafi .box-txt .bt-ver-mapa i {
        background-color: inherit;
        display: inline-block;
    }

@media (max-width: 600px) {
    .fipecafi .box-txt .bt-ver-mapa {
        width: 100%;
        border-top-left-radius: 0;
    }
}

.form-contato {
    padding-left: 4rem;
}

@media (max-width: 1024px) {
    .form-contato {
        padding-left: 1rem;
        padding-top: 2rem;
    }
}

.form-contato .header-contato p {
    color: white;
}

@media (max-width: 600px) {
    .form-contato .header-contato p {
        text-align: center;
        line-height: 25px;
    }
}

.form-contato .body-contato input,
.form-contato .body-contato textarea,
.form-contato .body-contato select {
    box-sizing: border-box;
    width: 100%;
    padding: 15px;
    border: 0;
    margin-bottom: 10px;
    font-size: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}


/*.form-contato .body-contato select {
    width: 40%;
    margin: 0 auto;
    background: rgb(9, 88, 136);
    padding: 2rem;
}*/

/*.form-contato .body-contato form select {
    width: 100%;
    font-size: 1.3rem;
    padding: 0.8rem;
    background: rgba(255, 255, 255, 0.2);
    border: 0;
    color: rgba(255, 255, 255, 1);
}*/

.form-contato .body-contato select option {
    border: 0;
    background: rgba(9, 88, 136, 0.8);
}

.form-contato .body-contato input::-webkit-input-placeholder,
.form-contato .body-contato textarea::-webkit-input-placeholder {
    color: #fff;
}

.form-contato .body-contato input::-moz-placeholder,
.form-contato .body-contato textarea::-moz-placeholder {
    color: #fff;
}

.form-contato .body-contato input:-ms-input-placeholder,
.form-contato .body-contato textarea:-ms-input-placeholder {
    color: #fff;
}

.form-contato .body-contato input:-moz-placeholder,
.form-contato .body-contato textarea:-moz-placeholder {
    color: #fff;
}

.form-contato .body-contato textarea {
    height: 150px;
}

.banner-curso {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 2rem 0;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

    .banner-curso .box-detalhe {
        padding: 2rem;
        color: white;
        background-color: rgba(0, 51, 78, 0.5);
        box-sizing: border-box;
    }

        .banner-curso .box-detalhe small {
            font-size: 0.7rem;
        }

        .banner-curso .box-detalhe h1 {
            font-size: 2rem;
            margin-top: 5px;
        }

        .banner-curso .box-detalhe .apresentacao p {
            font-size: .8rem;
            line-height: 20px;
        }

        .banner-curso .box-detalhe .apresentacao .button {
            width: 200px;
            display: block;
            padding: 1rem;
            text-transform: uppercase;
            color: #00334e;
            text-decoration: none;
            margin-top: 25px;
        }

@media (max-width: 1200px) {
    .banner-curso .box-detalhe .apresentacao .button {
        width: 215px;
    }
}

.banner-curso .box-detalhe .apresentacao .button i {
    margin-right: 10px;
}
/*--------------------------inicio  mestrado-------------------------------------------*/


.main-curso-novo {
    padding: 5rem 0;
}

    .main-curso-novo .coordenador {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(0, 51, 78, 0.5);
    }

        .main-curso-novo .coordenador .box-img {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            margin: 0 auto;
            border: 1px solid rgba(0, 51, 78, 0.08);
        }

        .main-curso-novo .coordenador h2 {
            color: #015a93;
            text-transform: uppercase;
            font-size: 1rem;
            text-align: center;
            margin: 20px 0;
        }

        .main-curso-novo .coordenador small {
            text-align: center;
            display: block;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: .7rem;
        }

    .main-curso-novo .corpo-docente h3 {
        background: #00334e;
        padding: 1rem;
        color: white;
        margin: 0;
    }

    .main-curso-novo .corpo-docente ul {
        margin: 0;
        padding: 0;
    }

        .main-curso-novo .corpo-docente ul li {
            list-style: none;
        }

            .main-curso-novo .corpo-docente ul li a {
                display: block;
                padding: 1rem;
                font-size: 1rem;
                text-align: left;
                text-decoration: none;
                color: #015a93;
                border-bottom: 1px solid rgba(128, 128, 128, 0.19);
            }

                .main-curso-novo .corpo-docente ul li a i.fa-user-circle-o {
                    margin-right: 10px;
                }

                .main-curso-novo .corpo-docente ul li a i.fa-plus {
                    float: right;
                }

/*----------------------------fim mestrado -----------------------------------------------*/
.main-curso {
    padding: 1rem 0;
}

    .main-curso .coordenador {
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(0, 51, 78, 0.5);
    }

        .main-curso .coordenador .box-img {
            width: 200px;
            height: 200px;
            border-radius: 50%;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            margin: 0 auto;
            border: 1px solid rgba(0, 51, 78, 0.08);
        }

        .main-curso .coordenador h2 {
            color: #015a93;
            text-transform: uppercase;
            font-size: 1rem;
            text-align: center;
            margin: 20px 0;
        }

        .main-curso .coordenador small {
            text-align: center;
            display: block;
            text-transform: uppercase;
            letter-spacing: 1px;
            font-size: .7rem;
        }

    .main-curso .corpo-docente h3 {
        background: #00334e;
        padding: 1rem;
        color: white;
        margin: 0;
    }

    .main-curso .corpo-docente ul {
        margin: 0;
        padding: 0;
    }

        .main-curso .corpo-docente ul li {
            list-style: none;
        }

            .main-curso .corpo-docente ul li a {
                display: block;
                padding: 1rem;
                font-size: 1rem;
                text-align: left;
                text-decoration: none;
                color: #015a93;
                border-bottom: 1px solid rgba(128, 128, 128, 0.19);
            }

                .main-curso .corpo-docente ul li a i.fa-user-circle-o {
                    margin-right: 10px;
                }

                .main-curso .corpo-docente ul li a i.fa-plus {
                    float: right;
                }
    /*------------------------------------- Edux-----------------------*/
    .main-curso .cardEdux {
        padding: 2rem;
        background: aliceblue;
        border-radius: 5px;
        /*min-height: 290px;*/
        max-height: 500px; /*//Aumentei para se adequar ao site do edux*/
        overflow: hidden;
    }
    .main-curso .cardEduxCentro {
        padding: 2rem;
        background: aliceblue;
        border-radius: 5px;
        min-height: 400px;
        max-height: 500px; /*//Aumentei para se adequar ao site do edux*/
        overflow: hidden;
    }
    .main-curso .cardEdux i {
        font-size: 3rem;
        text-align: center;
        display: block;
        color: #015a93;
    }
    .main-curso .cardEdux ul {
        margin: 0;
        padding: 0;
    }

        .main-curso .cardEdux ul li {
            list-style: none;
            padding: 1rem 0;
            text-align: center;
        }

            .main-curso .cardEdux ul li strong {
                display: block;
            }
    .main-curso .cardEduxCentro i {
        font-size: 3rem;
        text-align: center;
        display: block;
        color: #015a93;
    }

    .main-curso .cardEduxCentro ul {
        margin: 0;
        padding: 0;
    }

        .main-curso .cardEduxCentro ul li {
            list-style: none;
            padding: 1rem 0;
            text-align: center;
        }

            .main-curso .cardEduxCentro ul li strong {
                display: block;
            }
    /*------------------------------------- normal-----------------------*/
    .main-curso .card {
        padding: 2rem;
        background: aliceblue;
        border-radius: 5px;
        min-height: 290px;
        max-height: 290px; 
        overflow: hidden;
    }

        .main-curso .card i {
            font-size: 3rem;
            text-align: center;
            display: block;
            color: #015a93;
        }

        .main-curso .card ul {
            margin: 0;
            padding: 0;
        }

            .main-curso .card ul li {
                list-style: none;
                padding: 1rem 0;
                text-align: center;
            }

                .main-curso .card ul li strong {
                    display: block;
                }


    /*---------CSS DO BOX MESTRADO------------*/


    .main-curso .card-mestrado {
        padding: 2rem;
        background: aliceblue;
        border-radius: 5px;
        min-height: 220px;
        max-height: 220px;
    }

    .main-curso .card-mestrado i {
        font-size: 3rem;
        text-align: center;
        display: block;
        color: #015a93;
    }

    .main-curso .card-mestrado ul {
        margin: 0;
        padding: 0;
    }

        .main-curso .card-mestrado ul li {
            list-style: none;
            padding: 1rem 0;
            text-align: center;
        }

            .main-curso .card-mestrado ul li strong {
                display: block;
            }
    /*---------CSS DO BOX MESTRADO------------*/

    /*---------CSS DO BOX MESTRADO------------*/


    .main-curso .card-mestrado-pequeno {
        padding: 2rem;
        background: aliceblue;
        border-radius: 5px;
        min-height: 170px;
        max-height: 170px;
    }

        .main-curso .card-mestrado-pequeno i {
            font-size: 3rem;
            text-align: center;
            display: block;
            color: #015a93;
        }

        .main-curso .card-mestrado-pequeno ul {
            margin: 0;
            padding: 0;
        }

            .main-curso .card-mestrado-pequeno ul li {
                list-style: none;
                padding: 1rem 0;
                text-align: center;
            }

                .main-curso .card-mestrado-pequeno ul li strong {
                    display: block;
                }
    /*---------CSS DO BOX MESTRADO------------*/


/*---------CSS DO BOX PROCESSO SELETIVO------------*/


.main-curso .card2 {
    padding: 2rem;
    background: aliceblue;
    border-radius: 5px;
    min-height: 290px;
   
}

.main-curso .card2 i {
    font-size: 3rem;
    text-align: center;
    display: block;
    color: #015a93;
}

.main-curso .card2 ul {
    margin: 0;
    padding: 0;
}

    .main-curso .card2 ul li {
        list-style: none;
        padding: 1rem 0;
        text-align: center;
    }

        .main-curso .card2 ul li strong {
            display: block;
        }
    /*---------CSS DO BOX PROCESSO SELETIVO------------*/
    .main-curso .destaque {
        margin-top: 1rem;
    }

        .main-curso .destaque ul li {
            text-align: left;
        }

footer {
    padding: 4rem;
    background-color: #00324e;
    color: white;
}

    footer ul li {
        list-style: none;
    }

        footer ul li a {
            text-decoration: none;
            color: white;
            display: block;
            padding: 10px 0;
            font-size: 14px;
        }

            footer ul li a i {
                margin-right: 10px;
            }

    footer p {
        font-size: .8rem;
        line-height: 1.5rem;
    }

    footer img {
        margin: 20px 0;
        max-width: 200px;
    }

@media (max-width: 1024px) {
    footer .txt-fipecafi {
        display: none;
    }
}

@media (max-width: 1024px) {
    footer .social-footer {
        display: none;
    }
}

footer .social-media {
    position: inherit;
}

    footer .social-media ul li a {
        color: white;
        font-size: 23px;
        padding: 10px;
    }

        footer .social-media ul li a i {
            margin: 0;
        }

footer .call-us {
    display: none;
}

@media (max-width: 1024px) {
    footer .call-us {
        display: block;
        padding: 1rem;
        font-size: 16px;
        background: #51bada;
        border-radius: 30px;
        margin-bottom: 2rem;
        text-align: center;
    }

        footer .call-us a {
            color: white;
            text-decoration: none;
            list-style: none;
        }
}

@media (max-width: 1024px) {
    footer .copyright {
        text-align: center;
        font-size: 13px;
    }
}

.header-top {
    width: 100%;
    background: #025a93;
}

    .header-top ul {
        margin: 0;
        padding: 0;
    }

        .header-top ul li {
            list-style: none;
            display: inline-block;
            height: 100%;
        }

            .header-top ul li a {
                color: white;
                text-decoration: none;
                font-size: 12px;
                display: block;
                height: 5vh;
                line-height: 5vh;
                padding: 0 10px;
                overflow: inherit;
            }

    .header-top .social-media ul li a {
        font-size: 16px;
    }

.header-main {
    width: 100%;
    padding: 30px 0;
    height: 15vh;
}

@media (max-width: 1024px) {
    .header-main {
        height: auto;
    }
}

@media (max-width: 1024px) {
    .header-main .menu {
        display: none;
    }
}

.header-main img {
    width: 130%;
    max-width: 400px;
}

@media (max-width: 1024px) {
    .header-main img {
        margin: 0 auto;
        display: block;
    }
}

@media (max-width: 600px) {
    .header-main img {
        max-width: 200px;
        margin: 15px auto 0;
    }
}

.header-main .menu a {
    text-decoration: none;
    color: #025a93;
    font-size: 14px;
}

@media (max-width: 1200px) {
    .header-main .menu a {
        font-size: 13px;
    }
}

.header-main .menu a:hover {
    color: #2098D1;
}

.header-main .menu .links-top a {
    font-size: 16px;
    font-weight: bold;
    padding: 0 10px;
    margin-bottom: 10px;
    display: inline-block;
    border-right: 1px solid grey;
}

    .header-main .menu .links-top a:last-child {
        border: 0;
    }

.header-main .menu .links-bottom a {
    padding: 0 5px;
    border-right: 1px solid grey;
}

    .header-main .menu .links-bottom a:last-child {
        border: 0;
    }

.header-main .menu .search {
    padding-left: 20px;
    padding-right: 50px;
    border-left: 1px solid #d6dfe4;
}

@media (max-width: 1024px) {
    .header-main .menu .search {
        border: 0;
        padding-top: 30px;
        padding-left: 0px;
        padding-right: 0px;
    }
}

.header-main .menu .search label {
    font-size: 12px;
    text-align: left;
    display: block;
    color: grey;
}

@media (max-width: 1024px) {
    .header-main .menu .search label {
        text-align: center;
    }
}

.header-main .menu .search label input {
    width: 100%;
    padding: 10px;
    border: 1px solid #a6c7dc;
    border-radius: 5px;
    margin-top: 7px;
}

.header-main .buscar input {
    width: 100%;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #b7c6d0;
}

.nav-main {
    width: 100%;
    background: #025a93;
}

@media (max-width: 1024px) {
    .nav-main {
        background: inherit;
    }
}

.nav-main.fixed {
    position: fixed;
    top: -100px;
    z-index: 11;
    height: 0;
    -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .nav-main.fixed.scrollin {
        top: 0;
        height: 60px;
    }

.nav-main ul {
    margin: 0;
    padding: 0;
}

    .nav-main ul li {
        list-style: none;
        display: inline-block;
        height: 100%;
        position: relative;
    }

@media (max-width: 1024px) {
    .nav-main ul li {
        width: 100%;
    }
}

.nav-main ul li a {
    color: white;
    text-decoration: none;
    font-size: 14px;
    display: block;
    height: 7vh;
    line-height: 7vh;
    padding: 0 14px;
    overflow: inherit;
}

@media (max-width: 1200px) {
    .nav-main ul li a {
        padding: 0 13px;
        font-size: 13px;
    }
}

@media (max-width: 1024px) {
    .nav-main ul li a {
        width: 100%;
        background-color: #005899;
        margin: 2px 0;
        border-radius: 5px;
        text-align: center;
    }
}

.nav-main ul li a.link-home {
    font-size: 20px;
}

.nav-main ul li .submenu {
    position: absolute;
    z-index: 2;
    width: 600px;
    background: #04a8f4;
    box-sizing: border-box;
    height: 0px;
    overflow: hidden;
    -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
}

@media (max-width: 1024px) {
    .nav-main ul li .submenu {
        display: none;
    }
}

.nav-main ul li .submenu li {
    width: 100%;
}

    .nav-main ul li .submenu li a {
        display: block;
        padding: 1rem;
        padding-left: 1.5rem;
        height: auto;
        line-height: initial;
        border-bottom: 1px solid rgba(255, 255, 255, 0.19);
        position: relative;
    }

        .nav-main ul li .submenu li a i {
            margin-right: 10px;
        }

        .nav-main ul li .submenu li a .icon-tipo {
            padding: 10px;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -25px;
        }

            .nav-main ul li .submenu li a .icon-tipo i {
                display: inline-block;
                background: #fff;
                border-radius: 50%;
                width: 30px;
                height: 30px;
                text-align: center;
                line-height: 30px;
                margin: 0 3px;
                font-size: 15px;
                color: #025a93;
            }

                .nav-main ul li .submenu li a .icon-tipo i.fa-map-marker {
                    background-color: #71eadf;
                }

    .nav-main ul li .submenu li:last-child {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

        .nav-main ul li .submenu li:last-child a {
            border-bottom-left-radius: 10px;
            border-bottom-right-radius: 10px;
        }

    .nav-main ul li .submenu li.section a {
        padding-left: 1rem;
    }

.nav-main ul li:hover .submenu {
    height: auto;
}

.galerias {
    padding: 2rem;
    padding-bottom: 5rem;
}

@media (max-width: 1024px) {
    .galerias {
        display: none;
    }
}

.galerias .header-galeria {
    position: relative;
}

@media (max-width: 600px) {
    .galerias .header-galeria {
        padding-bottom: 20px;
    }

        .galerias .header-galeria .title-line {
            border: 0;
        }
}

.galerias .header-galeria .abas {
    position: absolute;
    bottom: 1px;
    right: 0;
}

    .galerias .header-galeria .abas div {
        display: inline-block;
        padding: 1.5rem;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        background: white;
        color: grey;
    }

        .galerias .header-galeria .abas div.ativo {
            background: #05a5f4;
            color: white;
        }

        .galerias .header-galeria .abas div i {
            margin-right: 10px;
        }

.galerias .header-galeria .logo-you-tube {
    padding: 1rem;
    position: absolute;
    bottom: 1px;
    right: 0;
}

    .galerias .header-galeria .logo-you-tube a {
        color: grey;
        text-decoration: none;
    }

        .galerias .header-galeria .logo-you-tube a i {
            background-image: url(../assets/img/icon/youtube.svg);
            width: 50px;
            height: 50px;
            display: inline-block;
            vertical-align: middle;
            margin-left: 10px;
        }

        .galerias .header-galeria .logo-you-tube a:hover {
            color: red;
        }

.galerias .slider-media {
    background-color: black;
}

    .galerias .slider-media iframe {
        opacity: .9;
    }

    .galerias .slider-media .item {
        width: 100%;
    }

    .galerias .slider-media .less .row {
        min-height: 250px;
    }

@media (max-width: 1024px) {
    .galerias .slider-media .less .row {
        min-height: 300px;
    }
}

.galerias .slider-media .less .row:first-child .box-media {
    border-bottom: 0;
}

.galerias .slider-media .less .row .info {
    padding: 1rem;
}

    .galerias .slider-media .less .row .info h3 {
        font-size: 1rem;
    }

.galerias .slider-media .destaque {
    min-height: 500px;
}

@media (max-width: 1024px) {
    .galerias .slider-media .destaque {
        min-height: 300px;
    }
}

.galerias .slider-media .col {
    padding: 0;
}

.galerias .slider-media .box-media {
    position: relative;
    overflow: hidden;
    background-color: black;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0;
    border: 2px solid white;
}

    .galerias .slider-media .box-media .info {
        position: absolute;
        bottom: -100%;
        padding: 2rem;
        color: white;
        -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    }

@media (max-width: 1024px) {
    .galerias .slider-media .box-media .info {
        bottom: 0;
    }
}

.galerias .slider-media .box-media .info h3 {
    font-size: 1.3rem;
    font-weight: 100;
    border-left: 5px solid #05a4f4;
    padding-left: 1rem;
    line-height: 30px;
    background-color: #025a9340;
}

.galerias .slider-media .box-media .maskBlack {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
}

.galerias .slider-media .box-media:hover .info {
    bottom: 0;
}

.galerias .view-video {
    padding: 2rem 0;
}

    .galerias .view-video .video {
        margin-right: 10px;
    }

        .galerias .view-video .video .text {
            padding: 1.5rem;
            background: #ebeff0;
            color: #00334e;
            margin-top: -3px;
        }

    .galerias .view-video .button {
        width: 100%;
        padding: 2rem;
    }

    .galerias .view-video .item {
        margin-bottom: 20px;
        min-height: 200px;
    }

        .galerias .view-video .item .col {
            background-color: #ebeff0;
        }

        .galerias .view-video .item .text {
            padding: 1rem;
        }

            .galerias .view-video .item .text h3 {
                font-size: 1.3rem;
                font-weight: 100;
                border-left: 5px solid #05a4f4;
                padding-left: 1rem;
                color: grey;
                line-height: 30px;
            }

    .galerias .view-video .logo-you-tube {
        padding: 1rem;
    }

        .galerias .view-video .logo-you-tube a {
            color: grey;
            text-decoration: none;
        }

            .galerias .view-video .logo-you-tube a i {
                background-image: url(../assets/img/icon/youtube.svg);
                width: 50px;
                height: 50px;
                display: inline-block;
                vertical-align: middle;
                margin-left: 10px;
            }

            .galerias .view-video .logo-you-tube a:hover {
                color: red;
            }

.destaq {
    padding: 2rem;
}

@media (max-width: 1024px) {
    .destaq {
        padding: 0;
    }
}

.destaq .box {
    padding: 2rem;
}

@media (max-width: 1024px) {
    .destaq .box {
        padding: 1rem;
        display: none;
    }
}

.destaq .box-destaq {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 300px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

    .destaq .box-destaq .mask {
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(1, 90, 147, 0.4);
        -webkit-transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
        transition: all 600ms cubic-bezier(0.23, 1, 0.32, 1);
    }

    .destaq .box-destaq h3 {
        position: absolute;
        padding: 2rem;
        color: white;
        font-size: 2rem;
        bottom: 5px;
        width: 100%;
        text-align: center;
        box-sizing: border-box;
        margin: 0;
        height: 100%;
    }

        .destaq .box-destaq h3 i {
            display: block;
            padding: 2rem;
            font-size: 5rem;
            margin-top: 15px;
            -webkit-transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
            transition: all 500ms cubic-bezier(0.23, 1, 0.32, 1);
        }

    .destaq .box-destaq .buttons {
        width: 100%;
        position: absolute;
        bottom: 0;
        display: flex;
        align-items: center;
    }

@media (max-width: 600px) {
    .destaq .box-destaq .buttons {
        display: block;
    }
}

.destaq .box-destaq .buttons .button {
    width: 50%;
    padding: 20px 10px;
    color: white;
    margin-bottom: -100px;
}

@media (max-width: 1200px) {
    .destaq .box-destaq .buttons .button {
        padding: 20px 5px;
    }
}

@media (max-width: 1024px) {
    .destaq .box-destaq .buttons .button {
        margin-bottom: 0;
    }
}

@media (max-width: 600px) {
    .destaq .box-destaq .buttons .button {
        width: 100%;
    }
}

.destaq .box-destaq .buttons .button.bt-green {
    -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}

.destaq .box-destaq .buttons .button.bt-blue {
    -webkit-transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: all 800ms cubic-bezier(0.23, 1, 0.32, 1);
}

.destaq .box-destaq .buttons .button.large {
    width: 100%;
}

.destaq .box-destaq:hover .mask {
    background-color: rgba(1, 90, 147, 0.8);
}

.destaq .box-destaq:hover .button {
    margin-bottom: 0;
}

.destaq .box-destaq:hover h3 i {
    margin-top: 0;
}

.news {
    padding: 2rem;
    background: #01304e;
}

@media (max-width: 1024px) {
    .news {
        margin-top: 20px;
    }
}

@media (max-width: 600px) {
    .news {
        padding: 1rem;
    }
}

.news .header-news {
    padding: 2rem 0;
}

@media (max-width: 600px) {
    .news .header-news {
        padding: 1rem 0;
    }
}

.news .header-news h2 {
    font-size: 2rem;
    color: #03A9F4;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 2rem;
}

@media (max-width: 600px) {
    .news .header-news h2 {
        font-size: 1.5rem;
    }
}

.news .header-news h2 i {
    margin-right: 20px;
}

.news .all-news .item {
    padding: 1rem;
}

    .news .all-news .item .box-img {
        background-image: url(/assets/img/noticiaPadrao.jpg);
        background-size: 400px 200px;
        background-repeat: no-repeat;
        position: relative;
        width: 100%;
        overflow: hidden;
    }

        .news .all-news .item .box-img img {
            width: 100%;
        }

        .news .all-news .item .box-img .date {
            position: absolute;
            bottom: 0;
            padding: 20px;
            background-color: #04a8f4;
            text-transform: uppercase;
            text-align: center;
            color: white;
        }

            .news .all-news .item .box-img .date strong {
                display: block;
                font-size: 2rem;
            }

    .news .all-news .item .box-txt {
        padding: 2rem;
        background: white;
        border-bottom: 4px solid #04a8f4;
        height: 400px;
    }

    .news .all-news .item .box-resumo {
        height: 300px;
        color: black;
    }

.news .bt-bg-inherit {
    margin: 2rem auto;
    background-color: inherit;
    color: white;
    font-size: 1rem;
    width: 100%;
    text-transform: uppercase;
}

.news .slider-news .owl-nav div.owl-prev {
    left: -20px;
}

.news .slider-news .owl-nav div.owl-next {
    right: -20px;
}

.social-media {
    position: absolute;
    top: 0px;
    right: 10px;
}

    .social-media ul {
        margin: 0;
        padding: 0;
    }

        .social-media ul li {
            list-style: none;
            display: inline-block;
            height: 100%;
        }

            .social-media ul li a {
                font-size: 14px;
                display: block;
                overflow: inherit;
                padding: 10px 5px;
                color: #025a93;
            }

.sidenav {
    position: fixed;
    width: 0;
    height: 100vh;
    background: #023758;
    z-index: 11;
    top: 0;
    box-sizing: border-box;
    -webkit-transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 800ms cubic-bezier(0.215, 0.61, 0.355, 1);
    overflow: hidden;
}

    .sidenav.open {
        width: 23vw;
    }

@media (max-width: 1200px) {
    .sidenav.open {
        width: 25vw;
    }
}

@media (max-width: 1024px) {
    .sidenav.open {
        width: 90vw;
    }
}

@media (max-width: 600px) {
    .sidenav.open {
        width: 85vw;
    }
}

.sidenav .bt-fechar {
    font-size: 1.5rem;
    width: 50px;
    text-align: right;
    padding: 10px;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    color: white;
}

    .sidenav .bt-fechar:hover {
        color: red;
    }

.sidenav ul {
    padding: 0;
    width: 23vw;
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 2rem;
}

@media (max-width: 1200px) {
    .sidenav ul {
        width: 25vw;
    }
}

@media (max-width: 1024px) {
    .sidenav ul {
        width: 90vw;
    }
}

@media (max-width: 600px) {
    .sidenav ul {
        width: 85vw;
    }
}

.sidenav ul li {
    list-style: none;
}

    .sidenav ul li a {
        color: white;
        text-decoration: none;
        padding: 20px;
        display: block;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }

        .sidenav ul li a i {
            margin-right: 10px;
        }

.box-black {
    position: fixed;
    width: 0;
    height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    z-index: 9;
    -webkit-transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
}

    .box-black.open {
        width: 100%;
    }

@media (max-width: 1024px) {
    .sidenav-button {
        position: fixed;
        top: 15px;
        left: 15px;
        padding: 10px;
        background: white;
        z-index: 10;
    }
}

.sidenav-button i {
    color: #025a93;
    font-size: 30px;
    cursor: pointer;
}

.button {
    width: 120px;
    text-align: center;
    padding: 10px;
    box-sizing: border-box;
    cursor: pointer;
}

.bt-green {
    background-color: #6fd66f;
}

.bt-blue {
    background-color: #51bada;
}

.title-line {
    font-size: 2rem;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 2rem;
}

    .title-line i {
        margin-right: 20px;
    }

    .title-line.title-light {
        color: #03A9F4;
        border-color: rgba(255, 255, 255, 0.3);
    }

    .title-line.title-dark {
        color: #00324e;
        border-color: #c9d5d8;
    }