/*CROWL CSS FRAMEWORK*/
/*
Copyright Kris Merckx
2018-2019
www.ardeco.be  www.schoolvoorbeeld.be
Do not remove this copyright notice or the author's name
MIT License
*/

/*
CONTENT LIST:

1  FONT DEFINITIONS
2  RESET
3  FONT STYLES & STYLES
4  TEST
5  GRID/TABLE SYSTEM
6  NAVIGATION
7  WIDTH
8  TRANSITIONS
9  FILTERS
10 overlay-effects
11 CLIPS
12 MASKS
13 WRAP
14 ANIMATIONS
15 MEDIA QUERIES
*/

/*FONT DEFINITIONS*/
@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow|Playfair+Display');
@import url('https://fonts.googleapis.com/css?family=Inconsolata');


/*RESET*/
* {
	padding: 0;
	margin: 0;
}

a {
	color: black;
	text-decoration: none;
}

img,
figure {
	max-width: 100%;
}

/*Font-styles & styles*/
body,
input,
select,
select * {
	font-family: 'PT Sans Narrow', sans-serif;
}

.classic {
	font-family: 'Playfair Display', serif;
}

.terminal,
.console,
.vi {
	background-color: #282828;
	color: #66FF66;
	padding: 30px !important;
	font-family: 'Inconsolata', monospace !important;
	font-size: 1em !important;
}

.terminal *,
.console *,
.vi * {
	font-family: 'Inconsolata', monospace !important;
	font-size: 1em !important;
}

.CrowlShadow {
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

/*TEST*/
.test {
	box-shadow: inset 0 0 1px red;
	border: 1px solid red;
}

.chip {
	background-color: rgba(101, 128, 167, 0.6);
	color: white;
	text-decoration: none;
	border-radius: 13px;
	padding: 4px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}


/*GRID/TABLE SYSTEM*/
.crow,
.row,
.zone,
.crowlzone {
	display: flex;
}

.flexcontainer {
	/*width:90vw;
    max-width:1600px;*/
	width: 100%;
	margin: auto;
}

.smallcontainer {
	width: 80vw;
	max-width: 1200px;
	margin: auto;
}

.crows,
.rows {
	flex-direction: column;
}

.rowbackwards {
	flex-direction: column-reverse;
}

.crolumns,
.columns {
	flex-direction: row;
}

.colbackwards {
	flex-direction: row-reverse;
}

.wrap {
	flex-wrap: wrap;
}

/*Navigation*/
.horizontalnavigation {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
}

.horizontalnavigation a {
	padding: 20px;
	display: flex;
	align-items: center;
}

/*height*/
.fullheight {
	height: 100vh;
}

/*width*/
.half,
.half-on-wide {
	width: 50%;
	flex-basis: 50%;
}

.third,
.third-on-wide {
	width: 33.3%;
	flex-basis: 33.3%;
}

.twothird,
.twothird-on-wide {
	width: 66.3%;
	flex-basis: 66.3%;
}

.fourth,
.fourth-on-wide {
	width: 23%;
	flex-basis: 23% !important;
}

.fifth-on-wide {
	width: 13%;
	flex-basis: 13% !important;
}

.fullWidth {
	width: 100%;
	flex-basis: 100%;
}

.box,
.fillheight {
	flex: 1 1 auto;
}

.box100px {
	flex: 0 0 100px;
	overflow: hidden;
}



/*alignment*/
.alignStart {
	justify-content: flex-start;
}

.alignEnd {
	justify-content: flex-end;
}

.distribute {
	justify-content: space-around;
}

.center {
	justify-content: center;
}

.inbetween {
	justify-content: space-between;
}

.between {
	justify-content: space-between;
}

.inbetween::after {
	content: "";
	flex: auto;
}

.stretch {
	align-items: stretch;
}

.baseline {
	align-items: baseline;
}

.grow {
	align-content: stretch;
}

.valign,
.vcenter {
	align-items: center;
}

.text-center {
	text-align: center;
}

/*radius*/
.ball {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.B13 {
	width: 13vw;
	height: 13vw;
	flex-basis: 13vw;
}

.B25 {
	width: 25vw;
	height: 25vw;
	flex-basis: 25vw;
}

.B30 {
	width: 30vw;
	height: 30vw;
	flex-basis: 30vw;
}

.B50 {
	width: 50vw;
	height: 50vw;
	flex-basis: 50vw;
}

/*FIXED*/
.stick {
	position: fixed;
	z-index: 5000000;
}

.understick {
	margin-top: 120px;
}

.top {
	top: 0px;
	left: 0px;
	right: 0px;
}

.bottom {
	left: 0px;
	right: 0px;
	bottom: 0px;
}



/*MEDIA QUERIES*/
@media (max-width:800px) {
	.smallcontainer {
		max-width: 85%;
		overflow: hidden;
	}

	.half-on-wide,
	.half,
	.third,
	.twothird,
	.fourth {
		width: 100% !important;
		flex-basis: 100% !important;
	}

	.fourth-on-wide,
	.fifth-on-wide {
		width: 40% !important;
		flex-basis: 40% !important;
	}

	.columns-on-wide,
	.rows-on-small {
		flex-direction: row !important;
		flex-wrap: wrap;
	}

}

/*Transitions*/


/*Filters*/
.bw,
.grey,
.oldschool,
.bwOnMouseOver:hover,
.greyOnMouseOver:hover,
.bwOnClick:active,
.greyOnClick:active {
	-webkit-filter: grayscale(100%);
	/* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.contrast,
.contrastOnMouseOver:hover,
.contrastOnClick:active {
	-webkit-filter: contrast(200%) brightness(150%);
	filter: contrast(200%) brightness(150%);
}

.sepia,
.sephia,
.sepiaOnMouseOver:hover,
.sephiaOnMouseOver:hover,
.sepiaOnClick:active,
.sephiaOnClick:active {
	-webkit-filter: sepia(100%);
	/* Safari 6.0 - 9.0 */
	filter: sepia(100%);
}

.negative,
.invert,
.negativeOnMouseOver:hover,
.invertOnMouseOver:hover,
.negativeOnClick:active,
.invertOnClick:active,
	{
	-webkit-filter: invert(100%);
	/* Safari 6.0 - 9.0 */
	filter: invert(100%);
}

.ihover:hover {
	-webkit-filter: invert(1);
	filter: invert(1);
}

.strongblur,
.strongblurOnMouseOver:hover,
.strongblurOnClick:active {
	-webkit-filter: blur(5px);
	filter: blur(5px);
}

.softblur,
.softblurOnMouseOver:hover,
.softblurOnClick:active {
	-webkit-filter: blur(2px);
	filter: blur(2px);
}

/*overlay-effects*/
.normal {
	mix-blend-mode: normal;
}

.multiply {
	mix-blend-mode: multiply;
}

.screen {
	mix-blend-mode: screen;
}

.overlay {
	mix-blend-mode: overlay;
}

.darken {
	mix-blend-mode: darken;
}

.lighten {
	mix-blend-mode: lighten;
}

.color-dodge {
	mix-blend-mode: color-dodge;
}

.color-burn {
	mix-blend-mode: color-burn;
}

.difference {
	mix-blend-mode: difference;
}

.exclusion {
	mix-blend-mode: exclusion;
}

.hue {
	mix-blend-mode: hue;
}

.saturation {
	mix-blend-mode: saturation;
}

.color {
	mix-blend-mode: color;
}

.luminosity {
	mix-blend-mode: luminosity;
}

.normalOnMouseOver:hover {
	mix-blend-mode: normal;
}

.multiplyOnMouseOver:hover {
	mix-blend-mode: multiply;
}

.screenOnMouseOver:hover {
	mix-blend-mode: screen;
}

.overlayOnMouseOver:hover {
	mix-blend-mode: overlay;
}

.darkenOnMouseOver:hover {
	mix-blend-mode: darken;
}

.lightenOnMouseOver:hover {
	mix-blend-mode: lighten;
}

.color-dodgeOnMouseOver:hover {
	mix-blend-mode: color-dodge;
}

.color-burnOnMouseOver:hover {
	mix-blend-mode: color-burn;
}

.differenceOnMouseOver:hover {
	mix-blend-mode: difference;
}

.exclusionOnMouseOver:hover {
	mix-blend-mode: exclusion;
}

.hueOnMouseOver:hover {
	mix-blend-mode: hue;
}

.saturationOnMouseOver:hover {
	mix-blend-mode: saturation;
}

.colorOnMouseOver:hover {
	mix-blend-mode: color;
}

.luminosityOnMouseOver:hover {
	mix-blend-mode: luminosity;
}

/*CLIPS*/
.tekstballon,
.textballoon {
	-webkit-clip-path: polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
	clip-path: polygon(5% 5%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}

.star,
.ster {
	-webkit-clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
	clip-path: polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);
}

.bericht,
.message {
	-webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
}

.heptagoon,
.heptagon {
	-webkit-clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
	clip-path: polygon(50% 0%, 90% 20%, 100% 60%, 75% 100%, 25% 100%, 0% 60%, 10% 20%);
}

.hexagoon,
.hexagon {
	-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
	clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
}

.cirkel,
.circle {
	-webkit-clip-path: circle(50% at 50% 50%);
	clip-path: circle(50% at 50% 50%);
}

/*BUTTONS*/
.rounded13 {
	border-radius: 13px;
}

.roundbutton {
	width: 60px;
	height: 60px;
	border-radius: 50px;
	text-align: center;
	cursor: pointer;
	font-size: 1.2rem;
	display: flex;
}

.smallroundbutton {
	width: 30px;
	height: 30px;
	border-radius: 15px;
	text-align: center;
	box-shadow: 2px 2px 3px #999;
	cursor: pointer;
	font-size: 1rem;
}

.smallspace * {
	margin-left: 6px;
	margin-right: 6px;
}

.smallspaces > * {
	margin-left: 6px;
	margin-right: 6px;
}

.fbr {
	position: fixed;
	bottom: 40px;
	right: 40px;
	z-index: 3000000;
}

.fbl {
	position: fixed;
	bottom: 40px;
	left: 40px;
	z-index: 3000000;
}

.ftr {
	position: fixed;
	top: 40px;
	right: 40px;
	z-index: 3000000;
}

.ftl {
	position: fixed;
	top: 40px;
	left: 40px;
	z-index: 3000000;
}


.roundbutton div,
.smallroundbutton div {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
}


/*MASKS*/
.vervaagtop,
.fadetop {
	-webkit-mask-image: linear-gradient(to bottom, transparent 25%, black 75%);
	mask-image: linear-gradient(to bottom, transparent 25%, black 75%);
}

.mask2 {
	-webkit-mask-image: radial-gradient(circle at 50% 60%, black 50%, rgba(0, 0, 0, 0.6) 50%);
	mask-image: radial-gradient(circle at 50% 60%, black 50%, rgba(0, 0, 0, 0.6) 50%);
}

.fadingcircle,
.vagecirkel {
	-webkit-mask-image: radial-gradient(circle at 50% 50%, black 40%, transparent 50%);
	mask-image: radial-gradient(circle at 50% 50%, black 40%, transparent 50%);
}

.textmask {
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

/*WRAP*/
.floatcircle {
	border-radius: 50%;
	margin: 0 25px 5px 0;
	display: inline-block;
	float: left;
	-webkit-shape-outside: circle();
	shape-outside: circle();
}

.floataround,
.imagewrap {
	float: left;
	shape-image-threshold: 0.5;
}

/*ANIMATIONS*/
.scaleOnMouseOver:hover {
	animation: scale 500ms ease-in-out forwards;
	animation-name: scale;
	animation-duration: 400ms;
	transform-origin: center center;
}

@keyframes scale {
	to {
		transform: scale(1.8);
	}
}

@-webkit-keyframes glowing {
	0% {
		-webkit-box-shadow: 0 0 3px white;
	}

	50% {
		-webkit-box-shadow: 0 0 10px #0094FF;
	}

	100% {
		-webkit-box-shadow: 0 0 3px white;
	}
}

@-moz-keyframes glowing {
	0% {
		-moz-box-shadow: 0 0 3px white;
	}

	50% {
		-moz-box-shadow: 0 0 10px #0094FF;
	}

	100% {
		-moz-box-shadow: 0 0 3px white;
	}
}

@-o-keyframes glowing {
	0% {
		box-shadow: 0 0 3px white;
	}

	50% {
		box-shadow: 0 0 10px #0094FF;
	}

	100% {
		box-shadow: 0 0 3px white;
	}
}

@keyframes glowing {
	0% {
		box-shadow: 0 0 3px white;
	}

	50% {
		box-shadow: 0 0 10px #0094FF;
	}

	100% {
		box-shadow: 0 0 3px white;
	}
}

.glow,
.glowOnClick:active,
.glowOnMouseOver:hover {
	-webkit-animation: glowing 1500ms infinite;
	-moz-animation: glowing 1500ms infinite;
	-o-animation: glowing 1500ms infinite;
	animation: glowing 1500ms infinite;
}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}

	to {
		-ms-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

.spin,
.spinOnMouseOver:hover,
.spinOnClick:active {
	-webkit-animation-name: spin;
	-webkit-animation-duration: 1000ms;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;

	-moz-animation-name: spin;
	-moz-animation-duration: 1000ms;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: linear;

	-ms-animation-name: spin;
	-ms-animation-duration: 1000ms;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: linear;

	animation-name: spin;
	animation-duration: 1000ms;
	animation-iteration-count: 1;
	animation-timing-function: linear;
}

/*UI-animations*/
.animated {
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-ms-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}

@-webkit-keyframes bounceIn {

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

	50% {
		opacity: 1;
		-webkit-transform: scale(1.05);
	}

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

@-moz-keyframes bounceIn {

	0% {
		opacity: 0;
		-moz-transform: scale(0.8);
	}

	50% {
		opacity: 1;
		-moz-transform: scale(1.05);
	}

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

@-o-keyframes bounceIn {

	0% {
		opacity: 0;
		-o-transform: scale(0.8);
	}

	50% {
		opacity: 1;
		-o-transform: scale(1.05);
	}

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

@keyframes bounceIn {

	0% {
		opacity: 0;
		transform: scale(0.8);
	}

	50% {
		opacity: 1;
		transform: scale(1.05);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

.delay {
	-webkit-animation-delay: 0.30s;
	-moz-animation-delay: 0.30s;
	-o-animation-delay: 0.30s;
	animation-delay: 0.30s;
}

.delay-three {
	-webkit-animation-delay: 0.60s;
	-moz-animation-delay: 0.60s;
	-o-animation-delay: 0.60s;
	animation-delay: 0.60s;
}

.delay-two {
	-webkit-animation-delay: 1.0s;
	-moz-animation-delay: 1.0s;
	-o-animation-delay: 1.0s;
	animation-delay: 1.0s;
}

.delay-one {
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}

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

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

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

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

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

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

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

.fadeInUp,
.fadeInUpOnMouseOver {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}

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

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

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

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

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

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}

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

.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

@-webkit-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-20px);
	}

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

@-moz-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	0% {
		opacity: 0;
		transform: translateX(-20px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}


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

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

@-moz-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-moz-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-moz-transform: translateX(-20px);
	}
}

@-o-keyframes fadeOutLeft {
	0% {
		opacity: 1;
		-o-transform: translateX(0);
	}

	100% {
		opacity: 0;
		-o-transform: translateX(-20px);
	}
}

@keyframes fadeOutLeft {
	0% {
		opacity: 1;
		transform: translateX(0);
	}

	100% {
		opacity: 0;
		transform: translateX(-20px);
	}
}

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

	100% {
		opacity: 0;
	}
}

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

	100% {
		opacity: 0;
	}
}

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

	100% {
		opacity: 0;
	}
}

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

	100% {
		opacity: 0;
	}
}

