/*!

*/.animated {

 -webkit-animation-duration:1.5s;

 animation-duration:1.5s;

 -webkit-animation-fill-mode:both;

 animation-fill-mode:both

}

.animated.infinite {

 -webkit-animation-iteration-count:infinite;

 animation-iteration-count:infinite

}

.animated.hinge {

 -webkit-animation-duration:2s;

 animation-duration:2s

}

@-webkit-keyframes bounce {

 0%,

 100%,

 20%,

 53%,

 80% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

 40%,

 43% {

  -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);

  transition-timing-function:cubic-bezier(0.755,.050,.855,.060);

  -webkit-transform:translate3d(0,-30px,0);

  transform:translate3d(0,-30px,0)

 }

 70% {

  -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);

  transition-timing-function:cubic-bezier(0.755,.050,.855,.060);

  -webkit-transform:translate3d(0,-15px,0);

  transform:translate3d(0,-15px,0)

 }

 90% {

  -webkit-transform:translate3d(0,-4px,0);

  transform:translate3d(0,-4px,0)

 }

}

@keyframes bounce {

 0%,

 100%,

 20%,

 53%,

 80% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

 40%,

 43% {

  -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);

  transition-timing-function:cubic-bezier(0.755,.050,.855,.060);

  -webkit-transform:translate3d(0,-30px,0);

  transform:translate3d(0,-30px,0)

 }

 70% {

  -webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);

  transition-timing-function:cubic-bezier(0.755,.050,.855,.060);

  -webkit-transform:translate3d(0,-15px,0);

  transform:translate3d(0,-15px,0)

 }

 90% {

  -webkit-transform:translate3d(0,-4px,0);

  transform:translate3d(0,-4px,0)

 }

}

.bounce {

 -webkit-animation-name:bounce;

 animation-name:bounce;

 -webkit-transform-origin:center bottom;

 -ms-transform-origin:center bottom;

 transform-origin:center bottom

}

@-webkit-keyframes flash {

 0%,

 100%,

 50% {

  opacity:1

 }

 25%,

 75% {

  opacity:0

 }

}

@keyframes flash {

 0%,

 100%,

 50% {

  opacity:1

 }

 25%,

 75% {

  opacity:0

 }

}

.flash {

 -webkit-animation-name:flash;

 animation-name:flash

}

@-webkit-keyframes pulse {

 0% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

 50% {

  -webkit-transform:scale3d(1.05,1.05,1.05);

  transform:scale3d(1.05,1.05,1.05)

 }

 100% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

}

@keyframes pulse {

 0% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

 50% {

  -webkit-transform:scale3d(1.05,1.05,1.05);

  transform:scale3d(1.05,1.05,1.05)

 }

 100% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

}

.pulse {

 -webkit-animation-name:pulse;

 animation-name:pulse

}

@-webkit-keyframes rubberBand {

 0% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

 30% {

  -webkit-transform:scale3d(1.25,.75,1);

  transform:scale3d(1.25,.75,1)

 }

 40% {

  -webkit-transform:scale3d(0.75,1.25,1);

  transform:scale3d(0.75,1.25,1)

 }

 50% {

  -webkit-transform:scale3d(1.15,.85,1);

  transform:scale3d(1.15,.85,1)

 }

 65% {

  -webkit-transform:scale3d(.95,1.05,1);

  transform:scale3d(.95,1.05,1)

 }

 75% {

  -webkit-transform:scale3d(1.05,.95,1);

  transform:scale3d(1.05,.95,1)

 }

 100% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

}

@keyframes rubberBand {

 0% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

 30% {

  -webkit-transform:scale3d(1.25,.75,1);

  transform:scale3d(1.25,.75,1)

 }

 40% {

  -webkit-transform:scale3d(0.75,1.25,1);

  transform:scale3d(0.75,1.25,1)

 }

 50% {

  -webkit-transform:scale3d(1.15,.85,1);

  transform:scale3d(1.15,.85,1)

 }

 65% {

  -webkit-transform:scale3d(.95,1.05,1);

  transform:scale3d(.95,1.05,1)

 }

 75% {

  -webkit-transform:scale3d(1.05,.95,1);

  transform:scale3d(1.05,.95,1)

 }

 100% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

}

.rubberBand {

 -webkit-animation-name:rubberBand;

 animation-name:rubberBand

}

@-webkit-keyframes shake {

 0%,

 100% {

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

 10%,

 30%,

 50%,

 70%,

 90% {

  -webkit-transform:translate3d(-10px,0,0);

  transform:translate3d(-10px,0,0)

 }

 20%,

 40%,

 60%,

 80% {

  -webkit-transform:translate3d(10px,0,0);

  transform:translate3d(10px,0,0)

 }

}

@keyframes shake {

 0%,

 100% {

  -webkit-transform:translate3d(0,0,0);

  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 swing {

 20% {

  -webkit-transform:rotate3d(0,0,1,15deg);

  transform:rotate3d(0,0,1,15deg)

 }

 40% {

  -webkit-transform:rotate3d(0,0,1,-10deg);

  transform:rotate3d(0,0,1,-10deg)

 }

 60% {

  -webkit-transform:rotate3d(0,0,1,5deg);

  transform:rotate3d(0,0,1,5deg)

 }

 80% {

  -webkit-transform:rotate3d(0,0,1,-5deg);

  transform:rotate3d(0,0,1,-5deg)

 }

 100% {

  -webkit-transform:rotate3d(0,0,1,0deg);

  transform:rotate3d(0,0,1,0deg)

 }

}

@keyframes swing {

 20% {

  -webkit-transform:rotate3d(0,0,1,15deg);

  transform:rotate3d(0,0,1,15deg)

 }

 40% {

  -webkit-transform:rotate3d(0,0,1,-10deg);

  transform:rotate3d(0,0,1,-10deg)

 }

 60% {

  -webkit-transform:rotate3d(0,0,1,5deg);

  transform:rotate3d(0,0,1,5deg)

 }

 80% {

  -webkit-transform:rotate3d(0,0,1,-5deg);

  transform:rotate3d(0,0,1,-5deg)

 }

 100% {

  -webkit-transform:rotate3d(0,0,1,0deg);

  transform:rotate3d(0,0,1,0deg)

 }

}

.swing {

 -webkit-transform-origin:top center;

 -ms-transform-origin:top center;

 transform-origin:top center;

 -webkit-animation-name:swing;

 animation-name:swing

}

@-webkit-keyframes tada {

 0% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

 10%,

 20% {

  -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);

  transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)

 }

 30%,

 50%,

 70%,

 90% {

  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)

 }

 40%,

 60%,

 80% {

  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)

 }

 100% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

}

