@charset "UTF-8";
.hide {
	display: none!important
}
.show {
	display: block!important
}
.pull-left {
	float: left!important
}
.pull-right {
	float: right!important
}/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, .05, .855, .06);
animation-timing-function:cubic-bezier(0.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, .05, .855, .06);
animation-timing-function:cubic-bezier(0.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function:cubic-bezier(0.755, .05, .855, .06);
animation-timing-function:cubic-bezier(0.755, .05, .855, .06);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function:cubic-bezier(0.755, .05, .855, .06);
animation-timing-function:cubic-bezier(0.755, .05, .855, .06);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes flash {
from, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
from, 50%, to {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
@keyframes pulse {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(0.95, 1.05, 1);
transform:scale3d(0.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes shake {
from, to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
from, to {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}
@-webkit-keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
6.5% {
-webkit-transform:translateX(-6px) rotateY(-9deg);
transform:translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform:translateX(5px) rotateY(7deg);
transform:translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform:translateX(-3px) rotateY(-5deg);
transform:translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform:translateX(2px) rotateY(3deg);
transform:translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
to {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
to {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes tada {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
@keyframes tada {
from {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(0.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
from {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes wobble {
from {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
to {
	-webkit-transform: none;
	transform: none
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform:none;
transform:none
}
22.2% {
-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);
transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform:skewX(6.25deg) skewY(6.25deg);
transform:skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);
transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);
transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);
transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
transform:skewX(0.390625deg) skewY(0.390625deg)
}
88.8% {
-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);
transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	transform-origin: center
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, .3, .3);
transform:scale3d(0.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, .9, .9);
transform:scale3d(0.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, .97, .97);
transform:scale3d(0.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(0.3, .3, .3);
transform:scale3d(0.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(0.9, .9, .9);
transform:scale3d(0.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(0.97, .97, .97);
transform:scale3d(0.97, .97, .97)
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
from {
	opacity: 0;
	-webkit-transform: translate3d(3000px, 0, 0);
	transform: translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
to {
	-webkit-transform: none;
	transform: none
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
from {
	opacity: 0;
	-webkit-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function:cubic-bezier(0.215, .61, .355, 1);
animation-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
from {
	opacity: 0;
	-webkit-transform: translate3d(0, 3000px, 0);
	transform: translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(0.9, .9, .9);
transform:scale3d(0.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(0.3, .3, .3);
	transform: scale3d(0.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(0.9, .9, .9);
transform:scale3d(0.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(0.3, .3, .3);
	transform: scale3d(0.3, .3, .3)
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}
@keyframes fadeIn {
from {
opacity:0
}
to {
	opacity: 1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInDown {
from {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInDownBig {
from {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInLeft {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInLeftBig {
from {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInRight {
from {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInRightBig {
from {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInUp {
from {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes fadeInUpBig {
from {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
from {
opacity:1
}
to {
	opacity: 0
}
}
@keyframes fadeOut {
from {
opacity:1
}
to {
	opacity: 0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, .95, .95);
transform:perspective(400px) scale3d(0.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
@keyframes flip {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(0.95, .95, .95);
transform:perspective(400px) scale3d(0.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}
@-webkit-keyframes flipInX {
from {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes flipInX {
from {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}
@-webkit-keyframes flipInY {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
@keyframes flipInY {
from {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0
}
}
@keyframes flipOutX {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0
}
}
@keyframes flipOutY {
from {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0
}
}
.flipOutY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
from {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
@keyframes lightSpeedOut {
from {
opacity:1
}
to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}
@-webkit-keyframes rollIn {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
@keyframes rollIn {
from {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
from {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}
@-webkit-keyframes zoomIn {
from {
opacity:0;
z-index:90;
-webkit-transform:scale3d(0.3, .3, .3);
transform:scale3d(0.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
from {
opacity:0;
-webkit-transform:scale3d(0.3, .3, .3);
transform:scale3d(0.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
from {
opacity:0;
-webkit-transform:scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
from {
opacity:0;
-webkit-transform:scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(0.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
from {
opacity:0;
-webkit-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
from {
opacity:0;
-webkit-transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(0.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(0.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
from {
opacity:0;
-webkit-transform:scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
from {
opacity:0;
-webkit-transform:scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(0.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(0.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
from {
opacity:0;
-webkit-transform:scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
from {
opacity:0;
-webkit-transform:scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(0.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(0.3, .3, .3);
transform:scale3d(0.3, .3, .3)
}
to {
	opacity: 0;
	z-index: -90
}
}
@keyframes zoomOut {
from {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(0.3, .3, .3);
transform:scale3d(0.3, .3, .3)
}
to {
	opacity: 0
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(0.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
	transform: scale3d(0.1, .1, .1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(0.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
	transform: scale(0.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(0.475, .475, .475) translate3d(42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
	transform: scale(0.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
	transform: scale(0.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(0.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
	transform: scale(0.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(0.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
	transform: scale3d(0.1, .1, .1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, .885, .32, 1);
	animation-timing-function: cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}
@media screen and (min-width:1100px) {
.layout, body {
	margin: 0 auto;
	min-width: 1100px
}
}
.section-wrapper {
	overflow: hidden;
	padding: 90px 0
}
.section-wrapper .layout {
	width: 1100px!important
}
.section-wrapper .section-title {
	text-align: center;
	font-size: 38px;
	line-height: 76px;
	font-weight: 500;
	color: #333;
	opacity: .1
}
.section-wrapper .section-title.animated {
	-moz-animation: fadeInUp .5s linear;
	-webkit-animation: fadeInUp .5s linear;
	animation: fadeInUp .5s linear;
	-ms-animation: fadeInUp .5s linear;
	-o-animation: fadeInUp .5s linear;
	animation-fill-mode: forwards
}
.section-wrapper .section-subtitle {
	text-align: center;
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: #666;
	opacity: .1;
	margin-bottom: 70px;
	margin-top: 16px
}
.section-wrapper .section-subtitle.animated {
	-moz-animation: fadeInUp .5s linear;
	-webkit-animation: fadeInUp .5s linear;
	animation: fadeInUp .5s linear;
	-ms-animation: fadeInUp .5s linear;
	-o-animation: fadeInUp .5s linear;
	animation-fill-mode: forwards
}
.section-wrapper .item-title {
	font-size: 20px;
	font-weight: 500;
	line-height: 32px;
	color: #333;
	text-align: center
}
.section-wrapper .item-desc {
	font-size: 16px;
	line-height: 24px;
	color: #999;
	text-align: center
}
.section-wrapper .btn-wrapper {
	width: 100%;
	margin: 40px auto 20px;
	text-align: center
}
.section-wrapper .btn-wrapper .btn {
	background-color: #e90c2f;
	font-size: 22px;
	line-height: 30px;
	padding: 15px 50px;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	width: 240px;
	margin: 0 auto;
	cursor: pointer;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease
}
.section-wrapper .btn-wrapper .btn:hover {
	box-shadow: 0 0 10px 2px #fac2ba;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1)
}
#homePage {
	min-width: 1170px;
	-webkit-font-smoothing: antialiased;
	position: relative
}
#homePage #banner {
	position: relative
}
#homePage #banner .slideBox {
	width: 100%;
	height: 640px;
	overflow: hidden;
	position: relative
}
#homePage #banner .slideBox .hd {
	text-align: center;
	z-index: 1;
	margin-bottom: -29px;
	position: relative;
	bottom: 30px
}
#homePage #banner .slideBox .hd ul {
	zoom: 1;
	display: inline-block
}
#homePage #banner .slideBox .hd ul li {
	float: left;
	margin: 0 9px;
	width: 29px;
	height: 6px;
	border-radius: 3px;
	background: #fff;
	cursor: pointer
}
#homePage #banner .slideBox .hd ul li.on {
	background: #f32735
}
#homePage #banner .slideBox .bd {
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 0;
	cursor: pointer
}
#homePage #banner .slideBox .bd ul {
	position: relative;
	left: 50%;
	margin-left: -960px;
	width: 1920px;
	height: 640px;
	overflow: hidden
}
#homePage #banner .slideBox .bd li {
	zoom: 1;
	vertical-align: middle
}
#homePage #banner .slideBox .bd img {
	height: 640px;
	width: 1920px;
	display: block;
	object-fit: cover;
	object-position: top
}
#homePage #banner #reservation-mixin2 {
	position: absolute;
	left: 50%;
	top: 222px;
	margin-left: 268px
}
#homePage .course-wrapper .course-box {
	height: 680px
}
#homePage .course-wrapper .course-box .course-item {
	float: left;
	width: 340px;
	margin: 40px 40px 0 0;
	height: 300px;
	box-sizing: border-box;
	box-shadow: 0 0 10px 2px #eee;
	border-radius: 6px;
	overflow: hidden;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	transform: translate(0, 200px);
	-webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
	-ms-transform: translate(0, 200px);
	opacity: .2;
	position: relative
}
#homePage .course-wrapper .course-box .course-item .img-box {
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin-bottom: 20px
}
#homePage .course-wrapper .course-box .course-item .img-box img {
	width: 100%;
	height: auto;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}
#homePage .course-wrapper .course-box .course-item .desc-new {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	display: none;
	border-radius: 6px;
	background: #f32735;
	padding: 76px 30px
}
#homePage .course-wrapper .course-box .course-item .desc-new .item-title {
	text-align: left;
	color: #fff;
	margin-bottom: 30px
}
#homePage .course-wrapper .course-box .course-item .desc-new .item-desc {
	text-align: left;
	color: #fff;
	line-height: 28px
}
#homePage .course-wrapper .course-box .course-item:hover .img-box img {
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1)
}
#homePage .course-wrapper .course-box .course-item:hover .desc-new {
	display: block;
	opacity: 1;
	filter: alpha(opacity=100)
}
#homePage .course-wrapper .course-box .course-item:nth-child(3n) {
	margin-right: 0
}
#homePage .course-wrapper .course-box .course-item.animated {
	transform: translate(0);
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-o-transform: translate(0);
	-ms-transform: translate(0);
	opacity: 1
}
#homePage .quality-wrapper {
	background: #f8f8f8 url(../images/map-bg.png) center bottom;
	background-size: cover
}
#homePage .quality-wrapper .quality-box .quality-item {
	float: left;
	width: 340px;
	margin: 40px 40px 0 0;
	height: 116px
}
#homePage .quality-wrapper .quality-box .quality-item .item-title {
	position: relative;
	font-size: 52px;
	line-height: 60px;
	margin-bottom: 20px;
	font-weight: 400
}
#homePage .quality-wrapper .quality-box .quality-item .item-title::after {
	content: '';
	display: block;
	position: absolute;
	width: 40px;
	height: 2px;
	background: #e32d34;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	bottom: -10px;
	left: 50%;
	margin-left: -20px
}
#homePage .quality-wrapper .quality-box .quality-item:last-child {
	margin-right: 0
}
#homePage .quality-wrapper .quality-box .quality-item:hover .item-title::after {
	margin-left: -45px;
	width: 90px
}
#homePage .teacher-wrapper .layout {
	position: relative
}
#homePage .teacher-wrapper .layout .switch-btn {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background: #f8f8f8;
	cursor: pointer;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}
#homePage .teacher-wrapper .layout .switch-btn:hover {
	box-shadow: 0 0 10px #ccc
}
#homePage .teacher-wrapper .layout .switch-btn.pre-show-btn {
	left: 0;
	top: 50%;
	margin-top: 0
}
#homePage .teacher-wrapper .layout .switch-btn.pre-show-btn::after {
	content: '';
	width: 15px;
	height: 25px;
	display: block;
	background: url(../images/arrow-icon.png) no-repeat center top;
	position: absolute;
	background-size: cover;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -8px
}
#homePage .teacher-wrapper .layout .switch-btn.next-show-btn {
	right: 0;
	top: 50%;
	margin-top: 0
}
#homePage .teacher-wrapper .layout .switch-btn.next-show-btn::after {
	content: '';
	width: 15px;
	height: 25px;
	display: block;
	background: url(../images/arrow-icon.png) no-repeat center bottom;
	position: absolute;
	background-size: cover;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -8px
}
#homePage .teacher-wrapper .teacher-content-box {
	overflow: hidden;
	width: 900px;
	height: 408px;
	margin: 30px auto;
	position: relative
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item {
	display: none;
	left: 100%;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	transform: translateX(900px);
	-webkit-transform: translateX(900px);
	-moz-transform: translateX(900px);
	-o-transform: translateX(900px);
	-ms-transform: translateX(900px);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item::after {
	content: '”';
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 20px;
	color: #f0f0f0;
	font-size: 40px
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .img-box {
	width: 332px;
	height: 408px;
	float: left;
	overflow: hidden
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .img-box img {
	height: 100%;
	width: 100%
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box {
	float: right;
	width: 480px;
	margin-top: 50px;
	padding-right: 40px;
	box-sizing: border-box
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .item-title {
	margin-bottom: 20px;
	color: #333;
	text-align: left;
	font-size: 38px;
	padding-top: 50px;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .item-title .item-category {
	font-size: 24px;
	line-height: 40px;
	color: #333
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .tag-box {
	margin-bottom: 20px;
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .tag-box span {
	padding: 3px 10px;
	border-radius: 32px;
	font-size: 18px;
	line-height: 32px;
	color: #ec435e;
	background: #f6ebed
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .desc-detail {
	transform: translateY(10px);
	-webkit-transform: translateY(10px);
	-moz-transform: translateY(10px);
	-o-transform: translateY(10px);
	-ms-transform: translateY(10px);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item .desc-box .desc-detail p {
	font-size: 18px;
	line-height: 32px;
	margin-bottom: 10px;
	color: #999
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item.active {
	left: 0;
	display: block;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px)
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item.active .desc-box .item-title {
	transform: translate(0px, 0);
	-webkit-transform: translate(0px, 0);
	-moz-transform: translate(0px, 0);
	-o-transform: translate(0px, 0);
	-ms-transform: translate(0px, 0)
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item.active .desc-box .tag-box {
	transform: translate(0px, 0);
	-webkit-transform: translate(0px, 0);
	-moz-transform: translate(0px, 0);
	-o-transform: translate(0px, 0);
	-ms-transform: translate(0px, 0)
}
#homePage .teacher-wrapper .teacher-content-box .teacher-item.active .desc-box .desc-detail {
	transform: translate(0px, 0);
	-webkit-transform: translate(0px, 0);
	-moz-transform: translate(0px, 0);
	-o-transform: translate(0px, 0);
	-ms-transform: translate(0px, 0)
}
#homePage .teacher-wrapper .teacher-dot-box {
	position: relative;
	margin-bottom: 20px;
	height: 22px;
	padding: 0 374px
}
#homePage .teacher-wrapper .teacher-dot-box .item {
	cursor: pointer;
	width: 14px;
	height: 14px;
	border-radius: 14px;
	box-sizing: border-box;
	background: #e3e3e3;
	overflow: hidden;
	float: left;
	margin: 0 18px;
	transform: translateX(900px);
	-webkit-transform: translateX(900px);
	-moz-transform: translateX(900px);
	-o-transform: translateX(900px);
	-ms-transform: translateX(900px);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	opacity: 0
}
#homePage .teacher-wrapper .teacher-dot-box .item.animated {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px)
}
#homePage .teacher-wrapper .teacher-dot-box .item.active {
	background: #f32735
}
#homePage .teacher-wrapper .teacher-icon-box {
	position: relative;
	margin-bottom: 20px;
	height: 94px;
	padding: 0 100px
}
#homePage .teacher-wrapper .teacher-icon-box .item {
	cursor: pointer;
	width: 90px;
	height: 90px;
	overflow: hidden;
	float: left;
	margin: 0 15px;
	transform: translateX(900px);
	-webkit-transform: translateX(900px);
	-moz-transform: translateX(900px);
	-o-transform: translateX(900px);
	-ms-transform: translateX(900px);
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear;
	opacity: 0
}
#homePage .teacher-wrapper .teacher-icon-box .item.animated {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px)
}
#homePage .teacher-wrapper .teacher-icon-box .item img {
	width: 100%
}
#homePage .teacher-wrapper .teacher-icon-box .item img.active-show {
	display: none
}
#homePage .teacher-wrapper .teacher-icon-box .item.active img {
	display: none
}
#homePage .teacher-wrapper .teacher-icon-box .item.active img.active-show {
	display: block
}
#homePage .video-wrapper {
	width: 100%;
	background: #f8f8f8
}
#homePage .video-wrapper .layout .video-box {
	height: 362px;
	margin-top: 50px
}
#homePage .video-wrapper .layout .video-box .videoContainer {
	float: left;
	margin: 0 0 0 40px;
	position: relative;
	height: 356px;
	width: 550px;
	overflow: hidden
}
#homePage .video-wrapper .layout .video-box .videoContainer:hover {
	cursor: pointer
}
#homePage .video-wrapper .layout .video-box .videoContainer .videoImg {
	border-radius: 15px;
	width: 100%
}
#homePage .video-wrapper .layout .video-box .videoContainer .playCircle {
	position: absolute;
	width: 80px;
	height: 81px;
background:url(../images/vv.png) no-repeat center;
	background-size: contain;
	top: 125px;
	left: 236px;
	cursor: pointer
}
#homePage .video-wrapper .layout .video-box .videoContainer .playCircle.play-circle {
	-moz-animation: bganim 3s infinite;
	-webkit-animation: bganim 3s infinite;
	animation: bganim 3s infinite;
	-ms-animation: bganim 3s infinite;
	-o-animation: bganim 3s infinite
}
#homePage .video-wrapper .layout .video-box .videoContainer .dot {
	position: absolute;
	background: url('../images/video.png') no-repeat center;
	top: 125px;
	left: 240px;
	padding: 40px;
	cursor: pointer;
	width: 26px;
	height: 30px;
	background-size: 26px 30px;
	box-sizing: border-box
}
#homePage .video-wrapper .layout .video-box .videoContainer span {
	display: block;
	position: absolute;
	text-align: center
}
#homePage .video-wrapper .layout .video-box .videoContainer span.desc {
	width: 183px;
	height: 44px;
	top: 240px;
	left: 185px;
	line-height: 44px;
	background: #000;
	opacity: .5;
	filter: alpha(opacity=50);
	border-radius: 10px;
	font-size: 18px;
	color: #fff
}
#homePage .video-wrapper .layout .video-box .videoIconContainer {
	float: right;
	width: 440px;
	height: 100%;
	margin: 0;
	box-sizing: border-box;
	overflow: hidden
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul {
	width: 100%;
	height: 100%;
	position: relative
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li {
	width: 100%;
	padding: 20px 0 20px 100px;
	box-sizing: border-box;
	margin: 10px 0;
	overflow: hidden;
	position: absolute;
	right: -360px;
	opacity: .2;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li:hover {
	transform: translateX(4px);
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-o-transform: translateX(4px);
	-ms-transform: translateX(4px)
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li.liFirst {
	background: url(../images/video-icons.png) no-repeat 0 12px;
	background-size: 80px;
	top: 0
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li.liSecond {
	background: url(../images/video-icons.png) no-repeat 0 -108px;
	background-size: 80px;
	top: 115px
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li.liThird {
	background: url(../images/video-icons.png) no-repeat 0 -230px;
	background-size: 80px;
	top: 230px
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li .item-title {
	text-align: left;
	font-size: 18px
}
#homePage .video-wrapper .layout .video-box .videoIconContainer ul li p {
	font-size: 14px;
	line-height: 22px;
	color: #999
}
#homePage .video-wrapper .layout .video-box .videoIconContainer .small-btn {
	color: #fff;
	margin-left: -150px;
	margin-top: 8px;
	text-decoration: none
}
#homePage .video-wrapper .layout .btn-wrapper .btn {
	width: 290px
}
#homePage #zmStuPlayerPopup {
	display: none
}
#homePage #zmStuPlayerPopup .overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	opacity: .6;
	filter: alpha(opacity=60);
	z-index: 999
}
#homePage #zmStuPlayerPopup .popup-container {
	width: 700px;
	height: 435px;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background: #fff;
	border-radius: 3px;
	z-index: 1000
}
#homePage #zmStuPlayerPopup .popup-container .popup-content {
	padding: 12px
}
#homePage #zmStuPlayerPopup .popup-container .popup-content .popup-body {
	height: 375px
}
#homePage #zmStuPlayerPopup .popup-container .popup-content .popup-body .stu-player {
	height: 100%
}
#homePage #zmStuPlayerPopup .popup-container .popup-content .popup-foot {
	position: relative;
	font-size: 14px;
	padding-top: 12px
}
#homePage #zmStuPlayerPopup .popup-container .popup-content .popup-foot .btn-close {
	position: absolute;
	right: 0;
	bottom: 0;
	cursor: pointer
}
#homePage .online-wrapper .bg-content {
	background: url(../images/teachericon.png) no-repeat center bottom;
	background-size: contain;
	height: 450px
}
#homePage .online-wrapper .bg-content .tag-wrapper .tag-box {
	width: 320px;
	height: 154px;
	position: relative;
	padding: 30px 0 0 125px;
	box-sizing: border-box;
	margin-top: 20px;
	transition: all .6s linear;
	-webkit-transition: all .6s linear;
	-moz-transition: all .6s linear;
	-o-transition: all .6s linear;
	-ms-transition: all .6s linear;
	opacity: .2
}
#homePage .online-wrapper .bg-content .tag-wrapper .tag-box .tag-icon {
	position: absolute;
	left: 25px;
	top: 50%;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background: url(../images/icons.png) no-repeat center top;
	background-size: cover
}
#homePage .online-wrapper .bg-content .tag-wrapper .tag-box .item-title {
	text-align: left;
	margin-bottom: 5px;
	font-size: 18px
}
#homePage .online-wrapper .bg-content .tag-wrapper .tag-box p {
	line-height: 24px;
	font-size: 14px;
	color: #999
}
#homePage .online-wrapper .bg-content .tag-wrapper .tag-box p.tag {
	color: #e90c2f;
	line-height: 24px
}
#homePage .online-wrapper .bg-content .tag-wrapper.left-wrapper {
	float: left;
	margin-left: 50px
}
#homePage .online-wrapper .bg-content .tag-wrapper.left-wrapper .tag-box {
	background: url(../images/shape-icon-bg.png) no-repeat -10px center;
	background-size: cover;
	transform: translate(-100px, 0);
	-webkit-transform: translate(-100px, 0);
	-moz-transform: translate(-100px, 0);
	-o-transform: translate(-100px, 0);
	-ms-transform: translate(-100px, 0)
}
#homePage .online-wrapper .bg-content .tag-wrapper.left-wrapper .tag-box.animated {
	opacity: 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0)
}
#homePage .online-wrapper .bg-content .tag-wrapper.left-wrapper .tag-box:last-child .tag-icon {
	background: url(../images/icons.png) no-repeat center -205px;
	background-size: cover
}
#homePage .online-wrapper .bg-content .tag-wrapper.left-wrapper .tag-box:hover {
	transform: translateX(4px);
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-o-transform: translateX(4px);
	-ms-transform: translateX(4px)
}
#homePage .online-wrapper .bg-content .tag-wrapper.right-wrapper {
	float: right;
	margin-right: 50px
}
#homePage .online-wrapper .bg-content .tag-wrapper.right-wrapper .tag-box {
	background: url(../images/shape-icon-bg.png) no-repeat -348px center;
	background-size: cover;
	transform: translate(100px, 0);
	-webkit-transform: translate(100px, 0);
	-moz-transform: translate(100px, 0);
	-o-transform: translate(100px, 0);
	-ms-transform: translate(100px, 0)
}
#homePage .online-wrapper .bg-content .tag-wrapper.right-wrapper .tag-box.animated {
	opacity: 1;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0)
}
#homePage .online-wrapper .bg-content .tag-wrapper.right-wrapper .tag-box:first-child .tag-icon {
	background: url(../images/icons.png) no-repeat center -98px;
	background-size: cover
}
#homePage .online-wrapper .bg-content .tag-wrapper.right-wrapper .tag-box:last-child .tag-icon {
	background: url(../images/icons.png) no-repeat center -315px;
	background-size: cover
}
#homePage .online-wrapper .bg-content .tag-wrapper.right-wrapper .tag-box:hover {
	transform: translateX(-4px);
	-webkit-transform: translateX(-4px);
	-moz-transform: translateX(-4px);
	-o-transform: translateX(-4px);
	-ms-transform: translateX(-4px)
}
#homePage .plan-wrapper {
	background: #f8f8f8
}
#homePage .plan-wrapper .plan-box {
	position: relative;
	height: 480px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box {
	width: 720px;
	height: 400px;
background:url(../images/椭圆 583.png) no-repeat center 32px;
	background-size: 708px 354px;
	left: 50%;
	bottom: 20px;
	margin-left: -360px;
	position: absolute
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box {
	position: absolute;
	width: 150px;
	height: 40px;
	border-radius: 4px;
	box-shadow: 0 0 10px 2px #ddd;
	box-sizing: border-box;
	text-align: right;
	padding: 4px 10px 4px 8px;
	z-index: 2;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box .tag-box {
	font-size: 20px;
	line-height: 32px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box p {
	position: absolute;
	left: -76px;
	width: 180px;
	text-align: right;
	line-height: 22px;
	font-size: 14px;
	opacity: 0;
	height: 0;
	padding-top: 15px;
	color: #999;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box::after {
	position: absolute;
	width: 20px;
	height: 20px;
	border-radius: 20px;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	border: 1px solid #bebebe;
	color: #bebebe;
	background: #fff
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box::before {
	content: '';
	width: 0;
	height: 0;
	position: absolute;
	right: -16px;
	top: 50%;
	margin: -4px 0 0 0;
	border: 8px solid transparent;
	border-left-color: #fff
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(1) {
	background: #fff url(../images/iconplan4_441a062.png) no-repeat 15px 8px;
	background-size: 28px;
	left: -122px;
	bottom: 202px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(1):hover {
	transform: translateX(-4px);
	-webkit-transform: translateX(-4px);
	-moz-transform: translateX(-4px);
	-o-transform: translateX(-4px);
	-ms-transform: translateX(-4px)
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(1)::after {
	content: '1';
	right: -61px;
	bottom: 14px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(2) {
	background: #fff url(../images/iconplan4_441a062.png) no-repeat 15px -56px;
	background-size: 28px;
	left: 24px;
	bottom: 346px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(2):hover {
	transform: translateX(-4px);
	-webkit-transform: translateX(-4px);
	-moz-transform: translateX(-4px);
	-o-transform: translateX(-4px);
	-ms-transform: translateX(-4px)
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(2)::after {
	content: '2';
	right: -106px;
	bottom: -4px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(2) p {
	left: -125px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(3) {
	background: #fff url(../images/iconplan4_441a062.png) no-repeat 15px -173px;
	background-size: 28px;
	right: 14px;
	bottom: 332px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(3):hover {
	transform: translateX(4px);
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-o-transform: translateX(4px);
	-ms-transform: translateX(4px)
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(3)::before {
	right: none;
	left: -16px;
	border-color: transparent;
	border-right-color: #fff
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(3)::after {
	content: '3';
	left: -67px;
	bottom: -5px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(3) p {
	left: 100px;
	text-align: left
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(4) {
	background: #fff url(../images/iconplan4_441a062.png) no-repeat 15px -117px;
	background-size: 28px;
	right: -148px;
	bottom: 165px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(4):hover {
	transform: translateX(4px);
	-webkit-transform: translateX(4px);
	-moz-transform: translateX(4px);
	-o-transform: translateX(4px);
	-ms-transform: translateX(4px)
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(4)::before {
	right: none;
	left: -16px;
	border-color: transparent;
	border-right-color: #fff
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(4)::after {
	content: '4';
	left: -61px;
	bottom: 13px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box:nth-child(4) p {
	left: 20px;
	text-align: left
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box.active::after {
	border-color: #e90c2f;
	color: #e90c2f
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .item-box.active p {
	opacity: 1;
	height: auto
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .img-box {
	position: absolute;
	bottom: 28px;
	left: 50%;
	margin-left: -125px;
	width: 250px;
	height: 180px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .img-box .img-item {
	width: 146px;
	height: 146px;
	overflow: hidden;
	margin: 0 auto 10px
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .img-box .img-item img {
	width: 100%;
	height: auto
}
#homePage .plan-wrapper .plan-box .canvas-bg-box .img-box p {
	text-align: center;
	font-size: 14px;
	line-height: 22px
}
#homePage .plan-wrapper .plan-box.not-canvas {
	background: url(../images/t.png) no-repeat center -182px;
	width: 100%;
	background-size: 2001px
}
#homePage .plan-wrapper .plan-box.not-canvas .canvas-bg-box {
	display: none
}
#homePage .plan-wrapper .plan-box.not-canvas .canvas-box {
	display: none
}
#homePage .plan-wrapper .plan-box.not-canvas .img-box {
	display: none
}
#homePage .plan-wrapper .plan-box .canvas-box {
	width: 640px;
	height: 400px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -320px;
	z-index: 1
}
#homePage .plan-wrapper .plan-box.not-canvas {
	background: url(../images/t.png) no-repeat center -182px;
	width: 100%;
	background-size: 2001px
}
#homePage .plan-wrapper .plan-box.not-canvas .canvas-bg-box {
	display: none
}
#homePage .plan-wrapper .plan-box.not-canvas .canvas-box {
	display: none
}
#homePage .plan-wrapper .plan-box.not-canvas .img-box {
	display: none
}
#homePage .plan-wrapper .plan-box .canvas-box {
	width: 640px;
	height: 400px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -320px;
	z-index: 1
}
#homePage .plan-wrapper .btn-wrapper .btn {
	width: 135px
}
#homePage .history-wrapper {
	background: url(../images/company.png) no-repeat center top;
	background-size: 100% 410px
}
#homePage .history-wrapper .history-content {
	background: #e90c2f;
	padding: 45px;
	color: #fff;
	font-size: 18px;
	line-height: 30px;
	margin: 70px auto 20px;
	width: 586px;
	box-sizing: border-box;
	border-radius: 8px
}
#homePage .history-wrapper .time-line {
	width: 100%;
	height: 210px;
	background: url(../images/history-record.png) no-repeat center;
	background-size: contain;
	margin-bottom: 40px;
	transition: all .6s linear;
	-webkit-transition: all .6s linear;
	-moz-transition: all .6s linear;
	-o-transition: all .6s linear;
	-ms-transition: all .6s linear;
	transform: translate(0, 200px);
	-webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
	-ms-transform: translate(0, 200px);
	opacity: .2
}
#homePage .history-wrapper .time-line.animated {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px)
}
#homePage .history-wrapper .cooperate-box {
	width: 100%;
	height: 275px;
	background: url(../images/partner.png) no-repeat center;
	background-size: contain;
	transition: all .6s linear;
	-webkit-transition: all .6s linear;
	-moz-transition: all .6s linear;
	-o-transition: all .6s linear;
	-ms-transition: all .6s linear;
	transform: translate(0, 200px);
	-webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
	-ms-transform: translate(0, 200px);
	opacity: .2
}
#homePage .history-wrapper .cooperate-box.animated {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px)
}
#homePage .glory-wrapper {
	background: #f8f8f8
}
#homePage .glory-wrapper .layout {
	position: relative;
	margin-top: 50px
}
#homePage .glory-wrapper .switch-btn {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background: #fff;
	cursor: pointer;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}
#homePage .glory-wrapper .switch-btn:hover {
	box-shadow: 0 0 10px #ccc
}
#homePage .glory-wrapper .switch-btn.pre-show-btn {
	left: -80px;
	top: 50%;
	margin-top: -30px
}
#homePage .glory-wrapper .switch-btn.pre-show-btn::after {
	content: '';
	width: 15px;
	height: 25px;
	display: block;
	background: url(../images/arrow-icon.png) no-repeat center top;
	position: absolute;
	background-size: cover;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -8px
}
#homePage .glory-wrapper .switch-btn.next-show-btn {
	right: -80px;
	top: 50%;
	margin-top: -30px
}
#homePage .glory-wrapper .switch-btn.next-show-btn::after {
	content: '';
	width: 15px;
	height: 25px;
	display: block;
	background: url(../images/arrow-icon.png) no-repeat center bottom;
	position: absolute;
	background-size: cover;
	left: 50%;
	top: 50%;
	margin: -12px 0 0 -8px
}
#homePage .glory-wrapper .glory-box {
	width: 100%;
	height: 465px;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 20px;
	transition: all .6s linear;
	-webkit-transition: all .6s linear;
	-moz-transition: all .6s linear;
	-o-transition: all .6s linear;
	-ms-transition: all .6s linear;
	transform: translate(0, 200px);
	-webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
	-ms-transform: translate(0, 200px);
	opacity: .2
}
#homePage .glory-wrapper .glory-box.animated {
	opacity: 1;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-o-transform: translateX(0px);
	-ms-transform: translateX(0px)
}
#homePage .glory-wrapper .glory-box .glory-content {
	width: 2160px;
	height: 100%;
	position: relative;
	left: 0;
	display:flex;
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item {
	float: left;
	margin: 0 30px;
	width: calc(215px)
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .img-box {
	text-align: center;
	width: 200px;
	height: 425px;
	margin: 0 auto 30px
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .img-box img {
	margin: 0 auto;
	height: 100%;
	width: 100%
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .desc-box {
	width: 100%;
	position: relative;
	text-align: center
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .desc-box::before {
	content: '';
	position: absolute;
	height: 64px;
	width: 35px;
	left: -12px;
	top: 0;
	display: block;
	background: url(../images/cury-break-icon.png) no-repeat 0 top;
	background-size: cover
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .desc-box::after {
	content: '';
	position: absolute;
	height: 64px;
	width: 35px;
	right: -12px;
	top: 0;
	display: block;
	background: url(../images/cury-break-icon.png) no-repeat right center;
	background-size: cover
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item .desc-box p {
	line-height: 32px;
	font-size: 16px;
	color: #999
}
#homePage .glory-wrapper .glory-box .glory-content .glory-item:hover .desc-box p {
	color: #e90c2f
}
#homePage .brand-wrapper {
	margin-bottom: 100px;
	overflow: hidden
}
#homePage .brand-wrapper .section-title {
	margin-bottom: 50px
}
#homePage .brand-wrapper .brand-item {
	float: left;
	width: calc(255.5px);
	height: 318px;
	border-radius: 4px;
	box-sizing: border-box;
	transition: all .3s linear;
	background: #f54f50;
	margin-right: 166.75px;
	box-shadow: 0 0 10px 2px #eee;
	position: relative;
	transition: all .6s linear;
	-webkit-transition: all .6s linear;
	-moz-transition: all .6s linear;
	-o-transition: all .6s linear;
	-ms-transition: all .6s linear;
	transform: translate(0, 200px);
	-webkit-transform: translate(0, 200px);
	-moz-transform: translate(0, 200px);
	-o-transform: translate(0, 200px);
	-ms-transform: translate(0, 200px);
	opacity: .2
}
#homePage .brand-wrapper .brand-item a {
	text-decoration: none
}
#homePage .brand-wrapper .brand-item .brand-name {
	height: 125px;
	background: url(../images/brand-logo1.png) no-repeat 56px -82px;
	background-size: 190px
}
#homePage .brand-wrapper .brand-item .brand-content {
	background: #fff;
	border-top-left-radius: 50px;
	height: 170px;
	width: 258px;
	padding: 30px 50px;
	box-sizing: border-box;
	position: absolute;
	left: -1px;
	bottom: -1px;
	overflow: hidden;
	transition: all .3s linear;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-o-transition: all .3s linear;
	-ms-transition: all .3s linear
}
#homePage .brand-wrapper .brand-item .brand-content h3 {
	font-size: 24px;
	color: #333;
	line-height: 32px;
	padding: 0 0 20px;
	position: relative
}
#homePage .brand-wrapper .brand-item .brand-content h3::after {
	content: '';
	width: 30px;
	height: 2px;
	background: #f54f50;
	position: absolute;
	left: 4px;
	bottom: 0;
	transition: width .3s linear;
	-webkit-transition: width .3s linear;
	-moz-transition: width .3s linear;
	-o-transition: width .3s linear;
	-ms-transition: width .3s linear
}
#homePage .brand-wrapper .brand-item .brand-content p {
	margin-top: 20px;
	font-size: 14px;
	line-height: 22px;
	color: #999
}
#homePage .brand-wrapper .brand-item .brand-content p.hover-show {
	display: none
}
#homePage .brand-wrapper .brand-item:first-child {
	background: #e90c2f
}
#homePage .brand-wrapper .brand-item:first-child .brand-name {
	height: 125px;
	background: url(../images/brand-logo1.png) no-repeat 56px 50px;
	background-size: 190px
}
#homePage .brand-wrapper .brand-item:first-child .brand-content h3::after {
	background: #e90c2f
}
#homePage .brand-wrapper .brand-item:nth-child(2) {
	background: #c80032
}
#homePage .brand-wrapper .brand-item:nth-child(2) .brand-name {
	height: 125px;
	background: url(../images/brand-logo1.png) no-repeat 56px -338px;
	background-size: 190px
}
#homePage .brand-wrapper .brand-item:nth-child(2) .brand-content h3::after {
	background: #c80032
}
#homePage .brand-wrapper .brand-item:last-child {
	background: #ffe229;
	margin-right: 0
}
#homePage .brand-wrapper .brand-item:last-child .brand-name {
	height: 125px;
	background: url(../images/brand-logo1.png) no-repeat 56px -85px;
	background-size: 190px
}
#homePage .brand-wrapper .brand-item:last-child .brand-content h3::after {
	background: #ffe229
}
#homePage .brand-wrapper .brand-item:hover {
	box-shadow: 0 0 10px 2px #ccc
}
#homePage .brand-wrapper .brand-item:hover .brand-content {
	height: calc(101%);
	padding-top: 70px;
	bottom: -3px
}
#homePage .brand-wrapper .brand-item:hover .brand-content h3::after {
	width: 90px
}
#homePage .brand-wrapper .brand-item:hover .brand-content p {
	display: none
}
#homePage .brand-wrapper .brand-item:hover .brand-content p.hover-show {
	line-height: 28px;
	display: block
}
#homePage .brand-wrapper .brand-item.animated {
	transform: translate(0);
	-webkit-transform: translate(0);
	-moz-transform: translate(0);
	-o-transform: translate(0);
	-ms-transform: translate(0);
	opacity: 1
}
@keyframes bganim {
from {
transform:rotate(0deg)
}
to {
	transform: rotate(360deg)
}
}
@-webkit-keyframes bganim {
from {
transform:rotate(0deg)
}
to {
	transform: rotate(360deg)
}
}
@-ms-keyframes bganim {
from {
transform:rotate(0deg)
}
to {
	transform: rotate(360deg)
}
}
@-moz-keyframes bganim {
from {
transform:rotate(0deg)
}
to {
	transform: rotate(360deg)
}
}
@-o-keyframes bganim {
from {
transform:rotate(0deg)
}
to {
	transform: rotate(360deg)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
visibility:hidden;
transform:translate3d(0, 40px, 0);
-webkit-transform:translate3d(0, 40px, 0);
-moz-transform:translate3d(0, 40px, 0);
-o-transform:translate3d(0, 40px, 0);
-ms-transform:translate3d(0, 40px, 0)
}
100% {
visibility:visible;
opacity:1;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
-ms-transform:none
}
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
visibility:hidden;
transform:translate3d(0, 40px, 0);
-webkit-transform:translate3d(0, 40px, 0);
-moz-transform:translate3d(0, 40px, 0);
-o-transform:translate3d(0, 40px, 0);
-ms-transform:translate3d(0, 40px, 0)
}
100% {
visibility:visible;
opacity:1;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
-ms-transform:none
}
}
@-ms-keyframes fadeInUp {
0% {
opacity:0;
visibility:hidden;
transform:translate3d(0, 40px, 0);
-webkit-transform:translate3d(0, 40px, 0);
-moz-transform:translate3d(0, 40px, 0);
-o-transform:translate3d(0, 40px, 0);
-ms-transform:translate3d(0, 40px, 0)
}
100% {
visibility:visible;
opacity:1;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
-ms-transform:none
}
}
@-moz-keyframes fadeInUp {
0% {
opacity:0;
visibility:hidden;
transform:translate3d(0, 40px, 0);
-webkit-transform:translate3d(0, 40px, 0);
-moz-transform:translate3d(0, 40px, 0);
-o-transform:translate3d(0, 40px, 0);
-ms-transform:translate3d(0, 40px, 0)
}
100% {
visibility:visible;
opacity:1;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
-ms-transform:none
}
}
@-o-keyframes fadeInUp {
0% {
opacity:0;
visibility:hidden;
transform:translate3d(0, 40px, 0);
-webkit-transform:translate3d(0, 40px, 0);
-moz-transform:translate3d(0, 40px, 0);
-o-transform:translate3d(0, 40px, 0);
-ms-transform:translate3d(0, 40px, 0)
}
100% {
visibility:visible;
opacity:1;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-o-transform:none;
-ms-transform:none
}
}
#notice {
	height: 60px;
	background: #fff3ee
}
#notice .layout {
	position: relative;
	padding: 0 120px;
	height: 60px;
	box-sizing: border-box
}
#notice .layout .img1 {
	position: absolute;
	top: 16px;
	left: 80px;
	width: 28px;
	height: 28px
}
#notice .layout .content {
	width: 980px;
	height: 60px;
	display: inline-block;
	overflow: hidden;
	line-height: 60px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none
}
#notice .layout .close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 40px;
	height: 40px;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	background: url(../images/icon_cancel_normal_99188eb.png) no-repeat center
}
#notice .layout .close:hover {
	background: url(../images/icon_cancel_hover_651a01e.png) no-repeat center
}