.animated.fadeOut,
.animated.fadeOutOnMouseover:hover,
.animated.fadeOutOnClick:active {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}

.animated.fadeOutLeft,
.animated.fadeOutLeftOnMouseOver:hover,
.animated.fadeOutLeftOnClick:active {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

/*
==============================================
CSS3 ANIMATION CHEAT SHEET
==============================================

Made by Justin Aguilar

www.justinaguilar.com/animations/

Questions, comments, concerns, love letters:
justin@justinaguilar.com
==============================================
*/

/*
==============================================
slideDown
==============================================
*/


.slideDown,
.slideDownOnMouseOver:hover,
.slideDownOnClick:active {
	animation-name: slideDown;
	-webkit-animation-name: slideDown;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;

	visibility: visible !important;
}

@keyframes slideDown {
	0% {
		transform: translateY(-100%);
	}

	50% {
		transform: translateY(8%);
	}

	65% {
		transform: translateY(-4%);
	}

	80% {
		transform: translateY(4%);
	}

	95% {
		transform: translateY(-2%);
	}

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

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

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

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

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

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

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

/*
==============================================
slideUp
==============================================
*/


.slideUp,
.slideUpOnMouseOver:hover,
.slideUpOnClick:active {
	animation-name: slideUp;
	-webkit-animation-name: slideUp;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;

	visibility: visible !important;
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}

	50% {
		transform: translateY(-8%);
	}

	65% {
		transform: translateY(4%);
	}

	80% {
		transform: translateY(-4%);
	}

	95% {
		transform: translateY(2%);
	}

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

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

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

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

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

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

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

/*
==============================================
slideLeft
==============================================
*/


.slideLeft,
.slideLeftOnMouseOver:hover,
.slideLeftOnClick:active {
	animation-name: slideLeft;
	-webkit-animation-name: slideLeft;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;

	visibility: visible !important;
}

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

	50% {
		transform: translateX(-8%);
	}

	65% {
		transform: translateX(4%);
	}

	80% {
		transform: translateX(-4%);
	}

	95% {
		transform: translateX(2%);
	}

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

@-webkit-keyframes slideLeft {
	0% {
		-webkit-transform: translateX(150%);
	}

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

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

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

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

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

/*
==============================================
slideRight
==============================================
*/


.slideRight,
.slideRightOnMouseOver:hover,
.slideRightOnClick:active {
	animation-name: slideRight;
	-webkit-animation-name: slideRight;

	animation-duration: 1s;
	-webkit-animation-duration: 1s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;

	visibility: visible !important;
}

@keyframes slideRight {
	0% {
		transform: translateX(-150%);
	}

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

	65% {
		transform: translateX(-4%);
	}

	80% {
		transform: translateX(4%);
	}

	95% {
		transform: translateX(-2%);
	}

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

@-webkit-keyframes slideRight {
	0% {
		-webkit-transform: translateX(-150%);
	}

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

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

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

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

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

/*
==============================================
slideExpandUp
==============================================
*/


.slideExpandUp,
.slideExpandUpOnMouseOver:hover,
.slideExpandUpOnClick:active {
	animation-name: slideExpandUp;
	-webkit-animation-name: slideExpandUp;

	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease -out;

	visibility: visible !important;
}

@keyframes slideExpandUp {
	0% {
		transform: translateY(100%) scaleX(0.5);
	}

	30% {
		transform: translateY(-8%) scaleX(0.5);
	}

	40% {
		transform: translateY(2%) scaleX(0.5);
	}

	50% {
		transform: translateY(0%) scaleX(1.1);
	}

	60% {
		transform: translateY(0%) scaleX(0.9);
	}

	70% {
		transform: translateY(0%) scaleX(1.05);
	}

	80% {
		transform: translateY(0%) scaleX(0.95);
	}

	90% {
		transform: translateY(0%) scaleX(1.02);
	}

	100% {
		transform: translateY(0%) scaleX(1);
	}
}

@-webkit-keyframes slideExpandUp {
	0% {
		-webkit-transform: translateY(100%) scaleX(0.5);
	}

	30% {
		-webkit-transform: translateY(-8%) scaleX(0.5);
	}

	40% {
		-webkit-transform: translateY(2%) scaleX(0.5);
	}

	50% {
		-webkit-transform: translateY(0%) scaleX(1.1);
	}

	60% {
		-webkit-transform: translateY(0%) scaleX(0.9);
	}

	70% {
		-webkit-transform: translateY(0%) scaleX(1.05);
	}

	80% {
		-webkit-transform: translateY(0%) scaleX(0.95);
	}

	90% {
		-webkit-transform: translateY(0%) scaleX(1.02);
	}

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

/*
==============================================
expandUp
==============================================
*/


.expandUp,
.expandUpOnMouseOver:hover,
.expandUpOnClick:active {
	animation-name: expandUp;
	-webkit-animation-name: expandUp;

	animation-duration: 0.7s;
	-webkit-animation-duration: 0.7s;

	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;

	visibility: visible !important;
}

@keyframes expandUp {
	0% {
		transform: translateY(100%) scale(0.6) scaleY(0.5);
	}

	60% {
		transform: translateY(-7%) scaleY(1.12);
	}

	75% {
		transform: translateY(3%);
	}

	100% {
		transform: translateY(0%) scale(1) scaleY(1);
	}
}

@-webkit-keyframes expandUp {
	0% {
		-webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
	}

	60% {
		-webkit-transform: translateY(-7%) scaleY(1.12);
	}

	75% {
		-webkit-transform: translateY(3%);
	}

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

/*
==============================================
fadeIn
==============================================
*/

.fadeIn,
.fadeInOnMouseOver:hover,
.fadeInOnClick:active {
	animation-name: fadeIn;
	-webkit-animation-name: fadeIn;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;

	visibility: visible !important;
}

@keyframes fadeIn {
	0% {
		transform: scale(0);
		opacity: 0.0;
	}

	60% {
		transform: scale(1.1);
	}

	80% {
		transform: scale(0.9);
		opacity: 1;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@-webkit-keyframes fadeIn {
	0% {
		-webkit-transform: scale(0);
		opacity: 0.0;
	}

	60% {
		-webkit-transform: scale(1.1);
	}

	80% {
		-webkit-transform: scale(0.9);
		opacity: 1;
	}

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

/*
==============================================
expandOpen
==============================================
*/


.expandOpen,
.expandOpenOnMouseOver:hover,
.expandOpenOnClick:active {
	animation-name: expandOpen;
	-webkit-animation-name: expandOpen;

	animation-duration: 1.2s;
	-webkit-animation-duration: 1.2s;

	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;

	visibility: visible !important;
}

@keyframes expandOpen {
	0% {
		transform: scale(1.8);
	}

	50% {
		transform: scale(0.95);
	}

	80% {
		transform: scale(1.05);
	}

	90% {
		transform: scale(0.98);
	}

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

@-webkit-keyframes expandOpen {
	0% {
		-webkit-transform: scale(1.8);
	}

	50% {
		-webkit-transform: scale(0.95);
	}

	80% {
		-webkit-transform: scale(1.05);
	}

	90% {
		-webkit-transform: scale(0.98);
	}

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

/*
==============================================
bigEntrance
==============================================
*/


.bigEntrance,
.bigEntranceOnMouseOver:hover,
.bigEntranceOnClick:active {
	animation-name: bigEntrance;
	-webkit-animation-name: bigEntrance;

	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;

	visibility: visible !important;
}

@keyframes bigEntrance {
	0% {
		transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}

	30% {
		transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
		opacity: 1;
	}

	45% {
		transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}

	60% {
		transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}

	75% {
		transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}

	90% {
		transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}

	100% {
		transform: scale(1) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}
}

@-webkit-keyframes bigEntrance {
	0% {
		-webkit-transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%);
		opacity: 0.2;
	}

	30% {
		-webkit-transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%);
		opacity: 1;
	}

	45% {
		-webkit-transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}

	60% {
		-webkit-transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}

	75% {
		-webkit-transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%);
		opacity: 1;
	}

	90% {
		-webkit-transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%);
		opacity: 1;
	}

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

/*
==============================================
hatch
==============================================
*/

.hatch,
.hatchOnMouseOver:hover,
.hatchOnClick:active {
	animation-name: hatch;
	-webkit-animation-name: hatch;

	animation-duration: 2s;
	-webkit-animation-duration: 2s;

	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;

	visibility: visible !important;
}

@keyframes hatch {
	0% {
		transform: rotate(0deg) scaleY(0.6);
	}

	20% {
		transform: rotate(-2deg) scaleY(1.05);
	}

	35% {
		transform: rotate(2deg) scaleY(1);
	}

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

	65% {
		transform: rotate(1deg);
	}

	80% {
		transform: rotate(-1deg);
	}

	100% {
		transform: rotate(0deg);
	}
}

@-webkit-keyframes hatch {
	0% {
		-webkit-transform: rotate(0deg) scaleY(0.6);
	}

	20% {
		-webkit-transform: rotate(-2deg) scaleY(1.05);
	}

	35% {
		-webkit-transform: rotate(2deg) scaleY(1);
	}

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

	65% {
		-webkit-transform: rotate(1deg);
	}

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

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


/*
==============================================
bounce
==============================================
*/


.bounce,
.bounceOnMouseOver:hover,
.bounceOnClick:active {
	animation-name: bounce;
	-webkit-animation-name: bounce;

	animation-duration: 1.6s;
	-webkit-animation-duration: 1.6s;

	animation-timing-function: ease;
	-webkit-animation-timing-function: ease;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
}

@keyframes bounce {
	0% {
		transform: translateY(0%) scaleY(0.6);
	}

	60% {
		transform: translateY(-100%) scaleY(1.1);
	}

	70% {
		transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}

	80% {
		transform: translateY(0%) scaleY(1.05) scaleX(1);
	}

	90% {
		transform: translateY(0%) scaleY(0.95) scaleX(1);
	}

	100% {
		transform: translateY(0%) scaleY(1) scaleX(1);
	}
}

@-webkit-keyframes bounce {
	0% {
		-webkit-transform: translateY(0%) scaleY(0.6);
	}

	60% {
		-webkit-transform: translateY(-100%) scaleY(1.1);
	}

	70% {
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1.05);
	}

	80% {
		-webkit-transform: translateY(0%) scaleY(1.05) scaleX(1);
	}

	90% {
		-webkit-transform: translateY(0%) scaleY(0.95) scaleX(1);
	}

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


/*
==============================================
pulse
==============================================
*/

.pulse,
.pulseOnMouseOver:hover,
.pulseOnClick:active {
	animation-name: pulse;
	-webkit-animation-name: pulse;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes pulse {
	0% {
		transform: scale(0.9);
		opacity: 0.7;
	}

	50% {
		transform: scale(1);
		opacity: 1;
	}

	100% {
		transform: scale(0.9);
		opacity: 0.7;
	}
}

@-webkit-keyframes pulse {
	0% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;
	}

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

	100% {
		-webkit-transform: scale(0.95);
		opacity: 0.7;
	}
}

/*
==============================================
floating
==============================================
*/

.floating,
.floatingOnMouseOver:hover,
.floatingOnClick:active {
	animation-name: floating;
	-webkit-animation-name: floating;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes floating {
	0% {
		transform: translateY(0%);
	}

	50% {
		transform: translateY(8%);
	}

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

@-webkit-keyframes floating {
	0% {
		-webkit-transform: translateY(0%);
	}

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

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

/*
==============================================
tossing
==============================================
*/

.tossing,
.tossingOnMouseOver:hover,
.tossingOnClick:active {
	animation-name: tossing;
	-webkit-animation-name: tossing;

	animation-duration: 2.5s;
	-webkit-animation-duration: 2.5s;

	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@keyframes tossing {
	0% {
		transform: rotate(-4deg);
	}

	50% {
		transform: rotate(4deg);
	}

	100% {
		transform: rotate(-4deg);
	}
}

@-webkit-keyframes tossing {
	0% {
		-webkit-transform: rotate(-4deg);
	}

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

	100% {
		-webkit-transform: rotate(-4deg);
	}
}

/*
==============================================
pullUp
==============================================
*/

.pullUp,
.pullUpOnMouseOver:hover,
.pullUpOnClick:active {
	animation-name: pullUp;
	-webkit-animation-name: pullUp;

	animation-duration: 1.1s;
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;

	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
}

@keyframes pullUp {
	0% {
		transform: scaleY(0.1);
	}

	40% {
		transform: scaleY(1.02);
	}

	60% {
		transform: scaleY(0.98);
	}

	80% {
		transform: scaleY(1.01);
	}

	100% {
		transform: scaleY(0.98);
	}

	80% {
		transform: scaleY(1.01);
	}

	100% {
		transform: scaleY(1);
	}
}

@-webkit-keyframes pullUp {
	0% {
		-webkit-transform: scaleY(0.1);
	}

	40% {
		-webkit-transform: scaleY(1.02);
	}

	60% {
		-webkit-transform: scaleY(0.98);
	}

	80% {
		-webkit-transform: scaleY(1.01);
	}

	100% {
		-webkit-transform: scaleY(0.98);
	}

	80% {
		-webkit-transform: scaleY(1.01);
	}

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

/*
==============================================
pullDown
==============================================
*/

.pullDown,
.pullDownOnMouseOver:hover,
.pullDownOnClick:active {
	animation-name: pullDown;
	-webkit-animation-name: pullDown;

	animation-duration: 1.1s;
	-webkit-animation-duration: 1.1s;

	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;

	transform-origin: 50% 0%;
	-ms-transform-origin: 50% 0%;
	-webkit-transform-origin: 50% 0%;
}

@keyframes pullDown {
	0% {
		transform: scaleY(0.1);
	}

	40% {
		transform: scaleY(1.02);
	}

	60% {
		transform: scaleY(0.98);
	}

	80% {
		transform: scaleY(1.01);
	}

	100% {
		transform: scaleY(0.98);
	}

	80% {
		transform: scaleY(1.01);
	}

	100% {
		transform: scaleY(1);
	}
}

@-webkit-keyframes pullDown {
	0% {
		-webkit-transform: scaleY(0.1);
	}

	40% {
		-webkit-transform: scaleY(1.02);
	}

	60% {
		-webkit-transform: scaleY(0.98);
	}

	80% {
		-webkit-transform: scaleY(1.01);
	}

	100% {
		-webkit-transform: scaleY(0.98);
	}

	80% {
		-webkit-transform: scaleY(1.01);
	}

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

/*
==============================================
stretchLeft
==============================================
*/

.stretchLeft,
.stretchLeftOnMouseOver:hover,
.stretchLeftOnClick:active {
	animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%;
}

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}

	40% {
		transform: scaleX(1.02);
	}

	60% {
		transform: scaleX(0.98);
	}

	80% {
		transform: scaleX(1.01);
	}

	100% {
		transform: scaleX(0.98);
	}

	80% {
		transform: scaleX(1.01);
	}

	100% {
		transform: scaleX(1);
	}
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}

	40% {
		-webkit-transform: scaleX(1.02);
	}

	60% {
		-webkit-transform: scaleX(0.98);
	}

	80% {
		-webkit-transform: scaleX(1.01);
	}

	100% {
		-webkit-transform: scaleX(0.98);
	}

	80% {
		-webkit-transform: scaleX(1.01);
	}

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

/*
==============================================
stretchRight
==============================================
*/

.stretchRight,
.stretchRightOnMouseOver:hover,
.stretchRightOnClick:active {
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;

	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;
	-webkit-animation-timing-function: ease-out;

	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
}

@keyframes stretchRight {
	0% {
		transform: scaleX(0.3);
	}

	40% {
		transform: scaleX(1.02);
	}

	60% {
		transform: scaleX(0.98);
	}

	80% {
		transform: scaleX(1.01);
	}

	100% {
		transform: scaleX(0.98);
	}

	80% {
		transform: scaleX(1.01);
	}

	100% {
		transform: scaleX(1);
	}
}

@-webkit-keyframes stretchRight {
	0% {
		-webkit-transform: scaleX(0.3);
	}

	40% {
		-webkit-transform: scaleX(1.02);
	}

	60% {
		-webkit-transform: scaleX(0.98);
	}

	80% {
		-webkit-transform: scaleX(1.01);
	}

	100% {
		-webkit-transform: scaleX(0.98);
	}

	80% {
		-webkit-transform: scaleX(1.01);
	}

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



/*
Magic - Ver 1.2.0 - https://minimamente.com
Licensed under the MIT license
Copyright (c) 2016 Christian Pucci
*/
.magictime,
.magictimeOnMouseOver:hover,
.magictimeOnClick:active {
	animation-duration: 1s;
	animation-fill-mode: both;
}

.puffIn,
.puffInOnMouseOver:hover,
.puffInOnClick:active {
	animation-name: puffIn;
}

@keyframes puffIn {
	0% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(2, 2);
		filter: blur(2px);
	}

	100% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1);
		filter: blur(0px);
	}
}

.puffOut,
.puffOutOnMouseOver:hover,
.puffOutOnClick:active {
	animation-name: puffOut;
}

@keyframes puffOut {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1);
		filter: blur(0px);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(2, 2);
		filter: blur(2px);
	}
}

.vanishIn,
.vanishInOnMouseOver:hover,
.vanishInOnClick:active {
	animation-name: vanishIn;
}

@keyframes vanishIn {
	0% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(2, 2);
		filter: blur(90px);
	}

	100% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1);
		filter: blur(0px);
	}
}

.vanishOut,
.vanishOutOnMouseOver:hover,
.vanishOutOnClick:active {
	animation-name: vanishOut;
}

@keyframes vanishOut {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1);
		filter: blur(0px);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(2, 2);
		filter: blur(20px);
	}
}

.boingInUp,
.boingInUpOnMouseOver:hover,
.boingInUpOnClick:active {
	animation-name: boingInUp;
}

@keyframes boingInUp {
	0% {
		opacity: 0;
		transform-origin: 50% 0%;
		transform: perspective(800px) rotateX(-90deg);
	}

	50% {
		opacity: 1;
		transform-origin: 50% 0%;
		transform: perspective(800px) rotateX(50deg);
	}

	100% {
		opacity: 1;
		transform-origin: 50% 0%;
		transform: perspective(800px) rotateX(0deg);
	}
}

.boingOutDown,
.boingOutDownOnClick:active,
.boingOutDownOnMouseOver:hover {
	animation-name: boingOutDown;
}

@keyframes boingOutDown {
	0% {
		opacity: 1;
		transform-origin: 100% 100%;
		transform: perspective(800px) rotateX(0deg) rotateY(0deg);
	}

	20% {
		opacity: 1;
		transform-origin: 100% 100%;
		transform: perspective(800px) rotateX(0deg) rotateY(10deg);
	}

	30% {
		opacity: 1;
		transform-origin: 0% 100%;
		transform: perspective(800px) rotateX(0deg) rotateY(0deg);
	}

	40% {
		opacity: 1;
		transform-origin: 0% 100%;
		transform: perspective(800px) rotateX(10deg) rotateY(10deg);
	}

	100% {
		opacity: 0;
		transform-origin: 100% 100%;
		transform: perspective(800px) rotateX(90deg) rotateY(0deg);
	}
}

.bombLeftOut,
.bombLeftOutOnMouseOver:hover,
.bombLeftOutOnClick:active {
	animation-name: bombLeftOut;
}

@keyframes bombLeftOut {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: rotate(0deg);
		filter: blur(0px);
	}

	50% {
		opacity: 1;
		transform-origin: -100% 50%;
		transform: rotate(-160deg);
		filter: blur(0px);
	}

	100% {
		opacity: 0;
		transform-origin: -100% 50%;
		transform: rotate(-160deg);
		filter: blur(20px);
	}
}

.bombRightOut,
.bombRightOutOnMouseOver:hover,
.bombRightOutOnClick:active {
	animation-name: bombRightOut;
}

@keyframes bombRightOut {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: rotate(0deg);
		filter: blur(0px);
	}

	50% {
		opacity: 1;
		transform-origin: 200% 50%;
		transform: rotate(160deg);
		filter: blur(0px);
	}

	100% {
		opacity: 0;
		transform-origin: 200% 50%;
		transform: rotate(160deg);
		filter: blur(20px);
	}
}

.magic,
.magicOnMouseOver:hover,
.magicOnClick:active {
	animation-name: magic;
}

@keyframes magic {
	0% {
		opacity: 1;
		transform-origin: 100% 200%;
		transform: scale(1, 1) rotate(0deg);
	}

	100% {
		opacity: 0;
		transform-origin: 200% 500%;
		transform: scale(0, 0) rotate(270deg);
	}
}

.swap,
.swapOnMouseOver:hover,
.swapOnClick:active {
	animation-name: swap;
}

@keyframes swap {
	0% {
		opacity: 0;
		transform-origin: 0 100%;
		transform: scale(0, 0) translate(-700px, 0px);
	}

	100% {
		opacity: 1;
		transform-origin: 100% 100%;
		transform: scale(1, 1) translate(0px, 0px);
	}
}

.twisterInDown,
.twisterInDownOnMouseOver:hover,
.twisterInDownOnClick:active {
	animation-name: twisterInDown;
}

@keyframes twisterInDown {
	0% {
		opacity: 0;
		transform-origin: 0 100%;
		transform: scale(0, 0) rotate(360deg) translateY(-100%);
	}

	30% {
		transform-origin: 0 100%;
		transform: scale(0, 0) rotate(360deg) translateY(-100%);
	}

	100% {
		opacity: 1;
		transform-origin: 100% 100%;
		transform: scale(1, 1) rotate(0deg) translateY(0%);
	}
}

.twisterInUp,
.twisterInUpOnMouseOver:hover,
.twisterInUpOnClick:active {
	animation-name: twisterInUp;
}

@keyframes twisterInUp {
	0% {
		opacity: 0;
		transform-origin: 100% 0;
		transform: scale(0, 0) rotate(360deg) translateY(100%);
	}

	30% {
		transform-origin: 100% 0;
		transform: scale(0, 0) rotate(360deg) translateY(100%);
	}

	100% {
		opacity: 1;
		transform-origin: 0 0;
		transform: scale(1, 1) rotate(0deg) translateY(0);
	}
}

.foolishIn,
.foolishInOnMouseOver:hover,
.foolishInOnClick:active {
	animation-name: foolishIn;
}

@keyframes foolishIn {
	0% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(0, 0) rotate(360deg);
	}

	20% {
		opacity: 1;
		transform-origin: 0% 100%;
		transform: scale(0.5, 0.5) rotate(0deg);
	}

	40% {
		opacity: 1;
		transform-origin: 100% 100%;
		transform: scale(0.5, 0.5) rotate(0deg);
	}

	60% {
		opacity: 1;
		transform-origin: 0%;
		transform: scale(0.5, 0.5) rotate(0deg);
	}

	80% {
		opacity: 1;
		transform-origin: 0% 0%;
		transform: scale(0.5, 0.5) rotate(0deg);
	}

	100% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1) rotate(0deg);
	}
}