@keyframes tada {

 0% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

 10%,

 20% {

  -webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);

  transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)

 }

 30%,

 50%,

 70%,

 90% {

  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);

  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)

 }

 40%,

 60%,

 80% {

  -webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);

  transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)

 }

 100% {

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

}

.tada {

 -webkit-animation-name:tada;

 animation-name:tada

}

@-webkit-keyframes wobble {

 0% {

  -webkit-transform:none;

  transform:none

 }

 15% {

  -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);

  transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)

 }

 30% {

  -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);

  transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)

 }

 45% {

  -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);

  transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)

 }

 60% {

  -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);

  transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)

 }

 75% {

  -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);

  transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)

 }

 100% {

  -webkit-transform:none;

  transform:none

 }

}

@keyframes wobble {

 0% {

  -webkit-transform:none;

  transform:none

 }

 15% {

  -webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);

  transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)

 }

 30% {

  -webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);

  transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)

 }

 45% {

  -webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);

  transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)

 }

 60% {

  -webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);

  transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)

 }

 75% {

  -webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);

  transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)

 }

 100% {

  -webkit-transform:none;

  transform:none

 }

}

.wobble {

 -webkit-animation-name:wobble;

 animation-name:wobble

}

@-webkit-keyframes bounceIn {

 0%,

 100%,

 20%,

 40%,

 60%,

 80% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1)

 }

 0% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

 }

 20% {

  -webkit-transform:scale3d(1.1,1.1,1.1);

  transform:scale3d(1.1,1.1,1.1)

 }

 40% {

  -webkit-transform:scale3d(.9,.9,.9);

  transform:scale3d(.9,.9,.9)

 }

 60% {

  opacity:1;

  -webkit-transform:scale3d(1.03,1.03,1.03);

  transform:scale3d(1.03,1.03,1.03)

 }

 80% {

  -webkit-transform:scale3d(.97,.97,.97);

  transform:scale3d(.97,.97,.97)

 }

 100% {

  opacity:1;

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

}

@keyframes bounceIn {

 0%,

 100%,

 20%,

 40%,

 60%,

 80% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1)

 }

 0% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

 }

 20% {

  -webkit-transform:scale3d(1.1,1.1,1.1);

  transform:scale3d(1.1,1.1,1.1)

 }

 40% {

  -webkit-transform:scale3d(.9,.9,.9);

  transform:scale3d(.9,.9,.9)

 }

 60% {

  opacity:1;

  -webkit-transform:scale3d(1.03,1.03,1.03);

  transform:scale3d(1.03,1.03,1.03)

 }

 80% {

  -webkit-transform:scale3d(.97,.97,.97);

  transform:scale3d(.97,.97,.97)

 }

 100% {

  opacity:1;

  -webkit-transform:scale3d(1,1,1);

  transform:scale3d(1,1,1)

 }

}

.bounceIn {

 -webkit-animation-name:bounceIn;

 animation-name:bounceIn;

 -webkit-animation-duration:.75s;

 animation-duration:.75s

}

@-webkit-keyframes bounceInDown {

 0%,

 100%,

 60%,

 75%,

 90% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1)

 }

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,-3000px,0);

  transform:translate3d(0,-3000px,0)

 }

 60% {

  opacity:1;

  -webkit-transform:translate3d(0,25px,0);

  transform:translate3d(0,25px,0)

 }

 75% {

  -webkit-transform:translate3d(0,-10px,0);

  transform:translate3d(0,-10px,0)

 }

 90% {

  -webkit-transform:translate3d(0,5px,0);

  transform:translate3d(0,5px,0)

 }

 100% {

  -webkit-transform:none;

  transform:none

 }

}

@keyframes bounceInDown {

 0%,

 100%,

 60%,

 75%,

 90% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1)

 }

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,-3000px,0);

  transform:translate3d(0,-3000px,0)

 }

 60% {

  opacity:1;

  -webkit-transform:translate3d(0,25px,0);

  transform:translate3d(0,25px,0)

 }

 75% {

  -webkit-transform:translate3d(0,-10px,0);

  transform:translate3d(0,-10px,0)

 }

 90% {

  -webkit-transform:translate3d(0,5px,0);

  transform:translate3d(0,5px,0)

 }

 100% {

  -webkit-transform:none;

  transform:none

 }

}

.bounceInDown {

 -webkit-animation-name:bounceInDown;

 animation-name:bounceInDown

}

@-webkit-keyframes bounceInLeft {

 0%,

 100%,

 60%,

 75%,

 90% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1)

 }

 0% {

  opacity:0;

  -webkit-transform:translate3d(-3000px,0,0);

  transform:translate3d(-3000px,0,0)

 }

 60% {

  opacity:1;

  -webkit-transform:translate3d(25px,0,0);

  transform:translate3d(25px,0,0)

 }

 75% {

  -webkit-transform:translate3d(-10px,0,0);

  transform:translate3d(-10px,0,0)

 }

 90% {

  -webkit-transform:translate3d(5px,0,0);

  transform:translate3d(5px,0,0)

 }

 100% {

  -webkit-transform:none;

  transform:none

 }

}

@keyframes bounceInLeft {

 0%,

 100%,

 60%,

 75%,

 90% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1)

 }

 0% {

  opacity:0;

  -webkit-transform:translate3d(-3000px,0,0);

  transform:translate3d(-3000px,0,0)

 }

 60% {

  opacity:1;

  -webkit-transform:translate3d(25px,0,0);

  transform:translate3d(25px,0,0)

 }

 75% {

  -webkit-transform:translate3d(-10px,0,0);

  transform:translate3d(-10px,0,0)

 }

 90% {

  -webkit-transform:translate3d(5px,0,0);

  transform:translate3d(5px,0,0)

 }

 100% {

  -webkit-transform:none;

  transform:none

 }

}

.bounceInLeft {

 -webkit-animation-name:bounceInLeft;

 animation-name:bounceInLeft

}

@-webkit-keyframes bounceInRight {

 0%,

 100%,

 60%,

 75%,

 90% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1)

 }

 0% {

  opacity:0;

  -webkit-transform:translate3d(3000px,0,0);

  transform:translate3d(3000px,0,0)

 }

 60% {

  opacity:1;

  -webkit-transform:translate3d(-25px,0,0);

  transform:translate3d(-25px,0,0)

 }

 75% {

  -webkit-transform:translate3d(10px,0,0);

  transform:translate3d(10px,0,0)

 }

 90% {

  -webkit-transform:translate3d(-5px,0,0);

  transform:translate3d(-5px,0,0)

 }

 100% {

  -webkit-transform:none;

  transform:none

 }

}

