@charset "utf-8";
@charset "UTF-8";
/*!* 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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.215, .61, .355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
 40%,  43% {
 -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0)
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 animation-timing-function: cubic-bezier(.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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.215, .61, .355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0)
}
 40%,  43% {
 -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0)
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
 animation-timing-function: cubic-bezier(.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) }
}
@keyframes 
scale {  from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1)
}
 50% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1)
}
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(.75, 1.25, 1);
 transform: scale3d(.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)
}
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(.75, 1.25, 1);
 transform: scale3d(.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)
}
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(.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)
}
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(.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)
}
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(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
 77.7% {
 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 transform: skewX(0.390625deg) skewY(0.390625deg)
}
 88.8% {
 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 transform: skewX(-0.1953125deg) skewY(-0.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(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg)
}
 77.7% {
 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 transform: skewX(0.390625deg) skewY(0.390625deg)
}
 88.8% {
 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 transform: skewX(-0.1953125deg) skewY(-0.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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.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)
}
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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.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)
}
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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.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(.215, .61, .355, 1);
 animation-timing-function: cubic-bezier(.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(.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)
}
to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3) }
}
@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)
}
to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.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(.95, .95, .95);
 transform: perspective(400px) scale3d(.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(.95, .95, .95);
 transform: perspective(400px) scale3d(.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;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3)
}
 50% {
 opacity: 1
}
}
@keyframes 
zoomIn {  from {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3)
}
 50% {
 opacity: 1
}
}
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn }
@-webkit-keyframes 
zoomInDown {  from {
 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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes 
zoomInDown {  from {
 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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown }
@-webkit-keyframes 
zoomInLeft {  from {
 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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes 
zoomInLeft {  from {
 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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft }
@-webkit-keyframes 
zoomInRight {  from {
 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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes 
zoomInRight {  from {
 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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight }
@-webkit-keyframes 
zoomInUp {  from {
 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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes 
zoomInUp {  from {
 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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.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(.175, .885, .32, 1);
 animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp }
@-webkit-keyframes 
zoomOut {  from {
 opacity: 1
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3)
}
to { opacity: 0 }
}
@keyframes 
zoomOut {  from {
 opacity: 1
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(.3, .3, .3);
 transform: scale3d(.3, .3, .3)
}
to { 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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to { 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(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }
}
@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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to { 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(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.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)
}
to { 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);
 transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to { 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 }
}
.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)
}
to { 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);
 transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to { 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 }
}
.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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to { 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(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.175, .885, .32, 1) }
}
@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(.55, .055, .675, .19);
 animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to { 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(.175, .885, .32, 1); animation-timing-function: cubic-bezier(.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 }
.clear { clear: both }
body, dd, div, dl, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, ol, p, select, td, textarea, th, ul { margin: 0; padding: 0; box-sizing: border-box }
fieldset, img { border: 0 }
img { vertical-align: middle }
li, ol, ul { list-style-type: none; box-sizing: border-box }
table { border-collapse: collapse; border-spacing: 0 }
a { font-size: 14px; font-family: Helvetica, Arial, microsoft yahei, sans-serif; text-decoration: none; color: #555; -ms-transition-duration: .3s; transition-duration: .3s }
a:hover { color: #1f317f }
body { overflow-x: hidden; }
body, html { min-width: 1300px }
.wrap { width: 1200px; position: relative; margin: 0 auto }
.l { float: left }
.r { float: right }
.fl { float: left }
.fr { float: right }
.cl:after { content: ""; display: block; clear: both }
.blue { color: #1f317f }
.red { color: #da251d }
.tc { text-align: center }
.th { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
/*头部*/
.head { border-bottom: 1px solid #e5e5e5; font-size: 14px; line-height: 54px }
.head .wrap { height: 54px }
.head p { width: 600px; font-size: 15px; font-weight: bold; }
.head p span { color: #da251d }
.headTel { position: absolute; right: 0; top: 0 }
.headTel li { padding-left: 34px; float: left; margin-left: 30px; background-repeat: no-repeat; background-position: left 50% }
.headTel li:nth-child(1) { background-image: url(../images/top-tela.png) }
.headTel li:nth-child(2) { background-image: url(../images/top-telb.png) }
.top { background: url(../images/bg-top.png) no-repeat 50% top; position: relative; z-index: 99 }
.logo { position: absolute; left: 0; top: 15px; height: 90px }
/*栏目*/
.hearer_Nav { height: 53px; line-height: 53px; position: relative; z-index: 1000; background-color: #0072bb; }
.hearer_Nav .daohang { width: 1200px; margin: 0 auto; height: 53px; }
.hearer_Nav ul li { font-size: 16px; width: 150px; height: 53px; line-height: 53px; float: left; text-align: center; position: relative }
.hearer_Nav ul li a { font-size: 16px; }
.hearer_Nav ul li.last { background: 0 0 }
.hearer_Nav ul li>a { display: block; color: #fff }
.hearer_Nav ul li:hover>a, .hearer_Nav ul li.cur>a { background-color: #eee; text-decoration: none; color: #0072bb; }
.hearer_Nav ul li .ej_Nav { position: absolute; width: 100% }
.hearer_Nav ul li .ej_Nav {
 filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5); opacity: 0; visibility: hidden; transition: all .6s ease 0s; transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); -webkit-transform: translate3d(0, 10px, 0) }
.hearer_Nav ul li:hover .ej_Nav { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0) }
.hearer_Nav ul li .ej_Nav dl { width: 365px }
.hearer_Nav ul li .ej_Nav dd { width: 100%; height: 40px; line-height: 40px; float: left }
.hearer_Nav ul li .ej_Nav dd a { display: block; width: 100%; height: 39px; color: #fff; text-align: center; font-size: 16px; background: #0072bb; border-bottom: 1px solid #eee; }
.hearer_Nav ul li .ej_Nav dd a:hover { background-color: #eee; color: #0072bb; }
.logowrap { height: 120px; padding-top: 10px; }
.logowrap .tel { width: 300px; float: right; padding-top: 25px; }
.logowrap .tel img { float: left; margin-top: 6px; }
.logowrap .tel div { float: left; padding-left: 10px; }
.logowrap .tel div p { color: #ef623c; font-size: 30px; }
/*banner*/
/*banner start*/
.flexslider { margin: 0px auto 0px; position: relative; width: 100%; height: 600px; overflow: hidden; zoom: 1; }
.flexslider .slides li { width: 100%; height: 100%; }
.flex-direction-nav a { width: 70px; height: 70px; line-height: 99em; overflow: hidden; margin: -35px 0 0; display: block; background: url(../images/ad_ctr.png) no-repeat; position: absolute; top: 50%; z-index: 10; cursor: pointer; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .3s ease; border-radius: 35px; }
.flex-direction-nav .flex-next { background-position: 0 -70px; right: 0; }
.flex-direction-nav .flex-prev { left: 0; }
.flexslider:hover .flex-next { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter: alpha(opacity=25); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter: alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; }
.flex-control-nav li { margin: 0 2px; display: inline-block; zoom: 1;  *display: inline;
}
.flex-control-paging li a { background: #aaa; display: block; height: 10px; overflow: hidden; text-indent: -99em; width: 10px; cursor: pointer; -webkit-transition: all 0s ease; border-radius: 10px; }
.flex-control-paging li a.flex-active, .flex-control-paging li.active a { background: #C00005; }
.flexslider .slides a img { width: 100%; height: 600px; display: block; }
/*banner end*/
/*搜索*/
.search { height: 60px; padding-bottom: 10px; padding-top: 10px; overflow: hidden; border-bottom: 1px solid #ccc }
.searFont { width: 780px; overflow: hidden; line-height: 40px }
.searFont strong { color: #000; font-weight: 400 }
.searFont a { color: #888; margin: 0 8px }
.searFont a:hover { color: #c52733 }
.soBox { float: right; width: 325px; position: relative; margin-top: 1px; border-radius: 3px; overflow: hidden; }
.soBox input { width: 100%; height: 38px; line-height: 38px \9; border: 0; border: 1px solid #ccc; padding: 0 60px 0 10px; }
.soBox .btn { width: 49px; height: 38px; right: 0; top: 0px; position: absolute; border: 0; outline: 0; cursor: pointer; background: #006ad1 url(../images/ico-so.png) no-repeat center center; }
/*标题统一使用部分*/
.homeHy { background: url(../images/hybg.jpg) center top; height: 980px; margin-top: 0 }
.hyTitle { position: relative; text-align: center; padding-top: 70px }
.hyTitle .tit, .hyTitle p, .hyList dl dd { color: #333; }
.hyTitle .tit span { color: #006ad1; font-size: 52px; padding: 0 4px 0 4px; }
.hyTitle .tit { font-size: 40px; line-height: 40px; color: #333; font-weight: bold; }
.hyTitle p { font-size: 25px; letter-spacing: 5px; height: 50px; line-height: 50px; position: relative; }
.homeCase { padding: 60px 0 70px; background-color: #fff }
.homeTitle { position: relative; text-align: center }
.homeTitle .tit { font-size: 40px; line-height: 50px; color: #333; font-weight: bold; }
.homeTitle p { font-size: 16px; line-height: 30px; color: #888; position: relative; overflow: hidden }
.homeTitle p span { position: relative; display: inline-block; padding: 0 20px }
.homeTitle p span:after, .homeTitle p span:before { content: ""; overflow: hidden; height: 1px; background-color: #ddd; position: absolute; top: 50% }
.homeTitle p span:before { left: -1000px; right: 100% }
.homeTitle p span:after { right: -1000px; left: 100% }
.homeTitle h6 { font-size: 16px; line-height: 40px; color: #555 }
.homeTitle h6 span { color: #da251d }
/*产品中心*/
.caseBox { padding-top: 30px }
.caseTitle { background-color: #f1623a }
.caseCo { margin-top: 50px }
.caseContent dl dt { width: 500px; height: 320px; float: left }
.caseContent dl dt img { width: 500px; height: 320px }
.caseContent dl dd { width: 660px; height: 320px; float: left; margin-left: 40px; position: relative }
.caseContent dl dd h3 { padding: 60px 0 30px }
.caseContent dl dd h3 a { font-size: 22px; height: 40px; color: #333 }
.caseContent dl dd h3 a:hover { color: #da251d; text-decoration: none }
.caseContent dl dd p { font-size: 14px; line-height: 24px; color: #888 }
.homeProduct { background-color: #fff; padding: 60px 0 70px }
.proLIst { position: relative; padding-top: 20px }
.proIn { background-color: #fff; position: relative; width: 390px; float: left; margin: 19px 15px 0 0; box-shadow: 0 4px 0 0 #d4d4d4 }
.proIn:nth-child(3n) { margin-right: 0 }
.proIn dl { position: relative; padding-bottom: 50px }
.proIn dl dt { height: 390px }
.proIn dl dt img { width: 100%; height: 390px }
.proIn dl dd { font-size: 14px; line-height: 40px; color: #333; position: absolute; left: 20px; bottom: 10px; right: 20px; text-align: center }
.proIn em { position: absolute; right: 0; top: 0; width: 24px; height: 24px; background-image: url(../images/pro-tipa.png); background-repeat: no-repeat; background-position: left top; z-index: 5 }
.proIn span { position: absolute; right: 0; bottom: 0; left: 0; top: 0; -ms-transition-duration: .3s; transition-duration: .3s; background-color: rgba(12, 25, 85, .8); display: none; background-image: url(../images/link.png); background-repeat: no-repeat; background-position: 50% 50% }
.proIn a:hover em { background-image: url(../images/pro-tipb.png) }
.proIn a:hover span { display: block }
/*关于我们介绍*/
.homeHyab { background: none; height: 700px; }
.caseContent dl dd.dd1 { width: 48%; margin-right: 1%; margin-left: 1%; height: 400px; }
.caseContent dl dd.dd1 p.en { color: #0071be; font-size: 48px; line-height: 50px; }
.caseContent dl dd.dd1 p.zh { border-bottom: 1px solid silver; height: 50px; line-height: 50px; font-size: 20px; margin-top: 5px; }
.caseContent dl dd.dd1 p.zw { margin-top: 15px; font-size: 16px; line-height: 32px; }
.homeHyab .caseContent { display: block; margin-top: 55px; }
.homeAbout { position: relative; background: radial-gradient(silver, #333) }
.homeAbout .wrap { height: 540px }
.aboutLeft { width: 265px; height: 550px; background-color: #0072bb; position: absolute; left: 0; top: -55px; border-top: 3px solid #f3782c }
.aboutLogo { height: 70px; background-repeat: no-repeat; background-position: center top; margin-top: 55px }
.aboutText { margin-left: 30px }
.aboutText p.coname { position: relative; font-size: 42px; line-height: 80px; color: #fff; font-weight: bold; }
.aboutText p.coname:before { content: ""; overflow: hidden; position: absolute; left: 0; bottom: 0; width: 30px; height: 1px; background-color: #fff }
.aboutText p.intr { font-size: 14px; line-height: 24px; color: #fff; padding: 25px 0 10px; font-weight: bold; }
.aboutText p { font-size: 12px; line-height: 18px; color: #9499b9 }
.aboutTel { padding: 10px 0 0 30px }
.aboutTel dl { height: 36px; padding-left: 40px; background-image: url(../images/abouttel.png); background-repeat: no-repeat; background-position: left 50%; color: #fff; margin-top: 20px }
.aboutTel dl dt { font-size: 12px; line-height: 16px; padding-top: 0 }
.aboutTel dl dd { font-size: 16px; line-height: 20px }
.aboutRight { padding: 0 0 0 306px }
.homeAbout .aboutLeft .aboutLogo { background: url(../images/logo-footer.png) center no-repeat; background-size: auto 115%; }
.aboutBox { position: relative; margin-top: 70px; float: left; width: 100% }
.aboutTitle { position: absolute; right: 0; top: 0 }
.aboutTitle li { width: 200px; float: left; text-align: center; cursor: pointer;  font width: 7200px;
position: relative; overflow: hidden; padding: 0px; margin: 0px; /* left: -2400px;*/
font-size: 16px; line-height: 56px; color: #555; position: relative; background-color: #fff; box-shadow: 0 4px 0 0 #bfbfbf }
.aboutTitle li.on { background-color: #da251d; box-shadow: 0 4px 0 0 #ae0f08; color: #fff }
.aboutCo { margin-top: 90px }
.aboutScroll { position: relative; padding-bottom: 70px }
.aboutScroll .sNext, .aboutScroll .sPrev { position: absolute; bottom: 0; margin-top: -17px; display: inline-block; width: 38px; height: 38px; background-image: url(../images/aboutpn.png); background-repeat: no-repeat; background-position: left top; -ms-transition-duration: 0s; transition-duration: 0s; z-index: 99; cursor: pointer }
.aboutScroll .sPrev { right: 39px; background-position: left top }
.aboutScroll .sNext { right: 0; background-position: right top }
.aboutScroll .sPrev:hover { background-position: left bottom }
.aboutScroll .sNext:hover { background-position: right bottom }
.aboutScroll .bd { overflow: hidden; position: relative }
.aboutCo .tempWrap { overflow: hidden; position: relative; width: 900px }
.aboutCo .tempWrap dl { float: left; width: 268px; }
.aboutCo .tempWrap .video1 { width: 272px; height: 211px; }
.aboutList { width: 7200px; position: relative; overflow: hidden; padding: 0px; margin: 0px;/* left: -2400px;*/
}
.aboutList dl { width: 270px; float: left; padding: 10px 10px 2px; background-color: #fff; margin-right: 12px }
.aboutList dl dt { overflow: hidden }
.aboutList dl dt, .aboutList dl dt img { width: 270px; height: 210px }
.aboutList dl dd { font-size: 14px; line-height: 46px; position: relative; margin: 0 10px; text-align: center; }
.aboutList dl dd:before { content: ""; overflow: hidden; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 15px; height: 15px; }
.aboutList dl dt { text-align: center; }
.aboutList dl dt img { width: auto; height: 206px; }
.aboutList dl { width: 288px !important; }
.caseContent .more a { border-radius: 21px; margin-right: 20px; }
.caseContent .more a:nth-child(1) { background-color: #0071bf; box-shadow: 0 4px 0 0 #0e669e }
.caseContent .more a:nth-child(2) { background-color: #ffc501; box-shadow: 0 4px 0 0 #d6a80c }
.caseContent .more a:hover { filter: Alpha(opacity=80); opacity: .8 }
.caseContent .more { position: absolute; left: 0; bottom: 60px }
.caseContent .more a { display: inline-block; font-size: 14px; line-height: 42px; color: #fff; padding: 0 30px }
/*新闻部分*/
.newsHot dl dt img { width: auto !important; height: 100%; margin: auto; display: block; }
.home-faq-list dl { height: 109px !important; }
.newsList dl dd p.newintr { font-size: 14px; font-weight: 300; }
.home-newsfaq { padding: 50px 0; background-color: #fff }
.home-news { width: 800px; position: relative }
.home-news-title { position: relative; border-bottom: 1px solid #ccc }
.home-news-title a { font-size: 24px }
.home-news-title li { float: left; font-size: 24px; line-height: 40px; color: #333; cursor: pointer; position: relative; margin-right: 150px; padding-bottom: 5px }
.home-news-title li.on { color: #f1623a }
.home-news-title li.on:before { content: ""; overflow: hidden; position: absolute; left: 0; right: 0; bottom: -1px; height: 1px; background-color: #f1623a }
.home-news-list { margin-top: 20px }
.newsHot dl { height: auto; padding: 0 0 15px }
.newsHot dl dt { width: 390px; height: 250px; float: left; overflow: hidden }
.newsHot dl dt img { width: 390px; height: 250px }
.newsHot dl dd { float: left; width: 390px; height: 250px; margin-left: 20px; position: relative }
.newsHot .date { width: 100%; height: auto; }
.newsHot .date p { font-size: 46px; line-height: 40px; color: #f1623a; font-weight: bold; }
.newsHot .date span { font-size: 14px; line-height: 25px; color: #666 }
.newsHot dl dd p.th { font-size: 16px; color: #111; line-height: 30px; padding: 20px 0 5px; font-weight: bold; }
.newsHot dl dd p.intr { font-size: 14px; line-height: 22px; color: #777 }
.newsHot dl dd p.more { position: absolute; left: 0; bottom: 0; font-weight: bold; }
.newsHot p.more span { display: inline-block; font-size: 15px; line-height: 26px; color: #555; padding: 0 25px 0 0; position: relative }
.newsHot p.more span:before { content: ""; overflow: hidden; position: absolute; right: 10px; top: 50%; margin-top: -4px; width: 0; height: 0; border: 4px solid transparent; border-left-color: #555 }
.newsHot dl a:hover dd p.th { color: #f1623a; text-decoration: none; }
.newsHot a:hover h5 span { color: #da251d }
.newsHot a:hover h5 span:before { border-left-color: #da251d }
.newsList dl { border-top: 1px dotted #ccc; padding: 5px 0; height: auto }
.newsList dl a { display: block; }
.newsList dl dt { width: 70px; padding: 0 0px 0 10px; float: left; text-align: left }
.newsList dl dt p { font-size: 43px; line-height: 36px; color: #f1623a }
.newsList dl dt span { font-size: 13px; line-height: 22px; color: #666 }
.newsList dl dd { width: calc(100% - 80px); float: left; }
.newsList dl dd p.th { font-size: 16px; line-height: 33px; color: #333; font-weight: bold; }
.newsList dl a:hover dd p.th { color: #f1623a; text-decoration: none; }
.newsList dl dd p { font-size: 12px; line-height: 24px; color: #888 }
.newsList dl a:hover dd h3 { color: #f1623a; text-decoration: none; }
.home-faq { width: 360px; margin-left: 40px; position: relative }
.home-faq .tempWrap { overflow: hidden; position: relative; height: 436px }
.home-faq .home-faq-list { height: 1635px; position: relative; padding: 0px; margin: 0px; top: -788px; }
.home-faq .home-faq-list dl { height: 78px; }
.homeFapPic { margin-top: 20px }
.faqMarquee { height: 318px; position: relative; overflow: hidden; margin-top: 20px }
.home-faq-list dl { padding: 15px 0; border-top: 1px dotted #ccc }
.home-faq-list dl dd, .home-faq-list dl dt { position: relative; padding-left: 35px }
.home-faq-list dl dt { font-weight: 700; font-size: 14px; line-height: 24px; color: #333 }
.home-faq-list dl a:hover dt { color: #f1623a; text-decoration: none }
.home-faq-list dl dd { font-size: 14px; line-height: 22px; margin-top: 10px; color: #666 }
.home-faq-list dl dd span, .home-faq-list dl dt span { position: absolute; left: 0; top: 0; width: 24px; height: 24px }
.home-faq-list dl dt span { background: url(../images/faq-a.png) no-repeat left 0 }
.home-faq-list dl dd span { background: url(../images/faq-q.png) no-repeat left 0; top: 0 }
.returnTop { width: 46px; height: 83px; background: url(../images/return.jpg) no-repeat left top; position: fixed; right: 50%; bottom: 60px; margin-right: -670px; cursor: pointer; display: none }
/*底部*/
.footer { position: relative; background-color: #1e1e1e }
.footerNav ul { overflow: hidden; border-bottom: 1px solid #eee; padding: 30px 0 20px }
.footerNav li { position: relative; float: left; padding: 0 42px; height: 30px; }
.footerNav li a { font-size: 16px; line-height: 30px; color: #fff; display: block }
.footerNav li a:hover { text-decoration: none }
.footerLeft { position: absolute; left: 0; top: 25px }
.helpMenu { padding: 30px 0 0 20px }
.helpMenu li { float: left; position: relative; margin-left: 10px; }
.helpMenu li a.a1 { height: 26px; width: 26px; border-radius: 50%; display: inline-block; position: relative; text-align: center; background: url(../images/weibo.png) no-repeat center; }
.helpMenu li a.a2 { height: 26px; width: 26px; border-radius: 50%; display: inline-block; position: relative; text-align: center; background: url(../images/weixin.png) no-repeat center; }
.helpMenu li a.a3 { height: 26px; width: 26px; border-radius: 50%; display: inline-block; position: relative; text-align: center; background: url(../images/qq1.png) no-repeat center; }
.helpMenu li a i { font-size: 14px; line-height: 26px; color: #fff; vertical-align: top }
.helpMenu li p { position: absolute; right: -42px; bottom: 36px; width: 120px; height: 120px; background-color: #fff; padding: 5px; overflow: hidden; border-radius: 3px; z-index: 999; display: none; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1); border: 1px solid #eee }
.helpMenu li p img { width: 100px; width: 100px }
.helpMenu li.hm-weibo a { background-color: #df4d69 }
.helpMenu li.hm-weixin a { background-color: #6fc25f }
.helpMenu li.hm-qq a { background-color: #edce36 }
.helpMenu li p img { width: 100%; }
.copy { padding: 30px 0 30px 430px }
.copy ul { position: relative }
.copy ul li, .copy ul li a { font-size: 14px; line-height: 24px; color: #999 }
.copy ul li span { display: inline-block; width: 270px }
.copy ul li em { display: inline-block; margin-right: 15px }
.copy ul li a:hover { color: #fff; text-decoration: none; display: inline-block; height: 20px; line-height: 20px; }
.footer-code { position: absolute; top: 35px; right: 0 }
.footer-code dl { width: 130px; margin-left: 15px; float: left }
.footer-code dl dt { background-color: #fff; padding: 5px }
.footer-code dl dt img { max-width: 100% }
.footer-code dl dd { font-size: 14px; line-height: 30px; color: #fff; text-align: center }
.links { padding: 15px 0; background-color: #171717 }
.links-co a, .links-co em { font-size: 12px; line-height: 24px; color: #ddd }
.links-co a { display: inline-block; margin-left: 15px; color: #999 }
.links-co a:hover { color: #fff; text-decoration: none }
.breadCrumb { background: #f1f1f1; height: 60px; padding: 10px 0; overflow: hidden; line-height: 40px }
.breadCrumb p { background: url(../images/home_icon.png) no-repeat left center; padding-left: 20px }
.breadCrumb p span { margin: 0 8px }
.pageBanner { position: relative }
.pageBanner img { position: relative; left: 50%; margin-left: -960px; width: 1920px; height: auto }
.mainW { padding: 35px 0 60px }
.main { width: 930px; float: left; margin-left: 30px }
.rightTop { position: relative; height: 60px; border-bottom: 1px solid #ddd }
.footer, .links { background: #036aab; }
.copy ul li, .copy ul li a, .links a { color: white; }
.top, .head { background: #0072bb; color: #FFF; }
.returnTop { -webkit-filter: grayscale(100%); filter: grayscale(100%); }
.logo-footer { }
.logo-footer img { height: 90px; margin-left: 15px; }
/*产品部分、*/
.caseContent .half { width: 50%; }
.caseContent .l p.protit { height: 36px; line-height: 36px; font-weight: bold; }
.caseContent .l p { height: 36px; line-height: 36px; }
.caseContent .l p.protit { font-size: 16px; margin-top: 8px; margin-top: 20px; font-weight: bold; }
.caseContent .l p { font-size: 14px; }
.caseContent .l .btn { background: #EEE; color: #333; padding: 8px 15px; margin-top: 8px; display: block; width: 110px; text-align: center; }
.caseContent .r ul li { display: block; }
.caseContent .r ul li:after { display: block; content: ''; clear: both; }
.caseContent .r ul li:nth-child(1) div, .caseContent .r ul li:nth-child(1) a { float: left; width: 50%; display: block; }
.caseContent .r ul li:nth-child(2) div, .caseContent .r ul li:nth-child(2) a { float: right; width: 50%; display: block; }
.caseContent .r ul li a img { width: 100%; height: 300px; }
.caseContent .r ul li div { padding: 0 10% 0 10%; background: #EEE; height: 300px; }
.caseContent .r ul li div p.protit { margin-top: 40px; font-size: 16px; height: 41px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; }
.caseContent .r ul li div p { margin-top: 20px; font-size: 14px; height: 36px; }
.caseContent .r ul li div a { margin-top: 40px; font-size: 14px; height: 36px; display: block; text-align: left; }
.homeHy .caseContent { display: block; margin-top: 55px; }
.caseContent dd { width: 48%; margin-right: 1%; margin-left: 1%; height: 400px; visibility: visible; animation-delay: 200ms; animation-name: fadeInLeft; }
.caseTitle { background: none; }
.caseTitle li { width: 200px; margin: 0 79px 13px 21px; float: left; text-align: center; cursor: pointer; font-size: 16px; line-height: 40px; color: #fff; position: relative; border-radius: 20px; border: 1px solid silver; }
.caseTitle li.on { background-color: #006ad1; }
.caseTitle li.on a { color: #FFF; }
/*优势*/
.hyList dl { height: 135px; position: absolute; background-repeat: no-repeat }
.hyList dl dt { font-size: 26px; line-height: 40px; font-weight: 700; color: #f3782c; padding: 15px 0 5px; text-align: left; }
.hyList dl dd { font-size: 14px; line-height: 20px; text-align: left; color: #333; width: 171px; }
.hyListLeft { text-align: right; float: left; width: 400px; position: relative; padding-top: 45px }
.hyListLeft dl { background-position: right 50%; padding-right: 195px; left: 0; right: 40px; top: 0 }
.hyListLeft dl:nth-child(2) { right: 42px; top: 240px }
.hyListLeft dl:nth-child(3) { right: 40px; top: 485px }
.hyListRight { text-align: left; float: right; width: 400px; position: relative; padding-top: 45px }
.hyListRight dl { background-position: left 50%; padding-left: 185px; left: 40px; right: 0; top: 0 }
.hyListRight dl:nth-child(2) { left: 82px; top: 240px }
.hyListRight dl:nth-child(3) { left: 40px; top: 485px }
.hyList { position: relative; margin-top: 80px; height: 620px; background: url(../images/hy-tu.png) no-repeat center 22px }
/*只为提供上乘产品5个小优势*/
.ylbg { background: url(../images/ylbg.jpg) no-repeat center center; height: 723px; }
.ylbg ul { padding-top: 50px; }
.ylbg ul li { height: 234px; width: 240px; }
.ylbg ul li span { color: #0071bf; }
.ylbg ul li p { padding: 20px 0 20px 0; }
.ylbg ul.r li { text-align: right; }
.ylbg ul.r li p.tel { font-size: 26px; font-weight: bold; }
.ylbg ul.r li p.num { font-size: 32px; padding: 2px 45px 21px 0; font-weight: bold; width: 306px; }
p.white { color: white; }
/*生产流程*/
.homeLc { height: 550px; width: 100%; background: url(../images/liucheng.jpg) no-repeat center center; background-size: auto 100%; }
.homeLc .lcword { text-align: center; font-size: 20px; line-height: 30px; padding-top: 15px; letter-spacing: 2px; }
.lcbtn { width: 160px; height: 40px; border-radius: 20px; display: block; margin: 30px auto; background-color: white; color: #0072bb; line-height: 40px; text-align: center; font-size: 16px; }
.lcbtn:hover { color: #FFF; background-color: #0072bb; }
.scale img { -ms-transition-duration: .3s; transition-duration: .3s }
.scale a:hover img { -ms-transform: scale(1.1); transform: scale(1.1) }
.uline a { display: inline-block; position: relative; overflow: hidden }
.uline a span { position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #fff }
/*客服系统*/
.kefuBox { position: fixed; z-index: 1000; top: 180px; right: 0; width: auto; }
.kefuBox .kefuLeft { float: left; overflow: hidden; width: 30px; height: 157px; cursor: pointer }
.kefuBox .kefuRight { display: block; float: left; overflow: hidden; width: 155 }
.kefuBox .kefuTop { width: 154px; height: 46px; background: url(../images/kefu_top.png) no-repeat }
.kefuBox .kefuBottom { width: 154px; height: 12px; background: url(../images/kefu_bottom.png) no-repeat }
.kefuBox .kefuCont { width: 154px; padding: 0 12px; background: url(../images/kefu_line.png) repeat-y; overflow: hidden }
.kefuBox .kefuCont ul { margin: 0; padding: 0 }
.kefuBox .kefuCont ul li { width: 132px; line-height: 28px; overflow: hidden; height: 28px; padding-left: 40px; padding-right: 10px; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px }
.kefuBox .kefuCont ul li a { color: #333 }
.kefuBox .kefuCont ul li.pic { width: 130px; height: 89px; margin-bottom: 10px; padding: 0 }
.kefuBox .kefuCont ul li.qq { background: url(../images/qq.png) no-repeat }
.kefuBox .kefuCont ul li.wang { background: url(../images/wangwang.png) no-repeat }
.kefuBox .kefuCont ul li.spk { background: url(../images/skype.png) no-repeat }
.kefuBox .kefuCont ul li.codeer { display: block; width: 130px; height: 178px; text-align: center; color: #fff; padding: 10px 0 0; font-family: 微软雅黑; font-size: 14px; margin-bottom: 0 }
.kefuBox .kefuCont ul li.codeer p { display: block; height: 35px; line-height: 35px }
.kefuBox .kefuCont ul li.codeer span { display: block; width: 116px; height: 116px; padding: 7px; background: url(../images/cobj.png) no-repeat }
.kefuBox .kefuCont ul li.codeer span img { width: 116px; height: 116px }
#boc dl dt { position: relative }
#boc dl dt img { border: 1px solid #e5e5e5; padding: 4px }
#boc dl dt span { position: absolute; overflow: hidden; background-color: #1f317f; display: none }
#boc dl dt span.botop { left: 0; right: 0; top: 0; width: 100%; height: 1px }
#boc dl dt span.boleft { left: 0; bottom: 0; top: 0; height: 100%; width: 1px }
#boc dl dt span.boright { right: 0; bottom: 0; top: 0; height: 100%; width: 1px }
#boc dl dt span.bobottom { left: 0; right: 0; bottom: 0; width: 100%; height: 1px }
.sideRight { width: 40px; position: fixed; right: 0; top: 250px }
.sideIn { width: 40px; height: 40px; margin-top: 1px; position: relative; cursor: pointer; background-color: #555 }
.sideIn:hover { background-color: #333 }
.sideIn ul { display: none; position: relative }
.sideIn h6 { width: 40px; height: 40px; overflow: hidden; background-position: left top; background-repeat: no-repeat }
.sideRight-qq h6 { background-image: url(../images/icon-qq.png) }
.sideRight-code h6 { background-image: url(../images/icon-wx.png) }
.sideRight-tel h6 { background-image: url(../images/icon-tel.png) }
.sideRight-top h6 { background-image: url(../images/icon-top.png) }
.sideRight-qq ul { position: absolute; top: 0; right: 0; height: 40px; width: 300px }
.sideRight-qq ul:after { width: 0 }
.sideRight-qq li { position: relative; float: right; width: 40px; height: 40px; background-color: #555; margin-left: 1px }
.sideRight-qq li a { display: block; height: 40px; background: url(../images/icon-qq.png) no-repeat left top }
.sideRight-qq li:hover a { background-color: #37b5ff }
.sideRight-code ul, .sideRight-tel ul { background-color: #37b5ff }
.sideRight-code ul:after, .sideRight-tel ul:after { content: ""; overflow: hidden; position: absolute; right: -12px; top: 50%; margin-top: -6px; width: 0; height: 0; border: 6px solid transparent; border-left-color: #37b5ff }
.sideRight-tel ul { position: absolute; top: 0; right: 40px; height: 40px; padding: 0 15px; font-weight: 700; font-size: 18px; line-height: 40px; color: #fff; white-space: nowrap }
.sideRight-code ul { position: absolute; width: 110px; height: 110px; right: 40px; top: -41px; padding: 6px }
.sideRight-code ul img { width: 110px; height: 110px }