.foolishOut,
.foolishOutOnMouseOver:hover,
.foolishOutOnClick:active {
	animation-name: foolishOut;
}

@keyframes foolishOut {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1) rotate(360deg);
	}

	20% {
		opacity: 1;
		transform-origin: 0% 0%;
		transform: scale(0.5, 0.5) rotate(0deg);
	}

	40% {
		opacity: 1;
		transform-origin: 100% 0%;
		transform: scale(0.5, 0.5) rotate(0deg);
	}

	60% {
		opacity: 1;
		transform-origin: 0%;
		transform: scale(0.5, 0.5) rotate(0deg);
	}

	80% {
		opacity: 1;
		transform-origin: 0% 100%;
		transform: scale(0.5, 0.5) rotate(0deg);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(0, 0) rotate(0deg);
	}
}

.holeOut,
.holeOutOnMouseOver:hover,
.holeOutOnClick:active {
	animation-name: holeOut;
}

@keyframes holeOut {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1) rotateY(0deg);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(0, 0) rotateY(180deg);
	}
}

.swashIn,
.swashInOnMouseOver:hover,
.swashInOnClick:active {
	animation-name: swashIn;
}

@keyframes swashIn {
	0% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(0, 0);
	}

	90% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(0.9, 0.9);
	}

	100% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1);
	}
}

