.bootslider {
	margin-bottom: 3px;
}
.bootslider .bs-controls {
	margin-top: 50px;
	margin-bottom: 50px;
}
.bootslider:hover {
	/*cursor: move;*/
}
.bootslider-variableheight {
	margin-bottom: 0px;
}
.bootslider-variableheight .bs-controls {
	margin-top: 0px;
	margin-bottom: 0px;
}
.bootslider-variableheight:hover {
	/*cursor: move;*/
}
/* Base Functionality Styling */
.bootslider {
	zoom: 1;
	z-index: 1;
	display: block;
	position: relative;
	overflow: hidden;
	width: 100%;
	background: #fff;
}
.bootslider:before, .bootslider:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
}
.bootslider:after {
	clear: both;
}
.bootslider .bs-loader {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	background: #000;
	display: block;
}
.bootslider .bs-loader #loader {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
}
.bootslider .bs-container {
	display: block;
	position: relative;
	overflow: hidden;
}
.bootslider .bs-container .bs-slide {
	width: 100%;
	z-index: 0;
	top: 0;
	left: 0;
	margin: 0;
	display: none;
	position: relative;
}
.bootslider .bs-container .bs-slide .bs-foreground {
	top: 0;
	left: 0;
	margin: 0;
	z-index: 3;
	width: 100%;
	height: 100%;
	position: absolute;
}
.bootslider .bs-container .bs-slide .bs-foreground [data-animate-in] {
	display: none;
}
.bootslider .bs-container .bs-slide .bs-foreground [data-animate-in].visible {
	display: block;
}
.bootslider .bs-container .bs-slide .bs-foreground iframe {
	z-index: 10;
}
.bootslider .bs-container .bs-slide .bs-foreground .bs-video-fullscreen {
	top: 0;
	left: 0;
	width: 100%;
	margin: 0;
	padding: 0;
}
.bootslider .bs-container .bs-slide .bs-background {
	top: 0;
	left: 0;
	margin: 0;
	z-index: 2;
	width: 100%;
	position: relative;
}
.bootslider .bs-container .bs-slide .bs-background img {
	display: block;
	width: 100%;
	height: auto;
}
.bootslider .bs-container .bs-slide .bs-background img.bs-layer, .bootslider .bs-container .bs-slide .bs-background .bs-layer {
	display: block;
	position: absolute;
	z-index: 2;
}
.bootslider .bs-container .bs-slide.active {
	z-index: 1;
}
.bootslider .bs-container .bs-slide.visible {
	display: block;
}
.bootslider .bs-progress {
	height: 5px;
}
.bootslider .bs-thumbnails {
	width: 100%;
	display: block;
	position: relative;
}
.bootslider .bs-thumbnails ul {
	margin: 0;
	padding: 0;
	position: relative;
	background: #000;
}
.bootslider .bs-thumbnails ul .bs-thumbnail {
	float: left;
	display: block;
	position: relative;
	margin: 0;
	background: #000;
	z-index: 0;
}
.bootslider .bs-thumbnails ul .bs-thumbnail img {
	width: 100%;
	height: auto;
	filter: alpha(opacity=30);
	-moz-opacity: 0.3;
	-khtml-opacity: 0.3;
	opacity: 0.3;
}
.bootslider .bs-thumbnails ul .active img {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.bootslider .bs-pagination .pagination {
	margin: 20px 0 20px 0;
}
.bootslider .bs-pagination .active a {
	z-index: 0;
	background: #e74c3c;
	border-color: #e74c3c;
}
.bootslider .bs-pagination .active a:hover {
	color: #fff;
}
.bootslider .bs-pagination a:hover {
	color: #e74c3c;
}
.bootslider .bs-next {
	z-index: 5;
}
.bootslider .bs-prev {
	z-index: 5;
}
.bootslider-variableheight {
	overflow: auto;
}
.bootslider-variableheight .bs-container .bs-slide {
	overflow: hidden;
}
.bootslider-variableheight .bs-container .bs-slide .bs-background {
	overflow: hidden;
	display: block;
	width: 100%;
	height: 100%;
}
.bootslider-variableheight .bs-container .bs-slide .bs-background img.fullheight {
	height: 100% !important;
	width: auto !important;
	position: absolute !important;
}
.bootslider-variableheight .bs-container .bs-slide .bs-background img.fullwidth {
	width: 100% !important;
	height: auto !important;
	position: absolute !important;
}
.bootslider-content .bs-container .bs-slide .bs-foreground {
	margin: 0;
	z-index: 3;
	width: 100%;
	height: auto;
	position: relative;
}
.bootslider-content .bs-container .bs-slide .bs-background {
	overflow: hidden !important;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
}
.bootslider-content .bs-progress {
	bottom: 0;
	left: 0;
	position: absolute !important;
	margin: 0;
	width: 100%;
	z-index: 999;
}
.bs-parallax {
	position: absolute;
	width: 100%;
	height: 300%;
	top: 0;
	left: 0;
	z-index: 3;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
/* 
Helper Classes
================================
*/
.bg-turquoise {
	background-color: #1abc9c;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-turquoise {
	background-color: #17a689;
}
.text-turquoise, .text-turquoise * {
	color: #1abc9c;
}
.bg-green-sea {
	background-color: #16a085;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-green-sea {
	background-color: #138a72;
}
.text-green-sea, .text-green-sea * {
	color: #16a085;
}
.bg-emerald {
	background-color: #2ecc71;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-emerald {
	background-color: #29b765;
}
.text-emerald, .text-emerald * {
	color: #2ecc71;
}
.bg-nephritis {
	background-color: #27ae60;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-nephritis {
	background-color: #229955;
}
.text-nephritis, .text-nephritis * {
	color: #27ae60;
}
.bg-peter-river {
	background-color: #3498db;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-peter-river {
	background-color: #258cd1;
}
.text-peter-river, .text-peter-river * {
	color: #3498db;
}
.bg-belize-hole {
	background-color: #2980b9;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-belize-hole {
	background-color: #2472a4;
}
.text-belize-hole, .text-belize-hole * {
	color: #2980b9;
}
.bg-amethyst {
	background-color: #9b59b6;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-amethyst {
	background-color: #8f4bab;
}
.text-amethyst, .text-amethyst * {
	color: #9b59b6;
}
.bg-wisteria {
	background-color: #8e44ad;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-wisteria {
	background-color: #7f3d9b;
}
.text-wisteria, .text-wisteria * {
	color: #8e44ad;
}
.bg-wet-ashpalt {
	background-color: #34495e;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-wet-ashpalt {
	background-color: #2b3c4e;
}
.text-wet-ashpalt, .text-wet-ashpalt * {
	color: #34495e;
}
.bg-midnight-blue {
	background-color: #2c3e50;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-midnight-blue {
	background-color: #233140;
}
.text-midnight-blue, .text-midnight-blue * {
	color: #2c3e50;
}
.bg-sun-flower {
	background-color: #f1c40f;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-sun-flower {
	background-color: #dab10d;
}
.text-sun-flower, .text-sun-flower * {
	color: #f1c40f;
}
.bg-orange {
	background-color: #f39c12;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-orange {
	background-color: #e08e0b;
}
.text-orange, .text-orange * {
	color: #f39c12;
}
.bg-carrot {
	background-color: #e67e22;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-carrot {
	background-color: #d67118;
}
.text-carrot, .text-carrot * {
	color: #e67e22;
}
.bg-pumpkin {
	background-color: #d35400;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-pumpkin {
	background-color: #b94a00;
}
.text-pumpkin, .text-pumpkin * {
	color: #d35400;
}
.bg-alizarin {
	background-color: #e74c3c;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-alizarin {
	background-color: #e43725;
}
.text-alizarin, .text-alizarin * {
	color: #e74c3c;
}
.bg-pomegranate {
	background-color: #c0392b;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-pomegranate {
	background-color: #ab3326;
}
.text-pomegranate, .text-pomegranate * {
	color: #c0392b;
}
.bg-clouds {
	background-color: #ecf0f1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-clouds {
	background-color: #dde4e6;
}
.text-clouds, .text-clouds * {
	color: #ecf0f1;
}
.bg-silver {
	background-color: #bdc3c7;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-silver {
	background-color: #afb6bb;
}
.text-silver, .text-silver * {
	color: #bdc3c7;
}
.bg-concrete {
	background-color: #95a5a6;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-concrete {
	background-color: #87999a;
}
.text-concrete, .text-concrete * {
	color: #95a5a6;
}
.bg-asbestos {
	background-color: #7f8c8d;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-asbestos {
	background-color: #727f80;
}
.text-asbestos, .text-asbestos * {
	color: #7f8c8d;
}
.bg-white {
	background-color: white;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-white {
	background-color: #f2f2f2;
}
.text-white, .text-white * {
	color: white;
}
.bg-black {
	background-color: black;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-black {
	background-color: black;
}
.text-black, .text-black * {
	color: black;
}
.bg-custom {
	background-color: #123123;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover.bg-custom {
	background-color: #0b1e16;
}
.text-custom, .text-custom * {
	color: #123123;
}
.bs-absolute {
	position: absolute;
}
.bs-margin-none {
	margin: 0;
}
.bs-margin-top-none {
	margin-top: 0;
}
.bs-margin-bottom-none {
	margin-bottom: 0;
}
.bs-margin-left-none {
	margin-left: 0;
}
.bs-margin-right-none {
	margin-right: 0;
}
.bs-margin {
	margin: 20px;
}
.bs-margin-top {
	margin-top: 20px;
}
.bs-margin-bottom {
	margin-bottom: 20px;
}
.bs-margin-left {
	margin-left: 20px;
}
.bs-margin-right {
	margin-right: 20px;
}
.bs-padding-none {
	padding: 0;
}
.bs-padding-top-none {
	padding-top: 0;
}
.bs-padding-bottom-none {
	padding-bottom: 0;
}
.bs-padding-left-none {
	padding-left: 0;
}
.bs-padding-right-none {
	padding-right: 0;
}
.bs-padding {
	padding: 20px;
}
.bs-padding-top {
	padding-top: 20px;
}
.bs-padding-bottom {
	padding-bottom: 20px;
}
.bs-padding-left {
	padding-left: 20px;
}
.bs-padding-right {
	padding-right: 20px;
}
.bs-vertical-center {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.fullwidth {
	width: 100%;
}
.fullheight {
	height: 100%;
}
.color-test {
	height: 50px;
	width: 100%;
	display: block;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
a.color-test {
	color: #fff;
	font-size: 18px;
	font-weight: 400;
}
 @charset "UTF-8";
body {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
}
.animated {
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-ms-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
 @-webkit-keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 40% {
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 60% {
 -webkit-transform: translateY(-15px);
 transform: translateY(-15px);
}
}
 @keyframes bounce {
 0%, 20%, 50%, 80%, 100% {
 -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);
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}
 @-webkit-keyframes flash {
 0%, 50%, 100% {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
 @keyframes flash {
 0%, 50%, 100% {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash;
}
 @-moz-keyframes scaleUpIn {
 0% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @-webkit-keyframes scaleUpIn {
 0% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @keyframes scaleUpIn {
 0% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
.scaleUpIn {
	-webkit-animation-name: scaleUpIn;
	-moz-animation-name: scaleUpIn;
	-o-animation-name: scaleUpIn;
	animation-name: scaleUpIn;
}
 @-moz-keyframes scaleDownIn {
 0% {
 -webkit-transform: scale(2);
 -moz-transform: scale(2);
 -o-transform: scale(2);
 transform: scale(2);
 opacity: 2;
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @-webkit-keyframes scaleDownIn {
 0% {
 -webkit-transform: scale(2);
 -moz-transform: scale(2);
 -o-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @keyframes scaleDownIn {
 0% {
 -webkit-transform: scale(2);
 -moz-transform: scale(2);
 -o-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
.scaleDownIn {
	-webkit-animation-name: scaleDownIn;
	-moz-animation-name: scaleDownIn;
	-o-animation-name: scaleDownIn;
	animation-name: scaleDownIn;
}
 @-moz-keyframes scaleDownOut {
 100% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
 0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @-webkit-keyframes scaleDownOut {
 100% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
 0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @keyframes scaleDownOut {
 100% {
 -webkit-transform: scale(0);
 -moz-transform: scale(0);
 -o-transform: scale(0);
 transform: scale(0);
 opacity: 0;
}
 0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
.scaleDownOut {
	-webkit-animation-name: scaleDownOut;
	-moz-animation-name: scaleDownOut;
	-o-animation-name: scaleDownOut;
	animation-name: scaleDownOut;
}
 @-moz-keyframes scaleUpOut {
 100% {
 -webkit-transform: scale(2);
 -moz-transform: scale(2);
 -o-transform: scale(2);
 transform: scale(2);
 opacity: 2;
}
 0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @-webkit-keyframes scaleUpOut {
 100% {
 -webkit-transform: scale(2);
 -moz-transform: scale(2);
 -o-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
 0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
 @keyframes scaleUpOut {
 100% {
 -webkit-transform: scale(2);
 -moz-transform: scale(2);
 -o-transform: scale(2);
 transform: scale(2);
 opacity: 0;
}
 0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
 opacity: 1;
}
}
.scaleUpOut {
	-webkit-animation-name: scaleUpOut;
	-moz-animation-name: scaleUpOut;
	-o-animation-name: scaleUpOut;
	animation-name: scaleUpOut;
}

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

@-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -webkit-transform: scale(1);
 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);
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse;
}
 @-webkit-keyframes shake {
 0%, 100% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translateX(10px);
 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);
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake;
}
 @-webkit-keyframes swing {
 20% {
 -webkit-transform: rotate(15deg);
 transform: rotate(15deg);
}
 40% {
 -webkit-transform: rotate(-10deg);
 transform: rotate(-10deg);
}
 60% {
 -webkit-transform: rotate(5deg);
 transform: rotate(5deg);
}
 80% {
 -webkit-transform: rotate(-5deg);
 transform: rotate(-5deg);
}
 100% {
 -webkit-transform: rotate(0deg);
 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);
}
}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing;
}
 @-webkit-keyframes tada {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 10%, 20% {
 -webkit-transform: scale(0.9) rotate(-3deg);
 transform: scale(0.9) rotate(-3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale(1.1) rotate(3deg);
 transform: scale(1.1) rotate(3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale(1.1) rotate(-3deg);
 transform: scale(1.1) rotate(-3deg);
}
 100% {
 -webkit-transform: scale(1) rotate(0);
 transform: scale(1) rotate(0);
}
}
 @keyframes tada {
 0% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
 10%, 20% {
 -webkit-transform: scale(0.9) rotate(-3deg);
 -ms-transform: scale(0.9) rotate(-3deg);
 transform: scale(0.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);
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada;
}

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

@-webkit-keyframes wobble {
 0% {
 -webkit-transform: translateX(0%);
 transform: translateX(0%);
}
 15% {
 -webkit-transform: translateX(-25%) rotate(-5deg);
 transform: translateX(-25%) rotate(-5deg);
}
 30% {
 -webkit-transform: translateX(20%) rotate(3deg);
 transform: translateX(20%) rotate(3deg);
}
 45% {
 -webkit-transform: translateX(-15%) rotate(-3deg);
 transform: translateX(-15%) rotate(-3deg);
}
 60% {
 -webkit-transform: translateX(10%) rotate(2deg);
 transform: translateX(10%) rotate(2deg);
}
 75% {
 -webkit-transform: translateX(-5%) rotate(-1deg);
 transform: translateX(-5%) rotate(-1deg);
}
 100% {
 -webkit-transform: translateX(0%);
 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%);
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble;
}
 @-webkit-keyframes bounceIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(.3);
 transform: scale(.3);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.05);
 transform: scale(1.05);
}
 70% {
 -webkit-transform: scale(.9);
 transform: scale(.9);
}
 100% {
 -webkit-transform: scale(1);
 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);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn;
}
 @-webkit-keyframes bounceInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 transform: translateY(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(30px);
 transform: translateY(30px);
}
 80% {
 -webkit-transform: translateY(-10px);
 transform: translateY(-10px);
}
 100% {
 -webkit-transform: translateY(0);
 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);
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
 @-webkit-keyframes bounceInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
 transform: translateX(-2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(30px);
 transform: translateX(30px);
}
 80% {
 -webkit-transform: translateX(-10px);
 transform: translateX(-10px);
}
 100% {
 -webkit-transform: translateX(0);
 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);
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
 @-webkit-keyframes bounceInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
 transform: translateX(2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(-30px);
 transform: translateX(-30px);
}
 80% {
 -webkit-transform: translateX(10px);
 transform: translateX(10px);
}
 100% {
 -webkit-transform: translateX(0);
 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);
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
 @-webkit-keyframes bounceInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
 transform: translateY(2000px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateY(-30px);
 transform: translateY(-30px);
}
 80% {
 -webkit-transform: translateY(10px);
 transform: translateY(10px);
}
 100% {
 -webkit-transform: translateY(0);
 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);
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
 @-webkit-keyframes bounceOut {
 0% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 25% {
 -webkit-transform: scale(.95);
 transform: scale(.95);
}
 50% {
 opacity: 1;
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(.3);
 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);
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
}
 @-webkit-keyframes bounceOutDown {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 20% {
 opacity: 1;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
 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);
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
 @-webkit-keyframes bounceOutLeft {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 20% {
 opacity: 1;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
 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);
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
 @-webkit-keyframes bounceOutRight {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 20% {
 opacity: 1;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
 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);
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
 @-webkit-keyframes bounceOutUp {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 20% {
 opacity: 1;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 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);
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
 @-webkit-keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
 @keyframes fadeIn {
 0% {
 opacity: 0;
}
 100% {
 opacity: 1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
 @-webkit-keyframes fadeInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 transform: translateY(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 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);
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
 @-webkit-keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 transform: translateY(-2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 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);
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
 @-webkit-keyframes fadeInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 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);
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
 @-webkit-keyframes fadeInLeftBig {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
 transform: translateX(-2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 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);
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
 @-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 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);
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
 @-webkit-keyframes fadeInRightBig {
 0% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
 transform: translateX(2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0);
 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);
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
 @-webkit-keyframes fadeInUp {
 0% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 transform: translateY(20px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 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);
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
 @-webkit-keyframes fadeInUpBig {
 0% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
 transform: translateY(2000px);
}
 100% {
 opacity: 1;
 -webkit-transform: translateY(0);
 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);
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
 @-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}
 @-webkit-keyframes fadeOutDown {
 0% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(20px);
 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);
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
 @-webkit-keyframes fadeOutDownBig {
 0% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(2000px);
 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);
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
 @-webkit-keyframes fadeOutLeft {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(-20px);
 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);
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
 @-webkit-keyframes fadeOutLeftBig {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
 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);
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
 @-webkit-keyframes fadeOutRight {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(20px);
 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);
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
 @-webkit-keyframes fadeOutRightBig {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
 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);
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
 @-webkit-keyframes fadeOutUp {
 0% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(-20px);
 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);
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
 @-webkit-keyframes fadeOutUpBig {
 0% {
 opacity: 1;
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 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);
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
 @-webkit-keyframes flip {
 0% {
 -webkit-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);
 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);
 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);
 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);
 transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
 -webkit-animation-timing-function: ease-in;
 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;
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	-ms-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
}
 @-webkit-keyframes flipInX {
 0% {
 -webkit-transform: perspective(400px) rotateX(90deg);
 transform: perspective(400px) rotateX(90deg);
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotateX(-10deg);
 transform: perspective(400px) rotateX(-10deg);
}
 70% {
 -webkit-transform: perspective(400px) rotateX(10deg);
 transform: perspective(400px) rotateX(10deg);
}
 100% {
 -webkit-transform: perspective(400px) rotateX(0deg);
 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;
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
}
 @-webkit-keyframes flipInY {
 0% {
 -webkit-transform: perspective(400px) rotateY(90deg);
 transform: perspective(400px) rotateY(90deg);
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotateY(-10deg);
 transform: perspective(400px) rotateY(-10deg);
}
 70% {
 -webkit-transform: perspective(400px) rotateY(10deg);
 transform: perspective(400px) rotateY(10deg);
}
 100% {
 -webkit-transform: perspective(400px) rotateY(0deg);
 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;
}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}
 @-webkit-keyframes flipOutX {
 0% {
 -webkit-transform: perspective(400px) rotateX(0deg);
 transform: perspective(400px) rotateX(0deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotateX(90deg);
 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;
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
}
 @-webkit-keyframes flipOutY {
 0% {
 -webkit-transform: perspective(400px) rotateY(0deg);
 transform: perspective(400px) rotateY(0deg);
 opacity: 1;
}
 100% {
 -webkit-transform: perspective(400px) rotateY(90deg);
 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;
}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY;
}
 @-webkit-keyframes lightSpeedIn {
 0% {
 -webkit-transform: translateX(100%) skewX(-30deg);
 transform: translateX(100%) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: translateX(-20%) skewX(30deg);
 transform: translateX(-20%) skewX(30deg);
 opacity: 1;
}
 80% {
 -webkit-transform: translateX(0%) skewX(-15deg);
 transform: translateX(0%) skewX(-15deg);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(0%) skewX(0deg);
 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;
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
 @-webkit-keyframes lightSpeedOut {
 0% {
 -webkit-transform: translateX(0%) skewX(0deg);
 transform: translateX(0%) skewX(0deg);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(100%) skewX(-30deg);
 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;
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
 @-webkit-keyframes rotateIn {
 0% {
 -webkit-transform-origin: center center;
 transform-origin: center center;
 -webkit-transform: rotate(-200deg);
 transform: rotate(-200deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: center center;
 transform-origin: center center;
 -webkit-transform: rotate(0);
 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;
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
}
 @-webkit-keyframes rotateInDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(0);
 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;
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
 @-webkit-keyframes rotateInDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(0);
 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;
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
 @-webkit-keyframes rotateInUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(90deg);
 transform: rotate(90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(0);
 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;
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
 @-webkit-keyframes rotateInUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(-90deg);
 transform: rotate(-90deg);
 opacity: 0;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(0);
 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;
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
 @-webkit-keyframes rotateOut {
 0% {
 -webkit-transform-origin: center center;
 transform-origin: center center;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 opacity: 1;
}
 100% {
 -webkit-transform-origin: center center;
 transform-origin: center center;
 -webkit-transform: rotate(200deg);
 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;
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut;
}
 @-webkit-keyframes rotateOutDownLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(90deg);
 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;
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
 @-webkit-keyframes rotateOutDownRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(-90deg);
 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;
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
 @-webkit-keyframes rotateOutUpLeft {
 0% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 opacity: 1;
}
 100% {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate(-90deg);
 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;
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
 @-webkit-keyframes rotateOutUpRight {
 0% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(0);
 transform: rotate(0);
 opacity: 1;
}
 100% {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate(90deg);
 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;
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
 @-webkit-keyframes slideInDown {
 0% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 transform: translateY(-2000px);
}
 100% {
 -webkit-transform: translateY(0);
 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);
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown;
}
 @-webkit-keyframes slideInLeft {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
 transform: translateX(-2000px);
}
 100% {
 -webkit-transform: translateX(0);
 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);
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft;
}
 @-webkit-keyframes slideInRight {
 0% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
 transform: translateX(2000px);
}
 100% {
 -webkit-transform: translateX(0);
 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);
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight;
}
 @-webkit-keyframes slideOutLeft {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(-2000px);
 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);
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft;
}
 @-webkit-keyframes slideOutRight {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(2000px);
 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);
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight;
}
 @-webkit-keyframes slideOutUp {
 0% {
 -webkit-transform: translateY(0);
 transform: translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: translateY(-2000px);
 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);
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp;
}
 @-webkit-keyframes hinge {
 0% {
 -webkit-transform: rotate(0);
 transform: rotate(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: rotate(80deg);
 transform: rotate(80deg);
 -webkit-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);
 transform: rotate(60deg);
 -webkit-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);
 transform: rotate(60deg) translateY(0);
 opacity: 1;
 -webkit-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);
 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;
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge;
}

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

@-webkit-keyframes rollIn {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-100%) rotate(-120deg);
 transform: translateX(-100%) rotate(-120deg);
}
 100% {
 opacity: 1;
 -webkit-transform: translateX(0px) rotate(0deg);
 transform: translateX(0px) 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(0px) rotate(0deg);
 -ms-transform: translateX(0px) rotate(0deg);
 transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn;
}

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

@-webkit-keyframes rollOut {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0px) rotate(0deg);
 transform: translateX(0px) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(100%) rotate(120deg);
 transform: translateX(100%) rotate(120deg);
}
}
 @keyframes rollOut {
 0% {
 opacity: 1;
 -webkit-transform: translateX(0px) rotate(0deg);
 -ms-transform: translateX(0px) rotate(0deg);
 transform: translateX(0px) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform: translateX(100%) rotate(120deg);
 -ms-transform: translateX(100%) rotate(120deg);
 transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut;
}
.magic {
	-webkit-animation-name: magic;
	-moz-animation-name: magic;
	-ms-animation-name: magic;
	-o-animation-name: magic;
	animation-name: magic;
}
.openDownLeft {
	-webkit-animation-name: openDownLeft;
	-moz-animation-name: openDownLeft;
	-ms-animation-name: openDownLeft;
	-o-animation-name: openDownLeft;
	animation-name: openDownLeft;
}
.openDownRight {
	-webkit-animation-name: openDownRight;
	-moz-animation-name: openDownRight;
	-ms-animation-name: openDownRight;
	-o-animation-name: openDownRight;
	animation-name: openDownRight;
}
.openUpLeft {
	-webkit-animation-name: openUpLeft;
	-moz-animation-name: openUpLeft;
	-ms-animation-name: openUpLeft;
	-o-animation-name: openUpLeft;
	animation-name: openUpLeft;
}
.openUpRight {
	-webkit-animation-name: openUpRight;
	-moz-animation-name: openUpRight;
	-ms-animation-name: openUpRight;
	-o-animation-name: openUpRight;
	animation-name: openUpRight;
}
.openDownLeftReturn {
	-webkit-animation-name: openDownLeftReturn;
	-moz-animation-name: openDownLeftReturn;
	-ms-animation-name: openDownLeftReturn;
	-o-animation-name: openDownLeftReturn;
	animation-name: openDownLeftReturn;
}
.openDownRightReturn {
	-webkit-animation-name: openDownRightReturn;
	-moz-animation-name: openDownRightReturn;
	-ms-animation-name: openDownRightReturn;
	-o-animation-name: openDownRightReturn;
	animation-name: openDownRightReturn;
}
.openUpLeftReturn {
	-webkit-animation-name: openUpLeftReturn;
	-moz-animation-name: openUpLeftReturn;
	-ms-animation-name: openUpLeftReturn;
	-o-animation-name: openUpLeftReturn;
	animation-name: openUpLeftReturn;
}
.openUpRightReturn {
	-webkit-animation-name: openUpRightReturn;
	-moz-animation-name: openUpRightReturn;
	-ms-animation-name: openUpRightReturn;
	-o-animation-name: openUpRightReturn;
	animation-name: openUpRightReturn;
}
.openDownLeftOut {
	-webkit-animation-name: openDownLeftOut;
	-moz-animation-name: openDownLeftOut;
	-ms-animation-name: openDownLeftOut;
	-o-animation-name: openDownLeftOut;
	animation-name: openDownLeftOut;
}
.openDownRightOut {
	-webkit-animation-name: openDownRightOut;
	-moz-animation-name: openDownRightOut;
	-ms-animation-name: openDownRightOut;
	-o-animation-name: openDownRightOut;
	animation-name: openDownRightOut;
}
.openUpLeftOut {
	-webkit-animation-name: openUpLeftOut;
	-moz-animation-name: openUpLeftOut;
	-ms-animation-name: openUpLeftOut;
	-o-animation-name: openUpLeftOut;
	animation-name: openUpLeftOut;
}
.openUpRightOut {
	-webkit-animation-name: openUpRightOut;
	-moz-animation-name: openUpRightOut;
	-ms-animation-name: openUpRightOut;
	-o-animation-name: openUpRightOut;
	animation-name: openUpRightOut;
}
.perspectiveDown {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: perspectiveDown;
	-moz-animation-name: perspectiveDown;
	-ms-animation-name: perspectiveDown;
	-o-animation-name: perspectiveDown;
	animation-name: perspectiveDown;
}
.perspectiveLeft {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: perspectiveLeft;
	-moz-animation-name: perspectiveLeft;
	-ms-animation-name: perspectiveLeft;
	-o-animation-name: perspectiveLeft;
	animation-name: perspectiveLeft;
}
.perspectiveRight {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: perspectiveRight;
	-moz-animation-name: perspectiveRight;
	-ms-animation-name: perspectiveRight;
	-o-animation-name: perspectiveRight;
	animation-name: perspectiveRight;
}
.perspectiveUp {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: perspectiveUp;
	-moz-animation-name: perspectiveUp;
	-ms-animation-name: perspectiveUp;
	-o-animation-name: perspectiveUp;
	animation-name: perspectiveUp;
}
.perspectiveDownReturn {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: perspectiveDownReturn;
	-moz-animation-name: perspectiveDownReturn;
	-ms-animation-name: perspectiveDownReturn;
	-o-animation-name: perspectiveDownReturn;
	animation-name: perspectiveDownReturn;
}
.perspectiveLeftReturn {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: perspectiveLeftReturn;
	-moz-animation-name: perspectiveLeftReturn;
	-ms-animation-name: perspectiveLeftReturn;
	-o-animation-name: perspectiveLeftReturn;
	animation-name: perspectiveLeftReturn;
}
.perspectiveRightReturn {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: perspectiveRightReturn;
	-moz-animation-name: perspectiveRightReturn;
	-ms-animation-name: perspectiveRightReturn;
	-o-animation-name: perspectiveRightReturn;
	animation-name: perspectiveRightReturn;
}
.perspectiveUpReturn {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: perspectiveUpReturn;
	-moz-animation-name: perspectiveUpReturn;
	-ms-animation-name: perspectiveUpReturn;
	-o-animation-name: perspectiveUpReturn;
	animation-name: perspectiveUpReturn;
}
.animated a {
	color: #fff !important;
}
.puffIn {
	-webkit-animation-name: puffIn;
	-moz-animation-name: puffIn;
	-ms-animation-name: puffIn;
	-o-animation-name: puffIn;
	animation-name: puffIn;
}
.puffOut {
	-webkit-animation-name: puffOut;
	-moz-animation-name: puffOut;
	-ms-animation-name: puffOut;
	-o-animation-name: puffOut;
	animation-name: puffOut;
}
.rotateDown {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: rotateDown;
	-moz-animation-name: rotateDown;
	-ms-animation-name: rotateDown;
	-o-animation-name: rotateDown;
	animation-name: rotateDown;
}
.rotateLeft {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: rotateLeft;
	-moz-animation-name: rotateLeft;
	-ms-animation-name: rotateLeft;
	-o-animation-name: rotateLeft;
	animation-name: rotateLeft;
}
.rotateRight {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: rotateRight;
	-moz-animation-name: rotateRight;
	-ms-animation-name: rotateRight;
	-o-animation-name: rotateRight;
	animation-name: rotateRight;
}
.rotateUp {
	-webkit-backface-visibility: visible !important;
	-moz-backface-visibility: visible !important;
	-ms-backface-visibility: visible !important;
	-o-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: rotateUp;
	-moz-animation-name: rotateUp;
	-ms-animation-name: rotateUp;
	-o-animation-name: rotateUp;
	animation-name: rotateUp;
}
.slideDown {
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-ms-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown;
}
.slideLeft {
	-webkit-animation-name: slideLeft;
	-moz-animation-name: slideLeft;
	-ms-animation-name: slideLeft;
	-o-animation-name: slideLeft;
	animation-name: slideLeft;
}
.slideRight {
	-webkit-animation-name: slideRight;
	-moz-animation-name: slideRight;
	-ms-animation-name: slideRight;
	-o-animation-name: slideRight;
	animation-name: slideRight;
}
.slideUp {
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-ms-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp;
}
.slideDownReturn {
	-webkit-animation-name: slideDownReturn;
	-moz-animation-name: slideDownReturn;
	-ms-animation-name: slideDownReturn;
	-o-animation-name: slideDownReturn;
	animation-name: slideDownReturn;
}
.slideLeftReturn {
	-webkit-animation-name: slideLeftReturn;
	-moz-animation-name: slideLeftReturn;
	-ms-animation-name: slideLeftReturn;
	-o-animation-name: slideLeftReturn;
	animation-name: slideLeftReturn;
}
.slideRightReturn {
	-webkit-animation-name: slideRightReturn;
	-moz-animation-name: slideRightReturn;
	-ms-animation-name: slideRightReturn;
	-o-animation-name: slideRightReturn;
	animation-name: slideRightReturn;
}
.slideUpReturn {
	-webkit-animation-name: slideUpReturn;
	-moz-animation-name: slideUpReturn;
	-ms-animation-name: slideUpReturn;
	-o-animation-name: slideUpReturn;
	animation-name: slideUpReturn;
}
.swap {
	-webkit-animation-name: swap;
	-moz-animation-name: swap;
	-ms-animation-name: swap;
	-o-animation-name: swap;
	animation-name: swap;
}
.twisterInDown {
	-webkit-animation-name: twisterInDown;
	-moz-animation-name: twisterInDown;
	-ms-animation-name: twisterInDown;
	-o-animation-name: twisterInDown;
	animation-name: twisterInDown;
}
.twisterInUp {
	-webkit-animation-name: twisterInUp;
	-moz-animation-name: twisterInUp;
	-ms-animation-name: twisterInUp;
	-o-animation-name: twisterInUp;
	animation-name: twisterInUp;
}
.vanishIn {
	-webkit-animation-name: vanishIn;
	-moz-animation-name: vanishIn;
	-ms-animation-name: vanishIn;
	-o-animation-name: vanishIn;
	animation-name: vanishIn;
}
.vanishOut {
	-webkit-animation-name: vanishOut;
	-moz-animation-name: vanishOut;
	-ms-animation-name: vanishOut;
	-o-animation-name: vanishOut;
	animation-name: vanishOut;
}
.swashOut {
	-webkit-animation-name: swashOut;
	-moz-animation-name: swashOut;
	-ms-animation-name: swashOut;
	-o-animation-name: swashOut;
	animation-name: swashOut;
}
.swashIn {
	-webkit-animation-name: swashIn;
	-moz-animation-name: swashIn;
	-ms-animation-name: swashIn;
	-o-animation-name: swashIn;
	animation-name: swashIn;
}
.foolishOut {
	-webkit-animation-name: foolishOut;
	-moz-animation-name: foolishOut;
	-ms-animation-name: foolishOut;
	-o-animation-name: foolishOut;
	animation-name: foolishOut;
}
.foolishIn {
	-webkit-animation-name: foolishIn;
	-moz-animation-name: foolishIn;
	-ms-animation-name: foolishIn;
	-o-animation-name: foolishIn;
	animation-name: foolishIn;
}
.holeOut {
	-webkit-animation-name: holeOut;
	-moz-animation-name: holeOut;
	-ms-animation-name: holeOut;
	-o-animation-name: holeOut;
	animation-name: holeOut;
}
.tinRightOut {
	-webkit-animation-name: tinRightOut;
	-moz-animation-name: tinRightOut;
	-ms-animation-name: tinRightOut;
	-o-animation-name: tinRightOut;
	animation-name: tinRightOut;
}
.tinLeftOut {
	-webkit-animation-name: tinLeftOut;
	-moz-animation-name: tinLeftOut;
	-ms-animation-name: tinLeftOut;
	-o-animation-name: tinLeftOut;
	animation-name: tinLeftOut;
}
.tinUpOut {
	-webkit-animation-name: tinUpOut;
	-moz-animation-name: tinUpOut;
	-ms-animation-name: tinUpOut;
	-o-animation-name: tinUpOut;
	animation-name: tinUpOut;
}
.tinDownOut {
	-webkit-animation-name: tinDownOut;
	-moz-animation-name: tinDownOut;
	-ms-animation-name: tinDownOut;
	-o-animation-name: tinDownOut;
	animation-name: tinDownOut;
}
.tinRightIn {
	-webkit-animation-name: tinRightIn;
	-moz-animation-name: tinRightIn;
	-ms-animation-name: tinRightIn;
	-o-animation-name: tinRightIn;
	animation-name: tinRightIn;
}
.tinLeftIn {
	-webkit-animation-name: tinLeftIn;
	-moz-animation-name: tinLeftIn;
	-ms-animation-name: tinLeftIn;
	-o-animation-name: tinLeftIn;
	animation-name: tinLeftIn;
}
.tinUpIn {
	-webkit-animation-name: tinUpIn;
	-moz-animation-name: tinUpIn;
	-ms-animation-name: tinUpIn;
	-o-animation-name: tinUpIn;
	animation-name: tinUpIn;
}
.tinDownIn {
	-webkit-animation-name: tinDownIn;
	-moz-animation-name: tinDownIn;
	-ms-animation-name: tinDownIn;
	-o-animation-name: tinDownIn;
	animation-name: tinDownIn;
}
.bombRightOut {
	-webkit-animation-name: bombRightOut;
	-moz-animation-name: bombRightOut;
	-ms-animation-name: bombRightOut;
	-o-animation-name: bombRightOut;
	animation-name: bombRightOut;
}
.bombLeftOut {
	-webkit-animation-name: bombLeftOut;
	-moz-animation-name: bombLeftOut;
	-ms-animation-name: bombLeftOut;
	-o-animation-name: bombLeftOut;
	animation-name: bombLeftOut;
}
@-moz-keyframes magic {
 0% {
 opacity: 1;
 -webkit-transform-origin: 100% 200%;
 -moz-transform-origin: 100% 200%;
 -ms-transform-origin: 100% 200%;
 -o-transform-origin: 100% 200%;
 transform-origin: 100% 200%;
 -webkit-transform: scale(1, 1) rotate(0deg);
 -moz-transform: scale(1, 1) rotate(0deg);
 -ms-transform: scale(1, 1) rotate(0deg);
 -o-transform: scale(1, 1) rotate(0deg);
 transform: scale(1, 1) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 200% 500%;
 -moz-transform-origin: 200% 500%;
 -ms-transform-origin: 200% 500%;
 -o-transform-origin: 200% 500%;
 transform-origin: 200% 500%;
 -webkit-transform: scale(0, 0) rotate(270deg);
 -moz-transform: scale(0, 0) rotate(270deg);
 -ms-transform: scale(0, 0) rotate(270deg);
 -o-transform: scale(0, 0) rotate(270deg);
 transform: scale(0, 0) rotate(270deg);
}
}
@-webkit-keyframes magic {
 0% {
 opacity: 1;
 -webkit-transform-origin: 100% 200%;
 -moz-transform-origin: 100% 200%;
 -ms-transform-origin: 100% 200%;
 -o-transform-origin: 100% 200%;
 transform-origin: 100% 200%;
 -webkit-transform: scale(1, 1) rotate(0deg);
 -moz-transform: scale(1, 1) rotate(0deg);
 -ms-transform: scale(1, 1) rotate(0deg);
 -o-transform: scale(1, 1) rotate(0deg);
 transform: scale(1, 1) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 200% 500%;
 -moz-transform-origin: 200% 500%;
 -ms-transform-origin: 200% 500%;
 -o-transform-origin: 200% 500%;
 transform-origin: 200% 500%;
 -webkit-transform: scale(0, 0) rotate(270deg);
 -moz-transform: scale(0, 0) rotate(270deg);
 -ms-transform: scale(0, 0) rotate(270deg);
 -o-transform: scale(0, 0) rotate(270deg);
 transform: scale(0, 0) rotate(270deg);
}
}
@-o-keyframes magic {
 0% {
 opacity: 1;
 -webkit-transform-origin: 100% 200%;
 -moz-transform-origin: 100% 200%;
 -ms-transform-origin: 100% 200%;
 -o-transform-origin: 100% 200%;
 transform-origin: 100% 200%;
 -webkit-transform: scale(1, 1) rotate(0deg);
 -moz-transform: scale(1, 1) rotate(0deg);
 -ms-transform: scale(1, 1) rotate(0deg);
 -o-transform: scale(1, 1) rotate(0deg);
 transform: scale(1, 1) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 200% 500%;
 -moz-transform-origin: 200% 500%;
 -ms-transform-origin: 200% 500%;
 -o-transform-origin: 200% 500%;
 transform-origin: 200% 500%;
 -webkit-transform: scale(0, 0) rotate(270deg);
 -moz-transform: scale(0, 0) rotate(270deg);
 -ms-transform: scale(0, 0) rotate(270deg);
 -o-transform: scale(0, 0) rotate(270deg);
 transform: scale(0, 0) rotate(270deg);
}
}
@-ms-keyframes magic {
 0% {
 opacity: 1;
 -webkit-transform-origin: 100% 200%;
 -moz-transform-origin: 100% 200%;
 -ms-transform-origin: 100% 200%;
 -o-transform-origin: 100% 200%;
 transform-origin: 100% 200%;
 -webkit-transform: scale(1, 1) rotate(0deg);
 -moz-transform: scale(1, 1) rotate(0deg);
 -ms-transform: scale(1, 1) rotate(0deg);
 -o-transform: scale(1, 1) rotate(0deg);
 transform: scale(1, 1) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 200% 500%;
 -moz-transform-origin: 200% 500%;
 -ms-transform-origin: 200% 500%;
 -o-transform-origin: 200% 500%;
 transform-origin: 200% 500%;
 -webkit-transform: scale(0, 0) rotate(270deg);
 -moz-transform: scale(0, 0) rotate(270deg);
 -ms-transform: scale(0, 0) rotate(270deg);
 -o-transform: scale(0, 0) rotate(270deg);
 transform: scale(0, 0) rotate(270deg);
}
}
@keyframes magic {
 0% {
 opacity: 1;
 -webkit-transform-origin: 100% 200%;
 -moz-transform-origin: 100% 200%;
 -ms-transform-origin: 100% 200%;
 -o-transform-origin: 100% 200%;
 transform-origin: 100% 200%;
 -webkit-transform: scale(1, 1) rotate(0deg);
 -moz-transform: scale(1, 1) rotate(0deg);
 -ms-transform: scale(1, 1) rotate(0deg);
 -o-transform: scale(1, 1) rotate(0deg);
 transform: scale(1, 1) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 200% 500%;
 -moz-transform-origin: 200% 500%;
 -ms-transform-origin: 200% 500%;
 -o-transform-origin: 200% 500%;
 transform-origin: 200% 500%;
 -webkit-transform: scale(0, 0) rotate(270deg);
 -moz-transform: scale(0, 0) rotate(270deg);
 -ms-transform: scale(0, 0) rotate(270deg);
 -o-transform: scale(0, 0) rotate(270deg);
 transform: scale(0, 0) rotate(270deg);
}
}
@-moz-keyframes openDownLeft {
 0% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-webkit-keyframes openDownLeft {
 0% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-o-keyframes openDownLeft {
 0% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-ms-keyframes openDownLeft {
 0% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@keyframes openDownLeft {
 0% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-moz-keyframes openDownRight {
 0% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-webkit-keyframes openDownRight {
 0% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-o-keyframes openDownRight {
 0% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-ms-keyframes openDownRight {
 0% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@keyframes openDownRight {
 0% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-moz-keyframes openUpLeft {
 0% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-webkit-keyframes openUpLeft {
 0% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-o-keyframes openUpLeft {
 0% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-ms-keyframes openUpLeft {
 0% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@keyframes openUpLeft {
 0% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-moz-keyframes openUpRight {
 0% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-webkit-keyframes openUpRight {
 0% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-o-keyframes openUpRight {
 0% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-ms-keyframes openUpRight {
 0% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@keyframes openUpRight {
 0% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
}
@-moz-keyframes openDownLeftReturn {
 0% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-webkit-keyframes openDownLeftReturn {
 0% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-o-keyframes openDownLeftReturn {
 0% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-ms-keyframes openDownLeftReturn {
 0% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@keyframes openDownLeftReturn {
 0% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-moz-keyframes openDownRightReturn {
 0% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-webkit-keyframes openDownRightReturn {
 0% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-o-keyframes openDownRightReturn {
 0% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-ms-keyframes openDownRightReturn {
 0% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@keyframes openDownRightReturn {
 0% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-moz-keyframes openUpLeftReturn {
 0% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-webkit-keyframes openUpLeftReturn {
 0% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-o-keyframes openUpLeftReturn {
 0% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-ms-keyframes openUpLeftReturn {
 0% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@keyframes openUpLeftReturn {
 0% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-moz-keyframes openUpRightReturn {
 0% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-webkit-keyframes openUpRightReturn {
 0% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-o-keyframes openUpRightReturn {
 0% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-ms-keyframes openUpRightReturn {
 0% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@keyframes openUpRightReturn {
 0% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-out;
 -moz-animation-timing-function: ease-in-out;
 -ms-animation-timing-function: ease-in-out;
 -o-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 100% {
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
}
@-moz-keyframes openDownLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-webkit-keyframes openDownLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-o-keyframes openDownLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-ms-keyframes openDownLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@keyframes openDownLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: bottom left;
 -moz-transform-origin: bottom left;
 -ms-transform-origin: bottom left;
 -o-transform-origin: bottom left;
 transform-origin: bottom left;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-moz-keyframes openDownRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-webkit-keyframes openDownRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-o-keyframes openDownRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-ms-keyframes openDownRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@keyframes openDownRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: bottom right;
 -moz-transform-origin: bottom right;
 -ms-transform-origin: bottom right;
 -o-transform-origin: bottom right;
 transform-origin: bottom right;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-moz-keyframes openUpLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-webkit-keyframes openUpLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-o-keyframes openUpLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-ms-keyframes openUpLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@keyframes openUpLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: top left;
 -moz-transform-origin: top left;
 -ms-transform-origin: top left;
 -o-transform-origin: top left;
 transform-origin: top left;
 -webkit-transform: rotate(110deg);
 -moz-transform: rotate(110deg);
 -ms-transform: rotate(110deg);
 -o-transform: rotate(110deg);
 transform: rotate(110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-moz-keyframes openUpRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-webkit-keyframes openUpRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-o-keyframes openUpRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-ms-keyframes openUpRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@keyframes openUpRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-animation-timing-function: ease-out;
 -moz-animation-timing-function: ease-out;
 -ms-animation-timing-function: ease-out;
 -o-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 100% {
 opacity: 0;
 -webkit-transform-origin: top right;
 -moz-transform-origin: top right;
 -ms-transform-origin: top right;
 -o-transform-origin: top right;
 transform-origin: top right;
 -webkit-transform: rotate(-110deg);
 -moz-transform: rotate(-110deg);
 -ms-transform: rotate(-110deg);
 -o-transform: rotate(-110deg);
 transform: rotate(-110deg);
 -webkit-animation-timing-function: ease-in-o;
 -moz-animation-timing-function: ease-in-o;
 -ms-animation-timing-function: ease-in-o;
 -o-animation-timing-function: ease-in-o;
 animation-timing-function: ease-in-o;
}
}
@-moz-keyframes perspectiveDown {
 0% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
 100% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg);
 -moz-transform: perspective(800px) rotateX(-180deg);
 -ms-transform: perspective(800px) rotateX(-180deg);
 -o-transform: perspective(800px) rotateX(-180deg);
 transform: perspective(800px) rotateX(-180deg);
}
}
@-webkit-keyframes perspectiveDown {
 0% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
 100% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg);
 -moz-transform: perspective(800px) rotateX(-180deg);
 -ms-transform: perspective(800px) rotateX(-180deg);
 -o-transform: perspective(800px) rotateX(-180deg);
 transform: perspective(800px) rotateX(-180deg);
}
}
@-o-keyframes perspectiveDown {
 0% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
 100% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg);
 -moz-transform: perspective(800px) rotateX(-180deg);
 -ms-transform: perspective(800px) rotateX(-180deg);
 -o-transform: perspective(800px) rotateX(-180deg);
 transform: perspective(800px) rotateX(-180deg);
}
}
@-ms-keyframes perspectiveDown {
 0% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
 100% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg);
 -moz-transform: perspective(800px) rotateX(-180deg);
 -ms-transform: perspective(800px) rotateX(-180deg);
 -o-transform: perspective(800px) rotateX(-180deg);
 transform: perspective(800px) rotateX(-180deg);
}
}
@keyframes perspectiveDown {
 0% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
 100% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg);
 -moz-transform: perspective(800px) rotateX(-180deg);
 -ms-transform: perspective(800px) rotateX(-180deg);
 -o-transform: perspective(800px) rotateX(-180deg);
 transform: perspective(800px) rotateX(-180deg);
}
}
@-moz-keyframes perspectiveLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(-180deg);
 -moz-transform: perspective(800px) rotateY(-180deg);
 -ms-transform: perspective(800px) rotateY(-180deg);
 -o-transform: perspective(800px) rotateY(-180deg);
 transform: perspective(800px) rotateY(-180deg);
}
}
@-webkit-keyframes perspectiveLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(-180deg);
 -moz-transform: perspective(800px) rotateY(-180deg);
 -ms-transform: perspective(800px) rotateY(-180deg);
 -o-transform: perspective(800px) rotateY(-180deg);
 transform: perspective(800px) rotateY(-180deg);
}
}
@-o-keyframes perspectiveLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(-180deg);
 -moz-transform: perspective(800px) rotateY(-180deg);
 -ms-transform: perspective(800px) rotateY(-180deg);
 -o-transform: perspective(800px) rotateY(-180deg);
 transform: perspective(800px) rotateY(-180deg);
}
}
@-ms-keyframes perspectiveLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(-180deg);
 -moz-transform: perspective(800px) rotateY(-180deg);
 -ms-transform: perspective(800px) rotateY(-180deg);
 -o-transform: perspective(800px) rotateY(-180deg);
 transform: perspective(800px) rotateY(-180deg);
}
}
@keyframes perspectiveLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(-180deg);
 -moz-transform: perspective(800px) rotateY(-180deg);
 -ms-transform: perspective(800px) rotateY(-180deg);
 -o-transform: perspective(800px) rotateY(-180deg);
 transform: perspective(800px) rotateY(-180deg);
}
}
@-moz-keyframes perspectiveRight {
 0% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
 100% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(180deg);
 -moz-transform: perspective(800px) rotateY(180deg);
 -ms-transform: perspective(800px) rotateY(180deg);
 -o-transform: perspective(800px) rotateY(180deg);
 transform: perspective(800px) rotateY(180deg);
}
}
@-webkit-keyframes perspectiveRight {
 0% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
 100% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(180deg);
 -moz-transform: perspective(800px) rotateY(180deg);
 -ms-transform: perspective(800px) rotateY(180deg);
 -o-transform: perspective(800px) rotateY(180deg);
 transform: perspective(800px) rotateY(180deg);
}
}
@-o-keyframes perspectiveRight {
 0% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
 100% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(180deg);
 -moz-transform: perspective(800px) rotateY(180deg);
 -ms-transform: perspective(800px) rotateY(180deg);
 -o-transform: perspective(800px) rotateY(180deg);
 transform: perspective(800px) rotateY(180deg);
}
}
@-ms-keyframes perspectiveRight {
 0% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
 100% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(180deg);
 -moz-transform: perspective(800px) rotateY(180deg);
 -ms-transform: perspective(800px) rotateY(180deg);
 -o-transform: perspective(800px) rotateY(180deg);
 transform: perspective(800px) rotateY(180deg);
}
}
@keyframes perspectiveRight {
 0% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
 100% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(180deg);
 -moz-transform: perspective(800px) rotateY(180deg);
 -ms-transform: perspective(800px) rotateY(180deg);
 -o-transform: perspective(800px) rotateY(180deg);
 transform: perspective(800px) rotateY(180deg);
}
}
@-moz-keyframes perspectiveUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(180deg);
 -moz-transform: perspective(800px) rotateX(180deg);
 -ms-transform: perspective(800px) rotateX(180deg);
 -o-transform: perspective(800px) rotateX(180deg);
 transform: perspective(800px) rotateX(180deg);
}
}
@-webkit-keyframes perspectiveUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(180deg);
 -moz-transform: perspective(800px) rotateX(180deg);
 -ms-transform: perspective(800px) rotateX(180deg);
 -o-transform: perspective(800px) rotateX(180deg);
 transform: perspective(800px) rotateX(180deg);
}
}
@-o-keyframes perspectiveUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(180deg);
 -moz-transform: perspective(800px) rotateX(180deg);
 -ms-transform: perspective(800px) rotateX(180deg);
 -o-transform: perspective(800px) rotateX(180deg);
 transform: perspective(800px) rotateX(180deg);
}
}
@-ms-keyframes perspectiveUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(180deg);
 -moz-transform: perspective(800px) rotateX(180deg);
 -ms-transform: perspective(800px) rotateX(180deg);
 -o-transform: perspective(800px) rotateX(180deg);
 transform: perspective(800px) rotateX(180deg);
}
}
@keyframes perspectiveUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(180deg);
 -moz-transform: perspective(800px) rotateX(180deg);
 -ms-transform: perspective(800px) rotateX(180deg);
 -o-transform: perspective(800px) rotateX(180deg);
 transform: perspective(800px) rotateX(180deg);
}
}
@-moz-keyframes perspectiveDownReturn {
 0% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg);
 -moz-transform: perspective(800px) rotateX(-180deg);
 -ms-transform: perspective(800px) rotateX(-180deg);
 -o-transform: perspective(800px) rotateX(-180deg);
 transform: perspective(800px) rotateX(-180deg);
}
 100% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
}
@-webkit-keyframes perspectiveDownReturn {
 0% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg);
 -moz-transform: perspective(800px) rotateX(-180deg);
 -ms-transform: perspective(800px) rotateX(-180deg);
 -o-transform: perspective(800px) rotateX(-180deg);
 transform: perspective(800px) rotateX(-180deg);
}
 100% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
}
@-o-keyframes perspectiveDownReturn {
 0% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg);
 -moz-transform: perspective(800px) rotateX(-180deg);
 -ms-transform: perspective(800px) rotateX(-180deg);
 -o-transform: perspective(800px) rotateX(-180deg);
 transform: perspective(800px) rotateX(-180deg);
}
 100% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
}
@-ms-keyframes perspectiveDownReturn {
 0% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg);
 -moz-transform: perspective(800px) rotateX(-180deg);
 -ms-transform: perspective(800px) rotateX(-180deg);
 -o-transform: perspective(800px) rotateX(-180deg);
 transform: perspective(800px) rotateX(-180deg);
}
 100% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
}
@keyframes perspectiveDownReturn {
 0% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg);
 -moz-transform: perspective(800px) rotateX(-180deg);
 -ms-transform: perspective(800px) rotateX(-180deg);
 -o-transform: perspective(800px) rotateX(-180deg);
 transform: perspective(800px) rotateX(-180deg);
}
 100% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
}
@-moz-keyframes perspectiveLeftReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(-180deg);
 -moz-transform: perspective(800px) rotateY(-180deg);
 -ms-transform: perspective(800px) rotateY(-180deg);
 -o-transform: perspective(800px) rotateY(-180deg);
 transform: perspective(800px) rotateY(-180deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
}
@-webkit-keyframes perspectiveLeftReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(-180deg);
 -moz-transform: perspective(800px) rotateY(-180deg);
 -ms-transform: perspective(800px) rotateY(-180deg);
 -o-transform: perspective(800px) rotateY(-180deg);
 transform: perspective(800px) rotateY(-180deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
}
@-o-keyframes perspectiveLeftReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(-180deg);
 -moz-transform: perspective(800px) rotateY(-180deg);
 -ms-transform: perspective(800px) rotateY(-180deg);
 -o-transform: perspective(800px) rotateY(-180deg);
 transform: perspective(800px) rotateY(-180deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
}
@-ms-keyframes perspectiveLeftReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(-180deg);
 -moz-transform: perspective(800px) rotateY(-180deg);
 -ms-transform: perspective(800px) rotateY(-180deg);
 -o-transform: perspective(800px) rotateY(-180deg);
 transform: perspective(800px) rotateY(-180deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
}
@keyframes perspectiveLeftReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(-180deg);
 -moz-transform: perspective(800px) rotateY(-180deg);
 -ms-transform: perspective(800px) rotateY(-180deg);
 -o-transform: perspective(800px) rotateY(-180deg);
 transform: perspective(800px) rotateY(-180deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
}
@-moz-keyframes perspectiveRightReturn {
 0% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(180deg);
 -moz-transform: perspective(800px) rotateY(180deg);
 -ms-transform: perspective(800px) rotateY(180deg);
 -o-transform: perspective(800px) rotateY(180deg);
 transform: perspective(800px) rotateY(180deg);
}
 100% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
}
@-webkit-keyframes perspectiveRightReturn {
 0% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(180deg);
 -moz-transform: perspective(800px) rotateY(180deg);
 -ms-transform: perspective(800px) rotateY(180deg);
 -o-transform: perspective(800px) rotateY(180deg);
 transform: perspective(800px) rotateY(180deg);
}
 100% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
}
@-o-keyframes perspectiveRightReturn {
 0% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(180deg);
 -moz-transform: perspective(800px) rotateY(180deg);
 -ms-transform: perspective(800px) rotateY(180deg);
 -o-transform: perspective(800px) rotateY(180deg);
 transform: perspective(800px) rotateY(180deg);
}
 100% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
}
@-ms-keyframes perspectiveRightReturn {
 0% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(180deg);
 -moz-transform: perspective(800px) rotateY(180deg);
 -ms-transform: perspective(800px) rotateY(180deg);
 -o-transform: perspective(800px) rotateY(180deg);
 transform: perspective(800px) rotateY(180deg);
}
 100% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
}
@keyframes perspectiveRightReturn {
 0% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(180deg);
 -moz-transform: perspective(800px) rotateY(180deg);
 -ms-transform: perspective(800px) rotateY(180deg);
 -o-transform: perspective(800px) rotateY(180deg);
 transform: perspective(800px) rotateY(180deg);
}
 100% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: perspective(800px) rotateY(0deg);
 -moz-transform: perspective(800px) rotateY(0deg);
 -ms-transform: perspective(800px) rotateY(0deg);
 -o-transform: perspective(800px) rotateY(0deg);
 transform: perspective(800px) rotateY(0deg);
}
}
@-moz-keyframes perspectiveUpReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(180deg);
 -moz-transform: perspective(800px) rotateX(180deg);
 -ms-transform: perspective(800px) rotateX(180deg);
 -o-transform: perspective(800px) rotateX(180deg);
 transform: perspective(800px) rotateX(180deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
}
@-webkit-keyframes perspectiveUpReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(180deg);
 -moz-transform: perspective(800px) rotateX(180deg);
 -ms-transform: perspective(800px) rotateX(180deg);
 -o-transform: perspective(800px) rotateX(180deg);
 transform: perspective(800px) rotateX(180deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
}
@-o-keyframes perspectiveUpReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(180deg);
 -moz-transform: perspective(800px) rotateX(180deg);
 -ms-transform: perspective(800px) rotateX(180deg);
 -o-transform: perspective(800px) rotateX(180deg);
 transform: perspective(800px) rotateX(180deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
}
@-ms-keyframes perspectiveUpReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(180deg);
 -moz-transform: perspective(800px) rotateX(180deg);
 -ms-transform: perspective(800px) rotateX(180deg);
 -o-transform: perspective(800px) rotateX(180deg);
 transform: perspective(800px) rotateX(180deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
}
@keyframes perspectiveUpReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(180deg);
 -moz-transform: perspective(800px) rotateX(180deg);
 -ms-transform: perspective(800px) rotateX(180deg);
 -o-transform: perspective(800px) rotateX(180deg);
 transform: perspective(800px) rotateX(180deg);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg);
 -moz-transform: perspective(800px) rotateX(0deg);
 -ms-transform: perspective(800px) rotateX(0deg);
 -o-transform: perspective(800px) rotateX(0deg);
 transform: perspective(800px) rotateX(0deg);
}
}
@-moz-keyframes puffIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(2px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-webkit-keyframes puffIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(2px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-o-keyframes puffIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(2px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-ms-keyframes puffIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(2px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@keyframes puffIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(2px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-moz-keyframes puffOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(2px);
}
}
@-webkit-keyframes puffOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(2px);
}
}
@-o-keyframes puffOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(2px);
}
}
@-ms-keyframes puffOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(2px);
}
}
@keyframes puffOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(2px);
}
}
@-moz-keyframes rotateDown {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 100%;
 -moz-transform-origin: 50% 100%;
 -ms-transform-origin: 50% 100%;
 -o-transform-origin: 50% 100%;
 transform-origin: 50% 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 transform: perspective(800px) rotateX(-180deg) translateZ(300px);
}
}
@-webkit-keyframes rotateDown {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 100%;
 -moz-transform-origin: 50% 100%;
 -ms-transform-origin: 50% 100%;
 -o-transform-origin: 50% 100%;
 transform-origin: 50% 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 transform: perspective(800px) rotateX(-180deg) translateZ(300px);
}
}
@-o-keyframes rotateDown {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 100%;
 -moz-transform-origin: 50% 100%;
 -ms-transform-origin: 50% 100%;
 -o-transform-origin: 50% 100%;
 transform-origin: 50% 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 transform: perspective(800px) rotateX(-180deg) translateZ(300px);
}
}
@-ms-keyframes rotateDown {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 100%;
 -moz-transform-origin: 50% 100%;
 -ms-transform-origin: 50% 100%;
 -o-transform-origin: 50% 100%;
 transform-origin: 50% 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 transform: perspective(800px) rotateX(-180deg) translateZ(300px);
}
}
@keyframes rotateDown {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 100%;
 -moz-transform-origin: 50% 100%;
 -ms-transform-origin: 50% 100%;
 -o-transform-origin: 50% 100%;
 transform-origin: 50% 100%;
 -webkit-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -moz-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -ms-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 -o-transform: perspective(800px) rotateX(-180deg) translateZ(300px);
 transform: perspective(800px) rotateX(-180deg) translateZ(300px);
}
}
@-moz-keyframes rotateLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 transform: perspective(800px) rotateY(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -o-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 transform: perspective(800px) rotateY(180deg) translateZ(300px);
}
}
@-webkit-keyframes rotateLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 transform: perspective(800px) rotateY(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -o-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 transform: perspective(800px) rotateY(180deg) translateZ(300px);
}
}
@-o-keyframes rotateLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 transform: perspective(800px) rotateY(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -o-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 transform: perspective(800px) rotateY(180deg) translateZ(300px);
}
}
@-ms-keyframes rotateLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 transform: perspective(800px) rotateY(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -o-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 transform: perspective(800px) rotateY(180deg) translateZ(300px);
}
}
@keyframes rotateLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateY(0deg) translateZ(0px);
 transform: perspective(800px) rotateY(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -moz-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -ms-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 -o-transform: perspective(800px) rotateY(180deg) translateZ(300px);
 transform: perspective(800px) rotateY(180deg) translateZ(300px);
}
}
@-moz-keyframes rotateRight {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -o-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 transform: perspective(800px) rotateY(0deg) translate3d(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 transform: perspective(800px) rotateY(-180deg) translateZ(150px);
}
}
@-webkit-keyframes rotateRight {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -o-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 transform: perspective(800px) rotateY(0deg) translate3d(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 transform: perspective(800px) rotateY(-180deg) translateZ(150px);
}
}
@-o-keyframes rotateRight {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -o-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 transform: perspective(800px) rotateY(0deg) translate3d(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 transform: perspective(800px) rotateY(-180deg) translateZ(150px);
}
}
@-ms-keyframes rotateRight {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -o-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 transform: perspective(800px) rotateY(0deg) translate3d(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 transform: perspective(800px) rotateY(-180deg) translateZ(150px);
}
}
@keyframes rotateRight {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -moz-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -ms-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 -o-transform: perspective(800px) rotateY(0deg) translate3d(0px);
 transform: perspective(800px) rotateY(0deg) translate3d(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -moz-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -ms-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 -o-transform: perspective(800px) rotateY(-180deg) translateZ(150px);
 transform: perspective(800px) rotateY(-180deg) translateZ(150px);
}
}
@-moz-keyframes rotateUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -o-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 transform: perspective(800px) rotateX(180deg) translateZ(100px);
}
}
@-webkit-keyframes rotateUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -o-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 transform: perspective(800px) rotateX(180deg) translateZ(100px);
}
}
@-o-keyframes rotateUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -o-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 transform: perspective(800px) rotateX(180deg) translateZ(100px);
}
}
@-ms-keyframes rotateUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -o-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 transform: perspective(800px) rotateX(180deg) translateZ(100px);
}
}
@keyframes rotateUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -moz-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -ms-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 -o-transform: perspective(800px) rotateX(0deg) translateZ(0px);
 transform: perspective(800px) rotateX(0deg) translateZ(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 0;
 -moz-transform-origin: 50% 0;
 -ms-transform-origin: 50% 0;
 -o-transform-origin: 50% 0;
 transform-origin: 50% 0;
 -webkit-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -moz-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -ms-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 -o-transform: perspective(800px) rotateX(180deg) translateZ(100px);
 transform: perspective(800px) rotateX(180deg) translateZ(100px);
}
}
@-moz-keyframes slideDown {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
}
@-webkit-keyframes slideDown {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
}
@-o-keyframes slideDown {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
}
@-ms-keyframes slideDown {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
}
@keyframes slideDown {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
}
@-moz-keyframes slideLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
@-webkit-keyframes slideLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
@-o-keyframes slideLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
@-ms-keyframes slideLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
@keyframes slideLeft {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
}
@-moz-keyframes slideRight {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
}
@-webkit-keyframes slideRight {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
}
@-o-keyframes slideRight {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
}
@-ms-keyframes slideRight {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
}
@keyframes slideRight {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
}
@-moz-keyframes slideUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
@-webkit-keyframes slideUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
@-o-keyframes slideUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
@-ms-keyframes slideUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
@keyframes slideUp {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
}
@-moz-keyframes slideDownReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
@-webkit-keyframes slideDownReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
@-o-keyframes slideDownReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
@-ms-keyframes slideDownReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
@keyframes slideDownReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(100%);
 -moz-transform: translateY(100%);
 -ms-transform: translateY(100%);
 -o-transform: translateY(100%);
 transform: translateY(100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
@-moz-keyframes slideLeftReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
}
@-webkit-keyframes slideLeftReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
}
@-o-keyframes slideLeftReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
}
@-ms-keyframes slideLeftReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
}
@keyframes slideLeftReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(-100%);
 -moz-transform: translateX(-100%);
 -ms-transform: translateX(-100%);
 -o-transform: translateX(-100%);
 transform: translateX(-100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
}
@-moz-keyframes slideRightReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
}
@-webkit-keyframes slideRightReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
}
@-o-keyframes slideRightReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
}
@-ms-keyframes slideRightReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
}
@keyframes slideRightReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(100%);
 -moz-transform: translateX(100%);
 -ms-transform: translateX(100%);
 -o-transform: translateX(100%);
 transform: translateX(100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateX(0%);
 -moz-transform: translateX(0%);
 -ms-transform: translateX(0%);
 -o-transform: translateX(0%);
 transform: translateX(0%);
}
}
@-moz-keyframes slideUpReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
@-webkit-keyframes slideUpReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
@-o-keyframes slideUpReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
@-ms-keyframes slideUpReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
@keyframes slideUpReturn {
 0% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(-100%);
 -moz-transform: translateY(-100%);
 -ms-transform: translateY(-100%);
 -o-transform: translateY(-100%);
 transform: translateY(-100%);
}
 100% {
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: translateY(0%);
 -moz-transform: translateY(0%);
 -ms-transform: translateY(0%);
 -o-transform: translateY(0%);
 transform: translateY(0%);
}
}
@-moz-keyframes swap {
 0% {
 opacity: 0;
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) translate(-700px, 0px);
 -moz-transform: scale(0, 0) translate(-700px, 0px);
 -ms-transform: scale(0, 0) translate(-700px, 0px);
 -o-transform: scale(0, 0) translate(-700px, 0px);
 transform: scale(0, 0) translate(-700px, 0px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(1, 1) translate(0px, 0px);
 -moz-transform: scale(1, 1) translate(0px, 0px);
 -ms-transform: scale(1, 1) translate(0px, 0px);
 -o-transform: scale(1, 1) translate(0px, 0px);
 transform: scale(1, 1) translate(0px, 0px);
}
}
@-webkit-keyframes swap {
 0% {
 opacity: 0;
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) translate(-700px, 0px);
 -moz-transform: scale(0, 0) translate(-700px, 0px);
 -ms-transform: scale(0, 0) translate(-700px, 0px);
 -o-transform: scale(0, 0) translate(-700px, 0px);
 transform: scale(0, 0) translate(-700px, 0px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(1, 1) translate(0px, 0px);
 -moz-transform: scale(1, 1) translate(0px, 0px);
 -ms-transform: scale(1, 1) translate(0px, 0px);
 -o-transform: scale(1, 1) translate(0px, 0px);
 transform: scale(1, 1) translate(0px, 0px);
}
}
@-o-keyframes swap {
 0% {
 opacity: 0;
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) translate(-700px, 0px);
 -moz-transform: scale(0, 0) translate(-700px, 0px);
 -ms-transform: scale(0, 0) translate(-700px, 0px);
 -o-transform: scale(0, 0) translate(-700px, 0px);
 transform: scale(0, 0) translate(-700px, 0px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(1, 1) translate(0px, 0px);
 -moz-transform: scale(1, 1) translate(0px, 0px);
 -ms-transform: scale(1, 1) translate(0px, 0px);
 -o-transform: scale(1, 1) translate(0px, 0px);
 transform: scale(1, 1) translate(0px, 0px);
}
}
@-ms-keyframes swap {
 0% {
 opacity: 0;
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) translate(-700px, 0px);
 -moz-transform: scale(0, 0) translate(-700px, 0px);
 -ms-transform: scale(0, 0) translate(-700px, 0px);
 -o-transform: scale(0, 0) translate(-700px, 0px);
 transform: scale(0, 0) translate(-700px, 0px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(1, 1) translate(0px, 0px);
 -moz-transform: scale(1, 1) translate(0px, 0px);
 -ms-transform: scale(1, 1) translate(0px, 0px);
 -o-transform: scale(1, 1) translate(0px, 0px);
 transform: scale(1, 1) translate(0px, 0px);
}
}
@keyframes swap {
 0% {
 opacity: 0;
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) translate(-700px, 0px);
 -moz-transform: scale(0, 0) translate(-700px, 0px);
 -ms-transform: scale(0, 0) translate(-700px, 0px);
 -o-transform: scale(0, 0) translate(-700px, 0px);
 transform: scale(0, 0) translate(-700px, 0px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(1, 1) translate(0px, 0px);
 -moz-transform: scale(1, 1) translate(0px, 0px);
 -ms-transform: scale(1, 1) translate(0px, 0px);
 -o-transform: scale(1, 1) translate(0px, 0px);
 transform: scale(1, 1) translate(0px, 0px);
}
}
@-moz-keyframes twisterInDown {
 0% {
 opacity: 0;
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
 30% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -moz-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -ms-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -o-transform: scale(1, 1) rotate(0deg) translateY(0%);
 transform: scale(1, 1) rotate(0deg) translateY(0%);
}
}
@-webkit-keyframes twisterInDown {
 0% {
 opacity: 0;
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
 30% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -moz-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -ms-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -o-transform: scale(1, 1) rotate(0deg) translateY(0%);
 transform: scale(1, 1) rotate(0deg) translateY(0%);
}
}
@-o-keyframes twisterInDown {
 0% {
 opacity: 0;
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
 30% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -moz-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -ms-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -o-transform: scale(1, 1) rotate(0deg) translateY(0%);
 transform: scale(1, 1) rotate(0deg) translateY(0%);
}
}
@-ms-keyframes twisterInDown {
 0% {
 opacity: 0;
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
 30% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -moz-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -ms-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -o-transform: scale(1, 1) rotate(0deg) translateY(0%);
 transform: scale(1, 1) rotate(0deg) translateY(0%);
}
}
@keyframes twisterInDown {
 0% {
 opacity: 0;
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
 30% {
 -webkit-transform-origin: 0 100%;
 -moz-transform-origin: 0 100%;
 -ms-transform-origin: 0 100%;
 -o-transform-origin: 0 100%;
 transform-origin: 0 100%;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(-100%);
 transform: scale(0, 0) rotate(360deg) translateY(-100%);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -moz-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -ms-transform: scale(1, 1) rotate(0deg) translateY(0%);
 -o-transform: scale(1, 1) rotate(0deg) translateY(0%);
 transform: scale(1, 1) rotate(0deg) translateY(0%);
}
}
@-moz-keyframes twisterInUp {
 0% {
 opacity: 0;
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
 transform: scale(0, 0) rotate(360deg) translateY(100%);
}
 30% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
 transform: scale(0, 0) rotate(360deg) translateY(100%);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
 -moz-transform: scale(1, 1) rotate(0deg) translateY(0);
 -ms-transform: scale(1, 1) rotate(0deg) translateY(0);
 -o-transform: scale(1, 1) rotate(0deg) translateY(0);
 transform: scale(1, 1) rotate(0deg) translateY(0);
}
}
@-webkit-keyframes twisterInUp {
 0% {
 opacity: 0;
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
 transform: scale(0, 0) rotate(360deg) translateY(100%);
}
 30% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
 transform: scale(0, 0) rotate(360deg) translateY(100%);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
 -moz-transform: scale(1, 1) rotate(0deg) translateY(0);
 -ms-transform: scale(1, 1) rotate(0deg) translateY(0);
 -o-transform: scale(1, 1) rotate(0deg) translateY(0);
 transform: scale(1, 1) rotate(0deg) translateY(0);
}
}
@-o-keyframes twisterInUp {
 0% {
 opacity: 0;
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
 transform: scale(0, 0) rotate(360deg) translateY(100%);
}
 30% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
 transform: scale(0, 0) rotate(360deg) translateY(100%);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
 -moz-transform: scale(1, 1) rotate(0deg) translateY(0);
 -ms-transform: scale(1, 1) rotate(0deg) translateY(0);
 -o-transform: scale(1, 1) rotate(0deg) translateY(0);
 transform: scale(1, 1) rotate(0deg) translateY(0);
}
}
@-ms-keyframes twisterInUp {
 0% {
 opacity: 0;
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
 transform: scale(0, 0) rotate(360deg) translateY(100%);
}
 30% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
 transform: scale(0, 0) rotate(360deg) translateY(100%);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
 -moz-transform: scale(1, 1) rotate(0deg) translateY(0);
 -ms-transform: scale(1, 1) rotate(0deg) translateY(0);
 -o-transform: scale(1, 1) rotate(0deg) translateY(0);
 transform: scale(1, 1) rotate(0deg) translateY(0);
}
}
@keyframes twisterInUp {
 0% {
 opacity: 0;
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
 transform: scale(0, 0) rotate(360deg) translateY(100%);
}
 30% {
 -webkit-transform-origin: 100% 0;
 -moz-transform-origin: 100% 0;
 -ms-transform-origin: 100% 0;
 -o-transform-origin: 100% 0;
 transform-origin: 100% 0;
 -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -moz-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -ms-transform: scale(0, 0) rotate(360deg) translateY(100%);
 -o-transform: scale(0, 0) rotate(360deg) translateY(100%);
 transform: scale(0, 0) rotate(360deg) translateY(100%);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 0 0;
 -moz-transform-origin: 0 0;
 -ms-transform-origin: 0 0;
 -o-transform-origin: 0 0;
 transform-origin: 0 0;
 -webkit-transform: scale(1, 1) rotate(0deg) translateY(0);
 -moz-transform: scale(1, 1) rotate(0deg) translateY(0);
 -ms-transform: scale(1, 1) rotate(0deg) translateY(0);
 -o-transform: scale(1, 1) rotate(0deg) translateY(0);
 transform: scale(1, 1) rotate(0deg) translateY(0);
}
}
@-moz-keyframes vanishIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(90px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-webkit-keyframes vanishIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(90px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-o-keyframes vanishIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(90px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-ms-keyframes vanishIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(90px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@keyframes vanishIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(90px);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-moz-keyframes vanishOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(20px);
}
}
@-webkit-keyframes vanishOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(20px);
}
}
@-o-keyframes vanishOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(20px);
}
}
@-ms-keyframes vanishOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(20px);
}
}
@keyframes vanishOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(2, 2);
 -moz-transform: scale(2, 2);
 -ms-transform: scale(2, 2);
 -o-transform: scale(2, 2);
 transform: scale(2, 2);
 -webkit-filter: blur(20px);
}
}
@-moz-keyframes swashOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0.9, 0.9);
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -o-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0);
 -moz-transform: scale(0, 0);
 -ms-transform: scale(0, 0);
 -o-transform: scale(0, 0);
 transform: scale(0, 0);
}
}
@-webkit-keyframes swashOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0.9, 0.9);
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -o-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0);
 -moz-transform: scale(0, 0);
 -ms-transform: scale(0, 0);
 -o-transform: scale(0, 0);
 transform: scale(0, 0);
}
}
@-o-keyframes swashOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0.9, 0.9);
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -o-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0);
 -moz-transform: scale(0, 0);
 -ms-transform: scale(0, 0);
 -o-transform: scale(0, 0);
 transform: scale(0, 0);
}
}
@-ms-keyframes swashOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0.9, 0.9);
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -o-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0);
 -moz-transform: scale(0, 0);
 -ms-transform: scale(0, 0);
 -o-transform: scale(0, 0);
 transform: scale(0, 0);
}
}
@keyframes swashOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0.9, 0.9);
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -o-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0);
 -moz-transform: scale(0, 0);
 -ms-transform: scale(0, 0);
 -o-transform: scale(0, 0);
 transform: scale(0, 0);
}
}
@-moz-keyframes swashIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0);
 -moz-transform: scale(0, 0);
 -ms-transform: scale(0, 0);
 -o-transform: scale(0, 0);
 transform: scale(0, 0);
}
 90% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0.9, 0.9);
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -o-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
}
 100% {
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-webkit-keyframes swashIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0);
 -moz-transform: scale(0, 0);
 -ms-transform: scale(0, 0);
 -o-transform: scale(0, 0);
 transform: scale(0, 0);
}
 90% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0.9, 0.9);
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -o-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
}
 100% {
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-o-keyframes swashIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0);
 -moz-transform: scale(0, 0);
 -ms-transform: scale(0, 0);
 -o-transform: scale(0, 0);
 transform: scale(0, 0);
}
 90% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0.9, 0.9);
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -o-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
}
 100% {
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-ms-keyframes swashIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0);
 -moz-transform: scale(0, 0);
 -ms-transform: scale(0, 0);
 -o-transform: scale(0, 0);
 transform: scale(0, 0);
}
 90% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0.9, 0.9);
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -o-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
}
 100% {
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@keyframes swashIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0);
 -moz-transform: scale(0, 0);
 -ms-transform: scale(0, 0);
 -o-transform: scale(0, 0);
 transform: scale(0, 0);
}
 90% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0.9, 0.9);
 -moz-transform: scale(0.9, 0.9);
 -ms-transform: scale(0.9, 0.9);
 -o-transform: scale(0.9, 0.9);
 transform: scale(0.9, 0.9);
}
 100% {
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1);
 -moz-transform: scale(1, 1);
 -ms-transform: scale(1, 1);
 -o-transform: scale(1, 1);
 transform: scale(1, 1);
}
}
@-moz-keyframes foolishOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotate(360deg);
 -moz-transform: scale(1, 1) rotate(360deg);
 -ms-transform: scale(1, 1) rotate(360deg);
 -o-transform: scale(1, 1) rotate(360deg);
 transform: scale(1, 1) rotate(360deg);
}
 20% {
 opacity: 1;
 -webkit-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 40% {
 opacity: 1;
 -webkit-transform-origin: 100% 0%;
 -moz-transform-origin: 100% 0%;
 -ms-transform-origin: 100% 0%;
 -o-transform-origin: 100% 0%;
 transform-origin: 100% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 60% {
 opacity: 1;
 -webkit-transform-origin: 0%;
 -moz-transform-origin: 0%;
 -ms-transform-origin: 0%;
 -o-transform-origin: 0%;
 transform-origin: 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotate(0deg);
 -moz-transform: scale(0, 0) rotate(0deg);
 -ms-transform: scale(0, 0) rotate(0deg);
 -o-transform: scale(0, 0) rotate(0deg);
 transform: scale(0, 0) rotate(0deg);
}
}
@-webkit-keyframes foolishOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotate(360deg);
 -moz-transform: scale(1, 1) rotate(360deg);
 -ms-transform: scale(1, 1) rotate(360deg);
 -o-transform: scale(1, 1) rotate(360deg);
 transform: scale(1, 1) rotate(360deg);
}
 20% {
 opacity: 1;
 -webkit-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 40% {
 opacity: 1;
 -webkit-transform-origin: 100% 0%;
 -moz-transform-origin: 100% 0%;
 -ms-transform-origin: 100% 0%;
 -o-transform-origin: 100% 0%;
 transform-origin: 100% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 60% {
 opacity: 1;
 -webkit-transform-origin: 0%;
 -moz-transform-origin: 0%;
 -ms-transform-origin: 0%;
 -o-transform-origin: 0%;
 transform-origin: 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotate(0deg);
 -moz-transform: scale(0, 0) rotate(0deg);
 -ms-transform: scale(0, 0) rotate(0deg);
 -o-transform: scale(0, 0) rotate(0deg);
 transform: scale(0, 0) rotate(0deg);
}
}
@-o-keyframes foolishOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotate(360deg);
 -moz-transform: scale(1, 1) rotate(360deg);
 -ms-transform: scale(1, 1) rotate(360deg);
 -o-transform: scale(1, 1) rotate(360deg);
 transform: scale(1, 1) rotate(360deg);
}
 20% {
 opacity: 1;
 -webkit-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 40% {
 opacity: 1;
 -webkit-transform-origin: 100% 0%;
 -moz-transform-origin: 100% 0%;
 -ms-transform-origin: 100% 0%;
 -o-transform-origin: 100% 0%;
 transform-origin: 100% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 60% {
 opacity: 1;
 -webkit-transform-origin: 0%;
 -moz-transform-origin: 0%;
 -ms-transform-origin: 0%;
 -o-transform-origin: 0%;
 transform-origin: 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotate(0deg);
 -moz-transform: scale(0, 0) rotate(0deg);
 -ms-transform: scale(0, 0) rotate(0deg);
 -o-transform: scale(0, 0) rotate(0deg);
 transform: scale(0, 0) rotate(0deg);
}
}
@-ms-keyframes foolishOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotate(360deg);
 -moz-transform: scale(1, 1) rotate(360deg);
 -ms-transform: scale(1, 1) rotate(360deg);
 -o-transform: scale(1, 1) rotate(360deg);
 transform: scale(1, 1) rotate(360deg);
}
 20% {
 opacity: 1;
 -webkit-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 40% {
 opacity: 1;
 -webkit-transform-origin: 100% 0%;
 -moz-transform-origin: 100% 0%;
 -ms-transform-origin: 100% 0%;
 -o-transform-origin: 100% 0%;
 transform-origin: 100% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 60% {
 opacity: 1;
 -webkit-transform-origin: 0%;
 -moz-transform-origin: 0%;
 -ms-transform-origin: 0%;
 -o-transform-origin: 0%;
 transform-origin: 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotate(0deg);
 -moz-transform: scale(0, 0) rotate(0deg);
 -ms-transform: scale(0, 0) rotate(0deg);
 -o-transform: scale(0, 0) rotate(0deg);
 transform: scale(0, 0) rotate(0deg);
}
}
@keyframes foolishOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotate(360deg);
 -moz-transform: scale(1, 1) rotate(360deg);
 -ms-transform: scale(1, 1) rotate(360deg);
 -o-transform: scale(1, 1) rotate(360deg);
 transform: scale(1, 1) rotate(360deg);
}
 20% {
 opacity: 1;
 -webkit-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 40% {
 opacity: 1;
 -webkit-transform-origin: 100% 0%;
 -moz-transform-origin: 100% 0%;
 -ms-transform-origin: 100% 0%;
 -o-transform-origin: 100% 0%;
 transform-origin: 100% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 60% {
 opacity: 1;
 -webkit-transform-origin: 0%;
 -moz-transform-origin: 0%;
 -ms-transform-origin: 0%;
 -o-transform-origin: 0%;
 transform-origin: 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotate(0deg);
 -moz-transform: scale(0, 0) rotate(0deg);
 -ms-transform: scale(0, 0) rotate(0deg);
 -o-transform: scale(0, 0) rotate(0deg);
 transform: scale(0, 0) rotate(0deg);
}
}
@-moz-keyframes foolishIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotate(360deg);
 -moz-transform: scale(0, 0) rotate(360deg);
 -ms-transform: scale(0, 0) rotate(360deg);
 -o-transform: scale(0, 0) rotate(360deg);
 transform: scale(0, 0) rotate(360deg);
}
 20% {
 opacity: 1;
 -webkit-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 40% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 60% {
 opacity: 1;
 -webkit-transform-origin: 0%;
 -moz-transform-origin: 0%;
 -ms-transform-origin: 0%;
 -o-transform-origin: 0%;
 transform-origin: 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotate(0deg);
 -moz-transform: scale(1, 1) rotate(0deg);
 -ms-transform: scale(1, 1) rotate(0deg);
 -o-transform: scale(1, 1) rotate(0deg);
 transform: scale(1, 1) rotate(0deg);
}
}
@-webkit-keyframes foolishIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotate(360deg);
 -moz-transform: scale(0, 0) rotate(360deg);
 -ms-transform: scale(0, 0) rotate(360deg);
 -o-transform: scale(0, 0) rotate(360deg);
 transform: scale(0, 0) rotate(360deg);
}
 20% {
 opacity: 1;
 -webkit-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 40% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 60% {
 opacity: 1;
 -webkit-transform-origin: 0%;
 -moz-transform-origin: 0%;
 -ms-transform-origin: 0%;
 -o-transform-origin: 0%;
 transform-origin: 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotate(0deg);
 -moz-transform: scale(1, 1) rotate(0deg);
 -ms-transform: scale(1, 1) rotate(0deg);
 -o-transform: scale(1, 1) rotate(0deg);
 transform: scale(1, 1) rotate(0deg);
}
}
@-o-keyframes foolishIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotate(360deg);
 -moz-transform: scale(0, 0) rotate(360deg);
 -ms-transform: scale(0, 0) rotate(360deg);
 -o-transform: scale(0, 0) rotate(360deg);
 transform: scale(0, 0) rotate(360deg);
}
 20% {
 opacity: 1;
 -webkit-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 40% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 60% {
 opacity: 1;
 -webkit-transform-origin: 0%;
 -moz-transform-origin: 0%;
 -ms-transform-origin: 0%;
 -o-transform-origin: 0%;
 transform-origin: 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotate(0deg);
 -moz-transform: scale(1, 1) rotate(0deg);
 -ms-transform: scale(1, 1) rotate(0deg);
 -o-transform: scale(1, 1) rotate(0deg);
 transform: scale(1, 1) rotate(0deg);
}
}
@-ms-keyframes foolishIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotate(360deg);
 -moz-transform: scale(0, 0) rotate(360deg);
 -ms-transform: scale(0, 0) rotate(360deg);
 -o-transform: scale(0, 0) rotate(360deg);
 transform: scale(0, 0) rotate(360deg);
}
 20% {
 opacity: 1;
 -webkit-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 40% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 60% {
 opacity: 1;
 -webkit-transform-origin: 0%;
 -moz-transform-origin: 0%;
 -ms-transform-origin: 0%;
 -o-transform-origin: 0%;
 transform-origin: 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotate(0deg);
 -moz-transform: scale(1, 1) rotate(0deg);
 -ms-transform: scale(1, 1) rotate(0deg);
 -o-transform: scale(1, 1) rotate(0deg);
 transform: scale(1, 1) rotate(0deg);
}
}
@keyframes foolishIn {
 0% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotate(360deg);
 -moz-transform: scale(0, 0) rotate(360deg);
 -ms-transform: scale(0, 0) rotate(360deg);
 -o-transform: scale(0, 0) rotate(360deg);
 transform: scale(0, 0) rotate(360deg);
}
 20% {
 opacity: 1;
 -webkit-transform-origin: 0% 100%;
 -moz-transform-origin: 0% 100%;
 -ms-transform-origin: 0% 100%;
 -o-transform-origin: 0% 100%;
 transform-origin: 0% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 40% {
 opacity: 1;
 -webkit-transform-origin: 100% 100%;
 -moz-transform-origin: 100% 100%;
 -ms-transform-origin: 100% 100%;
 -o-transform-origin: 100% 100%;
 transform-origin: 100% 100%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 60% {
 opacity: 1;
 -webkit-transform-origin: 0%;
 -moz-transform-origin: 0%;
 -ms-transform-origin: 0%;
 -o-transform-origin: 0%;
 transform-origin: 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 80% {
 opacity: 1;
 -webkit-transform-origin: 0% 0%;
 -moz-transform-origin: 0% 0%;
 -ms-transform-origin: 0% 0%;
 -o-transform-origin: 0% 0%;
 transform-origin: 0% 0%;
 -webkit-transform: scale(0.5, 0.5) rotate(0deg);
 -moz-transform: scale(0.5, 0.5) rotate(0deg);
 -ms-transform: scale(0.5, 0.5) rotate(0deg);
 -o-transform: scale(0.5, 0.5) rotate(0deg);
 transform: scale(0.5, 0.5) rotate(0deg);
}
 100% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotate(0deg);
 -moz-transform: scale(1, 1) rotate(0deg);
 -ms-transform: scale(1, 1) rotate(0deg);
 -o-transform: scale(1, 1) rotate(0deg);
 transform: scale(1, 1) rotate(0deg);
}
}
@-moz-keyframes holeOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotateY(0deg);
 -moz-transform: scale(1, 1) rotateY(0deg);
 -ms-transform: scale(1, 1) rotateY(0deg);
 -o-transform: scale(1, 1) rotateY(0deg);
 transform: scale(1, 1) rotateY(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotateY(180deg);
 -moz-transform: scale(0, 0) rotateY(180deg);
 -ms-transform: scale(0, 0) rotateY(180deg);
 -o-transform: scale(0, 0) rotateY(180deg);
 transform: scale(0, 0) rotateY(180deg);
}
}
@-webkit-keyframes holeOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotateY(0deg);
 -moz-transform: scale(1, 1) rotateY(0deg);
 -ms-transform: scale(1, 1) rotateY(0deg);
 -o-transform: scale(1, 1) rotateY(0deg);
 transform: scale(1, 1) rotateY(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotateY(180deg);
 -moz-transform: scale(0, 0) rotateY(180deg);
 -ms-transform: scale(0, 0) rotateY(180deg);
 -o-transform: scale(0, 0) rotateY(180deg);
 transform: scale(0, 0) rotateY(180deg);
}
}
@-o-keyframes holeOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotateY(0deg);
 -moz-transform: scale(1, 1) rotateY(0deg);
 -ms-transform: scale(1, 1) rotateY(0deg);
 -o-transform: scale(1, 1) rotateY(0deg);
 transform: scale(1, 1) rotateY(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotateY(180deg);
 -moz-transform: scale(0, 0) rotateY(180deg);
 -ms-transform: scale(0, 0) rotateY(180deg);
 -o-transform: scale(0, 0) rotateY(180deg);
 transform: scale(0, 0) rotateY(180deg);
}
}
@-ms-keyframes holeOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotateY(0deg);
 -moz-transform: scale(1, 1) rotateY(0deg);
 -ms-transform: scale(1, 1) rotateY(0deg);
 -o-transform: scale(1, 1) rotateY(0deg);
 transform: scale(1, 1) rotateY(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotateY(180deg);
 -moz-transform: scale(0, 0) rotateY(180deg);
 -ms-transform: scale(0, 0) rotateY(180deg);
 -o-transform: scale(0, 0) rotateY(180deg);
 transform: scale(0, 0) rotateY(180deg);
}
}
@keyframes holeOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(1, 1) rotateY(0deg);
 -moz-transform: scale(1, 1) rotateY(0deg);
 -ms-transform: scale(1, 1) rotateY(0deg);
 -o-transform: scale(1, 1) rotateY(0deg);
 transform: scale(1, 1) rotateY(0deg);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: scale(0, 0) rotateY(180deg);
 -moz-transform: scale(0, 0) rotateY(180deg);
 -ms-transform: scale(0, 0) rotateY(180deg);
 -o-transform: scale(0, 0) rotateY(180deg);
 transform: scale(0, 0) rotateY(180deg);
}
}
@-moz-keyframes tinRightOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(900%);
 -moz-transform: scale(1, 1) translateX(900%);
 -ms-transform: scale(1, 1) translateX(900%);
 -o-transform: scale(1, 1) translateX(900%);
 transform: scale(1, 1) translateX(900%);
}
}
@-webkit-keyframes tinRightOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(900%);
 -moz-transform: scale(1, 1) translateX(900%);
 -ms-transform: scale(1, 1) translateX(900%);
 -o-transform: scale(1, 1) translateX(900%);
 transform: scale(1, 1) translateX(900%);
}
}
@-o-keyframes tinRightOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(900%);
 -moz-transform: scale(1, 1) translateX(900%);
 -ms-transform: scale(1, 1) translateX(900%);
 -o-transform: scale(1, 1) translateX(900%);
 transform: scale(1, 1) translateX(900%);
}
}
@-ms-keyframes tinRightOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(900%);
 -moz-transform: scale(1, 1) translateX(900%);
 -ms-transform: scale(1, 1) translateX(900%);
 -o-transform: scale(1, 1) translateX(900%);
 transform: scale(1, 1) translateX(900%);
}
}
@keyframes tinRightOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(900%);
 -moz-transform: scale(1, 1) translateX(900%);
 -ms-transform: scale(1, 1) translateX(900%);
 -o-transform: scale(1, 1) translateX(900%);
 transform: scale(1, 1) translateX(900%);
}
}
@-moz-keyframes tinLeftOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(-900%);
 -moz-transform: scale(1, 1) translateX(-900%);
 -ms-transform: scale(1, 1) translateX(-900%);
 -o-transform: scale(1, 1) translateX(-900%);
 transform: scale(1, 1) translateX(-900%);
}
}
@-webkit-keyframes tinLeftOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(-900%);
 -moz-transform: scale(1, 1) translateX(-900%);
 -ms-transform: scale(1, 1) translateX(-900%);
 -o-transform: scale(1, 1) translateX(-900%);
 transform: scale(1, 1) translateX(-900%);
}
}
@-o-keyframes tinLeftOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(-900%);
 -moz-transform: scale(1, 1) translateX(-900%);
 -ms-transform: scale(1, 1) translateX(-900%);
 -o-transform: scale(1, 1) translateX(-900%);
 transform: scale(1, 1) translateX(-900%);
}
}
@-ms-keyframes tinLeftOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(-900%);
 -moz-transform: scale(1, 1) translateX(-900%);
 -ms-transform: scale(1, 1) translateX(-900%);
 -o-transform: scale(1, 1) translateX(-900%);
 transform: scale(1, 1) translateX(-900%);
}
}
@keyframes tinLeftOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(-900%);
 -moz-transform: scale(1, 1) translateX(-900%);
 -ms-transform: scale(1, 1) translateX(-900%);
 -o-transform: scale(1, 1) translateX(-900%);
 transform: scale(1, 1) translateX(-900%);
}
}
@-moz-keyframes tinUpOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(-900%);
 -moz-transform: scale(1, 1) translateY(-900%);
 -ms-transform: scale(1, 1) translateY(-900%);
 -o-transform: scale(1, 1) translateY(-900%);
 transform: scale(1, 1) translateY(-900%);
}
}
@-webkit-keyframes tinUpOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(-900%);
 -moz-transform: scale(1, 1) translateY(-900%);
 -ms-transform: scale(1, 1) translateY(-900%);
 -o-transform: scale(1, 1) translateY(-900%);
 transform: scale(1, 1) translateY(-900%);
}
}
@-o-keyframes tinUpOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(-900%);
 -moz-transform: scale(1, 1) translateY(-900%);
 -ms-transform: scale(1, 1) translateY(-900%);
 -o-transform: scale(1, 1) translateY(-900%);
 transform: scale(1, 1) translateY(-900%);
}
}
@-ms-keyframes tinUpOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(-900%);
 -moz-transform: scale(1, 1) translateY(-900%);
 -ms-transform: scale(1, 1) translateY(-900%);
 -o-transform: scale(1, 1) translateY(-900%);
 transform: scale(1, 1) translateY(-900%);
}
}
@keyframes tinUpOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(-900%);
 -moz-transform: scale(1, 1) translateY(-900%);
 -ms-transform: scale(1, 1) translateY(-900%);
 -o-transform: scale(1, 1) translateY(-900%);
 transform: scale(1, 1) translateY(-900%);
}
}
@-moz-keyframes tinDownOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(900%);
 -moz-transform: scale(1, 1) translateY(900%);
 -ms-transform: scale(1, 1) translateY(900%);
 -o-transform: scale(1, 1) translateY(900%);
 transform: scale(1, 1) translateY(900%);
}
}
@-webkit-keyframes tinDownOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(900%);
 -moz-transform: scale(1, 1) translateY(900%);
 -ms-transform: scale(1, 1) translateY(900%);
 -o-transform: scale(1, 1) translateY(900%);
 transform: scale(1, 1) translateY(900%);
}
}
@-o-keyframes tinDownOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(900%);
 -moz-transform: scale(1, 1) translateY(900%);
 -ms-transform: scale(1, 1) translateY(900%);
 -o-transform: scale(1, 1) translateY(900%);
 transform: scale(1, 1) translateY(900%);
}
}
@-ms-keyframes tinDownOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(900%);
 -moz-transform: scale(1, 1) translateY(900%);
 -ms-transform: scale(1, 1) translateY(900%);
 -o-transform: scale(1, 1) translateY(900%);
 transform: scale(1, 1) translateY(900%);
}
}
@keyframes tinDownOut {
 0%, 20%, 40%, 50% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
 10%, 30% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 100% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(900%);
 -moz-transform: scale(1, 1) translateY(900%);
 -ms-transform: scale(1, 1) translateY(900%);
 -o-transform: scale(1, 1) translateY(900%);
 transform: scale(1, 1) translateY(900%);
}
}
@-moz-keyframes tinRightIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(900%);
 -moz-transform: scale(1, 1) translateX(900%);
 -ms-transform: scale(1, 1) translateX(900%);
 -o-transform: scale(1, 1) translateX(900%);
 transform: scale(1, 1) translateX(900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
}
@-webkit-keyframes tinRightIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(900%);
 -moz-transform: scale(1, 1) translateX(900%);
 -ms-transform: scale(1, 1) translateX(900%);
 -o-transform: scale(1, 1) translateX(900%);
 transform: scale(1, 1) translateX(900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
}
@-o-keyframes tinRightIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(900%);
 -moz-transform: scale(1, 1) translateX(900%);
 -ms-transform: scale(1, 1) translateX(900%);
 -o-transform: scale(1, 1) translateX(900%);
 transform: scale(1, 1) translateX(900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
}
@-ms-keyframes tinRightIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(900%);
 -moz-transform: scale(1, 1) translateX(900%);
 -ms-transform: scale(1, 1) translateX(900%);
 -o-transform: scale(1, 1) translateX(900%);
 transform: scale(1, 1) translateX(900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
}
@keyframes tinRightIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(900%);
 -moz-transform: scale(1, 1) translateX(900%);
 -ms-transform: scale(1, 1) translateX(900%);
 -o-transform: scale(1, 1) translateX(900%);
 transform: scale(1, 1) translateX(900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
}
@-moz-keyframes tinLeftIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(-900%);
 -moz-transform: scale(1, 1) translateX(-900%);
 -ms-transform: scale(1, 1) translateX(-900%);
 -o-transform: scale(1, 1) translateX(-900%);
 transform: scale(1, 1) translateX(-900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
}
@-webkit-keyframes tinLeftIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(-900%);
 -moz-transform: scale(1, 1) translateX(-900%);
 -ms-transform: scale(1, 1) translateX(-900%);
 -o-transform: scale(1, 1) translateX(-900%);
 transform: scale(1, 1) translateX(-900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
}
@-o-keyframes tinLeftIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(-900%);
 -moz-transform: scale(1, 1) translateX(-900%);
 -ms-transform: scale(1, 1) translateX(-900%);
 -o-transform: scale(1, 1) translateX(-900%);
 transform: scale(1, 1) translateX(-900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
}
@-ms-keyframes tinLeftIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(-900%);
 -moz-transform: scale(1, 1) translateX(-900%);
 -ms-transform: scale(1, 1) translateX(-900%);
 -o-transform: scale(1, 1) translateX(-900%);
 transform: scale(1, 1) translateX(-900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
}
@keyframes tinLeftIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateX(-900%);
 -moz-transform: scale(1, 1) translateX(-900%);
 -ms-transform: scale(1, 1) translateX(-900%);
 -o-transform: scale(1, 1) translateX(-900%);
 transform: scale(1, 1) translateX(-900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateX(0);
 -moz-transform: scale(1.1, 1.1) translateX(0);
 -ms-transform: scale(1.1, 1.1) translateX(0);
 -o-transform: scale(1.1, 1.1) translateX(0);
 transform: scale(1.1, 1.1) translateX(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateX(0);
 -moz-transform: scale(1, 1) translateX(0);
 -ms-transform: scale(1, 1) translateX(0);
 -o-transform: scale(1, 1) translateX(0);
 transform: scale(1, 1) translateX(0);
}
}
@-moz-keyframes tinUpIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(-900%);
 -moz-transform: scale(1, 1) translateY(-900%);
 -ms-transform: scale(1, 1) translateY(-900%);
 -o-transform: scale(1, 1) translateY(-900%);
 transform: scale(1, 1) translateY(-900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
}
@-webkit-keyframes tinUpIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(-900%);
 -moz-transform: scale(1, 1) translateY(-900%);
 -ms-transform: scale(1, 1) translateY(-900%);
 -o-transform: scale(1, 1) translateY(-900%);
 transform: scale(1, 1) translateY(-900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
}
@-o-keyframes tinUpIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(-900%);
 -moz-transform: scale(1, 1) translateY(-900%);
 -ms-transform: scale(1, 1) translateY(-900%);
 -o-transform: scale(1, 1) translateY(-900%);
 transform: scale(1, 1) translateY(-900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
}
@-ms-keyframes tinUpIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(-900%);
 -moz-transform: scale(1, 1) translateY(-900%);
 -ms-transform: scale(1, 1) translateY(-900%);
 -o-transform: scale(1, 1) translateY(-900%);
 transform: scale(1, 1) translateY(-900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
}
@keyframes tinUpIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(-900%);
 -moz-transform: scale(1, 1) translateY(-900%);
 -ms-transform: scale(1, 1) translateY(-900%);
 -o-transform: scale(1, 1) translateY(-900%);
 transform: scale(1, 1) translateY(-900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
}
@-moz-keyframes tinDownIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(900%);
 -moz-transform: scale(1, 1) translateY(900%);
 -ms-transform: scale(1, 1) translateY(900%);
 -o-transform: scale(1, 1) translateY(900%);
 transform: scale(1, 1) translateY(900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
}
@-webkit-keyframes tinDownIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(900%);
 -moz-transform: scale(1, 1) translateY(900%);
 -ms-transform: scale(1, 1) translateY(900%);
 -o-transform: scale(1, 1) translateY(900%);
 transform: scale(1, 1) translateY(900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
}
@-o-keyframes tinDownIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(900%);
 -moz-transform: scale(1, 1) translateY(900%);
 -ms-transform: scale(1, 1) translateY(900%);
 -o-transform: scale(1, 1) translateY(900%);
 transform: scale(1, 1) translateY(900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
}
@-ms-keyframes tinDownIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(900%);
 -moz-transform: scale(1, 1) translateY(900%);
 -ms-transform: scale(1, 1) translateY(900%);
 -o-transform: scale(1, 1) translateY(900%);
 transform: scale(1, 1) translateY(900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
}
@keyframes tinDownIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(1, 1) translateY(900%);
 -moz-transform: scale(1, 1) translateY(900%);
 -ms-transform: scale(1, 1) translateY(900%);
 -o-transform: scale(1, 1) translateY(900%);
 transform: scale(1, 1) translateY(900%);
}
 50%, 70%, 90% {
 opacity: 1;
 -webkit-transform: scale(1.1, 1.1) translateY(0);
 -moz-transform: scale(1.1, 1.1) translateY(0);
 -ms-transform: scale(1.1, 1.1) translateY(0);
 -o-transform: scale(1.1, 1.1) translateY(0);
 transform: scale(1.1, 1.1) translateY(0);
}
 60%, 80%, 100% {
 opacity: 1;
 -webkit-transform: scale(1, 1) translateY(0);
 -moz-transform: scale(1, 1) translateY(0);
 -ms-transform: scale(1, 1) translateY(0);
 -o-transform: scale(1, 1) translateY(0);
 transform: scale(1, 1) translateY(0);
}
}
@-moz-keyframes bombRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-filter: blur(0px);
}
 50% {
 opacity: 1;
 -webkit-transform-origin: 200% 50%;
 -moz-transform-origin: 200% 50%;
 -ms-transform-origin: 200% 50%;
 -o-transform-origin: 200% 50%;
 transform-origin: 200% 50%;
 -webkit-transform: rotate(160deg);
 -moz-transform: rotate(160deg);
 -ms-transform: rotate(160deg);
 -o-transform: rotate(160deg);
 transform: rotate(160deg);
 -webkit-filter: blur(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 200% 50%;
 -moz-transform-origin: 200% 50%;
 -ms-transform-origin: 200% 50%;
 -o-transform-origin: 200% 50%;
 transform-origin: 200% 50%;
 -webkit-transform: rotate(160deg);
 -moz-transform: rotate(160deg);
 -ms-transform: rotate(160deg);
 -o-transform: rotate(160deg);
 transform: rotate(160deg);
 -webkit-filter: blur(20px);
}
}
@-webkit-keyframes bombRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-filter: blur(0px);
}
 50% {
 opacity: 1;
 -webkit-transform-origin: 200% 50%;
 -moz-transform-origin: 200% 50%;
 -ms-transform-origin: 200% 50%;
 -o-transform-origin: 200% 50%;
 transform-origin: 200% 50%;
 -webkit-transform: rotate(160deg);
 -moz-transform: rotate(160deg);
 -ms-transform: rotate(160deg);
 -o-transform: rotate(160deg);
 transform: rotate(160deg);
 -webkit-filter: blur(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 200% 50%;
 -moz-transform-origin: 200% 50%;
 -ms-transform-origin: 200% 50%;
 -o-transform-origin: 200% 50%;
 transform-origin: 200% 50%;
 -webkit-transform: rotate(160deg);
 -moz-transform: rotate(160deg);
 -ms-transform: rotate(160deg);
 -o-transform: rotate(160deg);
 transform: rotate(160deg);
 -webkit-filter: blur(20px);
}
}
@-o-keyframes bombRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-filter: blur(0px);
}
 50% {
 opacity: 1;
 -webkit-transform-origin: 200% 50%;
 -moz-transform-origin: 200% 50%;
 -ms-transform-origin: 200% 50%;
 -o-transform-origin: 200% 50%;
 transform-origin: 200% 50%;
 -webkit-transform: rotate(160deg);
 -moz-transform: rotate(160deg);
 -ms-transform: rotate(160deg);
 -o-transform: rotate(160deg);
 transform: rotate(160deg);
 -webkit-filter: blur(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 200% 50%;
 -moz-transform-origin: 200% 50%;
 -ms-transform-origin: 200% 50%;
 -o-transform-origin: 200% 50%;
 transform-origin: 200% 50%;
 -webkit-transform: rotate(160deg);
 -moz-transform: rotate(160deg);
 -ms-transform: rotate(160deg);
 -o-transform: rotate(160deg);
 transform: rotate(160deg);
 -webkit-filter: blur(20px);
}
}
@-ms-keyframes bombRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-filter: blur(0px);
}
 50% {
 opacity: 1;
 -webkit-transform-origin: 200% 50%;
 -moz-transform-origin: 200% 50%;
 -ms-transform-origin: 200% 50%;
 -o-transform-origin: 200% 50%;
 transform-origin: 200% 50%;
 -webkit-transform: rotate(160deg);
 -moz-transform: rotate(160deg);
 -ms-transform: rotate(160deg);
 -o-transform: rotate(160deg);
 transform: rotate(160deg);
 -webkit-filter: blur(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 200% 50%;
 -moz-transform-origin: 200% 50%;
 -ms-transform-origin: 200% 50%;
 -o-transform-origin: 200% 50%;
 transform-origin: 200% 50%;
 -webkit-transform: rotate(160deg);
 -moz-transform: rotate(160deg);
 -ms-transform: rotate(160deg);
 -o-transform: rotate(160deg);
 transform: rotate(160deg);
 -webkit-filter: blur(20px);
}
}
@keyframes bombRightOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-filter: blur(0px);
}
 50% {
 opacity: 1;
 -webkit-transform-origin: 200% 50%;
 -moz-transform-origin: 200% 50%;
 -ms-transform-origin: 200% 50%;
 -o-transform-origin: 200% 50%;
 transform-origin: 200% 50%;
 -webkit-transform: rotate(160deg);
 -moz-transform: rotate(160deg);
 -ms-transform: rotate(160deg);
 -o-transform: rotate(160deg);
 transform: rotate(160deg);
 -webkit-filter: blur(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: 200% 50%;
 -moz-transform-origin: 200% 50%;
 -ms-transform-origin: 200% 50%;
 -o-transform-origin: 200% 50%;
 transform-origin: 200% 50%;
 -webkit-transform: rotate(160deg);
 -moz-transform: rotate(160deg);
 -ms-transform: rotate(160deg);
 -o-transform: rotate(160deg);
 transform: rotate(160deg);
 -webkit-filter: blur(20px);
}
}
@-moz-keyframes bombLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-filter: blur(0px);
}
 50% {
 opacity: 1;
 -webkit-transform-origin: -100% 50%;
 -moz-transform-origin: -100% 50%;
 -ms-transform-origin: -100% 50%;
 -o-transform-origin: -100% 50%;
 transform-origin: -100% 50%;
 -webkit-transform: rotate(-160deg);
 -moz-transform: rotate(-160deg);
 -ms-transform: rotate(-160deg);
 -o-transform: rotate(-160deg);
 transform: rotate(-160deg);
 -webkit-filter: blur(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: -100% 50%;
 -moz-transform-origin: -100% 50%;
 -ms-transform-origin: -100% 50%;
 -o-transform-origin: -100% 50%;
 transform-origin: -100% 50%;
 -webkit-transform: rotate(-160deg);
 -moz-transform: rotate(-160deg);
 -ms-transform: rotate(-160deg);
 -o-transform: rotate(-160deg);
 transform: rotate(-160deg);
 -webkit-filter: blur(20px);
}
}
@-webkit-keyframes bombLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-filter: blur(0px);
}
 50% {
 opacity: 1;
 -webkit-transform-origin: -100% 50%;
 -moz-transform-origin: -100% 50%;
 -ms-transform-origin: -100% 50%;
 -o-transform-origin: -100% 50%;
 transform-origin: -100% 50%;
 -webkit-transform: rotate(-160deg);
 -moz-transform: rotate(-160deg);
 -ms-transform: rotate(-160deg);
 -o-transform: rotate(-160deg);
 transform: rotate(-160deg);
 -webkit-filter: blur(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: -100% 50%;
 -moz-transform-origin: -100% 50%;
 -ms-transform-origin: -100% 50%;
 -o-transform-origin: -100% 50%;
 transform-origin: -100% 50%;
 -webkit-transform: rotate(-160deg);
 -moz-transform: rotate(-160deg);
 -ms-transform: rotate(-160deg);
 -o-transform: rotate(-160deg);
 transform: rotate(-160deg);
 -webkit-filter: blur(20px);
}
}
@-o-keyframes bombLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-filter: blur(0px);
}
 50% {
 opacity: 1;
 -webkit-transform-origin: -100% 50%;
 -moz-transform-origin: -100% 50%;
 -ms-transform-origin: -100% 50%;
 -o-transform-origin: -100% 50%;
 transform-origin: -100% 50%;
 -webkit-transform: rotate(-160deg);
 -moz-transform: rotate(-160deg);
 -ms-transform: rotate(-160deg);
 -o-transform: rotate(-160deg);
 transform: rotate(-160deg);
 -webkit-filter: blur(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: -100% 50%;
 -moz-transform-origin: -100% 50%;
 -ms-transform-origin: -100% 50%;
 -o-transform-origin: -100% 50%;
 transform-origin: -100% 50%;
 -webkit-transform: rotate(-160deg);
 -moz-transform: rotate(-160deg);
 -ms-transform: rotate(-160deg);
 -o-transform: rotate(-160deg);
 transform: rotate(-160deg);
 -webkit-filter: blur(20px);
}
}
@-ms-keyframes bombLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-filter: blur(0px);
}
 50% {
 opacity: 1;
 -webkit-transform-origin: -100% 50%;
 -moz-transform-origin: -100% 50%;
 -ms-transform-origin: -100% 50%;
 -o-transform-origin: -100% 50%;
 transform-origin: -100% 50%;
 -webkit-transform: rotate(-160deg);
 -moz-transform: rotate(-160deg);
 -ms-transform: rotate(-160deg);
 -o-transform: rotate(-160deg);
 transform: rotate(-160deg);
 -webkit-filter: blur(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: -100% 50%;
 -moz-transform-origin: -100% 50%;
 -ms-transform-origin: -100% 50%;
 -o-transform-origin: -100% 50%;
 transform-origin: -100% 50%;
 -webkit-transform: rotate(-160deg);
 -moz-transform: rotate(-160deg);
 -ms-transform: rotate(-160deg);
 -o-transform: rotate(-160deg);
 transform: rotate(-160deg);
 -webkit-filter: blur(20px);
}
}
@keyframes bombLeftOut {
 0% {
 opacity: 1;
 -webkit-transform-origin: 50% 50%;
 -moz-transform-origin: 50% 50%;
 -ms-transform-origin: 50% 50%;
 -o-transform-origin: 50% 50%;
 transform-origin: 50% 50%;
 -webkit-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -ms-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
 -webkit-filter: blur(0px);
}
 50% {
 opacity: 1;
 -webkit-transform-origin: -100% 50%;
 -moz-transform-origin: -100% 50%;
 -ms-transform-origin: -100% 50%;
 -o-transform-origin: -100% 50%;
 transform-origin: -100% 50%;
 -webkit-transform: rotate(-160deg);
 -moz-transform: rotate(-160deg);
 -ms-transform: rotate(-160deg);
 -o-transform: rotate(-160deg);
 transform: rotate(-160deg);
 -webkit-filter: blur(0px);
}
 100% {
 opacity: 0;
 -webkit-transform-origin: -100% 50%;
 -moz-transform-origin: -100% 50%;
 -ms-transform-origin: -100% 50%;
 -o-transform-origin: -100% 50%;
 transform-origin: -100% 50%;
 -webkit-transform: rotate(-160deg);
 -moz-transform: rotate(-160deg);
 -ms-transform: rotate(-160deg);
 -o-transform: rotate(-160deg);
 transform: rotate(-160deg);
 -webkit-filter: blur(20px);
}
}