/*!
  Effect.less
  @name effect.css
  @description cross-browser css3 animation library with predefined animation sequences
  @version 1.0.0
  @copyright (c) 2016 Max Lawrence (http://www.avirtum.com)
  @license Licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) license.
*/

.fx-bounce,
.fx-pulse {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

.fx-infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.fx-bounce {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bounce;
	animation-name: fx-bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes fx-bounce {
	20%,
	53%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

@keyframes fx-bounce {
	20%,
	53%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	40%,
	43% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -30px, 0);
		transform: translate3d(0, -30px, 0)
	}
	70% {
		-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		animation-timing-function: cubic-bezier(.755, .05, .855, .06);
		-webkit-transform: translate3d(0, -15px, 0);
		transform: translate3d(0, -15px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -4px, 0);
		transform: translate3d(0, -4px, 0)
	}
}

.fx-pulse {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-pulse;
	animation-name: fx-pulse
}

.fx-rubberBand,
.fx-shake {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-pulse {
	from,
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
}

@keyframes fx-pulse {
	from,
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	50% {
		-webkit-transform: scale3d(1.05, 1.05, 1.05);
		transform: scale3d(1.05, 1.05, 1.05)
	}
}

.fx-rubberBand {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rubberBand;
	animation-name: fx-rubberBand
}

@-webkit-keyframes fx-rubberBand {
	from,
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}
	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
}

@keyframes fx-rubberBand {
	from,
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	30% {
		-webkit-transform: scale3d(1.25, .75, 1);
		transform: scale3d(1.25, .75, 1)
	}
	40% {
		-webkit-transform: scale3d(.75, 1.25, 1);
		transform: scale3d(.75, 1.25, 1)
	}
	50% {
		-webkit-transform: scale3d(1.15, .85, 1);
		transform: scale3d(1.15, .85, 1)
	}
	65% {
		-webkit-transform: scale3d(.95, 1.05, 1);
		transform: scale3d(.95, 1.05, 1)
	}
	75% {
		-webkit-transform: scale3d(1.05, .95, 1);
		transform: scale3d(1.05, .95, 1)
	}
}

.fx-shake {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-shake;
	animation-name: fx-shake
}

.fx-headShake,
.fx-swing {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

@keyframes fx-shake {
	from,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
}

.fx-headShake {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-headShake;
	animation-name: fx-headShake;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

@-webkit-keyframes fx-headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-20deg);
		transform: translateX(-6px) rotateY(-20deg)
	}
	18.5% {
		-webkit-transform: translateX(5px) rotateY(15deg);
		transform: translateX(5px) rotateY(15deg)
	}
	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-10deg);
		transform: translateX(-3px) rotateY(-10deg)
	}
	43.5% {
		-webkit-transform: translateX(2px) rotateY(5deg);
		transform: translateX(2px) rotateY(5deg)
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes fx-headShake {
	0% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	6.5% {
		-webkit-transform: translateX(-6px) rotateY(-20deg);
		transform: translateX(-6px) rotateY(-20deg)
	}
	18.5% {
		-webkit-transform: translateX(5px) rotateY(15deg);
		transform: translateX(5px) rotateY(15deg)
	}
	31.5% {
		-webkit-transform: translateX(-3px) rotateY(-10deg);
		transform: translateX(-3px) rotateY(-10deg)
	}
	43.5% {
		-webkit-transform: translateX(2px) rotateY(5deg);
		transform: translateX(2px) rotateY(5deg)
	}
	50% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

.fx-swing {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-swing;
	animation-name: fx-swing;
	-webkit-transform-origin: top center;
	transform-origin: top center
}

.fx-tada,
.fx-wobble {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}
	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

@keyframes fx-swing {
	20% {
		-webkit-transform: rotate3d(0, 0, 1, 15deg);
		transform: rotate3d(0, 0, 1, 15deg)
	}
	40% {
		-webkit-transform: rotate3d(0, 0, 1, -10deg);
		transform: rotate3d(0, 0, 1, -10deg)
	}
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	80% {
		-webkit-transform: rotate3d(0, 0, 1, -5deg);
		transform: rotate3d(0, 0, 1, -5deg)
	}
	to {
		-webkit-transform: rotate3d(0, 0, 1, 0deg);
		transform: rotate3d(0, 0, 1, 0deg)
	}
}

.fx-tada {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-tada;
	animation-name: fx-tada
}

@-webkit-keyframes fx-tada {
	from,
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}
}

@keyframes fx-tada {
	from,
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
	10%,
	20% {
		-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
	}
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
	}
	40%,
	60%,
	80% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
	}
}

.fx-wobble {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-wobble;
	animation-name: fx-wobble
}

.fx-hinge,
.fx-jello {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-wobble {
	from,
	to {
		-webkit-transform: none;
		transform: none
	}
	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}
	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}
	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}
	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}
	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}
}

@keyframes fx-wobble {
	from,
	to {
		-webkit-transform: none;
		transform: none
	}
	15% {
		-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
		transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
	}
	30% {
		-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
		transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
	}
	45% {
		-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
		transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
	}
	60% {
		-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
		transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
	}
	75% {
		-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
		transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
	}
}

.fx-jello {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-jello;
	animation-name: fx-jello;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes fx-jello {
	11.1%,
	from,
	to {
		-webkit-transform: none;
		transform: none
	}
	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}
	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}
	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}
	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}
	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}
	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}
	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

@keyframes fx-jello {
	11.1%,
	from,
	to {
		-webkit-transform: none;
		transform: none
	}
	22.2% {
		-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
		transform: skewX(-12.5deg) skewY(-12.5deg)
	}
	33.3% {
		-webkit-transform: skewX(6.25deg) skewY(6.25deg);
		transform: skewX(6.25deg) skewY(6.25deg)
	}
	44.4% {
		-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
		transform: skewX(-3.125deg) skewY(-3.125deg)
	}
	55.5% {
		-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
		transform: skewX(1.5625deg) skewY(1.5625deg)
	}
	66.6% {
		-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
		transform: skewX(-.78125deg) skewY(-.78125deg)
	}
	77.7% {
		-webkit-transform: skewX(.390625deg) skewY(.390625deg);
		transform: skewX(.390625deg) skewY(.390625deg)
	}
	88.8% {
		-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
		transform: skewX(-.1953125deg) skewY(-.1953125deg)
	}
}