.swashOut,
.swashOutOnMouseOver:hover,
.swashOutOnClick:active {
	animation-name: swashOut;
}

@keyframes swashOut {
	0% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(1, 1);
	}

	80% {
		opacity: 1;
		transform-origin: 50% 50%;
		transform: scale(0.9, 0.9);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 50%;
		transform: scale(0, 0);
	}
}

.spaceInDown,
.spaceInDownOnMouseOver:hover,
.spaceInDownOnClick:active {
	animation-name: spaceInDown;
}

@keyframes spaceInDown {
	0% {
		opacity: 0;
		transform-origin: 50% 100%;
		transform: scale(.2) translate(0%, 200%);
	}

	100% {
		opacity: 1;
		transform-origin: 50% 100%;
		transform: scale(1) translate(0%, 0%);
	}
}

.spaceInLeft,
.spaceInLeftOnMouseOver:hover,
.spaceInLeftOnClick:active {
	animation-name: spaceInLeft;
}

@keyframes spaceInLeft {
	0% {
		opacity: 0;
		transform-origin: 0% 50%;
		transform: scale(.2) translate(-200%, 0%);
	}

	100% {
		opacity: 1;
		transform-origin: 0% 50%;
		transform: scale(1) translate(0%, 0%);
	}
}

.spaceInRight,
.spaceInRightOnMouseOver:hover,
.spaceInRightOnClick:active {
	animation-name: spaceInRight;
}

