.hvr-grow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; }
.hvr-grow:active, .hvr-grow:focus, .hvr-grow:hover { transform: scale(1.1); }
.hvr-shrink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; }
.hvr-shrink:active, .hvr-shrink:focus, .hvr-shrink:hover { transform: scale(0.9); }
@keyframes hvr-pulse {
25% { transform: scale(1.1); }
75% { transform: scale(0.9); }
}
@keyframes hvr-pulse {
25% { transform: scale(1.1); }
75% { transform: scale(0.9); }
}
.hvr-pulse { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-pulse:active, .hvr-pulse:focus, .hvr-pulse:hover { animation-name: hvr-pulse; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes hvr-pulse-grow {
100% { transform: scale(1.1); }
}
@keyframes hvr-pulse-grow {
100% { transform: scale(1.1); }
}
.hvr-pulse-grow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-pulse-grow:active, .hvr-pulse-grow:focus, .hvr-pulse-grow:hover { animation-name: hvr-pulse-grow; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes hvr-pulse-shrink {
100% { transform: scale(0.9); }
}
@keyframes hvr-pulse-shrink {
100% { transform: scale(0.9); }
}
.hvr-pulse-shrink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-pulse-shrink:active, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:hover { animation-name: hvr-pulse-shrink; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes hvr-push {
50% { transform: scale(0.8); }
100% { transform: scale(1); }
}
@keyframes hvr-push {
50% { transform: scale(0.8); }
100% { transform: scale(1); }
}
.hvr-push { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-push:active, .hvr-push:focus, .hvr-push:hover { animation-name: hvr-push; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes hvr-pop {
50% { transform: scale(1.2); }
}
@keyframes hvr-pop {
50% { transform: scale(1.2); }
}
.hvr-pop { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-pop:active, .hvr-pop:focus, .hvr-pop:hover { animation-name: hvr-pop; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; }
.hvr-bounce-in { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.5s; }
.hvr-bounce-in:active, .hvr-bounce-in:focus, .hvr-bounce-in:hover { transform: scale(1.2); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
.hvr-bounce-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.5s; }
.hvr-bounce-out:active, .hvr-bounce-out:focus, .hvr-bounce-out:hover { transform: scale(0.8); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
.hvr-rotate { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; }
.hvr-rotate:active, .hvr-rotate:focus, .hvr-rotate:hover { transform: rotate(4deg); }
.hvr-grow-rotate { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; }
.hvr-grow-rotate:active, .hvr-grow-rotate:focus, .hvr-grow-rotate:hover { transform: scale(1.1) rotate(4deg); }
.hvr-float { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-float:active, .hvr-float:focus, .hvr-float:hover { transform: translateY(-8px); }
.hvr-sink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-sink:active, .hvr-sink:focus, .hvr-sink:hover { transform: translateY(8px); }
@keyframes hvr-bob {
0% { transform: translateY(-8px); }
50% { transform: translateY(-4px); }
100% { transform: translateY(-8px); }
}
@keyframes hvr-bob {
0% { transform: translateY(-8px); }
50% { transform: translateY(-4px); }
100% { transform: translateY(-8px); }
}
@keyframes hvr-bob-float {
100% { transform: translateY(-8px); }
}
@keyframes hvr-bob-float {
100% { transform: translateY(-8px); }
}
.hvr-bob { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-bob:active, .hvr-bob:focus, .hvr-bob:hover { animation-name: hvr-bob-float, hvr-bob; animation-duration: 0.3s, 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; }
@keyframes hvr-hang {
0% { transform: translateY(8px); }
50% { transform: translateY(4px); }
100% { transform: translateY(8px); }
}
@keyframes hvr-hang {
0% { transform: translateY(8px); }
50% { transform: translateY(4px); }
100% { transform: translateY(8px); }
}
@keyframes hvr-hang-sink {
100% { transform: translateY(8px); }
}
@keyframes hvr-hang-sink {
100% { transform: translateY(8px); }
}
.hvr-hang { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-hang:active, .hvr-hang:focus, .hvr-hang:hover { animation-name: hvr-hang-sink, hvr-hang; animation-duration: 0.3s, 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; }
.hvr-skew { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; }
.hvr-skew:active, .hvr-skew:focus, .hvr-skew:hover { transform: skew(-10deg); }
.hvr-skew-forward { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; transform-origin: 0px 100% 0px; }
.hvr-skew-forward:active, .hvr-skew-forward:focus, .hvr-skew-forward:hover { transform: skew(-10deg); }
.hvr-skew-backward { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: transform; transform-origin: 0px 100% 0px; }
.hvr-skew-backward:active, .hvr-skew-backward:focus, .hvr-skew-backward:hover { transform: skew(10deg); }
@keyframes hvr-wobble-vertical {
16.65% { transform: translateY(8px); }
33.3% { transform: translateY(-6px); }
49.95% { transform: translateY(4px); }
66.6% { transform: translateY(-2px); }
83.25% { transform: translateY(1px); }
100% { transform: translateY(0px); }
}
@keyframes hvr-wobble-vertical {
16.65% { transform: translateY(8px); }
33.3% { transform: translateY(-6px); }
49.95% { transform: translateY(4px); }
66.6% { transform: translateY(-2px); }
83.25% { transform: translateY(1px); }
100% { transform: translateY(0px); }
}
.hvr-wobble-vertical { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-wobble-vertical:active, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:hover { animation-name: hvr-wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes hvr-wobble-horizontal {
16.65% { transform: translateX(8px); }
33.3% { transform: translateX(-6px); }
49.95% { transform: translateX(4px); }
66.6% { transform: translateX(-2px); }
83.25% { transform: translateX(1px); }
100% { transform: translateX(0px); }
}
@keyframes hvr-wobble-horizontal {
16.65% { transform: translateX(8px); }
33.3% { transform: translateX(-6px); }
49.95% { transform: translateX(4px); }
66.6% { transform: translateX(-2px); }
83.25% { transform: translateX(1px); }
100% { transform: translateX(0px); }
}
.hvr-wobble-horizontal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-wobble-horizontal:active, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:hover { animation-name: hvr-wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes hvr-wobble-to-bottom-right {
16.65% { transform: translate(8px, 8px); }
33.3% { transform: translate(-6px, -6px); }
49.95% { transform: translate(4px, 4px); }
66.6% { transform: translate(-2px, -2px); }
83.25% { transform: translate(1px, 1px); }
100% { transform: translate(0px, 0px); }
}
@keyframes hvr-wobble-to-bottom-right {
16.65% { transform: translate(8px, 8px); }
33.3% { transform: translate(-6px, -6px); }
49.95% { transform: translate(4px, 4px); }
66.6% { transform: translate(-2px, -2px); }
83.25% { transform: translate(1px, 1px); }
100% { transform: translate(0px, 0px); }
}
.hvr-wobble-to-bottom-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-wobble-to-bottom-right:active, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:hover { animation-name: hvr-wobble-to-bottom-right; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes hvr-wobble-to-top-right {
16.65% { transform: translate(8px, -8px); }
33.3% { transform: translate(-6px, 6px); }
49.95% { transform: translate(4px, -4px); }
66.6% { transform: translate(-2px, 2px); }
83.25% { transform: translate(1px, -1px); }
100% { transform: translate(0px, 0px); }
}
@keyframes hvr-wobble-to-top-right {
16.65% { transform: translate(8px, -8px); }
33.3% { transform: translate(-6px, 6px); }
49.95% { transform: translate(4px, -4px); }
66.6% { transform: translate(-2px, 2px); }
83.25% { transform: translate(1px, -1px); }
100% { transform: translate(0px, 0px); }
}
.hvr-wobble-to-top-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-wobble-to-top-right:active, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:hover { animation-name: hvr-wobble-to-top-right; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes hvr-wobble-top {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0deg); }
}
@keyframes hvr-wobble-top {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0deg); }
}
.hvr-wobble-top { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transform-origin: 0px 100% 0px; }
.hvr-wobble-top:active, .hvr-wobble-top:focus, .hvr-wobble-top:hover { animation-name: hvr-wobble-top; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes hvr-wobble-bottom {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0deg); }
}
@keyframes hvr-wobble-bottom {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0deg); }
}
.hvr-wobble-bottom { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transform-origin: 100% 0px 0px; }
.hvr-wobble-bottom:active, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:hover { animation-name: hvr-wobble-bottom; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes hvr-wobble-skew {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0deg); }
}
@keyframes hvr-wobble-skew {
16.65% { transform: skew(-12deg); }
33.3% { transform: skew(10deg); }
49.95% { transform: skew(-6deg); }
66.6% { transform: skew(4deg); }
83.25% { transform: skew(-2deg); }
100% { transform: skew(0deg); }
}
.hvr-wobble-skew { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-wobble-skew:active, .hvr-wobble-skew:focus, .hvr-wobble-skew:hover { animation-name: hvr-wobble-skew; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes hvr-buzz {
50% { transform: translateX(3px) rotate(2deg); }
100% { transform: translateX(-3px) rotate(-2deg); }
}
@keyframes hvr-buzz {
50% { transform: translateX(3px) rotate(2deg); }
100% { transform: translateX(-3px) rotate(-2deg); }
}
.hvr-buzz { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-buzz:active, .hvr-buzz:focus, .hvr-buzz:hover { animation-name: hvr-buzz; animation-duration: 0.15s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes hvr-buzz-out {
10% { transform: translateX(3px) rotate(2deg); }
20% { transform: translateX(-3px) rotate(-2deg); }
30% { transform: translateX(3px) rotate(2deg); }
40% { transform: translateX(-3px) rotate(-2deg); }
50% { transform: translateX(2px) rotate(1deg); }
60% { transform: translateX(-2px) rotate(-1deg); }
70% { transform: translateX(2px) rotate(1deg); }
80% { transform: translateX(-2px) rotate(-1deg); }
90% { transform: translateX(1px) rotate(0deg); }
100% { transform: translateX(-1px) rotate(0deg); }
}
@keyframes hvr-buzz-out {
10% { transform: translateX(3px) rotate(2deg); }
20% { transform: translateX(-3px) rotate(-2deg); }
30% { transform: translateX(3px) rotate(2deg); }
40% { transform: translateX(-3px) rotate(-2deg); }
50% { transform: translateX(2px) rotate(1deg); }
60% { transform: translateX(-2px) rotate(-1deg); }
70% { transform: translateX(2px) rotate(1deg); }
80% { transform: translateX(-2px) rotate(-1deg); }
90% { transform: translateX(1px) rotate(0deg); }
100% { transform: translateX(-1px) rotate(0deg); }
}
.hvr-buzz-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; }
.hvr-buzz-out:active, .hvr-buzz-out:focus, .hvr-buzz-out:hover { animation-name: hvr-buzz-out; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: 1; }
.hvr-fade { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; overflow: hidden; transition-duration: 0.3s; transition-property: color, background-color; }
.hvr-fade:active, .hvr-fade:focus, .hvr-fade:hover { background-color: rgb(32, 152, 209); color: rgb(255, 255, 255); }
@keyframes hvr-back-pulse {
50% { background-color: rgba(32, 152, 209, 0.75); }
}
@keyframes hvr-back-pulse {
50% { background-color: rgba(32, 152, 209, 0.75); }
}
.hvr-back-pulse { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; overflow: hidden; transition-duration: 0.5s; transition-property: color, background-color; }
.hvr-back-pulse:active, .hvr-back-pulse:focus, .hvr-back-pulse:hover { animation-name: hvr-back-pulse; animation-duration: 1s; animation-delay: 0.5s; animation-timing-function: linear; animation-iteration-count: infinite; background-color: rgb(32, 152, 209); color: rgb(255, 255, 255); }
.hvr-sweep-to-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.3s; }
.hvr-sweep-to-right::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transform: scaleX(0); transform-origin: 0px 50% 0px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-sweep-to-right:active, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:hover { color: rgb(255, 255, 255); }
.hvr-sweep-to-right:active::before, .hvr-sweep-to-right:focus::before, .hvr-sweep-to-right:hover::before { transform: scaleX(1); }
.hvr-sweep-to-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.3s; }
.hvr-sweep-to-left::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transform: scaleX(0); transform-origin: 100% 50% 0px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-sweep-to-left:active, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:hover { color: rgb(255, 255, 255); }
.hvr-sweep-to-left:active::before, .hvr-sweep-to-left:focus::before, .hvr-sweep-to-left:hover::before { transform: scaleX(1); }
.hvr-sweep-to-bottom { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.3s; }
.hvr-sweep-to-bottom::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transform: scaleY(0); transform-origin: 50% 0px 0px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-sweep-to-bottom:active, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:hover { color: rgb(255, 255, 255); }
.hvr-sweep-to-bottom:active::before, .hvr-sweep-to-bottom:focus::before, .hvr-sweep-to-bottom:hover::before { transform: scaleY(1); }
.hvr-sweep-to-top { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.3s; }
.hvr-sweep-to-top::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transform: scaleY(0); transform-origin: 50% 100% 0px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-sweep-to-top:active, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:hover { color: rgb(255, 255, 255); }
.hvr-sweep-to-top:active::before, .hvr-sweep-to-top:focus::before, .hvr-sweep-to-top:hover::before { transform: scaleY(1); }
.hvr-bounce-to-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.5s; }
.hvr-bounce-to-right::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transform: scaleX(0); transform-origin: 0px 50% 0px; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; }
.hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:hover { color: rgb(255, 255, 255); }
.hvr-bounce-to-right:active::before, .hvr-bounce-to-right:focus::before, .hvr-bounce-to-right:hover::before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.hvr-bounce-to-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.5s; }
.hvr-bounce-to-left::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transform: scaleX(0); transform-origin: 100% 50% 0px; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; }
.hvr-bounce-to-left:active, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:hover { color: rgb(255, 255, 255); }
.hvr-bounce-to-left:active::before, .hvr-bounce-to-left:focus::before, .hvr-bounce-to-left:hover::before { transform: scaleX(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.hvr-bounce-to-bottom { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.5s; }
.hvr-bounce-to-bottom::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transform: scaleY(0); transform-origin: 50% 0px 0px; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; }
.hvr-bounce-to-bottom:active, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:hover { color: rgb(255, 255, 255); }
.hvr-bounce-to-bottom:active::before, .hvr-bounce-to-bottom:focus::before, .hvr-bounce-to-bottom:hover::before { transform: scaleY(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.hvr-bounce-to-top { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-property: color; transition-duration: 0.5s; }
.hvr-bounce-to-top::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transform: scaleY(0); transform-origin: 50% 100% 0px; transition-property: transform; transition-duration: 0.5s; transition-timing-function: ease-out; }
.hvr-bounce-to-top:active, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:hover { color: rgb(255, 255, 255); }
.hvr-bounce-to-top:active::before, .hvr-bounce-to-top:focus::before, .hvr-bounce-to-top:hover::before { transform: scaleY(1); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.hvr-radial-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; overflow: hidden; background: rgb(225, 225, 225) none repeat scroll 0% 0%; transition-property: color; transition-duration: 0.3s; }
.hvr-radial-out::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; border-radius: 100%; transform: scale(0); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-radial-out:active, .hvr-radial-out:focus, .hvr-radial-out:hover { color: rgb(255, 255, 255); }
.hvr-radial-out:active::before, .hvr-radial-out:focus::before, .hvr-radial-out:hover::before { transform: scale(2); }
.hvr-radial-in { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; overflow: hidden; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transition-property: color; transition-duration: 0.3s; }
.hvr-radial-in::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(225, 225, 225) none repeat scroll 0% 0%; border-radius: 100%; transform: scale(2); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-radial-in:active, .hvr-radial-in:focus, .hvr-radial-in:hover { color: rgb(255, 255, 255); }
.hvr-radial-in:active::before, .hvr-radial-in:focus::before, .hvr-radial-in:hover::before { transform: scale(0); }
.hvr-rectangle-in { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transition-property: color; transition-duration: 0.3s; }
.hvr-rectangle-in::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(225, 225, 225) none repeat scroll 0% 0%; transform: scale(1); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-rectangle-in:active, .hvr-rectangle-in:focus, .hvr-rectangle-in:hover { color: rgb(255, 255, 255); }
.hvr-rectangle-in:active::before, .hvr-rectangle-in:focus::before, .hvr-rectangle-in:hover::before { transform: scale(0); }
.hvr-rectangle-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; background: rgb(225, 225, 225) none repeat scroll 0% 0%; transition-property: color; transition-duration: 0.3s; }
.hvr-rectangle-out::before { content: ""; position: absolute; z-index: -1; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transform: scale(0); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-rectangle-out:active, .hvr-rectangle-out:focus, .hvr-rectangle-out:hover { color: rgb(255, 255, 255); }
.hvr-rectangle-out:active::before, .hvr-rectangle-out:focus::before, .hvr-rectangle-out:hover::before { transform: scale(1); }
.hvr-shutter-in-horizontal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transition-property: color; transition-duration: 0.3s; }
.hvr-shutter-in-horizontal::before { content: ""; position: absolute; z-index: -1; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgb(225, 225, 225) none repeat scroll 0% 0%; transform: scaleX(1); transform-origin: 50% 50% 0px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-shutter-in-horizontal:active, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:hover { color: rgb(255, 255, 255); }
.hvr-shutter-in-horizontal:active::before, .hvr-shutter-in-horizontal:focus::before, .hvr-shutter-in-horizontal:hover::before { transform: scaleX(0); }
.hvr-shutter-out-horizontal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; background: rgb(225, 225, 225) none repeat scroll 0% 0%; transition-property: color; transition-duration: 0.3s; }
.hvr-shutter-out-horizontal::before { content: ""; position: absolute; z-index: -1; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transform: scaleX(0); transform-origin: 50% 50% 0px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-shutter-out-horizontal:active, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:hover { color: rgb(255, 255, 255); }
.hvr-shutter-out-horizontal:active::before, .hvr-shutter-out-horizontal:focus::before, .hvr-shutter-out-horizontal:hover::before { transform: scaleX(1); }
.hvr-shutter-in-vertical { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transition-property: color; transition-duration: 0.3s; }
.hvr-shutter-in-vertical::before { content: ""; position: absolute; z-index: -1; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgb(225, 225, 225) none repeat scroll 0% 0%; transform: scaleY(1); transform-origin: 50% 50% 0px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-shutter-in-vertical:active, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:hover { color: rgb(255, 255, 255); }
.hvr-shutter-in-vertical:active::before, .hvr-shutter-in-vertical:focus::before, .hvr-shutter-in-vertical:hover::before { transform: scaleY(0); }
.hvr-shutter-out-vertical { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; background: rgb(225, 225, 225) none repeat scroll 0% 0%; transition-property: color; transition-duration: 0.3s; }
.hvr-shutter-out-vertical::before { content: ""; position: absolute; z-index: -1; top: 0px; bottom: 0px; left: 0px; right: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; transform: scaleY(0); transform-origin: 50% 50% 0px; transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-shutter-out-vertical:active, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:hover { color: rgb(255, 255, 255); }
.hvr-shutter-out-vertical:active::before, .hvr-shutter-out-vertical:focus::before, .hvr-shutter-out-vertical:hover::before { transform: scaleY(1); }
.hvr-border-fade { display: inline-block; vertical-align: middle; transform: translateZ(0px); backface-visibility: hidden; transition-duration: 0.3s; transition-property: box-shadow; box-shadow: 0px 0px 0px 4px rgb(225, 225, 225) inset, 0px 0px 1px transparent; }
.hvr-border-fade:active, .hvr-border-fade:focus, .hvr-border-fade:hover { box-shadow: 0px 0px 0px 4px rgb(32, 152, 209) inset, 0px 0px 1px transparent; }
.hvr-hollow { display: inline-block; vertical-align: middle; transform: translateZ(0px); backface-visibility: hidden; transition-duration: 0.3s; transition-property: background; box-shadow: 0px 0px 0px 4px rgb(225, 225, 225) inset, 0px 0px 1px transparent; }
.hvr-hollow:active, .hvr-hollow:focus, .hvr-hollow:hover { background: transparent none repeat scroll 0px 0px; }
.hvr-trim { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-trim::before { content: ""; position: absolute; border: 4px solid rgb(255, 255, 255); top: 4px; left: 4px; right: 4px; bottom: 4px; opacity: 0; transition-duration: 0.3s; transition-property: opacity; }
.hvr-trim:active::before, .hvr-trim:focus::before, .hvr-trim:hover::before { opacity: 1; }
@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; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-ripple-out::before { content: ""; position: absolute; border: 6px solid rgb(225, 225, 225); top: 0px; right: 0px; bottom: 0px; left: 0px; animation-duration: 1s; }
.hvr-ripple-out:active::before, .hvr-ripple-out:focus::before, .hvr-ripple-out:hover::before { animation-name: hvr-ripple-out; }
@keyframes hvr-ripple-in {
100% { top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; }
}
@keyframes hvr-ripple-in {
100% { top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; }
}
.hvr-ripple-in { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-ripple-in::before { content: ""; position: absolute; border: 4px solid rgb(225, 225, 225); top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; animation-duration: 1s; }
.hvr-ripple-in:active::before, .hvr-ripple-in:focus::before, .hvr-ripple-in:hover::before { animation-name: hvr-ripple-in; }
.hvr-outline-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-outline-out::before { content: ""; position: absolute; border: 4px solid rgb(225, 225, 225); top: 0px; right: 0px; bottom: 0px; left: 0px; transition-duration: 0.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; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-outline-in::before { pointer-events: none; content: ""; position: absolute; border: 4px solid rgb(225, 225, 225); top: -16px; right: -16px; bottom: -16px; left: -16px; opacity: 0; transition-duration: 0.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; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.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; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; overflow: hidden; }
.hvr-underline-from-left::before { content: ""; position: absolute; z-index: -1; left: 0px; right: 100%; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; height: 4px; transition-property: right; transition-duration: 0.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: 0px; }
.hvr-underline-from-center { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; overflow: hidden; }
.hvr-underline-from-center::before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; height: 4px; transition-property: left, right; transition-duration: 0.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: 0px; right: 0px; }
.hvr-underline-from-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; overflow: hidden; }
.hvr-underline-from-right::before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; height: 4px; transition-property: left; transition-duration: 0.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: 0px; }
.hvr-overline-from-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; overflow: hidden; }
.hvr-overline-from-left::before { content: ""; position: absolute; z-index: -1; left: 0px; right: 100%; top: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; height: 4px; transition-property: right; transition-duration: 0.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: 0px; }
.hvr-overline-from-center { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; overflow: hidden; }
.hvr-overline-from-center::before { content: ""; position: absolute; z-index: -1; left: 50%; right: 50%; top: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; height: 4px; transition-property: left, right; transition-duration: 0.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: 0px; right: 0px; }
.hvr-overline-from-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; overflow: hidden; }
.hvr-overline-from-right::before { content: ""; position: absolute; z-index: -1; left: 100%; right: 0px; top: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; height: 4px; transition-property: left; transition-duration: 0.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: 0px; }
.hvr-reveal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; overflow: hidden; }
.hvr-reveal::before { content: ""; position: absolute; z-index: -1; left: 0px; right: 0px; top: 0px; bottom: 0px; border-color: rgb(32, 152, 209); border-style: solid; border-width: 0px; transition-property: border-width; transition-duration: 0.1s; transition-timing-function: ease-out; }
.hvr-reveal:active::before, .hvr-reveal:focus::before, .hvr-reveal:hover::before { transform: translateY(0px); border-width: 4px; }
.hvr-underline-reveal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; overflow: hidden; }
.hvr-underline-reveal::before { content: ""; position: absolute; z-index: -1; left: 0px; right: 0px; bottom: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; height: 4px; transform: translateY(4px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-underline-reveal:active::before, .hvr-underline-reveal:focus::before, .hvr-underline-reveal:hover::before { transform: translateY(0px); }
.hvr-overline-reveal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; overflow: hidden; }
.hvr-overline-reveal::before { content: ""; position: absolute; z-index: -1; left: 0px; right: 0px; top: 0px; background: rgb(32, 152, 209) none repeat scroll 0% 0%; height: 4px; transform: translateY(-4px); transition-property: transform; transition-duration: 0.3s; transition-timing-function: ease-out; }
.hvr-overline-reveal:active::before, .hvr-overline-reveal:focus::before, .hvr-overline-reveal:hover::before { transform: translateY(0px); }
.hvr-glow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: box-shadow; }
.hvr-glow:active, .hvr-glow:focus, .hvr-glow:hover { box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.6); }
.hvr-shadow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: box-shadow; }
.hvr-shadow:active, .hvr-shadow:focus, .hvr-shadow:hover { box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.5); }
.hvr-grow-shadow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.3s; transition-property: box-shadow, transform; }
.hvr-grow-shadow:active, .hvr-grow-shadow:focus, .hvr-grow-shadow:hover { box-shadow: 0px 10px 10px -10px rgba(0, 0, 0, 0.5); transform: scale(1.1); }
.hvr-box-shadow-outset { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; transition-duration: 0.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, 0.6); }
.hvr-box-shadow-inset { display: inline-block; vertical-align: middle; transform: translateZ(0px); backface-visibility: hidden; transition-duration: 0.3s; transition-property: box-shadow; box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6) inset, 0px 0px 1px transparent; }
.hvr-box-shadow-inset:active, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:hover { box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6) inset, 0px 0px 1px transparent; }
.hvr-float-shadow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-duration: 0.3s; transition-property: transform; }
.hvr-float-shadow::before { pointer-events: none; position: absolute; z-index: -1; content: ""; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: transparent radial-gradient(ellipse at center center , rgba(0, 0, 0, 0.35) 0px, transparent 80%) repeat scroll 0% 0%; transition-duration: 0.3s; transition-property: transform, opacity; }
.hvr-float-shadow:active, .hvr-float-shadow:focus, .hvr-float-shadow:hover { transform: translateY(-5px); }
.hvr-float-shadow:active::before, .hvr-float-shadow:focus::before, .hvr-float-shadow:hover::before { opacity: 1; transform: translateY(5px); }
.hvr-shadow-radial { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-shadow-radial::after, .hvr-shadow-radial::before { pointer-events: none; position: absolute; content: ""; left: 0px; width: 100%; box-sizing: border-box; height: 5px; opacity: 0; transition-duration: 0.3s; transition-property: opacity; }
.hvr-shadow-radial::before { bottom: 100%; background: transparent radial-gradient(ellipse at 50% 150% , rgba(0, 0, 0, 0.6) 0px, transparent 80%) repeat scroll 0% 0%; }
.hvr-shadow-radial::after { top: 100%; background: transparent radial-gradient(ellipse at 50% -50% , rgba(0, 0, 0, 0.6) 0px, transparent 80%) repeat scroll 0% 0%; }
.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; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-bubble-top::before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; transition-duration: 0.3s; transition-property: transform; left: calc(50% - 10px); top: 0px; border-width: 0px 10px 10px; border-color: transparent transparent rgb(225, 225, 225); }
.hvr-bubble-top:active::before, .hvr-bubble-top:focus::before, .hvr-bubble-top:hover::before { transform: translateY(-10px); }
.hvr-bubble-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-bubble-right::before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; transition-duration: 0.3s; transition-property: transform; top: calc(50% - 10px); right: 0px; border-width: 10px 0px 10px 10px; border-color: transparent transparent transparent rgb(225, 225, 225); }
.hvr-bubble-right:active::before, .hvr-bubble-right:focus::before, .hvr-bubble-right:hover::before { transform: translateX(10px); }
.hvr-bubble-bottom { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-bubble-bottom::before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; transition-duration: 0.3s; transition-property: transform; left: calc(50% - 10px); bottom: 0px; border-width: 10px 10px 0px; border-color: rgb(225, 225, 225) transparent transparent; }
.hvr-bubble-bottom:active::before, .hvr-bubble-bottom:focus::before, .hvr-bubble-bottom:hover::before { transform: translateY(10px); }
.hvr-bubble-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-bubble-left::before { pointer-events: none; position: absolute; z-index: -1; content: ""; border-style: solid; transition-duration: 0.3s; transition-property: transform; top: calc(50% - 10px); left: 0px; border-width: 10px 10px 10px 0px; border-color: transparent rgb(225, 225, 225) transparent transparent; }
.hvr-bubble-left:active::before, .hvr-bubble-left:focus::before, .hvr-bubble-left:hover::before { transform: translateX(-10px); }
.hvr-bubble-float-top { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-duration: 0.3s; transition-property: transform; }
.hvr-bubble-float-top::before { position: absolute; z-index: -1; content: ""; left: calc(50% - 10px); top: 0px; border-style: solid; border-width: 0px 10px 10px; border-color: transparent transparent rgb(225, 225, 225); transition-duration: 0.3s; transition-property: transform; }
.hvr-bubble-float-top:active, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:hover { transform: translateY(10px); }
.hvr-bubble-float-top:active::before, .hvr-bubble-float-top:focus::before, .hvr-bubble-float-top:hover::before { transform: translateY(-10px); }
.hvr-bubble-float-right { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-duration: 0.3s; transition-property: transform; }
.hvr-bubble-float-right::before { position: absolute; z-index: -1; top: calc(50% - 10px); right: 0px; content: ""; border-style: solid; border-width: 10px 0px 10px 10px; border-color: transparent transparent transparent rgb(225, 225, 225); transition-duration: 0.3s; transition-property: transform; }
.hvr-bubble-float-right:active, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:hover { transform: translateX(-10px); }
.hvr-bubble-float-right:active::before, .hvr-bubble-float-right:focus::before, .hvr-bubble-float-right:hover::before { transform: translateX(10px); }
.hvr-bubble-float-bottom { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-duration: 0.3s; transition-property: transform; }
.hvr-bubble-float-bottom::before { position: absolute; z-index: -1; content: ""; left: calc(50% - 10px); bottom: 0px; border-style: solid; border-width: 10px 10px 0px; border-color: rgb(225, 225, 225) transparent transparent; transition-duration: 0.3s; transition-property: transform; }
.hvr-bubble-float-bottom:active, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:hover { transform: translateY(-10px); }
.hvr-bubble-float-bottom:active::before, .hvr-bubble-float-bottom:focus::before, .hvr-bubble-float-bottom:hover::before { transform: translateY(10px); }
.hvr-bubble-float-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; transition-duration: 0.3s; transition-property: transform; }
.hvr-bubble-float-left::before { position: absolute; z-index: -1; content: ""; top: calc(50% - 10px); left: 0px; border-style: solid; border-width: 10px 10px 10px 0px; border-color: transparent rgb(225, 225, 225) transparent transparent; transition-duration: 0.3s; transition-property: transform; }
.hvr-bubble-float-left:active, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:hover { transform: translateX(10px); }
.hvr-bubble-float-left:active::before, .hvr-bubble-float-left:focus::before, .hvr-bubble-float-left:hover::before { transform: translateX(-10px); }
.hvr-icon-back { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-left: 2.2em; transition-duration: 0.1s; }
.hvr-icon-back::before { content: ""; position: absolute; left: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.1s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-icon-back:active::before, .hvr-icon-back:focus::before, .hvr-icon-back:hover::before { transform: translateX(-4px); }
.hvr-icon-forward { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.1s; }
.hvr-icon-forward::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.1s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-icon-forward:active::before, .hvr-icon-forward:focus::before, .hvr-icon-forward:hover::before { transform: translateX(4px); }
@keyframes hvr-icon-down {
0%, 100%, 50% { transform: translateY(0px); }
25%, 75% { transform: translateY(6px); }
}
@keyframes hvr-icon-down {
0%, 100%, 50% { transform: translateY(0px); }
25%, 75% { transform: translateY(6px); }
}
.hvr-icon-down { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; }
.hvr-icon-down::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); }
.hvr-icon-down:active::before, .hvr-icon-down:focus::before, .hvr-icon-down:hover::before { animation-name: hvr-icon-down; animation-duration: 0.75s; animation-timing-function: ease-out; }
@keyframes hvr-icon-up {
0%, 100%, 50% { transform: translateY(0px); }
25%, 75% { transform: translateY(-6px); }
}
@keyframes hvr-icon-up {
0%, 100%, 50% { transform: translateY(0px); }
25%, 75% { transform: translateY(-6px); }
}
.hvr-icon-up { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; }
.hvr-icon-up::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); }
.hvr-icon-up:active::before, .hvr-icon-up:focus::before, .hvr-icon-up:hover::before { animation-name: hvr-icon-up; animation-duration: 0.75s; animation-timing-function: ease-out; }
.hvr-icon-spin { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; }
.hvr-icon-spin::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transition-duration: 1s; transition-property: transform; transition-timing-function: ease-in-out; }
.hvr-icon-spin:active::before, .hvr-icon-spin:focus::before, .hvr-icon-spin:hover::before { transform: rotate(360deg); }
@keyframes hvr-icon-drop {
0% { opacity: 0; }
50% { opacity: 0; transform: translateY(-100%); }
100%, 51% { opacity: 1; }
}
@keyframes hvr-icon-drop {
0% { opacity: 0; }
50% { opacity: 0; transform: translateY(-100%); }
100%, 51% { opacity: 1; }
}
.hvr-icon-drop { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; }
.hvr-icon-drop::before { content: ""; position: absolute; right: 1em; opacity: 1; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); }
.hvr-icon-drop:active::before, .hvr-icon-drop:focus::before, .hvr-icon-drop:hover::before { opacity: 0; transition-duration: 0.3s; animation-name: hvr-icon-drop; animation-duration: 0.5s; animation-delay: 0.3s; animation-fill-mode: forwards; animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); }
.hvr-icon-fade { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; }
.hvr-icon-fade::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.5s; transition-property: color; }
.hvr-icon-fade:active::before, .hvr-icon-fade:focus::before, .hvr-icon-fade:hover::before { color: rgb(15, 158, 94); }
@keyframes hvr-icon-float-away {
0% { opacity: 1; }
100% { opacity: 0; transform: translateY(-1em); }
}
@keyframes hvr-icon-float-away {
0% { opacity: 1; }
100% { opacity: 0; transform: translateY(-1em); }
}
.hvr-icon-float-away { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; }
.hvr-icon-float-away::after, .hvr-icon-float-away::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; }
.hvr-icon-float-away::after { opacity: 0; animation-duration: 0.5s; animation-fill-mode: forwards; }
.hvr-icon-float-away:active::after, .hvr-icon-float-away:focus::after, .hvr-icon-float-away:hover::after { animation-name: hvr-icon-float-away; animation-timing-function: ease-out; }
@keyframes hvr-icon-sink-away {
0% { opacity: 1; }
100% { opacity: 0; transform: translateY(1em); }
}
@keyframes hvr-icon-sink-away {
0% { opacity: 1; }
100% { opacity: 0; transform: translateY(1em); }
}
.hvr-icon-sink-away { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; }
.hvr-icon-sink-away::after, .hvr-icon-sink-away::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); }
.hvr-icon-sink-away::after { opacity: 0; animation-duration: 0.5s; animation-fill-mode: forwards; }
.hvr-icon-sink-away:active::after, .hvr-icon-sink-away:focus::after, .hvr-icon-sink-away:hover::after { animation-name: hvr-icon-sink-away; animation-timing-function: ease-out; }
.hvr-icon-grow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-grow::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-icon-grow:active::before, .hvr-icon-grow:focus::before, .hvr-icon-grow:hover::before { transform: scale(1.3) translateZ(0px); }
.hvr-icon-shrink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-shrink::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-icon-shrink:active::before, .hvr-icon-shrink:focus::before, .hvr-icon-shrink:hover::before { transform: scale(0.8); }
@keyframes hvr-icon-pulse {
25% { transform: scale(1.3); }
75% { transform: scale(0.8); }
}
@keyframes hvr-icon-pulse {
25% { transform: scale(1.3); }
75% { transform: scale(0.8); }
}
.hvr-icon-pulse { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; }
.hvr-icon-pulse::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-timing-function: ease-out; }
.hvr-icon-pulse:active::before, .hvr-icon-pulse:focus::before, .hvr-icon-pulse:hover::before { animation-name: hvr-icon-pulse; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes hvr-icon-pulse-grow {
100% { transform: scale(1.3); }
}
@keyframes hvr-icon-pulse-grow {
100% { transform: scale(1.3); }
}
.hvr-icon-pulse-grow { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; }
.hvr-icon-pulse-grow::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-timing-function: ease-out; }
.hvr-icon-pulse-grow:active::before, .hvr-icon-pulse-grow:focus::before, .hvr-icon-pulse-grow:hover::before { animation-name: hvr-icon-pulse-grow; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes hvr-icon-pulse-shrink {
100% { transform: scale(0.8); }
}
@keyframes hvr-icon-pulse-shrink {
100% { transform: scale(0.8); }
}
.hvr-icon-pulse-shrink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; }
.hvr-icon-pulse-shrink::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-timing-function: ease-out; }
.hvr-icon-pulse-shrink:active::before, .hvr-icon-pulse-shrink:focus::before, .hvr-icon-pulse-shrink:hover::before { animation-name: hvr-icon-pulse-shrink; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; }
@keyframes hvr-icon-push {
50% { transform: scale(0.5); }
}
@keyframes hvr-icon-push {
50% { transform: scale(0.5); }
}
.hvr-icon-push { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-push::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-icon-push:active::before, .hvr-icon-push:focus::before, .hvr-icon-push:hover::before { animation-name: hvr-icon-push; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; }
@keyframes hvr-icon-pop {
50% { transform: scale(1.5); }
}
@keyframes hvr-icon-pop {
50% { transform: scale(1.5); }
}
.hvr-icon-pop { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-pop::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-icon-pop:active::before, .hvr-icon-pop:focus::before, .hvr-icon-pop:hover::before { animation-name: hvr-icon-pop; animation-duration: 0.3s; animation-timing-function: linear; animation-iteration-count: 1; }
.hvr-icon-bounce { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-bounce::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-icon-bounce:active::before, .hvr-icon-bounce:focus::before, .hvr-icon-bounce:hover::before { transform: scale(1.5); transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36); }
.hvr-icon-rotate { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-rotate::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-icon-rotate:active::before, .hvr-icon-rotate:focus::before, .hvr-icon-rotate:hover::before { transform: rotate(20deg); }
.hvr-icon-grow-rotate { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-grow-rotate::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-icon-grow-rotate:active::before, .hvr-icon-grow-rotate:focus::before, .hvr-icon-grow-rotate:hover::before { transform: scale(1.5) rotate(12deg); }
.hvr-icon-float { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-float::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-icon-float:active::before, .hvr-icon-float:focus::before, .hvr-icon-float:hover::before { transform: translateY(-4px); }
.hvr-icon-sink { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-sink::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); transition-duration: 0.3s; transition-property: transform; transition-timing-function: ease-out; }
.hvr-icon-sink:active::before, .hvr-icon-sink:focus::before, .hvr-icon-sink:hover::before { transform: translateY(4px); }
@keyframes hvr-icon-bob {
0% { transform: translateY(-6px); }
50% { transform: translateY(-2px); }
100% { transform: translateY(-6px); }
}
@keyframes hvr-icon-bob {
0% { transform: translateY(-6px); }
50% { transform: translateY(-2px); }
100% { transform: translateY(-6px); }
}
@keyframes hvr-icon-bob-float {
100% { transform: translateY(-6px); }
}
@keyframes hvr-icon-bob-float {
100% { transform: translateY(-6px); }
}
.hvr-icon-bob { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-bob::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); }
.hvr-icon-bob:active::before, .hvr-icon-bob:focus::before, .hvr-icon-bob:hover::before { animation-name: hvr-icon-bob-float, hvr-icon-bob; animation-duration: 0.3s, 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; }
@keyframes hvr-icon-hang {
0% { transform: translateY(6px); }
50% { transform: translateY(2px); }
100% { transform: translateY(6px); }
}
@keyframes hvr-icon-hang {
0% { transform: translateY(6px); }
50% { transform: translateY(2px); }
100% { transform: translateY(6px); }
}
@keyframes hvr-icon-hang-sink {
100% { transform: translateY(6px); }
}
@keyframes hvr-icon-hang-sink {
100% { transform: translateY(6px); }
}
.hvr-icon-hang { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-hang::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); }
.hvr-icon-hang:active::before, .hvr-icon-hang:focus::before, .hvr-icon-hang:hover::before { animation-name: hvr-icon-hang-sink, hvr-icon-hang; animation-duration: 0.3s, 1.5s; animation-delay: 0s, 0.3s; animation-timing-function: ease-out, ease-in-out; animation-iteration-count: 1, infinite; animation-fill-mode: forwards; animation-direction: normal, alternate; }
@keyframes hvr-icon-wobble-horizontal {
16.65% { transform: translateX(6px); }
33.3% { transform: translateX(-5px); }
49.95% { transform: translateX(4px); }
66.6% { transform: translateX(-2px); }
83.25% { transform: translateX(1px); }
100% { transform: translateX(0px); }
}
@keyframes hvr-icon-wobble-horizontal {
16.65% { transform: translateX(6px); }
33.3% { transform: translateX(-5px); }
49.95% { transform: translateX(4px); }
66.6% { transform: translateX(-2px); }
83.25% { transform: translateX(1px); }
100% { transform: translateX(0px); }
}
.hvr-icon-wobble-horizontal { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-wobble-horizontal::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); }
.hvr-icon-wobble-horizontal:active::before, .hvr-icon-wobble-horizontal:focus::before, .hvr-icon-wobble-horizontal:hover::before { animation-name: hvr-icon-wobble-horizontal; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes hvr-icon-wobble-vertical {
16.65% { transform: translateY(6px); }
33.3% { transform: translateY(-5px); }
49.95% { transform: translateY(4px); }
66.6% { transform: translateY(-2px); }
83.25% { transform: translateY(1px); }
100% { transform: translateY(0px); }
}
@keyframes hvr-icon-wobble-vertical {
16.65% { transform: translateY(6px); }
33.3% { transform: translateY(-5px); }
49.95% { transform: translateY(4px); }
66.6% { transform: translateY(-2px); }
83.25% { transform: translateY(1px); }
100% { transform: translateY(0px); }
}
.hvr-icon-wobble-vertical { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-wobble-vertical::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); }
.hvr-icon-wobble-vertical:active::before, .hvr-icon-wobble-vertical:focus::before, .hvr-icon-wobble-vertical:hover::before { animation-name: hvr-icon-wobble-vertical; animation-duration: 1s; animation-timing-function: ease-in-out; animation-iteration-count: 1; }
@keyframes hvr-icon-buzz {
50% { transform: translateX(3px) rotate(2deg); }
100% { transform: translateX(-3px) rotate(-2deg); }
}
@keyframes hvr-icon-buzz {
50% { transform: translateX(3px) rotate(2deg); }
100% { transform: translateX(-3px) rotate(-2deg); }
}
.hvr-icon-buzz { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-buzz::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); }
.hvr-icon-buzz:active::before, .hvr-icon-buzz:focus::before, .hvr-icon-buzz:hover::before { animation-name: hvr-icon-buzz; animation-duration: 0.15s; animation-timing-function: linear; animation-iteration-count: infinite; }
@keyframes hvr-icon-buzz-out {
10% { transform: translateX(3px) rotate(2deg); }
20% { transform: translateX(-3px) rotate(-2deg); }
30% { transform: translateX(3px) rotate(2deg); }
40% { transform: translateX(-3px) rotate(-2deg); }
50% { transform: translateX(2px) rotate(1deg); }
60% { transform: translateX(-2px) rotate(-1deg); }
70% { transform: translateX(2px) rotate(1deg); }
80% { transform: translateX(-2px) rotate(-1deg); }
90% { transform: translateX(1px) rotate(0deg); }
100% { transform: translateX(-1px) rotate(0deg); }
}
@keyframes hvr-icon-buzz-out {
10% { transform: translateX(3px) rotate(2deg); }
20% { transform: translateX(-3px) rotate(-2deg); }
30% { transform: translateX(3px) rotate(2deg); }
40% { transform: translateX(-3px) rotate(-2deg); }
50% { transform: translateX(2px) rotate(1deg); }
60% { transform: translateX(-2px) rotate(-1deg); }
70% { transform: translateX(2px) rotate(1deg); }
80% { transform: translateX(-2px) rotate(-1deg); }
90% { transform: translateX(1px) rotate(0deg); }
100% { transform: translateX(-1px) rotate(0deg); }
}
.hvr-icon-buzz-out { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; padding-right: 2.2em; transition-duration: 0.3s; }
.hvr-icon-buzz-out::before { content: ""; position: absolute; right: 1em; padding: 0px 1px; font-family: FontAwesome; transform: translateZ(0px); }
.hvr-icon-buzz-out:active::before, .hvr-icon-buzz-out:focus::before, .hvr-icon-buzz-out:hover::before { animation-name: hvr-icon-buzz-out; animation-duration: 0.75s; animation-timing-function: linear; animation-iteration-count: 1; }
.hvr-curl-top-left { display: inline-block; vertical-align: middle; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-curl-top-left::before { pointer-events: none; position: absolute; content: ""; height: 0px; width: 0px; top: 0px; left: 0px; background: transparent linear-gradient(135deg, rgb(255, 255, 255) 45%, rgb(170, 170, 170) 50%, rgb(204, 204, 204) 56%, rgb(255, 255, 255) 80%) repeat scroll 0% 0%; z-index: 1000; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4); transition-duration: 0.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; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-curl-top-right::before { pointer-events: none; position: absolute; content: ""; height: 0px; width: 0px; top: 0px; right: 0px; background: transparent linear-gradient(225deg, rgb(255, 255, 255) 45%, rgb(170, 170, 170) 50%, rgb(204, 204, 204) 56%, rgb(255, 255, 255) 80%) repeat scroll 0% 0%; box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4); transition-duration: 0.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; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-curl-bottom-right::before { pointer-events: none; position: absolute; content: ""; height: 0px; width: 0px; bottom: 0px; right: 0px; background: transparent linear-gradient(315deg, rgb(255, 255, 255) 45%, rgb(170, 170, 170) 50%, rgb(204, 204, 204) 56%, rgb(255, 255, 255) 80%) repeat scroll 0% 0%; box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4); transition-duration: 0.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; transform: translateZ(0px); box-shadow: 0px 0px 1px transparent; backface-visibility: hidden; position: relative; }
.hvr-curl-bottom-left::before { pointer-events: none; position: absolute; content: ""; height: 0px; width: 0px; bottom: 0px; left: 0px; background: transparent linear-gradient(45deg, rgb(255, 255, 255) 45%, rgb(170, 170, 170) 50%, rgb(204, 204, 204) 56%, rgb(255, 255, 255) 80%) repeat scroll 0% 0%; box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4); transition-duration: 0.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; }