/**
 * fullPage 1.4.5
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
html, body {
    margin: 0;
    padding: 0;
}
#superContainer {
    height: 100%;
    position: relative;
}
.section {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slide {
    float: left;
}
.slide, .slidesContainer {
    height: 100%;
    display: block;
}
.slides {
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.section.table, .slide.table {
    display: table;
    width: 100%;
}
.tableCell {
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.slidesContainer {
    float: left;
    position: relative;
}

.controlArrow.prev {
    left: 15px;
    width: 0;
    border-width: 25.5px 25px 25.5px 0;
    border-color: transparent #fff transparent transparent;
}

.scrollable {
    overflow: scroll;
}
.easing {
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#fullPage-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fullPage-nav.right {
    right: 17px;
}
#fullPage-nav.left {
    left: 17px;
}
.fullPage-slidesNav {
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fullPage-slidesNav.bottom {
    bottom: 17px;
}
.fullPage-slidesNav.top {
    top: 17px;
}
#fullPage-nav ul,
.fullPage-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fullPage-nav li,
.fullPage-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fullPage-slidesNav li {
    display: inline-block;
}
#fullPage-nav li a,
.fullPage-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

/*修改导航点的颜色*/
#fullPage-nav li .active span,
.fullPage-slidesNav .active span {
    background:#F00;
}
#fullPage-nav span,
.fullPage-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
/*修改导航点的颜色end*/
.fullPage-tooltip {
    position: absolute;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    top: -2px;
}
.fullPage-tooltip.right {
    right: 20px;
}
.fullPage-tooltip.left {
    left: 20px;
}

/************************************************/

@charset "UTF-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button {
	margin: 0;
	padding: 0;
	outline: none;
}
body, button, input, select, textarea {
	font-size: 14px;
	font-family: '微软雅黑', Sans-Serif;
}
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {
	-webkit-text-size-adjust: none;
}
input, select, textarea {
	font-size: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	text-align: inherit;
}
fieldset, img, a img {
	border: 0;
}
iframe {
	display: block;
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
del {
	text-decoration: line-through;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: 500;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 500;
}
q:before, q:after {
	content: '';
}
sup {
	vertical-align: text-top;
}
sub {
	vertical-align: text-bottom;
}
em {
	font-style: normal;
}
ins, a {
	text-decoration: none;
}
a, input {
	-webkit-tap-highlight-color: transparent;
}
a {
	-webkit-touch-callout: none;
}
.fn-clear:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.fn-clear {
*zoom:1;
}
.fn-hide {
	display: none;
}
.fn-left, .fn-right {
	display: inline;
}
.fn-left {
	float: left;
}
.fn-right {
	float: right;
}
/*--页面公共样式----*/
@charset "utf-8";
html {
	background: #161616
}

.page-1 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.page-1>img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.page-2 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.page-2>img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
.arrow{width: 20%;overflow: hidden;margin: 0% auto 0%; clear:both;}
.in_banner {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}
.in_banner .slide_pic {
	height: 100%;
	overflow: hidden;
}
.in_banner .slide_pic>ul>li {
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	left: 0;
	/*background: url(../images/shade.png);
*/}

.bg-img {
	width: 100%;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.bg-img img {
	width: 100%;
}
.pagebg-img{
	width: 100%;
	height: 100%;
	overflow: auto;
	overflow-x: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/xmjs/xmjs2_01.jpg);
	background-size:100% 100%;
	}

.park-detail {
	width: 100%;
	z-index: 2;
	position: relative;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.9);
}

.annotation {
	width: 100%;
	padding: 10px 5%;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	line-height: 22px;
	color: #fff;
	background: rgba(111,159,84,0.6)
}
.park-detail {
	color: #fef5e0;
	overflow: hidden;
}



.page-3 {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.page-3>img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}