@keyframes spaceInRight {
	0% {
		opacity: 0;
		transform-origin: 100% 50%;
		transform: scale(.2) translate(200%, 0%);
	}

	100% {
		opacity: 1;
		transform-origin: 100% 50%;
		transform: scale(1) translate(0%, 0%);
	}
}

.spaceInUp,
.spaceInUpOnMouseOver:hover,
.spaceInUpOnClick:active {
	animation-name: spaceInUp;
}

@keyframes spaceInUp {
	0% {
		opacity: 0;
		transform-origin: 50% 0%;
		transform: scale(.2) translate(0%, -200%);
	}

	100% {
		opacity: 1;
		transform-origin: 50% 0%;
		transform: scale(1) translate(0%, 0%);
	}
}

.spaceOutDown,
.spaceOutDownOnMouseOver:hover,
.spaceOutDownOnClick:active {
	animation-name: spaceOutDown;
}

@keyframes spaceOutDown {
	0% {
		opacity: 1;
		transform-origin: 50% 100%;
		transform: scale(1) translate(0%, 0%);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 100%;
		transform: scale(.2) translate(0%, 200%);
	}
}

.spaceOutLeft,
.spaceOutLeftOnMouseOver:hover,
.spaceOutLeftOnClick:active {
	animation-name: spaceOutLeft;
}

@keyframes spaceOutLeft {
	0% {
		opacity: 1;
		transform-origin: 0% 50%;
		transform: scale(1) translate(0%, 0%);
	}

	100% {
		opacity: 0;
		transform-origin: 0% 50%;
		transform: scale(.2) translate(-200%, 0%);
	}
}

.spaceOutRight,
.spaceOutRightOnMouseOver:hover,
.spaceOutRightOnClick:active {
	animation-name: spaceOutRight;
}

@keyframes spaceOutRight {
	0% {
		opacity: 1;
		transform-origin: 100% 50%;
		transform: scale(1) translate(0%, 0%);
	}

	100% {
		opacity: 0;
		transform-origin: 100% 50%;
		transform: scale(.2) translate(200%, 0%);
	}
}

.spaceOutUp,
.spaceOutUpOnMouseOver:hover,
.spaceOutUpOnClick:active {
	animation-name: spaceOutUp;
}

@keyframes spaceOutUp {
	0% {
		opacity: 1;
		transform-origin: 50% 0%;
		transform: scale(1) translate(0%, 0%);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 0%;
		transform: scale(.2) translate(0%, -200%);
	}
}

.perspectiveDown,
.perspectiveDownOnMouseOver:hover,
.perspectiveDownOnClick:active {
	animation-name: perspectiveDown;
}

@keyframes perspectiveDown {
	0% {
		transform-origin: 0 100%;
		transform: perspective(800px) rotateX(0deg);
	}

	100% {
		transform-origin: 0 100%;
		transform: perspective(800px) rotateX(-180deg);
	}
}

.perspectiveDownReturn,
.perspectiveDownReturnOnMouseOver:hover,
.perspectiveDownReturnOnClick:active {
	animation-name: perspectiveDownReturn;
}

@keyframes perspectiveDownReturn {
	0% {
		transform-origin: 0 100%;
		transform: perspective(800px) rotateX(-180deg);
	}

	100% {
		transform-origin: 0 100%;
		transform: perspective(800px) rotateX(0deg);
	}
}

.perspectiveLeft,
.perspectiveLeftOnMouseOver:hover,
.perspectiveLeftOnClick:active {
	animation-name: perspectiveLeft;
}

@keyframes perspectiveLeft {
	0% {
		transform-origin: 0 0;
		transform: perspective(800px) rotateY(0deg);
	}

	100% {
		transform-origin: 0 0;
		transform: perspective(800px) rotateY(-180deg);
	}
}

.perspectiveLeftReturn,
.perspectiveLeftReturnOnMouseOver:hover,
.perspectiveLeftReturnOnClick:active {
	animation-name: perspectiveLeftReturn;
}

@keyframes perspectiveLeftReturn {
	0% {
		transform-origin: 0 0;
		transform: perspective(800px) rotateY(-180deg);
	}

	100% {
		transform-origin: 0 0;
		transform: perspective(800px) rotateY(0deg);
	}
}

.perspectiveRight,
.perspectiveRightOnMouseOver:hover,
.perspectiveRightOnClick:active {
	animation-name: perspectiveRight;
}

@keyframes perspectiveRight {
	0% {
		transform-origin: 100% 0;
		transform: perspective(800px) rotateY(0deg);
	}

	100% {
		transform-origin: 100% 0;
		transform: perspective(800px) rotateY(180deg);
	}
}

.perspectiveRightReturn,
.perspectiveRightReturnOnMouseOver:hover,
.perspectiveRightReturnOnClick:active {
	animation-name: perspectiveRightReturn;
}

@keyframes perspectiveRightReturn {
	0% {
		transform-origin: 100% 0;
		transform: perspective(800px) rotateY(180deg);
	}

	100% {
		transform-origin: 100% 0;
		transform: perspective(800px) rotateY(0deg);
	}
}

.perspectiveUp,
.perspectiveUpOnMouseover:hover,
.perspectiveUpOnClick:active {
	animation-name: perspectiveUp;
}

@keyframes perspectiveUp {
	0% {
		transform-origin: 0 0;
		transform: perspective(800px) rotateX(0deg);
	}

	100% {
		transform-origin: 0 0;
		transform: perspective(800px) rotateX(180deg);
	}
}

.perspectiveUpReturn,
.perspectiveUpReturnOnMouseOver:hover,
.perspectiveUpReturnOnClick:active {
	animation-name: perspectiveUpReturn;
}

@keyframes perspectiveUpReturn {
	0% {
		transform-origin: 0 0;
		transform: perspective(800px) rotateX(180deg);
	}

	100% {
		transform-origin: 0 0;
		transform: perspective(800px) rotateX(0deg);
	}
}

.rotateDown,
.rotateDownOnMouseOver:hover,
.rotateDownOnClick:active {
	animation-name: rotateDown;
}

@keyframes rotateDown {
	0% {
		opacity: 1;
		transform-origin: 0 0;
		transform: perspective(800px) rotateX(0deg) translateZ(0px);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 100%;
		transform: perspective(800px) rotateX(-180deg) translateZ(300px);
	}
}

.rotateLeft,
.rotateLeftOnMouseOver:hover,
.rotateLeftOnClick:active {
	animation-name: rotateLeft;
}

@keyframes rotateLeft {
	0% {
		opacity: 1;
		transform-origin: 0 0;
		transform: perspective(800px) rotateY(0deg) translateZ(0px);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 0;
		transform: perspective(800px) rotateY(180deg) translateZ(300px);
	}
}

.rotateRight,
.rotateRightOnMouseOver:hover,
.rotateRightOnClick:active {
	animation-name: rotateRight;
}

@keyframes rotateRight {
	0% {
		opacity: 1;
		transform-origin: 0 0;
		transform: perspective(800px) rotateY(0deg) translate3d(0px);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 0;
		transform: perspective(800px) rotateY(-180deg) translateZ(150px);
	}
}

.rotateUp,
.rotateUpOnMouseOver:hover,
.rotateUpOnClick:active {
	animation-name: rotateUp;
}

@keyframes rotateUp {
	0% {
		opacity: 1;
		transform-origin: 0 0;
		transform: perspective(800px) rotateX(0deg) translateZ(0px);
	}

	100% {
		opacity: 0;
		transform-origin: 50% 0;
		transform: perspective(800px) rotateX(180deg) translateZ(100px);
	}
}

.slideDown,
.slideDownOnMouseOver:hover,
.slideDownOnClick:active {
	animation-name: slideDown;
}

