.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;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

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

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

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

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

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

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

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

.hvr-pulse {
    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:active,
.hvr-pulse:focus,
.hvr-pulse:hover {
    -webkit-animation-name: hvr-pulse;
    animation-name: hvr-pulse;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

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

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

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

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

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

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

.hvr-pulse-shrink {
    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:active,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:hover {
    -webkit-animation-name: hvr-pulse-shrink;
    animation-name: hvr-pulse-shrink;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate
}

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

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

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

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

.hvr-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:active,
.hvr-push:focus,
.hvr-push:hover {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

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

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

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

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

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

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

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

.hvr-bounce-out:active,
.hvr-bounce-out:focus,
.hvr-bounce-out:hover {
    -webkit-transform: scale(.8);
    transform: scale(.8);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hvr-buzz {
    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:active,
.hvr-buzz:focus,
.hvr-buzz:hover {
    -webkit-animation-name: hvr-buzz;
    animation-name: hvr-buzz;
    -webkit-animation-duration: .15s;
    animation-duration: .15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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;
    transition-duration: .3s;
    transition-property: color, background-color
}

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

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

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

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

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

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

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

.hvr-sweep-to-right:active,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:hover {
    color: #fff
}

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

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

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

.hvr-sweep-to-left:active,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:hover {
    color: #fff
}

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

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

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

.hvr-sweep-to-bottom:active,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:hover {
    color: #fff
}

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

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

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

.hvr-sweep-to-top:active,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:hover {
    color: #fff
}

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

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

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

.hvr-bounce-to-right:active,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:hover {
    color: #fff
}

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

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

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

.hvr-bounce-to-left:active,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:hover {
    color: #fff
}

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

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

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

.hvr-bounce-to-bottom:active,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:hover {
    color: #fff
}

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

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

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

.hvr-bounce-to-top:active,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:hover {
    color: #fff
}

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

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

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

.hvr-radial-out:active,
.hvr-radial-out:focus,
.hvr-radial-out:hover {
    color: #fff
}

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

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

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

.hvr-radial-in:active,
.hvr-radial-in:focus,
.hvr-radial-in:hover {
    color: #fff
}

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

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

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

.hvr-rectangle-in:active,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:hover {
    color: #fff
}

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

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

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

.hvr-rectangle-out:active,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:hover {
    color: #fff
}

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

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

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

.hvr-shutter-in-horizontal:active,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:hover {
    color: #fff
}

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

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

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

.hvr-shutter-out-horizontal:active,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:hover {
    color: #fff
}

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

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

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

.hvr-shutter-in-vertical:active,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:hover {
    color: #fff
}

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

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

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

.hvr-shutter-out-vertical:active,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:hover {
    color: #fff
}

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

.hvr-border-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}

.hvr-border-fade:active,
.hvr-border-fade:focus,
.hvr-border-fade:hover {
    box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px transparent
}

.hvr-hollow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: background;
    box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent
}

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

.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: #fff solid 4px;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    opacity: 0;
    transition-duration: .3s;
    transition-property: opacity
}

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

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

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

.hvr-ripple-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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:active:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:hover:before {
    -webkit-animation-name: hvr-ripple-out;
    animation-name: hvr-ripple-out
}

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

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

.hvr-ripple-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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:active:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:hover:before {
    -webkit-animation-name: hvr-ripple-in;
    animation-name: hvr-ripple-in
}

.hvr-outline-out {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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;
    transition-duration: .3s;
    transition-property: top, right, bottom, left
}

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

.hvr-outline-in {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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;
    transition-duration: .3s;
    transition-property: top, right, bottom, left
}

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

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

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

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

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

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

.hvr-underline-from-center {
    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: 51%;
    right: 51%;
    bottom: 0;
    background: #2098d1;
    height: 4px;
    transition-property: left, right;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

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

.hvr-underline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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;
    transition-property: left;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

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

.hvr-overline-from-left {
    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;
    transition-property: right;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

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

.hvr-overline-from-center {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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: 51%;
    right: 51%;
    top: 0;
    background: #2098d1;
    height: 4px;
    transition-property: left, right;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

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

.hvr-overline-from-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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;
    transition-property: left;
    transition-duration: .3s;
    transition-timing-function: ease-out
}

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

.hvr-reveal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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;
    transition-property: border-width;
    transition-duration: .1s;
    transition-timing-function: ease-out
}

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

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

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

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

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

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

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

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

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

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

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

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

.hvr-grow-shadow:active,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, .5);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

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

.hvr-box-shadow-outset:active,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:hover {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .6)
}

.hvr-box-shadow-inset {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s;
    transition-property: box-shadow;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .6), 0 0 1px transparent
}

.hvr-box-shadow-inset:active,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:hover {
    box-shadow: inset 2px 2px 2px rgba(0, 0, 0, .6), 0 0 1px transparent
}

.hvr-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;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-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: radial-gradient(ellipse at center, rgba(0, 0, 0, .35) 0, rgba(0, 0, 0, 0) 80%);
    transition-duration: .3s;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

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

.hvr-float-shadow:active:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:hover:before {
    opacity: 1;
    -webkit-transform: translateY(5px);
    transform: translateY(5px)
}

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

.hvr-shadow-radial:after,
.hvr-shadow-radial:before {
    pointer-events: none;
    position: absolute;
    content: "";
    left: 0;
    width: 100%;
    box-sizing: border-box;
    background-repeat: no-repeat;
    height: 5px;
    opacity: 0;
    transition-duration: .3s;
    transition-property: opacity
}

.hvr-shadow-radial:before {
    bottom: 100%;
    background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)
}

.hvr-shadow-radial:after {
    top: 100%;
    background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, .6) 0, rgba(0, 0, 0, 0) 80%)
}

.hvr-shadow-radial:active:after,
.hvr-shadow-radial:active:before,
.hvr-shadow-radial:focus:after,
.hvr-shadow-radial:focus:before,
.hvr-shadow-radial:hover:after,
.hvr-shadow-radial:hover:before {
    opacity: 1
}

.hvr-bubble-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    left: calc(50% - 10px);
    top: 0;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #e1e1e1 transparent
}

.hvr-bubble-top:active:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #e1e1e1
}

.hvr-bubble-right:active:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    left: calc(50% - 10px);
    bottom: 0;
    border-width: 10px 10px 0 10px;
    border-color: #e1e1e1 transparent transparent transparent
}

.hvr-bubble-bottom:active:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    top: calc(50% - 10px);
    left: 0;
    border-width: 10px 10px 10px 0;
    border-color: transparent #e1e1e1 transparent transparent
}

.hvr-bubble-left:active:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-top {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-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;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

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

.hvr-bubble-float-top:active:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:hover:before {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px)
}

.hvr-bubble-float-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-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;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.hvr-bubble-float-right:active,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:hover {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

.hvr-bubble-float-right:active:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:hover:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-bottom {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-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;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

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

.hvr-bubble-float-bottom:active:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:hover:before {
    -webkit-transform: translateY(10px);
    transform: translateY(10px)
}

.hvr-bubble-float-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-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;
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.hvr-bubble-float-left:active,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:hover {
    -webkit-transform: translateX(10px);
    transform: translateX(10px)
}

.hvr-bubble-float-left:active:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:hover:before {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px)
}

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

.hvr-icon-back .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .1s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out
}

.hvr-icon-back:active .hvr-icon,
.hvr-icon-back:focus .hvr-icon,
.hvr-icon-back:hover .hvr-icon {
    -webkit-transform: translateX(-4px);
    transform: translateX(-4px)
}

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

.hvr-icon-forward .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .1s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out
}

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

@-webkit-keyframes hvr-icon-down {

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

    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@keyframes hvr-icon-down {

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

    25%,
    75% {
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }
}

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

.hvr-icon-down .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-down:active .hvr-icon,
.hvr-icon-down:focus .hvr-icon,
.hvr-icon-down:hover .hvr-icon {
    -webkit-animation-name: hvr-icon-down;
    animation-name: hvr-icon-down;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-up {

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

    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

@keyframes hvr-icon-up {

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

    25%,
    75% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px)
    }
}

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

.hvr-icon-up .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-up:active .hvr-icon,
.hvr-icon-up:focus .hvr-icon,
.hvr-icon-up:hover .hvr-icon {
    -webkit-animation-name: hvr-icon-up;
    animation-name: hvr-icon-up;
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

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

.hvr-icon-spin .hvr-icon {
    transition-duration: 1s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-in-out
}

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

@-webkit-keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

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

    100%,
    51% {
        opacity: 1
    }
}

@keyframes hvr-icon-drop {
    0% {
        opacity: 0
    }

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

    100%,
    51% {
        opacity: 1
    }
}

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

.hvr-icon-drop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hvr-icon-drop:active .hvr-icon,
.hvr-icon-drop:focus .hvr-icon,
.hvr-icon-drop:hover .hvr-icon {
    opacity: 0;
    transition-duration: .3s;
    -webkit-animation-name: hvr-icon-drop;
    animation-name: hvr-icon-drop;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(.52, 1.64, .37, .66);
    animation-timing-function: cubic-bezier(.52, 1.64, .37, .66)
}

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

.hvr-icon-fade .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .5s;
    transition-property: color
}

.hvr-icon-fade:active .hvr-icon,
.hvr-icon-fade:focus .hvr-icon,
.hvr-icon-fade:hover .hvr-icon {
    color: #0f9e5e
}

@-webkit-keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

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

@keyframes hvr-icon-float-away {
    0% {
        opacity: 1
    }

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

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

.hvr-icon-float-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-float-away:active .hvr-icon,
.hvr-icon-float-away:focus .hvr-icon,
.hvr-icon-float-away:hover .hvr-icon {
    -webkit-animation-name: hvr-icon-float-away;
    animation-name: hvr-icon-float-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

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

@keyframes hvr-icon-sink-away {
    0% {
        opacity: 1
    }

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

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

.hvr-icon-sink-away .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards
}

.hvr-icon-sink-away:active .hvr-icon,
.hvr-icon-sink-away:focus .hvr-icon,
.hvr-icon-sink-away:hover .hvr-icon {
    -webkit-animation-name: hvr-icon-sink-away;
    animation-name: hvr-icon-sink-away;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

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

.hvr-icon-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out
}

.hvr-icon-grow:active .hvr-icon,
.hvr-icon-grow:focus .hvr-icon,
.hvr-icon-grow:hover .hvr-icon {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0)
}

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

.hvr-icon-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out
}

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

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

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

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

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

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

.hvr-icon-pulse .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-timing-function: ease-out
}

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

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

.hvr-icon-pulse-grow .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-timing-function: ease-out
}

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

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

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

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

.hvr-icon-pulse-shrink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-timing-function: ease-out
}

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

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

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

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

.hvr-icon-push .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out
}

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

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

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

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

.hvr-icon-pop .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out
}

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

.hvr-icon-bounce {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s
}

.hvr-icon-bounce .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out
}

.hvr-icon-bounce:active .hvr-icon,
.hvr-icon-bounce:focus .hvr-icon,
.hvr-icon-bounce:hover .hvr-icon {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    transition-timing-function: cubic-bezier(.47, 2.02, .31, -.36)
}

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

.hvr-icon-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out
}

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

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

.hvr-icon-grow-rotate .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out
}

.hvr-icon-grow-rotate:active .hvr-icon,
.hvr-icon-grow-rotate:focus .hvr-icon,
.hvr-icon-grow-rotate:hover .hvr-icon {
    -webkit-transform: scale(1.5) rotate(12deg);
    transform: scale(1.5) rotate(12deg)
}

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

.hvr-icon-float .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out
}

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

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

.hvr-icon-sink .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transition-timing-function: ease-out
}

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

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

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

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

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

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

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

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

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

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

.hvr-icon-bob .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

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

.hvr-icon-hang .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

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

.hvr-icon-wobble-horizontal .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

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

.hvr-icon-wobble-vertical .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

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

.hvr-icon-buzz .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.hvr-icon-buzz-out .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

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

.hvr-curl-top-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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: #fff;
    background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    z-index: 1000;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
    transition-duration: .3s;
    transition-property: width, height
}

.hvr-curl-top-left:active:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-top-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: 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: #fff;
    background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px 1px 1px rgba(0, 0, 0, .4);
    transition-duration: .3s;
    transition-property: width, height
}

.hvr-curl-top-right:active:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:hover:before {
    width: 25px;
    height: 25px
}

.hvr-curl-bottom-right {
    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: #fff;
    background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: -1px -1px 1px rgba(0, 0, 0, .4);
    transition-duration: .3s;
    transition-property: width, height
}

.hvr-curl-bottom-right:active:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:hover:before {
    width: 25px;
    height: 25px
}

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

.hvr-curl-bottom-left:before {
    pointer-events: none;
    position: absolute;
    content: "";
    height: 0;
    width: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
    box-shadow: 1px -1px 1px rgba(0, 0, 0, .4);
    transition-duration: .3s;
    transition-property: width, height
}

.hvr-curl-bottom-left:active:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:hover:before {
    width: 25px;
    height: 25px
}

@font-face {
    font-family: space-age;
    src: url(../assets/css/webfonts/space-age.ttf)
}

@-webkit-keyframes left-right-2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

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

@keyframes left-right-2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

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

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