@keyframes bounceInRight {

 0%,

 100%,

 60%,

 75%,

 90% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1)

 }

 0% {

  opacity:0;

  -webkit-transform:translate3d(3000px,0,0);

  transform:translate3d(3000px,0,0)

 }

 60% {

  opacity:1;

  -webkit-transform:translate3d(-25px,0,0);

  transform:translate3d(-25px,0,0)

 }

 75% {

  -webkit-transform:translate3d(10px,0,0);

  transform:translate3d(10px,0,0)

 }

 90% {

  -webkit-transform:translate3d(-5px,0,0);

  transform:translate3d(-5px,0,0)

 }

 100% {

  -webkit-transform:none;

  transform:none

 }

}

.bounceInRight {

 -webkit-animation-name:bounceInRight;

 animation-name:bounceInRight

}

@-webkit-keyframes bounceInUp {

 0%,

 100%,

 60%,

 75%,

 90% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1)

 }

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,3000px,0);

  transform:translate3d(0,3000px,0)

 }

 60% {

  opacity:1;

  -webkit-transform:translate3d(0,-20px,0);

  transform:translate3d(0,-20px,0)

 }

 75% {

  -webkit-transform:translate3d(0,10px,0);

  transform:translate3d(0,10px,0)

 }

 90% {

  -webkit-transform:translate3d(0,-5px,0);

  transform:translate3d(0,-5px,0)

 }

 100% {

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

}

@keyframes bounceInUp {

 0%,

 100%,

 60%,

 75%,

 90% {

  -webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);

  transition-timing-function:cubic-bezier(0.215,.61,.355,1)

 }

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,3000px,0);

  transform:translate3d(0,3000px,0)

 }

 60% {

  opacity:1;

  -webkit-transform:translate3d(0,-20px,0);

  transform:translate3d(0,-20px,0)

 }

 75% {

  -webkit-transform:translate3d(0,10px,0);

  transform:translate3d(0,10px,0)

 }

 90% {

  -webkit-transform:translate3d(0,-5px,0);

  transform:translate3d(0,-5px,0)

 }

 100% {

  -webkit-transform:translate3d(0,0,0);

  transform:translate3d(0,0,0)

 }

}

.bounceInUp {

 -webkit-animation-name:bounceInUp;

 animation-name:bounceInUp

}

@-webkit-keyframes bounceOut {

 20% {

  -webkit-transform:scale3d(.9,.9,.9);

  transform:scale3d(.9,.9,.9)

 }

 50%,

 55% {

  opacity:1;

  -webkit-transform:scale3d(1.1,1.1,1.1);

  transform:scale3d(1.1,1.1,1.1)

 }

 100% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

 }

}

@keyframes bounceOut {

 20% {

  -webkit-transform:scale3d(.9,.9,.9);

  transform:scale3d(.9,.9,.9)

 }

 50%,

 55% {

  opacity:1;

  -webkit-transform:scale3d(1.1,1.1,1.1);

  transform:scale3d(1.1,1.1,1.1)

 }

 100% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

 }

}

.bounceOut {

 -webkit-animation-name:bounceOut;

 animation-name:bounceOut;

 -webkit-animation-duration:.75s;

 animation-duration:.75s

}

@-webkit-keyframes bounceOutDown {

 20% {

  -webkit-transform:translate3d(0,10px,0);

  transform:translate3d(0,10px,0)

 }

 40%,

 45% {

  opacity:1;

  -webkit-transform:translate3d(0,-20px,0);

  transform:translate3d(0,-20px,0)

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(0,2000px,0);

  transform:translate3d(0,2000px,0)

 }

}

@keyframes bounceOutDown {

 20% {

  -webkit-transform:translate3d(0,10px,0);

  transform:translate3d(0,10px,0)

 }

 40%,

 45% {

  opacity:1;

  -webkit-transform:translate3d(0,-20px,0);

  transform:translate3d(0,-20px,0)

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(0,2000px,0);

  transform:translate3d(0,2000px,0)

 }

}

.bounceOutDown {

 -webkit-animation-name:bounceOutDown;

 animation-name:bounceOutDown

}

@-webkit-keyframes bounceOutLeft {

 20% {

  opacity:1;

  -webkit-transform:translate3d(20px,0,0);

  transform:translate3d(20px,0,0)

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(-2000px,0,0);

  transform:translate3d(-2000px,0,0)

 }

}

@keyframes bounceOutLeft {

 20% {

  opacity:1;

  -webkit-transform:translate3d(20px,0,0);

  transform:translate3d(20px,0,0)

 }

 100% {

  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)

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(2000px,0,0);

  transform:translate3d(2000px,0,0)

 }

}

@keyframes bounceOutRight {

 20% {

  opacity:1;

  -webkit-transform:translate3d(-20px,0,0);

  transform:translate3d(-20px,0,0)

 }

 100% {

  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)

 }

 100% {

  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)

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(0,-2000px,0);

  transform:translate3d(0,-2000px,0)

 }

}

.bounceOutUp {

 -webkit-animation-name:bounceOutUp;

 animation-name:bounceOutUp

}

@-webkit-keyframes fadeIn {

 0% {

  opacity:0

 }

 100% {

  opacity:1

 }

}

@keyframes fadeIn {

 0% {

  opacity:0

 }

 100% {

  opacity:1

 }

}

.fadeIn {

 -webkit-animation-name:fadeIn;

 animation-name:fadeIn

}

