src/pyams_skin/resources/less/anims.less
changeset 566 a1707c607eec
parent 565 318533413200
child 567 bca1726b1d85
--- a/src/pyams_skin/resources/less/anims.less	Sun Jul 19 02:02:20 2020 +0200
+++ /dev/null	Thu Jan 01 00:00:00 1970 +0000
@@ -1,2390 +0,0 @@
-/*
- * Animations
- */
-
-@-webkit-keyframes flash {
-	0%, 100%, 50% {
-		opacity: 1;
-	}
-	25%, 75% {
-		opacity: 0;
-	}
-}
-@keyframes flash {
-	0%, 100%, 50% {
-		opacity: 1;
-	}
-
-	25%, 75% {
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes shake {
-	0%, 100% {
-		-webkit-transform: translateX(0);
-	}
-	10%, 30%, 50%, 70%, 90% {
-		-webkit-transform: translateX(-10px);
-	}
-	20%, 40%, 60%, 80% {
-		-webkit-transform: translateX(10px);
-	}
-}
-@keyframes shake {
-	0%, 100% {
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-	10%, 30%, 50%, 70%, 90% {
-		-webkit-transform: translateX(-10px);
-		-ms-transform: translateX(-10px);
-		transform: translateX(-10px);
-	}
-	20%, 40%, 60%, 80% {
-		-webkit-transform: translateX(10px);
-		-ms-transform: translateX(10px);
-		transform: translateX(10px);
-	}
-}
-
-@-webkit-keyframes bounce {
-	0%, 100%, 20%, 50%, 80% {
-		-webkit-transform: translateY(0);
-	}
-	40% {
-		-webkit-transform: translateY(-30px);
-	}
-	60% {
-		-webkit-transform: translateY(-15px);
-	}
-}
-@keyframes bounce {
-	0%, 100%, 20%, 50%, 80% {
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-	40% {
-		-webkit-transform: translateY(-30px);
-		-ms-transform: translateY(-30px);
-		transform: translateY(-30px);
-	}
-	60% {
-		-webkit-transform: translateY(-15px);
-		-ms-transform: translateY(-15px);
-		transform: translateY(-15px);
-	}
-}
-
-@-webkit-keyframes tada {
-	0% {
-		-webkit-transform: scale(1);
-	}
-	10%, 20% {
-		-webkit-transform: scale(.9) rotate(-3deg);
-	}
-	30%, 50%, 70%, 90% {
-		-webkit-transform: scale(1.1) rotate(3deg);
-	}
-	40%, 60%, 80% {
-		-webkit-transform: scale(1.1) rotate(-3deg);
-	}
-	100% {
-		-webkit-transform: scale(1) rotate(0);
-	}
-}
-@keyframes tada {
-	0% {
-		-webkit-transform: scale(1);
-		-ms-transform: scale(1);
-		transform: scale(1);
-	}
-	10%, 20% {
-		-webkit-transform: scale(.9) rotate(-3deg);
-		-ms-transform: scale(.9) rotate(-3deg);
-		transform: scale(.9) rotate(-3deg);
-	}
-	30%, 50%, 70%, 90% {
-		-webkit-transform: scale(1.1) rotate(3deg);
-		-ms-transform: scale(1.1) rotate(3deg);
-		transform: scale(1.1) rotate(3deg);
-	}
-	40%, 60%, 80% {
-		-webkit-transform: scale(1.1) rotate(-3deg);
-		-ms-transform: scale(1.1) rotate(-3deg);
-		transform: scale(1.1) rotate(-3deg);
-	}
-	100% {
-		-webkit-transform: scale(1) rotate(0);
-		-ms-transform: scale(1) rotate(0);
-		transform: scale(1) rotate(0);
-	}
-}
-
-@-webkit-keyframes swing {
-	100%, 20%, 40%, 60%, 80% {
-		-webkit-transform-origin: top center;
-	}
-	20% {
-		-webkit-transform: rotate(15deg);
-	}
-	40% {
-		-webkit-transform: rotate(-10deg);
-	}
-	60% {
-		-webkit-transform: rotate(5deg);
-	}
-	80% {
-		-webkit-transform: rotate(-5deg);
-	}
-	100% {
-		-webkit-transform: rotate(0deg);
-	}
-}
-@keyframes swing {
-	20% {
-		-webkit-transform: rotate(15deg);
-		-ms-transform: rotate(15deg);
-		transform: rotate(15deg);
-	}
-	40% {
-		-webkit-transform: rotate(-10deg);
-		-ms-transform: rotate(-10deg);
-		transform: rotate(-10deg);
-	}
-	60% {
-		-webkit-transform: rotate(5deg);
-		-ms-transform: rotate(5deg);
-		transform: rotate(5deg);
-	}
-	80% {
-		-webkit-transform: rotate(-5deg);
-		-ms-transform: rotate(-5deg);
-		transform: rotate(-5deg);
-	}
-	100% {
-		-webkit-transform: rotate(0deg);
-		-ms-transform: rotate(0deg);
-		transform: rotate(0deg);
-	}
-}
-
-@-webkit-keyframes wobble {
-	0% {
-		-webkit-transform: translateX(0);
-	}
-	15% {
-		-webkit-transform: translateX(-25%) rotate(-5deg);
-	}
-	30% {
-		-webkit-transform: translateX(20%) rotate(3deg);
-	}
-	45% {
-		-webkit-transform: translateX(-15%) rotate(-3deg);
-	}
-	60% {
-		-webkit-transform: translateX(10%) rotate(2deg);
-	}
-	75% {
-		-webkit-transform: translateX(-5%) rotate(-1deg);
-	}
-	100% {
-		-webkit-transform: translateX(0);
-	}
-}
-@keyframes wobble {
-	0% {
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-	15% {
-		-webkit-transform: translateX(-25%) rotate(-5deg);
-		-ms-transform: translateX(-25%) rotate(-5deg);
-		transform: translateX(-25%) rotate(-5deg);
-	}
-	30% {
-		-webkit-transform: translateX(20%) rotate(3deg);
-		-ms-transform: translateX(20%) rotate(3deg);
-		transform: translateX(20%) rotate(3deg);
-	}
-	45% {
-		-webkit-transform: translateX(-15%) rotate(-3deg);
-		-ms-transform: translateX(-15%) rotate(-3deg);
-		transform: translateX(-15%) rotate(-3deg);
-	}
-	60% {
-		-webkit-transform: translateX(10%) rotate(2deg);
-		-ms-transform: translateX(10%) rotate(2deg);
-		transform: translateX(10%) rotate(2deg);
-	}
-	75% {
-		-webkit-transform: translateX(-5%) rotate(-1deg);
-		-ms-transform: translateX(-5%) rotate(-1deg);
-		transform: translateX(-5%) rotate(-1deg);
-	}
-	100% {
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-}
-
-@-webkit-keyframes pulse {
-	0% {
-		-webkit-transform: scale(1);
-	}
-	50% {
-		-webkit-transform: scale(1.1);
-	}
-	100% {
-		-webkit-transform: scale(1);
-	}
-}
-@keyframes pulse {
-	0% {
-		-webkit-transform: scale(1);
-		-ms-transform: scale(1);
-		transform: scale(1);
-	}
-	50% {
-		-webkit-transform: scale(1.1);
-		-ms-transform: scale(1.1);
-		transform: scale(1.1);
-	}
-	100% {
-		-webkit-transform: scale(1);
-		-ms-transform: scale(1);
-		transform: scale(1);
-	}
-}
-
-@-webkit-keyframes flip {
-	0% {
-		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-		-webkit-animation-timing-function: ease-out;
-	}
-	40% {
-		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-		-webkit-animation-timing-function: ease-out;
-	}
-	50% {
-		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-		-webkit-animation-timing-function: ease-in;
-	}
-	80% {
-		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-		-webkit-animation-timing-function: ease-in;
-	}
-	100% {
-		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-		-webkit-animation-timing-function: ease-in;
-	}
-}
-@keyframes flip {
-	0% {
-		-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-		-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-		transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-		-webkit-animation-timing-function: ease-out;
-		animation-timing-function: ease-out;
-	}
-	40% {
-		-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-		-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-		transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-		-webkit-animation-timing-function: ease-out;
-		animation-timing-function: ease-out;
-	}
-	50% {
-		-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-		-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-		-webkit-animation-timing-function: ease-in;
-		animation-timing-function: ease-in;
-	}
-	80% {
-		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-		-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-		-webkit-animation-timing-function: ease-in;
-		animation-timing-function: ease-in;
-	}
-	100% {
-		-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-		-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-		transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-		-webkit-animation-timing-function: ease-in;
-		animation-timing-function: ease-in;
-	}
-}
-
-@-webkit-keyframes flipInX {
-	0% {
-		-webkit-transform: perspective(400px) rotateX(90deg);
-		opacity: 0;
-	}
-	40% {
-		-webkit-transform: perspective(400px) rotateX(-10deg);
-	}
-	70% {
-		-webkit-transform: perspective(400px) rotateX(10deg);
-	}
-	100% {
-		-webkit-transform: perspective(400px) rotateX(0deg);
-		opacity: 1;
-	}
-}
-@keyframes flipInX {
-	0% {
-		-webkit-transform: perspective(400px) rotateX(90deg);
-		-ms-transform: perspective(400px) rotateX(90deg);
-		transform: perspective(400px) rotateX(90deg);
-		opacity: 0;
-	}
-	40% {
-		-webkit-transform: perspective(400px) rotateX(-10deg);
-		-ms-transform: perspective(400px) rotateX(-10deg);
-		transform: perspective(400px) rotateX(-10deg);
-	}
-	70% {
-		-webkit-transform: perspective(400px) rotateX(10deg);
-		-ms-transform: perspective(400px) rotateX(10deg);
-		transform: perspective(400px) rotateX(10deg);
-	}
-	100% {
-		-webkit-transform: perspective(400px) rotateX(0deg);
-		-ms-transform: perspective(400px) rotateX(0deg);
-		transform: perspective(400px) rotateX(0deg);
-		opacity: 1;
-	}
-}
-
-@-webkit-keyframes flipOutX {
-	0% {
-		-webkit-transform: perspective(400px) rotateX(0deg);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform: perspective(400px) rotateX(90deg);
-		opacity: 0;
-	}
-}
-@keyframes flipOutX {
-	0% {
-		-webkit-transform: perspective(400px) rotateX(0deg);
-		-ms-transform: perspective(400px) rotateX(0deg);
-		transform: perspective(400px) rotateX(0deg);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform: perspective(400px) rotateX(90deg);
-		-ms-transform: perspective(400px) rotateX(90deg);
-		transform: perspective(400px) rotateX(90deg);
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes flipInY {
-	0% {
-		-webkit-transform: perspective(400px) rotateY(90deg);
-		opacity: 0;
-	}
-	40% {
-		-webkit-transform: perspective(400px) rotateY(-10deg);
-	}
-	70% {
-		-webkit-transform: perspective(400px) rotateY(10deg);
-	}
-	100% {
-		-webkit-transform: perspective(400px) rotateY(0deg);
-		opacity: 1;
-	}
-}
-@keyframes flipInY {
-	0% {
-		-webkit-transform: perspective(400px) rotateY(90deg);
-		-ms-transform: perspective(400px) rotateY(90deg);
-		transform: perspective(400px) rotateY(90deg);
-		opacity: 0;
-	}
-	40% {
-		-webkit-transform: perspective(400px) rotateY(-10deg);
-		-ms-transform: perspective(400px) rotateY(-10deg);
-		transform: perspective(400px) rotateY(-10deg);
-	}
-	70% {
-		-webkit-transform: perspective(400px) rotateY(10deg);
-		-ms-transform: perspective(400px) rotateY(10deg);
-		transform: perspective(400px) rotateY(10deg);
-	}
-	100% {
-		-webkit-transform: perspective(400px) rotateY(0deg);
-		-ms-transform: perspective(400px) rotateY(0deg);
-		transform: perspective(400px) rotateY(0deg);
-		opacity: 1;
-	}
-}
-
-@-webkit-keyframes flipOutY {
-	0% {
-		-webkit-transform: perspective(400px) rotateY(0deg);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform: perspective(400px) rotateY(90deg);
-		opacity: 0;
-	}
-}
-@keyframes flipOutY {
-	0% {
-		-webkit-transform: perspective(400px) rotateY(0deg);
-		-ms-transform: perspective(400px) rotateY(0deg);
-		transform: perspective(400px) rotateY(0deg);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform: perspective(400px) rotateY(90deg);
-		-ms-transform: perspective(400px) rotateY(90deg);
-		transform: perspective(400px) rotateY(90deg);
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes fadeIn {
-	0% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-@keyframes fadeIn {
-	0% {
-		opacity: 0;
-	}
-	100% {
-		opacity: 1;
-	}
-}
-
-@-webkit-keyframes fadeInUp {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(20px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-	}
-}
-@keyframes fadeInUp {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(20px);
-		-ms-transform: translateY(20px);
-		transform: translateY(20px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-}
-
-@-webkit-keyframes fadeInDown {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(-20px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-	}
-}
-@keyframes fadeInDown {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(-20px);
-		-ms-transform: translateY(-20px);
-		transform: translateY(-20px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-}
-
-@-webkit-keyframes fadeInLeft {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(-20px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-	}
-}
-@keyframes fadeInLeft {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(-20px);
-		-ms-transform: translateX(-20px);
-		transform: translateX(-20px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-}
-
-@-webkit-keyframes fadeInRight {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(20px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-	}
-}
-@keyframes fadeInRight {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(20px);
-		-ms-transform: translateX(20px);
-		transform: translateX(20px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-}
-
-@-webkit-keyframes fadeInUpBig {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(2000px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-	}
-}
-@keyframes fadeInUpBig {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(2000px);
-		-ms-transform: translateY(2000px);
-		transform: translateY(2000px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-}
-
-@-webkit-keyframes fadeInDownBig {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-	}
-}
-@keyframes fadeInDownBig {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-		-ms-transform: translateY(-2000px);
-		transform: translateY(-2000px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-}
-
-@-webkit-keyframes fadeInLeftBig {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-	}
-}
-@keyframes fadeInLeftBig {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-		-ms-transform: translateX(-2000px);
-		transform: translateX(-2000px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-}
-
-@-webkit-keyframes fadeInRightBig {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-	}
-}
-@keyframes fadeInRightBig {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-		-ms-transform: translateX(2000px);
-		transform: translateX(2000px);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-}
-
-@-webkit-keyframes fadeOut {
-	0% {
-		opacity: 1;
-	}
-	100% {
-		opacity: 0;
-	}
-}
-@keyframes fadeOut {
-	0% {
-		opacity: 1;
-	}
-	100% {
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes fadeOutUp {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(-20px);
-	}
-}
-@keyframes fadeOutUp {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(-20px);
-		-ms-transform: translateY(-20px);
-		transform: translateY(-20px);
-	}
-}
-
-@-webkit-keyframes fadeOutDown {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(20px);
-	}
-}
-@keyframes fadeOutDown {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(20px);
-		-ms-transform: translateY(20px);
-		transform: translateY(20px);
-	}
-}
-
-
-@-webkit-keyframes fadeOutLeft {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(-20px);
-	}
-}
-@keyframes fadeOutLeft {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(-20px);
-		-ms-transform: translateX(-20px);
-		transform: translateX(-20px);
-	}
-}
-
-@-webkit-keyframes fadeOutRight {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(20px);
-	}
-}
-@keyframes fadeOutRight {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(20px);
-		-ms-transform: translateX(20px);
-		transform: translateX(20px);
-	}
-}
-
-@-webkit-keyframes fadeOutUpBig {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-	}
-}
-@keyframes fadeOutUpBig {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-		-ms-transform: translateY(-2000px);
-		transform: translateY(-2000px);
-	}
-}
-
-@-webkit-keyframes fadeOutDownBig {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(2000px);
-	}
-}
-@keyframes fadeOutDownBig {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(2000px);
-		-ms-transform: translateY(2000px);
-		transform: translateY(2000px);
-	}
-}
-
-@-webkit-keyframes fadeOutLeftBig {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-	}
-}
-@keyframes fadeOutLeftBig {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-		-ms-transform: translateX(-2000px);
-		transform: translateX(-2000px);
-	}
-}
-
-@-webkit-keyframes fadeOutRightBig {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-	}
-}
-@keyframes fadeOutRightBig {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-		-ms-transform: translateX(2000px);
-		transform: translateX(2000px);
-	}
-}
-
-@-webkit-keyframes bounceIn {
-	0% {
-		opacity: 0;
-		-webkit-transform: scale(.3);
-	}
-	50% {
-		opacity: 1;
-		-webkit-transform: scale(1.05);
-	}
-	70% {
-		-webkit-transform: scale(.9);
-	}
-	100% {
-		-webkit-transform: scale(1);
-	}
-}
-@keyframes bounceIn {
-	0% {
-		opacity: 0;
-		-webkit-transform: scale(.3);
-		-ms-transform: scale(.3);
-		transform: scale(.3);
-	}
-	50% {
-		opacity: 1;
-		-webkit-transform: scale(1.05);
-		-ms-transform: scale(1.05);
-		transform: scale(1.05);
-	}
-	70% {
-		-webkit-transform: scale(.9);
-		-ms-transform: scale(.9);
-		transform: scale(.9);
-	}
-	100% {
-		-webkit-transform: scale(1);
-		-ms-transform: scale(1);
-		transform: scale(1);
-	}
-}
-
-@-webkit-keyframes slideInDown {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-	}
-	100% {
-		-webkit-transform: translateY(0);
-	}
-}
-@keyframes slideInDown {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-		-ms-transform: translateY(-2000px);
-		transform: translateY(-2000px);
-	}
-	100% {
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-}
-
-@-webkit-keyframes slideInLeft {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-	}
-	100% {
-		-webkit-transform: translateX(0);
-	}
-}
-@keyframes slideInLeft {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-		-ms-transform: translateX(-2000px);
-		transform: translateX(-2000px);
-	}
-	100% {
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-}
-
-@-webkit-keyframes slideInRight {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-	}
-	100% {
-		-webkit-transform: translateX(0);
-	}
-}
-@keyframes slideInRight {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-		-ms-transform: translateX(2000px);
-		transform: translateX(2000px);
-	}
-	100% {
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-}
-
-@-webkit-keyframes slideOutLeft {
-	0% {
-		-webkit-transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-	}
-}
-@keyframes slideOutLeft {
-	0% {
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-		-ms-transform: translateX(-2000px);
-		transform: translateX(-2000px);
-	}
-}
-
-@-webkit-keyframes slideOutRight {
-	0% {
-		-webkit-transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-	}
-}
-@keyframes slideOutRight {
-	0% {
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-		-ms-transform: translateX(2000px);
-		transform: translateX(2000px);
-	}
-}
-
-@-webkit-keyframes slideOutUp {
-	0% {
-		-webkit-transform: translateY(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-	}
-}
-@keyframes slideOutUp {
-	0% {
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-		-ms-transform: translateY(-2000px);
-		transform: translateY(-2000px);
-	}
-}
-
-@-webkit-keyframes bounceInUp {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(2000px);
-	}
-	60% {
-		opacity: 1;
-		-webkit-transform: translateY(-30px);
-	}
-	80% {
-		-webkit-transform: translateY(10px);
-	}
-	100% {
-		-webkit-transform: translateY(0);
-	}
-}
-@keyframes bounceInUp {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(2000px);
-		-ms-transform: translateY(2000px);
-		transform: translateY(2000px);
-	}
-	60% {
-		opacity: 1;
-		-webkit-transform: translateY(-30px);
-		-ms-transform: translateY(-30px);
-		transform: translateY(-30px);
-	}
-	80% {
-		-webkit-transform: translateY(10px);
-		-ms-transform: translateY(10px);
-		transform: translateY(10px);
-	}
-	100% {
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-}
-
-@-webkit-keyframes bounceInDown {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-	}
-	60% {
-		opacity: 1;
-		-webkit-transform: translateY(30px);
-	}
-	80% {
-		-webkit-transform: translateY(-10px);
-	}
-	100% {
-		-webkit-transform: translateY(0);
-	}
-}
-@keyframes bounceInDown {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-		-ms-transform: translateY(-2000px);
-		transform: translateY(-2000px);
-	}
-	60% {
-		opacity: 1;
-		-webkit-transform: translateY(30px);
-		-ms-transform: translateY(30px);
-		transform: translateY(30px);
-	}
-	80% {
-		-webkit-transform: translateY(-10px);
-		-ms-transform: translateY(-10px);
-		transform: translateY(-10px);
-	}
-	100% {
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-}
-
-@-webkit-keyframes bounceInLeft {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-	}
-	60% {
-		opacity: 1;
-		-webkit-transform: translateX(30px);
-	}
-	80% {
-		-webkit-transform: translateX(-10px);
-	}
-	100% {
-		-webkit-transform: translateX(0);
-	}
-}
-@keyframes bounceInLeft {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-		-ms-transform: translateX(-2000px);
-		transform: translateX(-2000px);
-	}
-	60% {
-		opacity: 1;
-		-webkit-transform: translateX(30px);
-		-ms-transform: translateX(30px);
-		transform: translateX(30px);
-	}
-	80% {
-		-webkit-transform: translateX(-10px);
-		-ms-transform: translateX(-10px);
-		transform: translateX(-10px);
-	}
-	100% {
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-}
-
-@-webkit-keyframes bounceInRight {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-	}
-	60% {
-		opacity: 1;
-		-webkit-transform: translateX(-30px);
-	}
-	80% {
-		-webkit-transform: translateX(10px);
-	}
-	100% {
-		-webkit-transform: translateX(0);
-	}
-}
-@keyframes bounceInRight {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-		-ms-transform: translateX(2000px);
-		transform: translateX(2000px);
-	}
-	60% {
-		opacity: 1;
-		-webkit-transform: translateX(-30px);
-		-ms-transform: translateX(-30px);
-		transform: translateX(-30px);
-	}
-	80% {
-		-webkit-transform: translateX(10px);
-		-ms-transform: translateX(10px);
-		transform: translateX(10px);
-	}
-	100% {
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-}
-
-@-webkit-keyframes bounceOut {
-	0% {
-		-webkit-transform: scale(1);
-	}
-	25% {
-		-webkit-transform: scale(.95);
-	}
-	50% {
-		opacity: 1;
-		-webkit-transform: scale(1.1);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: scale(.3);
-	}
-}
-@keyframes bounceOut {
-	0% {
-		-webkit-transform: scale(1);
-		-ms-transform: scale(1);
-		transform: scale(1);
-	}
-	25% {
-		-webkit-transform: scale(.95);
-		-ms-transform: scale(.95);
-		transform: scale(.95);
-	}
-	50% {
-		opacity: 1;
-		-webkit-transform: scale(1.1);
-		-ms-transform: scale(1.1);
-		transform: scale(1.1);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: scale(.3);
-		-ms-transform: scale(.3);
-		transform: scale(.3);
-	}
-}
-
-@-webkit-keyframes bounceOutUp {
-	0% {
-		-webkit-transform: translateY(0);
-	}
-	20% {
-		opacity: 1;
-		-webkit-transform: translateY(20px);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-	}
-}
-@keyframes bounceOutUp {
-	0% {
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-	20% {
-		opacity: 1;
-		-webkit-transform: translateY(20px);
-		-ms-transform: translateY(20px);
-		transform: translateY(20px);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(-2000px);
-		-ms-transform: translateY(-2000px);
-		transform: translateY(-2000px);
-	}
-}
-
-@-webkit-keyframes bounceOutDown {
-	0% {
-		-webkit-transform: translateY(0);
-	}
-	20% {
-		opacity: 1;
-		-webkit-transform: translateY(-20px);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(2000px);
-	}
-}
-@keyframes bounceOutDown {
-	0% {
-		-webkit-transform: translateY(0);
-		-ms-transform: translateY(0);
-		transform: translateY(0);
-	}
-	20% {
-		opacity: 1;
-		-webkit-transform: translateY(-20px);
-		-ms-transform: translateY(-20px);
-		transform: translateY(-20px);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateY(2000px);
-		-ms-transform: translateY(2000px);
-		transform: translateY(2000px);
-	}
-}
-
-@-webkit-keyframes bounceOutLeft {
-	0% {
-		-webkit-transform: translateX(0);
-	}
-	20% {
-		opacity: 1;
-		-webkit-transform: translateX(20px);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-	}
-}
-@keyframes bounceOutLeft {
-	0% {
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-	20% {
-		opacity: 1;
-		-webkit-transform: translateX(20px);
-		-ms-transform: translateX(20px);
-		transform: translateX(20px);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(-2000px);
-		-ms-transform: translateX(-2000px);
-		transform: translateX(-2000px);
-	}
-}
-
-@-webkit-keyframes bounceOutRight {
-	0% {
-		-webkit-transform: translateX(0);
-	}
-	20% {
-		opacity: 1;
-		-webkit-transform: translateX(-20px);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-	}
-}
-@keyframes bounceOutRight {
-	0% {
-		-webkit-transform: translateX(0);
-		-ms-transform: translateX(0);
-		transform: translateX(0);
-	}
-	20% {
-		opacity: 1;
-		-webkit-transform: translateX(-20px);
-		-ms-transform: translateX(-20px);
-		transform: translateX(-20px);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(2000px);
-		-ms-transform: translateX(2000px);
-		transform: translateX(2000px);
-	}
-}
-
-@-webkit-keyframes rotateIn {
-	0% {
-		-webkit-transform-origin: center center;
-		-webkit-transform: rotate(-200deg);
-		opacity: 0;
-	}
-	100% {
-		-webkit-transform-origin: center center;
-		-webkit-transform: rotate(0);
-		opacity: 1;
-	}
-}
-@keyframes rotateIn {
-	0% {
-		-webkit-transform-origin: center center;
-		-ms-transform-origin: center center;
-		transform-origin: center center;
-		-webkit-transform: rotate(-200deg);
-		-ms-transform: rotate(-200deg);
-		transform: rotate(-200deg);
-		opacity: 0;
-	}
-	100% {
-		-webkit-transform-origin: center center;
-		-ms-transform-origin: center center;
-		transform-origin: center center;
-		-webkit-transform: rotate(0);
-		-ms-transform: rotate(0);
-		transform: rotate(0);
-		opacity: 1;
-	}
-}
-
-@-webkit-keyframes rotateInUpLeft {
-	0% {
-		-webkit-transform-origin: left bottom;
-		-webkit-transform: rotate(90deg);
-		opacity: 0;
-	}
-	100% {
-		-webkit-transform-origin: left bottom;
-		-webkit-transform: rotate(0);
-		opacity: 1;
-	}
-}
-@keyframes rotateInUpLeft {
-	0% {
-		-webkit-transform-origin: left bottom;
-		-ms-transform-origin: left bottom;
-		transform-origin: left bottom;
-		-webkit-transform: rotate(90deg);
-		-ms-transform: rotate(90deg);
-		transform: rotate(90deg);
-		opacity: 0;
-	}
-	100% {
-		-webkit-transform-origin: left bottom;
-		-ms-transform-origin: left bottom;
-		transform-origin: left bottom;
-		-webkit-transform: rotate(0);
-		-ms-transform: rotate(0);
-		transform: rotate(0);
-		opacity: 1;
-	}
-}
-
-@-webkit-keyframes rotateInDownLeft {
-	0% {
-		-webkit-transform-origin: left bottom;
-		-webkit-transform: rotate(-90deg);
-		opacity: 0;
-	}
-	100% {
-		-webkit-transform-origin: left bottom;
-		-webkit-transform: rotate(0);
-		opacity: 1;
-	}
-}
-@keyframes rotateInDownLeft {
-	0% {
-		-webkit-transform-origin: left bottom;
-		-ms-transform-origin: left bottom;
-		transform-origin: left bottom;
-		-webkit-transform: rotate(-90deg);
-		-ms-transform: rotate(-90deg);
-		transform: rotate(-90deg);
-		opacity: 0;
-	}
-	100% {
-		-webkit-transform-origin: left bottom;
-		-ms-transform-origin: left bottom;
-		transform-origin: left bottom;
-		-webkit-transform: rotate(0);
-		-ms-transform: rotate(0);
-		transform: rotate(0);
-		opacity: 1;
-	}
-}
-
-@-webkit-keyframes rotateInUpRight {
-	0% {
-		-webkit-transform-origin: right bottom;
-		-webkit-transform: rotate(-90deg);
-		opacity: 0;
-	}
-	100% {
-		-webkit-transform-origin: right bottom;
-		-webkit-transform: rotate(0);
-		opacity: 1;
-	}
-}
-@keyframes rotateInUpRight {
-	0% {
-		-webkit-transform-origin: right bottom;
-		-ms-transform-origin: right bottom;
-		transform-origin: right bottom;
-		-webkit-transform: rotate(-90deg);
-		-ms-transform: rotate(-90deg);
-		transform: rotate(-90deg);
-		opacity: 0;
-	}
-	100% {
-		-webkit-transform-origin: right bottom;
-		-ms-transform-origin: right bottom;
-		transform-origin: right bottom;
-		-webkit-transform: rotate(0);
-		-ms-transform: rotate(0);
-		transform: rotate(0);
-		opacity: 1;
-	}
-}
-
-@-webkit-keyframes rotateInDownRight {
-	0% {
-		-webkit-transform-origin: right bottom;
-		-webkit-transform: rotate(90deg);
-		opacity: 0;
-	}
-	100% {
-		-webkit-transform-origin: right bottom;
-		-webkit-transform: rotate(0);
-		opacity: 1;
-	}
-}
-@keyframes rotateInDownRight {
-	0% {
-		-webkit-transform-origin: right bottom;
-		-ms-transform-origin: right bottom;
-		transform-origin: right bottom;
-		-webkit-transform: rotate(90deg);
-		-ms-transform: rotate(90deg);
-		transform: rotate(90deg);
-		opacity: 0;
-	}
-	100% {
-		-webkit-transform-origin: right bottom;
-		-ms-transform-origin: right bottom;
-		transform-origin: right bottom;
-		-webkit-transform: rotate(0);
-		-ms-transform: rotate(0);
-		transform: rotate(0);
-		opacity: 1;
-	}
-}
-
-@-webkit-keyframes rotateOut {
-	0% {
-		-webkit-transform-origin: center center;
-		-webkit-transform: rotate(0);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform-origin: center center;
-		-webkit-transform: rotate(200deg);
-		opacity: 0;
-	}
-}
-@keyframes rotateOut {
-	0% {
-		-webkit-transform-origin: center center;
-		-ms-transform-origin: center center;
-		transform-origin: center center;
-		-webkit-transform: rotate(0);
-		-ms-transform: rotate(0);
-		transform: rotate(0);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform-origin: center center;
-		-ms-transform-origin: center center;
-		transform-origin: center center;
-		-webkit-transform: rotate(200deg);
-		-ms-transform: rotate(200deg);
-		transform: rotate(200deg);
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes rotateOutUpLeft {
-	0% {
-		-webkit-transform-origin: left bottom;
-		-webkit-transform: rotate(0);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform-origin: left bottom;
-		-webkit-transform: rotate(-90deg);
-		opacity: 0;
-	}
-}
-@keyframes rotateOutUpLeft {
-	0% {
-		-webkit-transform-origin: left bottom;
-		-ms-transform-origin: left bottom;
-		transform-origin: left bottom;
-		-webkit-transform: rotate(0);
-		-ms-transform: rotate(0);
-		transform: rotate(0);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform-origin: left bottom;
-		-ms-transform-origin: left bottom;
-		transform-origin: left bottom;
-		-webkit-transform: rotate(-90deg);
-		-ms-transform: rotate(-90deg);
-		transform: rotate(-90deg);
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes rotateOutDownLeft {
-	0% {
-		-webkit-transform-origin: left bottom;
-		-webkit-transform: rotate(0);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform-origin: left bottom;
-		-webkit-transform: rotate(90deg);
-		opacity: 0;
-	}
-}
-@keyframes rotateOutDownLeft {
-	0% {
-		-webkit-transform-origin: left bottom;
-		-ms-transform-origin: left bottom;
-		transform-origin: left bottom;
-		-webkit-transform: rotate(0);
-		-ms-transform: rotate(0);
-		transform: rotate(0);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform-origin: left bottom;
-		-ms-transform-origin: left bottom;
-		transform-origin: left bottom;
-		-webkit-transform: rotate(90deg);
-		-ms-transform: rotate(90deg);
-		transform: rotate(90deg);
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes rotateOutUpRight {
-	0% {
-		-webkit-transform-origin: right bottom;
-		-webkit-transform: rotate(0);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform-origin: right bottom;
-		-webkit-transform: rotate(90deg);
-		opacity: 0;
-	}
-}
-@keyframes rotateOutUpRight {
-	0% {
-		-webkit-transform-origin: right bottom;
-		-ms-transform-origin: right bottom;
-		transform-origin: right bottom;
-		-webkit-transform: rotate(0);
-		-ms-transform: rotate(0);
-		transform: rotate(0);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform-origin: right bottom;
-		-ms-transform-origin: right bottom;
-		transform-origin: right bottom;
-		-webkit-transform: rotate(90deg);
-		-ms-transform: rotate(90deg);
-		transform: rotate(90deg);
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes rotateOutDownRight {
-	0% {
-		-webkit-transform-origin: right bottom;
-		-webkit-transform: rotate(0);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform-origin: right bottom;
-		-webkit-transform: rotate(-90deg);
-		opacity: 0;
-	}
-}
-@keyframes rotateOutDownRight {
-	0% {
-		-webkit-transform-origin: right bottom;
-		-ms-transform-origin: right bottom;
-		transform-origin: right bottom;
-		-webkit-transform: rotate(0);
-		-ms-transform: rotate(0);
-		transform: rotate(0);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform-origin: right bottom;
-		-ms-transform-origin: right bottom;
-		transform-origin: right bottom;
-		-webkit-transform: rotate(-90deg);
-		-ms-transform: rotate(-90deg);
-		transform: rotate(-90deg);
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes hinge {
-	0% {
-		-webkit-transform: rotate(0);
-		-webkit-transform-origin: top left;
-		-webkit-animation-timing-function: ease-in-out;
-	}
-	20%, 60% {
-		-webkit-transform: rotate(80deg);
-		-webkit-transform-origin: top left;
-		-webkit-animation-timing-function: ease-in-out;
-	}
-	40% {
-		-webkit-transform: rotate(60deg);
-		-webkit-transform-origin: top left;
-		-webkit-animation-timing-function: ease-in-out;
-	}
-	80% {
-		-webkit-transform: rotate(60deg) translateY(0);
-		opacity: 1;
-		-webkit-transform-origin: top left;
-		-webkit-animation-timing-function: ease-in-out;
-	}
-	100% {
-		-webkit-transform: translateY(700px);
-		opacity: 0;
-	}
-}
-@keyframes hinge {
-	0% {
-		-webkit-transform: rotate(0);
-		-ms-transform: rotate(0);
-		transform: rotate(0);
-		-webkit-transform-origin: top left;
-		-ms-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: rotate(80deg);
-		-ms-transform: rotate(80deg);
-		transform: rotate(80deg);
-		-webkit-transform-origin: top left;
-		-ms-transform-origin: top left;
-		transform-origin: top left;
-		-webkit-animation-timing-function: ease-in-out;
-		animation-timing-function: ease-in-out;
-	}
-	40% {
-		-webkit-transform: rotate(60deg);
-		-ms-transform: rotate(60deg);
-		transform: rotate(60deg);
-		-webkit-transform-origin: top left;
-		-ms-transform-origin: top left;
-		transform-origin: top left;
-		-webkit-animation-timing-function: ease-in-out;
-		animation-timing-function: ease-in-out;
-	}
-	80% {
-		-webkit-transform: rotate(60deg) translateY(0);
-		-ms-transform: rotate(60deg) translateY(0);
-		transform: rotate(60deg) translateY(0);
-		opacity: 1;
-		-webkit-transform-origin: top left;
-		-ms-transform-origin: top left;
-		transform-origin: top left;
-		-webkit-animation-timing-function: ease-in-out;
-		animation-timing-function: ease-in-out;
-	}
-	100% {
-		-webkit-transform: translateY(700px);
-		-ms-transform: translateY(700px);
-		transform: translateY(700px);
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes rollIn {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(-100%) rotate(-120deg);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateX(0) rotate(0deg);
-	}
-}
-@keyframes rollIn {
-	0% {
-		opacity: 0;
-		-webkit-transform: translateX(-100%) rotate(-120deg);
-		-ms-transform: translateX(-100%) rotate(-120deg);
-		transform: translateX(-100%) rotate(-120deg);
-	}
-	100% {
-		opacity: 1;
-		-webkit-transform: translateX(0) rotate(0deg);
-		-ms-transform: translateX(0) rotate(0deg);
-		transform: translateX(0) rotate(0deg);
-	}
-}
-
-@-webkit-keyframes rollOut {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateX(0) rotate(0deg);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(100%) rotate(120deg);
-	}
-}
-@keyframes rollOut {
-	0% {
-		opacity: 1;
-		-webkit-transform: translateX(0) rotate(0deg);
-		-ms-transform: translateX(0) rotate(0deg);
-		transform: translateX(0) rotate(0deg);
-	}
-	100% {
-		opacity: 0;
-		-webkit-transform: translateX(100%) rotate(120deg);
-		-ms-transform: translateX(100%) rotate(120deg);
-		transform: translateX(100%) rotate(120deg);
-	}
-}
-
-@-webkit-keyframes lightSpeedIn {
-	0% {
-		-webkit-transform: translateX(100%) skewX(-30deg);
-		opacity: 0;
-	}
-	60% {
-		-webkit-transform: translateX(-20%) skewX(30deg);
-		opacity: 1;
-	}
-	80% {
-		-webkit-transform: translateX(0) skewX(-15deg);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform: translateX(0) skewX(0deg);
-		opacity: 1;
-	}
-}
-@keyframes lightSpeedIn {
-	0% {
-		-webkit-transform: translateX(100%) skewX(-30deg);
-		-ms-transform: translateX(100%) skewX(-30deg);
-		transform: translateX(100%) skewX(-30deg);
-		opacity: 0;
-	}
-	60% {
-		-webkit-transform: translateX(-20%) skewX(30deg);
-		-ms-transform: translateX(-20%) skewX(30deg);
-		transform: translateX(-20%) skewX(30deg);
-		opacity: 1;
-	}
-	80% {
-		-webkit-transform: translateX(0) skewX(-15deg);
-		-ms-transform: translateX(0) skewX(-15deg);
-		transform: translateX(0) skewX(-15deg);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform: translateX(0) skewX(0deg);
-		-ms-transform: translateX(0) skewX(0deg);
-		transform: translateX(0) skewX(0deg);
-		opacity: 1;
-	}
-}
-
-@-webkit-keyframes lightSpeedOut {
-	0% {
-		-webkit-transform: translateX(0) skewX(0deg);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform: translateX(100%) skewX(-30deg);
-		opacity: 0;
-	}
-}
-@keyframes lightSpeedOut {
-	0% {
-		-webkit-transform: translateX(0) skewX(0deg);
-		-ms-transform: translateX(0) skewX(0deg);
-		transform: translateX(0) skewX(0deg);
-		opacity: 1;
-	}
-	100% {
-		-webkit-transform: translateX(100%) skewX(-30deg);
-		-ms-transform: translateX(100%) skewX(-30deg);
-		transform: translateX(100%) skewX(-30deg);
-		opacity: 0;
-	}
-}
-
-@-webkit-keyframes spin {
-	0% {
-		-webkit-transform: rotate(0deg);
-	}
-	100% {
-		-webkit-transform: rotate(359deg);
-	}
-}
-@-ms-keyframes spin {
-	0% {
-		-ms-transform: rotate(0deg);
-	}
-	100% {
-		-ms-transform: rotate(359deg);
-	}
-}
-@keyframes spin {
-	0% {
-		-webkit-transform: rotate(0deg);
-		-ms-transform: rotate(0deg);
-		transform: rotate(0deg);
-	}
-	100% {
-		-webkit-transform: rotate(359deg);
-		-ms-transform: rotate(359deg);
-		transform: rotate(359deg);
-	}
-}
-
-@-webkit-keyframes loading {
-	0% {
-		background-position: 0 -400px;
-	}
-	100% {
-		background-position: -7px -400px;
-	}
-}
-@-ms-keyframes loading {
-	0% {
-		background-position: 0 -400px;
-	}
-	100% {
-		background-position: -7px -400px;
-	}
-}
-@keyframes loading {
-	0% {
-		background-position: 0 -400px;
-	}
-	100% {
-		background-position: -7px -400px;
-	}
-}
-
-@-webkit-keyframes progress-bar-stripes {
-	from {
-		background-position: 40px 0;
-	}
-	to {
-		background-position: 0 0;
-	}
-}
-@keyframes progress-bar-stripes {
-	from {
-		background-position: 40px 0;
-	}
-	to {
-		background-position: 0 0;
-	}
-}
-
-@-webkit-keyframes pace-spinner {
-	0% {
-		-webkit-transform: rotate(0deg);
-		transform: rotate(0deg);
-	}
-	100% {
-		-webkit-transform: rotate(360deg);
-		transform: rotate(360deg);
-	}
-}
-@-ms-keyframes pace-spinner {
-	0% {
-		-ms-transform: rotate(0deg);
-		transform: rotate(0deg);
-	}
-	100% {
-		-ms-transform: rotate(360deg);
-		transform: rotate(360deg);
-	}
-}
-@keyframes pace-spinner {
-	0% {
-		-webkit-transform: rotate(0deg);
-		-ms-transform: rotate(0deg);
-		transform: rotate(0deg);
-	}
-	100% {
-		-webkit-transform: rotate(360deg);
-		-ms-transform: rotate(360deg);
-		transform: rotate(360deg);
-	}
-}
-
-.animated {
-	-webkit-animation-duration: 1s;
-	animation-duration: 1s;
-	-webkit-animation-fill-mode: both;
-	animation-fill-mode: both;
-
-	&.fast {
-		-webkit-animation-duration: .4s;
-		-ms-animation-duration: .4s;
-		animation-duration: .4s;
-	}
-	&.hinge {
-		-webkit-animation-duration: 2s;
-		animation-duration: 2s;
-	}
-
-	&.flash {
-		-webkit-animation-name: flash;
-		animation-name: flash;
-	}
-
-	&.shake {
-		-webkit-animation-name: shake;
-		animation-name: shake;
-	}
-
-	&.bounce {
-		-webkit-animation-name: bounce;
-		animation-name: bounce;
-	}
-
-	&.tada {
-		-webkit-animation-name: tada;
-		animation-name: tada;
-	}
-
-	&.swing {
-		-webkit-transform-origin: top center;
-		-ms-transform-origin: top center;
-		transform-origin: top center;
-		-webkit-animation-name: swing;
-		animation-name: swing;
-	}
-
-	&.wobble {
-		-webkit-animation-name: wobble;
-		animation-name: wobble;
-	}
-
-	&.pulse {
-		-webkit-animation-name: pulse;
-		animation-name: pulse;
-	}
-
-	&.flip {
-		-webkit-backface-visibility: visible!important;
-		-webkit-animation-name: flip;
-		-ms-backface-visibility: visible!important;
-		backface-visibility: visible!important;
-		animation-name: flip;
-	}
-
-	&.flipInX {
-		-webkit-backface-visibility: visible!important;
-		-webkit-animation-name: flipInX;
-		-ms-backface-visibility: visible!important;
-		backface-visibility: visible!important;
-		animation-name: flipInX;
-	}
-
-	&.flipOutX {
-		-webkit-animation-name: flipOutX;
-		-webkit-backface-visibility: visible!important;
-		animation-name: flipOutX;
-		-ms-backface-visibility: visible!important;
-		backface-visibility: visible!important;
-	}
-
-	&.flipInY {
-		-webkit-backface-visibility: visible!important;
-		-webkit-animation-name: flipInY;
-		-ms-backface-visibility: visible!important;
-		backface-visibility: visible!important;
-		animation-name: flipInY;
-	}
-
-	&.flipOutY {
-		-webkit-backface-visibility: visible!important;
-		-webkit-animation-name: flipOutY;
-		-ms-backface-visibility: visible!important;
-		backface-visibility: visible!important;
-		animation-name: flipOutY;
-	}
-
-	&.fadeIn {
-		-webkit-animation-name: fadeIn;
-		animation-name: fadeIn;
-	}
-
-	&.fadeInUp {
-		-webkit-animation-name: fadeInUp;
-		animation-name: fadeInUp;
-	}
-
-	&.fadeInDown {
-		-webkit-animation-name: fadeInDown;
-		animation-name: fadeInDown;
-	}
-
-	&.fadeInLeft {
-		-webkit-animation-name: fadeInLeft;
-		animation-name: fadeInLeft;
-	}
-
-	&.fadeInRight {
-		-webkit-animation-name: fadeInRight;
-		animation-name: fadeInRight;
-	}
-
-	&.fadeInUpBig {
-		-webkit-animation-name: fadeInUpBig;
-		animation-name: fadeInUpBig;
-	}
-
-	&.fadeInDownBig {
-		-webkit-animation-name: fadeInDownBig;
-		animation-name: fadeInDownBig;
-	}
-
-	&.fadeInLeftBig {
-		-webkit-animation-name: fadeInLeftBig;
-		animation-name: fadeInLeftBig;
-	}
-
-	&.fadeInRightBig {
-		-webkit-animation-name: fadeInRightBig;
-		animation-name: fadeInRightBig;
-	}
-
-	&.fadeOut {
-		-webkit-animation-name: fadeOut;
-		animation-name: fadeOut;
-	}
-
-	&.fadeOutUp {
-		-webkit-animation-name: fadeOutUp;
-		animation-name: fadeOutUp;
-	}
-
-	&.fadeOutDown {
-		-webkit-animation-name: fadeOutDown;
-		animation-name: fadeOutDown;
-	}
-
-	&.fadeOutLeft {
-		-webkit-animation-name: fadeOutLeft;
-		animation-name: fadeOutLeft;
-	}
-
-	&.fadeOutRight {
-		-webkit-animation-name: fadeOutRight;
-		animation-name: fadeOutRight;
-	}
-
-	&.fadeOutUpBig {
-		-webkit-animation-name: fadeOutUpBig;
-		animation-name: fadeOutUpBig;
-	}
-
-	&.fadeOutDownBig {
-		-webkit-animation-name: fadeOutDownBig;
-		animation-name: fadeOutDownBig;
-	}
-
-	&.fadeOutLeftBig {
-		-webkit-animation-name: fadeOutLeftBig;
-		animation-name: fadeOutLeftBig;
-	}
-
-	&.fadeOutRightBig {
-		-webkit-animation-name: fadeOutRightBig;
-		animation-name: fadeOutRightBig;
-	}
-
-	&.bounceIn {
-		-webkit-animation-name: bounceIn;
-		animation-name: bounceIn;
-	}
-
-	&.slideInDown {
-		-webkit-animation-name: slideInDown;
-		animation-name: slideInDown;
-	}
-
-	&.slideInLeft {
-		-webkit-animation-name: slideInLeft;
-		animation-name: slideInLeft;
-	}
-
-	&.slideInRight {
-		-webkit-animation-name: slideInRight;
-		animation-name: slideInRight;
-	}
-
-	&.slideOutLeft {
-		-webkit-animation-name: slideOutLeft;
-		animation-name: slideOutLeft;
-	}
-
-	&.slideOutRight {
-		-webkit-animation-name: slideOutRight;
-		animation-name: slideOutRight;
-	}
-
-	&.slideOutUp {
-		-webkit-animation-name: slideOutUp;
-		animation-name: slideOutUp;
-	}
-
-	&.bounceInUp {
-		-webkit-animation-name: bounceInUp;
-		animation-name: bounceInUp;
-	}
-
-	&.bounceInDown {
-		-webkit-animation-name: bounceInDown;
-		animation-name: bounceInDown;
-	}
-
-	&.bounceInLeft {
-		-webkit-animation-name: bounceInLeft;
-		animation-name: bounceInLeft;
-	}
-
-	&.bounceInRight {
-		-webkit-animation-name: bounceInRight;
-		animation-name: bounceInRight;
-	}
-
-	&.bounceOut {
-		-webkit-animation-name: bounceOut;
-		animation-name: bounceOut;
-	}
-
-	&.bounceOutUp {
-		-webkit-animation-name: bounceOutUp;
-		animation-name: bounceOutUp;
-	}
-
-	&.bounceOutDown {
-		-webkit-animation-name: bounceOutDown;
-		animation-name: bounceOutDown;
-	}
-
-	&.bounceOutLeft {
-		-webkit-animation-name: bounceOutLeft;
-		animation-name: bounceOutLeft;
-	}
-
-	&.bounceOutRight {
-		-webkit-animation-name: bounceOutRight;
-		animation-name: bounceOutRight;
-	}
-
-	&.rotateIn {
-		-webkit-animation-name: rotateIn;
-		animation-name: rotateIn;
-	}
-
-	&.rotateInUpLeft {
-		-webkit-animation-name: rotateInUpLeft;
-		animation-name: rotateInUpLeft;
-	}
-
-	&.rotateInDownLeft {
-		-webkit-animation-name: rotateInDownLeft;
-		animation-name: rotateInDownLeft;
-	}
-
-	&.rotateInUpRight {
-		-webkit-animation-name: rotateInUpRight;
-		animation-name: rotateInUpRight;
-	}
-
-	&.rotateInDownRight {
-		-webkit-animation-name: rotateInDownRight;
-		animation-name: rotateInDownRight;
-	}
-
-	&.rotateOut {
-		-webkit-animation-name: rotateOut;
-		animation-name: rotateOut;
-	}
-
-	&.rotateOutUpLeft {
-		-webkit-animation-name: rotateOutUpLeft;
-		animation-name: rotateOutUpLeft;
-	}
-
-	&.rotateOutDownLeft {
-		-webkit-animation-name: rotateOutDownLeft;
-		animation-name: rotateOutDownLeft;
-	}
-
-	&.rotateOutUpRight {
-		-webkit-animation-name: rotateOutUpRight;
-		animation-name: rotateOutUpRight;
-	}
-
-	&.rotateOutDownRight {
-		-webkit-animation-name: rotateOutDownRight;
-		animation-name: rotateOutDownRight;
-	}
-
-	&.rollIn {
-		-webkit-animation-name: rollIn;
-		animation-name: rollIn;
-	}
-
-	&.rollOut {
-		-webkit-animation-name: rollOut;
-		animation-name: rollOut;
-	}
-
-	&.lightSpeedIn {
-		-webkit-animation-name: lightSpeedIn;
-		animation-name: lightSpeedIn;
-		-webkit-animation-timing-function: ease-out;
-		animation-timing-function: ease-out;
-		-webkit-animation-duration: .5s;
-		animation-duration: .5s;
-	}
-
-	&.lightSpeedOut {
-		-webkit-animation-name: lightSpeedOut;
-		animation-name: lightSpeedOut;
-		-webkit-animation-timing-function: ease-in;
-		animation-timing-function: ease-in;
-		-webkit-animation-duration: .25s;
-		animation-duration: .25s;
-	}
-
-	&.fade {
-		opacity: 0;
-		-webkit-transition: opacity .15s linear;
-		transition: opacity .15s linear;
-	}
-}
-
-[class*=" bg-"], [class^=bg-] {
-	-webkit-filter: none!important;
-	filter: none!important;
-}