@-webkit-keyframes top-bottom-2 {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

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

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

@keyframes top-bottom-2 {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

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

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

@-webkit-keyframes top-bottom-10 {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

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

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

@keyframes top-bottom-10 {
    0% {
        -webkit-transform: translatey(0);
        transform: translatey(0)
    }

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

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

@-webkit-keyframes questionMark {
    0% {
        -webkit-transform: rotate(0) translateX(0) scale(1);
        transform: rotate(0) translateX(0) scale(1)
    }

    25% {
        -webkit-transform: rotate(-16deg) translateX(2px) scale(1.1);
        transform: rotate(-16deg) translateX(2px) scale(1.1)
    }

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

    75% {
        -webkit-transform: rotate(16deg) translateX(2px) scale(1.1);
        transform: rotate(16deg) translateX(2px) scale(1.1)
    }

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

@keyframes questionMark {
    0% {
        -webkit-transform: rotate(0) translateX(0) scale(1);
        transform: rotate(0) translateX(0) scale(1)
    }

    25% {
        -webkit-transform: rotate(-16deg) translateX(2px) scale(1.1);
        transform: rotate(-16deg) translateX(2px) scale(1.1)
    }

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

    75% {
        -webkit-transform: rotate(16deg) translateX(2px) scale(1.1);
        transform: rotate(16deg) translateX(2px) scale(1.1)
    }

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

.get-a-quick-order-popup {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1000
}

.get-a-quick-order-popup .file-input {
    text-align: left;
    background: #fff;
    padding: 0;
    width: 100%;
    position: relative;
    border-radius: 3px;
    display: flex;
    flex-direction: column
}

.get-a-quick-order-popup .file-input:hover .button {
    background: #05050b
}

.get-a-quick-order-popup .file-input [type=file] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 10;
    cursor: pointer
}

.get-a-quick-order-popup .file-input .button {
    display: inline-block;
    cursor: pointer;
    background: #131430;
    color: #fff;
    padding: 8px 16px;
    border-radius: 5px;
    transition: .2s;
    margin-top: 20px;
    width: 100%;
    text-align: center;
    order: 3
}

.get-a-quick-order-popup .file-input .file-size {
    font-size: 14px;
    color: #131430;
    text-align: center;
    margin: 20px 0 0 0;
    order: 2
}

.get-a-quick-order-popup .file-input .label {
    color: #a1a1a1;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    order: 1
}

.get-a-quick-order-popup .file-input.-chosen .label {
    color: #131430
}

.get-a-quick-order-popup>.penta-container {
    height: 100%
}

.get-a-quick-order-popup>.penta-container>.penta-row {
    height: 100%
}

.get-a-quick-order-popup .tab {
    display: none;
    height: 100%
}

.get-a-quick-order-popup .tab:nth-child(1) .title-field .title {
    margin-bottom: 4rem
}

.get-a-quick-order-popup .tab:nth-child(2) .title {
    margin-bottom: 4rem
}

.get-a-quick-order-popup .tab:nth-child(3) .title {
    margin-bottom: 6rem
}

.get-a-quick-order-popup .tab:nth-child(4) .title {
    margin-bottom: 6rem
}

.get-a-quick-order-popup .tab:nth-child(6) .title {
    margin-bottom: 6rem
}

.get-a-quick-order-popup .tab:nth-child(7) .title {
    margin-bottom: 6rem
}

.get-a-quick-order-popup .tab:nth-child(8) .title {
    margin-bottom: 1rem
}

.get-a-quick-order-popup .field-1 {
    display: flex;
    justify-content: center;
    flex-direction: column;
    max-width: 700px;
    margin: auto;
    position: relative;
    z-index: 150
}

.get-a-quick-order-popup .field-1 .main-title-field {
    position: relative;
    padding-bottom: 3px
}

.get-a-quick-order-popup .field-1 .main-title-field .main-title {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    background: #131430;
    margin: 0;
    padding: 28px;
    text-align: center
}

.get-a-quick-order-popup .field-1 .main-title-field .close {
    position: absolute;
    right: 75px;
    bottom: 0;
    top: 0;
    margin: auto;
    color: #fff;
    font-size: 24px;
    width: 89px;
    height: 89px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: .2s;
    border-radius: 50%
}

.get-a-quick-order-popup .field-1 .main-title-field .close:hover {
    color: #eb2f5b
}

.get-a-quick-order-popup .field-1 .step-by-step-form {
    background: #fff;
    padding: 40px 60px;
    height: 600px
}

.get-a-quick-order-popup .field-1 .step-by-step-form .title {
    font-size: 28px;
    color: #131430;
    font-weight: 800;
    text-align: center
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-1 label {
    width: 49%;
    float: left;
    margin-right: 2%
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-1 label:nth-child(even) {
    margin-right: 0
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-1 label:last-child {
    width: 100%
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-2 label {
    width: 49%;
    float: left;
    margin-right: 2%
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-2 label:nth-child(even) {
    margin-right: 0
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-4>span {
    font-size: 14px;
    color: #131430;
    display: flex;
    justify-content: center
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-5 .sub-title {
    font-size: 14px;
    color: #131430;
    display: flex;
    justify-content: center
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-5 .text-info {
    font-size: 10px;
    color: #131430;
    display: flex;
    justify-content: flex-end;
    margin: 5px 0 5px 0
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-5 .text-info.red {
    color: red
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-5 .text-info.orange {
    color: orange
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-5 .text-info.yellow-green {
    color: #9acd32
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-5 .text-info.green {
    color: green
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-8 .sub-title {
    font-size: 14px;
    color: #131430;
    display: flex;
    justify-content: center;
    margin-bottom: 1rem
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-8 .select2-container {
    margin-bottom: 20px
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-8 .select2-container:focus {
    outline: 0
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-8 .select2-container .selection {
    width: 100%
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-8 .select2-container .selection:focus {
    outline: 0
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-8 .select2-container .select2-selection:focus {
    outline: 0
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field#if-9 label {
    font-size: 14px;
    color: #131430
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field .markable-elements {
    border: 1px solid #cbcbcb;
    padding: 8px 16px;
    border-radius: 2px;
    text-align: left;
    min-height: auto;
    font-size: 16px;
    background-color: #fff;
    position: relative;
    cursor: pointer;
    margin-bottom: 8px;
    font-weight: 400;
    width: 100%;
    color: #131430
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field .markable-elements.on {
    border: 1px solid #5a9000;
    color: #5a9000;
    -webkit-animation: .2s forwards play-checkbox-on;
    animation: .2s forwards play-checkbox-on
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field .markable-elements input {
    visibility: hidden;
    width: 100%;
    height: 100%;
    display: flex;
    position: absolute;
    left: 0;
    top: 0
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field .markable-elements .checkmark {
    position: absolute;
    right: 5px;
    bottom: 6px;
    display: none;
    width: 25px;
    height: 25px;
    background-image: url(../assets/img/icon/checkmark.png);
    background-repeat: no-repeat;
    background-size: 250px 25px;
    background-position: 0;
    transition: .15s;
    -webkit-animation: .2s steps(10) forwards play-checkmark-on;
    animation: .2s steps(10) forwards play-checkmark-on
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field .markable-elements .checkmark.on {
    display: block
}

.get-a-quick-order-popup .field-1 .step-by-step-form .input-field .markable-elements .checkmark.checkmark-ie {
    background-image: url(../assets/img/icon/check.svg)
}

@-webkit-keyframes play-checkmark-on {
    100% {
        background-position: -226px
    }
}

@keyframes play-checkmark-on {
    100% {
        background-position: -226px
    }
}

@-webkit-keyframes play-checkmark-off {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

@keyframes play-checkmark-off {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

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

.get-a-quick-order-popup .field-1 .step-by-step-form .form-inner {
    height: 470px
}

.get-a-quick-order-popup .field-1 .step-by-step-form .button-field {
    height: 50px
}

.get-a-quick-order-popup .field-1 .counter {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #131430;
    font-size: 10px;
    margin-bottom: 5px
}

.get-a-quick-order-popup .field-1 .counter span {
    color: #131430;
    font-size: 10px
}

.get-a-quick-order-popup .field-1 .text-input {
    border: 1px solid #cbcbcb;
    background: 0 0;
    width: 100%;
    height: 32px;
    color: #eb2f5b;
    font-size: 14px;
    padding: 0 10px;
    margin-bottom: 15px
}

.get-a-quick-order-popup .field-1 .text-input:last-child {
    margin-bottom: 0
}

.get-a-quick-order-popup .field-1 .text-input.invalid {
    border-color: red !important
}

.get-a-quick-order-popup .field-1 .text-input.valid {
    border-color: green !important
}

.get-a-quick-order-popup .field-1 select.invalid+.select-selected {
    border-bottom: 1px solid red
}

.get-a-quick-order-popup .field-1 select.valid+.select-selected {
    border-bottom: 1px solid green
}

.get-a-quick-order-popup .field-1 .select-field {
    width: 100%;
    margin-top: 1rem
}

.get-a-quick-order-popup .field-1 .select-field .select2-container--default.select2-container--focus .select2-selection--multiple {
    border-color: #131430
}

.get-a-quick-order-popup .field-1 .select-field .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #d31441;
    border: 1px solid #d31441;
    color: #fff
}

.get-a-quick-order-popup .field-1 .select-field .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff
}

.get-a-quick-order-popup .field-1 textarea {
    background: 0 0;
    color: #eb2f5b;
    line-height: normal;
    height: 150px;
    max-height: 150px;
    min-height: 150px;
    font-size: 20px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #eb2f5b;
    padding: 20px 15px;
    border-radius: 0;
    transition: .2s
}

.get-a-quick-order-popup .field-1 textarea:focus {
    outline: 0
}

.get-a-quick-order-popup .field-1 textarea.invalid {
    border-color: red !important
}

.get-a-quick-order-popup .field-1 textarea.valid {
    border-color: green !important
}

.get-a-quick-order-popup .field-1 button {
    background: 0 0;
    line-height: 50px;
    height: 50px;
    font-size: 21px;
    padding: 0;
    border: none
}

.get-a-quick-order-popup .field-1 button i {
    font-weight: 700;
    transition: .2s
}

.get-a-quick-order-popup .field-1 button#nextBtn {
    width: 100%;
    background: #d6d6d6;
    color: #fff;
    pointer-events: none
}

.get-a-quick-order-popup .field-1 button#nextBtn:hover {
    background: #d31441;
    color: #fff
}

.get-a-quick-order-popup .field-1 button#nextBtn.active {
    background: #d31441;
    pointer-events: auto
}

.get-a-quick-order-popup .field-1 button#prevBtn {
    position: absolute;
    left: 75px;
    top: 0;
    bottom: 0;
    margin: auto;
    border: none;
    border-radius: 0;
    color: #fff
}

.get-a-quick-order-popup .field-1 button#prevBtn:hover i {
    color: #eb2f5b
}

.get-a-quick-order-popup .field-1 button#prevBtn.deactive {
    color: #131430
}

.get-a-quick-order-popup .field-1 ::-webkit-input-placeholder {
    color: #131430
}

.get-a-quick-order-popup .field-1 ::-moz-placeholder {
    color: #131430
}

.get-a-quick-order-popup .field-1 :-ms-input-placeholder {
    color: #131430
}

.get-a-quick-order-popup .field-1 :-moz-placeholder {
    color: #131430
}

.get-a-quick-order-popup .field-1 ::-webkit-resizer {
    display: none
}

.get-a-quick-order-popup .progress-bar {
    height: 3px;
    position: absolute;
    width: 100%;
    bottom: 0
}

.get-a-quick-order-popup .progress-bar ul {
    width: 100%;
    height: 3px;
    list-style-type: none;
    padding: 0
}

.get-a-quick-order-popup .progress-bar ul li {
    background: #fff;
    width: 10%;
    height: 3px;
    float: left
}

.get-a-quick-order-popup .progress-bar ul li:nth-child(1) {
    width: 11%
}

.get-a-quick-order-popup .progress-bar ul li:nth-child(2) {
    width: 11%
}

.get-a-quick-order-popup .progress-bar ul li:nth-child(3) {
    width: 11%
}

.get-a-quick-order-popup .progress-bar ul li:nth-child(4) {
    width: 11%
}

.get-a-quick-order-popup .progress-bar ul li:nth-child(5) {
    width: 11%
}

.get-a-quick-order-popup .progress-bar ul li:nth-child(6) {
    width: 11%
}

.get-a-quick-order-popup .progress-bar ul li:nth-child(7) {
    width: 11%
}

.get-a-quick-order-popup .progress-bar ul li:nth-child(8) {
    width: 11%
}

.get-a-quick-order-popup .progress-bar ul li:nth-child(9) {
    width: 12%
}

.get-a-quick-order-popup .progress-bar ul li.finish {
    background: #eb2f5b
}

.get-a-quick-order-popup .progress-bar ul li.active {
    background: #eb2f5b
}

.get-a-quick-order-popup .popup-bg {
    background: #6c6c7b;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0
}

.icon-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 0;
    width: 100%;
    height: 100%
}

.icon-wrap svg {
    width: 100%;
    height: 100%
}

@media (max-width:740px) {
    .icon-wrap svg {
        width: calc(50% - 20px)
    }
}

@media (max-width:500px) {
    .icon-wrap svg {
        width: calc(100% - 20px)
    }
}

.icon-design .anchor-part {
    -webkit-animation: move 2s linear infinite;
    animation: move 2s linear infinite
}

.icon-design .anchor-part--2 {
    -webkit-animation: move2 2s linear infinite;
    animation: move2 2s linear infinite
}

.icon-design .pen-part {
    -webkit-transform-origin: 140px 180px;
    transform-origin: 140px 180px;
    -webkit-animation: bounce2 2s ease-in-out infinite;
    animation: bounce2 2s ease-in-out infinite
}

.icon-design .ruler-part {
    -webkit-transform-origin: 140px 180px;
    transform-origin: 140px 180px;
    -webkit-animation: bounce 1s ease-in-out infinite;
    animation: bounce 1s ease-in-out infinite
}

.icon-design .circle-part {
    -webkit-transform-origin: 139.8px 167.8px;
    transform-origin: 139.8px 167.8px;
    -webkit-animation: rotate 4s linear infinite;
    animation: rotate 4s linear infinite
}

.icon-design .cursor-part {
    -webkit-animation: bounceBFt2 2s ease-in-out infinite;
    animation: bounceBFt2 2s ease-in-out infinite
}

@-webkit-keyframes move {

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

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

@keyframes move {

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

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

@-webkit-keyframes move2 {

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

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

@keyframes move2 {

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

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

.icon-design .hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.icon-design:hover .hover {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.icon-develop .gear-b {
    -webkit-animation: rotate-reverse 6s;
    animation: rotate-reverse 6s
}

.icon-develop .gear-s {
    -webkit-animation: rotate 12s linear infinite;
    animation: rotate 12s linear infinite
}

.icon-develop #XMLID_83_,
.icon-develop #XMLID_85_,
.icon-develop #XMLID_87_ {
    -webkit-animation: twinkle 3s ease-in-out infinite;
    animation: twinkle 3s ease-in-out infinite
}

.icon-develop #XMLID_85_ {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.icon-develop #XMLID_83_ {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.icon-develop .line-b,
.icon-develop .line-m,
.icon-develop .line-t {
    -webkit-animation: shrink 1.8s ease-in-out infinite;
    animation: shrink 1.8s ease-in-out infinite
}

.icon-develop .line-m {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.icon-develop .line-b {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.icon-develop .code-letter_o {
    -webkit-animation: typingO 3s linear infinite;
    animation: typingO 3s linear infinite
}

.icon-develop .code-letter_d {
    -webkit-animation: typingD 3s linear infinite;
    animation: typingD 3s linear infinite
}

.icon-develop .code-letter_e {
    -webkit-animation: typingE 3s linear infinite;
    animation: typingE 3s linear infinite
}

@-webkit-keyframes typingE {

    20.1%,
    80% {
        fill: transparent
    }

    20%,
    80.1% {
        fill: #fff
    }
}

@keyframes typingE {

    20.1%,
    80% {
        fill: transparent
    }

    20%,
    80.1% {
        fill: #fff
    }
}

@-webkit-keyframes typingD {

    30.1%,
    70% {
        fill: transparent
    }

    30%,
    70.1% {
        fill: #fff
    }
}

@keyframes typingD {

    30.1%,
    70% {
        fill: transparent
    }

    30%,
    70.1% {
        fill: #fff
    }
}

@-webkit-keyframes typingO {

    40.1%,
    60% {
        fill: transparent
    }

    40%,
    60.1% {
        fill: #fff
    }
}

@keyframes typingO {

    40.1%,
    60% {
        fill: transparent
    }

    40%,
    60.1% {
        fill: #fff
    }
}

.icon-develop .hover {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.icon-develop:hover .hover {
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important
}

.icon-support .gear-m,
.icon-support .gear-s {
    -webkit-animation: rotate;
    animation: rotate;
    -webkit-animation-duration: 6s;
    animation-duration: 6s
}

.icon-support .gear-b {
    -webkit-animation: rotate-reverse 6s;
    animation: rotate-reverse 6s
}

.icon-support .clock {
    -webkit-transform-origin: 223.6px 132.8px;
    transform-origin: 223.6px 132.8px;
    -webkit-animation: rotate 12s linear infinite;
    animation: rotate 12s linear infinite
}

.icon-support .hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear
}

.icon-support:hover .hover {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.icon-eComm .overlay {
    -webkit-transform: translate(82px, -214px);
    transform: translate(82px, -214px)
}

.icon-eComm .bubble-b {
    -webkit-animation: bubble-b 3.4s linear infinite;
    animation: bubble-b 3.4s linear infinite
}

.icon-eComm .bubble-m {
    -webkit-animation: bubble-m 3.4s linear infinite;
    animation: bubble-m 3.4s linear infinite
}

.icon-eComm .bubble-t {
    -webkit-animation: bubble-t 3.4s linear infinite;
    animation: bubble-t 3.4s linear infinite
}

.icon-eComm .bag-b,
.icon-eComm .bag-f,
.icon-eComm .bag-f--tag,
.icon-eComm .hand {
    -webkit-transform-origin: 320px 200px;
    transform-origin: 320px 200px;
    -webkit-animation: bounce2 1.6s ease-in-out infinite;
    animation: bounce2 1.6s ease-in-out infinite
}

.icon-eComm .bag-bb {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.icon-eComm .bag-bb,
.icon-eComm .bag-f--tag {
    -webkit-transform-origin: 200px 190px;
    transform-origin: 200px 190px;
    -webkit-animation: bounce 1.6s ease-in-out infinite;
    animation: bounce 1.6s ease-in-out infinite
}

.icon-eComm .bag-b {
    -webkit-transform-origin: 160px 160px;
    transform-origin: 160px 160px;
    -webkit-animation: bounce 1.6s ease-in-out infinite;
    animation: bounce 1.6s ease-in-out infinite
}

.icon-eComm .credit-card circle:nth-of-type(1) {
    -webkit-animation: shift 6s ease-in-out infinite;
    animation: shift 6s ease-in-out infinite
}

.icon-eComm .credit-card circle:nth-of-type(2) {
    -webkit-animation: shift2 6s ease-in-out infinite;
    animation: shift2 6s ease-in-out infinite
}

@-webkit-keyframes shift {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    25%,
    75% {
        opacity: .7
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        opacity: 1
    }
}

@keyframes shift {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    25%,
    75% {
        opacity: .7
    }

    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
        opacity: 1
    }
}

@-webkit-keyframes shift2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    25%,
    75% {
        opacity: .7
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 1
    }
}

@keyframes shift2 {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    25%,
    75% {
        opacity: .7
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
        opacity: 1
    }
}

.icon-eComm .hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.icon-eComm:hover .hover {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.icon-mobApps .gear {
    -webkit-animation: rotate 30s linear infinite;
    animation: rotate 30s linear infinite
}

.icon-mobApps .line-b,
.icon-mobApps .line-m,
.icon-mobApps .line-t {
    -webkit-animation: shrink 2.2s ease-in-out infinite;
    animation: shrink 2.2s ease-in-out infinite
}

.icon-mobApps .play-btn polygon {
    -webkit-animation: twinkle 3s linear infinite;
    animation: twinkle 3s linear infinite
}

.icon-mobApps .line-m {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.icon-mobApps .line-b {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.icon-mobApps .ruler {
    -webkit-transform-origin: 300px 200px;
    transform-origin: 300px 200px;
    -webkit-animation: bounceBFt2 2s ease-in-out infinite;
    animation: bounceBFt2 2s ease-in-out infinite
}

.icon-mobApps .hook {
    -webkit-transform-origin: 148px 24px;
    transform-origin: 148px 24px;
    -webkit-animation: bounce3 1.6s ease-in-out infinite;
    animation: bounce3 1.6s ease-in-out infinite
}

.icon-mobApps .play-bar--play {
    opacity: 1
}

.icon-mobApps .play-bar--pause {
    opacity: 0
}

.icon-mobApps .hover {
    -webkit-animation-play-state: paused !important;
    animation-play-state: paused !important
}

.icon-mobApps:hover .hover {
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important
}

.icon-mobApps:hover .play-bar--play {
    opacity: 0
}

.icon-mobApps:hover .play-bar--pause {
    opacity: 1
}

.icon-wordpress {
    width: 80%
}

.icon-wordpress .graph {
    -webkit-animation: bounce 1.4s ease-in-out infinite;
    animation: bounce 1.4s ease-in-out infinite
}

.icon-wordpress .mouse {
    -webkit-animation: bounceBFt2 1.6s ease-in-out infinite;
    animation: bounceBFt2 1.6s ease-in-out infinite
}

.icon-wordpress .wp-logo {
    -webkit-animation: twinkle2 4s ease-in-out infinite;
    animation: twinkle2 4s ease-in-out infinite
}

.icon-wordpress .keyboard [class*=key] {
    -webkit-animation: typing 2.75s linear infinite;
    animation: typing 2.75s linear infinite
}

.icon-wordpress .keyboard .key-1 {
    -webkit-animation-delay: .2291666667s;
    animation-delay: .2291666667s
}

.icon-wordpress .keyboard .key-2 {
    -webkit-animation-delay: .4583333333s;
    animation-delay: .4583333333s
}

.icon-wordpress .keyboard .key-3 {
    -webkit-animation-delay: .6875s;
    animation-delay: .6875s
}

.icon-wordpress .keyboard .key-4 {
    -webkit-animation-delay: .9166666667s;
    animation-delay: .9166666667s
}

.icon-wordpress .keyboard .key-5 {
    -webkit-animation-delay: 1.1458333333s;
    animation-delay: 1.1458333333s
}

.icon-wordpress .keyboard .key-6 {
    -webkit-animation-delay: 1.375s;
    animation-delay: 1.375s
}

.icon-wordpress .keyboard .key-7 {
    -webkit-animation-delay: 1.6041666667s;
    animation-delay: 1.6041666667s
}

.icon-wordpress .keyboard .key-8 {
    -webkit-animation-delay: 1.8333333333s;
    animation-delay: 1.8333333333s
}

.icon-wordpress .keyboard .key-9 {
    -webkit-animation-delay: 2.0625s;
    animation-delay: 2.0625s
}

.icon-wordpress .keyboard .key-10 {
    -webkit-animation-delay: 2.2916666667s;
    animation-delay: 2.2916666667s
}

.icon-wordpress .keyboard .key-11 {
    -webkit-animation-delay: 2.5208333333s;
    animation-delay: 2.5208333333s
}

.icon-wordpress .keyboard .key-12 {
    -webkit-animation-delay: 2.75s;
    animation-delay: 2.75s
}

@-webkit-keyframes typing {

    0%,
    2% {
        opacity: .6
    }

    4% {
        opacity: 1
    }
}

@keyframes typing {

    0%,
    2% {
        opacity: .6
    }

    4% {
        opacity: 1
    }
}

.icon-wordpress .code-line {
    -webkit-animation: shrink 1s ease-in-out infinite;
    animation: shrink 1s ease-in-out infinite
}

.icon-wordpress .code-line1 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.icon-wordpress .code-line2 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.icon-wordpress .code-line3 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.icon-wordpress .code-line5 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.icon-wordpress .code-line6 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.icon-wordpress .code-line8 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.icon-wordpress .hover,
.icon-wordpress .keyboard path[class*=key] {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.icon-wordpress:hover .hover,
.icon-wordpress:hover .keyboard path[class*=key] {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.icon-webApps .ruler {
    -webkit-animation: bounceBF 1.8s ease-in-out infinite;
    animation: bounceBF 1.8s ease-in-out infinite
}

.icon-webApps .panel {
    -webkit-animation: twinkle3 3s ease-in-out infinite;
    animation: twinkle3 3s ease-in-out infinite
}

.icon-webApps .panel2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.icon-webApps .panel3 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.icon-webApps .panel4 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.icon-webApps .panel5 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.icon-webApps .line-1 {
    -webkit-transform-origin: 162px;
    transform-origin: 162px;
    -webkit-animation: shrink 2s ease-in-out infinite;
    animation: shrink 2s ease-in-out infinite
}

.icon-webApps .line-2,
.icon-webApps .line-3 {
    -webkit-transform-origin: 144.3px 0;
    transform-origin: 144.3px 0;
    -webkit-animation: shrink 2s ease-in-out infinite;
    animation: shrink 2s ease-in-out infinite
}

.icon-webApps .line-2 {
    -webkit-animation-delay: -.4s;
    animation-delay: -.4s
}

.icon-webApps .blink1,
.icon-webApps .blink2,
.icon-webApps .blink3 {
    -webkit-animation: 6s linear infinite;
    animation: 6s linear infinite
}

.icon-webApps .blink1 {
    -webkit-animation-name: bubble-b;
    animation-name: bubble-b
}

.icon-webApps .blink2 {
    -webkit-animation-name: bubble-m;
    animation-name: bubble-m
}

.icon-webApps .blink3 {
    -webkit-animation-name: bubble-t;
    animation-name: bubble-t
}

.icon-webApps .play-btn {
    opacity: 1
}

.icon-webApps .pause-btn {
    opacity: 0
}

.icon-webApps .hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.icon-webApps:hover .play-btn {
    opacity: 0
}

.icon-webApps:hover .pause-btn {
    opacity: 1
}

.icon-webApps:hover .hover {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.star {
    -webkit-animation: twinkle 4s ease-in-out infinite;
    animation: twinkle 4s ease-in-out infinite
}

.star-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

@-webkit-keyframes twinkle {

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

    25%,
    75% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

@keyframes twinkle {

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

    25%,
    75% {
        -webkit-transform: scale(1.6);
        transform: scale(1.6)
    }
}

@-webkit-keyframes twinkle2 {

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

    25%,
    75% {
        -webkit-transform: scale(1.07);
        transform: scale(1.07)
    }
}

@keyframes twinkle2 {

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

    25%,
    75% {
        -webkit-transform: scale(1.07);
        transform: scale(1.07)
    }
}

@-webkit-keyframes twinkle3 {

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

    25%,
    75% {
        -webkit-transform: scale(1.14);
        transform: scale(1.14)
    }
}

@keyframes twinkle3 {

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

    25%,
    75% {
        -webkit-transform: scale(1.14);
        transform: scale(1.14)
    }
}

@-webkit-keyframes bubble-t {

    26%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20%,
    86% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bubble-t {

    26%,
    80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    20%,
    86% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bubble-m {

    36%,
    70% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    30%,
    76% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bubble-m {

    36%,
    70% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    30%,
    76% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bubble-b {

    46%,
    60% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40%,
    66% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes bubble-b {

    46%,
    60% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    40%,
    66% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes bounce {
    50% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg)
    }
}

@keyframes bounce {
    50% {
        -webkit-transform: rotate(-6deg);
        transform: rotate(-6deg)
    }
}

@-webkit-keyframes bounce2 {
    50% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }
}

@keyframes bounce2 {
    50% {
        -webkit-transform: rotate(6deg);
        transform: rotate(6deg)
    }
}

@-webkit-keyframes bounce3 {
    50% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
}

@keyframes bounce3 {
    50% {
        -webkit-transform: rotate(3deg);
        transform: rotate(3deg)
    }
}

@-webkit-keyframes bounceBF {

    0%,
    100% {
        -webkit-transform: rotate(1.6deg);
        transform: rotate(1.6deg)
    }

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

@keyframes bounceBF {

    0%,
    100% {
        -webkit-transform: rotate(1.6deg);
        transform: rotate(1.6deg)
    }

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

@-webkit-keyframes bounceBFt2 {

    0%,
    100% {
        -webkit-transform: rotate(4.6deg);
        transform: rotate(4.6deg)
    }

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

@keyframes bounceBFt2 {

    0%,
    100% {
        -webkit-transform: rotate(4.6deg);
        transform: rotate(4.6deg)
    }

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

@-webkit-keyframes shrink {
    50% {
        -webkit-transform: scaleX(.3);
        transform: scaleX(.3)
    }
}

@keyframes shrink {
    50% {
        -webkit-transform: scaleX(.3);
        transform: scaleX(.3)
    }
}

@-webkit-keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes rotate {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes rotate-reverse {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

@keyframes rotate-reverse {
    to {
        -webkit-transform: rotate(-1turn);
        transform: rotate(-1turn)
    }
}

#header {
    width: 100%;
    position: fixed;
    z-index: 999;
    transition: .2s
}

#header.ie-header {
    background: #131430;
    top: 0
}

#header.ie-header .header-field {
    padding-bottom: 35px
}

#header.nav-up {
    top: -100px
}

#header.header-fix {
    background: 0 0
}

#header.header-fixed {
    background: #0e0f25;
    padding: 15px 0
}

#header.header-fixed .header-field {
    margin: 10px auto
}

#header.header-fixed .header-field .field-1 .penta-yazilim {
    width: 0
}

#header.smart-header {
    -webkit-transform: translateY(-160%);
    transform: translateY(-160%);
    transition: 1.5s
}

#header .header-field {
    margin-top: 50px;
    transition: .2s
}

#header .field-1 {
    position: unset;
    z-index: 1
}

#header .field-1 a {
    display: block;
    height: 46px
}

#header .field-1 img {
    float: left
}

#header .field-1 .penta-yazilim {
    display: inline-block;
    font-family: space-age, sans-serif;
    color: #fff;
    margin-left: 15px;
    line-height: 20px;
    width: calc(100% - 100px);
    overflow: hidden;
    transition: .6s
}

#header .field-1 .penta-yazilim .penta-title {
    font-size: 36px;
    width: calc(100%);
    float: left
}

#header .field-1 .penta-yazilim .yazilim-title {
    font-size: 20px;
    letter-spacing: 10px;
    width: calc(100%);
    float: left
}

#header .field-2 {
    display: flex;
    align-items: center;
    position: unset
}

#header .field-2 ul {
    width: 100%;
    justify-content: space-between
}

#header .field-2 ul li>a {
    color: #45726e;
    font-size: 16px;
    font-weight: 700;
    line-height: 50px;
    display: block;
    z-index: 1
}

#header .field-2 ul li>a.hoverable {
    color: #131430
}

#header .field-2 ul li>a.hoverable.hvr-underline-from-left:before {
    background: #000
}

#header .field-2 ul li>a.active {
    color: #eb2f5b
}

#header .field-2 ul li>a.active.hvr-underline-from-left:before {
    background: 0 0
}

#header .field-2 ul li>a:hover {
    color: #eb2f5b
}

#header .field-2 ul li>a:hover.active {
    color: #eb2f5b
}

#header .field-2 ul li>a:hover.hvr-underline-from-left:before {
    background: 0 0
}

#header .field-2 ul li>a.active:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    right: 100%;
    bottom: 0;
    background: #fff;
    width: 100%;
    height: 2px;
    transition: .2s
}

#header .field-2 ul li>a.get-a-quick-order {
    background: #eb2f5b;
    padding: 0 20px;
    color: #fff;
    position: relative;
    border-radius: 5px
}

#header .field-2 ul li>a.get-a-quick-order:hover {
    background: #d31441
}

#header .field-2 ul li>a.get-a-quick-order i {
    margin-right: 10px
}

#header .penta-dropdown-content {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background: #fff;
    color: #000;
    transition: .3s ease;
    display: none
}

#header .penta-dropdown-content .penta-dropdown-inner {
    padding: 170px 0 60px 0
}

#header .penta-dropdown-content .what-we-doing-dropdown .field-3 .img-field {
    overflow: hidden;
    width: 100%;
    border: none;
    height: 360px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none
}

#header .penta-dropdown-content .what-we-doing-dropdown .field-3 .img-field:focus {
    outline: 0 !important
}

#header .penta-dropdown-content .what-we-doing-dropdown .field-3 .img-field img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border: none;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0
}

#header .penta-dropdown-content .what-we-doing-dropdown .field-3 .img-field img {
    -o-object-fit: contain;
    object-fit: contain
}

#header .penta-dropdown-content .what-we-doing-dropdown .field-4 .dropdown-title {
    font-size: 20px;
    color: #131430;
    line-height: 24px;
    font-weight: 700;
    position: relative
}

#header .penta-dropdown-content .what-we-doing-dropdown .field-4 li {
    margin-bottom: 30px
}

#header .penta-dropdown-content .what-we-doing-dropdown .field-4 li:last-child {
    margin-bottom: 0
}

#header .penta-dropdown-content .what-we-doing-dropdown .field-4 li a {
    line-height: normal;
    font-size: 18px;
    display: flex;
    align-items: center;
    font-weight: 400
}

#header .penta-dropdown-content .what-we-doing-dropdown .field-4 li a:hover {
    color: #eb2f5b
}

#header .penta-dropdown-content .what-we-doing-dropdown .field-4 li a i {
    font-size: 36px;
    margin-right: 20px
}

#header .penta-dropdown-content .what-we-did-dropdown .field-5 .field-5-2 {
    padding: 0
}

