/* www.dedecom.cn 专业dedecms织梦模板服务商!*/
html{font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
body{margin: 0}
.hide{display: none!important}
.show{display: block!important}
.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}
@-webkit-keyframes bounce{0%, 100%, 20%, 53%, 80%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-timing-function:cubic-bezier(0.215, .61, .355, 1);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}
70%{-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-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{0%, 100%, 20%, 53%, 80%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-timing-function:cubic-bezier(0.215, .61, .355, 1);-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-webkit-transform:translate3d(0, -30px, 0);-ms-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}
70%{-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);transition-timing-function:cubic-bezier(0.755, .050, .855, .060);-webkit-transform:translate3d(0, -15px, 0);-ms-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}
90%{-webkit-transform:translate3d(0, -4px, 0);-ms-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}
.bounce{-webkit-animation-name: bounce;animation-name: bounce;-webkit-transform-origin: center bottom;-ms-transform-origin: center bottom;transform-origin: center bottom}
@-webkit-keyframes flash{0%, 100%, 50%{opacity:1}
25%, 75%{opacity:0}}
@keyframes flash{0%, 100%, 50%{opacity:1}
25%, 75%{opacity:0}}
.flash{-webkit-animation-name: flash;animation-name: flash}
@-webkit-keyframes pulse{0%{-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)}
100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
@keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);-ms-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}
100%{-webkit-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
.pulse{-webkit-animation-name: pulse;animation-name: pulse}
@-webkit-keyframes rubberBand{0%{-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(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1)}
75%{-webkit-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1)}
100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
@keyframes rubberBand{0%{-webkit-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
30%{-webkit-transform:scale3d(1.25, .75, 1);-ms-transform:scale3d(1.25, .75, 1);transform:scale3d(1.25, .75, 1)}
40%{-webkit-transform:scale3d(0.75, 1.25, 1);-ms-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}
50%{-webkit-transform:scale3d(1.15, .85, 1);-ms-transform:scale3d(1.15, .85, 1);transform:scale3d(1.15, .85, 1)}
65%{-webkit-transform:scale3d(.95, 1.05, 1);-ms-transform:scale3d(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1)}
75%{-webkit-transform:scale3d(1.05, .95, 1);-ms-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1)}
100%{-webkit-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
.rubberBand{-webkit-animation-name: rubberBand;animation-name: rubberBand}
@-webkit-keyframes shake{0%, 100%{-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{0%, 100%{-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-10px, 0, 0);-ms-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}
20%, 40%, 60%, 80%{-webkit-transform:translate3d(10px, 0, 0);-ms-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}
.shake{-webkit-animation-name: shake;animation-name: shake}
@-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)}
100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}}
@keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);-ms-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg)}
40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);-ms-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg)}
60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);-ms-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg)}
80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);-ms-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg)}
100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);-ms-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg)}}
.swing{-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;-webkit-animation-name: swing;animation-name: swing}
@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.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)}
100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
@keyframes tada{0%{-webkit-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}
10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);-ms-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.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);-ms-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);-ms-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)}
100%{-webkit-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
.tada{-webkit-animation-name: tada;animation-name: tada}
@-webkit-keyframes wobble{0%{-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)}
100%{-webkit-transform:none;transform:none}}
@keyframes wobble{0%{-webkit-transform:none;-ms-transform:none;transform:none}
15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);-ms-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);-ms-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);-ms-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);-ms-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);-ms-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}}
.wobble{-webkit-animation-name: wobble;animation-name: wobble}
@-webkit-keyframes bounceIn{0%, 100%, 20%, 40%, 60%, 80%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.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(.9, .9, .9);transform:scale3d(.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(.97, .97, .97);transform:scale3d(.97, .97, .97)}
100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
@keyframes bounceIn{0%, 100%, 20%, 40%, 60%, 80%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);-ms-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);-ms-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}
40%{-webkit-transform:scale3d(.9, .9, .9);-ms-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9)}
60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);-ms-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03)}
80%{-webkit-transform:scale3d(.97, .97, .97);-ms-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97)}
100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1)}}
.bounceIn{-webkit-animation-name: bounceIn;animation-name: bounceIn;-webkit-animation-duration: .75s;animation-duration: .75s}
@-webkit-keyframes bounceInDown{0%, 100%, 60%, 75%, 90%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-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)}
100%{-webkit-transform:none;transform:none}}
@keyframes bounceInDown{0%, 100%, 60%, 75%, 90%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);-ms-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0)}
60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);-ms-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0)}
75%{-webkit-transform:translate3d(0, -10px, 0);-ms-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}
90%{-webkit-transform:translate3d(0, 5px, 0);-ms-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}}
.bounceInDown{-webkit-animation-name: bounceInDown;animation-name: bounceInDown}
@-webkit-keyframes bounceInLeft{0%, 100%, 60%, 75%, 90%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-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)}
100%{-webkit-transform:none;transform:none}}
@keyframes bounceInLeft{0%, 100%, 60%, 75%, 90%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);-ms-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0)}
60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);-ms-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0)}
75%{-webkit-transform:translate3d(-10px, 0, 0);-ms-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}
90%{-webkit-transform:translate3d(5px, 0, 0);-ms-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}}
.bounceInLeft{-webkit-animation-name: bounceInLeft;animation-name: bounceInLeft}
@-webkit-keyframes bounceInRight{0%, 100%, 60%, 75%, 90%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-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)}
100%{-webkit-transform:none;transform:none}}
@keyframes bounceInRight{0%, 100%, 60%, 75%, 90%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0%{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);-ms-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0)}
60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);-ms-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0)}
75%{-webkit-transform:translate3d(10px, 0, 0);-ms-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}
90%{-webkit-transform:translate3d(-5px, 0, 0);-ms-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0)}
100%{-webkit-transform:none;-ms-transform:none;transform:none}}
.bounceInRight{-webkit-animation-name: bounceInRight;animation-name: bounceInRight}
@-webkit-keyframes bounceInUp{0%, 100%, 60%, 75%, 90%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-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, -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)}
100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}}
@keyframes bounceInUp{0%, 100%, 60%, 75%, 90%{-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);transition-timing-function:cubic-bezier(0.215, .61, .355, 1)}
0%{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);-ms-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0)}
60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);-ms-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}
75%{-webkit-transform:translate3d(0, 10px, 0);-ms-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}
90%{-webkit-transform:translate3d(0, -5px, 0);-ms-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0)}
100%{-webkit-transform:translate3d(0, 0, 0);-ms-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(.9, .9, .9);transform:scale3d(.9, .9, .9)}
50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}}
@keyframes bounceOut{20%{-webkit-transform:scale3d(.9, .9, .9);-ms-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9)}
50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);-ms-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}
100%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);-ms-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}}
.bounceOut{-webkit-animation-name: bounceOut;animation-name: bounceOut;-webkit-animation-duration: .75s;animation-duration: .75s}
@-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)}
100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}
@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);-ms-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0)}
40%, 45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);-ms-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0)}
100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);-ms-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)}
100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}
@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);-ms-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0)}
100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);-ms-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)}
100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}
@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);-ms-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0)}
100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);-ms-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)}
100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}
@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);-ms-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0)}
40%, 45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);-ms-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0)}
100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);-ms-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}
.bounceOutUp{-webkit-animation-name: bounceOutUp;animation-name: bounceOutUp}
@-webkit-keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}}
.fadeIn{-webkit-animation-name: fadeIn;animation-name: fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDown{-webkit-animation-name: fadeInDown;animation-name: fadeInDown}
@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);-ms-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInDownBig{-webkit-animation-name: fadeInDownBig;animation-name: fadeInDownBig}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeft{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft}
@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);-ms-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInLeftBig{-webkit-animation-name: fadeInLeftBig;animation-name: fadeInLeftBig}
@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRight{-webkit-animation-name: fadeInRight;animation-name: fadeInRight}
@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);-ms-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInRightBig{-webkit-animation-name: fadeInRightBig;animation-name: fadeInRightBig}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUp{-webkit-animation-name: fadeInUp;animation-name: fadeInUp}
@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);-ms-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.fadeInUpBig{-webkit-animation-name: fadeInUpBig;animation-name: fadeInUpBig}
@-webkit-keyframes fadeOut{0%{opacity:1}
100%{opacity:0}}
@keyframes fadeOut{0%{opacity:1}
100%{opacity:0}}
.fadeOut{-webkit-animation-name: fadeOut;animation-name: fadeOut}
@-webkit-keyframes fadeOutDown{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}
@keyframes fadeOutDown{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);-ms-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0)}}
.fadeOutDown{-webkit-animation-name: fadeOutDown;animation-name: fadeOutDown}
@-webkit-keyframes fadeOutDownBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}
@keyframes fadeOutDownBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);-ms-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0)}}
.fadeOutDownBig{-webkit-animation-name: fadeOutDownBig;animation-name: fadeOutDownBig}
@-webkit-keyframes fadeOutLeft{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}
@keyframes fadeOutLeft{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0)}}
.fadeOutLeft{-webkit-animation-name: fadeOutLeft;animation-name: fadeOutLeft}
@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}
@keyframes fadeOutLeftBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);-ms-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0)}}
.fadeOutLeftBig{-webkit-animation-name: fadeOutLeftBig;animation-name: fadeOutLeftBig}
@-webkit-keyframes fadeOutRight{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}
@keyframes fadeOutRight{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0)}}
.fadeOutRight{-webkit-animation-name: fadeOutRight;animation-name: fadeOutRight}
@-webkit-keyframes fadeOutRightBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}
@keyframes fadeOutRightBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);-ms-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0)}}
.fadeOutRightBig{-webkit-animation-name: fadeOutRightBig;animation-name: fadeOutRightBig}
@-webkit-keyframes fadeOutUp{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}
@keyframes fadeOutUp{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);-ms-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0)}}
.fadeOutUp{-webkit-animation-name: fadeOutUp;animation-name: fadeOutUp}
@-webkit-keyframes fadeOutUpBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}
@keyframes fadeOutUpBig{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);-ms-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0)}}
.fadeOutUpBig{-webkit-animation-name: fadeOutUpBig;animation-name: fadeOutUpBig}
@-webkit-keyframes flip{0%{-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(.95, .95, .95);transform:perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);-ms-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);-ms-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);-ms-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(.95, .95, .95);-ms-transform:perspective(400px) scale3d(.95, .95, .95);transform:perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}
.animated.flip{-webkit-backface-visibility: visible;-ms-backface-visibility: visible;backface-visibility: visible;-webkit-animation-name: flip;animation-name: flip}
@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-ms-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);-ms-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);-ms-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}
.flipInX{-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipInX;animation-name: flipInX}
@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-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-transition-timing-function:ease-in;transition-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)}
100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-ms-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);-ms-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);-ms-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg)}
100%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}}
.flipInY{-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipInY;animation-name: flipInY}
@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}
@keyframes flipOutX{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-ms-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-ms-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-animation-duration: .75s;animation-duration: .75s;-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important}
@-webkit-keyframes flipOutY{0%{-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}
100%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}
@keyframes flipOutY{0%{-webkit-transform:perspective(400px);-ms-transform:perspective(400px);transform:perspective(400px)}
30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);-ms-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1}
100%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-ms-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0}}
.flipOutY{-webkit-backface-visibility: visible!important;-ms-backface-visibility: visible!important;backface-visibility: visible!important;-webkit-animation-name: flipOutY;animation-name: flipOutY;-webkit-animation-duration: .75s;animation-duration: .75s}
@-webkit-keyframes lightSpeedIn{0%{-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}
100%{-webkit-transform:none;transform:none;opacity:1}}
@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);-ms-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0}
60%{-webkit-transform:skewX(20deg);-ms-transform:skewX(20deg);transform:skewX(20deg);opacity:1}
80%{-webkit-transform:skewX(-5deg);-ms-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}
100%{-webkit-transform:none;-ms-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{0%{opacity:1}
100%{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0}}
@keyframes lightSpeedOut{0%{opacity:1}
100%{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);-ms-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{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}
@keyframes rotateIn{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);-ms-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0}
100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}
.rotateIn{-webkit-animation-name: rotateIn;animation-name: rotateIn}
@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}
@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);-ms-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}
.rotateInDownLeft{-webkit-animation-name: rotateInDownLeft;animation-name: rotateInDownLeft}
@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}
@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);-ms-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}
.rotateInDownRight{-webkit-animation-name: rotateInDownRight;animation-name: rotateInDownRight}
@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}
@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);-ms-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}
.rotateInUpLeft{-webkit-animation-name: rotateInUpLeft;animation-name: rotateInUpLeft}
@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}
@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);-ms-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}}
.rotateInUpRight{-webkit-animation-name: rotateInUpRight;animation-name: rotateInUpRight}
@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0}}
@keyframes rotateOut{0%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;opacity:1}
100%{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);-ms-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-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{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);-ms-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-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{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);-ms-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{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-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{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;opacity:1}
100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);-ms-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{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-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{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;opacity:1}
100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);-ms-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}
100%{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0}}
@keyframes hinge{0%{-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
20%, 60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);-ms-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}
40%, 80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);-ms-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}
100%{-webkit-transform:translate3d(0, 700px, 0);-ms-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0}}
.hinge{-webkit-animation-name: hinge;animation-name: hinge}
@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}
100%{opacity:1;-webkit-transform:none;transform:none}}
@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);-ms-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)}
100%{opacity:1;-webkit-transform:none;-ms-transform:none;transform:none}}
.rollIn{-webkit-animation-name: rollIn;animation-name: rollIn}
@-webkit-keyframes rollOut{0%{opacity:1}
100%{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{0%{opacity:1}
100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);-ms-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{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
50%{opacity:1}}
@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);-ms-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
50%{opacity:1}}
.zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn}
@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.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(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.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{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-ms-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.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(.475, .475, .475) translate3d(0, 60px, 0);-ms-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.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{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.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(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.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{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-ms-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.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(.475, .475, .475) translate3d(10px, 0, 0);-ms-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.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{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.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(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.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{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-ms-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.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(.475, .475, .475) translate3d(-10px, 0, 0);-ms-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.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{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.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(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.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{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-ms-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.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(.475, .475, .475) translate3d(0, -60px, 0);-ms-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.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{0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
100%{opacity:0}}
@keyframes zoomOut{0%{opacity:1}
50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);-ms-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3)}
100%{opacity:0}}
.zoomOut{-webkit-animation-name: zoomOut;animation-name: zoomOut}
@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.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)}
100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.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(.475, .475, .475) translate3d(0, -60px, 0);-ms-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.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)}
100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-ms-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;-ms-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(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center}}
@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);-ms-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);-ms-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;-ms-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(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center}}
@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);-ms-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)}
100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);-ms-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;-ms-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(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.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)}
100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.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(.475, .475, .475) translate3d(0, 60px, 0);-ms-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.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)}
100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-ms-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;-ms-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{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes slideInDown{0%{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%);visibility:visible}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.slideInDown{-webkit-animation-name: slideInDown;animation-name: slideInDown}
@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}
100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%);visibility:visible}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.slideInLeft{-webkit-animation-name: slideInLeft;animation-name: slideInLeft}
@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible}
100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes slideInRight{0%{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%);visibility:visible}
100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}
.slideInRight{-webkit-animation-name: slideInRight;animation-name: slideInRight}
@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);transform:translateY(0)}}
@keyframes slideInUp{0%{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);visibility:visible}
100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}
.slideInUp{-webkit-animation-name: slideInUp;animation-name: slideInUp}
@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%)}}
@keyframes slideOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}}
.slideOutDown{-webkit-animation-name: slideOutDown;animation-name: slideOutDown}
@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(-100%);-ms-transform:translateX(-100%);transform:translateX(-100%)}}
.slideOutLeft{-webkit-animation-name: slideOutLeft;animation-name: slideOutLeft}
@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%)}}
@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}
100%{visibility:hidden;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}}
.slideOutRight{-webkit-animation-name: slideOutRight;animation-name: slideOutRight}
@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}
@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
100%{visibility:hidden;-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}}
.slideOutUp{-webkit-animation-name: slideOutUp;animation-name: slideOutUp}
.zoomIn{-webkit-animation-name: zoomIn;animation-name: zoomIn}
body{height: 100%;overflow-x: hidden;font: 14px/1.5 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif;word-wrap: break-word}
b, strong{font-weight: bold}
.met-nav{position: absolute;right: 0;left: 0;top:0;padding: 0 95px 0 40px;right: 5px;z-index: 1500;width: 100%;height: 75px;line-height: 75px;border-bottom: 1px solid rgba(255,255,255,0.3)}
.met-nav .nav-logo .logo2{display: none}
.met-nav .nav-logo img{height: 100%;padding: 10px 0}
.nav-ny .nav-logo .logo2{display: block}
.nav-ny .nav-logo .logo1{display: none}
.met-banner{width: 100%;height: 100%;position: relative;overflow: hidden}
.met-banner .banner{width: 100%;height: 100%;position: relative;overflow: hidden;z-index: 4}
.met-banner .banner .banner-warpper{width: 1000%;height: 100%;margin: 0;padding: 0;list-style: none;-webkit-transition-timing-function: ease;transition-timing-function: ease}
.met-banner .banner .banner-item{width: 10%;height: 100%;float: left;margin: 0;padding: 0;list-style: none;display: block;overflow: hidden;position: relative;top:30px;background: center no-repeat;background-size: cover;display: -ms-flexbox;-ms-flex-align: center;display: -moz-box;-moz-box-align: center;display: -webkit-box;-webkit-box-align: center;display: box;box-align: center}
.met-banner .banner .banner-item.swiper-slide-active{-webkit-filter: blur(0);-moz-filter: blur(0);-o-filter: blur(0);-ms-filter: blur(0);filter: blur(0)}
.met-banner.banner-ny-h{height: 300px}
.met-banner.banner-ny-h .banner-ctrl{display: none}
.met-banner.banner-ny-h .banner-text .title{margin-bottom: 15px;font-size: 36px;height: auto;-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms}
.met-banner.banner-ny-h .banner-text .subtitle{margin-top: 15px;font-size: 22px;-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 400ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 400ms}
@media (max-width:991px){.met-banner.banner-ny-h{height: 200px}}
@media (max-width:767px){.met-banner.banner-ny-h{height: 150px}
.met-banner.banner-ny-h .banner-text .title{margin-bottom: 15px;padding: 0;font-size: 24px;height: auto}
.met-banner.banner-ny-h .banner-text .subtitle{margin-top: 15px;font-size: 16px}}
.met-banner .banner-text{width: 100%;height: 100%;position: absolute;left: 0;top: 0}
.met-banner .banner-text .container{width: 80%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center}
.met-banner .banner-text h4, .met-banner .banner-text p{color: #fff}
.met-banner .banner-text h4{margin: 0;font-size: 48px;font-weight: 100}
.met-banner .banner-text p{font-size: 24px;margin: 20px 0 20px 0;text-shadow: none;font-weight: 100}
.met-banner .banner-text .btn{margin-top: 30px;font-size: 20px}
@media (max-width:991px){.met-banner .banner-text h4{font-size: 20px}
.met-banner .banner-text p{font-size: 30px}}
@media (max-width:767px){.met-banner .banner-text .container{width: 100%}
.met-banner .banner-text.p-5 .container .banner-text-con{width: 100%}
.met-banner .banner-text h4{font-size: 18px}
.met-banner .banner-text p{margin-top: 15px;font-size: 24px}
.met-banner .banner-text .btn{margin-top: 20px;font-size: 16px}}
@media (max-width:479px){.met-banner .banner-text h4{font-size: 16px}
.met-banner .banner-text p{margin-top: 10px;font-size: 20px}}
.met-banner .banner-ctrl{position: absolute;width: 100%;top: 50%;left: 0;z-index: 99}
.met-banner .banner-ctrl .left{position: absolute;font-size: 72px;color: #fff;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer}
.met-banner .banner-ctrl .right{position: absolute;font-size: 72px;color: #fff;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);cursor: pointer}
.met-banner .banner-dot{position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 3;height: 100%}
.met-banner-ny{background-color: #e3120b;height: 120px}
.met-banner-ny h1, .met-banner-ny h2{margin: 0;padding: 10px 30px;font-size: 35px;font-weight: 300;text-shadow: none;color: #fff}
@media (max-width:767px){.met-banner-ny{height: 90px}
.met-banner-ny h1, .met-banner-ny h2{font-size: 26px}}
.met-page .container .head{text-align: center}
.met-page .container .head .title{height: 45px}
.met-page .container .head .line{color: #444;position: relative}
.met-page .container .head .line:before{content: '';position: absolute;left: -45px;top: 50%;background: #444;width: 40px;height: 1px;-webkit-transition: all .6s ease;transition: all .6s ease}
.met-page .container .head .line:after{content: '';position: absolute;right: -45px;top: 50%;background: #444;width: 40px;height: 1px;-webkit-transition: all .6s ease;transition: all .6s ease}
.met-page .container:hover .line:before{width: 20px !important;left: -25px !important}
.met-page .container:hover .line:after{width: 20px !important;right: -25px !important}
.loading-box{background: #dedbdb;position: absolute;top: 0;left: 0;z-index: 2000;width: 100%;height: 100%;-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms}
.loading-box .load-svg{display: inline-block;position: relative;width: 50%;vertical-align: middle;overflow: hidden;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);left: 50%;top: 50%}
.loading-box.active{opacity: 0;visibility: hidden}
.met-video{position: relative;top: 0;left: 100%;right: 0;bottom: 0;overflow: hidden;z-index: 7}
.met-video{margin: 0;background: url(../images/bannerbg.jpg);border: none;position: relative;-webkit-border-radius: 0px;-moz-border-radius: 0px;-o-border-radius: 0px;border-radius: 0px;box-shadow: 0 1px 1px rgba(0,0,0,.2);-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 1px rgba(0,0,0,.2);-o-box-shadow: 0 1px 1px rgba(0,0,0,.2);zoom: 1;height: 100vh;z-index: 8;background-size: cover;}
@media (min-width:769px){#met-vider-top{top:-110px;}}
@media (max-width:768px){#met-vider-top{top:-75px;}}
.met-video video{position: relative;z-index: -99999;-o-object-fit: cover;object-fit: cover}
.banner-bg{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,0.38);height: 100%;z-index: -999991}
.banner{z-index: 3;height: 100%;width: 100%}
.banner .line{width: 100px;height: 4px;background-color: #e3120b;display: block;margin: 0 auto}
.banner .banner-icon{margin: 20px 0 0 0}
.banner .banner-icon img{max-width: 100%;margin: 0 auto}
.banner .more{margin-top: 50px;width: 160px;height: 40px;line-height: 40px}
.banner .more:hover{border-color: #e3120b}
.banner .more:hover span:after{background: #e3120b;color: #fff}
.banner .more span{height: 40px;line-height: 40px}
.banner .more span:after{height: 40px}
.banner .banner-text .p-1{text-align: left}
.banner .banner-text .p-1 .line{margin: 0}
.banner .banner-text .p-1 .banner-icon img{margin: 0}
.banner .banner-text .p-2{text-align: center;}
.banner .banner-text .p-2 .line{display: inline-block}
.banner .banner-text .p-3{text-align: center}
.banner-next{z-index: 99;position: absolute;bottom: 30px;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);cursor: pointer}
.banner-next span{position: relative;display: block;width: 26px;height: 70px}
.banner-next span img{position: absolute;-webkit-transition: all .5s;transition: all .5s}
.banner-next span .mouse{-webkit-animation: bounceY 2s infinite;animation: bounceY 2s infinite}
.banner-next span .arrows-1{-webkit-transform: rotate(90deg);transform: rotate(90deg);left: 10px;top: 50px;-webkit-animation: fade 2s infinite;animation: fade 2s infinite}
.banner-next span .arrows-2{-webkit-transform: rotate(90deg);transform: rotate(90deg);left: 9px;top: 53px;-webkit-animation: fade 2s infinite 1s;animation: fade 2s infinite 1s}
.met-box{width: 100%;height: 100%;position: absolute;z-index: 11;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;}
.met-box .met-wrapper{width: 100%;height: 100%;will-change: transform;-webkit-transition-timing-function: cubic-bezier(.77, 0, .175, 1);transition-timing-function: cubic-bezier(.77, 0, .175, 1)}
.met-box .met-wrapper .met-page{width: 100%;height: 100%;position: relative;background-size: cover;overflow: hidden;background-position: center top;-webkit-transition: visibility 0s .5s;transition: visibility 0s .5s;display: -webkit-box;-webkit-box-align: center;z-index: 2}
@media (max-width:767px){.ny{padding-top: 60px}}
.banner-ny-h .banner-bg{display: none}
.banner-ny-h .banner-next{display: none}
.nav-ny{top: 0;background-color: rgba(255,255,255,0.97);border-bottom: 1px solid #f2f2f2}
.met-index-product .product-content .head .title{font-size: 25px;margin: 0;height: 45px;color: #fff}
element.style{visibility: hidden;}
.more{overflow: hidden;display: inline-block;height: 40px;line-height: 40px;text-align: center;border: 1px solid #fff;-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 200ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 200ms;color: #fff;width: 160px;cursor: pointer;}
.more span{display: block;width: 100%;position: relative;text-align: center;height: 40px;line-height: 40px;-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 100ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 100ms;color: #fff}
.more span:after{content: attr(data-more);position: absolute;height: 40px;top: 0;left: 0;right: 0;color: transparent;-webkit-transform: translate(0, 100%);transform: translate(0, 100%);-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 200ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 200ms}
.more:hover{border: 1px solid #e3120b !important;-webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 200ms;transition: all .6s cubic-bezier(.77, 0, .175, 1) 200ms;background: #e3120b}
.more:hover span{color: transparent;-webkit-transform: translate(0, -100%);transform: translate(0, -100%)}
.more:hover span:after{background-color: #e3120b;color: #fff}
.title{height: 60px;font-size: 24px;position: relative;margin: 0;font-weight: normal;}
@media (max-width:991px){.met-video{left: 0}
.met-video video{display: none}
.met-video .video-bg{height: 100%}
.title{height: auto !important;font-size: 18px;padding-bottom: 15px;line-height: 1.2}
.desc{line-height: 1.5;margin-top: 15px;font-size: 12px}
.nav-side{width: 32px;height: 32px;right: 15px;top: 18px}
.met-nav{padding: 0 58px 0 15px;height: 60px;line-height: 60px}
.met-nav .nav-logo{left: 15px}
.met-nav .nav-logo img{max-height: 60px}
.nav-box ul li a b{padding: 0 15px}}
@media (max-width:767px){.met-video{left: 0}
.met-video video{display: none}
.met-video .video-bg{height: 100%}
.title{height: auto !important;font-size: 18px;padding-bottom: 15px;line-height: 1.2}
.desc{line-height: 1.5;margin-top: 15px;font-size: 12px}
.nav-side{width: 32px;height: 32px;right: 15px;top: 18px}
.met-nav{padding: 0 58px 0 15px;height: 60px;line-height: 60px}
.met-nav .nav-logo{left: 15px}
.met-nav .nav-logo img{max-height: 60px}
.nav-box ul li a b{padding: 0 15px}}