@-webkit-keyframes fadeInDown {

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,-100%,0);

  transform:translate3d(0,-100%,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

@keyframes fadeInDown {

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,-100%,0);

  transform:translate3d(0,-100%,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

.fadeInDown {

 -webkit-animation-name:fadeInDown;

 animation-name:fadeInDown

}

@-webkit-keyframes fadeInDownBig {

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,-2000px,0);

  transform:translate3d(0,-2000px,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

@keyframes fadeInDownBig {

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,-2000px,0);

  transform:translate3d(0,-2000px,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

.fadeInDownBig {

 -webkit-animation-name:fadeInDownBig;

 animation-name:fadeInDownBig

}

@-webkit-keyframes fadeInLeft {

 0% {

  opacity:0;

  -webkit-transform:translate3d(-100%,0,0);

  transform:translate3d(-100%,0,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

@keyframes fadeInLeft {

 0% {

  opacity:0;

  -webkit-transform:translate3d(-100%,0,0);

  transform:translate3d(-100%,0,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

.fadeInLeft {

 -webkit-animation-name:fadeInLeft;

 animation-name:fadeInLeft

}

@-webkit-keyframes fadeInLeftBig {

 0% {

  opacity:0;

  -webkit-transform:translate3d(-2000px,0,0);

  transform:translate3d(-2000px,0,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

@keyframes fadeInLeftBig {

 0% {

  opacity:0;

  -webkit-transform:translate3d(-2000px,0,0);

  transform:translate3d(-2000px,0,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

.fadeInLeftBig {

 -webkit-animation-name:fadeInLeftBig;

 animation-name:fadeInLeftBig

}

@-webkit-keyframes fadeInRight {

 0% {

  opacity:0;

  -webkit-transform:translate3d(100%,0,0);

  transform:translate3d(100%,0,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

@keyframes fadeInRight {

 0% {

  opacity:0;

  -webkit-transform:translate3d(100%,0,0);

  transform:translate3d(100%,0,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

.fadeInRight {

 -webkit-animation-name:fadeInRight;

 animation-name:fadeInRight

}

@-webkit-keyframes fadeInRightBig {

 0% {

  opacity:0;

  -webkit-transform:translate3d(2000px,0,0);

  transform:translate3d(2000px,0,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

@keyframes fadeInRightBig {

 0% {

  opacity:0;

  -webkit-transform:translate3d(2000px,0,0);

  transform:translate3d(2000px,0,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

.fadeInRightBig {

 -webkit-animation-name:fadeInRightBig;

 animation-name:fadeInRightBig

}

@-webkit-keyframes fadeInUp {

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,100%,0);

  transform:translate3d(0,100%,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

@keyframes fadeInUp {

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,100%,0);

  transform:translate3d(0,100%,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

.fadeInUp {

 -webkit-animation-name:fadeInUp;

 animation-name:fadeInUp

}

@-webkit-keyframes fadeInUpBig {

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,600px,0);

  transform:translate3d(0,600px,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

@keyframes fadeInUpBig {

 0% {

  opacity:0;

  -webkit-transform:translate3d(0,2000px,0);

  transform:translate3d(0,2000px,0)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

.fadeInUpBig {

 -webkit-animation-name:fadeInUpBig;

 animation-name:fadeInUpBig

}

@-webkit-keyframes fadeOut {

 0% {

  opacity:1

 }

 100% {

  opacity:0

 }

}

@keyframes fadeOut {

 0% {

  opacity:1

 }

 100% {

  opacity:0

 }

}

.fadeOut {

 -webkit-animation-name:fadeOut;

 animation-name:fadeOut

}

@-webkit-keyframes fadeOutDown {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(0,100%,0);

  transform:translate3d(0,100%,0)

 }

}

@keyframes fadeOutDown {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(0,100%,0);

  transform:translate3d(0,100%,0)

 }

}

.fadeOutDown {

 -webkit-animation-name:fadeOutDown;

 animation-name:fadeOutDown

}

@-webkit-keyframes fadeOutDownBig {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(0,2000px,0);

  transform:translate3d(0,2000px,0)

 }

}

@keyframes fadeOutDownBig {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(0,2000px,0);

  transform:translate3d(0,2000px,0)

 }

}

.fadeOutDownBig {

 -webkit-animation-name:fadeOutDownBig;

 animation-name:fadeOutDownBig

}

@-webkit-keyframes fadeOutLeft {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(-100%,0,0);

  transform:translate3d(-100%,0,0)

 }

}

@keyframes fadeOutLeft {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(-100%,0,0);

  transform:translate3d(-100%,0,0)

 }

}

.fadeOutLeft {

 -webkit-animation-name:fadeOutLeft;

 animation-name:fadeOutLeft

}

@-webkit-keyframes fadeOutLeftBig {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(-2000px,0,0);

  transform:translate3d(-2000px,0,0)

 }

}

@keyframes fadeOutLeftBig {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(-2000px,0,0);

  transform:translate3d(-2000px,0,0)

 }

}

.fadeOutLeftBig {

 -webkit-animation-name:fadeOutLeftBig;

 animation-name:fadeOutLeftBig

}

@-webkit-keyframes fadeOutRight {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(100%,0,0);

  transform:translate3d(100%,0,0)

 }

}

@keyframes fadeOutRight {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(100%,0,0);

  transform:translate3d(100%,0,0)

 }

}

.fadeOutRight {

 -webkit-animation-name:fadeOutRight;

 animation-name:fadeOutRight

}

@-webkit-keyframes fadeOutRightBig {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(2000px,0,0);

  transform:translate3d(2000px,0,0)

 }

}

@keyframes fadeOutRightBig {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(2000px,0,0);

  transform:translate3d(2000px,0,0)

 }

}

.fadeOutRightBig {

 -webkit-animation-name:fadeOutRightBig;

 animation-name:fadeOutRightBig

}

@-webkit-keyframes fadeOutUp {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(0,-100%,0);

  transform:translate3d(0,-100%,0)

 }

}

@keyframes fadeOutUp {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(0,-100%,0);

  transform:translate3d(0,-100%,0)

 }

}

.fadeOutUp {

 -webkit-animation-name:fadeOutUp;

 animation-name:fadeOutUp

}

@-webkit-keyframes fadeOutUpBig {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(0,-2000px,0);

  transform:translate3d(0,-2000px,0)

 }

}

@keyframes fadeOutUpBig {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(0,-2000px,0);

  transform:translate3d(0,-2000px,0)

 }

}

.fadeOutUpBig {

 -webkit-animation-name:fadeOutUpBig;

 animation-name:fadeOutUpBig

}

@-webkit-keyframes flip {

 0% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);

  transform:perspective(400px) rotate3d(0,1,0,-360deg);

  -webkit-animation-timing-function:ease-out;

  animation-timing-function:ease-out

 }

 40% {

  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);

  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);

  -webkit-animation-timing-function:ease-out;

  animation-timing-function:ease-out

 }

 50% {

  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);

  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);

  -webkit-animation-timing-function:ease-in;

  animation-timing-function:ease-in

 }

 80% {

  -webkit-transform:perspective(400px) scale3d(.95,.95,.95);

  transform:perspective(400px) scale3d(.95,.95,.95);

  -webkit-animation-timing-function:ease-in;

  animation-timing-function:ease-in

 }

 100% {

  -webkit-transform:perspective(400px);

  transform:perspective(400px);

  -webkit-animation-timing-function:ease-in;

  animation-timing-function:ease-in

 }

}

@keyframes flip {

 0% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);

  transform:perspective(400px) rotate3d(0,1,0,-360deg);

  -webkit-animation-timing-function:ease-out;

  animation-timing-function:ease-out

 }

 40% {

  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);

  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);

  -webkit-animation-timing-function:ease-out;

  animation-timing-function:ease-out

 }

 50% {

  -webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);

  transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);

  -webkit-animation-timing-function:ease-in;

  animation-timing-function:ease-in

 }

 80% {

  -webkit-transform:perspective(400px) scale3d(.95,.95,.95);

  transform:perspective(400px) scale3d(.95,.95,.95);

  -webkit-animation-timing-function:ease-in;

  animation-timing-function:ease-in

 }

 100% {

  -webkit-transform:perspective(400px);

  transform:perspective(400px);

  -webkit-animation-timing-function:ease-in;

  animation-timing-function:ease-in

 }

}

.animated.flip {

 -webkit-backface-visibility:visible;

 backface-visibility:visible;

 -webkit-animation-name:flip;

 animation-name:flip

}

@-webkit-keyframes flipInX {

 0% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);

  transform:perspective(400px) rotate3d(1,0,0,90deg);

  -webkit-transition-timing-function:ease-in;

  transition-timing-function:ease-in;

  opacity:0

 }

 40% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);

  transform:perspective(400px) rotate3d(1,0,0,-20deg);

  -webkit-transition-timing-function:ease-in;

  transition-timing-function:ease-in

 }

 60% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);

  transform:perspective(400px) rotate3d(1,0,0,10deg);

  opacity:1

 }

 80% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);

  transform:perspective(400px) rotate3d(1,0,0,-5deg)

 }

 100% {

  -webkit-transform:perspective(400px);

  transform:perspective(400px)

 }

}