#header .penta-dropdown-content .what-we-did-dropdown .field-5 .field-5-2 .img-field {
    overflow: hidden;
    width: 100%;
    border: none;
    height: 150px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    overflow: unset;
    z-index: 1;
    border-radius: 50%;
    transition: .2s
}

#header .penta-dropdown-content .what-we-did-dropdown .field-5 .field-5-2 .img-field:focus {
    outline: 0 !important
}

#header .penta-dropdown-content .what-we-did-dropdown .field-5 .field-5-2 .img-field img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border: none;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0 20px
}

#header .penta-dropdown-content .what-we-did-dropdown .field-5 .field-5-2 .img-field:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    box-shadow: 0 28px 50px rgba(154, 154, 154, .16);
    transition: .2s;
    border-radius: 50%
}

#header .penta-dropdown-content .what-we-did-dropdown .field-5 .field-5-2 .img-field img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 50px
}

#header .penta-dropdown-content .what-we-did-dropdown .field-5 .field-5-2 .img-field:hover:before {
    box-shadow: 0 5px 50px rgba(154, 154, 154, .16)
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 {
    padding: 0
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .slick-list {
    padding: 20px 0 0 0
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .slick-slide {
    margin: 0 20px
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .penta-next,
#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .penta-prev {
    font-size: 39px;
    color: #d9d9d9;
    background: 0 0;
    border: none;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .penta-prev {
    left: 0
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .penta-next {
    right: 0
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .content {
    text-align: center
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .content .img-field {
    overflow: hidden;
    width: 100%;
    border: none;
    height: 150px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    margin: auto;
    margin-bottom: 30px;
    border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 28px 50px rgba(154, 154, 154, .16);
    border: none
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .content .img-field:focus {
    outline: 0 !important
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .content .img-field img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border: none;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .content .title {
    font-size: 20px;
    font-weight: 700;
    color: #131430;
    margin-bottom: 15px
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .content .sub-title {
    font-size: 14px;
    color: #a1a3af;
    white-space: normal;
    font-weight: 500;
    margin-bottom: 15px
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .content .read-more {
    font-size: 14px;
    color: #131430;
    font-weight: 600
}

#header .penta-dropdown-content .what-we-did-dropdown .field-6 .field-6-2 .content .read-more:hover {
    color: #212355
}

#header .penta-dropdown-content .blog-dropdown .field-10 {
    padding: 0
}

#header .penta-dropdown-content .blog-dropdown .field-10 .img-field {
    overflow: hidden;
    width: 100%;
    border: none;
    height: 250px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    border-radius: 10px;
    transition: .2s
}

#header .penta-dropdown-content .blog-dropdown .field-10 .img-field:focus {
    outline: 0 !important
}

#header .penta-dropdown-content .blog-dropdown .field-10 .img-field img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    border: none;
    margin: auto;
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0
}

#header .penta-dropdown-content .blog-dropdown .field-10 .img-field:hover {
    box-shadow: 0 0 6px rgba(0, 0, 0, .4)
}

#header .penta-dropdown-content .blog-dropdown .field-10 .img-field:hover+.text-field .title {
    color: #eb2f5b
}

#header .penta-dropdown-content .blog-dropdown .field-10 .text-field .title {
    font-size: 17px;
    color: #131430;
    white-space: normal;
    font-weight: 500;
    text-align: center;
    margin: 20px 40px 0;
    transition: .2s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

#header .penta-dropdown-content .all-content-link a {
    font-size: 14px;
    color: #131430;
    font-weight: 600
}

#header .penta-dropdown-content .all-content-link a i {
    margin-left: 10px;
    font-size: 12px
}

#header .penta-dropdown-content .all-content-link a:hover {
    color: #eb2f5b
}

#header .penta-dropdown-content .all-content-link a:hover i {
    -webkit-animation: left-right-2 infinite 1s linear;
    animation: left-right-2 infinite 1s linear
}

#header .penta-dropdown-content .dropdown-title {
    position: relative;
    padding: 0 0 10px 0;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between
}

#header .penta-dropdown-content .dropdown-title:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: url(../assets/img/pattern/pattern-1.png)
}

#header .penta-dropdown-content .dropdown-title.dropdown-title-ie {
    display: inline-block
}

#header .penta-dropdown-content .dropdown-title.dropdown-title-ie .title {
    float: left
}

#header .penta-dropdown-content .dropdown-title.dropdown-title-ie .all-content-link {
    float: right
}

#header .penta-dropdown-content .dropdown-title .title {
    font-size: 20px;
    color: #131430;
    font-weight: 600
}

#header .penta-dropdown-content .dropdown-title .all-content-link a {
    font-size: 14px;
    color: #131430;
    font-weight: 600
}

#header .penta-dropdown-content .dropdown-title .all-content-link a i {
    margin-left: 10px;
    font-size: 12px
}

#header .penta-dropdown-content .dropdown-title .all-content-link a:hover {
    color: #eb2f5b
}

#header .penta-dropdown-content .dropdown-title .all-content-link a:hover i {
    -webkit-animation: left-right-2 infinite 1s linear;
    animation: left-right-2 infinite 1s linear
}

#header .penta-dropdown-2 {
    position: relative
}

#header .penta-dropdown-2 .penta-dropdown-content-2 .corporate-dropdown {
    position: absolute;
    padding-top: 5px;
    display: none
}

#header .penta-dropdown-2 .penta-dropdown-content-2 .corporate-dropdown ul {
    padding: 20px;
    margin: 0;
    list-style-type: none !important;
    background: #fff;
    border-radius: 5px
}

#header .penta-dropdown-2 .penta-dropdown-content-2 .corporate-dropdown ul li {
    margin-bottom: 20px
}

#header .penta-dropdown-2 .penta-dropdown-content-2 .corporate-dropdown ul li:last-child {
    margin-bottom: 0
}

#header .penta-dropdown-2 .penta-dropdown-content-2 .corporate-dropdown ul li a {
    font-size: 16px;
    font-weight: 500;
    color: #131430;
    line-height: normal
}

