//	=================
//    	Imports
//	=================

@import '../../../base/color_variables';   	// Color Variables
@import '../../../base/fonticons';   			// Fonticons Variables
@import '../../../base/urls';   				// URLS Variables
@import '../../../base/utilities_variables';  // Utilities Variables



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

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with Sass.
 */
/* 2D TRANSITIONS */
/* Grow */
/* Shrink */
/* Pulse */
@-webkit-keyframes "hvr-pulse" {
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}
@keyframes "hvr-pulse" {
	25% {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	75% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}
/* Pulse Grow */
@-webkit-keyframes "hvr-pulse-grow" {
	to {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
@keyframes "hvr-pulse-grow" {
	to {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
/* Pulse Shrink */
@-webkit-keyframes "hvr-pulse-shrink" {
	to {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}
@keyframes "hvr-pulse-shrink" {
	to {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}
/* Push */
@-webkit-keyframes "hvr-push" {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes "hvr-push" {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}
/* Pop */
@-webkit-keyframes "hvr-pop" {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}
@keyframes "hvr-pop" {
	50% {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
}
/* Bounce In */
/* Bounce Out */
/* Rotate */
/* Grow Rotate */
/* Float */
/* Sink */
/* Bob */
@-webkit-keyframes "hvr-bob" {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
	}
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}
@keyframes "hvr-bob" {
	0% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	50% {
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
	}
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}
@-webkit-keyframes "hvr-bob-float" {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}
@keyframes "hvr-bob-float" {
	100% {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}
/* Hang */
@-webkit-keyframes "hvr-hang" {
	0% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	50% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
}
@keyframes "hvr-hang" {
	0% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	50% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
}
@-webkit-keyframes "hvr-hang-sink" {
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
}
@keyframes "hvr-hang-sink" {
	100% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
}
/* Skew */
/* Skew Forward */
/* Skew Backward */
/* Wobble Vertical */
@-webkit-keyframes "hvr-wobble-vertical" {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes "hvr-wobble-vertical" {
	16.65% {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	33.3% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
/* Wobble Horizontal */
@-webkit-keyframes "hvr-wobble-horizontal" {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes "hvr-wobble-horizontal" {
	16.65% {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	33.3% {
		-webkit-transform: translateX(-6px);
		transform: translateX(-6px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
/* Wobble To Bottom Right */
@-webkit-keyframes "hvr-wobble-to-bottom-right" {
	16.65% {
		-webkit-transform: translate(8px, 8px);
		transform: translate(8px, 8px);
	}
	33.3% {
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	49.95% {
		-webkit-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	66.6% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px);
	}
	83.25% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes "hvr-wobble-to-bottom-right" {
	16.65% {
		-webkit-transform: translate(8px, 8px);
		transform: translate(8px, 8px);
	}
	33.3% {
		-webkit-transform: translate(-6px, -6px);
		transform: translate(-6px, -6px);
	}
	49.95% {
		-webkit-transform: translate(4px, 4px);
		transform: translate(4px, 4px);
	}
	66.6% {
		-webkit-transform: translate(-2px, -2px);
		transform: translate(-2px, -2px);
	}
	83.25% {
		-webkit-transform: translate(1px, 1px);
		transform: translate(1px, 1px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
/* Wobble To Top Right */
@-webkit-keyframes "hvr-wobble-to-top-right" {
	16.65% {
		-webkit-transform: translate(8px, -8px);
		transform: translate(8px, -8px);
	}
	33.3% {
		-webkit-transform: translate(-6px, 6px);
		transform: translate(-6px, 6px);
	}
	49.95% {
		-webkit-transform: translate(4px, -4px);
		transform: translate(4px, -4px);
	}
	66.6% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}
	83.25% {
		-webkit-transform: translate(1px, -1px);
		transform: translate(1px, -1px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes "hvr-wobble-to-top-right" {
	16.65% {
		-webkit-transform: translate(8px, -8px);
		transform: translate(8px, -8px);
	}
	33.3% {
		-webkit-transform: translate(-6px, 6px);
		transform: translate(-6px, 6px);
	}
	49.95% {
		-webkit-transform: translate(4px, -4px);
		transform: translate(4px, -4px);
	}
	66.6% {
		-webkit-transform: translate(-2px, 2px);
		transform: translate(-2px, 2px);
	}
	83.25% {
		-webkit-transform: translate(1px, -1px);
		transform: translate(1px, -1px);
	}
	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
/* Wobble Top */
@-webkit-keyframes "hvr-wobble-top" {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}
@keyframes "hvr-wobble-top" {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}
/* Wobble Bottom */
@-webkit-keyframes "hvr-wobble-bottom" {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}
@keyframes "hvr-wobble-bottom" {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}
/* Wobble Skew */
@-webkit-keyframes "hvr-wobble-skew" {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}
@keyframes "hvr-wobble-skew" {
	16.65% {
		-webkit-transform: skew(-12deg);
		transform: skew(-12deg);
	}
	33.3% {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	49.95% {
		-webkit-transform: skew(-6deg);
		transform: skew(-6deg);
	}
	66.6% {
		-webkit-transform: skew(4deg);
		transform: skew(4deg);
	}
	83.25% {
		-webkit-transform: skew(-2deg);
		transform: skew(-2deg);
	}
	100% {
		-webkit-transform: skew(0);
		transform: skew(0);
	}
}
/* Buzz */
@-webkit-keyframes "hvr-buzz" {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
}
@keyframes "hvr-buzz" {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
}
/* Buzz Out */
@-webkit-keyframes "hvr-buzz-out" {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0);
	}
	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0);
	}
}
@keyframes "hvr-buzz-out" {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0);
	}
	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0);
	}
}
/* Forward */
/* Backward */
/* BACKGROUND TRANSITIONS */
/* Fade */
/* Back Pulse */
@-webkit-keyframes "hvr-back-pulse" {
	50% {
		background-color: rgba(32, 152, 209, 0.75);
	}
}
@keyframes "hvr-back-pulse" {
	50% {
		background-color: rgba(32, 152, 209, 0.75);
	}
}
/* Sweep To Right */
/* Sweep To Left */
/* Sweep To Bottom */
/* Sweep To Top */
/* Bounce To Right */
/* Bounce To Left */
/* Bounce To Bottom */
/* Bounce To Top */
/* Radial Out */
/* Radial In */
/* Rectangle In */
/* Rectangle Out */
/* Shutter In Horizontal */
/* Shutter Out Horizontal */
/* Shutter In Vertical */
/* Shutter Out Vertical */
/* BORDER TRANSITIONS */
/* Border Fade */
/* Hollow */
/* Trim */
/* Ripple Out */
@-webkit-keyframes "hvr-ripple-out" {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}
@keyframes "hvr-ripple-out" {
	100% {
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
	}
}
/* Ripple In */
@-webkit-keyframes "hvr-ripple-in" {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1;
	}
}
@keyframes "hvr-ripple-in" {
	100% {
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		opacity: 1;
	}
}
/* Outline Out */
/* Outline In */
/* Round Corners */
/* Underline From Left */
/* Underline From Center */
/* Underline From Right */
/* Overline From Left */
/* Overline From Center */
/* Overline From Right */
/* Reveal */
/* Underline Reveal */
/* Overline Reveal */
/* SHADOW/GLOW TRANSITIONS */
/* Glow */
/* Shadow */
/* Grow Shadow */
/* Box Shadow Outset */
/* Box Shadow Inset */
/* Float Shadow */
/* Shadow Radial */
/* SPEECH BUBBLES */
/* Bubble Top */
/* Bubble Right */
/* Bubble Bottom */
/* Bubble Left */
/* Bubble Float Top */
/* Bubble Float Right */
/* Bubble Float Bottom */
/* Bubble Float Left */
/* ICONS */
/* Icon Back */
/* Icon Forward */
/* Icon Down */
@-webkit-keyframes "hvr-icon-down" {
	0%,50%,100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,75% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}
@keyframes "hvr-icon-down" {
	0%,50%,100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,75% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}
/* Icon Down */
/* Icon Up */
@-webkit-keyframes "hvr-icon-up" {
	0%,50%,100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,75% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}
@keyframes "hvr-icon-up" {
	0%,50%,100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	25%,75% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}
/* Icon Up */
/* Icon Spin */
/* Icon Drop */
@-webkit-keyframes "hvr-icon-drop" {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	51%,100% {
		opacity: 1;
	}
}
@keyframes "hvr-icon-drop" {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	51%,100% {
		opacity: 1;
	}
}
/* Icon Drop */
/* Icon Fade */
/* Icon Float Away */
@-webkit-keyframes "hvr-icon-float-away" {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-1em);
		transform: translateY(-1em);
	}
}
@keyframes "hvr-icon-float-away" {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-1em);
		transform: translateY(-1em);
	}
}
/* Icon Float Away */
/* Icon Sink Away */
@-webkit-keyframes "hvr-icon-sink-away" {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(1em);
		transform: translateY(1em);
	}
}
@keyframes "hvr-icon-sink-away" {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(1em);
		transform: translateY(1em);
	}
}
/* Icon Sink Away */
/* Icon Grow */
/* Icon Shrink */
/* Icon Pulse */
@-webkit-keyframes "hvr-icon-pulse" {
	25% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}
@keyframes "hvr-icon-pulse" {
	25% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
	75% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}
/* Icon Pulse Grow */
@-webkit-keyframes "hvr-icon-pulse-grow" {
	to {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
}
@keyframes "hvr-icon-pulse-grow" {
	to {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}
}
/* Icon Pulse Shrink */
@-webkit-keyframes "hvr-icon-pulse-shrink" {
	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}
@keyframes "hvr-icon-pulse-shrink" {
	to {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}
}
/* Icon Push */
@-webkit-keyframes "hvr-icon-push" {
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}
@keyframes "hvr-icon-push" {
	50% {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
	}
}
/* Icon Pop */
@-webkit-keyframes "hvr-icon-pop" {
	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}
@keyframes "hvr-icon-pop" {
	50% {
		-webkit-transform: scale(1.5);
		transform: scale(1.5);
	}
}
/* Icon Bounce */
/* Icon Rotate */
/* Icon Grow Rotate */
/* Icon Float */
/* Icon Sink */
/* Icon Bob */
@-webkit-keyframes "hvr-icon-bob" {
	0% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	50% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}
@keyframes "hvr-icon-bob" {
	0% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
	50% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}
@-webkit-keyframes "hvr-icon-bob-float" {
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}
@keyframes "hvr-icon-bob-float" {
	100% {
		-webkit-transform: translateY(-6px);
		transform: translateY(-6px);
	}
}
/* Icon Hang */
@-webkit-keyframes "hvr-icon-hang" {
	0% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}
@keyframes "hvr-icon-hang" {
	0% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
	50% {
		-webkit-transform: translateY(2px);
		transform: translateY(2px);
	}
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}
@-webkit-keyframes "hvr-icon-hang-sink" {
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}
@keyframes "hvr-icon-hang-sink" {
	100% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
}
/* Icon Wobble Horizontal */
@-webkit-keyframes "hvr-icon-wobble-horizontal" {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px);
	}
	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes "hvr-icon-wobble-horizontal" {
	16.65% {
		-webkit-transform: translateX(6px);
		transform: translateX(6px);
	}
	33.3% {
		-webkit-transform: translateX(-5px);
		transform: translateX(-5px);
	}
	49.95% {
		-webkit-transform: translateX(4px);
		transform: translateX(4px);
	}
	66.6% {
		-webkit-transform: translateX(-2px);
		transform: translateX(-2px);
	}
	83.25% {
		-webkit-transform: translateX(1px);
		transform: translateX(1px);
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
/* Icon Wobble Vertical */
@-webkit-keyframes "hvr-icon-wobble-vertical" {
	16.65% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
	33.3% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes "hvr-icon-wobble-vertical" {
	16.65% {
		-webkit-transform: translateY(6px);
		transform: translateY(6px);
	}
	33.3% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
	}
	49.95% {
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
	}
	66.6% {
		-webkit-transform: translateY(-2px);
		transform: translateY(-2px);
	}
	83.25% {
		-webkit-transform: translateY(1px);
		transform: translateY(1px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
/* Icon Buzz */
@-webkit-keyframes "hvr-icon-buzz" {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
}
@keyframes "hvr-icon-buzz" {
	50% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	100% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
}
/* Icon Buzz Out */
@-webkit-keyframes "hvr-icon-buzz-out" {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0);
	}
	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0);
	}
}
@keyframes "hvr-icon-buzz-out" {
	10% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	20% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	30% {
		-webkit-transform: translateX(3px) rotate(2deg);
		transform: translateX(3px) rotate(2deg);
	}
	40% {
		-webkit-transform: translateX(-3px) rotate(-2deg);
		transform: translateX(-3px) rotate(-2deg);
	}
	50% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	60% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	70% {
		-webkit-transform: translateX(2px) rotate(1deg);
		transform: translateX(2px) rotate(1deg);
	}
	80% {
		-webkit-transform: translateX(-2px) rotate(-1deg);
		transform: translateX(-2px) rotate(-1deg);
	}
	90% {
		-webkit-transform: translateX(1px) rotate(0);
		transform: translateX(1px) rotate(0);
	}
	100% {
		-webkit-transform: translateX(-1px) rotate(0);
		transform: translateX(-1px) rotate(0);
	}
}
/* CURLS */
/* Curl Top Left */
/* Curl Top Right */
/* Curl Bottom Right */
/* Curl Bottom Left */
/*# sourceMappingURL=hover.css.map */
.hvr-grow {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:hover {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	&:focus {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	&:active {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
.hvr-shrink {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:hover {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	&:focus {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	&:active {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
}
.hvr-pulse {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&: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;
	}
	&:focus {
		-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;
	}
	&:active {
		-webkit-animation-name: hvr-pulse;
		animation-name: hvr-pulse;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}
}
.hvr-pulse-grow {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&:hover {
		-webkit-animation-name: hvr-pulse-grow;
		animation-name: hvr-pulse-grow;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate;
	}
	&:focus {
		-webkit-animation-name: hvr-pulse-grow;
		animation-name: hvr-pulse-grow;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate;
	}
	&:active {
		-webkit-animation-name: hvr-pulse-grow;
		animation-name: hvr-pulse-grow;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate;
	}
}
.hvr-pulse-shrink {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&:hover {
		-webkit-animation-name: hvr-pulse-shrink;
		animation-name: hvr-pulse-shrink;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate;
	}
	&:focus {
		-webkit-animation-name: hvr-pulse-shrink;
		animation-name: hvr-pulse-shrink;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate;
	}
	&:active {
		-webkit-animation-name: hvr-pulse-shrink;
		animation-name: hvr-pulse-shrink;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-direction: alternate;
		animation-direction: alternate;
	}
}
.hvr-push {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&:hover {
		-webkit-animation-name: hvr-push;
		animation-name: hvr-push;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
	&:focus {
		-webkit-animation-name: hvr-push;
		animation-name: hvr-push;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
	&:active {
		-webkit-animation-name: hvr-push;
		animation-name: hvr-push;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
}
.hvr-pop {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&:hover {
		-webkit-animation-name: hvr-pop;
		animation-name: hvr-pop;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
	&:focus {
		-webkit-animation-name: hvr-pop;
		animation-name: hvr-pop;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
	&:active {
		-webkit-animation-name: hvr-pop;
		animation-name: hvr-pop;
		-webkit-animation-duration: 0.3s;
		animation-duration: 0.3s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
}
.hvr-bounce-in {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	&:hover {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	}
	&:focus {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	}
	&:active {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
		-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	}
}
.hvr-bounce-out {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	&:hover {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	}
	&:focus {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	}
	&:active {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
		-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
	}
}
.hvr-rotate {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:hover {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	&:focus {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	&:active {
		-webkit-transform: rotate(4deg);
		transform: rotate(4deg);
	}
}
.hvr-grow-rotate {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:hover {
		-webkit-transform: scale(1.1) rotate(4deg);
		transform: scale(1.1) rotate(4deg);
	}
	&:focus {
		-webkit-transform: scale(1.1) rotate(4deg);
		transform: scale(1.1) rotate(4deg);
	}
	&:active {
		-webkit-transform: scale(1.1) rotate(4deg);
		transform: scale(1.1) rotate(4deg);
	}
}
.hvr-float {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	&:hover {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	&:focus {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
	&:active {
		-webkit-transform: translateY(-8px);
		transform: translateY(-8px);
	}
}
.hvr-sink {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	&:hover {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	&:focus {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
	&:active {
		-webkit-transform: translateY(8px);
		transform: translateY(8px);
	}
}
.hvr-bob {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&: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;
	}
	&:focus {
		-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;
	}
	&:active {
		-webkit-animation-name: hvr-bob-float, hvr-bob;
		animation-name: hvr-bob-float, hvr-bob;
		-webkit-animation-duration: .3s, 1.5s;
		animation-duration: .3s, 1.5s;
		-webkit-animation-delay: 0s, .3s;
		animation-delay: 0s, .3s;
		-webkit-animation-timing-function: ease-out, ease-in-out;
		animation-timing-function: ease-out, ease-in-out;
		-webkit-animation-iteration-count: 1, infinite;
		animation-iteration-count: 1, infinite;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-direction: normal, alternate;
		animation-direction: normal, alternate;
	}
}
.hvr-hang {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&: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;
	}
	&:focus {
		-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;
	}
	&:active {
		-webkit-animation-name: hvr-hang-sink, hvr-hang;
		animation-name: hvr-hang-sink, hvr-hang;
		-webkit-animation-duration: .3s, 1.5s;
		animation-duration: .3s, 1.5s;
		-webkit-animation-delay: 0s, .3s;
		animation-delay: 0s, .3s;
		-webkit-animation-timing-function: ease-out, ease-in-out;
		animation-timing-function: ease-out, ease-in-out;
		-webkit-animation-iteration-count: 1, infinite;
		animation-iteration-count: 1, infinite;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
		-webkit-animation-direction: normal, alternate;
		animation-direction: normal, alternate;
	}
}
.hvr-skew {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:hover {
		-webkit-transform: skew(-10deg);
		transform: skew(-10deg);
	}
	&:focus {
		-webkit-transform: skew(-10deg);
		transform: skew(-10deg);
	}
	&:active {
		-webkit-transform: skew(-10deg);
		transform: skew(-10deg);
	}
}
.hvr-skew-forward {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	&:hover {
		-webkit-transform: skew(-10deg);
		transform: skew(-10deg);
	}
	&:focus {
		-webkit-transform: skew(-10deg);
		transform: skew(-10deg);
	}
	&:active {
		-webkit-transform: skew(-10deg);
		transform: skew(-10deg);
	}
}
.hvr-skew-backward {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	&:hover {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	&:focus {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
	&:active {
		-webkit-transform: skew(10deg);
		transform: skew(10deg);
	}
}
.hvr-wobble-vertical {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&: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;
	}
	&:focus {
		-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;
	}
	&:active {
		-webkit-animation-name: hvr-wobble-vertical;
		animation-name: hvr-wobble-vertical;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
}
.hvr-wobble-horizontal {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&: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;
	}
	&:focus {
		-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;
	}
	&:active {
		-webkit-animation-name: hvr-wobble-horizontal;
		animation-name: hvr-wobble-horizontal;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
}
.hvr-wobble-to-bottom-right {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&: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;
	}
	&:focus {
		-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;
	}
	&:active {
		-webkit-animation-name: hvr-wobble-to-bottom-right;
		animation-name: hvr-wobble-to-bottom-right;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
}
.hvr-wobble-to-top-right {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&: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;
	}
	&:focus {
		-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;
	}
	&:active {
		-webkit-animation-name: hvr-wobble-to-top-right;
		animation-name: hvr-wobble-to-top-right;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
}
.hvr-wobble-top {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transform-origin: 0 100%;
	transform-origin: 0 100%;
	&: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;
	}
	&:focus {
		-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;
	}
	&:active {
		-webkit-animation-name: hvr-wobble-top;
		animation-name: hvr-wobble-top;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
}
.hvr-wobble-bottom {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	&: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;
	}
	&:focus {
		-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;
	}
	&:active {
		-webkit-animation-name: hvr-wobble-bottom;
		animation-name: hvr-wobble-bottom;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
}
.hvr-wobble-skew {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&: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;
	}
	&:focus {
		-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;
	}
	&:active {
		-webkit-animation-name: hvr-wobble-skew;
		animation-name: hvr-wobble-skew;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
}
.hvr-buzz {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&:hover {
		-webkit-animation-name: hvr-buzz;
		animation-name: hvr-buzz;
		-webkit-animation-duration: 0.15s;
		animation-duration: 0.15s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}
	&:focus {
		-webkit-animation-name: hvr-buzz;
		animation-name: hvr-buzz;
		-webkit-animation-duration: 0.15s;
		animation-duration: 0.15s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}
	&:active {
		-webkit-animation-name: hvr-buzz;
		animation-name: hvr-buzz;
		-webkit-animation-duration: 0.15s;
		animation-duration: 0.15s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
	}
}
.hvr-buzz-out {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	&:hover {
		-webkit-animation-name: hvr-buzz-out;
		animation-name: hvr-buzz-out;
		-webkit-animation-duration: 0.75s;
		animation-duration: 0.75s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
	&:focus {
		-webkit-animation-name: hvr-buzz-out;
		animation-name: hvr-buzz-out;
		-webkit-animation-duration: 0.75s;
		animation-duration: 0.75s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
	&:active {
		-webkit-animation-name: hvr-buzz-out;
		animation-name: hvr-buzz-out;
		-webkit-animation-duration: 0.75s;
		animation-duration: 0.75s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: 1;
		animation-iteration-count: 1;
	}
}
.hvr-forward {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:hover {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	&:focus {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
	&:active {
		-webkit-transform: translateX(8px);
		transform: translateX(8px);
	}
}
.hvr-backward {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:hover {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px);
	}
	&:focus {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px);
	}
	&:active {
		-webkit-transform: translateX(-8px);
		transform: translateX(-8px);
	}
}
.hvr-fade {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	overflow: hidden;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	&:hover {
		background-color: $dark !important;
		color: $white !important;
	}
	&:focus {
		background-color: $dark !important;
		color: $white !important;
	}
	&:active {
		background-color: $dark !important;
		color: $white !important;
	}
}
.hvr-back-pulse {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	overflow: hidden;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	&:hover {
		-webkit-animation-name: hvr-back-pulse;
		animation-name: hvr-back-pulse;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		background-color: $dark;
		background-color: $dark;
		color: $white;
	}
	&:focus {
		-webkit-animation-name: hvr-back-pulse;
		animation-name: hvr-back-pulse;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		background-color: $dark;
		background-color: $dark;
		color: $white;
	}
	&:active {
		-webkit-animation-name: hvr-back-pulse;
		animation-name: hvr-back-pulse;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
		-webkit-animation-timing-function: linear;
		animation-timing-function: linear;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		background-color: $dark;
		background-color: $dark;
		color: $white;
	}
}
.hvr-sweep-to-right {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $dark;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			background-color: $dark;
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			background-color: $dark;
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			background-color: $dark;
		}
	}
}
.hvr-sweep-to-left {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $dark;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}
	}
}
.hvr-sweep-to-bottom {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $dark;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}
	}
}
.hvr-sweep-to-top {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $dark;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}
	}
}
.hvr-bounce-to-right {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $dark;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 0 50%;
		transform-origin: 0 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
}
.hvr-bounce-to-left {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $dark;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
}
.hvr-bounce-to-bottom {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $dark;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 0;
		transform-origin: 50% 0;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
}
.hvr-bounce-to-top {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $dark;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50% 100%;
		transform-origin: 50% 100%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
			-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
}
.hvr-radial-out {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	overflow: hidden;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $dark;
		border-radius: 100%;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scale(2);
			transform: scale(2);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scale(2);
			transform: scale(2);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scale(2);
			transform: scale(2);
		}
	}
}
.hvr-radial-in {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	overflow: hidden;
	background: $dark;
	border-color: $additional-color-4;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $additional-color-4;
		border-radius: 100%;
		-webkit-transform: scale(2);
		transform: scale(2);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scale(0);
			transform: scale(0);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scale(0);
			transform: scale(0);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scale(0);
			transform: scale(0);
		}
	}
}
.hvr-rectangle-in {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	background: $dark;
	border-color: $additional-color-4;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $additional-color-4;
		-webkit-transform: scale(1);
		transform: scale(1);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scale(0);
			transform: scale(0);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scale(0);
			transform: scale(0);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scale(0);
			transform: scale(0);
		}
	}
}
.hvr-rectangle-out {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: $dark;
		-webkit-transform: scale(0);
		transform: scale(0);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scale(1);
			transform: scale(1);
		}
	}
}
.hvr-shutter-in-horizontal {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	background: $dark;
	border-color: $additional-color-4;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: $additional-color-4;
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleX(0);
			transform: scaleX(0);
		}
	}
}
.hvr-shutter-out-horizontal {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: $dark;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleX(1);
			transform: scaleX(1);
		}
	}
}
.hvr-shutter-in-vertical {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	background: $dark;
	border-color: $additional-color-4;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: $additional-color-4;
		-webkit-transform: scaleY(1);
		transform: scaleY(1);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
		}
	}
}
.hvr-shutter-out-vertical {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-property: color;
	transition-property: color;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background: $dark;
		-webkit-transform: scaleY(0);
		transform: scaleY(0);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}
	}
	&:focus {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}
	}
	&:active {
		color: $white;
		&:before {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		}
	}
}
.hvr-border-fade {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	box-shadow: inset 0 0 0 4px #00b1f4, $shadow-38;
	&:hover {
		box-shadow: inset 0 0 0 4px $dark, $shadow-38;
	}
	&:focus {
		box-shadow: inset 0 0 0 4px $dark, $shadow-38;
	}
	&:active {
		box-shadow: inset 0 0 0 4px $dark, $shadow-38;
	}
}
.hvr-hollow {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: background;
	transition-property: background;
	box-shadow: inset 0 0 0 4px $dark, $shadow-38;
	&:hover {
		background: none;
		color: $dark !important;
	}
	&:focus {
		background: none;
		color: $dark !important;
	}
	&:active {
		background: none;
		color: $dark !important;
	}
}
.hvr-trim {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		content: '';
		position: $pos-abs;
		border: $dark $solid 4px;
		top: 4px;
		left: 4px;
		right: 4px;
		bottom: 4px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
	}
	&:hover {
		&:before {
			opacity: 1;
		}
	}
	&:focus {
		&:before {
			opacity: 1;
		}
	}
	&:active {
		&:before {
			opacity: 1;
		}
	}
}
.hvr-ripple-out {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		content: '';
		position: $pos-abs;
		border: $dark $solid 6px;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-ripple-out;
			animation-name: hvr-ripple-out;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-ripple-out;
			animation-name: hvr-ripple-out;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-ripple-out;
			animation-name: hvr-ripple-out;
		}
	}
}
.hvr-ripple-in {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		content: '';
		position: $pos-abs;
		border: $dark $solid 4px;
		top: -12px;
		right: -12px;
		bottom: -12px;
		left: -12px;
		opacity: 0;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-ripple-in;
			animation-name: hvr-ripple-in;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-ripple-in;
			animation-name: hvr-ripple-in;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-ripple-in;
			animation-name: hvr-ripple-in;
		}
	}
}
.hvr-outline-out {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		content: '';
		position: $pos-abs;
		border: $dark $solid $b-width-4;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: top, right, bottom, left;
		transition-property: top, right, bottom, left;
	}
	&:hover {
		&:before {
			top: -8px;
			right: -8px;
			bottom: -8px;
			left: -8px;
		}
	}
	&:focus {
		&:before {
			top: -8px;
			right: -8px;
			bottom: -8px;
			left: -8px;
		}
	}
	&:active {
		&:before {
			top: -8px;
			right: -8px;
			bottom: -8px;
			left: -8px;
		}
	}
}
.hvr-outline-in {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		pointer-events: none;
		content: '';
		position: $pos-abs;
		border: $dark $solid $b-width-4;
		top: -16px;
		right: -16px;
		bottom: -16px;
		left: -16px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: top, right, bottom, left;
		transition-property: top, right, bottom, left;
	}
	&:hover {
		&:before {
			top: -8px;
			right: -8px;
			bottom: -8px;
			left: -8px;
			opacity: 1;
		}
	}
	&:focus {
		&:before {
			top: -8px;
			right: -8px;
			bottom: -8px;
			left: -8px;
			opacity: 1;
		}
	}
	&:active {
		&:before {
			top: -8px;
			right: -8px;
			bottom: -8px;
			left: -8px;
			opacity: 1;
		}
	}
}
.hvr-round-corners {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: border-radius;
	transition-property: border-radius;
	&:hover {
		border-radius: 1em;
	}
	&:focus {
		border-radius: 1em;
	}
	&:active {
		border-radius: 1em;
	}
}
.hvr-underline-from-left {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	overflow: hidden;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		left: 0;
		right: 100%;
		bottom: 0;
		background: $dark;
		height: 4px;
		-webkit-transition-property: right;
		transition-property: right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			right: 0;
		}
	}
	&:focus {
		&:before {
			right: 0;
		}
	}
	&:active {
		&:before {
			right: 0;
		}
	}
}
.hvr-underline-from-center {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	overflow: hidden;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		left: 50%;
		right: 50%;
		bottom: 0;
		background: $dark;
		height: 4px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			left: 0;
			right: 0;
		}
	}
	&:focus {
		&:before {
			left: 0;
			right: 0;
		}
	}
	&:active {
		&:before {
			left: 0;
			right: 0;
		}
	}
}
.hvr-underline-from-right {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	overflow: hidden;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		left: 100%;
		right: 0;
		bottom: 0;
		background: $dark;
		height: 4px;
		-webkit-transition-property: left;
		transition-property: left;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			left: 0;
		}
	}
	&:focus {
		&:before {
			left: 0;
		}
	}
	&:active {
		&:before {
			left: 0;
		}
	}
}
.hvr-overline-from-left {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	overflow: hidden;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		left: 0;
		right: 100%;
		top: 0;
		background: $dark;
		height: 4px;
		-webkit-transition-property: right;
		transition-property: right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			right: 0;
		}
	}
	&:focus {
		&:before {
			right: 0;
		}
	}
	&:active {
		&:before {
			right: 0;
		}
	}
}
.hvr-overline-from-center {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	overflow: hidden;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		left: 50%;
		right: 50%;
		top: 0;
		background: $dark;
		height: 4px;
		-webkit-transition-property: left, right;
		transition-property: left, right;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			left: 0;
			right: 0;
		}
	}
	&:focus {
		&:before {
			left: 0;
			right: 0;
		}
	}
	&:active {
		&:before {
			left: 0;
			right: 0;
		}
	}
}
.hvr-overline-from-right {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	overflow: hidden;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		left: 100%;
		right: 0;
		top: 0;
		background: $dark;
		height: 4px;
		-webkit-transition-property: left;
		transition-property: left;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			left: 0;
		}
	}
	&:focus {
		&:before {
			left: 0;
		}
	}
	&:active {
		&:before {
			left: 0;
		}
	}
}
.hvr-reveal {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	overflow: hidden;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		border-color: $dark;
		border-style: $solid;
		border-width: 0;
		-webkit-transition-property: border-width;
		transition-property: border-width;
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			border-width: $b-width-4;
		}
	}
	&:focus {
		&:before {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			border-width: $b-width-4;
		}
	}
	&:active {
		&:before {
			-webkit-transform: translateY(0);
			transform: translateY(0);
			border-width: $b-width-4;
		}
	}
}
.hvr-underline-reveal {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	overflow: hidden;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		left: 0;
		right: 0;
		bottom: 0;
		background: $dark;
		height: 4px;
		-webkit-transform: translateY(4px);
		transform: translateY(4px);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}
	&:active {
		&:before {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}
}
.hvr-overline-reveal {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	overflow: hidden;
	&:before {
		content: "";
		position: $pos-abs;
		z-index: -1;
		left: 0;
		right: 0;
		top: 0;
		background: $dark;
		height: 4px;
		-webkit-transform: translateY(-4px);
		transform: translateY(-4px);
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}
	&:active {
		&:before {
			-webkit-transform: translateY(0);
			transform: translateY(0);
		}
	}
}
.hvr-glow {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	&:hover {
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	}
	&:focus {
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	}
	&:active {
		box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	}
}
.hvr-shadow {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	&:hover {
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	}
	&:focus {
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	}
	&:active {
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
	}
}
.hvr-grow-shadow {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow, transform;
	transition-property: box-shadow, transform;
	&:hover {
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	&:focus {
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	&:active {
		box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
}
.hvr-box-shadow-outset {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	&:hover {
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
	}
	&:focus {
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
	}
	&:active {
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
	}
}
.hvr-box-shadow-inset {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: box-shadow;
	transition-property: box-shadow;
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), $shadow-38;
	&:hover {
		box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), $shadow-38;
	}
	&:focus {
		box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), $shadow-38;
	}
	&:active {
		box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), $shadow-38;
	}
}
.hvr-float-shadow {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:before {
		pointer-events: none;
		position: $pos-abs;
		z-index: -1;
		content: '';
		top: 100%;
		left: 5%;
		height: 10px;
		width: 90%;
		opacity: 0;
		background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
		background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform, opacity;
		transition-property: transform, opacity;
	}
	&:hover {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
		&:before {
			opacity: 1;
			-webkit-transform: translateY(5px);
			transform: translateY(5px);
		}
	}
	&:focus {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
		&:before {
			opacity: 1;
			-webkit-transform: translateY(5px);
			transform: translateY(5px);
		}
	}
	&:active {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px);
		&:before {
			opacity: 1;
			-webkit-transform: translateY(5px);
			transform: translateY(5px);
		}
	}
}
.hvr-shadow-radial {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		pointer-events: none;
		position: $pos-abs;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
		bottom: 100%;
		background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
		background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
	}
	&:after {
		pointer-events: none;
		position: $pos-abs;
		content: '';
		left: 0;
		width: 100%;
		box-sizing: border-box;
		background-repeat: no-repeat;
		height: 5px;
		opacity: 0;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: opacity;
		transition-property: opacity;
		top: 100%;
		background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
		background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
	}
	&:hover {
		&:before {
			opacity: 1;
		}
		&:after {
			opacity: 1;
		}
	}
	&:focus {
		&:before {
			opacity: 1;
		}
		&:after {
			opacity: 1;
		}
	}
	&:active {
		&:before {
			opacity: 1;
		}
		&:after {
			opacity: 1;
		}
	}
}
.hvr-bubble-top {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		pointer-events: none;
		position: $pos-abs;
		z-index: -1;
		content: '';
		border-style: $solid;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		left: calc(50% - 10px);
		top: 0;
		border-width: $b-width-0 $b-width-10 $b-width-10 $b-width-10;
		border-color: $color_none $color_none $additional-color-8;
	}
	&:hover {
		&:before {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
	}
	&:active {
		&:before {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
	}
}
.hvr-bubble-right {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		pointer-events: none;
		position: $pos-abs;
		z-index: -1;
		content: '';
		border-style: $solid;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		top: calc(50% - 10px);
		right: 0;
		border-width: $b-width-10 $b-width-0 $b-width-10 $b-width-10;
		border-color: $color_none $color_none $color_none $additional-color-8;
	}
	&:hover {
		&:before {
			-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}
	}
	&:active {
		&:before {
			-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}
	}
}
.hvr-bubble-bottom {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		pointer-events: none;
		position: $pos-abs;
		z-index: -1;
		content: '';
		border-style: $solid;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		left: calc(50% - 10px);
		bottom: 0;
		border-width: $b-width-10 $b-width-10 $b-width-0 $b-width-10;
		border-color: $additional-color-8 $color_none $color_none $color_none;
	}
	&:hover {
		&:before {
			-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
	}
	&:active {
		&:before {
			-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
	}
}
.hvr-bubble-left {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		pointer-events: none;
		position: $pos-abs;
		z-index: -1;
		content: '';
		border-style: $solid;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		top: calc(50% - 10px);
		left: 0;
		border-width: $b-width-10 $b-width-10 $b-width-10 $b-width-0;
		border-color: $color_none $additional-color-8;
	}
	&:hover {
		&:before {
			-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}
	}
	&:active {
		&:before {
			-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}
	}
}
.hvr-bubble-float-top {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:before {
		position: $pos-abs;
		z-index: -1;
		content: '';
		left: calc(50% - 10px);
		top: 0;
		border-style: $solid;
		border-width: $b-width-0 $b-width-10 $b-width-10 $b-width-10;
		border-color: $color_none $color_none $additional-color-8;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
	&:hover {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		&:before {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
	}
	&:focus {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		&:before {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
	}
	&:active {
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
		&:before {
			-webkit-transform: translateY(-10px);
			transform: translateY(-10px);
		}
	}
}
.hvr-bubble-float-right {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:before {
		position: $pos-abs;
		z-index: -1;
		top: calc(50% - 10px);
		right: 0;
		content: '';
		border-style: $solid;
		border-width: $b-width-10 $b-width-0 $b-width-10 $b-width-10;
		border-color: $color_none $color_none $color_none $additional-color-8;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
	&:hover {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
		&:before {
			-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}
	}
	&:focus {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
		&:before {
			-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}
	}
	&:active {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
		&:before {
			-webkit-transform: translateX(10px);
			transform: translateX(10px);
		}
	}
}
.hvr-bubble-float-bottom {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:before {
		position: $pos-abs;
		z-index: -1;
		content: '';
		left: calc(50% - 10px);
		bottom: 0;
		border-style: $solid;
		border-width: $b-width-10 $b-width-10 $b-width-0 $b-width-10;
		border-color: $additional-color-8 $color_none $color_none $color_none;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
	&:hover {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
		&:before {
			-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
	}
	&:focus {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
		&:before {
			-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
	}
	&:active {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px);
		&:before {
			-webkit-transform: translateY(10px);
			transform: translateY(10px);
		}
	}
}
.hvr-bubble-float-left {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: transform;
	transition-property: transform;
	&:before {
		position: $pos-abs;
		z-index: -1;
		content: '';
		top: calc(50% - 10px);
		left: 0;
		border-style: $solid;
		border-width: $b-width-10 $b-width-10 $b-width-10 $b-width-0;
		border-color: $color_none $additional-color-8;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
	}
	&:hover {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
		&:before {
			-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}
	}
	&:focus {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
		&:before {
			-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}
	}
	&:active {
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
		&:before {
			-webkit-transform: translateX(-10px);
			transform: translateX(-10px);
		}
	}
}
.hvr-icon-back {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-left: 2.2em;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	&:before {
		content: "\f192";
		position: $pos-abs;
		left: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: translateX(-4px);
			transform: translateX(-4px);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: translateX(-4px);
			transform: translateX(-4px);
		}
	}
	&:active {
		&:before {
			-webkit-transform: translateX(-4px);
			transform: translateX(-4px);
		}
	}
}
.hvr-icon-forward {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.1s;
	transition-duration: 0.1s;
	&:before {
		content: "\f191";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.1s;
		transition-duration: 0.1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: translateX(4px);
			transform: translateX(4px);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: translateX(4px);
			transform: translateX(4px);
		}
	}
	&:active {
		&:before {
			-webkit-transform: translateX(4px);
			transform: translateX(4px);
		}
	}
}
.hvr-icon-down {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	&:before {
		content: "\f182";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-down;
			animation-name: hvr-icon-down;
			-webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-down;
			animation-name: hvr-icon-down;
			-webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-down;
			animation-name: hvr-icon-down;
			-webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
}
.hvr-icon-up {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	&:before {
		content: "\f181";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-up;
			animation-name: hvr-icon-up;
			-webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-up;
			animation-name: hvr-icon-up;
			-webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-up;
			animation-name: hvr-icon-up;
			-webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
}
.hvr-icon-spin {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	&:before {
		content: "\f2a1";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transition-duration: 1s;
		transition-duration: 1s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
	}
	&:hover {
		&:before {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
	&:active {
		&:before {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		}
	}
}
.hvr-icon-drop {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	&:before {
		content: "\f29d";
		position: $pos-abs;
		right: 10px;
		opacity: 1;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	&:hover {
		&:before {
			opacity: 0;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-animation-name: hvr-icon-drop;
			animation-name: hvr-icon-drop;
			-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
			-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
			-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
	&:focus {
		&:before {
			opacity: 0;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-animation-name: hvr-icon-drop;
			animation-name: hvr-icon-drop;
			-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
			-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
			-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
	&:active {
		&:before {
			opacity: 0;
			-webkit-transition-duration: 0.3s;
			transition-duration: 0.3s;
			-webkit-animation-name: hvr-icon-drop;
			animation-name: hvr-icon-drop;
			-webkit-animation-duration: 0.5s;
			animation-duration: 0.5s;
			-webkit-animation-delay: 0.3s;
			animation-delay: 0.3s;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
			-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
			animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
		}
	}
}
.hvr-icon-fade {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	&:before {
		content: "\e9c5";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		-webkit-transition-property: color;
		transition-property: color;
	}
	&:hover {
		&:before {
			color: $color_3;
		}
	}
	&:focus {
		&:before {
			color: $color_3;
		}
	}
	&:active {
		&:before {
			color: $color_3;
		}
	}
}
.hvr-icon-float-away {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	&:before {
		content: "\e943";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
	}
	&:after {
		content: "\e943";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		opacity: 0;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	&:hover {
		&:after {
			-webkit-animation-name: hvr-icon-float-away;
			animation-name: hvr-icon-float-away;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
	&:focus {
		&:after {
			-webkit-animation-name: hvr-icon-float-away;
			animation-name: hvr-icon-float-away;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
	&:active {
		&:after {
			-webkit-animation-name: hvr-icon-float-away;
			animation-name: hvr-icon-float-away;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
}
.hvr-icon-sink-away {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	&:before {
		content: "\e931";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	&:after {
		content: "\e931";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		opacity: 0;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;
		-webkit-animation-fill-mode: forwards;
		animation-fill-mode: forwards;
	}
	&:hover {
		&:after {
			-webkit-animation-name: hvr-icon-sink-away;
			animation-name: hvr-icon-sink-away;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
	&:focus {
		&:after {
			-webkit-animation-name: hvr-icon-sink-away;
			animation-name: hvr-icon-sink-away;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
	&:active {
		&:after {
			-webkit-animation-name: hvr-icon-sink-away;
			animation-name: hvr-icon-sink-away;
			-webkit-animation-timing-function: ease-out;
			animation-timing-function: ease-out;
		}
	}
}
.hvr-icon-grow {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\e93b";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: scale(1.3) translateZ(0);
			transform: scale(1.3) translateZ(0);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: scale(1.3) translateZ(0);
			transform: scale(1.3) translateZ(0);
		}
	}
	&:active {
		&:before {
			-webkit-transform: scale(1.3) translateZ(0);
			transform: scale(1.3) translateZ(0);
		}
	}
}
.hvr-icon-shrink {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\e990";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: scale(0.8);
			transform: scale(0.8);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: scale(0.8);
			transform: scale(0.8);
		}
	}
	&:active {
		&:before {
			-webkit-transform: scale(0.8);
			transform: scale(0.8);
		}
	}
}
.hvr-icon-pulse {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	&:before {
		content: "\e997";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-pulse;
			animation-name: hvr-icon-pulse;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-pulse;
			animation-name: hvr-icon-pulse;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-pulse;
			animation-name: hvr-icon-pulse;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
		}
	}
}
.hvr-icon-pulse-grow {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	&:before {
		content: "\e993";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-pulse-grow;
			animation-name: hvr-icon-pulse-grow;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			animation-direction: alternate;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-pulse-grow;
			animation-name: hvr-icon-pulse-grow;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			animation-direction: alternate;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-pulse-grow;
			animation-name: hvr-icon-pulse-grow;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			animation-direction: alternate;
		}
	}
}
.hvr-icon-pulse-shrink {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	&:before {
		content: "\e9c1";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-pulse-shrink;
			animation-name: hvr-icon-pulse-shrink;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			animation-direction: alternate;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-pulse-shrink;
			animation-name: hvr-icon-pulse-shrink;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			animation-direction: alternate;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-pulse-shrink;
			animation-name: hvr-icon-pulse-shrink;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
			-webkit-animation-direction: alternate;
			animation-direction: alternate;
		}
	}
}
.hvr-icon-push {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\f13f";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-push;
			animation-name: hvr-icon-push;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-push;
			animation-name: hvr-icon-push;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-push;
			animation-name: hvr-icon-push;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
}
.hvr-icon-pop {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\e924";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-pop;
			animation-name: hvr-icon-pop;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-pop;
			animation-name: hvr-icon-pop;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-pop;
			animation-name: hvr-icon-pop;
			-webkit-animation-duration: 0.3s;
			animation-duration: 0.3s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
}
.hvr-icon-bounce {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\f2a2";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: scale(1.5);
			transform: scale(1.5);
			-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: scale(1.5);
			transform: scale(1.5);
			-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		}
	}
	&:active {
		&:before {
			-webkit-transform: scale(1.5);
			transform: scale(1.5);
			-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
			transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
		}
	}
}
.hvr-icon-rotate {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\f209";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: rotate(20deg);
			transform: rotate(20deg);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: rotate(20deg);
			transform: rotate(20deg);
		}
	}
	&:active {
		&:before {
			-webkit-transform: rotate(20deg);
			transform: rotate(20deg);
		}
	}
}
.hvr-icon-grow-rotate {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\e946";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: scale(1.5) rotate(12deg);
			transform: scale(1.5) rotate(12deg);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: scale(1.5) rotate(12deg);
			transform: scale(1.5) rotate(12deg);
		}
	}
	&:active {
		&:before {
			-webkit-transform: scale(1.5) rotate(12deg);
			transform: scale(1.5) rotate(12deg);
		}
	}
}
.hvr-icon-float {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\e94c";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: translateY(-4px);
			transform: translateY(-4px);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: translateY(-4px);
			transform: translateY(-4px);
		}
	}
	&:active {
		&:before {
			-webkit-transform: translateY(-4px);
			transform: translateY(-4px);
		}
	}
}
.hvr-icon-sink {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\e94c";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	&:hover {
		&:before {
			-webkit-transform: translateY(4px);
			transform: translateY(4px);
		}
	}
	&:focus {
		&:before {
			-webkit-transform: translateY(4px);
			transform: translateY(4px);
		}
	}
	&:active {
		&:before {
			-webkit-transform: translateY(4px);
			transform: translateY(4px);
		}
	}
}
.hvr-icon-bob {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\f2e1";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
			animation-name: hvr-icon-bob-float, hvr-icon-bob;
			-webkit-animation-duration: .3s, 1.5s;
			animation-duration: .3s, 1.5s;
			-webkit-animation-delay: 0s, .3s;
			animation-delay: 0s, .3s;
			-webkit-animation-timing-function: ease-out, ease-in-out;
			animation-timing-function: ease-out, ease-in-out;
			-webkit-animation-iteration-count: 1, infinite;
			animation-iteration-count: 1, infinite;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-animation-direction: normal, alternate;
			animation-direction: normal, alternate;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
			animation-name: hvr-icon-bob-float, hvr-icon-bob;
			-webkit-animation-duration: .3s, 1.5s;
			animation-duration: .3s, 1.5s;
			-webkit-animation-delay: 0s, .3s;
			animation-delay: 0s, .3s;
			-webkit-animation-timing-function: ease-out, ease-in-out;
			animation-timing-function: ease-out, ease-in-out;
			-webkit-animation-iteration-count: 1, infinite;
			animation-iteration-count: 1, infinite;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-animation-direction: normal, alternate;
			animation-direction: normal, alternate;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
			animation-name: hvr-icon-bob-float, hvr-icon-bob;
			-webkit-animation-duration: .3s, 1.5s;
			animation-duration: .3s, 1.5s;
			-webkit-animation-delay: 0s, .3s;
			animation-delay: 0s, .3s;
			-webkit-animation-timing-function: ease-out, ease-in-out;
			animation-timing-function: ease-out, ease-in-out;
			-webkit-animation-iteration-count: 1, infinite;
			animation-iteration-count: 1, infinite;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-animation-direction: normal, alternate;
			animation-direction: normal, alternate;
		}
	}
}
.hvr-icon-hang {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\f2e1";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
			animation-name: hvr-icon-hang-sink, hvr-icon-hang;
			-webkit-animation-duration: .3s, 1.5s;
			animation-duration: .3s, 1.5s;
			-webkit-animation-delay: 0s, .3s;
			animation-delay: 0s, .3s;
			-webkit-animation-timing-function: ease-out, ease-in-out;
			animation-timing-function: ease-out, ease-in-out;
			-webkit-animation-iteration-count: 1, infinite;
			animation-iteration-count: 1, infinite;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-animation-direction: normal, alternate;
			animation-direction: normal, alternate;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
			animation-name: hvr-icon-hang-sink, hvr-icon-hang;
			-webkit-animation-duration: .3s, 1.5s;
			animation-duration: .3s, 1.5s;
			-webkit-animation-delay: 0s, .3s;
			animation-delay: 0s, .3s;
			-webkit-animation-timing-function: ease-out, ease-in-out;
			animation-timing-function: ease-out, ease-in-out;
			-webkit-animation-iteration-count: 1, infinite;
			animation-iteration-count: 1, infinite;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-animation-direction: normal, alternate;
			animation-direction: normal, alternate;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
			animation-name: hvr-icon-hang-sink, hvr-icon-hang;
			-webkit-animation-duration: .3s, 1.5s;
			animation-duration: .3s, 1.5s;
			-webkit-animation-delay: 0s, .3s;
			animation-delay: 0s, .3s;
			-webkit-animation-timing-function: ease-out, ease-in-out;
			animation-timing-function: ease-out, ease-in-out;
			-webkit-animation-iteration-count: 1, infinite;
			animation-iteration-count: 1, infinite;
			-webkit-animation-fill-mode: forwards;
			animation-fill-mode: forwards;
			-webkit-animation-direction: normal, alternate;
			animation-direction: normal, alternate;
		}
	}
}
.hvr-icon-wobble-horizontal {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\f2b8";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-wobble-horizontal;
			animation-name: hvr-icon-wobble-horizontal;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-wobble-horizontal;
			animation-name: hvr-icon-wobble-horizontal;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-wobble-horizontal;
			animation-name: hvr-icon-wobble-horizontal;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
}
.hvr-icon-wobble-vertical {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\f144";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-wobble-vertical;
			animation-name: hvr-icon-wobble-vertical;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-wobble-vertical;
			animation-name: hvr-icon-wobble-vertical;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-wobble-vertical;
			animation-name: hvr-icon-wobble-vertical;
			-webkit-animation-duration: 1s;
			animation-duration: 1s;
			-webkit-animation-timing-function: ease-in-out;
			animation-timing-function: ease-in-out;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
}
.hvr-icon-buzz {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\f1e6";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-buzz;
			animation-name: hvr-icon-buzz;
			-webkit-animation-duration: 0.15s;
			animation-duration: 0.15s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-buzz;
			animation-name: hvr-icon-buzz;
			-webkit-animation-duration: 0.15s;
			animation-duration: 0.15s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-buzz;
			animation-name: hvr-icon-buzz;
			-webkit-animation-duration: 0.15s;
			animation-duration: 0.15s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: infinite;
			animation-iteration-count: infinite;
		}
	}
}
.hvr-icon-buzz-out {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	padding-right: 2.2em;
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	&:before {
		content: "\f221";
		position: $pos-abs;
		right: 10px;
		padding: 0 1px;
		font-family: $font_family_1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0);
	}
	&:hover {
		&:before {
			-webkit-animation-name: hvr-icon-buzz-out;
			animation-name: hvr-icon-buzz-out;
			-webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
	&:focus {
		&:before {
			-webkit-animation-name: hvr-icon-buzz-out;
			animation-name: hvr-icon-buzz-out;
			-webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
	&:active {
		&:before {
			-webkit-animation-name: hvr-icon-buzz-out;
			animation-name: hvr-icon-buzz-out;
			-webkit-animation-duration: 0.75s;
			animation-duration: 0.75s;
			-webkit-animation-timing-function: linear;
			animation-timing-function: linear;
			-webkit-animation-iteration-count: 1;
			animation-iteration-count: 1;
		}
	}
}
.hvr-curl-top-left {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		pointer-events: none;
		position: $pos-abs;
		content: '';
		height: 0;
		width: 0;
		top: 0;
		left: 0;
		background: white;
		background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
		filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000');
		z-index: 1000;
		box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: width, height;
		transition-property: width, height;
	}
	&:hover {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
	&:focus {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
	&:active {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
}
.hvr-curl-top-right {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		pointer-events: none;
		position: $pos-abs;
		content: '';
		height: 0;
		width: 0;
		top: 0;
		right: 0;
		background: white;
		background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
		box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: width, height;
		transition-property: width, height;
	}
	&:hover {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
	&:focus {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
	&:active {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
}
.hvr-curl-bottom-right {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		pointer-events: none;
		position: $pos-abs;
		content: '';
		height: 0;
		width: 0;
		bottom: 0;
		right: 0;
		background: white;
		background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
		box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: width, height;
		transition-property: width, height;
	}
	&:hover {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
	&:focus {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
	&:active {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
}
.hvr-curl-bottom-left {
	display: inline-block;
	vertical-align: $v-align-middle;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	box-shadow: $shadow-38;
	position: $pos-rel;
	&:before {
		pointer-events: none;
		position: $pos-abs;
		content: '';
		height: 0;
		width: 0;
		bottom: 0;
		left: 0;
		background: white;
		background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
		box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-property: width, height;
		transition-property: width, height;
	}
	&:hover {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
	&:focus {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
	&:active {
		&:before {
			width: 25px;
			height: 25px;
		}
	}
}