@keyframes flipInX {

 0% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);

  transform:perspective(400px) rotate3d(1,0,0,90deg);

  -webkit-transition-timing-function:ease-in;

  transition-timing-function:ease-in;

  opacity:0

 }

 40% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);

  transform:perspective(400px) rotate3d(1,0,0,-20deg);

  -webkit-transition-timing-function:ease-in;

  transition-timing-function:ease-in

 }

 60% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);

  transform:perspective(400px) rotate3d(1,0,0,10deg);

  opacity:1

 }

 80% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);

  transform:perspective(400px) rotate3d(1,0,0,-5deg)

 }

 100% {

  -webkit-transform:perspective(400px);

  transform:perspective(400px)

 }

}

.flipInX {

 -webkit-backface-visibility:visible!important;

 backface-visibility:visible!important;

 -webkit-animation-name:flipInX;

 animation-name:flipInX

}

@-webkit-keyframes flipInY {

 0% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);

  transform:perspective(400px) rotate3d(0,1,0,90deg);

  -webkit-transition-timing-function:ease-in;

  transition-timing-function:ease-in;

  opacity:0

 }

 40% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);

  transform:perspective(400px) rotate3d(0,1,0,-20deg);

  -webkit-transition-timing-function:ease-in;

  transition-timing-function:ease-in

 }

 60% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);

  transform:perspective(400px) rotate3d(0,1,0,10deg);

  opacity:1

 }

 80% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);

  transform:perspective(400px) rotate3d(0,1,0,-5deg)

 }

 100% {

  -webkit-transform:perspective(400px);

  transform:perspective(400px)

 }

}

@keyframes flipInY {

 0% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);

  transform:perspective(400px) rotate3d(0,1,0,90deg);

  -webkit-transition-timing-function:ease-in;

  transition-timing-function:ease-in;

  opacity:0

 }

 40% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);

  transform:perspective(400px) rotate3d(0,1,0,-20deg);

  -webkit-transition-timing-function:ease-in;

  transition-timing-function:ease-in

 }

 60% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);

  transform:perspective(400px) rotate3d(0,1,0,10deg);

  opacity:1

 }

 80% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);

  transform:perspective(400px) rotate3d(0,1,0,-5deg)

 }

 100% {

  -webkit-transform:perspective(400px);

  transform:perspective(400px)

 }

}

.flipInY {

 -webkit-backface-visibility:visible!important;

 backface-visibility:visible!important;

 -webkit-animation-name:flipInY;

 animation-name:flipInY

}

@-webkit-keyframes flipOutX {

 0% {

  -webkit-transform:perspective(400px);

  transform:perspective(400px)

 }

 30% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);

  transform:perspective(400px) rotate3d(1,0,0,-20deg);

  opacity:1

 }

 100% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);

  transform:perspective(400px) rotate3d(1,0,0,90deg);

  opacity:0

 }

}

@keyframes flipOutX {

 0% {

  -webkit-transform:perspective(400px);

  transform:perspective(400px)

 }

 30% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);

  transform:perspective(400px) rotate3d(1,0,0,-20deg);

  opacity:1

 }

 100% {

  -webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);

  transform:perspective(400px) rotate3d(1,0,0,90deg);

  opacity:0

 }

}

.flipOutX {

 -webkit-animation-name:flipOutX;

 animation-name:flipOutX;

 -webkit-animation-duration:.75s;

 animation-duration:.75s;

 -webkit-backface-visibility:visible!important;

 backface-visibility:visible!important

}

@-webkit-keyframes flipOutY {

 0% {

  -webkit-transform:perspective(400px);

  transform:perspective(400px)

 }

 30% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);

  transform:perspective(400px) rotate3d(0,1,0,-15deg);

  opacity:1

 }

 100% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);

  transform:perspective(400px) rotate3d(0,1,0,90deg);

  opacity:0

 }

}

@keyframes flipOutY {

 0% {

  -webkit-transform:perspective(400px);

  transform:perspective(400px)

 }

 30% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);

  transform:perspective(400px) rotate3d(0,1,0,-15deg);

  opacity:1

 }

 100% {

  -webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);

  transform:perspective(400px) rotate3d(0,1,0,90deg);

  opacity:0

 }

}

.flipOutY {

 -webkit-backface-visibility:visible!important;

 backface-visibility:visible!important;

 -webkit-animation-name:flipOutY;

 animation-name:flipOutY;

 -webkit-animation-duration:.75s;

 animation-duration:.75s

}