.fx-hinge {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-hinge;
	animation-name: fx-hinge;
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

.fx-bounceIn,
.fx-bounceInDown {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-hinge {
	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 40deg);
		transform: rotate3d(0, 0, 1, 40deg)
	}
	40%,
	80% {
		opacity: 1;
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 300px, 0)
	}
}

@keyframes fx-hinge {
	20%,
	60% {
		-webkit-transform: rotate3d(0, 0, 1, 40deg);
		transform: rotate3d(0, 0, 1, 40deg)
	}
	40%,
	80% {
		opacity: 1;
		-webkit-transform: rotate3d(0, 0, 1, 5deg);
		transform: rotate3d(0, 0, 1, 5deg)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 300px, 0);
		transform: translate3d(0, 300px, 0)
	}
}

.fx-bounceIn {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bounceIn;
	animation-name: fx-bounceIn
}

@-webkit-keyframes fx-bounceIn {
	20%,
	40%,
	60%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

@keyframes fx-bounceIn {
	20%,
	40%,
	60%,
	80%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}
	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}
	to {
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1)
	}
}

.fx-bounceInDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bounceInDown;
	animation-name: fx-bounceInDown
}

.fx-bounceInLeft,
.fx-bounceInRight {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-bounceInDown {
	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-bounceInDown {
	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -3000px, 0);
		transform: translate3d(0, -3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, 5px, 0);
		transform: translate3d(0, 5px, 0)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}

.fx-bounceInLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bounceInLeft;
	animation-name: fx-bounceInLeft
}

@-webkit-keyframes fx-bounceInLeft {
	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-bounceInLeft {
	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(25px, 0, 0);
		transform: translate3d(25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-10px, 0, 0);
		transform: translate3d(-10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(5px, 0, 0);
		transform: translate3d(5px, 0, 0)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}

.fx-bounceInRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bounceInRight;
	animation-name: fx-bounceInRight
}

.fx-bounceInUp,
.fx-bounceOut {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-bounceInRight {
	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-bounceInRight {
	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(3000px, 0, 0);
		transform: translate3d(3000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(-25px, 0, 0);
		transform: translate3d(-25px, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(10px, 0, 0);
		transform: translate3d(10px, 0, 0)
	}
	90% {
		-webkit-transform: translate3d(-5px, 0, 0);
		transform: translate3d(-5px, 0, 0)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}

.fx-bounceInUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bounceInUp;
	animation-name: fx-bounceInUp
}

@-webkit-keyframes fx-bounceInUp {
	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fx-bounceInUp {
	60%,
	75%,
	90%,
	from,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 3000px, 0);
		transform: translate3d(0, 3000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -5px, 0)
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fx-bounceOut {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bounceOut;
	animation-name: fx-bounceOut
}

.fx-bounceOutDown,
.fx-bounceOutLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

@keyframes fx-bounceOut {
	20% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}
	50%,
	55% {
		opacity: 1;
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}
	to {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
}

.fx-bounceOutDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bounceOutDown;
	animation-name: fx-bounceOutDown
}

@-webkit-keyframes fx-bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

@keyframes fx-bounceOutDown {
	20% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -20px, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 2000px, 0);
		transform: translate3d(0, 2000px, 0)
	}
}

.fx-bounceOutLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bounceOutLeft;
	animation-name: fx-bounceOutLeft
}

.fx-bounceOutRight,
.fx-bounceOutUp {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fx-bounceOutLeft {
	20% {
		opacity: 1;
		-webkit-transform: translate3d(20px, 0, 0);
		transform: translate3d(20px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.fx-bounceOutRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bounceOutRight;
	animation-name: fx-bounceOutRight
}

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

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

.fx-bounceOutUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bounceOutUp;
	animation-name: fx-bounceOutUp
}

.fx-fadeIn,
.fx-fadeInDown {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

@keyframes fx-bounceOutUp {
	20% {
		-webkit-transform: translate3d(0, -10px, 0);
		transform: translate3d(0, -10px, 0)
	}
	40%,
	45% {
		opacity: 1;
		-webkit-transform: translate3d(0, 20px, 0);
		transform: translate3d(0, 20px, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -2000px, 0);
		transform: translate3d(0, -2000px, 0)
	}
}

.fx-fadeIn {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-fadeIn;
	animation-name: fx-fadeIn
}

@-webkit-keyframes fx-fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

@keyframes fx-fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}

.fx-fadeInDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-fadeInDown;
	animation-name: fx-fadeInDown
}

.fx-fadeInLeft,
.fx-fadeInRight {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-fadeInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fx-fadeInLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-fadeInLeft;
	animation-name: fx-fadeInLeft
}

@-webkit-keyframes fx-fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fx-fadeInRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-fadeInRight;
	animation-name: fx-fadeInRight
}

.fx-fadeInUp,
.fx-fadeOut {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fx-fadeInUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-fadeInUp;
	animation-name: fx-fadeInUp
}

@-webkit-keyframes fx-fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fx-fadeOut {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-fadeOut;
	animation-name: fx-fadeOut
}

.fx-fadeOutDown,
.fx-fadeOutLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-fadeOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

@keyframes fx-fadeOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0
	}
}

.fx-fadeOutDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-fadeOutDown;
	animation-name: fx-fadeOutDown
}