#header .penta-dropdown-2 .penta-dropdown-content-2 .corporate-dropdown ul li a:hover {
    color: #eb2f5b
}

@media screen and (min-width:1200px) and (max-width:1440px) {
    #header.header-fixed {
        padding: 0
    }

    #header .header-field {
        margin-top: 25px
    }

    #header .field-2 ul li>a {
        font-size: 12px;
        line-height: 30px
    }

    #header .get-a-quick-order {
        width: 145px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        color: #fff !important;
        cursor: pointer !important;
        margin: -5px 20px 0 !important;
        line-height: 36px !important;
        height: 36px !important;
        text-align: center !important;
        border: none !important;
        background-size: 300% 100% !important;
        border-radius: 50px !important;
        transition: all .4s ease-in-out !important;
        background-image: linear-gradient(to right, #667eea, #764ba2, #6b8dd6, #8e37d7) !important;
        box-shadow: 0 4px 15px 0 rgba(116, 79, 168, .75) !important
    }
}

@media screen and (min-width:1440px) and (max-width:1600px) {
    #header .field-2 ul li>a {
        font-size: 14px;
        line-height: 30px
    }
}

#footer {
    padding-top: 70px;
    background: #131430
}

#footer .footer-top {
    padding-bottom: 50px
}

#footer .footer-top .field-logo {
    padding: 0
}

#footer .footer-top .field-1 .field-1-1 {
    display: flex;
    align-items: center;
    color: #73769b
}

#footer .footer-top .field-1 .field-adress {
    margin-top: 60px;
    margin-bottom: 30px
}

#footer .footer-top .field-1 .field-adress .field-1-1 {
    font-size: 36px;
    padding: 0;
    justify-content: flex-start
}

#footer .footer-top .field-1 .field-phone {
    margin-bottom: 30px
}

#footer .footer-top .field-1 .field-phone .field-1-1 {
    font-size: 30px;
    padding: 0;
    justify-content: flex-start
}

#footer .footer-top .field-1 .field-mail .field-1-1 {
    font-size: 23px;
    padding: 0;
    justify-content: flex-start
}

#footer .footer-top .field-1 .field-1-2 p {
    margin-bottom: 0;
    font-size: 18px;
    color: #bcbecf
}

#footer .footer-top .field-1 a {
    color: #bcbecf
}

#footer .footer-top .field-1 a:hover {
    color: #dadbe4
}

#footer .footer-top .field-2 ul li,
#footer .footer-top .field-3 ul li,
#footer .footer-top .field-4 ul li {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 25px;
    overflow: hidden
}

#footer .footer-top .field-2 ul li:nth-child(1),
#footer .footer-top .field-3 ul li:nth-child(1),
#footer .footer-top .field-4 ul li:nth-child(1) {
    font-size: 22px;
    line-height: 27px;
    color: #fff;
    margin-bottom: 40px
}

#footer .footer-top .field-2 ul li:last-child,
#footer .footer-top .field-3 ul li:last-child,
#footer .footer-top .field-4 ul li:last-child {
    margin-bottom: 0
}

#footer .footer-top .field-2 ul li a,
#footer .footer-top .field-3 ul li a,
#footer .footer-top .field-4 ul li a {
    color: #bcbecf;
    position: relative
}

#footer .footer-top .field-2 ul li a:hover,
#footer .footer-top .field-3 ul li a:hover,
#footer .footer-top .field-4 ul li a:hover {
    color: #dadbe4;
    padding-left: 15px
}

#footer .footer-top .field-2 ul li a:hover:before,
#footer .footer-top .field-3 ul li a:hover:before,
#footer .footer-top .field-4 ul li a:hover:before {
    left: 0
}

#footer .footer-top .field-2 ul li a:before,
#footer .footer-top .field-3 ul li a:before,
#footer .footer-top .field-4 ul li a:before {
    content: "\E819";
    font-family: fontello;
    position: absolute;
    left: -15px;
    top: 0;
    font-size: 10px;
    height: 100%;
    display: flex;
    align-items: center;
    transition: .2s
}

#footer .footer-bottom {
    border-top: 2px solid #262745
}

#footer .footer-bottom .fb-content {
    height: 100px;
    display: flex;
    align-items: center
}

#footer .footer-bottom .field-1 {
    padding: 0;
    font-size: 18px;
    line-height: 35px;
    color: #bcbecf
}

#footer .footer-bottom .field-2 {
    padding: 0
}

#footer .footer-bottom .field-2 ul {
    justify-content: flex-end
}

#footer .footer-bottom .field-2 ul li:nth-child(1) {
    padding-right: 10px
}

#footer .footer-bottom .field-2 ul li:nth-child(2) {
    padding: 0 10px
}

#footer .footer-bottom .field-2 ul li:nth-child(3) {
    padding: 0 10px
}

#footer .footer-bottom .field-2 ul li:nth-child(4) {
    padding: 0 35px 0 10px
}

#footer .footer-bottom .field-2 ul li:nth-child(5) {
    border-left: 1px solid #262745;
    padding: 0 20px
}

#footer .footer-bottom .field-2 ul li:nth-child(6) {
    border-left: 1px solid #262745;
    padding: 0 0 0 20px
}

#footer .footer-bottom .field-2 a {
    color: #bcbecf;
    font-size: 18px;
    line-height: 35px;
    position: relative
}

#footer .footer-bottom .field-2 a:hover {
    color: #dadbe4
}

#footer .footer-bottom-mobile {
    border-top: 2px solid #262745;
    padding-top: 20px;
    padding-bottom: 20px
}

#footer .footer-bottom-mobile .fb-content .field-1 {
    text-align: center;
    font-size: 18px;
    line-height: normal;
    color: #bcbecf;
    padding-bottom: 16px
}

#footer .footer-bottom-mobile .fb-content .field-2 ul {
    display: flex;
    justify-content: center
}

#footer .footer-bottom-mobile .fb-content .field-2 ul li {
    padding: 0 10px
}

#footer .footer-bottom-mobile .fb-content .field-2 a {
    color: #bcbecf;
    font-size: 18px;
    line-height: 35px;
    position: relative
}

#footer .footer-bottom-mobile .fb-content .field-2 a:hover {
    color: #dadbe4
}

#footer .footer-bottom-mobile .fb-content .field-3 ul {
    display: inline-block;
    width: 100%;
    text-align: center
}

#footer .footer-bottom-mobile .fb-content .field-3 ul li:nth-child(1) {
    padding-top: 16px;
    padding-bottom: 16px
}

#footer .footer-bottom-mobile .fb-content .field-3 a {
    color: #bcbecf;
    font-size: 18px;
    line-height: normal;
    position: relative
}

#footer .footer-bottom-mobile .fb-content .field-3 a:hover {
    color: #dadbe4
}

@media screen and (min-width:1px) and (max-width:1199px) {
    #footer {
        padding-top: 30px
    }

    #footer .footer-top {
        padding-bottom: 14px
    }

    #footer .footer-top .field-logo {
        padding: 0 15px
    }

    #footer .footer-top .field-1 .field-adress,
    #footer .footer-top .field-1 .field-phone {
        margin: 0 0 16px 0;
        padding: 0 15px
    }

    #footer .footer-top .field-1 .field-mail {
        margin-bottom: 30px
    }

    #footer .footer-top .field-1 .field-adress {
        margin-top: 16px
    }

    #footer .footer-top .field-1 .field-adress .field-1-2,
    #footer .footer-top .field-1 .field-mail .field-1-2,
    #footer .footer-top .field-1 .field-phone .field-1-2 {
        padding-right: 0
    }

    #footer .footer-top .field-1 .field-adress>div,
    #footer .footer-top .field-1 .field-mail>div,
    #footer .footer-top .field-1 .field-phone>div {
        margin: 0
    }

    #footer .footer-top .field-2 ul li:nth-child(1),
    #footer .footer-top .field-3 ul li:nth-child(1),
    #footer .footer-top .field-4 ul li:nth-child(1) {
        margin-bottom: 20px
    }

    #footer .footer-top .field-2 ul li,
    #footer .footer-top .field-3 ul li,
    #footer .footer-top .field-4 ul li {
        margin-bottom: 16px
    }

    #footer .footer-top .field-2 ul li:last-child,
    #footer .footer-top .field-3 ul li:last-child,
    #footer .footer-top .field-4 ul li:last-child {
        margin-bottom: 16px
    }

    #footer .footer-bottom {
        height: auto
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    #footer .footer-top .field-1 .field-adress .field-1-1,
    #footer .footer-top .field-1 .field-mail .field-1-1,
    #footer .footer-top .field-1 .field-phone .field-1-1 {
        justify-content: flex-start
    }
}

@media screen and (min-width:1200px) and (max-width:1440px) {

    #footer .footer-top .field-2,
    #footer .footer-top .field-3,
    #footer .footer-top .field-4 {
        padding: 0
    }

    #footer .footer-top .field-2 ul li,
    #footer .footer-top .field-3 ul li,
    #footer .footer-top .field-4 ul li {
        font-size: 14px;
        margin-bottom: 16px;
        line-height: normal
    }

    #footer .footer-top .field-2 ul li:nth-child(1),
    #footer .footer-top .field-3 ul li:nth-child(1),
    #footer .footer-top .field-4 ul li:nth-child(1) {
        font-size: 18px;
        margin-bottom: 25px
    }

    #footer .footer-bottom .field-1 {
        font-size: 14px
    }

    #footer .footer-bottom .field-2 a {
        font-size: 14px
    }

    #footer .footer-bottom .fb-content {
        height: 50px
    }

    #footer {
        padding-top: 20px
    }

    #footer .footer-top {
        padding-bottom: 20px
    }
}

@media screen and (min-width:1440px) and (max-width:1600px) {

    #footer .footer-top .field-2,
    #footer .footer-top .field-3,
    #footer .footer-top .field-4 {
        padding: 0
    }

    #footer .footer-top .field-2 ul li,
    #footer .footer-top .field-3 ul li,
    #footer .footer-top .field-4 ul li {
        font-size: 14px;
        margin-bottom: 16px;
        line-height: normal
    }

    #footer .footer-top .field-2 ul li:nth-child(1),
    #footer .footer-top .field-3 ul li:nth-child(1),
    #footer .footer-top .field-4 ul li:nth-child(1) {
        font-size: 18px;
        margin-bottom: 25px
    }

    #footer .footer-bottom .field-1 {
        font-size: 14px
    }

    #footer .footer-bottom .field-2 a {
        font-size: 14px
    }

    #footer .footer-bottom .fb-content {
        height: 50px
    }

    #footer {
        padding-top: 20px
    }

    #footer .footer-top {
        padding-bottom: 20px
    }
}

.bg-primary {
    background: #575682
}

.bg-primary-dark {
    background: #424263
}

.bg-primary-light {
    background: #6e6d9e
}

.bg-primary-text {
    background: #fff
}

.bg-secondary {
    background: #c8c7f3
}

.bg-secondary-dark {
    background: #9f9dea
}

.bg-secondary-light {
    background: #f1f1fc
}

.bg-secondary-text {
    background: #fff
}

.bg-third {
    background: #b0aef3
}

.bg-third-dark {
    background: #8582ec
}

.bg-third-light {
    background: #dbdafa
}

.bg-third-text {
    background: #fff
}

.bg-gray {
    background: #fbfbfb
}

.bg-gray-dark {
    background: #e2e2e2
}

.bg-gray-light {
    background: #fff
}

.bg-gray-text {
    background: #000
}

.bg-yellow {
    background: #fcf8e3
}

.bg-yellow-dark {
    background: #f7ecb5
}

.bg-yellow-light {
    background: #fff
}

.bg-yellow-text {
    background: #8a6d3b
}

.bg-green {
    background: #98c44d
}

.bg-green-dark {
    background: #7ea737
}

.bg-green-light {
    background: #aed173
}

.bg-green-text {
    background: #3c763d
}

.bg-red {
    background: #f2dede
}

.bg-red-dark {
    background: #e4b9b9
}

.bg-red-light {
    background: #fff
}

.bg-red-text {
    background: #a94442
}

.bg-blue {
    background: #d9edf7
}

.bg-blue-dark {
    background: #afd9ee
}

.bg-blue-light {
    background: #fff
}

.bg-blue-text {
    background: #31708f
}

.bg-facebook {
    background: #4267b2
}

.bg-twitter {
    background: #55acee
}

.bg-pinterest {
    background: #cb2027
}

.bg-google {
    background: #4267b2
}

.bg-google-plus {
    background: #dc4e41
}

.bg-tumblr {
    background: #36465d
}

.bg-instagram {
    background: #d6249f
}

.bg-youtube {
    background: #c4302b
}

.bg-white {
    background: #fff
}

.bg-black {
    background: #000
}

.bg-transparent {
    background: 0 0
}

.br-0 {
    border-radius: 0
}

.br-25 {
    border-radius: 25%
}

.br-50 {
    border-radius: 50%
}

.br-75 {
    border-radius: 75%
}

.br-100 {
    border-radius: 100%
}

.br-5px {
    border-radius: 5px
}

.br-10px {
    border-radius: 10px
}

.br-15px {
    border-radius: 15px
}

.br-20px {
    border-radius: 20px
}

.b-0 {
    bottom: 0 !important
}

.b-1 {
    bottom: .5rem !important
}

.b-2 {
    bottom: 1rem !important
}

.b-3 {
    bottom: 1.5rem !important
}

.b-4 {
    bottom: 2rem !important
}

.b-5 {
    bottom: 2.5rem !important
}

.b-6 {
    bottom: 3rem !important
}

.b-7 {
    bottom: 3.5rem !important
}

.b-8 {
    bottom: 4rem !important
}

.b-9 {
    bottom: 4.5rem !important
}

.b-10 {
    bottom: 5rem !important
}

.b-5px {
    bottom: 5px !important
}

.b-10px {
    bottom: 10px !important
}

.b-20px {
    bottom: 20px !important
}

.b-30px {
    bottom: 30px !important
}

.b-40px {
    bottom: 40px !important
}

.b-50px {
    bottom: 50px !important
}

.b-60px {
    bottom: 60px !important
}

.b-70px {
    bottom: 70px !important
}

.b-80px {
    bottom: 80px !important
}

.b-90px {
    bottom: 90px !important
}

.b-100px {
    bottom: 100px !important
}

.b-110px {
    bottom: 110px !important
}

.b-120px {
    bottom: 120px !important
}

.b-130px {
    bottom: 130px !important
}

.b-140px {
    bottom: 140px !important
}

.b-150px {
    bottom: 150px !important
}

.b-160px {
    bottom: 160px !important
}

.b-170px {
    bottom: 170px !important
}

.b-180px {
    bottom: 180px !important
}

.b-190px {
    bottom: 190px !important
}

.b-200px {
    bottom: 200px !important
}