@-webkit-keyframes lightSpeedIn {

 0% {

  -webkit-transform:translate3d(100%,0,0) skewX(-30deg);

  transform:translate3d(100%,0,0) skewX(-30deg);

  opacity:0

 }

 60% {

  -webkit-transform:skewX(20deg);

  transform:skewX(20deg);

  opacity:1

 }

 80% {

  -webkit-transform:skewX(-5deg);

  transform:skewX(-5deg);

  opacity:1

 }

 100% {

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

@keyframes lightSpeedIn {

 0% {

  -webkit-transform:translate3d(100%,0,0) skewX(-30deg);

  transform:translate3d(100%,0,0) skewX(-30deg);

  opacity:0

 }

 60% {

  -webkit-transform:skewX(20deg);

  transform:skewX(20deg);

  opacity:1

 }

 80% {

  -webkit-transform:skewX(-5deg);

  transform:skewX(-5deg);

  opacity:1

 }

 100% {

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

.lightSpeedIn {

 -webkit-animation-name:lightSpeedIn;

 animation-name:lightSpeedIn;

 -webkit-animation-timing-function:ease-out;

 animation-timing-function:ease-out

}

@-webkit-keyframes lightSpeedOut {

 0% {

  opacity:1

 }

 100% {

  -webkit-transform:translate3d(100%,0,0) skewX(30deg);

  transform:translate3d(100%,0,0) skewX(30deg);

  opacity:0

 }

}

@keyframes lightSpeedOut {

 0% {

  opacity:1

 }

 100% {

  -webkit-transform:translate3d(100%,0,0) skewX(30deg);

  transform:translate3d(100%,0,0) skewX(30deg);

  opacity:0

 }

}

.lightSpeedOut {

 -webkit-animation-name:lightSpeedOut;

 animation-name:lightSpeedOut;

 -webkit-animation-timing-function:ease-in;

 animation-timing-function:ease-in

}

@-webkit-keyframes rotateIn {

 0% {

  -webkit-transform-origin:center;

  transform-origin:center;

  -webkit-transform:rotate3d(0,0,1,-200deg);

  transform:rotate3d(0,0,1,-200deg);

  opacity:0

 }

 100% {

  -webkit-transform-origin:center;

  transform-origin:center;

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

@keyframes rotateIn {

 0% {

  -webkit-transform-origin:center;

  transform-origin:center;

  -webkit-transform:rotate3d(0,0,1,-200deg);

  transform:rotate3d(0,0,1,-200deg);

  opacity:0

 }

 100% {

  -webkit-transform-origin:center;

  transform-origin:center;

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

.rotateIn {

 -webkit-animation-name:rotateIn;

 animation-name:rotateIn

}

@-webkit-keyframes rotateInDownLeft {

 0% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:rotate3d(0,0,1,-45deg);

  transform:rotate3d(0,0,1,-45deg);

  opacity:0

 }

 100% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

@keyframes rotateInDownLeft {

 0% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:rotate3d(0,0,1,-45deg);

  transform:rotate3d(0,0,1,-45deg);

  opacity:0

 }

 100% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

.rotateInDownLeft {

 -webkit-animation-name:rotateInDownLeft;

 animation-name:rotateInDownLeft

}

@-webkit-keyframes rotateInDownRight {

 0% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:rotate3d(0,0,1,45deg);

  transform:rotate3d(0,0,1,45deg);

  opacity:0

 }

 100% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

@keyframes rotateInDownRight {

 0% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:rotate3d(0,0,1,45deg);

  transform:rotate3d(0,0,1,45deg);

  opacity:0

 }

 100% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

.rotateInDownRight {

 -webkit-animation-name:rotateInDownRight;

 animation-name:rotateInDownRight

}

@-webkit-keyframes rotateInUpLeft {

 0% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:rotate3d(0,0,1,45deg);

  transform:rotate3d(0,0,1,45deg);

  opacity:0

 }

 100% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

@keyframes rotateInUpLeft {

 0% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:rotate3d(0,0,1,45deg);

  transform:rotate3d(0,0,1,45deg);

  opacity:0

 }

 100% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

.rotateInUpLeft {

 -webkit-animation-name:rotateInUpLeft;

 animation-name:rotateInUpLeft

}

@-webkit-keyframes rotateInUpRight {

 0% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:rotate3d(0,0,1,-90deg);

  transform:rotate3d(0,0,1,-90deg);

  opacity:0

 }

 100% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

@keyframes rotateInUpRight {

 0% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:rotate3d(0,0,1,-90deg);

  transform:rotate3d(0,0,1,-90deg);

  opacity:0

 }

 100% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:none;

  transform:none;

  opacity:1

 }

}

.rotateInUpRight {

 -webkit-animation-name:rotateInUpRight;

 animation-name:rotateInUpRight

}

@-webkit-keyframes rotateOut {

 0% {

  -webkit-transform-origin:center;

  transform-origin:center;

  opacity:1

 }

 100% {

  -webkit-transform-origin:center;

  transform-origin:center;

  -webkit-transform:rotate3d(0,0,1,200deg);

  transform:rotate3d(0,0,1,200deg);

  opacity:0

 }

}

@keyframes rotateOut {

 0% {

  -webkit-transform-origin:center;

  transform-origin:center;

  opacity:1

 }

 100% {

  -webkit-transform-origin:center;

  transform-origin:center;

  -webkit-transform:rotate3d(0,0,1,200deg);

  transform:rotate3d(0,0,1,200deg);

  opacity:0

 }

}

.rotateOut {

 -webkit-animation-name:rotateOut;

 animation-name:rotateOut

}

@-webkit-keyframes rotateOutDownLeft {

 0% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  opacity:1

 }

 100% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:rotate3d(0,0,1,45deg);

  transform:rotate3d(0,0,1,45deg);

  opacity:0

 }

}

@keyframes rotateOutDownLeft {

 0% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  opacity:1

 }

 100% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:rotate3d(0,0,1,45deg);

  transform:rotate3d(0,0,1,45deg);

  opacity:0

 }

}

.rotateOutDownLeft {

 -webkit-animation-name:rotateOutDownLeft;

 animation-name:rotateOutDownLeft

}

@-webkit-keyframes rotateOutDownRight {

 0% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  opacity:1

 }

 100% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:rotate3d(0,0,1,-45deg);

  transform:rotate3d(0,0,1,-45deg);

  opacity:0

 }

}

@keyframes rotateOutDownRight {

 0% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  opacity:1

 }

 100% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:rotate3d(0,0,1,-45deg);

  transform:rotate3d(0,0,1,-45deg);

  opacity:0

 }

}

.rotateOutDownRight {

 -webkit-animation-name:rotateOutDownRight;

 animation-name:rotateOutDownRight

}

@-webkit-keyframes rotateOutUpLeft {

 0% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  opacity:1

 }

 100% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:rotate3d(0,0,1,-45deg);

  transform:rotate3d(0,0,1,-45deg);

  opacity:0

 }

}

@keyframes rotateOutUpLeft {

 0% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  opacity:1

 }

 100% {

  -webkit-transform-origin:left bottom;

  transform-origin:left bottom;

  -webkit-transform:rotate3d(0,0,1,-45deg);

  transform:rotate3d(0,0,1,-45deg);

  opacity:0

 }

}