@-webkit-keyframes fx-fadeOutDown {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fx-fadeOutDown {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.fx-fadeOutLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-fadeOutLeft;
	animation-name: fx-fadeOutLeft
}

.fx-fadeOutRight,
.fx-fadeOutUp {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-fadeOutLeft {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fx-fadeOutLeft {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.fx-fadeOutRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-fadeOutRight;
	animation-name: fx-fadeOutRight
}

@-webkit-keyframes fx-fadeOutRight {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fx-fadeOutRight {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.fx-fadeOutUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-fadeOutUp;
	animation-name: fx-fadeOutUp
}

.fx-rotateIn,
.fx-rotateInDownLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-fadeOutUp {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fx-fadeOutUp {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.fx-rotateIn {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rotateIn;
	animation-name: fx-rotateIn;
	-webkit-transform-origin: center;
	transform-origin: center
}

@-webkit-keyframes fx-rotateIn {
	from {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-rotateIn {
	from {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -200deg);
		transform: rotate3d(0, 0, 1, -200deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fx-rotateInDownLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rotateInDownLeft;
	animation-name: fx-rotateInDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

.fx-rotateInDownRight,
.fx-rotateInUpLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-rotateInDownLeft {
	from {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-rotateInDownLeft {
	from {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fx-rotateInDownRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rotateInDownRight;
	animation-name: fx-rotateInDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

@-webkit-keyframes fx-rotateInDownRight {
	from {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-rotateInDownRight {
	from {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fx-rotateInUpLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rotateInUpLeft;
	animation-name: fx-rotateInUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

.fx-rotateInUpRight,
.fx-rotateOut {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-rotateInUpLeft {
	from {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-rotateInUpLeft {
	from {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fx-rotateInUpRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rotateInUpRight;
	animation-name: fx-rotateInUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

@-webkit-keyframes fx-rotateInUpRight {
	from {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-rotateInUpRight {
	from {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -90deg);
		transform: rotate3d(0, 0, 1, -90deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fx-rotateOut {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rotateOut;
	animation-name: fx-rotateOut;
	-webkit-transform-origin: center;
	transform-origin: center
}

.fx-rotateOutDownLeft,
.fx-rotateOutDownRight {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-rotateOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg)
	}
}

@keyframes fx-rotateOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 200deg);
		transform: rotate3d(0, 0, 1, 200deg)
	}
}

.fx-rotateOutDownLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rotateOutDownLeft;
	animation-name: fx-rotateOutDownLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

@-webkit-keyframes fx-rotateOutDownLeft {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg)
	}
}

@keyframes fx-rotateOutDownLeft {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 45deg);
		transform: rotate3d(0, 0, 1, 45deg)
	}
}

.fx-rotateOutDownRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rotateOutDownRight;
	animation-name: fx-rotateOutDownRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

.fx-rotateOutUpLeft,
.fx-rotateOutUpRight {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-rotateOutDownRight {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg)
	}
}

@keyframes fx-rotateOutDownRight {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg)
	}
}

.fx-rotateOutUpLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rotateOutUpLeft;
	animation-name: fx-rotateOutUpLeft;
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom
}

@-webkit-keyframes fx-rotateOutUpLeft {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg)
	}
}

@keyframes fx-rotateOutUpLeft {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, -45deg);
		transform: rotate3d(0, 0, 1, -45deg)
	}
}

.fx-rotateOutUpRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rotateOutUpRight;
	animation-name: fx-rotateOutUpRight;
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom
}

.fx-zoomIn,
.fx-zoomInDown {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-rotateOutUpRight {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg)
	}
}

@keyframes fx-rotateOutUpRight {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: rotate3d(0, 0, 1, 90deg);
		transform: rotate3d(0, 0, 1, 90deg)
	}
}

.fx-zoomIn {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-zoomIn;
	animation-name: fx-zoomIn
}

@-webkit-keyframes fx-zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

@keyframes fx-zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	50% {
		opacity: 1
	}
}

.fx-zoomInDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-zoomInDown;
	animation-name: fx-zoomInDown;
	-webkit-transform-origin: top left;
	transform-origin: top left
}

.fx-zoomInLeft,
.fx-zoomInRight {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-zoomInDown {
	from {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
	}
}

@keyframes fx-zoomInDown {
	from {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
	}
}

.fx-zoomInLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-zoomInLeft;
	animation-name: fx-zoomInLeft
}

@-webkit-keyframes fx-zoomInLeft {
	from {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
	}
}

@keyframes fx-zoomInLeft {
	from {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
	}
}

.fx-zoomInRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-zoomInRight;
	animation-name: fx-zoomInRight;
	-webkit-transform-origin: top left;
	transform-origin: top left
}

.fx-zoomInUp,
.fx-zoomOut {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-zoomInRight {
	from {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
	}
}

@keyframes fx-zoomInRight {
	from {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
		transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
	}
	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
	}
}

.fx-zoomInUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-zoomInUp;
	animation-name: fx-zoomInUp
}

@-webkit-keyframes fx-zoomInUp {
	from {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
	}
}

@keyframes fx-zoomInUp {
	from {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
	}
	60% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
	}
}

.fx-zoomOut {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-zoomOut;
	animation-name: fx-zoomOut
}

.fx-zoomOutDown,
.fx-zoomOutLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-zoomOut {
	from {
		opacity: 1
	}
	50% {
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	to {
		opacity: 0
	}
}

@keyframes fx-zoomOut {
	from {
		opacity: 1
	}
	50% {
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}
	to {
		opacity: 0
	}
}

.fx-zoomOutDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-zoomOutDown;
	animation-name: fx-zoomOutDown
}

@-webkit-keyframes fx-zoomOutDown {
	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
	}
	to {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
	}
}

@keyframes fx-zoomOutDown {
	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
	}
	to {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
	}
}

.fx-zoomOutLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-zoomOutLeft;
	animation-name: fx-zoomOutLeft
}

.fx-zoomOutRight,
.fx-zoomOutUp {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0)
	}
}

@keyframes fx-zoomOutLeft {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
		transform: scale(.1) translate3d(-2000px, 0, 0)
	}
}

.fx-zoomOutRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-zoomOutRight;
	animation-name: fx-zoomOutRight
}

@-webkit-keyframes fx-zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0)
	}
}

@keyframes fx-zoomOutRight {
	40% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
		transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform-origin: right center;
		transform-origin: right center;
		-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
		transform: scale(.1) translate3d(2000px, 0, 0)
	}
}

.fx-zoomOutUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-zoomOutUp;
	animation-name: fx-zoomOutUp
}

.fx-slideInDown,
.fx-slideInLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-zoomOutUp {
	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
	}
	to {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -4000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -4000px, 0)
	}
}