.btn-ct {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.btn-ct:focus {
    outline: 0;
    box-shadow: none !important
}

.btn-primary {
    background: #575682;
    border-color: #575682;
    color: #fff
}

.btn-primary:hover {
    background: #424263;
    color: #fff
}

.btn-secondary {
    background: #c8c7f3;
    border-color: #c8c7f3;
    color: #fff
}

.btn-secondary:hover {
    background: #9f9dea
}

.btn-third {
    background: #b0aef3;
    border-color: #b0aef3;
    color: #fff
}

.btn-third:hover {
    background: #8582ec
}

.btn-gray {
    background: #fbfbfb;
    border-color: #fbfbfb;
    color: #000
}

.btn-gray:hover {
    background: #e2e2e2
}

.btn-yellow {
    background: #fcf8e3;
    border-color: #fcf8e3;
    color: #8a6d3b
}

.btn-yellow:hover {
    background: #f7ecb5
}

.btn-green {
    background: #98c44d;
    border-color: #98c44d;
    color: #3c763d
}

.btn-green:hover {
    background: #7ea737
}

.btn-red {
    background: #f2dede;
    border-color: #f2dede;
    color: #a94442
}

.btn-red:hover {
    background: #e4b9b9
}

.btn-blue {
    background: #d9edf7;
    border-color: #d9edf7;
    color: #31708f
}

.btn-blue:hover {
    background: #afd9ee
}

.btn-facebook {
    background: #4267b2
}

.btn-facebook:hover {
    background: #4267b2
}

.btn-twitter {
    background: #55acee
}

.btn-twitter:hover {
    background: #55acee
}

.btn-pinterest {
    background: #cb2027
}

.btn-pinterest:hover {
    background: #cb2027
}

.btn-google {
    background: #4267b2
}

.btn-google:hover {
    background: #4267b2
}

.btn-google-plus {
    background: #dc4e41
}

.btn-google-plus:hover {
    background: #dc4e41
}

.btn-tumblr {
    background: #36465d
}

.btn-tumblr:hover {
    background: #36465d
}

.btn-instagram {
    background: #d6249f
}

.btn-instagram:hover {
    background: #d6249f
}

.btn-youtube {
    background: #c4302b
}

.btn-youtube:hover {
    background: #c4302b
}

.btn-white {
    background: #fff;
    color: #000
}

.btn-white:hover {
    background: #fbfbfb
}

.btn-black {
    background: #000;
    color: #fff
}

.btn-black:hover {
    background: #fbfbfb
}

.btn-transparent {
    background: 0 0;
    border-color: #575682;
    color: #575682
}

.btn-transparent:hover {
    background: #424263;
    color: #fff
}

.c-primary {
    color: #575682
}

.c-primary-dark {
    color: #424263
}

.c-primary-light {
    color: #6e6d9e
}

.c-primary-text {
    color: #fff
}

.c-secondary {
    color: #c8c7f3
}

.c-secondary-dark {
    color: #9f9dea
}

.c-secondary-light {
    color: #f1f1fc
}

.c-secondary-text {
    color: #fff
}

.c-third {
    color: #b0aef3
}

.c-third-dark {
    color: #8582ec
}

.c-third-light {
    color: #dbdafa
}

.c-third-text {
    color: #fff
}

.c-gray {
    color: #fbfbfb
}

.c-gray-dark {
    color: #e2e2e2
}

.c-gray-light {
    color: #fff
}

.c-gray-text {
    color: #000
}

.c-yellow {
    color: #fcf8e3
}

.c-yellow-dark {
    color: #f7ecb5
}

.c-yellow-light {
    color: #fff
}

.c-yellow-text {
    color: #8a6d3b
}

.c-green {
    color: #98c44d
}

.c-green-dark {
    color: #7ea737
}

.c-green-light {
    color: #aed173
}

.c-green-text {
    color: #3c763d
}

.c-red {
    color: #f2dede
}

.c-red-dark {
    color: #e4b9b9
}

.c-red-light {
    color: #fff
}

.c-red-text {
    color: #a94442
}

.c-blue {
    color: #d9edf7
}

.c-blue-dark {
    color: #afd9ee
}

.c-blue-light {
    color: #fff
}

.c-blue-text {
    color: #31708f
}

.c-facebook {
    color: #4267b2
}

.c-twitter {
    color: #55acee
}

.c-pinterest {
    color: #cb2027
}

.c-google {
    color: #4267b2
}

.c-google-plus {
    color: #dc4e41
}

.c-tumblr {
    color: #36465d
}

.c-instagram {
    color: #d6249f
}

.c-youtube {
    color: #c4302b
}

.c-white {
    color: #fff
}

.c-black {
    color: #000
}

.c-transparent {
    color: transparent
}

.c-pointer {
    cursor: pointer !important
}

.c-help {
    cursor: help !important
}

.c-progress {
    cursor: progress !important
}

.c-wait {
    cursor: wait !important
}

.c-move {
    cursor: move !important
}

.c-no-drop {
    cursor: no-drop !important
}

.c-default {
    cursor: default !important
}

.d-none {
    display: none !important
}

.d-block {
    display: block !important
}

.d-inline-block {
    display: inline-block !important
}

.d-flex-center {
    display: flex;
    justify-content: center
}

.d-flex-align {
    display: flex;
    align-items: center
}

.d-flex-wrap {
    display: flex;
    flex-wrap: wrap
}

.d-flex-column {
    display: flex;
    flex-direction: column
}

.d-flex-column-reverse {
    display: flex;
    flex-direction: column-reverse
}

.d-flex-row {
    display: flex;
    flex-direction: row
}

.d-flex-row-reverse {
    display: flex;
    flex-direction: row-reverse
}

.d-flex-between {
    display: flex;
    justify-content: space-between
}

.d-flex-around {
    display: flex;
    justify-content: space-around
}

.d-flex-start {
    display: flex;
    justify-content: flex-start
}

.d-flex-end {
    display: flex;
    justify-content: flex-end
}

.d-flex-center-align {
    display: flex;
    justify-content: center;
    align-items: center
}

.d-flex-between-align {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.d-flex-around-align {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.d-flex-start-align {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.d-flex-end-align {
    display: flex;
    justify-content: flex-end;
    align-items: center
}

.d-flex-around-align {
    display: flex;
    justify-content: space-around;
    align-items: center
}

.d-flex-center-wrap {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.d-flex-align-wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.d-flex-center-align-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap
}

.d-flex {
    display: flex
}

.d-center {
    justify-content: center
}

.d-align {
    align-items: center
}

.d-align-start {
    align-items: flex-start
}

.d-align-end {
    align-items: flex-end
}

.d-wrap {
    flex-wrap: wrap
}

.d-column {
    flex-direction: column
}

.d-column-reverse {
    flex-direction: column-reverse
}

.d-row {
    flex-direction: row
}

.d-row-reverse {
    flex-direction: row-reverse
}

.d-between {
    justify-content: space-between
}

.d-around {
    justify-content: space-around
}

.d-start {
    justify-content: flex-start
}

.d-end {
    justify-content: flex-end
}

.f-0 {
    font-size: 0 !important
}

.f-1 {
    font-size: 1px !important
}

.f-2 {
    font-size: 2px !important
}

.f-3 {
    font-size: 3px !important
}

.f-4 {
    font-size: 4px !important
}

.f-5 {
    font-size: 5px !important
}

.f-6 {
    font-size: 6px !important
}

.f-7 {
    font-size: 7px !important
}

.f-8 {
    font-size: 8px !important
}

.f-9 {
    font-size: 9px !important
}

.f-10 {
    font-size: 10px !important
}

.f-11 {
    font-size: 11px !important
}

.f-12 {
    font-size: 12px !important
}

.f-13 {
    font-size: 13px !important
}

.f-14 {
    font-size: 14px !important
}

.f-15 {
    font-size: 15px !important
}

.f-16 {
    font-size: 16px !important
}

.f-17 {
    font-size: 17px !important
}

.f-18 {
    font-size: 18px !important
}

.f-19 {
    font-size: 19px !important
}

.f-20 {
    font-size: 20px !important
}

.f-21 {
    font-size: 21px !important
}

.f-22 {
    font-size: 22px !important
}

.f-23 {
    font-size: 23px !important
}

.f-24 {
    font-size: 24px !important
}

.f-25 {
    font-size: 25px !important
}

.f-26 {
    font-size: 26px !important
}

.f-27 {
    font-size: 27px !important
}

.f-28 {
    font-size: 28px !important
}

.f-29 {
    font-size: 29px !important
}

.f-30 {
    font-size: 30px !important
}

.f-31 {
    font-size: 31px !important
}

.f-32 {
    font-size: 32px !important
}

.f-33 {
    font-size: 33px !important
}

.f-34 {
    font-size: 34px !important
}

.f-35 {
    font-size: 35px !important
}

.f-36 {
    font-size: 36px !important
}

.f-37 {
    font-size: 37px !important
}

.f-38 {
    font-size: 38px !important
}

.f-39 {
    font-size: 39px !important
}

.f-40 {
    font-size: 40px !important
}

.f-41 {
    font-size: 41px !important
}

.f-42 {
    font-size: 42px !important
}

.f-43 {
    font-size: 43px !important
}

.f-44 {
    font-size: 44px !important
}

.f-45 {
    font-size: 45px !important
}

.f-46 {
    font-size: 46px !important
}

.f-47 {
    font-size: 47px !important
}

.f-48 {
    font-size: 48px !important
}

.f-49 {
    font-size: 49px !important
}

.f-50 {
    font-size: 50px !important
}

.f-51 {
    font-size: 51px !important
}

.f-52 {
    font-size: 52px !important
}

.f-53 {
    font-size: 53px !important
}

.f-54 {
    font-size: 54px !important
}

.f-55 {
    font-size: 55px !important
}

.f-56 {
    font-size: 56px !important
}

.f-57 {
    font-size: 57px !important
}

.f-58 {
    font-size: 58px !important
}

.f-59 {
    font-size: 59px !important
}

.f-60 {
    font-size: 60px !important
}

.f-61 {
    font-size: 61px !important
}

.f-62 {
    font-size: 62px !important
}

.f-63 {
    font-size: 63px !important
}

.f-64 {
    font-size: 64px !important
}

.f-65 {
    font-size: 65px !important
}

.f-66 {
    font-size: 66px !important
}

.f-67 {
    font-size: 67px !important
}

.f-68 {
    font-size: 68px !important
}

.f-69 {
    font-size: 69px !important
}

.f-70 {
    font-size: 70px !important
}

.f-71 {
    font-size: 71px !important
}

.f-72 {
    font-size: 72px !important
}

.f-73 {
    font-size: 73px !important
}

.f-74 {
    font-size: 74px !important
}

.f-75 {
    font-size: 75px !important
}

.f-76 {
    font-size: 76px !important
}

.f-77 {
    font-size: 77px !important
}

.f-78 {
    font-size: 78px !important
}

.f-79 {
    font-size: 79px !important
}

.f-80 {
    font-size: 80px !important
}

.f-81 {
    font-size: 81px !important
}

.f-82 {
    font-size: 82px !important
}

.f-83 {
    font-size: 83px !important
}

.f-84 {
    font-size: 84px !important
}

.f-85 {
    font-size: 85px !important
}

.f-86 {
    font-size: 86px !important
}

.f-87 {
    font-size: 87px !important
}

.f-88 {
    font-size: 88px !important
}

.f-89 {
    font-size: 89px !important
}

.f-90 {
    font-size: 90px !important
}

.f-91 {
    font-size: 91px !important
}

.f-92 {
    font-size: 92px !important
}

.f-93 {
    font-size: 93px !important
}

.f-94 {
    font-size: 94px !important
}

.f-95 {
    font-size: 95px !important
}

.f-96 {
    font-size: 96px !important
}

.f-97 {
    font-size: 97px !important
}

.f-98 {
    font-size: 98px !important
}

.f-99 {
    font-size: 99px !important
}

.f-100 {
    font-size: 100px !important
}

.f-101 {
    font-size: 101px !important
}

.f-102 {
    font-size: 102px !important
}

.f-103 {
    font-size: 103px !important
}

.f-104 {
    font-size: 104px !important
}

.f-105 {
    font-size: 105px !important
}

.f-106 {
    font-size: 106px !important
}

.f-107 {
    font-size: 107px !important
}

.f-108 {
    font-size: 108px !important
}

.f-109 {
    font-size: 109px !important
}

.f-110 {
    font-size: 110px !important
}

.fw-100 {
    font-weight: 100 !important
}

.fw-200 {
    font-weight: 200 !important
}

.fw-300 {
    font-weight: 300 !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-500 {
    font-weight: 500 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-800 {
    font-weight: 800 !important
}

.fw-900 {
    font-weight: 900 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.h-auto {
    height: auto
}

.h-100 {
    height: 100%
}

.h-99 {
    height: 99%
}

.h-98 {
    height: 98%
}

.h-97 {
    height: 97%
}

.h-96 {
    height: 96%
}

.h-95 {
    height: 95%
}

.h-94 {
    height: 94%
}

.h-93 {
    height: 93%
}

.h-92 {
    height: 92%
}

.h-91 {
    height: 91%
}

.h-90 {
    height: 90%
}

.h-89 {
    height: 89%
}

.h-88 {
    height: 88%
}

.h-87 {
    height: 87%
}

.h-86 {
    height: 86%
}

.h-85 {
    height: 85%
}

.h-84 {
    height: 84%
}

.h-83 {
    height: 83%
}

.h-82 {
    height: 82%
}

.h-81 {
    height: 81%
}

.h-80 {
    height: 80%
}

.h-79 {
    height: 79%
}

.h-78 {
    height: 78%
}

.h-77 {
    height: 77%
}

.h-76 {
    height: 76%
}

.h-75 {
    height: 75%
}

.h-74 {
    height: 74%
}

.h-73 {
    height: 73%
}

.h-72 {
    height: 72%
}

.h-71 {
    height: 71%
}

.h-70 {
    height: 70%
}

.h-69 {
    height: 69%
}

.h-68 {
    height: 68%
}

.h-67 {
    height: 67%
}

.h-66 {
    height: 66%
}

.h-65 {
    height: 65%
}

.h-64 {
    height: 64%
}

.h-63 {
    height: 63%
}

.h-62 {
    height: 62%
}

.h-61 {
    height: 61%
}

.h-60 {
    height: 60%
}

.h-59 {
    height: 59%
}

.h-58 {
    height: 58%
}

.h-57 {
    height: 57%
}

.h-56 {
    height: 56%
}

.h-55 {
    height: 55%
}

.h-54 {
    height: 54%
}

.h-53 {
    height: 53%
}

.h-52 {
    height: 52%
}

.h-51 {
    height: 51%
}

.h-50 {
    height: 50%
}

.h-49 {
    height: 49%
}

.h-48 {
    height: 48%
}

.h-47 {
    height: 47%
}

.h-46 {
    height: 46%
}

.h-45 {
    height: 45%
}

.h-44 {
    height: 44%
}

.h-43 {
    height: 43%
}

.h-42 {
    height: 42%
}

.h-41 {
    height: 41%
}

.h-40 {
    height: 40%
}

.h-39 {
    height: 39%
}

.h-38 {
    height: 38%
}

.h-37 {
    height: 37%
}

.h-36 {
    height: 36%
}

.h-35 {
    height: 35%
}

.h-34 {
    height: 34%
}

.h-33 {
    height: 33%
}

.h-32 {
    height: 32%
}

.h-31 {
    height: 31%
}

.h-30 {
    height: 30%
}

.h-29 {
    height: 29%
}

.h-28 {
    height: 28%
}

.h-27 {
    height: 27%
}

.h-26 {
    height: 26%
}

.h-25 {
    height: 25%
}

.h-24 {
    height: 24%
}

.h-23 {
    height: 23%
}

.h-22 {
    height: 22%
}

.h-21 {
    height: 21%
}

.h-20 {
    height: 20%
}

.h-19 {
    height: 19%
}

.h-18 {
    height: 18%
}

.h-17 {
    height: 17%
}

.h-16 {
    height: 16%
}

.h-15 {
    height: 15%
}

.h-14 {
    height: 14%
}

.h-13 {
    height: 13%
}

.h-12 {
    height: 12%
}

.h-11 {
    height: 11%
}

.h-10 {
    height: 10%
}

.h-9 {
    height: 9%
}

.h-8 {
    height: 8%
}

.h-7 {
    height: 7%
}

.h-6 {
    height: 6%
}

.h-5 {
    height: 5%
}

.h-4 {
    height: 4%
}

.h-3 {
    height: 3%
}

.h-2 {
    height: 2%
}

.h-1 {
    height: 1%
}

.h-100px {
    height: 100px
}

.h-99px {
    height: 99px
}

.h-98px {
    height: 98px
}

.h-97px {
    height: 97px
}

.h-96px {
    height: 96px
}

.h-95px {
    height: 95px
}

.h-94px {
    height: 94px
}

.h-93px {
    height: 93px
}

.h-92px {
    height: 92px
}

.h-91px {
    height: 91px
}

.h-90px {
    height: 90px
}

.h-89px {
    height: 89px
}

.h-88px {
    height: 88px
}

.h-87px {
    height: 87px
}

.h-86px {
    height: 86px
}

.h-85px {
    height: 85px
}

.h-84px {
    height: 84px
}

.h-83px {
    height: 83px
}

.h-82px {
    height: 82px
}

.h-81px {
    height: 81px
}

.h-80px {
    height: 80px
}

.h-79px {
    height: 79px
}

.h-78px {
    height: 78px
}

.h-77px {
    height: 77px
}

.h-76px {
    height: 76px
}

.h-75px {
    height: 75px
}

.h-74px {
    height: 74px
}

.h-73px {
    height: 73px
}

.h-72px {
    height: 72px
}

.h-71px {
    height: 71px
}

.h-70px {
    height: 70px
}

.h-69px {
    height: 69px
}

.h-68px {
    height: 68px
}

.h-67px {
    height: 67px
}

.h-66px {
    height: 66px
}

.h-65px {
    height: 65px
}

.h-64px {
    height: 64px
}

.h-63px {
    height: 63px
}

.h-62px {
    height: 62px
}

.h-61px {
    height: 61px
}

.h-60px {
    height: 60px
}

.h-59px {
    height: 59px
}

.h-58px {
    height: 58px
}

.h-57px {
    height: 57px
}

.h-56px {
    height: 56px
}

.h-55px {
    height: 55px
}

.h-54px {
    height: 54px
}

.h-53px {
    height: 53px
}

.h-52px {
    height: 52px
}

.h-51px {
    height: 51px
}

.h-50px {
    height: 50px
}

.h-49px {
    height: 49px
}

.h-48px {
    height: 48px
}

.h-47px {
    height: 47px
}

.h-46px {
    height: 46px
}

.h-45px {
    height: 45px
}

.h-44px {
    height: 44px
}

.h-43px {
    height: 43px
}

.h-42px {
    height: 42px
}

.h-41px {
    height: 41px
}

.h-40px {
    height: 40px
}

.h-39px {
    height: 39px
}

.h-38px {
    height: 38px
}

.h-37px {
    height: 37px
}

.h-36px {
    height: 36px
}

.h-35px {
    height: 35px
}

.h-34px {
    height: 34px
}

.h-33px {
    height: 33px
}

.h-32px {
    height: 32px
}

.h-31px {
    height: 31px
}

.h-30px {
    height: 30px
}

.h-29px {
    height: 29px
}

.h-28px {
    height: 28px
}

.h-27px {
    height: 27px
}

.h-26px {
    height: 26px
}

.h-25px {
    height: 25px
}

.h-24px {
    height: 24px
}

.h-23px {
    height: 23px
}

.h-22px {
    height: 22px
}

.h-21px {
    height: 21px
}

.h-20px {
    height: 20px
}

.h-19px {
    height: 19px
}

.h-18px {
    height: 18px
}

.h-17px {
    height: 17px
}

.h-16px {
    height: 16px
}

.h-15px {
    height: 15px
}

.h-14px {
    height: 14px
}

.h-13px {
    height: 13px
}

.h-12px {
    height: 12px
}

.h-11px {
    height: 11px
}

.h-10px {
    height: 10px
}

.h-9px {
    height: 9px
}

.h-8px {
    height: 8px
}

.h-7px {
    height: 7px
}

.h-6px {
    height: 6px
}

.h-5px {
    height: 5px
}

.h-4px {
    height: 4px
}

.h-3px {
    height: 3px
}

.h-2px {
    height: 2px
}

.h-1px {
    height: 1px
}

.h-100vh {
    height: 100vh
}

.h-99vh {
    height: 99vh
}

.h-98vh {
    height: 98vh
}

.h-97vh {
    height: 97vh
}

.h-96vh {
    height: 96vh
}

.h-95vh {
    height: 95vh
}

.h-94vh {
    height: 94vh
}

.h-93vh {
    height: 93vh
}

.h-92vh {
    height: 92vh
}

.h-91vh {
    height: 91vh
}

.h-90vh {
    height: 90vh
}

.h-89vh {
    height: 89vh
}

.h-88vh {
    height: 88vh
}

.h-87vh {
    height: 87vh
}

.h-86vh {
    height: 86vh
}

.h-85vh {
    height: 85vh
}

.h-84vh {
    height: 84vh
}

.h-83vh {
    height: 83vh
}

.h-82vh {
    height: 82vh
}

.h-81vh {
    height: 81vh
}

.h-80vh {
    height: 80vh
}

.h-79vh {
    height: 79vh
}

.h-78vh {
    height: 78vh
}

.h-77vh {
    height: 77vh
}

.h-76vh {
    height: 76vh
}

.h-75vh {
    height: 75vh
}

.h-74vh {
    height: 74vh
}

.h-73vh {
    height: 73vh
}

.h-72vh {
    height: 72vh
}

.h-71vh {
    height: 71vh
}

.h-70vh {
    height: 70vh
}

.h-69vh {
    height: 69vh
}

.h-68vh {
    height: 68vh
}

.h-67vh {
    height: 67vh
}

.h-66vh {
    height: 66vh
}

.h-65vh {
    height: 65vh
}

.h-64vh {
    height: 64vh
}

.h-63vh {
    height: 63vh
}

.h-62vh {
    height: 62vh
}

.h-61vh {
    height: 61vh
}

.h-60vh {
    height: 60vh
}

.h-59vh {
    height: 59vh
}

.h-58vh {
    height: 58vh
}

.h-57vh {
    height: 57vh
}

.h-56vh {
    height: 56vh
}

.h-55vh {
    height: 55vh
}

.h-54vh {
    height: 54vh
}

.h-53vh {
    height: 53vh
}

.h-52vh {
    height: 52vh
}

.h-51vh {
    height: 51vh
}

.h-50vh {
    height: 50vh
}

.h-49vh {
    height: 49vh
}

.h-48vh {
    height: 48vh
}

.h-47vh {
    height: 47vh
}

.h-46vh {
    height: 46vh
}

.h-45vh {
    height: 45vh
}

.h-44vh {
    height: 44vh
}

.h-43vh {
    height: 43vh
}

.h-42vh {
    height: 42vh
}

.h-41vh {
    height: 41vh
}

.h-40vh {
    height: 40vh
}

.h-39vh {
    height: 39vh
}

.h-38vh {
    height: 38vh
}

.h-37vh {
    height: 37vh
}

.h-36vh {
    height: 36vh
}

.h-35vh {
    height: 35vh
}

.h-34vh {
    height: 34vh
}

.h-33vh {
    height: 33vh
}

.h-32vh {
    height: 32vh
}

.h-31vh {
    height: 31vh
}

.h-30vh {
    height: 30vh
}

.h-29vh {
    height: 29vh
}

.h-28vh {
    height: 28vh
}

.h-27vh {
    height: 27vh
}

.h-26vh {
    height: 26vh
}

.h-25vh {
    height: 25vh
}

.h-24vh {
    height: 24vh
}

.h-23vh {
    height: 23vh
}

.h-22vh {
    height: 22vh
}

.h-21vh {
    height: 21vh
}

.h-20vh {
    height: 20vh
}

.h-19vh {
    height: 19vh
}

.h-18vh {
    height: 18vh
}

.h-17vh {
    height: 17vh
}

.h-16vh {
    height: 16vh
}

.h-15vh {
    height: 15vh
}

.h-14vh {
    height: 14vh
}

.h-13vh {
    height: 13vh
}

.h-12vh {
    height: 12vh
}

.h-11vh {
    height: 11vh
}

.h-10vh {
    height: 10vh
}

.h-9vh {
    height: 9vh
}

.h-8vh {
    height: 8vh
}

.h-7vh {
    height: 7vh
}

.h-6vh {
    height: 6vh
}

.h-5vh {
    height: 5vh
}

.h-4vh {
    height: 4vh
}

.h-3vh {
    height: 3vh
}

.h-2vh {
    height: 2vh
}

.h-1vh {
    height: 1vh
}

.l-0 {
    left: 0 !important
}

.l-1 {
    left: .5rem !important
}

.l-2 {
    left: 1rem !important
}

.l-3 {
    left: 1.5rem !important
}

.l-4 {
    left: 2rem !important
}

.l-5 {
    left: 2.5rem !important
}

.l-6 {
    left: 3rem !important
}

.l-7 {
    left: 3.5rem !important
}

.l-8 {
    left: 4rem !important
}

.l-9 {
    left: 4.5rem !important
}

.l-10 {
    left: 5rem !important
}

.l-5px {
    left: 5px !important
}

.l-10px {
    left: 10px !important
}

.l-20px {
    left: 20px !important
}

.l-30px {
    left: 30px !important
}

.l-40px {
    left: 40px !important
}

.l-50px {
    left: 50px !important
}

.l-60px {
    left: 60px !important
}

.l-70px {
    left: 70px !important
}

.l-80px {
    left: 80px !important
}

.l-90px {
    left: 90px !important
}

.l-100px {
    left: 100px !important
}

.l-110px {
    left: 110px !important
}

.l-120px {
    left: 120px !important
}

.l-130px {
    left: 130px !important
}

.l-140px {
    left: 140px !important
}

.l-150px {
    left: 150px !important
}

.l-160px {
    left: 160px !important
}

.l-170px {
    left: 170px !important
}

.l-180px {
    left: 180px !important
}

.l-190px {
    left: 190px !important
}

.l-200px {
    left: 200px !important
}

.m-1 {
    margin: .5rem !important
}

.m-2 {
    margin: 1rem !important
}

.m-3 {
    margin: 1.5rem !important
}

.m-4 {
    margin: 2rem !important
}

.m-5 {
    margin: 2.5rem !important
}

.m-6 {
    margin: 3rem !important
}

.m-7 {
    margin: 3.5rem !important
}

.m-8 {
    margin: 4rem !important
}

.m-9 {
    margin: 4.5rem !important
}

.m-10 {
    margin: 5rem !important
}

.m-5px {
    margin: 5px !important
}

.m-10px {
    margin: 10px !important
}

.m-15px {
    margin: 15px !important
}

.m-20px {
    margin: 20px !important
}

.m-30px {
    margin: 30px !important
}

.m-40px {
    margin: 40px !important
}

.m-50px {
    margin: 50px !important
}

.m-60px {
    margin: 60px !important
}

.m-70px {
    margin: 70px !important
}

.m-80px {
    margin: 80px !important
}

.m-90px {
    margin: 90px !important
}

.m-100px {
    margin: 100px !important
}

.m-110px {
    margin: 110px !important
}

.m-120px {
    margin: 120px !important
}

.m-130px {
    margin: 130px !important
}

.m-140px {
    margin: 140px !important
}

.m-150px {
    margin: 150px !important
}

.m-160px {
    margin: 160px !important
}

.m-170px {
    margin: 170px !important
}

.m-180px {
    margin: 180px !important
}

.m-190px {
    margin: 190px !important
}

.m-200px {
    margin: 200px !important
}

.mb-1 {
    margin-bottom: .5rem !important
}

.mb-2 {
    margin-bottom: 1rem !important
}

.mb-3 {
    margin-bottom: 1.5rem !important
}

.mb-4 {
    margin-bottom: 2rem !important
}

.mb-5 {
    margin-bottom: 2.5rem !important
}

.mb-6 {
    margin-bottom: 3rem !important
}

.mb-7 {
    margin-bottom: 3.5rem !important
}

.mb-8 {
    margin-bottom: 4rem !important
}

.mb-9 {
    margin-bottom: 4.5rem !important
}

.mb-10 {
    margin-bottom: 5rem !important
}

.mb-5px {
    margin-bottom: 5px !important
}

.mb-10px {
    margin-bottom: 10px !important
}

.mb-15px {
    margin-bottom: 15px !important
}

.mb-20px {
    margin-bottom: 20px !important
}

.mb-30px {
    margin-bottom: 30px !important
}

.mb-40px {
    margin-bottom: 40px !important
}

.mb-50px {
    margin-bottom: 50px !important
}

.mb-60px {
    margin-bottom: 60px !important
}

.mb-70px {
    margin-bottom: 70px !important
}

.mb-80px {
    margin-bottom: 80px !important
}

.mb-90px {
    margin-bottom: 90px !important
}

.mb-100px {
    margin-bottom: 100px !important
}

.mb-110px {
    margin-bottom: 110px !important
}

.mb-120px {
    margin-bottom: 120px !important
}

.mb-130px {
    margin-bottom: 130px !important
}

.mb-140px {
    margin-bottom: 140px !important
}

.mb-150px {
    margin-bottom: 150px !important
}

.mb-160px {
    margin-bottom: 160px !important
}

.mb-170px {
    margin-bottom: 170px !important
}

.mb-180px {
    margin-bottom: 180px !important
}

.mb-190px {
    margin-bottom: 190px !important
}

.mb-200px {
    margin-bottom: 200px !important
}

.ml-1 {
    margin-left: .5rem !important
}

.ml-2 {
    margin-left: 1rem !important
}

.ml-3 {
    margin-left: 1.5rem !important
}

.ml-4 {
    margin-left: 2rem !important
}

.ml-5 {
    margin-left: 2.5rem !important
}

.ml-6 {
    margin-left: 3rem !important
}

.ml-7 {
    margin-left: 3.5rem !important
}

.ml-8 {
    margin-left: 4rem !important
}

.ml-9 {
    margin-left: 4.5rem !important
}

.ml-10 {
    margin-left: 5rem !important
}

.ml-5px {
    margin-left: 5px !important
}

.ml-10px {
    margin-left: 10px !important
}

.ml-15px {
    margin-left: 15px !important
}

.ml-20px {
    margin-left: 20px !important
}

.ml-30px {
    margin-left: 30px !important
}

.ml-40px {
    margin-left: 40px !important
}

.ml-50px {
    margin-left: 50px !important
}

.ml-60px {
    margin-left: 60px !important
}

.ml-70px {
    margin-left: 70px !important
}

.ml-80px {
    margin-left: 80px !important
}

.ml-90px {
    margin-left: 90px !important
}

.ml-100px {
    margin-left: 100px !important
}

.ml-110px {
    margin-left: 110px !important
}

.ml-120px {
    margin-left: 120px !important
}

.ml-130px {
    margin-left: 130px !important
}

.ml-140px {
    margin-left: 140px !important
}

.ml-150px {
    margin-left: 150px !important
}

.ml-160px {
    margin-left: 160px !important
}

.ml-170px {
    margin-left: 170px !important
}

.ml-180px {
    margin-left: 180px !important
}

.ml-190px {
    margin-left: 190px !important
}

.ml-200px {
    margin-left: 200px !important
}

.mr-1 {
    margin-right: .5rem !important
}

.mr-2 {
    margin-right: 1rem !important
}

.mr-3 {
    margin-right: 1.5rem !important
}

.mr-4 {
    margin-right: 2rem !important
}

.mr-5 {
    margin-right: 2.5rem !important
}

.mr-6 {
    margin-right: 3rem !important
}

.mr-7 {
    margin-right: 3.5rem !important
}

.mr-8 {
    margin-right: 4rem !important
}

.mr-9 {
    margin-right: 4.5rem !important
}

.mr-10 {
    margin-right: 5rem !important
}

.mr-5px {
    margin-right: 5px !important
}

.mr-10px {
    margin-right: 10px !important
}

.mr-15px {
    margin-right: 15px !important
}

.mr-20px {
    margin-right: 20px !important
}

.mr-30px {
    margin-right: 30px !important
}

.mr-40px {
    margin-right: 40px !important
}

.mr-50px {
    margin-right: 50px !important
}

.mr-60px {
    margin-right: 60px !important
}

.mr-70px {
    margin-right: 70px !important
}

.mr-80px {
    margin-right: 80px !important
}

.mr-90px {
    margin-right: 90px !important
}

.mr-100px {
    margin-right: 100px !important
}

.mr-110px {
    margin-right: 110px !important
}

.mr-120px {
    margin-right: 120px !important
}

.mr-130px {
    margin-right: 130px !important
}

.mr-140px {
    margin-right: 140px !important
}

.mr-150px {
    margin-right: 150px !important
}

.mr-160px {
    margin-right: 160px !important
}

.mr-170px {
    margin-right: 170px !important
}

.mr-180px {
    margin-right: 180px !important
}

.mr-190px {
    margin-right: 190px !important
}

.mr-200px {
    margin-right: 200px !important
}

.mt-1 {
    margin-top: .5rem !important
}

.mt-2 {
    margin-top: 1rem !important
}

.mt-3 {
    margin-top: 1.5rem !important
}

.mt-4 {
    margin-top: 2rem !important
}

.mt-5 {
    margin-top: 2.5rem !important
}

.mt-6 {
    margin-top: 3rem !important
}

.mt-7 {
    margin-top: 3.5rem !important
}

.mt-8 {
    margin-top: 4rem !important
}

.mt-9 {
    margin-top: 4.5rem !important
}

.mt-10 {
    margin-top: 5rem !important
}

.mt-5px {
    margin-top: 5px !important
}

.mt-10px {
    margin-top: 10px !important
}

.mt-15px {
    margin-top: 15px !important
}

.mt-20px {
    margin-top: 20px !important
}

.mt-30px {
    margin-top: 30px !important
}

.mt-40px {
    margin-top: 40px !important
}

.mt-50px {
    margin-top: 50px !important
}

.mt-60px {
    margin-top: 60px !important
}

.mt-70px {
    margin-top: 70px !important
}

.mt-80px {
    margin-top: 80px !important
}

.mt-90px {
    margin-top: 90px !important
}

.mt-100px {
    margin-top: 100px !important
}

.mt-110px {
    margin-top: 110px !important
}

.mt-120px {
    margin-top: 120px !important
}

.mt-130px {
    margin-top: 130px !important
}

.mt-140px {
    margin-top: 140px !important
}

.mt-150px {
    margin-top: 150px !important
}

.mt-160px {
    margin-top: 160px !important
}

.mt-170px {
    margin-top: 170px !important
}

.mt-180px {
    margin-top: 180px !important
}

.mt-190px {
    margin-top: 190px !important
}

.mt-200px {
    margin-top: 200px !important
}

.three-dot {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block
}

.text-clamp-1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1
}

.text-clamp-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.text-clamp-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3
}

.text-clamp-4 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4
}

.text-clamp-5 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5
}

.ull {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    white-space: nowrap
}

.ull.ull-ie {
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important
}

.lii {
    padding: 0 10px
}

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

.ul.ul-ie {
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7) !important
}

.focus-outline:focus {
    outline: 0
}

input:focus,
select:focus,
textarea:focus {
    outline: 0 !important;
    box-shadow: none !important
}

a {
    cursor: pointer;
    text-decoration: none;
    transition: .2s
}

a:hover {
    text-decoration: none !important
}

a:focus {
    outline: 0 !important
}

button {
    cursor: pointer;
    transition: .2s
}

button:focus {
    outline: 0 !important
}

.text-center {
    text-align: center
}

.slick-slider {
    -webkit-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text;
    user-select: text
}

.slick-list.draggable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.penta-tilt {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.penta-tilt>div {
    -webkit-transform: translateZ(20px);
    transform: translateZ(20px)
}

.parallax-inner {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: contain;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    margin: auto !important;
    width: 90% !important;
    height: 90% !important
}

.play-btn.circle {
    background-color: #ff214f;
    border-radius: 50%;
    color: #fff;
    float: left;
    height: 77px;
    width: 77px;
    line-height: 50px;
    text-align: center;
    -webkit-animation: white-shadow 1s infinite, red-shadow 1s infinite;
    animation: white-shadow 1s infinite, red-shadow 1s infinite;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px
}

@-webkit-keyframes white-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
        -webkit-transition: box-shadow .3s ease-in-out
    }

    100% {
        box-shadow: 0 0 0 30px transparent;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-transition: box-shadow .4s ease-in-out
    }
}

@keyframes white-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .4);
        transition: box-shadow .3s ease-in-out
    }

    100% {
        box-shadow: 0 0 0 30px transparent;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        transition: box-shadow .4s ease-in-out
    }
}