.rotateOutUpLeft {

 -webkit-animation-name:rotateOutUpLeft;

 animation-name:rotateOutUpLeft

}

@-webkit-keyframes rotateOutUpRight {

 0% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  opacity:1

 }

 100% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:rotate3d(0,0,1,90deg);

  transform:rotate3d(0,0,1,90deg);

  opacity:0

 }

}

@keyframes rotateOutUpRight {

 0% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  opacity:1

 }

 100% {

  -webkit-transform-origin:right bottom;

  transform-origin:right bottom;

  -webkit-transform:rotate3d(0,0,1,90deg);

  transform:rotate3d(0,0,1,90deg);

  opacity:0

 }

}

.rotateOutUpRight {

 -webkit-animation-name:rotateOutUpRight;

 animation-name:rotateOutUpRight

}

@-webkit-keyframes hinge {

 0% {

  -webkit-transform-origin:top left;

  transform-origin:top left;

  -webkit-animation-timing-function:ease-in-out;

  animation-timing-function:ease-in-out

 }

 20%,

 60% {

  -webkit-transform:rotate3d(0,0,1,80deg);

  transform:rotate3d(0,0,1,80deg);

  -webkit-transform-origin:top left;

  transform-origin:top left;

  -webkit-animation-timing-function:ease-in-out;

  animation-timing-function:ease-in-out

 }

 40%,

 80% {

  -webkit-transform:rotate3d(0,0,1,60deg);

  transform:rotate3d(0,0,1,60deg);

  -webkit-transform-origin:top left;

  transform-origin:top left;

  -webkit-animation-timing-function:ease-in-out;

  animation-timing-function:ease-in-out;

  opacity:1

 }

 100% {

  -webkit-transform:translate3d(0,700px,0);

  transform:translate3d(0,700px,0);

  opacity:0

 }

}

@keyframes hinge {

 0% {

  -webkit-transform-origin:top left;

  transform-origin:top left;

  -webkit-animation-timing-function:ease-in-out;

  animation-timing-function:ease-in-out

 }

 20%,

 60% {

  -webkit-transform:rotate3d(0,0,1,80deg);

  transform:rotate3d(0,0,1,80deg);

  -webkit-transform-origin:top left;

  transform-origin:top left;

  -webkit-animation-timing-function:ease-in-out;

  animation-timing-function:ease-in-out

 }

 40%,

 80% {

  -webkit-transform:rotate3d(0,0,1,60deg);

  transform:rotate3d(0,0,1,60deg);

  -webkit-transform-origin:top left;

  transform-origin:top left;

  -webkit-animation-timing-function:ease-in-out;

  animation-timing-function:ease-in-out;

  opacity:1

 }

 100% {

  -webkit-transform:translate3d(0,700px,0);

  transform:translate3d(0,700px,0);

  opacity:0

 }

}

.hinge {

 -webkit-animation-name:hinge;

 animation-name:hinge

}

@-webkit-keyframes rollIn {

 0% {

  opacity:0;

  -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);

  transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

@keyframes rollIn {

 0% {

  opacity:0;

  -webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);

  transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)

 }

 100% {

  opacity:1;

  -webkit-transform:none;

  transform:none

 }

}

.rollIn {

 -webkit-animation-name:rollIn;

 animation-name:rollIn

}

@-webkit-keyframes rollOut {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);

  transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)

 }

}

@keyframes rollOut {

 0% {

  opacity:1

 }

 100% {

  opacity:0;

  -webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);

  transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)

 }

}

.rollOut {

 -webkit-animation-name:rollOut;

 animation-name:rollOut

}

@-webkit-keyframes zoomIn {

 0% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

 }

 50% {

  opacity:1

 }

}

@keyframes zoomIn {

 0% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

 }

 50% {

  opacity:1

 }

}

.zoomIn {

 -webkit-animation-name:zoomIn;

 animation-name:zoomIn

}

@-webkit-keyframes zoomInDown {

 0% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);

  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 60% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

@keyframes zoomInDown {

 0% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);

  transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 60% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

.zoomInDown {

 -webkit-animation-name:zoomInDown;

 animation-name:zoomInDown

}

@-webkit-keyframes zoomInLeft {

 0% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);

  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 60% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

@keyframes zoomInLeft {

 0% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);

  transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 60% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

  transform:scale3d(.475,.475,.475) translate3d(10px,0,0);

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

.zoomInLeft {

 -webkit-animation-name:zoomInLeft;

 animation-name:zoomInLeft

}

@-webkit-keyframes zoomInRight {

 0% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 60% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

@keyframes zoomInRight {

 0% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

  transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 60% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

  transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

.zoomInRight {

 -webkit-animation-name:zoomInRight;

 animation-name:zoomInRight

}

@-webkit-keyframes zoomInUp {

 0% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);

  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 60% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

@keyframes zoomInUp {

 0% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);

  transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 60% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

.zoomInUp {

 -webkit-animation-name:zoomInUp;

 animation-name:zoomInUp

}

@-webkit-keyframes zoomOut {

 0% {

  opacity:1

 }

 50% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

 }

 100% {

  opacity:0

 }

}

@keyframes zoomOut {

 0% {

  opacity:1

 }

 50% {

  opacity:0;

  -webkit-transform:scale3d(.3,.3,.3);

  transform:scale3d(.3,.3,.3)

 }

 100% {

  opacity:0

 }

}

.zoomOut {

 -webkit-animation-name:zoomOut;

 animation-name:zoomOut

}

@-webkit-keyframes zoomOutDown {

 40% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 100% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);

  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);

  -webkit-transform-origin:center bottom;

  transform-origin:center bottom;

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

@keyframes zoomOutDown {

 40% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

  transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 100% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);

  transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);

  -webkit-transform-origin:center bottom;

  transform-origin:center bottom;

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

.zoomOutDown {

 -webkit-animation-name:zoomOutDown;

 animation-name:zoomOutDown

}

@-webkit-keyframes zoomOutLeft {

 40% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);

  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)

 }

 100% {

  opacity:0;

  -webkit-transform:scale(.1) translate3d(-2000px,0,0);

  transform:scale(.1) translate3d(-2000px,0,0);

  -webkit-transform-origin:left center;

  transform-origin:left center

 }

}

@keyframes zoomOutLeft {

 40% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);

  transform:scale3d(.475,.475,.475) translate3d(42px,0,0)

 }

 100% {

  opacity:0;

  -webkit-transform:scale(.1) translate3d(-2000px,0,0);

  transform:scale(.1) translate3d(-2000px,0,0);

  -webkit-transform-origin:left center;

  transform-origin:left center

 }

}