@keyframes fx-zoomOutUp {
	40% {
		opacity: 1;
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
	}
	to {
		opacity: 0;
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		-webkit-transform-origin: center bottom;
		transform-origin: center bottom;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -4000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, -4000px, 0)
	}
}

.fx-slideInDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-slideInDown;
	animation-name: fx-slideInDown
}

@-webkit-keyframes fx-slideInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fx-slideInDown {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fx-slideInLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-slideInLeft;
	animation-name: fx-slideInLeft
}

.fx-slideInRight,
.fx-slideInUp {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-slideInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fx-slideInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fx-slideInRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-slideInRight;
	animation-name: fx-slideInRight
}

@-webkit-keyframes fx-slideInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fx-slideInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fx-slideInUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-slideInUp;
	animation-name: fx-slideInUp
}

.fx-slideOutDown,
.fx-slideOutLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-slideInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

@keyframes fx-slideInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
}

.fx-slideOutDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-slideOutDown;
	animation-name: fx-slideOutDown
}

@-webkit-keyframes fx-slideOutDown {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

@keyframes fx-slideOutDown {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}
}

.fx-slideOutLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-slideOutLeft;
	animation-name: fx-slideOutLeft
}

.fx-slideOutRight,
.fx-slideOutUp {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-slideOutLeft {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

@keyframes fx-slideOutLeft {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0)
	}
}

.fx-slideOutRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-slideOutRight;
	animation-name: fx-slideOutRight
}

@-webkit-keyframes fx-slideOutRight {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

@keyframes fx-slideOutRight {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0)
	}
}

.fx-slideOutUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-slideOutUp;
	animation-name: fx-slideOutUp
}

.fx-perspectiveInDown,
.fx-perspectiveInLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-slideOutUp {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

@keyframes fx-slideOutUp {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
}

.fx-perspectiveInDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-perspectiveInDown;
	animation-name: fx-perspectiveInDown;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right
}

@-webkit-keyframes fx-perspectiveInDown {
	from {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateX(-180deg);
		transform: perspective(800px) rotateX(-180deg)
	}
	to {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateX(0);
		transform: perspective(800px) rotateX(0)
	}
}

@keyframes fx-perspectiveInDown {
	from {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateX(-180deg);
		transform: perspective(800px) rotateX(-180deg)
	}
	to {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateX(0);
		transform: perspective(800px) rotateX(0)
	}
}

.fx-perspectiveInLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-perspectiveInLeft;
	animation-name: fx-perspectiveInLeft;
	-webkit-transform-origin: top left;
	transform-origin: top left
}

.fx-perspectiveInRight,
.fx-perspectiveInUp {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-perspectiveInLeft {
	from {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateY(-180deg);
		transform: perspective(800px) rotateY(-180deg)
	}
	to {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateY(0);
		transform: perspective(800px) rotateY(0)
	}
}

@keyframes fx-perspectiveInLeft {
	from {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateY(-180deg);
		transform: perspective(800px) rotateY(-180deg)
	}
	to {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateY(0);
		transform: perspective(800px) rotateY(0)
	}
}

.fx-perspectiveInRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-perspectiveInRight;
	animation-name: fx-perspectiveInRight;
	-webkit-transform-origin: top right;
	transform-origin: top right
}

@-webkit-keyframes fx-perspectiveInRight {
	from {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateY(180deg);
		transform: perspective(800px) rotateY(180deg)
	}
	to {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateY(0);
		transform: perspective(800px) rotateY(0)
	}
}

@keyframes fx-perspectiveInRight {
	from {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateY(180deg);
		transform: perspective(800px) rotateY(180deg)
	}
	to {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateY(0);
		transform: perspective(800px) rotateY(0)
	}
}

.fx-perspectiveInUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-perspectiveInUp;
	animation-name: fx-perspectiveInUp;
	-webkit-transform-origin: top right;
	transform-origin: top right
}

.fx-perspectiveOutDown,
.fx-perspectiveOutLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-perspectiveInUp {
	from {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateX(180deg);
		transform: perspective(800px) rotateX(180deg)
	}
	to {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateX(0);
		transform: perspective(800px) rotateX(0)
	}
}

@keyframes fx-perspectiveInUp {
	from {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateX(180deg);
		transform: perspective(800px) rotateX(180deg)
	}
	to {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateX(0);
		transform: perspective(800px) rotateX(0)
	}
}

.fx-perspectiveOutDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-perspectiveOutDown;
	animation-name: fx-perspectiveOutDown;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right
}

@-webkit-keyframes fx-perspectiveOutDown {
	from {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateX(0);
		transform: perspective(800px) rotateX(0)
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateX(-180deg);
		transform: perspective(800px) rotateX(-180deg)
	}
}

@keyframes fx-perspectiveOutDown {
	from {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateX(0);
		transform: perspective(800px) rotateX(0)
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateX(-180deg);
		transform: perspective(800px) rotateX(-180deg)
	}
}

.fx-perspectiveOutLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-perspectiveOutLeft;
	animation-name: fx-perspectiveOutLeft;
	-webkit-transform-origin: top left;
	transform-origin: top left
}

.fx-perspectiveOutRight,
.fx-perspectiveOutUp {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-perspectiveOutLeft {
	from {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateY(0);
		transform: perspective(800px) rotateY(0)
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateY(-180deg);
		transform: perspective(800px) rotateY(-180deg)
	}
}

@keyframes fx-perspectiveOutLeft {
	from {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateY(0);
		transform: perspective(800px) rotateY(0)
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateY(-180deg);
		transform: perspective(800px) rotateY(-180deg)
	}
}

.fx-perspectiveOutRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-perspectiveOutRight;
	animation-name: fx-perspectiveOutRight;
	-webkit-transform-origin: top right;
	transform-origin: top right
}

@-webkit-keyframes fx-perspectiveOutRight {
	from {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateY(0);
		transform: perspective(800px) rotateY(0)
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateY(180deg);
		transform: perspective(800px) rotateY(180deg)
	}
}