@-webkit-keyframes red-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 33, 79, .4)
    }

    100% {
        box-shadow: 0 0 0 30px transparent
    }
}

@keyframes red-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 33, 79, .4)
    }

    100% {
        box-shadow: 0 0 0 30px transparent
    }
}

.overflow-hidden {
    overflow: hidden
}

.was-validated .custom-select:invalid+.select-selected,
.was-validated input:invalid,
.was-validated input:invalid+label:before,
.was-validated textarea:invalid {
    border-bottom: 1px solid red !important
}

.was-validated .custom-select:valid+.select-selected,
.was-validated input:valid,
.was-validated textarea:valid {
    border-bottom: 1px solid green !important
}

.was-validated input:valid+label:before {
    border-bottom: 1px solid #6ac259 !important
}

.penta-select {
    position: relative;
    margin-bottom: 15px
}

.penta-select select {
    display: none
}

.select-selected {
    background-color: #f5f5f5;
    border-radius: 5px
}

.select-selected:after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: 20px;
    height: 13px;
    font-family: fontello;
    content: "\E827";
    font-size: 11px;
    color: #ced4da
}

.select-selected.select-arrow-active:after {
    font-family: fontello;
    content: "\E826";
    font-size: 11px;
    color: #ced4da
}

.select-items div,
.select-selected {
    color: #a1a3af;
    padding: 13px 37px 13px 16px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.select-items {
    position: absolute;
    background-color: #f5f5f5;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    overflow: auto
}

.penta-select.district-select .select-items,
.penta-select.neighborhood-select .select-items,
.penta-select.provience-select .select-items {
    max-height: 201px
}

.penta-select.header-career-select .select-items {
    max-height: 101px
}

.penta-select.career-select .select-items {
    max-height: 166px
}

.penta-select.career-select .select-selected {
    background: #ecf0f3;
    border-radius: 0
}

.penta-select.career-select .select-items {
    background: #ecf0f3
}

.penta-select.career-select .select-items div,
.penta-select.career-select .select-selected {
    padding: 18px 37px 18px 16px
}

.penta-select.budget-select,
.penta-select.service-select {
    margin-bottom: 0;
    width: 100%
}

.penta-select.budget-select .select-items,
.penta-select.service-select .select-items {
    max-height: 150px;
    background: #ced4da
}

.penta-select.budget-select .select-items div,
.penta-select.service-select .select-items div {
    text-align: left;
    color: #000
}

.penta-select.budget-select .select-selected,
.penta-select.service-select .select-selected {
    background: 0 0;
    width: 100%;
    border: 1px solid #ced4da;
    border-radius: 50px;
    font-size: 20px;
    text-align: left;
    padding: 14px 40px
}

.penta-select.quick-form-select {
    margin-bottom: 0
}

.penta-select.quick-form-select .select-items {
    max-height: 170px;
    width: 100%
}

.penta-select.quick-form-select .select-selected {
    border: 1px solid #cbcbcb;
    border-radius: 0;
    padding: 7px 15px 7px 15px;
    color: #cbcbcb;
    font-size: 18px;
    background: 0 0;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center
}

.select-hide {
    display: none
}

.same-as-selected,
.select-items div:hover {
    background-color: rgba(0, 0, 0, .1)
}

.fadeEffect {
    color: #000
}

@supports (mix-blend-mode:darken) {
    .fadeEffect {
        mix-blend-mode: darken;
        position: relative
    }

    .fadeEffect::after {
        background: linear-gradient(180deg, transparent, #fff 10rem) no-repeat bottom center/100% 100%;
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        pointer-events: none;
        transition: .5s ease-out
    }

    .fadeEffect:hover::after {
        background-size: 100% 0
    }
}

.fadeEffect:hover+.read-more {
    top: 100% !important
}

.scroll-down {
    background: url(/assets/img/icon/icon-desktop.png);
    background-size: 100%;
    background-position: 0 0;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -30px;
    height: 60px;
    width: 60px;
    animation: icon-move 1.2s steps(25) infinite;
    -webkit-animation: icon-move 1.2s steps(25) infinite;
    -moz-animation: icon-move 1.2s steps(25) infinite;
    -o-animation: icon-move 1.2s steps(25) infinite;
    z-index: 10;
    cursor: pointer
}

@-webkit-keyframes icon-move {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1500px
    }
}

@keyframes icon-move {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 0 -1500px
    }
}