/*--页面公共样式end----*/
::-webkit-scrollbar {
width:0px;
height:5px;
}
::-webkit-scrollbar-button:vertical {
display:none;
}
::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {
display:none;
}
::-webkit-scrollbar-button:vertical:start:increment, ::-webkit-scrollbar-button:vertical:end:decrement {
display:none;
}
::-webkit-scrollbar-button:vertical:increment {
display:none;
}
::-webkit-scrollbar-button:vertical:decrement {
display:none;
}
::-webkit-scrollbar-track:vertical {
background-color:#ABACAB;
}
::-webkit-scrollbar-track-piece {
background:white;
}
::-webkit-scrollbar-thumb:vertical {
height:50px;
background-color:#ABACAB;

-webkit-border-radius:5px;
}
::-webkit-scrollbar-corner:vertical {
background-color:#ABACAB;
}
::-webkit-scrollbar-resizer:vertical {
background-color:#ABACAB;
}
body {
	-webkit-backface-visibility: hidden;
}
.animated-d3 {
	-webkit-animation-duration: 1.6s;
	-moz-animation-duration: 1.6s;
	-o-animation-duration: 1.6s;
	animation-duration: 1.6s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated_2 {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration:1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

.animated_3 {
	-webkit-animation-duration: 3s;
	   -moz-animation-duration: 3s;
	     -o-animation-duration:3s;
	        animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}


.animated {
	-webkit-animation-duration: 1.5s;
	-moz-animation-duration: 1.5s;
	-o-animation-duration: 1.5s;
	animation-duration: 1.5s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;
}
@-webkit-keyframes flash {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes flash {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes flash {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes flash {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.flash {
	-webkit-animation-name: flash;
	-moz-animation-name: flash;
	-o-animation-name: flash;
	animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform:translateX(10px);
}
}
@-moz-keyframes shake {
0%, 100% {
-moz-transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-moz-transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
-moz-transform:translateX(10px);
}
}
@-o-keyframes shake {
0%, 100% {
-o-transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-o-transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
-o-transform:translateX(10px);
}
}
@keyframes shake {
0%, 100% {
transform:translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform:translateX(-10px);
}
20%, 40%, 60%, 80% {
transform:translateX(10px);
}
}
.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform:translateY(0);
}
40% {
-webkit-transform:translateY(-30px);
}
60% {
-webkit-transform:translateY(-15px);
}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform:translateY(0);
}
40% {
-moz-transform:translateY(-30px);
}
60% {
-moz-transform:translateY(-15px);
}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-o-transform:translateY(0);
}
40% {
-o-transform:translateY(-30px);
}
60% {
-o-transform:translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform:translateY(0);
}
40% {
transform:translateY(-30px);
}
60% {
transform:translateY(-15px);
}
}
.bounce {
	-webkit-animation-name: bounce;
	-moz-animation-name: bounce;
	-o-animation-name: bounce;
	animation-name: bounce;
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
}
10%, 20% {
-webkit-transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform:scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform:scale(1) rotate(0);
}
}
@-moz-keyframes tada {
0% {
-moz-transform:scale(1);
}
10%, 20% {
-moz-transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-moz-transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-moz-transform:scale(1.1) rotate(-3deg);
}
100% {
-moz-transform:scale(1) rotate(0);
}
}
@-o-keyframes tada {
0% {
-o-transform:scale(1);
}
10%, 20% {
-o-transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-o-transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-o-transform:scale(1.1) rotate(-3deg);
}
100% {
-o-transform:scale(1) rotate(0);
}
}
@keyframes tada {
0% {
transform:scale(1);
}
10%, 20% {
transform:scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform:scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
transform:scale(1.1) rotate(-3deg);
}
100% {
transform:scale(1) rotate(0);
}
}
.tada {
	-webkit-animation-name: tada;
	-moz-animation-name: tada;
	-o-animation-name: tada;
	animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin:top center;
}
20% {
-webkit-transform:rotate(15deg);
}
40% {
-webkit-transform:rotate(-10deg);
}
60% {
-webkit-transform:rotate(5deg);
}
80% {
-webkit-transform:rotate(-5deg);
}
100% {
-webkit-transform:rotate(0deg);
}
}
@-moz-keyframes swing {
20% {
-moz-transform:rotate(15deg);
}
40% {
-moz-transform:rotate(-10deg);
}
60% {
-moz-transform:rotate(5deg);
}
80% {
-moz-transform:rotate(-5deg);
}
100% {
-moz-transform:rotate(0deg);
}
}
@-o-keyframes swing {
20% {
-o-transform:rotate(15deg);
}
40% {
-o-transform:rotate(-10deg);
}
60% {
-o-transform:rotate(5deg);
}
80% {
-o-transform:rotate(-5deg);
}
100% {
-o-transform:rotate(0deg);
}
}
@keyframes swing {
20% {
transform:rotate(15deg);
}
40% {
transform:rotate(-10deg);
}
60% {
transform:rotate(5deg);
}
80% {
transform:rotate(-5deg);
}
100% {
transform:rotate(0deg);
}
}
.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%);
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform:translateX(0%);
}
}
@-moz-keyframes wobble {
0% {
-moz-transform:translateX(0%);
}
15% {
-moz-transform:translateX(-25%) rotate(-5deg);
}
30% {
-moz-transform:translateX(20%) rotate(3deg);
}
45% {
-moz-transform:translateX(-15%) rotate(-3deg);
}
60% {
-moz-transform:translateX(10%) rotate(2deg);
}
75% {
-moz-transform:translateX(-5%) rotate(-1deg);
}
100% {
-moz-transform:translateX(0%);
}
}
@-o-keyframes wobble {
0% {
-o-transform:translateX(0%);
}
15% {
-o-transform:translateX(-25%) rotate(-5deg);
}
30% {
-o-transform:translateX(20%) rotate(3deg);
}
45% {
-o-transform:translateX(-15%) rotate(-3deg);
}
60% {
-o-transform:translateX(10%) rotate(2deg);
}
75% {
-o-transform:translateX(-5%) rotate(-1deg);
}
100% {
-o-transform:translateX(0%);
}
}
@keyframes wobble {
0% {
transform:translateX(0%);
}
15% {
transform:translateX(-25%) rotate(-5deg);
}
30% {
transform:translateX(20%) rotate(3deg);
}
45% {
transform:translateX(-15%) rotate(-3deg);
}
60% {
transform:translateX(10%) rotate(2deg);
}
75% {
transform:translateX(-5%) rotate(-1deg);
}
100% {
transform:translateX(0%);
}
}
.wobble {
	-webkit-animation-name: wobble;
	-moz-animation-name: wobble;
	-o-animation-name: wobble;
	animation-name: wobble;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
}
50% {
-webkit-transform:scale(1.1);
}
100% {
-webkit-transform:scale(1);
}
}
@-moz-keyframes pulse {
0% {
-moz-transform:scale(1);
}
50% {
-moz-transform:scale(1.1);
}
100% {
-moz-transform:scale(1);
}
}
@-o-keyframes pulse {
0% {
-o-transform:scale(1);
}
50% {
-o-transform:scale(1.1);
}
100% {
-o-transform:scale(1);
}
}
@keyframes pulse {
0% {
transform:scale(1);
}
50% {
transform:scale(1.1);
}
100% {
transform:scale(1);
}
}
.pulse {
	-webkit-animation-name: pulse;
	-moz-animation-name: pulse;
	-o-animation-name: pulse;
	animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotateY(0);
-webkit-animation-timing-function:ease-out;
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-webkit-animation-timing-function:ease-out;
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
}
80% {
-webkit-transform:perspective(400px) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
}
100% {
-webkit-transform:perspective(400px) scale(1);
-webkit-animation-timing-function:ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform:perspective(400px) rotateY(0);
-moz-animation-timing-function:ease-out;
}
40% {
-moz-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-moz-animation-timing-function:ease-out;
}
50% {
-moz-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function:ease-in;
}
80% {
-moz-transform:perspective(400px) rotateY(360deg) scale(.95);
-moz-animation-timing-function:ease-in;
}
100% {
-moz-transform:perspective(400px) scale(1);
-moz-animation-timing-function:ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform:perspective(400px) rotateY(0);
-o-animation-timing-function:ease-out;
}
40% {
-o-transform:perspective(400px) translateZ(150px) rotateY(170deg);
-o-animation-timing-function:ease-out;
}
50% {
-o-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function:ease-in;
}
80% {
-o-transform:perspective(400px) rotateY(360deg) scale(.95);
-o-animation-timing-function:ease-in;
}
100% {
-o-transform:perspective(400px) scale(1);
-o-animation-timing-function:ease-in;
}
}
@keyframes flip {
0% {
transform:perspective(400px) rotateY(0);
animation-timing-function:ease-out;
}
40% {
transform:perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function:ease-out;
}
50% {
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function:ease-in;
}
80% {
transform:perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function:ease-in;
}
100% {
transform:perspective(400px) scale(1);
animation-timing-function:ease-in;
}
}
.flip {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flip;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flip;
	-o-backface-visibility: visible !important;
	-o-animation-name: flip;
	backface-visibility: visible !important;
	animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
-moz-transform:perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform:perspective(400px) rotateX(10deg);
}
100% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
-o-transform:perspective(400px) rotateX(-10deg);
}
70% {
-o-transform:perspective(400px) rotateX(10deg);
}
100% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}
@keyframes flipInX {
0% {
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
40% {
transform:perspective(400px) rotateX(-10deg);
}
70% {
transform:perspective(400px) rotateX(10deg);
}
100% {
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInX;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInX;
	backface-visibility: visible !important;
	animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
-moz-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
-o-transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}
@keyframes flipOutX {
0% {
transform:perspective(400px) rotateX(0deg);
opacity:1;
}
100% {
transform:perspective(400px) rotateX(90deg);
opacity:0;
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	-moz-animation-name: flipOutX;
	-moz-backface-visibility: visible !important;
	-o-animation-name: flipOutX;
	-o-backface-visibility: visible !important;
	animation-name: flipOutX;
	backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
-moz-transform:perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform:perspective(400px) rotateY(10deg);
}
100% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
-o-transform:perspective(400px) rotateY(-10deg);
}
70% {
-o-transform:perspective(400px) rotateY(10deg);
}
100% {
-o-transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}
@keyframes flipInY {
0% {
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
40% {
transform:perspective(400px) rotateY(-10deg);
}
70% {
transform:perspective(400px) rotateY(10deg);
}
100% {
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
}
.flipInY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipInY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipInY;
	backface-visibility: visible !important;
	animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
opacity:1;
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
opacity:0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform:perspective(400px) rotateY(0deg);
opacity:1;
}
100% {
-moz-transform:perspective(400px) rotateY(90deg);
opacity:0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform:perspective(400px) rotateY(0deg);
opacity:1;
}
100% {
-o-transform:perspective(400px) rotateY(90deg);
opacity:0;
}
}
@keyframes flipOutY {
0% {
transform:perspective(400px) rotateY(0deg);
opacity:1;
}
100% {
transform:perspective(400px) rotateY(90deg);
opacity:0;
}
}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	-moz-backface-visibility: visible !important;
	-moz-animation-name: flipOutY;
	-o-backface-visibility: visible !important;
	-o-animation-name: flipOutY;
	backface-visibility: visible !important;
	animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@-o-keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
@keyframes fadeIn {
0% {
opacity:0;
}
100% {
opacity:1;
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity:0;
-moz-transform:translateY(20px);
}
100% {
opacity:1;
-moz-transform:translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity:0;
-o-transform:translateY(20px);
}
100% {
opacity:1;
-o-transform:translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity:0;
transform:translateY(20px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity:0;
-moz-transform:translateY(-20px);
}
100% {
opacity:1;
-moz-transform:translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity:0;
-o-transform:translateY(-20px);
}
100% {
opacity:1;
-o-transform:translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity:0;
transform:translateY(-20px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity:0;
-moz-transform:translateX(-20px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity:0;
-o-transform:translateX(-20px);
}
100% {
opacity:1;
-o-transform:translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
transform:translateX(-20px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	-moz-animation-name: fadeInLeft;
	-o-animation-name: fadeInLeft;
	animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity:0;
-moz-transform:translateX(20px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity:0;
-o-transform:translateX(20px);
}
100% {
opacity:1;
-o-transform:translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translateX(20px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	-moz-animation-name: fadeInRight;
	-o-animation-name: fadeInRight;
	animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity:0;
-moz-transform:translateY(2000px);
}
100% {
opacity:1;
-moz-transform:translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity:0;
-o-transform:translateY(2000px);
}
100% {
opacity:1;
-o-transform:translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
transform:translateY(2000px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	-moz-animation-name: fadeInUpBig;
	-o-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity:0;
-moz-transform:translateY(-2000px);
}
100% {
opacity:1;
-moz-transform:translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity:0;
-o-transform:translateY(-2000px);
}
100% {
opacity:1;
-o-transform:translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
transform:translateY(-2000px);
}
100% {
opacity:1;
transform:translateY(0);
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	-moz-animation-name: fadeInDownBig;
	-o-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity:0;
-moz-transform:translateX(-2000px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity:0;
-o-transform:translateX(-2000px);
}
100% {
opacity:1;
-o-transform:translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
transform:translateX(-2000px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
}
100% {
opacity:1;
-webkit-transform:translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity:0;
-moz-transform:translateX(2000px);
}
100% {
opacity:1;
-moz-transform:translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity:0;
-o-transform:translateX(2000px);
}
100% {
opacity:1;
-o-transform:translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
transform:translateX(2000px);
}
100% {
opacity:1;
transform:translateX(0);
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@-o-keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
@keyframes fadeOut {
0% {
opacity:1;
}
100% {
opacity:0;
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	-moz-animation-name: fadeOut;
	-o-animation-name: fadeOut;
	animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity:1;
-moz-transform:translateY(0);
}
100% {
opacity:0;
-moz-transform:translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity:1;
-o-transform:translateY(0);
}
100% {
opacity:0;
-o-transform:translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
transform:translateY(0);
}
100% {
opacity:0;
transform:translateY(-20px);
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	-moz-animation-name: fadeOutUp;
	-o-animation-name: fadeOutUp;
	animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity:1;
-moz-transform:translateY(0);
}
100% {
opacity:0;
-moz-transform:translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity:1;
-o-transform:translateY(0);
}
100% {
opacity:0;
-o-transform:translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
transform:translateY(0);
}
100% {
opacity:0;
transform:translateY(20px);
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	-moz-animation-name: fadeOutDown;
	-o-animation-name: fadeOutDown;
	animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity:1;
-moz-transform:translateX(0);
}
100% {
opacity:0;
-moz-transform:translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity:1;
-o-transform:translateX(0);
}
100% {
opacity:0;
-o-transform:translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(-20px);
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	-moz-animation-name: fadeOutLeft;
	-o-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity:1;
-moz-transform:translateX(0);
}
100% {
opacity:0;
-moz-transform:translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity:1;
-o-transform:translateX(0);
}
100% {
opacity:0;
-o-transform:translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(20px);
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	-moz-animation-name: fadeOutRight;
	-o-animation-name: fadeOutRight;
	animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity:1;
-moz-transform:translateY(0);
}
100% {
opacity:0;
-moz-transform:translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity:1;
-o-transform:translateY(0);
}
100% {
opacity:0;
-o-transform:translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
transform:translateY(0);
}
100% {
opacity:0;
transform:translateY(-2000px);
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	-moz-animation-name: fadeOutUpBig;
	-o-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity:1;
-moz-transform:translateY(0);
}
100% {
opacity:0;
-moz-transform:translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity:1;
-o-transform:translateY(0);
}
100% {
opacity:0;
-o-transform:translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
transform:translateY(0);
}
100% {
opacity:0;
transform:translateY(2000px);
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	-moz-animation-name: fadeOutDownBig;
	-o-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity:1;
-moz-transform:translateX(0);
}
100% {
opacity:0;
-moz-transform:translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity:1;
-o-transform:translateX(0);
}
100% {
opacity:0;
-o-transform:translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(-2000px);
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	-moz-animation-name: fadeOutLeftBig;
	-o-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity:1;
-moz-transform:translateX(0);
}
100% {
opacity:0;
-moz-transform:translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity:1;
-o-transform:translateX(0);
}
100% {
opacity:0;
-o-transform:translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
transform:translateX(0);
}
100% {
opacity:0;
transform:translateX(2000px);
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	-moz-animation-name: fadeOutRightBig;
	-o-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig;
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
}
70% {
-webkit-transform:scale(.9);
}
100% {
-webkit-transform:scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity:0;
-moz-transform:scale(.3);
}
50% {
opacity:1;
-moz-transform:scale(1.05);
}
70% {
-moz-transform:scale(.9);
}
100% {
-moz-transform:scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity:0;
-o-transform:scale(.3);
}
50% {
opacity:1;
-o-transform:scale(1.05);
}
70% {
-o-transform:scale(.9);
}
100% {
-o-transform:scale(1);
}
}
@keyframes bounceIn {
0% {
opacity:0;
transform:scale(.3);
}
50% {
opacity:1;
transform:scale(1.05);
}
70% {
transform:scale(.9);
}
100% {
transform:scale(1);
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
}
80% {
-webkit-transform:translateY(10px);
}
100% {
-webkit-transform:translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity:0;
-moz-transform:translateY(2000px);
}
60% {
opacity:1;
-moz-transform:translateY(-30px);
}
80% {
-moz-transform:translateY(10px);
}
100% {
-moz-transform:translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity:0;
-o-transform:translateY(2000px);
}
60% {
opacity:1;
-o-transform:translateY(-30px);
}
80% {
-o-transform:translateY(10px);
}
100% {
-o-transform:translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity:0;
transform:translateY(2000px);
}
60% {
opacity:1;
transform:translateY(-30px);
}
80% {
transform:translateY(10px);
}
100% {
transform:translateY(0);
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	-moz-animation-name: bounceInUp;
	-o-animation-name: bounceInUp;
	animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
}
80% {
-webkit-transform:translateY(-10px);
}
100% {
-webkit-transform:translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity:0;
-moz-transform:translateY(-2000px);
}
60% {
opacity:1;
-moz-transform:translateY(30px);
}
80% {
-moz-transform:translateY(-10px);
}
100% {
-moz-transform:translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity:0;
-o-transform:translateY(-2000px);
}
60% {
opacity:1;
-o-transform:translateY(30px);
}
80% {
-o-transform:translateY(-10px);
}
100% {
-o-transform:translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity:0;
transform:translateY(-2000px);
}
60% {
opacity:1;
transform:translateY(30px);
}
80% {
transform:translateY(-10px);
}
100% {
transform:translateY(0);
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
}
80% {
-webkit-transform:translateX(-10px);
}
100% {
-webkit-transform:translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity:0;
-moz-transform:translateX(-2000px);
}
60% {
opacity:1;
-moz-transform:translateX(30px);
}
80% {
-moz-transform:translateX(-10px);
}
100% {
-moz-transform:translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity:0;
-o-transform:translateX(-2000px);
}
60% {
opacity:1;
-o-transform:translateX(30px);
}
80% {
-o-transform:translateX(-10px);
}
100% {
-o-transform:translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
transform:translateX(-2000px);
}
60% {
opacity:1;
transform:translateX(30px);
}
80% {
transform:translateX(-10px);

}
100% {
transform:translateX(0);
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
}
80% {
-webkit-transform:translateX(10px);
}
100% {
-webkit-transform:translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity:0;
-moz-transform:translateX(2000px);
}
60% {
opacity:1;
-moz-transform:translateX(-30px);
}
80% {
-moz-transform:translateX(10px);
}
100% {
-moz-transform:translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity:0;
-o-transform:translateX(2000px);
}
60% {
opacity:1;
-o-transform:translateX(-30px);
}
80% {
-o-transform:translateX(10px);
}
100% {
-o-transform:translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity:0;
transform:translateX(2000px);
}
60% {
opacity:1;
transform:translateX(-30px);
}
80% {
transform:translateX(10px);
}
100% {
transform:translateX(0);
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1);
}
25% {
-webkit-transform:scale(.95);
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
}
100% {
opacity:0;
-webkit-transform:scale(.3);
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform:scale(1);
}
25% {
-moz-transform:scale(.95);
}
50% {
opacity:1;
-moz-transform:scale(1.1);
}
100% {
opacity:0;
-moz-transform:scale(.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform:scale(1);
}
25% {
-o-transform:scale(.95);
}
50% {
opacity:1;
-o-transform:scale(1.1);
}
100% {
opacity:0;
-o-transform:scale(.3);
}
}
@keyframes bounceOut {
0% {
transform:scale(1);
}
25% {
transform:scale(.95);
}
50% {
opacity:1;
transform:scale(1.1);
}
100% {
opacity:0;
transform:scale(.3);
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	-moz-animation-name: bounceOut;
	-o-animation-name: bounceOut;
	animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform:translateY(0);
}
20% {
opacity:1;
-moz-transform:translateY(20px);
}
100% {
opacity:0;
-moz-transform:translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform:translateY(0);
}
20% {
opacity:1;
-o-transform:translateY(20px);
}
100% {
opacity:0;
-o-transform:translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform:translateY(0);
}
20% {
opacity:1;
transform:translateY(20px);
}
100% {
opacity:0;
transform:translateY(-2000px);
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	-moz-animation-name: bounceOutUp;
	-o-animation-name: bounceOutUp;
	animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform:translateY(0);
}
20% {
opacity:1;
-moz-transform:translateY(-20px);
}
100% {
opacity:0;
-moz-transform:translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform:translateY(0);
}
20% {
opacity:1;
-o-transform:translateY(-20px);
}
100% {
opacity:0;
-o-transform:translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform:translateY(0);
}
20% {
opacity:1;
transform:translateY(-20px);
}
100% {
opacity:0;
transform:translateY(2000px);
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	-moz-animation-name: bounceOutDown;
	-o-animation-name: bounceOutDown;
	animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform:translateX(0);
}
20% {
opacity:1;
-moz-transform:translateX(20px);
}
100% {
opacity:0;
-moz-transform:translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform:translateX(0);
}
20% {
opacity:1;
-o-transform:translateX(20px);
}
100% {
opacity:0;
-o-transform:translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform:translateX(0);
}
20% {
opacity:1;
transform:translateX(20px);
}
100% {
opacity:0;
transform:translateX(-2000px);
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	-moz-animation-name: bounceOutLeft;
	-o-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform:translateX(0);
}
20% {
opacity:1;
-moz-transform:translateX(-20px);
}
100% {
opacity:0;
-moz-transform:translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform:translateX(0);
}
20% {
opacity:1;
-o-transform:translateX(-20px);
}
100% {
opacity:0;
-o-transform:translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform:translateX(0);
}
20% {
opacity:1;
transform:translateX(-20px);
}
100% {
opacity:0;
transform:translateX(2000px);
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	-moz-animation-name: bounceOutRight;
	-o-animation-name: bounceOutRight;
	animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(-200deg);
opacity:0;
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin:center center;
-moz-transform:rotate(-200deg);
opacity:0;
}
100% {
-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin:center center;
-o-transform:rotate(-200deg);
opacity:0;
}
100% {
-o-transform-origin:center center;
-o-transform:rotate(0);
opacity:1;
}
}
@keyframes rotateIn {
0% {
transform-origin:center center;
transform:rotate(-200deg);
opacity:0;
}
100% {
transform-origin:center center;
transform:rotate(0);
opacity:1;
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(90deg);
opacity:0;
}
100% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin:left bottom;
-o-transform:rotate(90deg);
opacity:0;
}
100% {
-o-transform-origin:left bottom;
-o-transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin:left bottom;
transform:rotate(90deg);
opacity:0;
}
100% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1;
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	-moz-animation-name: rotateInUpLeft;
	-o-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
opacity:0;
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(-90deg);
opacity:0;
}
100% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin:left bottom;
-o-transform:rotate(-90deg);
opacity:0;
}
100% {
-o-transform-origin:left bottom;
-o-transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin:left bottom;
transform:rotate(-90deg);
opacity:0;
}
100% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1;
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	-moz-animation-name: rotateInDownLeft;
	-o-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(-90deg);
opacity:0;
}
100% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin:right bottom;
-o-transform:rotate(-90deg);
opacity:0;
}
100% {
-o-transform-origin:right bottom;
-o-transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin:right bottom;
transform:rotate(-90deg);
opacity:0;
}
100% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1;
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	-moz-animation-name: rotateInUpRight;
	-o-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0;
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(90deg);
opacity:0;
}
100% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin:right bottom;
-o-transform:rotate(90deg);
opacity:0;
}
100% {
-o-transform-origin:right bottom;
-o-transform:rotate(0);
opacity:1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin:right bottom;
transform:rotate(90deg);
opacity:0;
}
100% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1;
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	-moz-animation-name: rotateInDownRight;
	-o-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:center center;
-webkit-transform:rotate(200deg);
opacity:0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin:center center;
-moz-transform:rotate(0);
opacity:1;
}
100% {
-moz-transform-origin:center center;
-moz-transform:rotate(200deg);
opacity:0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin:center center;
-o-transform:rotate(0);
opacity:1;
}
100% {
-o-transform-origin:center center;
-o-transform:rotate(200deg);
opacity:0;
}
}
@keyframes rotateOut {
0% {
transform-origin:center center;
transform:rotate(0);
opacity:1;
}
100% {
transform-origin:center center;
transform:rotate(200deg);
opacity:0;
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	-moz-animation-name: rotateOut;
	-o-animation-name: rotateOut;
	animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
opacity:0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1;
}
100% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(-90deg);
opacity:0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin:left bottom;
-o-transform:rotate(0);
opacity:1;
}
100% {
-o-transform-origin:left bottom;
-o-transform:rotate(-90deg);
opacity:0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1;
}
100% {
transform-origin:left bottom;
transform:rotate(-90deg);
opacity:0;
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	-moz-animation-name: rotateOutUpLeft;
	-o-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:left bottom;
-webkit-transform:rotate(90deg);
opacity:0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(0);
opacity:1;
}
100% {
-moz-transform-origin:left bottom;
-moz-transform:rotate(90deg);
opacity:0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin:left bottom;
-o-transform:rotate(0);
opacity:1;
}
100% {
-o-transform-origin:left bottom;
-o-transform:rotate(90deg);
opacity:0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin:left bottom;
transform:rotate(0);
opacity:1;
}
100% {
transform-origin:left bottom;
transform:rotate(90deg);
opacity:0;
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	-moz-animation-name: rotateOutDownLeft;
	-o-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(90deg);
opacity:0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1;
}
100% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(90deg);
opacity:0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin:right bottom;
-o-transform:rotate(0);
opacity:1;
}
100% {
-o-transform-origin:right bottom;
-o-transform:rotate(90deg);
opacity:0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1;
}
100% {
transform-origin:right bottom;
transform:rotate(90deg);
opacity:0;
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	-moz-animation-name: rotateOutUpRight;
	-o-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(0);
opacity:1;
}
100% {
-webkit-transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
opacity:0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(0);
opacity:1;
}
100% {
-moz-transform-origin:right bottom;
-moz-transform:rotate(-90deg);
opacity:0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin:right bottom;
-o-transform:rotate(0);
opacity:1;
}
100% {
-o-transform-origin:right bottom;
-o-transform:rotate(-90deg);
opacity:0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin:right bottom;
transform:rotate(0);
opacity:1;
}
100% {
transform-origin:right bottom;
transform:rotate(-90deg);
opacity:0;
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	-moz-animation-name: rotateOutDownRight;
	-o-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
}
20%, 60% {
-webkit-transform:rotate(80deg);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
}
40% {
-webkit-transform:rotate(60deg);
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
opacity:1;
-webkit-transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
}
100% {
-webkit-transform:translateY(700px);
opacity:0;
}
}
@-moz-keyframes hinge {
0% {
-moz-transform:rotate(0);
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out;
}
20%, 60% {
-moz-transform:rotate(80deg);
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out;
}
40% {
-moz-transform:rotate(60deg);
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out;
}
80% {
-moz-transform:rotate(60deg) translateY(0);
opacity:1;
-moz-transform-origin:top left;
-moz-animation-timing-function:ease-in-out;
}
100% {
-moz-transform:translateY(700px);
opacity:0;
}
}
@-o-keyframes hinge {
0% {
-o-transform:rotate(0);
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out;
}
20%, 60% {
-o-transform:rotate(80deg);
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out;
}
40% {
-o-transform:rotate(60deg);
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out;
}
80% {
-o-transform:rotate(60deg) translateY(0);
opacity:1;
-o-transform-origin:top left;
-o-animation-timing-function:ease-in-out;
}
100% {
-o-transform:translateY(700px);
opacity:0;
}
}
@keyframes hinge {
0% {
transform:rotate(0);
transform-origin:top left;
animation-timing-function:ease-in-out;
}
20%, 60% {
transform:rotate(80deg);
transform-origin:top left;
animation-timing-function:ease-in-out;
}
40% {
transform:rotate(60deg);
transform-origin:top left;
animation-timing-function:ease-in-out;
}
80% {
transform:rotate(60deg) translateY(0);
opacity:1;
transform-origin:top left;
animation-timing-function:ease-in-out;
}
100% {
transform:translateY(700px);
opacity:0;
}
}
.hinge {
	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
}
}
@-moz-keyframes rollIn {
0% {
opacity:0;
-moz-transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-moz-transform:translateX(0px) rotate(0deg);
}
}
@-o-keyframes rollIn {
0% {
opacity:0;
-o-transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
-o-transform:translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity:0;
transform:translateX(-100%) rotate(-120deg);
}
100% {
opacity:1;
transform:translateX(0px) rotate(0deg);
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	-moz-animation-name: rollIn;
	-o-animation-name: rollIn;
	animation-name: rollIn;
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity:1;
-moz-transform:translateX(0px) rotate(0deg);
}
100% {
opacity:0;
-moz-transform:translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity:1;
-o-transform:translateX(0px) rotate(0deg);
}
100% {
opacity:0;
-o-transform:translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity:1;
transform:translateX(0px) rotate(0deg);
}
100% {
opacity:0;
transform:translateX(100%) rotate(120deg);
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	-moz-animation-name: rollOut;
	-o-animation-name: rollOut;
	animation-name: rollOut;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform:translateX(100%) skewX(-30deg);

opacity:0;
}
60% {
-moz-transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-moz-transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-moz-transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
@-o-keyframes lightSpeedIn {
0% {
-o-transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
-o-transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
-o-transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
-o-transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
@keyframes lightSpeedIn {
0% {
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
60% {
transform:translateX(-20%) skewX(30deg);
opacity:1;
}
80% {
transform:translateX(0%) skewX(-15deg);
opacity:1;
}
100% {
transform:translateX(0%) skewX(0deg);
opacity:1;
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	-moz-animation-name: lightSpeedIn;
	-o-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
.animated.lightSpeedIn {
	-webkit-animation-duration: 0.5s;
	-moz-animation-duration: 0.5s;
	-o-animation-duration: 0.5s;
	animation-duration: 0.5s;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
opacity:1;
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
opacity:0;
}
}
@-moz-keyframes lightSpeedOut {
0% {
-moz-transform:translateX(0%) skewX(0deg);
opacity:1;
}
100% {
-moz-transform:translateX(100%) skewX(-30deg);
opacity:0;
}
}
@-o-keyframes lightSpeedOut {
0% {
-o-transform:translateX(0%) skewX(0deg);
opacity:1;
}
100% {
-o-transform:translateX(100%) skewX(-30deg);
opacity:0;
}
}
@keyframes lightSpeedOut {
0% {
transform:translateX(0%) skewX(0deg);
opacity:1;
}
100% {
transform:translateX(100%) skewX(-30deg);
opacity:0;
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	-moz-animation-name: lightSpeedOut;
	-o-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
.animated.lightSpeedOut {
	-webkit-animation-duration: 0.25s;
	-moz-animation-duration: 0.25s;
	-o-animation-duration: 0.25s;
	animation-duration: 0.25s;
}
@-webkit-keyframes wiggle {
0% {
-webkit-transform:skewX(9deg);
}
10% {
-webkit-transform:skewX(-8deg);
}
20% {
-webkit-transform:skewX(7deg);
}
30% {
-webkit-transform:skewX(-6deg);
}
40% {
-webkit-transform:skewX(5deg);
}
50% {
-webkit-transform:skewX(-4deg);
}
60% {
-webkit-transform:skewX(3deg);
}
70% {
-webkit-transform:skewX(-2deg);
}
80% {
-webkit-transform:skewX(1deg);
}
90% {
-webkit-transform:skewX(0deg);
}
100% {
-webkit-transform:skewX(0deg);
}
}
@-moz-keyframes wiggle {
0% {
-moz-transform:skewX(9deg);
}
10% {
-moz-transform:skewX(-8deg);
}
20% {
-moz-transform:skewX(7deg);
}
30% {
-moz-transform:skewX(-6deg);
}
40% {
-moz-transform:skewX(5deg);
}
50% {
-moz-transform:skewX(-4deg);
}
60% {
-moz-transform:skewX(3deg);
}
70% {
-moz-transform:skewX(-2deg);
}
80% {
-moz-transform:skewX(1deg);
}
90% {
-moz-transform:skewX(0deg);
}
100% {
-moz-transform:skewX(0deg);
}
}
@-o-keyframes wiggle {
0% {
-o-transform:skewX(9deg);
}
10% {
-o-transform:skewX(-8deg);
}
20% {
-o-transform:skewX(7deg);
}
30% {
-o-transform:skewX(-6deg);
}
40% {
-o-transform:skewX(5deg);
}
50% {
-o-transform:skewX(-4deg);
}
60% {
-o-transform:skewX(3deg);
}
70% {
-o-transform:skewX(-2deg);
}
80% {
-o-transform:skewX(1deg);
}
90% {
-o-transform:skewX(0deg);
}
100% {
-o-transform:skewX(0deg);
}
}
@keyframes wiggle {
0% {
transform:skewX(9deg);
}
10% {
transform:skewX(-8deg);
}
20% {
transform:skewX(7deg);
}
30% {
transform:skewX(-6deg);
}
40% {
transform:skewX(5deg);
}
50% {
transform:skewX(-4deg);
}

60% {
transform:skewX(3deg);
}
70% {
transform:skewX(-2deg);
}
80% {
transform:skewX(1deg);
}
90% {
transform:skewX(0deg);
}
100% {
transform:skewX(0deg);
}
}
.wiggle {
	-webkit-animation-name: wiggle;
	-moz-animation-name: wiggle;
	-o-animation-name: wiggle;
	animation-name: wiggle;
	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
}
.animated.wiggle {
	-webkit-animation-duration: 0.75s;
	-moz-animation-duration: 0.75s;
	-o-animation-duration: 0.75s;
	animation-duration: 0.75s;
}
/*第二页文字特效*/
.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: perspectiveRight;
	-moz-animation-name: perspectiveRight;
	-ms-animation-name: perspectiveRight;
	-o-animation-name: perspectiveRight;
	animation-name: perspectiveRight;
}

@-moz-keyframes perspectiveRight {
0% {
	
-moz-transform-origin:100% 0;
-moz-transform:perspective(0px) rotateY(0deg);
}
100% {
-moz-transform-origin:100% 0;
-moz-transform:perspective(0px) rotateY(180deg);
}
}
@-webkit-keyframes perspectiveRight {
0% {
-webkit-transform-origin:100% 0;
-webkit-transform:perspective(0px) rotateY(0deg);
}
100% {
-webkit-transform-origin:100% 0;
-webkit-transform:perspective(0px) rotateY(180deg);
}
}
@-o-keyframes perspectiveRight {
0% {
-o-transform-origin:100% 0;
-o-transform:perspective(0px) rotateY(0deg);
}
100% {
-o-transform-origin:100% 0;
-o-transform:perspective(0px) rotateY(180deg);
}
}
@-ms-keyframes perspectiveRight {
0% {
-ms-transform-origin:100% 0;
-ms-transform:perspective(0px) rotateY(0deg);
}
100% {
-ms-transform-origin:100% 0;
-ms-transform:perspective(0px) rotateY(180deg);
}
}
@keyframes perspectiveRight {
0% {
transform-origin:100% 0;
transform:perspective(0px) rotateY(0deg);
}
100% {
transform-origin:100% 0;
transform:perspective(0px) rotateY(180deg);
}
}
/* CSS Document */
.twisterInDown {
	-webkit-animation-name: twisterInDown;
	-moz-animation-name: twisterInDown;
	-ms-animation-name: twisterInDown;
	-o-animation-name: twisterInDown;
	animation-name: twisterInDown;
}

@-moz-keyframes twisterInDown {
0% {
opacity:0;
-moz-transform-origin:0 100%;
-moz-transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
-moz-transform-origin:0 100%;
-moz-transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity:1;
-moz-transform-origin:100% 100%;
-moz-transform:scale(1, 1) rotate(0deg) translateY(0%);
}
}
@-webkit-keyframes twisterInDown {
0% {
opacity:0;
-webkit-transform-origin:0 100%;
-webkit-transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
-webkit-transform-origin:0 100%;
-webkit-transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity:1;
-webkit-transform-origin:100% 100%;
-webkit-transform:scale(1, 1) rotate(0deg) translateY(0%);
}
}
@-o-keyframes twisterInDown {
0% {
opacity:0;
-o-transform-origin:0 100%;
-o-transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
-o-transform-origin:0 100%;
-o-transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity:1;
-o-transform-origin:100% 100%;
-o-transform:scale(1, 1) rotate(0deg) translateY(0%);
}
}
@-ms-keyframes twisterInDown {
0% {
opacity:0;
filter:alpha(opacity=0);
-ms-transform-origin:0 100%;
-ms-transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
-ms-transform-origin:0 100%;
-ms-transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity:1;
filter:alpha(opacity=100);
-ms-transform-origin:100% 100%;
-ms-transform:scale(1, 1) rotate(0deg) translateY(0%);
}
}
@keyframes twisterInDown {
0% {
opacity:0;
transform-origin:0 100%;
transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
30% {
transform-origin:0 100%;
transform:scale(0, 0) rotate(360deg) translateY(-100%);
}
100% {
opacity:1;
transform-origin:100% 100%;
transform:scale(1, 1) rotate(0deg) translateY(0%);
}
}


.rotateIn{
	-webkit-animation-name: rotateIn;
	-moz-animation-name: rotateIn;
	-ms-animation-name: rotateIn;
	-o-animation-name: rotateIn;
	animation-name: rotateIn;
	}

@-moz-keyframes rotateIn {
0% {
opacity:0;
-moz-transform:scale(0, 0) rotate(360deg);
}
30% {
	opacity:0.3;
-moz-transform:scale(0.3, 0.3) rotate(360deg);
}
60% {
	opacity:0.6;
-moz-transform:scale(0.6, 0.6) rotate(360deg);
}
100% {
opacity:1;
-moz-transform:scale(1, 1) rotate(0deg);
}
}
@-webkit-keyframes rotateIn {
0% {
opacity:0;
-webkit-transform:scale(0, 0) rotate(360deg);
}
30% {
	opacity:0.3;
-webkit-transform:scale(0.3, 0.3) rotate(360deg);
}
60% {
	opacity:0.6;
-webkit-transform:scale(0.6, 0.6) rotate(360deg);
}
100% {
opacity:1;
-webkit-transform:scale(1, 1) rotate(0deg);
}
}
@-o-keyframes rotateIn {
0% {
opacity:0;
-o-transform:scale(0, 0) rotate(360deg);
}
30% {
	opacity:0.3;
-o-transform:scale(0.3, 0.3) rotate(360deg);
}
60% {
	opacity:0.6;
-o-transform:scale(0.6, 0.6) rotate(360deg);
}
100% {
opacity:1;
-o-transform:scale(1, 1) rotate(0deg);
}
}
@-ms-keyframes rotateIn {
0% {
opacity:0;
-ms-transform:scale(0, 0) rotate(360deg);
}
30% {
	opacity:0.3;
-ms-transform:scale(0.3, 0.3) rotate(360deg);
}
60% {
	opacity:0.6;
-ms-transform:scale(0.6, 0.6) rotate(360deg);

}
100% {
opacity:1;
-ms-transform:scale(1, 1) rotate(0deg);
}
}
@keyframes rotateIn {
0% {
opacity:0;
transform:scale(0, 0) rotate(360deg);
}
30% {
	opacity:0.3;
transform:scale(0.3, 0.3) rotate(360deg);
}
60% {
	opacity:0.6;
transform:scale(0.6, 0.6) rotate(360deg);
}

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


.vanishIn {
	-webkit-animation-name: vanishIn;
	-moz-animation-name: vanishIn;
	-ms-animation-name: vanishIn;
	-o-animation-name: vanishIn;
	animation-name: vanishIn;
}


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

}
100% {
opacity:1;
-moz-transform-origin:50% 50%;
-moz-transform:scale(1, 1);
-webkit-filter:blur(0px);
}
}
@-webkit-keyframes vanishIn {
0% {
opacity:0;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(2, 2);
-webkit-filter:blur(90px);
}
100% {
opacity:1;
-webkit-transform-origin:50% 50%;
-webkit-transform:scale(1, 1);
-webkit-filter:blur(0px);
}
}
@-o-keyframes vanishIn {
0% {
opacity:0;
-o-transform-origin:50% 50%;
-o-transform:scale(2, 2);
-webkit-filter:blur(90px);
}
100% {
opacity:1;
-o-transform-origin:50% 50%;
-o-transform:scale(1, 1);
-webkit-filter:blur(0px);
}
}
@-ms-keyframes vanishIn {
0% {
opacity:0;
filter:alpha(opacity=0);
-ms-transform-origin:50% 50%;
-ms-transform:scale(2, 2);
-webkit-filter:blur(90px);
}
100% {
opacity:1;
filter:alpha(opacity=100);
-ms-transform-origin:50% 50%;
-ms-transform:scale(1, 1);
-webkit-filter:blur(0px);
}
}
@keyframes vanishIn {
0% {
opacity:0;
transform-origin:50% 50%;
transform:scale(2, 2);
-webkit-filter:blur(90px);
}
100% {
opacity:1;
transform-origin:50% 50%;
transform:scale(1, 1);
-webkit-filter:blur(0px);
}
}