@keyframes fx-perspectiveOutRight {
	from {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateY(0);
		transform: perspective(800px) rotateY(0)
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateY(180deg);
		transform: perspective(800px) rotateY(180deg)
	}
}

.fx-perspectiveOutUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-perspectiveOutUp;
	animation-name: fx-perspectiveOutUp;
	-webkit-transform-origin: top right;
	transform-origin: top right
}

.fx-tinInDown,
.fx-tinInLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-perspectiveOutUp {
	from {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateX(0);
		transform: perspective(800px) rotateX(0)
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateX(180deg);
		transform: perspective(800px) rotateX(180deg)
	}
}

@keyframes fx-perspectiveOutUp {
	from {
		opacity: 1;
		-webkit-transform: perspective(800px) rotateX(0);
		transform: perspective(800px) rotateX(0)
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(800px) rotateX(180deg);
		transform: perspective(800px) rotateX(180deg)
	}
}

.fx-tinInDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-tinInDown;
	animation-name: fx-tinInDown
}

@-webkit-keyframes fx-tinInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateY(900%);
		transform: scale(1, 1) translateY(900%)
	}
	50%,
	70%,
	90% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1) translateY(0);
		transform: scale(1.1, 1.1) translateY(0)
	}
	100%,
	60%,
	80% {
		-webkit-transform: scale(1, 1) translateY(0);
		transform: scale(1, 1) translateY(0)
	}
}

@keyframes fx-tinInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateY(900%);
		transform: scale(1, 1) translateY(900%)
	}
	50%,
	70%,
	90% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1) translateY(0);
		transform: scale(1.1, 1.1) translateY(0)
	}
	100%,
	60%,
	80% {
		-webkit-transform: scale(1, 1) translateY(0);
		transform: scale(1, 1) translateY(0)
	}
}

.fx-tinInLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-tinInLeft;
	animation-name: fx-tinInLeft
}

.fx-tinInRight,
.fx-tinInUp {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-tinInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateX(-900%);
		transform: scale(1, 1) translateX(-900%)
	}
	50%,
	70%,
	90% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1) translateX(0);
		transform: scale(1.1, 1.1) translateX(0)
	}
	100%,
	60%,
	80% {
		-webkit-transform: scale(1, 1) translateX(0);
		transform: scale(1, 1) translateX(0)
	}
}

@keyframes fx-tinInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateX(-900%);
		transform: scale(1, 1) translateX(-900%)
	}
	50%,
	70%,
	90% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1) translateX(0);
		transform: scale(1.1, 1.1) translateX(0)
	}
	100%,
	60%,
	80% {
		-webkit-transform: scale(1, 1) translateX(0);
		transform: scale(1, 1) translateX(0)
	}
}

.fx-tinInRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-tinInRight;
	animation-name: fx-tinInRight
}

@-webkit-keyframes fx-tinInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateX(900%);
		transform: scale(1, 1) translateX(900%)
	}
	50%,
	70%,
	90% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1) translateX(0);
		transform: scale(1.1, 1.1) translateX(0)
	}
	100%,
	60%,
	80% {
		-webkit-transform: scale(1, 1) translateX(0);
		transform: scale(1, 1) translateX(0)
	}
}

@keyframes fx-tinInRight {
	0% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateX(900%);
		transform: scale(1, 1) translateX(900%)
	}
	50%,
	70%,
	90% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1) translateX(0);
		transform: scale(1.1, 1.1) translateX(0)
	}
	100%,
	60%,
	80% {
		-webkit-transform: scale(1, 1) translateX(0);
		transform: scale(1, 1) translateX(0)
	}
}

.fx-tinInUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-tinInUp;
	animation-name: fx-tinInUp
}

.fx-tinOutDown,
.fx-tinOutLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-tinInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateY(-900%);
		transform: scale(1, 1) translateY(-900%)
	}
	50%,
	70%,
	90% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1) translateY(0);
		transform: scale(1.1, 1.1) translateY(0)
	}
	100%,
	60%,
	80% {
		-webkit-transform: scale(1, 1) translateY(0);
		transform: scale(1, 1) translateY(0)
	}
}

@keyframes fx-tinInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateY(-900%);
		transform: scale(1, 1) translateY(-900%)
	}
	50%,
	70%,
	90% {
		opacity: 1;
		-webkit-transform: scale(1.1, 1.1) translateY(0);
		transform: scale(1.1, 1.1) translateY(0)
	}
	100%,
	60%,
	80% {
		-webkit-transform: scale(1, 1) translateY(0);
		transform: scale(1, 1) translateY(0)
	}
}

.fx-tinOutDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-tinOutDown;
	animation-name: fx-tinOutDown
}

@-webkit-keyframes fx-tinOutDown {
	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		-webkit-transform: scale(1, 1) translateY(0);
		transform: scale(1, 1) translateY(0)
	}
	10%,
	30% {
		-webkit-transform: scale(1.1, 1.1) translateY(0);
		transform: scale(1.1, 1.1) translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateY(900%);
		transform: scale(1, 1) translateY(900%)
	}
}

@keyframes fx-tinOutDown {
	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		-webkit-transform: scale(1, 1) translateY(0);
		transform: scale(1, 1) translateY(0)
	}
	10%,
	30% {
		-webkit-transform: scale(1.1, 1.1) translateY(0);
		transform: scale(1.1, 1.1) translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateY(900%);
		transform: scale(1, 1) translateY(900%)
	}
}

.fx-tinOutLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-tinOutLeft;
	animation-name: fx-tinOutLeft
}

.fx-tinOutRight,
.fx-tinOutUp {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-tinOutLeft {
	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		-webkit-transform: scale(1, 1) translateX(0);
		transform: scale(1, 1) translateX(0)
	}
	10%,
	30% {
		-webkit-transform: scale(1.1, 1.1) translateX(0);
		transform: scale(1.1, 1.1) translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateX(-900%);
		transform: scale(1, 1) translateX(-900%)
	}
}