.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.question-mark {
    float: right;
    font-size: 70px;
    font-weight: 700;
    color: #bcbecf;
    -webkit-transform: rotate(16deg);
    transform: rotate(16deg);
    -webkit-animation: questionMark 2s linear infinite;
    animation: questionMark 2s linear infinite;
    transition: .2s
}

.question-mark.color {
    color: #eb2f5b
}

.radio-custom,
.radio-custom-label {
    display: flex;
    align-items: center;
    margin: 0;
    cursor: pointer;
    float: left
}

.radio-custom {
    opacity: 0;
    position: absolute
}

.radio-custom+.radio-custom-label:before {
    content: "";
    background: #e1e2e6;
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    padding: 2px;
    margin-right: 10px;
    text-align: center;
    border-radius: 50%;
    float: left
}

.radio-custom:checked+.radio-custom-label:before {
    content: "\F00C";
    font-family: FontAwesome;
    color: #fff;
    background-color: #6ac259;
    font-size: 12px;
    transition: color, background-color .2s ease-in-out;
    display: flex;
    align-items: center;
    justify-content: center
}

.radio-custom:focus+.radio-custom-label {
    outline: 0
}

.radio-custom-label {
    position: relative
}

#success-content {
    padding: 10px 15px;
    background: #98c44d;
    border: 1px solid #7ea737;
    color: #3c763d
}