.zoomOutLeft {

 -webkit-animation-name:zoomOutLeft;

 animation-name:zoomOutLeft

}

@-webkit-keyframes zoomOutRight {

 40% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);

  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)

 }

 100% {

  opacity:0;

  -webkit-transform:scale(.1) translate3d(2000px,0,0);

  transform:scale(.1) translate3d(2000px,0,0);

  -webkit-transform-origin:right center;

  transform-origin:right center

 }

}

@keyframes zoomOutRight {

 40% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);

  transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)

 }

 100% {

  opacity:0;

  -webkit-transform:scale(.1) translate3d(2000px,0,0);

  transform:scale(.1) translate3d(2000px,0,0);

  -webkit-transform-origin:right center;

  transform-origin:right center

 }

}

.zoomOutRight {

 -webkit-animation-name:zoomOutRight;

 animation-name:zoomOutRight

}

@-webkit-keyframes zoomOutUp {

 40% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 100% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);

  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);

  -webkit-transform-origin:center bottom;

  transform-origin:center bottom;

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

@keyframes zoomOutUp {

 40% {

  opacity:1;

  -webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

  transform:scale3d(.475,.475,.475) translate3d(0,60px,0);

  -webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);

  animation-timing-function:cubic-bezier(0.55,.055,.675,.19)

 }

 100% {

  opacity:0;

  -webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);

  transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);

  -webkit-transform-origin:center bottom;

  transform-origin:center bottom;

  -webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);

  animation-timing-function:cubic-bezier(0.175,.885,.32,1)

 }

}

.zoomOutUp {

 -webkit-animation-name:zoomOutUp;

 animation-name:zoomOutUp

}

@-webkit-keyframes slideInDown {

 0% {

  -webkit-transform:translateY(-100%);

  transform:translateY(-100%);

  visibility:visible

 }

 100% {

  -webkit-transform:translateY(0);

  transform:translateY(0)

 }

}

@keyframes slideInDown {

 0% {

  -webkit-transform:translateY(-100%);

  transform:translateY(-100%);

  visibility:visible

 }

 100% {

  -webkit-transform:translateY(0);

  transform:translateY(0)

 }

}

.slideInDown {

 -webkit-animation-name:slideInDown;

 animation-name:slideInDown

}

@-webkit-keyframes slideInLeft {

 0% {

  -webkit-transform:translateX(-100%);

  transform:translateX(-100%);

  visibility:visible

 }

 100% {

  -webkit-transform:translateX(0);

  transform:translateX(0)

 }

}

@keyframes slideInLeft {

 0% {

  -webkit-transform:translateX(-100%);

  transform:translateX(-100%);

  visibility:visible

 }

 100% {

  -webkit-transform:translateX(0);

  transform:translateX(0)

 }

}

.slideInLeft {

 -webkit-animation-name:slideInLeft;

 animation-name:slideInLeft

}

@-webkit-keyframes slideInRight {

 0% {

  -webkit-transform:translateX(100%);

  transform:translateX(100%);

  visibility:visible

 }

 100% {

  -webkit-transform:translateX(0);

  transform:translateX(0)

 }

}

@keyframes slideInRight {

 0% {

  -webkit-transform:translateX(100%);

  transform:translateX(100%);

  visibility:visible

 }

 100% {

  -webkit-transform:translateX(0);

  transform:translateX(0)

 }

}

.slideInRight {

 -webkit-animation-name:slideInRight;

 animation-name:slideInRight

}

@-webkit-keyframes slideInUp {

 0% {

  -webkit-transform:translateY(100%);

  transform:translateY(100%);

  visibility:visible

 }

 100% {

  -webkit-transform:translateY(0);

  transform:translateY(0)

 }

}

@keyframes slideInUp {

 0% {

  -webkit-transform:translateY(100%);

  transform:translateY(100%);

  visibility:visible

 }

 100% {

  -webkit-transform:translateY(0);

  transform:translateY(0)

 }

}

.slideInUp {

 -webkit-animation-name:slideInUp;

 animation-name:slideInUp

}

@-webkit-keyframes slideOutDown {

 0% {

  -webkit-transform:translateY(0);

  transform:translateY(0)

 }

 100% {

  visibility:hidden;

  -webkit-transform:translateY(100%);

  transform:translateY(100%)

 }

}

@keyframes slideOutDown {

 0% {

  -webkit-transform:translateY(0);

  transform:translateY(0)

 }

 100% {

  visibility:hidden;

  -webkit-transform:translateY(100%);

  transform:translateY(100%)

 }

}

.slideOutDown {

 -webkit-animation-name:slideOutDown;

 animation-name:slideOutDown

}

@-webkit-keyframes slideOutLeft {

 0% {

  -webkit-transform:translateX(0);

  transform:translateX(0)

 }

 100% {

  visibility:hidden;

  -webkit-transform:translateX(-100%);

  transform:translateX(-100%)

 }

}

@keyframes slideOutLeft {

 0% {

  -webkit-transform:translateX(0);

  transform:translateX(0)

 }

 100% {

  visibility:hidden;

  -webkit-transform:translateX(-100%);

  transform:translateX(-100%)

 }

}

.slideOutLeft {

 -webkit-animation-name:slideOutLeft;

 animation-name:slideOutLeft

}

@-webkit-keyframes slideOutRight {

 0% {

  -webkit-transform:translateX(0);

  transform:translateX(0)

 }

 100% {

  visibility:hidden;

  -webkit-transform:translateX(100%);

  transform:translateX(100%)

 }

}

@keyframes slideOutRight {

 0% {

  -webkit-transform:translateX(0);

  transform:translateX(0)

 }

 100% {

  visibility:hidden;

  -webkit-transform:translateX(100%);

  transform:translateX(100%)

 }

}

.slideOutRight {

 -webkit-animation-name:slideOutRight;

 animation-name:slideOutRight

}

@-webkit-keyframes slideOutUp {

 0% {

  -webkit-transform:translateY(0);

  transform:translateY(0)

 }

 100% {

  visibility:hidden;

  -webkit-transform:translateY(-100%);

  transform:translateY(-100%)

 }

}

@keyframes slideOutUp {

 0% {

  -webkit-transform:translateY(0);

  transform:translateY(0)

 }

 100% {

  visibility:hidden;

  -webkit-transform:translateY(-100%);

  transform:translateY(-100%)

 }

}

.slideOutUp {

 -webkit-animation-name:slideOutUp;

 animation-name:slideOutUp

}