@keyframes fx-tinOutLeft {
	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		-webkit-transform: scale(1, 1) translateX(0);
		transform: scale(1, 1) translateX(0)
	}
	10%,
	30% {
		-webkit-transform: scale(1.1, 1.1) translateX(0);
		transform: scale(1.1, 1.1) translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateX(-900%);
		transform: scale(1, 1) translateX(-900%)
	}
}

.fx-tinOutRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-tinOutRight;
	animation-name: fx-tinOutRight
}

@-webkit-keyframes fx-tinOutRight {
	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		-webkit-transform: scale(1, 1) translateX(0);
		transform: scale(1, 1) translateX(0)
	}
	10%,
	30% {
		-webkit-transform: scale(1.1, 1.1) translateX(0);
		transform: scale(1.1, 1.1) translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateX(900%);
		transform: scale(1, 1) translateX(900%)
	}
}

@keyframes fx-tinOutRight {
	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		-webkit-transform: scale(1, 1) translateX(0);
		transform: scale(1, 1) translateX(0)
	}
	10%,
	30% {
		-webkit-transform: scale(1.1, 1.1) translateX(0);
		transform: scale(1.1, 1.1) translateX(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateX(900%);
		transform: scale(1, 1) translateX(900%)
	}
}

.fx-tinOutUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-tinOutUp;
	animation-name: fx-tinOutUp
}

.fx-spaceInDown,
.fx-spaceInLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-tinOutUp {
	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		-webkit-transform: scale(1, 1) translateY(0);
		transform: scale(1, 1) translateY(0)
	}
	10%,
	30% {
		-webkit-transform: scale(1.1, 1.1) translateY(0);
		transform: scale(1.1, 1.1) translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateY(-900%);
		transform: scale(1, 1) translateY(-900%)
	}
}

@keyframes fx-tinOutUp {
	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		-webkit-transform: scale(1, 1) translateY(0);
		transform: scale(1, 1) translateY(0)
	}
	10%,
	30% {
		-webkit-transform: scale(1.1, 1.1) translateY(0);
		transform: scale(1.1, 1.1) translateY(0)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1, 1) translateY(-900%);
		transform: scale(1, 1) translateY(-900%)
	}
}

.fx-spaceInDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-spaceInDown;
	animation-name: fx-spaceInDown;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes fx-spaceInDown {
	from {
		opacity: 0;
		-webkit-transform: scale(.2) translate(0, 200%);
		transform: scale(.2) translate(0, 200%)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
}

@keyframes fx-spaceInDown {
	from {
		opacity: 0;
		-webkit-transform: scale(.2) translate(0, 200%);
		transform: scale(.2) translate(0, 200%)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
}

.fx-spaceInLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-spaceInLeft;
	animation-name: fx-spaceInLeft;
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.fx-spaceInRight,
.fx-spaceInUp {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-spaceInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale(.2) translate(-200%, 0);
		transform: scale(.2) translate(-200%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
}

@keyframes fx-spaceInLeft {
	from {
		opacity: 0;
		-webkit-transform: scale(.2) translate(-200%, 0);
		transform: scale(.2) translate(-200%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
}

.fx-spaceInRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-spaceInRight;
	animation-name: fx-spaceInRight;
	-webkit-transform-origin: right center;
	transform-origin: right center
}

@-webkit-keyframes fx-spaceInRight {
	from {
		opacity: 0;
		-webkit-transform: scale(.2) translate(200%, 0);
		transform: scale(.2) translate(200%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
}

@keyframes fx-spaceInRight {
	from {
		opacity: 0;
		-webkit-transform: scale(.2) translate(200%, 0);
		transform: scale(.2) translate(200%, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
}

.fx-spaceInUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-spaceInUp;
	animation-name: fx-spaceInUp;
	-webkit-transform-origin: center top;
	transform-origin: center top
}

.fx-spaceOutDown,
.fx-spaceOutLeft {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-spaceInUp {
	from {
		opacity: 0;
		-webkit-transform: scale(.2) translate(0, -200%);
		transform: scale(.2) translate(0, -200%)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
}

@keyframes fx-spaceInUp {
	from {
		opacity: 0;
		-webkit-transform: scale(.2) translate(0, -200%);
		transform: scale(.2) translate(0, -200%)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
}

.fx-spaceOutDown {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-spaceOutDown;
	animation-name: fx-spaceOutDown;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}

@-webkit-keyframes fx-spaceOutDown {
	from {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.2) translate(0, 200%);
		transform: scale(.2) translate(0, 200%)
	}
}

@keyframes fx-spaceOutDown {
	from {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.2) translate(0, 200%);
		transform: scale(.2) translate(0, 200%)
	}
}

.fx-spaceOutLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-spaceOutLeft;
	animation-name: fx-spaceOutLeft;
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.fx-spaceOutRight,
.fx-spaceOutUp {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-spaceOutLeft {
	from {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.2) translate(-200%, 0);
		transform: scale(.2) translate(-200%, 0)
	}
}

@keyframes fx-spaceOutLeft {
	from {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.2) translate(-200%, 0);
		transform: scale(.2) translate(-200%, 0)
	}
}

.fx-spaceOutRight {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-spaceOutRight;
	animation-name: fx-spaceOutRight;
	-webkit-transform-origin: right center;
	transform-origin: right center
}

@-webkit-keyframes fx-spaceOutRight {
	from {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.2) translate(200%, 0);
		transform: scale(.2) translate(200%, 0)
	}
}

@keyframes fx-spaceOutRight {
	from {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.2) translate(200%, 0);
		transform: scale(.2) translate(200%, 0)
	}
}

.fx-spaceOutUp {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-spaceOutUp;
	animation-name: fx-spaceOutUp;
	-webkit-transform-origin: center top;
	transform-origin: center top
}

.fx-flip,
.fx-flipInX {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	-webkit-backface-visibility: visible
}

@-webkit-keyframes fx-spaceOutUp {
	from {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.2) translate(0, -200%);
		transform: scale(.2) translate(0, -200%)
	}
}

@keyframes fx-spaceOutUp {
	from {
		opacity: 1;
		-webkit-transform: scale(1) translate(0, 0);
		transform: scale(1) translate(0, 0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(.2) translate(0, -200%);
		transform: scale(.2) translate(0, -200%)
	}
}

.fx-flip {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-flip;
	animation-name: fx-flip;
	backface-visibility: visible
}

@-webkit-keyframes fx-flip {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

@keyframes fx-flip {
	from {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	40% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -190deg);
		transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -190deg);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
	50% {
		-webkit-transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -170deg);
		transform: perspective(400px) translate3d(0, 0, 30px) rotate3d(0, 1, 0, -170deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	80% {
		-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
		transform: perspective(400px) scale3d(.95, .95, .95);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
}

.fx-flipInX {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-flipInX;
	animation-name: fx-flipInX;
	backface-visibility: visible
}

.fx-flipInY,
.fx-flipOutX {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	-webkit-backface-visibility: visible
}

@-webkit-keyframes fx-flipInX {
	from {
		opacity: 0;
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	60% {
		opacity: 1;
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes fx-flipInX {
	from {
		opacity: 0;
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	60% {
		opacity: 1;
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg)
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.fx-flipInY {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-flipInY;
	animation-name: fx-flipInY;
	backface-visibility: visible
}

@-webkit-keyframes fx-flipInY {
	from {
		opacity: 0;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	60% {
		opacity: 1;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg)
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

@keyframes fx-flipInY {
	from {
		opacity: 0;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	40% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in
	}
	60% {
		opacity: 1;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg)
	}
	80% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -5deg)
	}
	to {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
}

.fx-flipOutX {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-flipOutX;
	animation-name: fx-flipOutX;
	backface-visibility: visible
}

.fx-flipOutY,
.fx-lightSpeedIn {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
	}
}

@keyframes fx-flipOutX {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg)
	}
}

.fx-flipOutY {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-flipOutY;
	animation-name: fx-flipOutY;
	-webkit-backface-visibility: visible;
	backface-visibility: visible
}

@-webkit-keyframes fx-flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		opacity: 1;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg)
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
	}
}

@keyframes fx-flipOutY {
	from {
		-webkit-transform: perspective(400px);
		transform: perspective(400px)
	}
	30% {
		opacity: 1;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
		transform: perspective(400px) rotate3d(0, 1, 0, -15deg)
	}
	to {
		opacity: 0;
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 90deg)
	}
}

.fx-lightSpeedIn {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-lightSpeedIn;
	animation-name: fx-lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

.fx-lightSpeedOut,
.fx-rollIn {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-lightSpeedIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) skewX(-10deg);
		transform: translate3d(100%, 0, 0) skewX(-10deg)
	}
	60% {
		opacity: 1;
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg)
	}
	80% {
		-webkit-transform: skewX(-2deg);
		transform: skewX(-2deg)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-lightSpeedIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) skewX(-10deg);
		transform: translate3d(100%, 0, 0) skewX(-10deg)
	}
	60% {
		opacity: 1;
		-webkit-transform: skewX(5deg);
		transform: skewX(5deg)
	}
	80% {
		-webkit-transform: skewX(-2deg);
		transform: skewX(-2deg)
	}
	to {
		-webkit-transform: none;
		transform: none
	}
}

.fx-lightSpeedOut {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-lightSpeedOut;
	animation-name: fx-lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@-webkit-keyframes fx-lightSpeedOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) skewX(5deg);
		transform: translate3d(100%, 0, 0) skewX(5deg)
	}
}