@keyframes slideDown {
	0% {
		transform-origin: 0 0;
		transform: translateY(0%);
	}

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

.slideDownReturn,
.slideDownReturnOnMouseOver:hover,
.slideDownReturnOnClick:active {
	animation-name: slideDownReturn;
}

@keyframes slideDownReturn {
	0% {
		transform-origin: 0 0;
		transform: translateY(100%);
	}

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

.slideLeft,
.slideLeftOnMouseOver:hover,
.slideLeftOnClick:active {
	animation-name: slideLeft;
}

@keyframes slideLeft {
	0% {
		transform-origin: 0 0;
		transform: translateX(0%);
	}

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

.slideLeftReturn,
.slideLeftReturnOnMouseOver:hover,
.slideLeftReturnOnClick:active {
	animation-name: slideLeftReturn;
}

@keyframes slideLeftReturn {
	0% {
		transform-origin: 0 0;
		transform: translateX(-100%);
	}

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

.slideRight,
.slideRightOnMouseOver:hover,
.slideRightOnClick:active {
	animation-name: slideRight;
}

@keyframes slideRight {
	0% {
		transform-origin: 0 0;
		transform: translateX(0%);
	}

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

.slideRightReturn,
.slideRightReturnOnMouseOver:hover,
.slideRightReturnOnClick:active {
	animation-name: slideRightReturn;
}

@keyframes slideRightReturn {
	0% {
		transform-origin: 0 0;
		transform: translateX(100%);
	}

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

.slideUp,
.slideUpOnMouseOver:hover,
.slideUpOnClick:active {
	animation-name: slideUp;
}

@keyframes slideUp {
	0% {
		transform-origin: 0 0;
		transform: translateY(0%);
	}

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

.slideUpReturn,
.slideUpReturnOnMouseOver:hover,
.slideUpReturnOnClick:active {
	animation-name: slideUpReturn;
}

@keyframes slideUpReturn {
	0% {
		transform-origin: 0 0;
		transform: translateY(-100%);
	}

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

.openDownLeft,
.openDownLeftOnMouseOver:hover,
.openDownLeftOnClick:active {
	animation-name: openDownLeft;
}

@keyframes openDownLeft {
	0% {
		transform-origin: bottom left;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}

	100% {
		transform-origin: bottom left;
		transform: rotate(-110deg);
		animation-timing-function: ease-in-out;
	}
}

.openDownLeftReturn,
.openDownLeftReturnOnMouseOver:hover,
.openDownLeftReturnOnClick:active {
	animation-name: openDownLeftReturn;
}

@keyframes openDownLeftReturn {
	0% {
		transform-origin: bottom left;
		transform: rotate(-110deg);
		animation-timing-function: ease-in-out;
	}

	100% {
		transform-origin: bottom left;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}
}

.openDownRight,
.openDownRightOnMouseOver:hover,
.openDownRightOnClick:active {
	animation-name: openDownRight;
}

@keyframes openDownRight {
	0% {
		transform-origin: bottom right;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}

	100% {
		transform-origin: bottom right;
		transform: rotate(110deg);
		animation-timing-function: ease-in-out;
	}
}

.openDownRightReturn,
.openDownRightReturnOnMouseOver:hover,
.openDownRightReturnOnClick:active {
	animation-name: openDownRightReturn;
}

@keyframes openDownRightReturn {
	0% {
		transform-origin: bottom right;
		transform: rotate(110deg);
		animation-timing-function: ease-in-out;
	}

	100% {
		transform-origin: bottom right;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}
}

.openUpLeft,
.openUpLeftOnMouseOver:hover,
.openUpLeftOnClick:active {
	animation-name: openUpLeft;
}

@keyframes openUpLeft {
	0% {
		transform-origin: top left;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}

	100% {
		transform-origin: top left;
		transform: rotate(110deg);
		animation-timing-function: ease-in-out;
	}
}

.openUpLeftReturn,
.openUpLeftReturnOnMouseOver:hover,
.openUpLeftReturnOnClick:active {
	animation-name: openUpLeftReturn;
}

@keyframes openUpLeftReturn {
	0% {
		transform-origin: top left;
		transform: rotate(110deg);
		animation-timing-function: ease-in-out;
	}

	100% {
		transform-origin: top left;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}
}

.openUpRight,
.openUpRightOnMouseOver:hover,
.openUpRightOnClick:active {
	animation-name: openUpRight;
}

@keyframes openUpRight {
	0% {
		transform-origin: top right;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}

	100% {
		transform-origin: top right;
		transform: rotate(-110deg);
		animation-timing-function: ease-in-out;
	}
}

.openUpRightReturn,
.openUpRightReturnOnMouseOver:hover,
.openUpRightReturnOnClick:active {
	animation-name: openUpRightReturn;
}

@keyframes openUpRightReturn {
	0% {
		transform-origin: top right;
		transform: rotate(-110deg);
		animation-timing-function: ease-in-out;
	}

	100% {
		transform-origin: top right;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}
}

.openDownLeftOut,
.openDownLeftOutOnMouseOver:hover,
.openDownLeftOutOnClick:active {
	animation-name: openDownLeftOut;
}

@keyframes openDownLeftOut {
	0% {
		opacity: 1;
		transform-origin: bottom left;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}

	100% {
		opacity: 0;
		transform-origin: bottom left;
		transform: rotate(-110deg);
		animation-timing-function: ease-in-out;
	}
}

.openDownRightOut,
.openDownRightOutOnMouseOver:hover,
.openDownRightOutOnClick:active {
	animation-name: openDownRightOut;
}

@keyframes openDownRightOut {
	0% {
		opacity: 1;
		transform-origin: bottom right;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}

	100% {
		opacity: 0;
		transform-origin: bottom right;
		transform: rotate(110deg);
		animation-timing-function: ease-in-out;
	}
}

.openUpLeftOut,
.openUpLeftOutOnMouseOver:hover,
.openUpLeftOutOnClick:active {
	animation-name: openUpLeftOut;
}

@keyframes openUpLeftOut {
	0% {
		opacity: 1;
		transform-origin: top left;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}

	100% {
		opacity: 0;
		transform-origin: top left;
		transform: rotate(110deg);
		animation-timing-function: ease-in-out;
	}
}

.openUpRightOut,
.openUpRightOutOnMouseOver:hover,
.openUpRightOutOnClick:active {
	animation-name: openUpRightOut;
}

@keyframes openUpRightOut {
	0% {
		opacity: 1;
		transform-origin: top right;
		transform: rotate(0deg);
		animation-timing-function: ease-out;
	}

	100% {
		opacity: 0;
		transform-origin: top right;
		transform: rotate(-110deg);
		animation-timing-function: ease-in-out;
	}
}

.tinDownIn,
.tinDownInOnMouseOver:hover,
.tinDownInOnClick:active {
	animation-name: tinDownIn;
}

@keyframes tinDownIn {
	0% {
		opacity: 0;
		transform: scale(1, 1) translateY(900%);
	}

	50%,
	70%,
	90% {
		opacity: 1;
		transform: scale(1.1, 1.1) translateY(0);
	}

	60%,
	80%,
	100% {
		opacity: 1;
		transform: scale(1, 1) translateY(0);
	}
}

.tinDownOut,
.tinDownOutOnMouseOver:hover,
.tinDownOutOnClick:active {
	animation-name: tinDownOut;
}

@keyframes tinDownOut {

	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		transform: scale(1, 1) translateY(0);
	}

	10%,
	30% {
		opacity: 1;
		transform: scale(1.1, 1.1) translateY(0);
	}

	100% {
		opacity: 0;
		transform: scale(1, 1) translateY(900%);
	}
}

.tinLeftIn,
.tinLeftInOnMouseOver:hover,
.tinLeftInOnClick:active {
	animation-name: tinLeftIn;
}

@keyframes tinLeftIn {
	0% {
		opacity: 0;
		transform: scale(1, 1) translateX(-900%);
	}

	50%,
	70%,
	90% {
		opacity: 1;
		transform: scale(1.1, 1.1) translateX(0);
	}

	60%,
	80%,
	100% {
		opacity: 1;
		transform: scale(1, 1) translateX(0);
	}
}

.tinLeftOut,
.tinLeftOutOnMouseOver:hover,
.tinLeftOutOnClick:active {
	animation-name: tinLeftOut;
}

@keyframes tinLeftOut {

	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		transform: scale(1, 1) translateX(0);
	}

	10%,
	30% {
		opacity: 1;
		transform: scale(1.1, 1.1) translateX(0);
	}

	100% {
		opacity: 0;
		transform: scale(1, 1) translateX(-900%);
	}
}

.tinRightIn,
.tinRightInOnMouseOver:hover,
.tinRightInOnClick:active {
	animation-name: tinRightIn;
}

@keyframes tinRightIn {
	0% {
		opacity: 0;
		transform: scale(1, 1) translateX(900%);
	}

	50%,
	70%,
	90% {
		opacity: 1;
		transform: scale(1.1, 1.1) translateX(0);
	}

	60%,
	80%,
	100% {
		opacity: 1;
		transform: scale(1, 1) translateX(0);
	}
}

.tinRightOut,
.tinRightOutOnMouseOver:hover,
.tinRightOutOnClick:active {
	animation-name: tinRightOut;
}

@keyframes tinRightOut {

	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		transform: scale(1, 1) translateX(0);
	}

	10%,
	30% {
		opacity: 1;
		transform: scale(1.1, 1.1) translateX(0);
	}

	100% {
		opacity: 0;
		transform: scale(1, 1) translateX(900%);
	}
}

.tinUpIn,
.tinUpInOnMouseOver:hover,
.tinUpInOnClick:active {
	animation-name: tinUpIn;
}

@keyframes tinUpIn {
	0% {
		opacity: 0;
		transform: scale(1, 1) translateY(-900%);
	}

	50%,
	70%,
	90% {
		opacity: 1;
		transform: scale(1.1, 1.1) translateY(0);
	}

	60%,
	80%,
	100% {
		opacity: 1;
		transform: scale(1, 1) translateY(0);
	}
}

.tinUpOut,
.tinUpOutOnMouseOver:hover,
.tinUpOutOnClick:active {
	animation-name: tinUpOut;
}

@keyframes tinUpOut {

	0%,
	20%,
	40%,
	50% {
		opacity: 1;
		transform: scale(1, 1) translateY(0);
	}

	10%,
	30% {
		opacity: 1;
		transform: scale(1.1, 1.1) translateY(0);
	}

	100% {
		opacity: 0;
		transform: scale(1, 1) translateY(-900%);
	}
}

@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */

@-webkit-keyframes bounce {

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

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

	70% {
		-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
		animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.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 bounce {

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

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

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

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

.bounce,
.bounceOnMouseOver:hover,
.bounceOnClick:active {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
}

@-webkit-keyframes flash {

	from,
	50%,
	to {
		opacity: 1;
	}

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

@keyframes flash {

	from,
	50%,
	to {
		opacity: 1;
	}

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

.flash,
.flashOnMouseOver:hover,
.flashOnClick:active {
	-webkit-animation-name: flash;
	animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
	from {
		-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);
	}

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

@keyframes pulse {
	from {
		-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);
	}

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

.pulse,
.pulseOnMouseOver:hover,
.pulseOnClick:active {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.rubberBand,
.rubberBandOnMouseOver:hover,
.rubberBandOnClick:active {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

@-webkit-keyframes 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 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);
	}
}

.shake,
.shakeOnMouseOver:hover,
.shakeOnClick:active {
	-webkit-animation-name: shake;
	animation-name: shake;
}

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

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

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

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

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

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

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

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

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

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

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

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

.headShake,
.headShakeOnMouseOver:hover,
.headShakeOnClick:active,
	{
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake;
}

@-webkit-keyframes 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 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);
	}
}

.swing,
.swingOnMouseOver:hover,
.swingOnClick:active {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}

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

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.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);
	}

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

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

	10%,
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
		transform: scale3d(0.9, 0.9, 0.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);
	}

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

.tada,
.tadaOnMouseOver:hover,
.tadaOnClick:active {
	-webkit-animation-name: tada;
	animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	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);
	}

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

@keyframes wobble {
	from {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	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);
	}

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

.wobble,
.wobbleOnMouseOver:hover,
.wobbleOnClick:active {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}

@-webkit-keyframes jello {

	from,
	11.1%,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	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(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg);
	}

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

@keyframes jello {

	from,
	11.1%,
	to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}

	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(-0.78125deg) skewY(-0.78125deg);
		transform: skewX(-0.78125deg) skewY(-0.78125deg);
	}

	77.7% {
		-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
		transform: skewX(0.390625deg) skewY(0.390625deg);
	}

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

.jello,
.jelloOnMouseOver:hover,
.jelloOnClick:active {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center;
}

@-webkit-keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

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

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

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

@keyframes heartBeat {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	14% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

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

	42% {
		-webkit-transform: scale(1.3);
		transform: scale(1.3);
	}

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

.heartBeat,
.heartBeatOnMouseOver:hover,
.heartBeatOnClick:active {
	-webkit-animation-name: heartBeat;
	animation-name: heartBeat;
	-webkit-animation-duration: 1.3s;
	animation-duration: 1.3s;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

@-webkit-keyframes bounceIn {

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

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

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

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}

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

@keyframes bounceIn {

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

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

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

	40% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
		transform: scale3d(0.97, 0.97, 0.97);
	}

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

.bounceIn,
.bounceInOnMouseOver:hover,
.bounceInOnClick:active {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInDown {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInDown,
.bounceInDownOnMouseOver:hover,
.bounceInDownOnClick:active {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {

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

	0% {
		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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInLeft {

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

	0% {
		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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInLeft,
.bounceInLeftOnMouseOver:hover,
.bounceInLeftOnClick:active {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes bounceInRight {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.bounceInRight,
.bounceInRightOnMouseOver:hover,
.bounceInRightOnClick:active {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.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 bounceInUp {

	from,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		animation-timing-function: cubic-bezier(0.215, 0.61, 0.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);
	}
}

.bounceInUp,
.bounceInUpOnMouseOver:hover,
.bounceInUpOnClick:click {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
}

@keyframes bounceOut {
	20% {
		-webkit-transform: scale3d(0.9, 0.9, 0.9);
		transform: scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
		transform: scale3d(0.3, 0.3, 0.3);
	}
}

.bounceOut,
.bounceOutOnMouseOver:hover,
.bounceOutOnClick:active {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}

@-webkit-keyframes 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 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);
	}
}

.bounceOutDown,
.bounceOutDownOnMouseOver:hover,
.bounceOutDownOnClick:active {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
	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 bounceOutLeft {
	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);
	}
}

.bounceOutLeft,
.bounceOutLeftOnMouseOver:hover,
.bounceOutLeftOnClick:active {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}

@-webkit-keyframes 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 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);
	}
}

.bounceOutRight,
.bounceOutRightOnMouseOver:hover,
.bounceOutRightOnClick:active {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}

@-webkit-keyframes 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 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);
	}
}

.bounceOutUp,
.bounceOutUpOnMouseOver:hover,
.bounceOutUpOnClick:active {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn,
.fadeInOnMouseOver:hover,
.fadeInOnClick:active {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
	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 fadeInDown {
	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);
	}
}

.fadeInDown,
.fadeInDownOnMouseOver:hover,
.fadeInDownOnClick:active {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInDownBig,
.fadeInDownBigOnMouseOver:hover,
.fadeInDownBigOnClick:active {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
	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 fadeInLeft {
	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);
	}
}

.fadeInLeft,
.fadeInLeftOnMouseOver:hover,
.fadeInLeftOnClick:active {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInLeftBig,
.fadeInLeftBigOnMouseOver:hover,
.fadeInLeftBigOnClick:active {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
	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 fadeInRight {
	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);
	}
}

.fadeInRight,
.fadeInRightOnMouseOver:hover,
.fadeInRightOnClick:active {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInRightBig,
.fadeInRightBigOnMouseOver:hover,
.fadeInRightBigOnClick:active {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
	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 fadeInUp {
	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);
	}
}

.fadeInUp,
.fadeInUpOnMouseOver:hover,
.fadeInUpOnClick:active {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

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

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUpBig,
.fadeInUpBigOnMouseOver:hover,
.fadeInUpBigOnClick:active {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes fadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

.fadeOut,
.fadeOutOnMouseOver:hover,
.fadeOutOnClick:active {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
	from {
		opacity: 1;
	}

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

@keyframes fadeOutDown {
	from {
		opacity: 1;
	}

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

.fadeOutDown,
.fadeOutDownOnMouseOver:hover,
.fadeOutDownOnClick:active {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
	from {
		opacity: 1;
	}

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

@keyframes fadeOutDownBig {
	from {
		opacity: 1;
	}

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

.fadeOutDownBig,
.fadeOutDownBigOnMouseOver:hover,
.fadeOutDownBigOnClick:active {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
	from {
		opacity: 1;
	}

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

@keyframes fadeOutLeft {
	from {
		opacity: 1;
	}

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

.fadeOutLeft,
.fadeOutLeftOnMouseOver:hover,
.fadeOutLeftOnClick:active {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
	from {
		opacity: 1;
	}

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

@keyframes fadeOutLeftBig {
	from {
		opacity: 1;
	}

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

.fadeOutLeftBig,
.fadeOutLeftBigOnMouseOver:hover,
.fadeOutLeftBigOnClick:active {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1;
	}

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

@keyframes fadeOutRight {
	from {
		opacity: 1;
	}

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

.fadeOutRight,
.fadeOutRightOnMouseOver:hover,
.fadeOutRightOnClick:active {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
	from {
		opacity: 1;
	}

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

@keyframes fadeOutRightBig {
	from {
		opacity: 1;
	}

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

.fadeOutRightBig,
.fadeOutRightBigOnMouseOver:hover,
.fadeOutRightBigOnClick:active {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
	from {
		opacity: 1;
	}

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

@keyframes fadeOutUp {
	from {
		opacity: 1;
	}

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

.fadeOutUp,
.fadeOutUpOnMouseOver:hover,
.fadeOutUpOnClick:active {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
	from {
		opacity: 1;
	}

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

@keyframes fadeOutUpBig {
	from {
		opacity: 1;
	}

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

.fadeOutUpBig,
.fadeOutUpBigOnMouseOver:hover,
.fadeOutUpBigOnClick:active {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}

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

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

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

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

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

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

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

	80% {
		-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}

	to {
		-webkit-transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
		-webkit-animation-timing-function: ease-in;
		animation-timing-function: ease-in;
	}
}

.animated.flip,
.animated.flipOnMouseOver:hover,
.animated.flipOnClick:active {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}

@-webkit-keyframes flipInX {
	from {
		-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;
		opacity: 0;
	}

	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% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	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 flipInX {
	from {
		-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;
		opacity: 0;
	}

	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% {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
		opacity: 1;
	}

	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);
	}
}

.flipInX,
.flipInXOnMouseOver:hover,
.flipInXOnClick:active {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}

@-webkit-keyframes flipInY {
	from {
		-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;
		opacity: 0;
	}

	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% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	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 flipInY {
	from {
		-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;
		opacity: 0;
	}

	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% {
		-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
		opacity: 1;
	}

	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);
	}
}

.flipInY,
.flipInYOnMouseOver:hover,
.flipInYOnClick:active {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

@-webkit-keyframes 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 {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

@keyframes 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 {
		-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
		opacity: 0;
	}
}

.flipOutX,
.flipOutXOnMouseOver:hover,
.flipOutXOnClick:active {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
}

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

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

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

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

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

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

.flipOutY,
.flipOutYOnMouseOver:hover,
.flipOutYOnClick:active {
	-webkit-animation-duration: 0.75s;
	animation-duration: 0.75s;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}

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

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

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

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

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

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

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

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

.lightSpeedIn,
.lightSpeedInOnMouseOver:hover,
.lightSpeedInOnClick:active {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
	from {
		opacity: 1;
	}

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

@keyframes lightSpeedOut {
	from {
		opacity: 1;
	}

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

.lightSpeedOut,
.lightSpeedOutOnMouseOver:hover,
.lightSpeedOutOnClick:active {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}

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

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

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

	to {
		-webkit-transform-origin: center;
		transform-origin: center;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.rotateIn,
.rotateInOnMouseOver:hover,
.rotateInOnClick:active {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}

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

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

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

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.rotateInDownLeft,
.rotateInDownLeftOnMouseOver:hover,
.rotateInDownLeftOnClick:active {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}

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

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

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

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.rotateInDownRight,
.rotateInDownRightOnMouseOver:hover,
.rotateInDownRightOnClick:active {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}

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

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

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

	to {
		-webkit-transform-origin: left bottom;
		transform-origin: left bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.rotateInUpLeft,
.rotateInUpLeftOnMouseOver:hover,
.rotateInUpLeftOnClick:active {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}

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

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

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

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		opacity: 1;
	}
}

.rotateInUpRight,
.rotateInUpRightOnMouseOver:hover,
.rotateInUpRightOnClick:active {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

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

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

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

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

.rotateOut,
.rotateOutOnMouseOver:hover,
.rotateOutOnClick:active {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}

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

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

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

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

.rotateOutDownLeft,
.rotateOutDownLeftOnMouseOver:hover,
.rotateOutDownLeftOnClick:active {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}

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

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

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

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

.rotateOutDownRight,
.rotateOutDownRightOnMouseOver:hover,
.rotateOutDownRightOnClick:active {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}

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

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

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

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

.rotateOutUpLeft,
.rotateOutUpLeftOnMouseOver:hover,
.rotateOutUpLeftOnClick:active {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}

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

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

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

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

.rotateOutUpRight,
.rotateOutUpRightOnMouseOver:hover,
.rotateOutUpRightOnClick:active {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}

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

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

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

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

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

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

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

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

.hinge,
.hingeOnMouseOver:hover,
.hingeOnClick:active {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

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

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

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

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

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

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

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

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

.jackInTheBox,
.jackInTheBoxOnMouseOver:hover,
.jackInTheBoxOnClick:active {
	-webkit-animation-name: jackInTheBox;
	animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes 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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes 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: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.rollIn,
.rollInOnMouseOver:hover,
.rollInOnClick:active {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes 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 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);
	}
}

.rollOut,
.rollOutOnMouseOver:hover,
.rollOutOnClick:active {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}

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

	50% {
		opacity: 1;
	}
}

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

	50% {
		opacity: 1;
	}
}

.zoomIn,
.zoomInOnMouseOver:hover,
.zoomInOnClick:active {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

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

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

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

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

.zoomInDown,
.zoomInDownOnMouseOver:hover,
.zoomInDownOnClick:active {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown;
}

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

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

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

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

.zoomInLeft,
.zoomInLeftOnMouseOver:hover,
.zoomInLeftOnClick:active {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft;
}

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

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

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

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

.zoomInRight,
.zoomInRightOnMouseOver:hover,
.zoomInRightOnClick:active {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight;
}

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

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

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

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

.zoomInUp,
.zoomInUpOnMouseOver:hover,
.zoomInUpOnClick:active {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
	from {
		opacity: 1;
	}

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

	to {
		opacity: 0;
	}
}

@keyframes zoomOut {
	from {
		opacity: 1;
	}

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

	to {
		opacity: 0;
	}
}

.zoomOut,
.zoomOutOnMouseOver:hover,
.zoomOutOnClick:active {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut;
}

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

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

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

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

.zoomOutDown,
.zoomOutDownOnMouseOver:hover,
.zoomOutDownOnClick:active {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown;
}

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

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

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

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

.zoomOutLeft,
.zoomOutLeftOnMouseOver:hover,
.zoomOutLeftOnClick:active {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft;
}

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

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

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

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

.zoomOutRight,
.zoomOutRightOnMouseOver:hover,
.zoomOutRightOnClick:active {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight;
}

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

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

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

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

.zoomOutUp,
.zoomOutUpOnMouseOver:hover,
.zoomOutUpOnClick:active {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp;
}

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

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

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

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

.slideInDown,
.slideInDownOnMouseOver:hover,
.slideInDownOnClick:active {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}

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

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

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

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

.slideInLeft,
.slideInLeftOnMouseOver:hover,
.slideInLeftOnClick:active {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}

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

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

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

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

.slideInRight,
.slideInRightOnMouseOver:hover,
.slideInRightOnClick:active {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}

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

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

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

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

.slideInUp,
.slideInUpOnMouseOver:hover,
.slideInUpOnClick:active {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp;
}

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

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

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

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

.slideOutDown,
.slideOutDownOnMouseOver:hover,
.slideOutDownOnClick:active {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown;
}

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

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

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

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

.slideOutLeft,
.slideOutLeftOnMouseOver:hover,
.slideOutLeftOnClick:active {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}

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

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

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

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

.slideOutRight,
.slideOutRightOnMouseOver:hover,
.slideOutRightOnClick:active {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}

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

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

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

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

.slideOutUp,
.slideOutUpOnMouseOver:hover,
.slideOutUpOnClick:active {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

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

.animated.delay-1s {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}

.animated.delay-2s {
	-webkit-animation-delay: 2s;
	animation-delay: 2s;
}

.animated.delay-3s {
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}

.animated.delay-4s {
	-webkit-animation-delay: 4s;
	animation-delay: 4s;
}

.animated.delay-5s {
	-webkit-animation-delay: 5s;
	animation-delay: 5s;
}

.animated.fast {
	-webkit-animation-duration: 800ms;
	animation-duration: 800ms;
}

.animated.faster {
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
}

.animated.slow {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}

.animated.slower {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
}

@media (prefers-reduced-motion) {
	.animated {
		-webkit-animation: unset !important;
		animation: unset !important;
		-webkit-transition: none !important;
		transition: none !important;
	}
}

/*SPINNING ANIMATIONS*/
.CrowlSpinner:after {
	content: " ";
	display: block;
	width: 64px;
	height: 64px;
	margin: 8px;
	border-radius: 50%;
	border: 6px solid #fff;
	border-color: #fff transparent #fff transparent;
	animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

/*MEDIA QUERIES*/
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
	.hide-on-small {
		display: none;
	}

	.beams nav a span {
		display: none;
	}
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {}

/*Crowl Palette*/
/* As hex codes */

.CrowlPrimary-0 {
	color: #E7342B
}

/* Main Primary color */
.CrowlPrimary-1 {
	color: #FF857E
}

.CrowlPrimary-2 {
	color: #F85C54
}

.CrowlPrimary-3 {
	color: #BF1910
}

.CrowlPrimary-4 {
	color: #980800
}

.CrowlSecondary-1-0 {
	color: #E7842B
}

/* Main Secondary color (1) */
.CrowlSecondary-1-1 {
	color: #FFBB7E
}

.CrowlSecondary-1-2 {
	color: #F8A154
}

.CrowlSecondary-1-3 {
	color: #BF6210
}

.CrowlSecondary-1-4 {
	color: #984700
}

.CrowlSecondary-2-0 {
	color: #1C838D
}

/* Main Secondary color (2) */
.CrowlSecondary-2-1 {
	color: #5AACB4
}

.CrowlSecondary-2-2 {
	color: #348F97
}

.CrowlSecondary-2-3 {
	color: #0B6B74
}

.CrowlSecondary-2-4 {
	color: #01545C
}

.color-complement-0 {
	color: #21B333
}

/* Main Complement color */
.color-complement-1 {
	color: #69D476
}

.color-complement-2 {
	color: #41C051
}

.color-complement-3 {
	color: #0C941D
}

.color-complement-4 {
	color: #00750E
}

.CrowlBgPrimary-0 {
	background-color: #E7342B
}

/* Main Primary color */
.CrowlBgPrimary-1 {
	background-color: #FF857E
}

.CrowlBgPrimary-2 {
	background-color: #F85C54
}

.CrowlBgPrimary-3 {
	background-color: #BF1910
}

.CrowlBgPrimary-4 {
	background-color: #980800
}

.CrowlBgSecondary-1-0 {
	background-color: #E7842B
}

/* Main Secondary color (1) */
.CrowlBgSecondary-1-1 {
	background-color: #FFBB7E
}

.CrowlBgSecondary-1-2 {
	background-color: #F8A154
}

.CrowlBgSecondary-1-3 {
	background-color: #BF6210
}

.CrowlBgSecondary-1-4 {
	background-color: #984700
}

.CrowlBgSecondary-2-0 {
	background-color: #1C838D
}

/* Main Secondary color (2) */
.CrowlBgSecondary-2-1 {
	background-color: #5AACB4
}

.CrowlBgSecondary-2-2 {
	background-color: #348F97
}

.CrowlBgSecondary-2-3 {
	background-color: #0B6B74
}

.CrowlBgSecondary-2-4 {
	background-color: #01545C
}

/*Color palette new Crowl-X*/
.Crowl-X-1-Bg {
	background-color: #886f6a;
}

.Crowl-X-1-Co {
	color: #886f6a;
}

.Crowl-X-2-Bg {
	background-color: #d7c9b3;
}

.Crowl-X-2-Co {
	color: #d7c9b3;
}

/*System Crowl-X Backend styles*/
.CrowlModalBtnClose {
	color: #d7c9b3;
}

.CrowlFlouWhiteBg {
	background-color: rgba(255, 255, 255, 0.3);
}

.CrowlFlouWhiteCo {
	color: rgba(255, 255, 255, 0.3);
}

/* As RGBa codes */

.rgba-primary-0 {
	color: rgba(231, 52, 43, 1)
}

/* Main Primary color */
.rgba-primary-1 {
	color: rgba(255, 133, 126, 1)
}

.rgba-primary-2 {
	color: rgba(248, 92, 84, 1)
}

.rgba-primary-3 {
	color: rgba(191, 25, 16, 1)
}

.rgba-primary-4 {
	color: rgba(152, 8, 0, 1)
}

.rgba-secondary-1-0 {
	color: rgba(231, 132, 43, 1)
}

/* Main Secondary color (1) */
.rgba-secondary-1-1 {
	color: rgba(255, 187, 126, 1)
}

.rgba-secondary-1-2 {
	color: rgba(248, 161, 84, 1)
}

.rgba-secondary-1-3 {
	color: rgba(191, 98, 16, 1)
}

.rgba-secondary-1-4 {
	color: rgba(152, 71, 0, 1)
}

.rgba-secondary-2-0 {
	color: rgba(28, 131, 141, 1)
}

/* Main Secondary color (2) */
.rgba-secondary-2-1 {
	color: rgba(90, 172, 180, 1)
}

.rgba-secondary-2-2 {
	color: rgba(52, 143, 151, 1)
}

.rgba-secondary-2-3 {
	color: rgba(11, 107, 116, 1)
}

.rgba-secondary-2-4 {
	color: rgba(1, 84, 92, 1)
}

.rgba-complement-0 {
	color: rgba(33, 179, 51, 1)
}

/* Main Complement color */
.rgba-complement-1 {
	color: rgba(105, 212, 118, 1)
}

.rgba-complement-2 {
	color: rgba(65, 192, 81, 1)
}

.rgba-complement-3 {
	color: rgba(12, 148, 29, 1)
}

.rgba-complement-4 {
	color: rgba(0, 117, 14, 1)
}


/*COLORS*/
.bgred,
.CrowlModalBtnOK {
	background-color: #6580a7 !important;
}

.bgorange {
	background-color: rgba(231, 132, 43, 1);
}

.bgblack {
	background-color: black;
}

.bgwhite {
	background-color: white;
}

.red {
	color: #6580a7 !important
}

.black {
	color: black;
}

.white,
.items-white a {
	color: white !important;
}

.bgcblue {
	background-color: #006699 !important;
}

.gradient-black-ccc,
.gradient-black-ccc-hover:hover {
	background-image: linear-gradient(to bottom, black, #666666);
}