@media screen and (max-width:767px) {
    .scroll-down {
        display: none
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .scroll-down {
        bottom: 20px
    }
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .5rem !important
}

.p-2 {
    padding: 1rem !important
}

.p-3 {
    padding: 1.5rem !important
}

.p-4 {
    padding: 2rem !important
}

.p-5 {
    padding: 2.5rem !important
}

.p-6 {
    padding: 3rem !important
}

.p-7 {
    padding: 3.5rem !important
}

.p-8 {
    padding: 4rem !important
}

.p-9 {
    padding: 4.5rem !important
}

.p-10 {
    padding: 5rem !important
}

.p-5px {
    padding: 5px !important
}

.p-10px {
    padding: 10px !important
}

.p-20px {
    padding: 20px !important
}

.p-30px {
    padding: 30px !important
}

.p-40px {
    padding: 40px !important
}

.p-50px {
    padding: 50px !important
}

.p-60px {
    padding: 60px !important
}

.p-70px {
    padding: 70px !important
}

.p-80px {
    padding: 80px !important
}

.p-90px {
    padding: 90px !important
}

.p-100px {
    padding: 100px !important
}

.p-110px {
    padding: 110px !important
}

.p-120px {
    padding: 120px !important
}

.p-130px {
    padding: 130px !important
}

.p-140px {
    padding: 140px !important
}

.p-150px {
    padding: 150px !important
}

.p-160px {
    padding: 160px !important
}

.p-170px {
    padding: 170px !important
}

.p-180px {
    padding: 180px !important
}

.p-190px {
    padding: 190px !important
}

.p-200px {
    padding: 200px !important
}

.pb-1 {
    padding-bottom: .5rem !important
}

.pb-2 {
    padding-bottom: 1rem !important
}

.pb-3 {
    padding-bottom: 1.5rem !important
}

.pb-4 {
    padding-bottom: 2rem !important
}

.pb-5 {
    padding-bottom: 2.5rem !important
}

.pb-6 {
    padding-bottom: 3rem !important
}

.pb-7 {
    padding-bottom: 3.5rem !important
}

.pb-8 {
    padding-bottom: 4rem !important
}

.pb-9 {
    padding-bottom: 4.5rem !important
}

.pb-10 {
    padding-bottom: 5rem !important
}

.pb-5px {
    padding-bottom: 5px !important
}

.pb-10px {
    padding-bottom: 10px !important
}

.pb-20px {
    padding-bottom: 20px !important
}

.pb-30px {
    padding-bottom: 30px !important
}

.pb-40px {
    padding-bottom: 40px !important
}

.pb-50px {
    padding-bottom: 50px !important
}

.pb-60px {
    padding-bottom: 60px !important
}

.pb-70px {
    padding-bottom: 70px !important
}

.pb-80px {
    padding-bottom: 80px !important
}

.pb-90px {
    padding-bottom: 90px !important
}

.pb-100px {
    padding-bottom: 100px !important
}

.pb-110px {
    padding-bottom: 110px !important
}

.pb-120px {
    padding-bottom: 120px !important
}

.pb-130px {
    padding-bottom: 130px !important
}

.pb-140px {
    padding-bottom: 140px !important
}

.pb-150px {
    padding-bottom: 150px !important
}

.pb-160px {
    padding-bottom: 160px !important
}

.pb-170px {
    padding-bottom: 170px !important
}

.pb-180px {
    padding-bottom: 180px !important
}

.pb-190px {
    padding-bottom: 190px !important
}

.pb-200px {
    padding-bottom: 200px !important
}

.pl-1 {
    padding-left: .5rem !important
}

.pl-2 {
    padding-left: 1rem !important
}

.pl-3 {
    padding-left: 1.5rem !important
}

.pl-4 {
    padding-left: 2rem !important
}

.pl-5 {
    padding-left: 2.5rem !important
}

.pl-6 {
    padding-left: 3rem !important
}

.pl-7 {
    padding-left: 3.5rem !important
}

.pl-8 {
    padding-left: 4rem !important
}

.pl-9 {
    padding-left: 4.5rem !important
}

.pl-10 {
    padding-left: 5rem !important
}

.pl-5px {
    padding-left: 5px !important
}

.pl-10px {
    padding-left: 10px !important
}

.pl-20px {
    padding-left: 20px !important
}

.pl-30px {
    padding-left: 30px !important
}

.pl-40px {
    padding-left: 40px !important
}

.pl-50px {
    padding-left: 50px !important
}

.pl-60px {
    padding-left: 60px !important
}

.pl-70px {
    padding-left: 70px !important
}

.pl-80px {
    padding-left: 80px !important
}

.pl-90px {
    padding-left: 90px !important
}

.pl-100px {
    padding-left: 100px !important
}

.pl-110px {
    padding-left: 110px !important
}

.pl-120px {
    padding-left: 120px !important
}

.pl-130px {
    padding-left: 130px !important
}

.pl-140px {
    padding-left: 140px !important
}

.pl-150px {
    padding-left: 150px !important
}

.pl-160px {
    padding-left: 160px !important
}

.pl-170px {
    padding-left: 170px !important
}

.pl-180px {
    padding-left: 180px !important
}

.pl-190px {
    padding-left: 190px !important
}

.pl-200px {
    padding-left: 200px !important
}

.pr-1 {
    padding-right: .5rem !important
}

.pr-2 {
    padding-right: 1rem !important
}

.pr-3 {
    padding-right: 1.5rem !important
}

.pr-4 {
    padding-right: 2rem !important
}

.pr-5 {
    padding-right: 2.5rem !important
}

.pr-6 {
    padding-right: 3rem !important
}

.pr-7 {
    padding-right: 3.5rem !important
}

.pr-8 {
    padding-right: 4rem !important
}

.pr-9 {
    padding-right: 4.5rem !important
}

.pr-10 {
    padding-right: 5rem !important
}

.pr-5px {
    padding-right: 5px !important
}

.pr-10px {
    padding-right: 10px !important
}

.pr-20px {
    padding-right: 20px !important
}

.pr-30px {
    padding-right: 30px !important
}

.pr-40px {
    padding-right: 40px !important
}

.pr-50px {
    padding-right: 50px !important
}

.pr-60px {
    padding-right: 60px !important
}

.pr-70px {
    padding-right: 70px !important
}

.pr-80px {
    padding-right: 80px !important
}

.pr-90px {
    padding-right: 90px !important
}

.pr-100px {
    padding-right: 100px !important
}

.pr-110px {
    padding-right: 110px !important
}

.pr-120px {
    padding-right: 120px !important
}

.pr-130px {
    padding-right: 130px !important
}

.pr-140px {
    padding-right: 140px !important
}

.pr-150px {
    padding-right: 150px !important
}

.pr-160px {
    padding-right: 160px !important
}

.pr-170px {
    padding-right: 170px !important
}

.pr-180px {
    padding-right: 180px !important
}

.pr-190px {
    padding-right: 190px !important
}

.pr-200px {
    padding-right: 200px !important
}

.pt-1 {
    padding-top: .5rem !important
}

.pt-2 {
    padding-top: 1rem !important
}

.pt-3 {
    padding-top: 1.5rem !important
}

.pt-4 {
    padding-top: 2rem !important
}

.pt-5 {
    padding-top: 2.5rem !important
}

.pt-6 {
    padding-top: 3rem !important
}

.pt-7 {
    padding-top: 3.5rem !important
}

.pt-8 {
    padding-top: 4rem !important
}

.pt-9 {
    padding-top: 4.5rem !important
}

.pt-10 {
    padding-top: 5rem !important
}

.pt-5px {
    padding-top: 5px !important
}

.pt-10px {
    padding-top: 10px !important
}

.pt-20px {
    padding-top: 20px !important
}

.pt-30px {
    padding-top: 30px !important
}

.pt-40px {
    padding-top: 40px !important
}

.pt-50px {
    padding-top: 50px !important
}

.pt-60px {
    padding-top: 60px !important
}

.pt-70px {
    padding-top: 70px !important
}

.pt-80px {
    padding-top: 80px !important
}

.pt-90px {
    padding-top: 90px !important
}

.pt-100px {
    padding-top: 100px !important
}

.pt-110px {
    padding-top: 110px !important
}

.pt-120px {
    padding-top: 120px !important
}

.pt-130px {
    padding-top: 130px !important
}

.pt-140px {
    padding-top: 140px !important
}

.pt-150px {
    padding-top: 150px !important
}

.pt-160px {
    padding-top: 160px !important
}

.pt-170px {
    padding-top: 170px !important
}

.pt-180px {
    padding-top: 180px !important
}

.pt-190px {
    padding-top: 190px !important
}

.pt-200px {
    padding-top: 200px !important
}

.p-absolute {
    position: absolute
}

.p-relative {
    position: relative
}

.p-fixed {
    position: fixed
}

.p-unset {
    position: unset !important
}

.p-static {
    position: static
}

.f-left {
    float: left !important
}

.f-right {
    float: right !important
}

.f-unset {
    float: unset !important
}

.r-0 {
    right: 0 !important
}

.r-1 {
    right: .5rem !important
}

.r-2 {
    right: 1rem !important
}

.r-3 {
    right: 1.5rem !important
}

.r-4 {
    right: 2rem !important
}

.r-5 {
    right: 2.5rem !important
}

.r-6 {
    right: 3rem !important
}

.r-7 {
    right: 3.5rem !important
}

.r-8 {
    right: 4rem !important
}

.r-9 {
    right: 4.5rem !important
}

.r-10 {
    right: 5rem !important
}

.r-5px {
    right: 5px !important
}

.r-10px {
    right: 10px !important
}

.r-20px {
    right: 20px !important
}

.r-30px {
    right: 30px !important
}

.r-40px {
    right: 40px !important
}

.r-50px {
    right: 50px !important
}

.r-60px {
    right: 60px !important
}

.r-70px {
    right: 70px !important
}

.r-80px {
    right: 80px !important
}

.r-90px {
    right: 90px !important
}

.r-100px {
    right: 100px !important
}

.r-110px {
    right: 110px !important
}

.r-120px {
    right: 120px !important
}

.r-130px {
    right: 130px !important
}

.r-140px {
    right: 140px !important
}

.r-150px {
    right: 150px !important
}

.r-160px {
    right: 160px !important
}

.r-170px {
    right: 170px !important
}

.r-180px {
    right: 180px !important
}

.r-190px {
    right: 190px !important
}

.r-200px {
    right: 200px !important
}

.t-0 {
    top: 0 !important
}

.t-1 {
    top: .5rem !important
}

.t-2 {
    top: 1rem !important
}

.t-3 {
    top: 1.5rem !important
}

.t-4 {
    top: 2rem !important
}

.t-5 {
    top: 2.5rem !important
}

.t-6 {
    top: 3rem !important
}

.t-7 {
    top: 3.5rem !important
}

.t-8 {
    top: 4rem !important
}

.t-9 {
    top: 4.5rem !important
}

.t-10 {
    top: 5rem !important
}

.t-5px {
    top: 5px !important
}

.t-10px {
    top: 10px !important
}

.t-20px {
    top: 20px !important
}

.t-30px {
    top: 30px !important
}

.t-40px {
    top: 40px !important
}

.t-50px {
    top: 50px !important
}

.t-60px {
    top: 60px !important
}

.t-70px {
    top: 70px !important
}

.t-80px {
    top: 80px !important
}

.t-90px {
    top: 90px !important
}

.t-100px {
    top: 100px !important
}

.t-110px {
    top: 110px !important
}

.t-120px {
    top: 120px !important
}

.t-130px {
    top: 130px !important
}

.t-140px {
    top: 140px !important
}

.t-150px {
    top: 150px !important
}

.t-160px {
    top: 160px !important
}

.t-170px {
    top: 170px !important
}

.t-180px {
    top: 180px !important
}

.t-190px {
    top: 190px !important
}

.t-200px {
    top: 200px !important
}

.w-auto {
    width: auto !important
}

.w-100 {
    width: 100% !important
}

.w-99 {
    width: 99% !important
}

.w-98 {
    width: 98% !important
}

.w-97 {
    width: 97% !important
}

.w-96 {
    width: 96% !important
}

.w-95 {
    width: 95% !important
}

.w-94 {
    width: 94% !important
}

.w-93 {
    width: 93% !important
}

.w-92 {
    width: 92% !important
}

.w-91 {
    width: 91% !important
}

.w-90 {
    width: 90% !important
}

.w-89 {
    width: 89% !important
}

.w-88 {
    width: 88% !important
}

.w-87 {
    width: 87% !important
}

.w-86 {
    width: 86% !important
}

.w-85 {
    width: 85% !important
}

.w-84 {
    width: 84% !important
}

.w-83 {
    width: 83% !important
}

.w-82 {
    width: 82% !important
}

.w-81 {
    width: 81% !important
}

.w-80 {
    width: 80% !important
}

.w-79 {
    width: 79% !important
}

.w-78 {
    width: 78% !important
}

.w-77 {
    width: 77% !important
}

.w-76 {
    width: 76% !important
}

.w-75 {
    width: 75% !important
}

.w-74 {
    width: 74% !important
}

.w-73 {
    width: 73% !important
}

.w-72 {
    width: 72% !important
}

.w-71 {
    width: 71% !important
}

.w-70 {
    width: 70% !important
}

.w-69 {
    width: 69% !important
}

.w-68 {
    width: 68% !important
}

.w-67 {
    width: 67% !important
}

.w-66 {
    width: 66% !important
}

.w-65 {
    width: 65% !important
}

.w-64 {
    width: 64% !important
}

.w-63 {
    width: 63% !important
}

.w-62 {
    width: 62% !important
}

.w-61 {
    width: 61% !important
}

.w-60 {
    width: 60% !important
}

.w-59 {
    width: 59% !important
}

.w-58 {
    width: 58% !important
}

.w-57 {
    width: 57% !important
}

.w-56 {
    width: 56% !important
}

.w-55 {
    width: 55% !important
}

.w-54 {
    width: 54% !important
}

.w-53 {
    width: 53% !important
}

.w-52 {
    width: 52% !important
}

.w-51 {
    width: 51% !important
}

.w-50 {
    width: 50% !important
}

.w-49 {
    width: 49% !important
}

.w-48 {
    width: 48% !important
}

.w-47 {
    width: 47% !important
}

.w-46 {
    width: 46% !important
}

.w-45 {
    width: 45% !important
}

.w-44 {
    width: 44% !important
}

.w-43 {
    width: 43% !important
}

.w-42 {
    width: 42% !important
}

.w-41 {
    width: 41% !important
}

.w-40 {
    width: 40% !important
}

.w-39 {
    width: 39% !important
}

.w-38 {
    width: 38% !important
}

.w-37 {
    width: 37% !important
}

.w-36 {
    width: 36% !important
}

.w-35 {
    width: 35% !important
}

.w-34 {
    width: 34% !important
}

.w-33 {
    width: 33% !important
}

.w-32 {
    width: 32% !important
}

.w-31 {
    width: 31% !important
}

.w-30 {
    width: 30% !important
}

.w-29 {
    width: 29% !important
}

.w-28 {
    width: 28% !important
}

.w-27 {
    width: 27% !important
}

.w-26 {
    width: 26% !important
}

.w-25 {
    width: 25% !important
}

.w-24 {
    width: 24% !important
}

.w-23 {
    width: 23% !important
}

.w-22 {
    width: 22% !important
}

.w-21 {
    width: 21% !important
}

.w-20 {
    width: 20% !important
}

.w-19 {
    width: 19% !important
}

.w-18 {
    width: 18% !important
}

.w-17 {
    width: 17% !important
}

.w-16 {
    width: 16% !important
}

.w-15 {
    width: 15% !important
}

.w-14 {
    width: 14% !important
}

.w-13 {
    width: 13% !important
}

.w-12 {
    width: 12% !important
}

.w-11 {
    width: 11% !important
}

.w-10 {
    width: 10% !important
}

.w-9 {
    width: 9% !important
}

.w-8 {
    width: 8% !important
}

.w-7 {
    width: 7% !important
}

.w-6 {
    width: 6% !important
}

.w-5 {
    width: 5% !important
}

.w-4 {
    width: 4% !important
}

.w-3 {
    width: 3% !important
}

.w-2 {
    width: 2% !important
}

.w-1 {
    width: 1% !important
}

.w-100px {
    width: 100px
}

.w-99px {
    width: 99px
}

.w-98px {
    width: 98px
}

.w-97px {
    width: 97px
}

.w-96px {
    width: 96px
}

.w-95px {
    width: 95px
}

.w-94px {
    width: 94px
}

.w-93px {
    width: 93px
}

.w-92px {
    width: 92px
}

.w-91px {
    width: 91px
}

.w-90px {
    width: 90px
}

.w-89px {
    width: 89px
}

.w-88px {
    width: 88px
}

.w-87px {
    width: 87px
}

.w-86px {
    width: 86px
}

.w-85px {
    width: 85px
}

.w-84px {
    width: 84px
}

.w-83px {
    width: 83px
}

.w-82px {
    width: 82px
}

.w-81px {
    width: 81px
}

.w-80px {
    width: 80px
}

.w-79px {
    width: 79px
}

.w-78px {
    width: 78px
}

.w-77px {
    width: 77px
}

.w-76px {
    width: 76px
}

.w-75px {
    width: 75px
}

.w-74px {
    width: 74px
}

.w-73px {
    width: 73px
}

.w-72px {
    width: 72px
}

.w-71px {
    width: 71px
}

.w-70px {
    width: 70px
}

.w-69px {
    width: 69px
}

.w-68px {
    width: 68px
}

.w-67px {
    width: 67px
}

.w-66px {
    width: 66px
}

.w-65px {
    width: 65px
}

.w-64px {
    width: 64px
}

.w-63px {
    width: 63px
}

.w-62px {
    width: 62px
}

.w-61px {
    width: 61px
}

.w-60px {
    width: 60px
}

.w-59px {
    width: 59px
}

.w-58px {
    width: 58px
}

.w-57px {
    width: 57px
}

.w-56px {
    width: 56px
}

.w-55px {
    width: 55px
}

.w-54px {
    width: 54px
}

.w-53px {
    width: 53px
}

.w-52px {
    width: 52px
}

.w-51px {
    width: 51px
}

.w-50px {
    width: 50px
}

.w-49px {
    width: 49px
}

.w-48px {
    width: 48px
}

.w-47px {
    width: 47px
}

.w-46px {
    width: 46px
}

.w-45px {
    width: 45px
}

.w-44px {
    width: 44px
}

.w-43px {
    width: 43px
}

.w-42px {
    width: 42px
}

.w-41px {
    width: 41px
}

.w-40px {
    width: 40px
}

.w-39px {
    width: 39px
}

.w-38px {
    width: 38px
}

.w-37px {
    width: 37px
}

.w-36px {
    width: 36px
}

.w-35px {
    width: 35px
}

.w-34px {
    width: 34px
}

.w-33px {
    width: 33px
}

.w-32px {
    width: 32px
}

.w-31px {
    width: 31px
}

.w-30px {
    width: 30px
}

.w-29px {
    width: 29px
}

.w-28px {
    width: 28px
}

.w-27px {
    width: 27px
}

.w-26px {
    width: 26px
}

.w-25px {
    width: 25px
}

.w-24px {
    width: 24px
}

.w-23px {
    width: 23px
}

.w-22px {
    width: 22px
}

.w-21px {
    width: 21px
}

.w-20px {
    width: 20px
}

.w-19px {
    width: 19px
}

.w-18px {
    width: 18px
}

.w-17px {
    width: 17px
}

.w-16px {
    width: 16px
}

.w-15px {
    width: 15px
}

.w-14px {
    width: 14px
}

.w-13px {
    width: 13px
}

.w-12px {
    width: 12px
}

.w-11px {
    width: 11px
}

.w-10px {
    width: 10px
}

.w-9px {
    width: 9px
}

.w-8px {
    width: 8px
}

.w-7px {
    width: 7px
}

.w-6px {
    width: 6px
}

.w-5px {
    width: 5px
}

.w-4px {
    width: 4px
}

.w-3px {
    width: 3px
}

.w-2px {
    width: 2px
}

.w-1px {
    width: 1px
}

.w-100vh {
    width: 100vh
}

.w-99vh {
    width: 99vh
}

.w-98vh {
    width: 98vh
}

.w-97vh {
    width: 97vh
}

.w-96vh {
    width: 96vh
}

.w-95vh {
    width: 95vh
}

.w-94vh {
    width: 94vh
}

.w-93vh {
    width: 93vh
}

.w-92vh {
    width: 92vh
}

.w-91vh {
    width: 91vh
}

.w-90vh {
    width: 90vh
}

.w-89vh {
    width: 89vh
}

.w-88vh {
    width: 88vh
}

.w-87vh {
    width: 87vh
}

.w-86vh {
    width: 86vh
}

.w-85vh {
    width: 85vh
}

.w-84vh {
    width: 84vh
}

.w-83vh {
    width: 83vh
}

.w-82vh {
    width: 82vh
}

.w-81vh {
    width: 81vh
}

.w-80vh {
    width: 80vh
}

.w-79vh {
    width: 79vh
}

.w-78vh {
    width: 78vh
}

.w-77vh {
    width: 77vh
}

.w-76vh {
    width: 76vh
}

.w-75vh {
    width: 75vh
}

.w-74vh {
    width: 74vh
}

.w-73vh {
    width: 73vh
}

.w-72vh {
    width: 72vh
}

.w-71vh {
    width: 71vh
}

.w-70vh {
    width: 70vh
}

.w-69vh {
    width: 69vh
}

.w-68vh {
    width: 68vh
}

.w-67vh {
    width: 67vh
}

.w-66vh {
    width: 66vh
}

.w-65vh {
    width: 65vh
}

.w-64vh {
    width: 64vh
}

.w-63vh {
    width: 63vh
}

.w-62vh {
    width: 62vh
}

.w-61vh {
    width: 61vh
}

.w-60vh {
    width: 60vh
}

.w-59vh {
    width: 59vh
}

.w-58vh {
    width: 58vh
}

.w-57vh {
    width: 57vh
}

.w-56vh {
    width: 56vh
}

.w-55vh {
    width: 55vh
}

.w-54vh {
    width: 54vh
}

.w-53vh {
    width: 53vh
}

.w-52vh {
    width: 52vh
}

.w-51vh {
    width: 51vh
}

.w-50vh {
    width: 50vh
}

.w-49vh {
    width: 49vh
}

.w-48vh {
    width: 48vh
}

.w-47vh {
    width: 47vh
}

.w-46vh {
    width: 46vh
}

.w-45vh {
    width: 45vh
}

.w-44vh {
    width: 44vh
}

.w-43vh {
    width: 43vh
}

.w-42vh {
    width: 42vh
}

.w-41vh {
    width: 41vh
}

.w-40vh {
    width: 40vh
}

.w-39vh {
    width: 39vh
}

.w-38vh {
    width: 38vh
}

.w-37vh {
    width: 37vh
}

.w-36vh {
    width: 36vh
}

.w-35vh {
    width: 35vh
}

.w-34vh {
    width: 34vh
}

.w-33vh {
    width: 33vh
}

.w-32vh {
    width: 32vh
}

.w-31vh {
    width: 31vh
}

.w-30vh {
    width: 30vh
}

.w-29vh {
    width: 29vh
}

.w-28vh {
    width: 28vh
}

.w-27vh {
    width: 27vh
}

.w-26vh {
    width: 26vh
}

.w-25vh {
    width: 25vh
}

.w-24vh {
    width: 24vh
}

.w-23vh {
    width: 23vh
}

.w-22vh {
    width: 22vh
}

.w-21vh {
    width: 21vh
}

.w-20vh {
    width: 20vh
}

.w-19vh {
    width: 19vh
}

.w-18vh {
    width: 18vh
}

.w-17vh {
    width: 17vh
}

.w-16vh {
    width: 16vh
}

.w-15vh {
    width: 15vh
}

.w-14vh {
    width: 14vh
}

.w-13vh {
    width: 13vh
}

.w-12vh {
    width: 12vh
}

.w-11vh {
    width: 11vh
}

.w-10vh {
    width: 10vh
}

.w-9vh {
    width: 9vh
}

.w-8vh {
    width: 8vh
}

.w-7vh {
    width: 7vh
}

.w-6vh {
    width: 6vh
}

.w-5vh {
    width: 5vh
}

.w-4vh {
    width: 4vh
}

.w-3vh {
    width: 3vh
}

.w-2vh {
    width: 2vh
}

.w-1vh {
    width: 1vh
}

.z-a {
    z-index: auto !important
}

.z-0 {
    z-index: 0 !important
}

.z-1 {
    z-index: 1 !important
}

.z-2 {
    z-index: 2 !important
}

.z-3 {
    z-index: 3 !important
}

.z-1- {
    z-index: -1 !important
}

@media screen and (min-width:1px) and (max-width:1199px) {
    .hide-responsive {
        display: none
    }

    .show-responsive {
        display: block
    }
}

@media screen and (min-width:1200px) {
    .show-web {
        display: block
    }

    .hide-web {
        display: none
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .hide-tablet {
        display: none
    }

    .show-tablet {
        display: block
    }
}

@media screen and (min-width:1px) and (max-width:767px) {
    .hide-mobile {
        display: none
    }

    .show-mobile {
        display: block
    }
}

@media screen and (min-width:1200px) and (max-width:1359px) {
    .hide-1280 {
        display: none
    }

    .show-1280 {
        display: block
    }
}

@media screen and (min-width:1360px) and (max-width:1399px) {
    .hide-1366 {
        display: none
    }

    .show-1366 {
        display: block
    }
}

@media screen and (min-width:1400px) and (max-width:1599px) {
    .hide-1440 {
        display: none
    }

    .show-1440 {
        display: block
    }
}

@media screen and (min-width:1600px) and (max-width:1679px) {
    .hide-1600 {
        display: none
    }

    .show-1600 {
        display: block
    }
}

@media screen and (min-width:1680px) and (max-width:1799px) {
    .hide-1680 {
        display: none
    }

    .show-1680 {
        display: block
    }
}

@media screen and (min-width:1800px) {
    .hide-1920 {
        display: none
    }

    .show-1920 {
        display: block
    }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.ttip {
    position: relative;
    display: inline-block
}

.tooltip__trigger {
    cursor: pointer;
    position: relative
}

.tooltip__trigger-text {
    display: block;
    pointer-events: none
}

.tooltip__base {
    position: absolute;
    bottom: 2em;
    left: 50%;
    margin-left: -75px;
    width: 150px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none
}

.tooltip__content {
    color: #131430;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    width: 65%;
    padding: 0 1em;
    opacity: 0;
    font-size: .85em;
    line-height: normal
}

.tooltip__deco,
.tooltip__shape {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.tooltip__shape {
    fill: #bcbecf
}

.tooltip__content-secondary {
    color: #fff
}

.tooltip__shape-secondary {
    fill: #eb2f5b
}

.tooltip--cora .tooltip__base {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tooltip--cora .tooltip__content {
    margin-bottom: 1em
}

.tooltip--smaug .tooltip__base {
    bottom: .5em;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tooltip--smaug .tooltip__base-1 {
    bottom: 15px
}

.tooltip--smaug .tooltip__base-2 {
    bottom: 28px
}

.tooltip--smaug .tooltip__base-3 {
    bottom: 0
}

.tooltip--smaug .tooltip__content {
    padding: 0
}

.tooltip--dori .tooltip__base {
    bottom: -.5em
}

.tooltip--dori .tooltip__content {
    margin: 0 0 1em
}

.tooltip--walda .tooltip__base {
    left: 0;
    bottom: .75em;
    position: absolute;
    margin-left: 0;
    width: 250px;
    height: 100px;
    padding: 0 0 0 .25em
}

.tooltip--walda .tooltip__trigger-text {
    padding: 1em
}

.tooltip--walda .tooltip__content {
    margin: 0;
    width: 100%;
    height: 100%;
    align-items: flex-start;
    text-align: left;
    font-size: .85em;
    line-height: 2;
    opacity: 1;
    justify-content: flex-start
}

.tooltip--walda .tooltip__letters span {
    display: inline-block;
    white-space: pre;
    opacity: 0
}

.tooltip--walda .tooltip__deco {
    width: 4px;
    height: 100%;
    background: #141514;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}

.tooltip--gram .tooltip__base {
    bottom: -.5em
}

.path-narvi {
    -webkit-transform-origin: 200px 150px;
    transform-origin: 200px 150px
}

.tooltip--narvi .tooltip__content {
    width: 80%
}

.path-amras-1 {
    -webkit-transform-origin: 115px 111px;
    transform-origin: 115px 111px
}

.path-amras-2 {
    -webkit-transform-origin: 204px 107px;
    transform-origin: 204px 107px
}

.path-amras-3 {
    -webkit-transform-origin: 279px 66px;
    transform-origin: 279px 66px
}

.path-amras-4 {
    -webkit-transform-origin: 320px 99px;
    transform-origin: 320px 99px
}

.path-amras-5 {
    -webkit-transform-origin: 137px 199px;
    transform-origin: 137px 199px
}

.path-amras-6 {
    -webkit-transform-origin: 222px 217px;
    transform-origin: 222px 217px
}

.path-amras-7 {
    -webkit-transform-origin: 80px 168px;
    transform-origin: 80px 168px
}

.path-amras-8 {
    -webkit-transform-origin: 296px 211px;
    transform-origin: 296px 211px
}

.path-amras-9 {
    -webkit-transform-origin: 310px 167px;
    transform-origin: 310px 167px
}

.tooltip--hador .tooltip__base {
    bottom: 2.25em;
    margin-left: -115px
}

.path-hador-1 {
    -webkit-transform-origin: 148px 284px;
    transform-origin: 148px 284px
}

.path-hador-2 {
    -webkit-transform-origin: 160px 268px;
    transform-origin: 160px 268px
}

.path-hador-3 {
    -webkit-transform-origin: 171px 246px;
    transform-origin: 171px 246px
}

.path-hador-4 {
    -webkit-transform-origin: 200px 120px;
    transform-origin: 200px 120px
}

.tooltip--hador .tooltip__content {
    width: 50%;
    margin: 0 0 2.5em
}

.tooltip--malva .tooltip__content {
    width: 50%
}

.tooltip--sadoc .tooltip__base {
    bottom: 2.5em
}

.tooltip--sadoc .tooltip__shape path {
    fill: #1d1f1e;
    stroke: #5a5c5b;
    stroke-width: 3px
}

.tooltip__trans__rot {
    -webkit-transform: rotate(0) !important;
    transform: rotate(0) !important
}

.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.select2-container--default .select2-selection--single {
    display: flex;
    align-items: center;
    min-height: 40px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    display: none;
    cursor: pointer;
    float: right;
    font-weight: 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float: right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid #000 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: 0 0;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: #fff
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: 700;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: 0 0;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat: repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

html {
    scroll-behavior: smooth
}

body {
    font-family: Montserrat, sans-serif;
    color: #575682;
    overflow-x: hidden !important
}

.bg-penta {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100 !important;
    display: none
}

.bg-penta-show {
    display: block
}