@keyframes fx-lightSpeedOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) skewX(5deg);
		transform: translate3d(100%, 0, 0) skewX(5deg)
	}
}

.fx-rollIn {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rollIn;
	animation-name: fx-rollIn
}

.fx-rollOut,
.fx-vanishIn {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fx-rollIn {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
		transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fx-rollOut {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-rollOut;
	animation-name: fx-rollOut
}

@-webkit-keyframes fx-rollOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

@keyframes fx-rollOut {
	from {
		opacity: 1
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
		transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
	}
}

.fx-vanishIn {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-vanishIn;
	animation-name: fx-vanishIn;
	-webkit-transform-origin: center center;
	transform-origin: center center
}

.fx-swashIn,
.fx-vanishOut {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-vanishIn {
	from {
		opacity: 0;
		-webkit-transform: scale(2, 2);
		transform: scale(2, 2);
		-webkit-filter: blur(20px)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-filter: blur(0)
	}
}

@keyframes fx-vanishIn {
	from {
		opacity: 0;
		-webkit-transform: scale(2, 2);
		transform: scale(2, 2);
		-webkit-filter: blur(20px)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-filter: blur(0)
	}
}

.fx-vanishOut {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-vanishOut;
	animation-name: fx-vanishOut
}

@-webkit-keyframes fx-vanishOut {
	from {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-filter: blur(0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(2, 2);
		transform: scale(2, 2);
		-webkit-filter: blur(20px)
	}
}

@keyframes fx-vanishOut {
	from {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		-webkit-filter: blur(0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(2, 2);
		transform: scale(2, 2);
		-webkit-filter: blur(20px)
	}
}

.fx-swashIn {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-swashIn;
	animation-name: fx-swashIn;
	-webkit-transform-origin: center center;
	transform-origin: center center
}

.fx-foolishIn,
.fx-swashOut {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-swashIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0)
	}
	90% {
		opacity: 1;
		-webkit-transform: scale(.9, .9);
		transform: scale(.9, .9)
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@keyframes fx-swashIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0)
	}
	90% {
		opacity: 1;
		-webkit-transform: scale(.9, .9);
		transform: scale(.9, .9)
	}
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

.fx-swashOut {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-swashOut;
	animation-name: fx-swashOut;
	-webkit-transform-origin: center center;
	transform-origin: center center
}

@-webkit-keyframes fx-swashOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	80% {
		opacity: 1;
		-webkit-transform: scale(.9, .9);
		transform: scale(.9, .9)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0)
	}
}

@keyframes fx-swashOut {
	0% {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
	80% {
		opacity: 1;
		-webkit-transform: scale(.9, .9);
		transform: scale(.9, .9)
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0, 0);
		transform: scale(0, 0)
	}
}

.fx-foolishIn {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-foolishIn;
	animation-name: fx-foolishIn
}

.fx-foolishOut,
.fx-holeIn {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-foolishIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0, 0) rotate(360deg);
		transform: scale(0, 0) rotate(360deg)
	}
	20% {
		opacity: 1;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	40% {
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	60%,
	80% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	100% {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1) rotate(0);
		transform: scale(1, 1) rotate(0)
	}
}

@keyframes fx-foolishIn {
	0% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0, 0) rotate(360deg);
		transform: scale(0, 0) rotate(360deg)
	}
	20% {
		opacity: 1;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	40% {
		-webkit-transform-origin: 100% 100%;
		transform-origin: 100% 100%;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	60%,
	80% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	100% {
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1) rotate(0);
		transform: scale(1, 1) rotate(0)
	}
}

.fx-foolishOut {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-foolishOut;
	animation-name: fx-foolishOut
}

@-webkit-keyframes fx-foolishOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1) rotate(360deg);
		transform: scale(1, 1) rotate(360deg)
	}
	20% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	40% {
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	60% {
		-webkit-transform-origin: 0;
		transform-origin: 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	80% {
		opacity: 1;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0, 0) rotate(0);
		transform: scale(0, 0) rotate(0)
	}
}

@keyframes fx-foolishOut {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(1, 1) rotate(360deg);
		transform: scale(1, 1) rotate(360deg)
	}
	20% {
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	40% {
		-webkit-transform-origin: 100% 0;
		transform-origin: 100% 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	60% {
		-webkit-transform-origin: 0;
		transform-origin: 0;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	80% {
		opacity: 1;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
		-webkit-transform: scale(.5, .5) rotate(0);
		transform: scale(.5, .5) rotate(0)
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: scale(0, 0) rotate(0);
		transform: scale(0, 0) rotate(0)
	}
}

.fx-holeIn {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-holeIn;
	animation-name: fx-holeIn;
	-webkit-transform-origin: center center;
	transform-origin: center center
}

.fx-bombOutLeft,
.fx-holeOut {
	-webkit-animation-duration: .8s;
	-webkit-animation-fill-mode: both
}

@-webkit-keyframes fx-holeIn {
	from {
		opacity: 0;
		-webkit-transform: scale(0, 0) rotateY(180deg);
		transform: scale(0, 0) rotateY(180deg)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1, 1) rotateY(0);
		transform: scale(1, 1) rotateY(0)
	}
}

@keyframes fx-holeIn {
	from {
		opacity: 0;
		-webkit-transform: scale(0, 0) rotateY(180deg);
		transform: scale(0, 0) rotateY(180deg)
	}
	to {
		opacity: 1;
		-webkit-transform: scale(1, 1) rotateY(0);
		transform: scale(1, 1) rotateY(0)
	}
}

.fx-holeOut {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-holeOut;
	animation-name: fx-holeOut;
	-webkit-transform-origin: center center;
	transform-origin: center center
}

@-webkit-keyframes fx-holeOut {
	from {
		opacity: 1;
		-webkit-transform: scale(1, 1) rotateY(0);
		transform: scale(1, 1) rotateY(0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0, 0) rotateY(180deg);
		transform: scale(0, 0) rotateY(180deg)
	}
}

@keyframes fx-holeOut {
	from {
		opacity: 1;
		-webkit-transform: scale(1, 1) rotateY(0);
		transform: scale(1, 1) rotateY(0)
	}
	to {
		opacity: 0;
		-webkit-transform: scale(0, 0) rotateY(180deg);
		transform: scale(0, 0) rotateY(180deg)
	}
}

.fx-bombOutLeft {
	animation-duration: .8s;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bombOutLeft;
	animation-name: fx-bombOutLeft
}

@-webkit-keyframes fx-bombOutLeft {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-filter: blur(0)
	}
	50% {
		opacity: 1;
		-webkit-transform-origin: -30% 50%;
		transform-origin: -30% 50%;
		-webkit-transform: rotate(-160deg);
		transform: rotate(-160deg);
		-webkit-filter: blur(0)
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: -30% 50%;
		transform-origin: -30% 50%;
		-webkit-transform: rotate(-160deg);
		transform: rotate(-160deg);
		-webkit-filter: blur(20px)
	}
}

@keyframes fx-bombOutLeft {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-filter: blur(0)
	}
	50% {
		opacity: 1;
		-webkit-transform-origin: -30% 50%;
		transform-origin: -30% 50%;
		-webkit-transform: rotate(-160deg);
		transform: rotate(-160deg);
		-webkit-filter: blur(0)
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: -30% 50%;
		transform-origin: -30% 50%;
		-webkit-transform: rotate(-160deg);
		transform: rotate(-160deg);
		-webkit-filter: blur(20px)
	}
}

.fx-bombOutRight {
	-webkit-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fx-bombOutRight;
	animation-name: fx-bombOutRight
}

@-webkit-keyframes fx-bombOutRight {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-filter: blur(0)
	}
	50% {
		opacity: 1;
		-webkit-transform-origin: 130% 50%;
		transform-origin: 130% 50%;
		-webkit-transform: rotate(160deg);
		transform: rotate(160deg);
		-webkit-filter: blur(0)
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: 130% 50%;
		transform-origin: 130% 50%;
		-webkit-transform: rotate(160deg);
		transform: rotate(160deg);
		-webkit-filter: blur(20px)
	}
}

@keyframes fx-bombOutRight {
	0% {
		opacity: 1;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		-webkit-transform: rotate(0);
		transform: rotate(0);
		-webkit-filter: blur(0)
	}
	50% {
		opacity: 1;
		-webkit-transform-origin: 130% 50%;
		transform-origin: 130% 50%;
		-webkit-transform: rotate(160deg);
		transform: rotate(160deg);
		-webkit-filter: blur(0)
	}
	100% {
		opacity: 0;
		-webkit-transform-origin: 130% 50%;
		transform-origin: 130% 50%;
		-webkit-transform: rotate(160deg);
		transform: rotate(160deg);
		-webkit-filter: blur(20px)
	}
}