@charset "UTF-8";/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2013 Daniel Eden
*/
 .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
     -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
     -ms-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
     transform-style: preserve-3d;
}
.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}
@-webkit-keyframes bounce {
    0%,100%,20%,53%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }
    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }
    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}@keyframes bounce {
     0%,100%,20%,53%,80% {
         -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
         transition-timing-function: cubic-bezier(0.215,.61,.355,1);
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
     40%,43% {
         -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
         transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
         -webkit-transform: translate3d(0,-30px,0);
         -ms-transform: translate3d(0,-30px,0);
         transform: translate3d(0,-30px,0)
     }
     70% {
         -webkit-transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
         transition-timing-function: cubic-bezier(0.755,.050,.855,.060);
         -webkit-transform: translate3d(0,-15px,0);
         -ms-transform: translate3d(0,-15px,0);
         transform: translate3d(0,-15px,0)
     }
     90% {
         -webkit-transform: translate3d(0,-4px,0);
         -ms-transform: translate3d(0,-4px,0);
         transform: translate3d(0,-4px,0)
     }
 }
.active .bounce,
.bounce{
      -webkit-animation-name: bounce;
      animation-name: bounce;
      -webkit-transform-origin: center bottom;
      -ms-transform-origin: center bottom;
      transform-origin: center bottom
  }
@-webkit-keyframes flash {
    0%,100%,50% {
        opacity: 1
    }
    25%,75% {
        opacity: 0
    }
}@keyframes flash {
     0%,100%,50% {
         opacity: 1
     }
     25%,75% {
         opacity: 0
     }
 }.flash {
      -webkit-animation-name: flash;
      animation-name: flash
  }
@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }
    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}@keyframes pulse {
     0% {
         -webkit-transform: scale3d(1,1,1);
         -ms-transform: scale3d(1,1,1);
         transform: scale3d(1,1,1)
     }
     50% {
         -webkit-transform: scale3d(1.05,1.05,1.05);
         -ms-transform: scale3d(1.05,1.05,1.05);
         transform: scale3d(1.05,1.05,1.05)
     }
     100% {
         -webkit-transform: scale3d(1,1,1);
         -ms-transform: scale3d(1,1,1);
         transform: scale3d(1,1,1)
     }
 }.pulse {
      -webkit-animation-name: pulse;
      animation-name: pulse
  }
@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
    30% {
        -webkit-transform: scale3d(1.25,.75,1);
        transform: scale3d(1.25,.75,1)
    }
    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }
    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }
    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }
    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }
    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}@keyframes rubberBand {
     0% {
         -webkit-transform: scale3d(1,1,1);
         -ms-transform: scale3d(1,1,1);
         transform: scale3d(1,1,1)
     }
     30% {
         -webkit-transform: scale3d(1.25,.75,1);
         -ms-transform: scale3d(1.25,.75,1);
         transform: scale3d(1.25,.75,1)
     }
     40% {
         -webkit-transform: scale3d(0.75,1.25,1);
         -ms-transform: scale3d(0.75,1.25,1);
         transform: scale3d(0.75,1.25,1)
     }
     50% {
         -webkit-transform: scale3d(1.15,.85,1);
         -ms-transform: scale3d(1.15,.85,1);
         transform: scale3d(1.15,.85,1)
     }
     65% {
         -webkit-transform: scale3d(.95,1.05,1);
         -ms-transform: scale3d(.95,1.05,1);
         transform: scale3d(.95,1.05,1)
     }
     75% {
         -webkit-transform: scale3d(1.05,.95,1);
         -ms-transform: scale3d(1.05,.95,1);
         transform: scale3d(1.05,.95,1)
     }
     100% {
         -webkit-transform: scale3d(1,1,1);
         -ms-transform: scale3d(1,1,1);
         transform: scale3d(1,1,1)
     }
 }.rubberBand {
      -webkit-animation-name: rubberBand;
      animation-name: rubberBand
  }
@-webkit-keyframes shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }
    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
}@keyframes shake {
     0%,100% {
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
     10%,30%,50%,70%,90% {
         -webkit-transform: translate3d(-10px,0,0);
         -ms-transform: translate3d(-10px,0,0);
         transform: translate3d(-10px,0,0)
     }
     20%,40%,60%,80% {
         -webkit-transform: translate3d(10px,0,0);
         -ms-transform: translate3d(10px,0,0);
         transform: translate3d(10px,0,0)
     }
 }.shake {
      -webkit-animation-name: shake;
      animation-name: shake
  }
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }
    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }
    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }
    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }
    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}@keyframes swing {
     20% {
         -webkit-transform: rotate3d(0,0,1,15deg);
         -ms-transform: rotate3d(0,0,1,15deg);
         transform: rotate3d(0,0,1,15deg)
     }
     40% {
         -webkit-transform: rotate3d(0,0,1,-10deg);
         -ms-transform: rotate3d(0,0,1,-10deg);
         transform: rotate3d(0,0,1,-10deg)
     }
     60% {
         -webkit-transform: rotate3d(0,0,1,5deg);
         -ms-transform: rotate3d(0,0,1,5deg);
         transform: rotate3d(0,0,1,5deg)
     }
     80% {
         -webkit-transform: rotate3d(0,0,1,-5deg);
         -ms-transform: rotate3d(0,0,1,-5deg);
         transform: rotate3d(0,0,1,-5deg)
     }
     100% {
         -webkit-transform: rotate3d(0,0,1,0deg);
         -ms-transform: rotate3d(0,0,1,0deg);
         transform: rotate3d(0,0,1,0deg)
     }
 }.swing {
      -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
      transform-origin: top center;
      -webkit-animation-name: swing;
      animation-name: swing
  }
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }
    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }
    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }
    100% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}@keyframes tada {
     0% {
         -webkit-transform: scale3d(1,1,1);
         -ms-transform: scale3d(1,1,1);
         transform: scale3d(1,1,1)
     }
     10%,20% {
         -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
         -ms-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
         transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
     }
     30%,50%,70%,90% {
         -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
         -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
         transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
     }
     40%,60%,80% {
         -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
         -ms-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
         transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
     }
     100% {
         -webkit-transform: scale3d(1,1,1);
         -ms-transform: scale3d(1,1,1);
         transform: scale3d(1,1,1)
     }
 }.tada {
      -webkit-animation-name: tada;
      animation-name: tada
  }
@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }
    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }
    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }
    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }
    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }
    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}@keyframes wobble {
     0% {
         -webkit-transform: none;
         -ms-transform: none;
         transform: none
     }
     15% {
         -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
         -ms-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
         transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
     }
     30% {
         -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
         -ms-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
         transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
     }
     45% {
         -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
         -ms-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
         transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
     }
     60% {
         -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
         -ms-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
         transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
     }
     75% {
         -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
         -ms-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
         transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
     }
     100% {
         -webkit-transform: none;
         -ms-transform: none;
         transform: none
     }
 }.wobble {
      -webkit-animation-name: wobble;
      animation-name: wobble
  }
@-webkit-keyframes bounceIn {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }
    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }
    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }
    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}@keyframes bounceIn {
     0%,100%,20%,40%,60%,80% {
         -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
         transition-timing-function: cubic-bezier(0.215,.61,.355,1)
     }
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3,.3,.3);
         -ms-transform: scale3d(.3,.3,.3);
         transform: scale3d(.3,.3,.3)
     }
     20% {
         -webkit-transform: scale3d(1.1,1.1,1.1);
         -ms-transform: scale3d(1.1,1.1,1.1);
         transform: scale3d(1.1,1.1,1.1)
     }
     40% {
         -webkit-transform: scale3d(.9,.9,.9);
         -ms-transform: scale3d(.9,.9,.9);
         transform: scale3d(.9,.9,.9)
     }
     60% {
         opacity: 1;
         -webkit-transform: scale3d(1.03,1.03,1.03);
         -ms-transform: scale3d(1.03,1.03,1.03);
         transform: scale3d(1.03,1.03,1.03)
     }
     80% {
         -webkit-transform: scale3d(.97,.97,.97);
         -ms-transform: scale3d(.97,.97,.97);
         transform: scale3d(.97,.97,.97)
     }
     100% {
         opacity: 1;
         -webkit-transform: scale3d(1,1,1);
         -ms-transform: scale3d(1,1,1);
         transform: scale3d(1,1,1)
     }
 }.bounceIn {
      -webkit-animation-name: bounceIn;
      animation-name: bounceIn;
      -webkit-animation-duration: .75s;
      animation-duration: .75s
  }

@-webkit-keyframes bounceInDown {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }
    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }
    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}@keyframes bounceInDown {
     0%,100%,60%,75%,90% {
         -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
         transition-timing-function: cubic-bezier(0.215,.61,.355,1)
     }
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0,-3000px,0);
         -ms-transform: translate3d(0,-3000px,0);
         transform: translate3d(0,-3000px,0)
     }
     60% {
         opacity: 1;
         -webkit-transform: translate3d(0,25px,0);
         -ms-transform: translate3d(0,25px,0);
         transform: translate3d(0,25px,0)
     }
     75% {
         -webkit-transform: translate3d(0,-10px,0);
         -ms-transform: translate3d(0,-10px,0);
         transform: translate3d(0,-10px,0)
     }
     90% {
         -webkit-transform: translate3d(0,5px,0);
         -ms-transform: translate3d(0,5px,0);
         transform: translate3d(0,5px,0)
     }
     100% {
         -webkit-transform: none;
         -ms-transform: none;
         transform: none
     }
 }.active .bounceInDown , .bounceInDown {
      -webkit-animation-name: bounceInDown;
      animation-name: bounceInDown
  }
@-webkit-keyframes bounceInLeft {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }
    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }
    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}@keyframes bounceInLeft {
     0%,100%,60%,75%,90% {
         -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
         transition-timing-function: cubic-bezier(0.215,.61,.355,1)
     }
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-3000px,0,0);
         -ms-transform: translate3d(-3000px,0,0);
         transform: translate3d(-3000px,0,0)
     }
     60% {
         opacity: 1;
         -webkit-transform: translate3d(25px,0,0);
         -ms-transform: translate3d(25px,0,0);
         transform: translate3d(25px,0,0)
     }
     75% {
         -webkit-transform: translate3d(-10px,0,0);
         -ms-transform: translate3d(-10px,0,0);
         transform: translate3d(-10px,0,0)
     }
     90% {
         -webkit-transform: translate3d(5px,0,0);
         -ms-transform: translate3d(5px,0,0);
         transform: translate3d(5px,0,0)
     }
     100% {
         -webkit-transform: none;
         -ms-transform: none;
         transform: none
     }
 }.bounceInLeft {
      -webkit-animation-name: bounceInLeft;
      animation-name: bounceInLeft
  }
@-webkit-keyframes bounceInRight {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }
    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }
    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }
    100% {
        -webkit-transform: none;
        transform: none
    }
}@keyframes bounceInRight {
     0%,100%,60%,75%,90% {
         -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
         transition-timing-function: cubic-bezier(0.215,.61,.355,1)
     }
     0% {
         opacity: 0;
         -webkit-transform: translate3d(3000px,0,0);
         -ms-transform: translate3d(3000px,0,0);
         transform: translate3d(3000px,0,0)
     }
     60% {
         opacity: 1;
         -webkit-transform: translate3d(-25px,0,0);
         -ms-transform: translate3d(-25px,0,0);
         transform: translate3d(-25px,0,0)
     }
     75% {
         -webkit-transform: translate3d(10px,0,0);
         -ms-transform: translate3d(10px,0,0);
         transform: translate3d(10px,0,0)
     }
     90% {
         -webkit-transform: translate3d(-5px,0,0);
         -ms-transform: translate3d(-5px,0,0);
         transform: translate3d(-5px,0,0)
     }
     100% {
         -webkit-transform: none;
         -ms-transform: none;
         transform: none
     }
 }.bounceInRight {
      -webkit-animation-name: bounceInRight;
      animation-name: bounceInRight
  }
@-webkit-keyframes bounceInUp {
    0%,100%,60%,75%,90% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }
    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }
    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}@keyframes bounceInUp {
     0%,100%,60%,75%,90% {
         -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
         transition-timing-function: cubic-bezier(0.215,.61,.355,1)
     }
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0,3000px,0);
         -ms-transform: translate3d(0,3000px,0);
         transform: translate3d(0,3000px,0)
     }
     60% {
         opacity: 1;
         -webkit-transform: translate3d(0,-20px,0);
         -ms-transform: translate3d(0,-20px,0);
         transform: translate3d(0,-20px,0)
     }
     75% {
         -webkit-transform: translate3d(0,10px,0);
         -ms-transform: translate3d(0,10px,0);
         transform: translate3d(0,10px,0)
     }
     90% {
         -webkit-transform: translate3d(0,-5px,0);
         -ms-transform: translate3d(0,-5px,0);
         transform: translate3d(0,-5px,0)
     }
     100% {
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
 }.bounceInUp {
      -webkit-animation-name: bounceInUp;
      animation-name: bounceInUp
  }
@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }
    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
}@keyframes bounceOut {
     20% {
         -webkit-transform: scale3d(.9,.9,.9);
         -ms-transform: scale3d(.9,.9,.9);
         transform: scale3d(.9,.9,.9)
     }
     50%,55% {
         opacity: 1;
         -webkit-transform: scale3d(1.1,1.1,1.1);
         -ms-transform: scale3d(1.1,1.1,1.1);
         transform: scale3d(1.1,1.1,1.1)
     }
     100% {
         opacity: 0;
         -webkit-transform: scale3d(.3,.3,.3);
         -ms-transform: scale3d(.3,.3,.3);
         transform: scale3d(.3,.3,.3)
     }
 }.bounceOut {
      -webkit-animation-name: bounceOut;
      animation-name: bounceOut;
      -webkit-animation-duration: .75s;
      animation-duration: .75s
  }
@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }
    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}@keyframes bounceOutDown {
     20% {
         -webkit-transform: translate3d(0,10px,0);
         -ms-transform: translate3d(0,10px,0);
         transform: translate3d(0,10px,0)
     }
     40%,45% {
         opacity: 1;
         -webkit-transform: translate3d(0,-20px,0);
         -ms-transform: translate3d(0,-20px,0);
         transform: translate3d(0,-20px,0)
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(0,2000px,0);
         -ms-transform: translate3d(0,2000px,0);
         transform: translate3d(0,2000px,0)
     }
 }.bounceOutDown {
      -webkit-animation-name: bounceOutDown;
      animation-name: bounceOutDown
  }
@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}@keyframes bounceOutLeft {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(20px,0,0);
         -ms-transform: translate3d(20px,0,0);
         transform: translate3d(20px,0,0)
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(-2000px,0,0);
         -ms-transform: translate3d(-2000px,0,0);
         transform: translate3d(-2000px,0,0)
     }
 }.bounceOutLeft {
      -webkit-animation-name: bounceOutLeft;
      animation-name: bounceOutLeft
  }
@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}@keyframes bounceOutRight {
     20% {
         opacity: 1;
         -webkit-transform: translate3d(-20px,0,0);
         -ms-transform: translate3d(-20px,0,0);
         transform: translate3d(-20px,0,0)
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(2000px,0,0);
         -ms-transform: translate3d(2000px,0,0);
         transform: translate3d(2000px,0,0)
     }
 }.bounceOutRight {
      -webkit-animation-name: bounceOutRight;
      animation-name: bounceOutRight
  }
@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }
    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}@keyframes bounceOutUp {
     20% {
         -webkit-transform: translate3d(0,-10px,0);
         -ms-transform: translate3d(0,-10px,0);
         transform: translate3d(0,-10px,0)
     }
     40%,45% {
         opacity: 1;
         -webkit-transform: translate3d(0,20px,0);
         -ms-transform: translate3d(0,20px,0);
         transform: translate3d(0,20px,0)
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(0,-2000px,0);
         -ms-transform: translate3d(0,-2000px,0);
         transform: translate3d(0,-2000px,0)
     }
 }.bounceOutUp {
      -webkit-animation-name: bounceOutUp;
      animation-name: bounceOutUp
  }
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}@keyframes fadeIn {
     0% {
         opacity: 0;
     }
     100% {
         opacity: 1;
     }
 }.fadeIn {
      -webkit-animation-name: fadeIn;
      animation-name: fadeIn;
  }
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}@keyframes fadeInDown {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0,-100%,0);
         -ms-transform: translate3d(0,-100%,0);
         transform: translate3d(0,-100%,0)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
 }.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: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}@keyframes fadeInDownBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0,-2000px,0);
         -ms-transform: translate3d(0,-2000px,0);
         transform: translate3d(0,-2000px,0)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0,0px,0);
         -ms-transform: translate3d(0,0px,0);
         transform: translate3d(0,0px,0)
     }
 }.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: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}@keyframes fadeInLeft {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%,0,0);
         -ms-transform: translate3d(-100%,0,0);
         transform: translate3d(-100%,0,0)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
 }.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: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}@keyframes fadeInLeftBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-2000px,0,0);
         -ms-transform: translate3d(-2000px,0,0);
         transform: translate3d(-2000px,0,0)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
 }.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: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}@keyframes fadeInRight {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(100%,0,0);
         -ms-transform: translate3d(100%,0,0);
         transform: translate3d(100%,0,0)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
 }.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: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}@keyframes fadeInRightBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(2000px,0,0);
         -ms-transform: translate3d(2000px,0,0);
         transform: translate3d(2000px,0,0)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
 }.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: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}@keyframes fadeInUp {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0,100%,0);
         -ms-transform: translate3d(0,100%,0);
         transform: translate3d(0,100%,0)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
 }.fadeInUp {
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp
  }
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}@keyframes fadeInUpBig {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(0,2000px,0);
         -ms-transform: translate3d(0,2000px,0);
         transform: translate3d(0,2000px,0)
     }
     100% {
         opacity: 1;
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
 }.fadeInUpBig {
      -webkit-animation-name: fadeInUpBig;
      animation-name: fadeInUpBig
  }
@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}@keyframes fadeOut {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0
     }
 }.fadeOut {
      -webkit-animation-name: fadeOut;
      animation-name: fadeOut
  }
@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}@keyframes fadeOutDown {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(0,100%,0);
         -ms-transform: translate3d(0,100%,0);
         transform: translate3d(0,100%,0)
     }
 }.fadeOutDown {
      -webkit-animation-name: fadeOutDown;
      animation-name: fadeOutDown
  }
@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,2000px,0);
        transform: translate3d(0,2000px,0)
    }
}@keyframes fadeOutDownBig {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(0,2000px,0);
         -ms-transform: translate3d(0,2000px,0);
         transform: translate3d(0,2000px,0)
     }
 }.fadeOutDownBig {
      -webkit-animation-name: fadeOutDownBig;
      animation-name: fadeOutDownBig
  }
@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}@keyframes fadeOutLeft {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(-100%,0,0);
         -ms-transform: translate3d(-100%,0,0);
         transform: translate3d(-100%,0,0)
     }
 }.fadeOutLeft {
      -webkit-animation-name: fadeOutLeft;
      animation-name: fadeOutLeft
  }
@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(-2000px,0,0);
        transform: translate3d(-2000px,0,0)
    }
}@keyframes fadeOutLeftBig {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(-2000px,0,0);
         -ms-transform: translate3d(-2000px,0,0);
         transform: translate3d(-2000px,0,0)
     }
 }.fadeOutLeftBig {
      -webkit-animation-name: fadeOutLeftBig;
      animation-name: fadeOutLeftBig
  }
@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}@keyframes fadeOutRight {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(100%,0,0);
         -ms-transform: translate3d(100%,0,0);
         transform: translate3d(100%,0,0)
     }
 }.fadeOutRight {
      -webkit-animation-name: fadeOutRight;
      animation-name: fadeOutRight
  }
@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(2000px,0,0);
        transform: translate3d(2000px,0,0)
    }
}@keyframes fadeOutRightBig {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(2000px,0,0);
         -ms-transform: translate3d(2000px,0,0);
         transform: translate3d(2000px,0,0)
     }
 }.fadeOutRightBig {
      -webkit-animation-name: fadeOutRightBig;
      animation-name: fadeOutRightBig
  }
@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}@keyframes fadeOutUp {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(0,-100%,0);
         -ms-transform: translate3d(0,-100%,0);
         transform: translate3d(0,-100%,0)
     }
 }.fadeOutUp {
      -webkit-animation-name: fadeOutUp;
      animation-name: fadeOutUp
  }
@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-2000px,0);
        transform: translate3d(0,-2000px,0)
    }
}@keyframes fadeOutUpBig {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(0,-2000px,0);
         -ms-transform: translate3d(0,-2000px,0);
         transform: translate3d(0,-2000px,0)
     }
 }.fadeOutUpBig {
      -webkit-animation-name: fadeOutUpBig;
      animation-name: fadeOutUpBig
  }
@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}@keyframes flip {
     0% {
         -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
         -ms-transform: perspective(400px) rotate3d(0,1,0,-360deg);
         transform: perspective(400px) rotate3d(0,1,0,-360deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
     40% {
         -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
         -ms-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
         transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
         -webkit-animation-timing-function: ease-out;
         animation-timing-function: ease-out
     }
     50% {
         -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
         -ms-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
         transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
     80% {
         -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
         -ms-transform: perspective(400px) scale3d(.95,.95,.95);
         transform: perspective(400px) scale3d(.95,.95,.95);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
     100% {
         -webkit-transform: perspective(400px);
         -ms-transform: perspective(400px);
         transform: perspective(400px);
         -webkit-animation-timing-function: ease-in;
         animation-timing-function: ease-in
     }
 }.animated.flip {
      -webkit-backface-visibility: visible;
      -ms-backface-visibility: visible;
      backface-visibility: visible;
      -webkit-animation-name: flip;
      animation-name: flip
  }
@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}@keyframes flipInX {
     0% {
         -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
         -ms-transform: perspective(400px) rotate3d(1,0,0,90deg);
         transform: perspective(400px) rotate3d(1,0,0,90deg);
         -webkit-transition-timing-function: ease-in;
         transition-timing-function: ease-in;
         opacity: 0
     }
     40% {
         -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
         -ms-transform: perspective(400px) rotate3d(1,0,0,-20deg);
         transform: perspective(400px) rotate3d(1,0,0,-20deg);
         -webkit-transition-timing-function: ease-in;
         transition-timing-function: ease-in
     }
     60% {
         -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
         -ms-transform: perspective(400px) rotate3d(1,0,0,10deg);
         transform: perspective(400px) rotate3d(1,0,0,10deg);
         opacity: 1
     }
     80% {
         -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
         -ms-transform: perspective(400px) rotate3d(1,0,0,-5deg);
         transform: perspective(400px) rotate3d(1,0,0,-5deg)
     }
     100% {
         -webkit-transform: perspective(400px);
         -ms-transform: perspective(400px);
         transform: perspective(400px)
     }
 }.flipInX {
      -webkit-backface-visibility: visible!important;
      -ms-backface-visibility: visible!important;
      backface-visibility: visible!important;
      -webkit-animation-name: flipInX;
      animation-name: flipInX
  }
@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }
    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}@keyframes flipInY {
     0% {
         -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
         -ms-transform: perspective(400px) rotate3d(0,1,0,90deg);
         transform: perspective(400px) rotate3d(0,1,0,90deg);
         -webkit-transition-timing-function: ease-in;
         transition-timing-function: ease-in;
         opacity: 0
     }
     40% {
         -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
         -ms-transform: perspective(400px) rotate3d(0,1,0,-20deg);
         transform: perspective(400px) rotate3d(0,1,0,-20deg);
         -webkit-transition-timing-function: ease-in;
         transition-timing-function: ease-in
     }
     60% {
         -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
         -ms-transform: perspective(400px) rotate3d(0,1,0,10deg);
         transform: perspective(400px) rotate3d(0,1,0,10deg);
         opacity: 1
     }
     80% {
         -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
         -ms-transform: perspective(400px) rotate3d(0,1,0,-5deg);
         transform: perspective(400px) rotate3d(0,1,0,-5deg)
     }
     100% {
         -webkit-transform: perspective(400px);
         -ms-transform: perspective(400px);
         transform: perspective(400px)
     }
 }.flipInY {
      -webkit-backface-visibility: visible!important;
      -ms-backface-visibility: visible!important;
      backface-visibility: visible!important;
      -webkit-animation-name: flipInY;
      animation-name: flipInY
  }
@-webkit-keyframes flipOutX {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        opacity: 0
    }
}@keyframes flipOutX {
     0% {
         -webkit-transform: perspective(400px);
         -ms-transform: perspective(400px);
         transform: perspective(400px)
     }
     30% {
         -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
         -ms-transform: perspective(400px) rotate3d(1,0,0,-20deg);
         transform: perspective(400px) rotate3d(1,0,0,-20deg);
         opacity: 1
     }
     100% {
         -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
         -ms-transform: perspective(400px) rotate3d(1,0,0,90deg);
         transform: perspective(400px) rotate3d(1,0,0,90deg);
         opacity: 0
     }
 }.flipOutX {
      -webkit-animation-name: flipOutX;
      animation-name: flipOutX;
      -webkit-animation-duration: .75s;
      animation-duration: .75s;
      -webkit-backface-visibility: visible!important;
      -ms-backface-visibility: visible!important;
      backface-visibility: visible!important
  }
@-webkit-keyframes flipOutY {
    0% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }
    100% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        opacity: 0
    }
}@keyframes flipOutY {
     0% {
         -webkit-transform: perspective(400px);
         -ms-transform: perspective(400px);
         transform: perspective(400px)
     }
     30% {
         -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
         -ms-transform: perspective(400px) rotate3d(0,1,0,-15deg);
         transform: perspective(400px) rotate3d(0,1,0,-15deg);
         opacity: 1
     }
     100% {
         -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
         -ms-transform: perspective(400px) rotate3d(0,1,0,90deg);
         transform: perspective(400px) rotate3d(0,1,0,90deg);
         opacity: 0
     }
 }.flipOutY {
      -webkit-backface-visibility: visible!important;
      -ms-backface-visibility: visible!important;
      backface-visibility: visible!important;
      -webkit-animation-name: flipOutY;
      animation-name: flipOutY;
      -webkit-animation-duration: .75s;
      animation-duration: .75s
  }
@-webkit-keyframes lightSpeedIn {
    0% {
        -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
        transform: translate3d(100%,0,0) skewX(-30deg);
        opacity: 0
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }
    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}@keyframes lightSpeedIn {
     0% {
         -webkit-transform: translate3d(100%,0,0) skewX(-30deg);
         -ms-transform: translate3d(100%,0,0) skewX(-30deg);
         transform: translate3d(100%,0,0) skewX(-30deg);
         opacity: 0
     }
     60% {
         -webkit-transform: skewX(20deg);
         -ms-transform: skewX(20deg);
         transform: skewX(20deg);
         opacity: 1
     }
     80% {
         -webkit-transform: skewX(-5deg);
         -ms-transform: skewX(-5deg);
         transform: skewX(-5deg);
         opacity: 1
     }
     100% {
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         opacity: 1
     }
 }.lightSpeedIn {
      -webkit-animation-name: lightSpeedIn;
      animation-name: lightSpeedIn;
      -webkit-animation-timing-function: ease-out;
      animation-timing-function: ease-out
  }
@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(100%,0,0) skewX(30deg);
        transform: translate3d(100%,0,0) skewX(30deg);
        opacity: 0
    }
}@keyframes lightSpeedOut {
     0% {
         opacity: 1
     }
     100% {
         -webkit-transform: translate3d(100%,0,0) skewX(30deg);
         -ms-transform: translate3d(100%,0,0) skewX(30deg);
         transform: translate3d(100%,0,0) skewX(30deg);
         opacity: 0
     }
 }.lightSpeedOut {
      -webkit-animation-name: lightSpeedOut;
      animation-name: lightSpeedOut;
      -webkit-animation-timing-function: ease-in;
      animation-timing-function: ease-in
  }
@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}@keyframes rotateIn {
     0% {
         -webkit-transform-origin: center;
         -ms-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0,0,1,-200deg);
         -ms-transform: rotate3d(0,0,1,-200deg);
         transform: rotate3d(0,0,1,-200deg);
         opacity: 0
     }
     100% {
         -webkit-transform-origin: center;
         -ms-transform-origin: center;
         transform-origin: center;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         opacity: 1
     }
 }.rotateIn {
      -webkit-animation-name: rotateIn;
      animation-name: rotateIn
  }
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}@keyframes rotateInDownLeft {
     0% {
         -webkit-transform-origin: left bottom;
         -ms-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0,0,1,-45deg);
         -ms-transform: rotate3d(0,0,1,-45deg);
         transform: rotate3d(0,0,1,-45deg);
         opacity: 0
     }
     100% {
         -webkit-transform-origin: left bottom;
         -ms-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         opacity: 1
     }
 }.rotateInDownLeft {
      -webkit-animation-name: rotateInDownLeft;
      animation-name: rotateInDownLeft
  }
@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}@keyframes rotateInDownRight {
     0% {
         -webkit-transform-origin: right bottom;
         -ms-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0,0,1,45deg);
         -ms-transform: rotate3d(0,0,1,45deg);
         transform: rotate3d(0,0,1,45deg);
         opacity: 0
     }
     100% {
         -webkit-transform-origin: right bottom;
         -ms-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         opacity: 1
     }
 }.rotateInDownRight {
      -webkit-animation-name: rotateInDownRight;
      animation-name: rotateInDownRight
  }
@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}@keyframes rotateInUpLeft {
     0% {
         -webkit-transform-origin: left bottom;
         -ms-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0,0,1,45deg);
         -ms-transform: rotate3d(0,0,1,45deg);
         transform: rotate3d(0,0,1,45deg);
         opacity: 0
     }
     100% {
         -webkit-transform-origin: left bottom;
         -ms-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         opacity: 1
     }
 }.rotateInUpLeft {
      -webkit-animation-name: rotateInUpLeft;
      animation-name: rotateInUpLeft
  }
@-webkit-keyframes rotateInUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-90deg);
        transform: rotate3d(0,0,1,-90deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}@keyframes rotateInUpRight {
     0% {
         -webkit-transform-origin: right bottom;
         -ms-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0,0,1,-90deg);
         -ms-transform: rotate3d(0,0,1,-90deg);
         transform: rotate3d(0,0,1,-90deg);
         opacity: 0
     }
     100% {
         -webkit-transform-origin: right bottom;
         -ms-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         opacity: 1
     }
 }.rotateInUpRight {
      -webkit-animation-name: rotateInUpRight;
      animation-name: rotateInUpRight
  }
@-webkit-keyframes rotateOut {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,200deg);
        transform: rotate3d(0,0,1,200deg);
        opacity: 0
    }
}@keyframes rotateOut {
     0% {
         -webkit-transform-origin: center;
         -ms-transform-origin: center;
         transform-origin: center;
         opacity: 1
     }
     100% {
         -webkit-transform-origin: center;
         -ms-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate3d(0,0,1,200deg);
         -ms-transform: rotate3d(0,0,1,200deg);
         transform: rotate3d(0,0,1,200deg);
         opacity: 0
     }
 }.rotateOut {
      -webkit-animation-name: rotateOut;
      animation-name: rotateOut
  }
@-webkit-keyframes rotateOutDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate(0,0,1,45deg);
        transform: rotate(0,0,1,45deg);
        opacity: 0
    }
}@keyframes rotateOutDownLeft {
     0% {
         -webkit-transform-origin: left bottom;
         -ms-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1
     }
     100% {
         -webkit-transform-origin: left bottom;
         -ms-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate(0,0,1,45deg);
         -ms-transform: rotate(0,0,1,45deg);
         transform: rotate(0,0,1,45deg);
         opacity: 0
     }
 }.rotateOutDownLeft {
      -webkit-animation-name: rotateOutDownLeft;
      animation-name: rotateOutDownLeft
  }
@-webkit-keyframes rotateOutDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}@keyframes rotateOutDownRight {
     0% {
         -webkit-transform-origin: right bottom;
         -ms-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1
     }
     100% {
         -webkit-transform-origin: right bottom;
         -ms-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0,0,1,-45deg);
         -ms-transform: rotate3d(0,0,1,-45deg);
         transform: rotate3d(0,0,1,-45deg);
         opacity: 0
     }
 }.rotateOutDownRight {
      -webkit-animation-name: rotateOutDownRight;
      animation-name: rotateOutDownRight
  }
@-webkit-keyframes rotateOutUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}@keyframes rotateOutUpLeft {
     0% {
         -webkit-transform-origin: left bottom;
         -ms-transform-origin: left bottom;
         transform-origin: left bottom;
         opacity: 1
     }
     100% {
         -webkit-transform-origin: left bottom;
         -ms-transform-origin: left bottom;
         transform-origin: left bottom;
         -webkit-transform: rotate3d(0,0,1,-45deg);
         -ms-transform: rotate3d(0,0,1,-45deg);
         transform: rotate3d(0,0,1,-45deg);
         opacity: 0
     }
 }.rotateOutUpLeft {
      -webkit-animation-name: rotateOutUpLeft;
      animation-name: rotateOutUpLeft
  }
@-webkit-keyframes rotateOutUpRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1
    }
    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,90deg);
        transform: rotate3d(0,0,1,90deg);
        opacity: 0
    }
}@keyframes rotateOutUpRight {
     0% {
         -webkit-transform-origin: right bottom;
         -ms-transform-origin: right bottom;
         transform-origin: right bottom;
         opacity: 1
     }
     100% {
         -webkit-transform-origin: right bottom;
         -ms-transform-origin: right bottom;
         transform-origin: right bottom;
         -webkit-transform: rotate3d(0,0,1,90deg);
         -ms-transform: rotate3d(0,0,1,90deg);
         transform: rotate3d(0,0,1,90deg);
         opacity: 0
     }
 }.rotateOutUpRight {
      -webkit-animation-name: rotateOutUpRight;
      animation-name: rotateOutUpRight
  }
@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    20%,60% {
        -webkit-transform: rotate3d(0,0,1,80deg);
        transform: rotate3d(0,0,1,80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }
    40%,80% {
        -webkit-transform: rotate3d(0,0,1,60deg);
        transform: rotate3d(0,0,1,60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1
    }
    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}@keyframes hinge {
     0% {
         -webkit-transform-origin: top left;
         -ms-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }
     20%,60% {
         -webkit-transform: rotate3d(0,0,1,80deg);
         -ms-transform: rotate3d(0,0,1,80deg);
         transform: rotate3d(0,0,1,80deg);
         -webkit-transform-origin: top left;
         -ms-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out
     }
     40%,80% {
         -webkit-transform: rotate3d(0,0,1,60deg);
         -ms-transform: rotate3d(0,0,1,60deg);
         transform: rotate3d(0,0,1,60deg);
         -webkit-transform-origin: top left;
         -ms-transform-origin: top left;
         transform-origin: top left;
         -webkit-animation-timing-function: ease-in-out;
         animation-timing-function: ease-in-out;
         opacity: 1
     }
     100% {
         -webkit-transform: translate3d(0,700px,0);
         -ms-transform: translate3d(0,700px,0);
         transform: translate3d(0,700px,0);
         opacity: 0
     }
 }.hinge {
      -webkit-animation-name: hinge;
      animation-name: hinge
  }
@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}@keyframes rollIn {
     0% {
         opacity: 0;
         -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
         -ms-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
         transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
     }
     100% {
         opacity: 1;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none
     }
 }.rollIn {
      -webkit-animation-name: rollIn;
      animation-name: rollIn
  }
@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}@keyframes rollOut {
     0% {
         opacity: 1
     }
     100% {
         opacity: 0;
         -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
         -ms-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
         transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
     }
 }.rollOut {
      -webkit-animation-name: rollOut;
      animation-name: rollOut
  }
@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
    50% {
        opacity: 1
    }
}@keyframes zoomIn {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.3,.3,.3);
         -ms-transform: scale3d(.3,.3,.3);
         transform: scale3d(.3,.3,.3)
     }
     50% {
         opacity: 1
     }
 }.zoomIn {
      -webkit-animation-name: zoomIn;
      animation-name: zoomIn
  }
@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}@keyframes zoomInDown {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
         -ms-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
         transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
         -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
         animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
     }
     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
         -ms-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
         transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
         -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
         animation-timing-function: cubic-bezier(0.175,.885,.32,1)
     }
 }.zoomInDown {
      -webkit-animation-name: zoomInDown;
      animation-name: zoomInDown
  }
@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}@keyframes zoomInLeft {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
         -ms-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
         transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
         -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
         animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
     }
     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
         -ms-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
         transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
         -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
         animation-timing-function: cubic-bezier(0.175,.885,.32,1)
     }
 }.zoomInLeft {
      -webkit-animation-name: zoomInLeft;
      animation-name: zoomInLeft
  }
@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}@keyframes zoomInRight {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
         -ms-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
         transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
         -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
         animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
     }
     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
         -ms-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
         transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
         -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
         animation-timing-function: cubic-bezier(0.175,.885,.32,1)
     }
 }.zoomInRight {
      -webkit-animation-name: zoomInRight;
      animation-name: zoomInRight
  }
@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}@keyframes zoomInUp {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
         -ms-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
         transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
         -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
         animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
     }
     60% {
         opacity: 1;
         -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
         -ms-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
         transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
         -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
         animation-timing-function: cubic-bezier(0.175,.885,.32,1)
     }
 }.zoomInUp {
      -webkit-animation-name: zoomInUp;
      animation-name: zoomInUp
  }
@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }
    100% {
        opacity: 0
    }
}@keyframes zoomOut {
     0% {
         opacity: 1
     }
     50% {
         opacity: 0;
         -webkit-transform: scale3d(.3,.3,.3);
         -ms-transform: scale3d(.3,.3,.3);
         transform: scale3d(.3,.3,.3)
     }
     100% {
         opacity: 0
     }
 }.zoomOut {
      -webkit-animation-name: zoomOut;
      animation-name: zoomOut
  }
@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}@keyframes zoomOutDown {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
         -ms-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
         transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
         -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
         animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
     }
     100% {
         opacity: 0;
         -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
         -ms-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
         transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
         -webkit-transform-origin: center bottom;
         -ms-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
         animation-timing-function: cubic-bezier(0.175,.885,.32,1)
     }
 }.zoomOutDown {
      -webkit-animation-name: zoomOutDown;
      animation-name: zoomOutDown
  }
@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}@keyframes zoomOutLeft {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
         -ms-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
         transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
     }
     100% {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(-2000px,0,0);
         -ms-transform: scale(.1) translate3d(-2000px,0,0);
         transform: scale(.1) translate3d(-2000px,0,0);
         -webkit-transform-origin: left center;
         -ms-transform-origin: left center;
         transform-origin: left center
     }
 }.zoomOutLeft {
      -webkit-animation-name: zoomOutLeft;
      animation-name: zoomOutLeft
  }
@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}@keyframes zoomOutRight {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
         -ms-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
         transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
     }
     100% {
         opacity: 0;
         -webkit-transform: scale(.1) translate3d(2000px,0,0);
         -ms-transform: scale(.1) translate3d(2000px,0,0);
         transform: scale(.1) translate3d(2000px,0,0);
         -webkit-transform-origin: right center;
         -ms-transform-origin: right center;
         transform-origin: right center
     }
 }.zoomOutRight {
      -webkit-animation-name: zoomOutRight;
      animation-name: zoomOutRight
  }
@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
        animation-timing-function: cubic-bezier(0.175,.885,.32,1)
    }
}@keyframes zoomOutUp {
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
         -ms-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
         transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
         -webkit-animation-timing-function: cubic-bezier(0.55,.055,.675,.19);
         animation-timing-function: cubic-bezier(0.55,.055,.675,.19)
     }
     100% {
         opacity: 0;
         -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
         -ms-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
         transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
         -webkit-transform-origin: center bottom;
         -ms-transform-origin: center bottom;
         transform-origin: center bottom;
         -webkit-animation-timing-function: cubic-bezier(0.175,.885,.32,1);
         animation-timing-function: cubic-bezier(0.175,.885,.32,1)
     }
 }.zoomOutUp {
      -webkit-animation-name: zoomOutUp;
      animation-name: zoomOutUp
  }

.qqswing{
    -webkit-animation-name: qqswing;
    animation-name: qqswing;
    -webkit-animation-duration: 4s;
    animation-duration: 4s
}
@-webkit-keyframes qqswing{
    20%,40%,60%,80%,100%{-webkit-transform-origin:top center}
    20%{-webkit-transform:rotate(5deg)}
    40%{-webkit-transform:rotate(-3deg)}
    60%{-webkit-transform:rotate(2deg)}
    80%{-webkit-transform:rotate(-2deg)}
    100%{-webkit-transform:rotate(0deg)}
}
@-moz-keyframes qqswing{
    20%,40%,60%,80%,100%{-moz-transform-origin:top center}
    20%{-moz-transform:rotate(5deg)}
    40%{-moz-transform:rotate(-3deg)}
    60%{-moz-transform:rotate(2deg)}
    80%{-moz-transform:rotate(-2deg)}
    100%{-moz-transform:rotate(0deg)}
}
.qqpulse{
    -webkit-animation-name: qqpulse;
    animation-name: qqpulse
}
@-webkit-keyframes qqpulse{
    0%{-webkit-transform:scale3d(1,1,1)}
    50%{-webkit-transform:scale3d(1.05,1.05,1.05)}
    100%{-webkit-transform:scale3d(1,1,1)}
}
@-moz-keyframes qqpulse{
    0%{-moz-transform:scale3d(1,1,1)}
    50%{-moz-transform:scale3d(1.05,1.05,1.05)}
    100%{-moz-transform:scale3d(1,1,1)}
}

.qqflash{
    -webkit-animation-name: qqflash;
    animation-name: qqflash;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes qqflash{
    0%,50%,70%,90%{opacity: 1;}
    60%,80%,100%{opacity: 0.4;}
}
@-moz-keyframes qqflash{
    0%,50%,70%,90%{opacity: 1;}
    60%,80%,100%{opacity: 0.4;}
}


.qqshake{
    -webkit-animation-name: qqshake;
    animation-name: qqshake
}
@-webkit-keyframes qqshake{
    0%,100%{-webkit-transform:translateY(0);}
    10%,30%,50%,70%,90%{-webkit-transform:translateY(-5px);}
    60%,80%{-webkit-transform:translateY(5px);}
}
@-moz-keyframes qqshake{
    0%,100%{-moz-transform:translateY(0);}
    10%,30%,50%,70%, 90%{-moz-transform:translateY(-5px);}
    60%,80%{-moz-transform:translateY(5px);}
}


.qqbounce{
    -webkit-animation-name: qqbounce;
    animation-name: qqbounce
}
@-webkit-keyframes qqbounce{
    0%,50%,75%,85%,100%{-webkit-transform:translateY(0);}
    80%{-webkit-transform:translateY(-15px)}
    90%{-webkit-transform:translateY(-7px)}
}
@-moz-keyframes qqbounce{
    0%,50%,75%,85%,100%{-moz-transform:translateY(0)}
    80%{-moz-transform:translateY(-15px)}
    90%{-moz-transform:translateY(-7px)}
}

.cbounce{
    -webkit-animation-name: cbounce;
    animation-name: cbounce;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
@-webkit-keyframes cbounce{
    0%,20%,50%,60%,80%,100%{-webkit-transform:translateY(0)}
    70%{-webkit-transform:translateY(-30px)}
    90%{-webkit-transform:translateY(-15px)}
}
@-moz-keyframes cbounce{
    0%,20%,50%,80%,100%{-moz-transform:translateY(0)}
    40%{-moz-transform:translateY(-30px)}
    60%{-moz-transform:translateY(-15px)}
}


.cloudy{
    -webkit-animation-name: cloudy;
    animation-name: cloudy;
}
@-webkit-keyframes cloudy{
    0%{-webkit-transform:translateX(-100%)}
    100%{-webkit-transform:translateX(100%)}
}
@-moz-keyframes cloudy{
    0%{-moz-transform:translateX(-100%)}
    90%{-moz-transform:translateX(100%)}
}
.movedown{
    -webkit-animation-name: movedown;
    animation-name: movedown;
}
@-webkit-keyframes movedown{
    0%{-webkit-transform:translateY(-100%)}
    100%{-webkit-transform:translateY(100%)}
}
@-moz-keyframes movedown{
    0%{-moz-transform:translateY(-100%)}
    90%{-moz-transform:translateY(100%)}
}


@-webkit-keyframes bounceZoonIn {
    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(10.3,10.3,10.3);
        transform:scale3d(10.3,10.3,10.3);
    }
    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }
    60% {
        -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 bounceZoonIn {
     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(10.3,10.3,10.3);
         -ms-transform: scale3d(10.3,10.3,10.3);
         transform: scale3d(10.3,10.3,10.3);
     }
     20% {
         -webkit-transform: scale3d(1.1,1.1,1.1);
         -ms-transform: scale3d(1.1,1.1,1.1);
         transform: scale3d(1.1,1.1,1.1)
     }
     40% {
         opacity: 1;
         -webkit-transform: scale3d(.9,.9,.9);
         -ms-transform: scale3d(.9,.9,.9);
         transform: scale3d(.9,.9,.9)
     }
     60% {
         -webkit-transform: scale3d(1.03,1.03,1.03);
         -ms-transform: scale3d(1.03,1.03,1.03);
         transform: scale3d(1.03,1.03,1.03)
     }
     80% {
         -webkit-transform: scale3d(.97,.97,.97);
         -ms-transform: scale3d(.97,.97,.97);
         transform: scale3d(.97,.97,.97)
     }
     100% {
         opacity: 1;
         -webkit-transform: scale3d(1,1,1);
         -ms-transform: scale3d(1,1,1);
         transform: scale3d(1,1,1)
     }
 }.bounceZoonIn {
      -webkit-animation-name: bounceZoonIn;
      animation-name: bounceZoonIn;
      -webkit-animation-duration: .5s;
      animation-duration: .5s
  }

@keyframes rotateShowsRight {
    0%{
        -webkit-transform:  rotate(0deg);
        -ms-transform:  rotate(0deg);
        transform:  rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        -ms-transform:rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes rotateShowsRight {
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}.rotateShowsRight {
     -webkit-animation-name: rotateShowsRight;
     animation-name: rotateShowsRight;
     -webkit-animation-duration: 150s;
     animation-duration: 150s
 }

@keyframes rotateShowsLeft {
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate3d(-360deg);
    }
}
@-webkit-keyframes rotateShowsLeft {
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform:rotate(0deg);
    }
    100%{
        -webkit-transform:rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform:rotate(-360deg);
    }
}.rotateShowsLeft {
     -webkit-animation-name: rotateShowsLeft;
     animation-name: rotateShowsLeft;
     -webkit-animation-duration: 150s;
     animation-duration: 150s
 }


@-webkit-keyframes noOpacityfloatRightTilt{
    0%{-webkit-transform:translate(0,0) scale(0.9,.9);}
    25%{-webkit-transform:translate(-50px,-50px) scale(1,1);}
    50%{-webkit-transform:translate(0,0) scale(0.9,.9);}
    75%{-webkit-transform:translate(-50px,-50px) scale(0.8,.8);}
    100%{-webkit-transform:translate(0,0) scale(0.9,.9);}}
@keyframes noOpacityfloatRightTilt{
    0%{transform:translate(0,0) scale(0.9,.9);}
    25%{transform:translate(-50px,-50px) scale(1,1);}
    50%{transform:translate(0,0) scale(0.9,.9);}
    75%{transform:translate(-50px,-50px) scale(0.8,.8);}
    100%{transform:translate(0,0) scale(0.9,.9);}
}
.noOpacityfloatRightTilt{
    -webkit-animation-name: noOpacityfloatRightTilt;
    animation-name: noOpacityfloatRightTilt;
    -webkit-animation-duration: 15s;
    animation-duration: 15s
}


@-webkit-keyframes floatUpDown{
    0%{-webkit-transform:translate(0,0) scale(0.9,.9);opacity:.8}
    25%{-webkit-transform:translate(0,15px) scale(1,1);opacity:1}
    50%{-webkit-transform:translate(0,25px) scale(0.9,.9);opacity:.8}
    75%{-webkit-transform:translate(0,15px) scale(0.8,.8);opacity:.5}
    100%{-webkit-transform:translate(0,0) scale(0.9,.9);opacity:.8}
}
@keyframes floatUpDown{
    0%{transform:translate(0,0) scale(0.9,.9);opacity:.8}
    25%{transform:translate(0,15px) scale(1,1);opacity:1}
    50%{transform:translate(0,25px) scale(0.9,.9);opacity:.8}
    75%{transform:translate(0,15px) scale(0.8,.8);opacity:.5}
    100%{transform:translate(0,0) scale(0.9,.9);opacity:.8}
}


@-webkit-keyframes awaves {
    0% {
        -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)
    }
    50% {
        -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,-50%,0);
        transform: translate3d(0,-50%,0)
    }
    100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}@keyframes awaves {
     0% {
         -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
         transition-timing-function: cubic-bezier(0.215,.61,.355,1);
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
     50% {
         -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,-50%,0);
         -ms-transform: translate3d(0,-50%,0);
         transform: translate3d(0,-50%,0)
     }
     100% {
         -webkit-transform: translate3d(0,0,0);
         -ms-transform: translate3d(0,0,0);
         transform: translate3d(0,0,0)
     }
 }
.awaves{
    -webkit-animation-name: awaves;
    animation-name: awaves;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 15s;
    animation-duration: 15s;
}

@-webkit-keyframes bgmove{
    0%{-webkit-transform:translateX(0)}
    100%{-webkit-transform:translateX(100%);}
}
@keyframes bgmove{
    0%{-webkit-transform:translateX(0);}
    100%{-webkit-transform:translateX(100%);}
}
.bgmove{
    animation-timing-function:linear;
    -webkit-animation-timing-function:linear;
    -webkit-animation-name: bgmove;
    animation-name: bgmove;
}
@-webkit-keyframes bgmove0{
    0%{-webkit-transform:translateX(-100%);}
    100%{-webkit-transform:translateX(0);;}
}
@keyframes bgmove0{
    0%{-webkit-transform:translateX(-100%);}
    100%{-webkit-transform:translateX(0);}
}
.bgmove0{
    animation-timing-function:linear;
    -webkit-animation-timing-function:linear;
    -webkit-animation-name: bgmove0;
    animation-name: bgmove0;
}
.footer{
    animation-timing-function:linear;
    -webkit-animation-timing-function:linear;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-duration: 30s;
    animation-duration: 30s;
}

@-webkit-keyframes click {
    0%,100% {
       background-color:#669cff;
    }
    50% {
        background-color:#386ccb
    }
}@keyframes click {
     0%,100% {
         background-color:#669cff;
     }
     50% {
         background-color:#386ccb;
     }
 }
.click{
    -webkit-animation-name: click;
    animation-name: click;
    -webkit-animation-duration: 200ms;
    animation-duration: 200ms;
}

@-webkit-keyframes borderout {
    0%,100% {
        -webkit-box-shadow : 0 0 0 500px rgba(255, 255, 255, 0.1);
        -moz-box-shadow : 0 0 0 500px rgba(255, 255, 255, 0.1);
        box-shadow : 0 0 0 500px rgba(255, 255, 255, 0.1);
    }
    50% {
        -webkit-box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
        -moz-box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
        box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
    }
}@keyframes borderout {
     0%,100% {
         -webkit-box-shadow : 0 0 0 500px rgba(255, 255, 255, 0.1);
         -moz-box-shadow : 0 0 0 500px rgba(255, 255, 255, 0.1);
         box-shadow : 0 0 0 500px rgba(255, 255, 255, 0.1);
     }
     50% {
         -webkit-box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
         -moz-box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
         box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
     }
 }
.borderout{
    -webkit-animation-name: borderout;
    animation-name: borderout;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}

@-webkit-keyframes borderout2 {
    0%,100% {
        -webkit-box-shadow : 0 0 0 300px rgba(255, 255, 255, 0.1);
        -moz-box-shadow : 0 0 0 300px rgba(255, 255, 255, 0.1);
        box-shadow : 0 0 0 300px rgba(255, 255, 255, 0.1);
    }
    50% {
        -webkit-box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
        -moz-box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
        box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
    }
}@keyframes borderout2 {
     0%,100% {
         -webkit-box-shadow : 0 0 0 300px rgba(255, 255, 255, 0.1);
         -moz-box-shadow : 0 0 0 300px rgba(255, 255, 255, 0.1);
         box-shadow : 0 0 0 300px rgba(255, 255, 255, 0.1);
     }
     50% {
         -webkit-box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
         -moz-box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
         box-shadow : 0 0 0 25px rgba(255, 255, 255, 0.3);
     }
 }
.borderout2{
    -webkit-animation-name: borderout2;
    animation-name: borderout2;
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
}


@keyframes rotateRandom {
    0%,100%{
        -webkit-transform:  rotate3D(0,0,0,0deg) scale(1.1);
        -ms-transform:  rotate3D(0,0,0,0deg) scale(1.1);
        transform:  rotate3D(0,0,0,0deg) scale(1.1);
    }
    50%{
        -webkit-transform: rotate3D(.33,.33,.1,-360deg) scale(0.9);
        -ms-transform:rotate3D(.33,.33,.1,-360deg) scale(0.9);
        transform: rotate3D(.33,.33,.1,-360deg) scale(0.9);
    }
}
@-webkit-keyframes rotateRandom {
    0%,100%{
        -webkit-transform: rotate3D(0,0,0,0deg) scale(1.1);
        -ms-transform: rotate3D(0,0,0,0deg) scale(1.1);
        transform: rotate3D(0,0,0,0deg) scale(1.1);
    }
    50%{
        -webkit-transform: rotate3D(.33,.33,.1,-360deg) scale(0.9);
        -ms-transform: rotate3D(.33,.33,.1,-360deg) scale(0.9);
        transform:rotate3D(.33,.33,.1,-360deg) scale(0.9);
    }
}.rotateRandom {
     -webkit-animation-name: rotateRandom;
     animation-name: rotateRandom;
     -webkit-animation-duration: 15s;
     animation-duration: 15s;
     animation-timing-function:ease-in-out;
     -webkit-animation-timing-function:ease-in-out;
 }

@keyframes reRotateInfinite {
    0%{
        -webkit-transform:  rotate(0deg);
        -ms-transform:  rotate(0deg);
        transform:  rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        -ms-transform:rotate(360deg);
        transform: rotate(360deg);
    }
}
@-webkit-keyframes reRotateInfinite {
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform:rotate(360deg);
    }
}.reRotateInfinite {
     -webkit-animation-name: reRotateInfinite;
     animation-name: reRotateInfinite;
     -webkit-animation-duration: 25s;
     animation-duration: 25s;
     animation-timing-function:linear;
     -webkit-animation-timing-function:linear;
 }

@-webkit-keyframes rotateZoomIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(-360deg) scale3d(.3,.3,.3);
        transform: rotate(-360deg) scale3d(.3,.3,.3);
        opacity: 0
    }
    10%{
        opacity:0.5;
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        -webkit-transform: rotate(720deg) scale3d(1,1,1);
        transform: rotate(720deg) scale3d(1,1,1);
    }
}@keyframes rotateZoomIn {
     0% {
         -webkit-transform-origin: center;
         -ms-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate(-360deg) scale3d(.3,.3,.3);
         -ms-transform: rotate(-360deg) scale3d(.3,.3,.3);
         transform: rotate(-360deg) scale3d(.3,.3,.3);
         opacity: 0
     }
    10%{
        opacity:0.5;
    }
     100% {
         -webkit-transform-origin: center;
         -ms-transform-origin: center;
         transform-origin: center;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         opacity: 1;
         -webkit-transform: rotate(720deg) scale3d(1,1,1);
         -ms-transform: rotate(720deg) scale3d(1,1,1);
         transform: rotate(720deg) scale3d(1,1,1);
     }
 }.rotateZoomIn {
    -webkit-animation-name: rotateZoomIn;
    animation-name: rotateZoomIn;
    -webkit-animation-duration: 2.5s;
    animation-duration: 2.5s;
    animation-timing-function:cubic-bezier(0.04, 0.72, 0.49, 0.98);
    -webkit-animation-timing-function:cubic-bezier(0.04, 0.72, 0.49, 0.98);
  }


@-webkit-keyframes wakeUp {
    0% {
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transform: scale3d(1,1,2) rotateX(80deg);
        transform: scale3d(1,1,2) rotateX(80deg);
        opacity: 0
    }
    10%{opacity:1;}
    100% {
        -webkit-transform-origin: bottom;
        transform-origin: bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}@keyframes wakeUp {
     0% {
         -webkit-transform-origin: bottom;
         -ms-transform-origin: bottom;
         transform-origin: bottom;
         -webkit-transform: scale3d(1,1,2) rotateX(80deg);
         -ms-transform: scale3d(1,1,2) rotateX(80deg);
         transform: scale3d(1,1,2) rotateX(80deg);
         opacity: 0
     }
     10%{opacity:1;}
     100% {
         -webkit-transform-origin: bottom;
         -ms-transform-origin: bottom;
         transform-origin: bottom;
         -webkit-transform: none;
         -ms-transform: none;
         transform: none;
         opacity: 1
     }
 }.wakeUp {
    -webkit-animation-name: wakeUp;
    animation-name: wakeUp;
}

@-webkit-keyframes zoomInBig {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(2.3,2.3,2.3);
        transform: scale3d(2.3,2.3,2.3)
    }
    50% {
        opacity: 1
    }
}@keyframes zoomInBig {
     0% {
         opacity: 0;
         -webkit-transform: scale3d(2.3,2.3,2.3);
         -ms-transform: scale3d(2.3,2.3,2.3);
         transform: scale3d(2.3,2.3,2.3)
     }
     50% {
         opacity: 1
     }
 }.zoomInBig {
      -webkit-animation-name: zoomInBig;
      animation-name: zoomInBig;
       -webkit-animation-duration: 0.5s;
       animation-duration: 0.5s
  }
@-webkit-keyframes floatS1{
    0%,100%{ -webkit-transform:translate(0,0) scale(0.9,.9);opacity:.7}
    25%{-webkit-transform:translate(5px,5px) scale(1,1);opacity:1}
    50%{-webkit-transform:translate(20px,20px) scale(0.9,.9);opacity:.7}
    75%{-webkit-transform:translate(5px,5px) scale(0.8,.8);opacity:.5}
}
@keyframes floatS1{
    0%,100%{ transform:translate(0,0) scale(0.9,.9);opacity:.7}
    25%{transform:translate(5px,5px) scale(1,1);opacity:1}
    50%{transform:translate(20px,20px) scale(0.9,.9);opacity:.7}
    75%{transform:translate(5px,5px) scale(0.8,.8);opacity:.5}
} .floatS1 {
    -webkit-animation-name: floatS1;
    animation-name: floatS1;
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

@-webkit-keyframes floatS2{
    0%,100%{ -webkit-transform:translate(0,0) scale(0.9,.9);opacity:.7}
    25%{-webkit-transform:translate(-5px,-5px) scale(1,1);opacity:1}
    50%{-webkit-transform:translate(-20px,-20px) scale(0.9,.9);opacity:.7}
    75%{-webkit-transform:translate(-5px,-5px) scale(0.8,.8);opacity:.5}
}
@keyframes floatS2{
    0%,100%{ transform:translate(0,0) scale(0.9,.9);opacity:.7}
    25%{transform:translate(-5px,-5px) scale(1,1);opacity:1}
    50%{transform:translate(-20px,-20px) scale(0.9,.9);opacity:.7}
    75%{transform:translate(-5px,-5px) scale(0.8,.8);opacity:.5}
} .floatS2 {
    -webkit-animation-name: floatS12;
    animation-name: floatS2;
    -webkit-animation-duration: 8s;
    animation-duration: 8s
}

@-webkit-keyframes floatS3{
    0%,100%{ -webkit-transform:translate(0,0) scale(0.9,.9);opacity:.7}
    25%{-webkit-transform:translate(5px,-5px) scale(1,1);opacity:1}
    50%{-webkit-transform:translate(20px,-20px) scale(0.9,.9);opacity:.7}
    75%{-webkit-transform:translate(5px,-5px) scale(0.8,.8);opacity:.5}
}
@keyframes floatS3{
    0%,100%{ transform:translate(0,0) scale(0.9,.9);opacity:.7}
    25%{transform:translate(5px,-5px) scale(1,1);opacity:1}
    50%{transform:translate(20px,-20px) scale(0.9,.9);opacity:.7}
    75%{transform:translate(5px,-5px) scale(0.8,.8);opacity:.5}
} .floatS3 {
      -webkit-animation-name: floatS13;
      animation-name: floatS3;
      -webkit-animation-duration: 8s;
      animation-duration: 8s
  }

@-webkit-keyframes floatS4{
    0%,100%{ -webkit-transform:translate(0,0) scale(0.9,.9);opacity:.7}
    25%{-webkit-transform:translate(-5px,5px) scale(1,1);opacity:1}
    50%{-webkit-transform:translate(-20px,20px) scale(0.9,.9);opacity:.7}
    75%{-webkit-transform:translate(-5px,5px) scale(0.8,.8);opacity:.5}
}
@keyframes floatS4{
    0%,100%{ transform:translate(0,0) scale(0.9,.9);opacity:.7}
    25%{transform:translate(-5px,5px) scale(1,1);opacity:1}
    50%{transform:translate(-20px,20px) scale(0.9,.9);opacity:.7}
    75%{transform:translate(-5px,5px) scale(0.8,.8);opacity:.5}
} .floatS4 {
      -webkit-animation-name: floatS14;
      animation-name: floatS4;
      -webkit-animation-duration: 8s;
      animation-duration: 8s
  }

@-webkit-keyframes rotateShowImages {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotate3d(0,0,1,-15deg);
        transform: rotate3d(0,0,1,-15deg);
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg);
    }
}@keyframes rotateShowImages {
     0% {
         -webkit-transform-origin: 0 0;
         -ms-transform-origin: 0 0;
         transform-origin: 0 0;
         -webkit-transform: rotate3d(0,0,1,-15deg);
         -ms-transform: rotate3d(0,0,1,-15deg);
         transform: rotate3d(0,0,1,-15deg);
     }
     100% {
         -webkit-transform-origin: 0 0;
         -ms-transform-origin: 0 0;
         transform-origin: 0 0;
         -webkit-transform: rotate3d(0,0,1,0deg);
         -ms-transform: rotate3d(0,0,1,0deg);
         transform: rotate3d(0,0,1,0deg);
     }
 }.rotateShowImages {
      -webkit-animation-name: rotateShowImages;
      animation-name: rotateShowImages;
      -webkit-animation-duration: .5s;
      animation-duration: .5s
  }

@-webkit-keyframes carFadeIn {
    0% { opacity: 0.1 }
    100% { opacity: 1 }
}@keyframes carFadeIn {
     0% { opacity : 0.1 }
     100% { opacity : 1 }
 }.carFadeIn {
      -webkit-animation-name: carFadeIn;
      animation-name: carFadeIn
  }

@-webkit-keyframes blurIn {
    0% { -webkit-filter: blur(10px) }
    100% { -webkit-filter: blur(0) }
}@keyframes blurIn {
     0% { -webkit-filter: blur(10px) }
     100% { -webkit-filter: blur(0) }
 }.blurIn {
      -webkit-animation-name: blurIn;
      animation-name: blurIn
  }

@-webkit-keyframes rotateOutBig {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(0ddeg) scale3D(1,1,1);
        transform: rotate(0ddeg) scale3D(1,1,1);
        opacity: 1
    }
    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate(3600deg) scale3D(0.5,.5,.5);
        transform: rotate(3600deg) scale3D(0.5,.5,.5);
        opacity: 0
    }
}@keyframes rotateOutBig {
     0% {
         -webkit-transform-origin: center;
         -ms-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate(0ddeg) scale3D(1,1,1);
         -ms-transform: rotate(0ddeg) scale3D(1,1,1);
         transform: rotate(0ddeg) scale3D(1,1,1);
         opacity: 1
     }
     100% {
         -webkit-transform-origin: center;
         -ms-transform-origin: center;
         transform-origin: center;
         -webkit-transform: rotate(1800deg) scale3D(0.5,.5,.5);
         -ms-transform: rotate(1800deg) scale3D(0.5,.5,.5);
         transform: rotate(1800deg) scale3D(0.5,.5,.5);
         opacity: 0
     }
 }.rotateOutBig {
    -webkit-animation-name: rotateOutBig;
    animation-name: rotateOutBig;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

@-webkit-keyframes pointerRun {
    0% {
        -webkit-transform-origin: 10% 77%;
        transform-origin: 10% 77%;
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg);
    }
    100% {
        -webkit-transform-origin: 10% 77%;
        transform-origin: 10% 77%;
        -webkit-transform: rotate(65deg);
        transform: rotate(65deg);
    }
}@keyframes pointerRun {
     0% {
         -webkit-transform-origin: 10% 77%;
         -ms-transform-origin: 10% 77%;
         transform-origin: 10% 77%;
         -webkit-transform: rotate(-30deg);
         -ms-transform: rotate(-30deg);
         transform: rotate(-30deg);
     }
     100% {
         -webkit-transform-origin: 10% 77%;
         -ms-transform-origin: 10% 77%;
         transform-origin: 10% 77%;
         -webkit-transform: rotate(65deg);
         -ms-transform: rotate(65deg);
         transform: rotate(65deg);
     }
 }.pointerRun {
      -webkit-animation-name: pointerRun;
      animation-name: pointerRun;
      -webkit-animation-duration: 12s;
      animation-duration: 12s;
      -webkit-animation-timing-function: cubic-bezier(0, 0.65, 0.42, 0.81);
      animation-timing-function: cubic-bezier(0, 0.65, 0.42, 0.81);
  }


@-webkit-keyframes zoomToMin {
    0% {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }
}@keyframes zoomToMin {
     0% {
         -webkit-transform-origin: 50% 50%;
         -ms-transform-origin: 50% 50%;
         transform-origin: 50% 50%;
         -webkit-transform: scale(1);
         -ms-transform: scale(1);
         transform: scale(1);
     }
     100% {
         -webkit-transform-origin: 50% 50%;
         -ms-transform-origin: 50% 50%;
         transform-origin: 50% 50%;
         -webkit-transform: scale(.6);
         -ms-transform: scale(.6);
         transform: scale(.6);
     }
 }.zoomToMin {
      -webkit-animation-name: zoomToMin;
      animation-name: zoomToMin;
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear
  }


@-webkit-keyframes lightMove {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        background-position:0 0;
        height:0;
    }
    100% {
        -webkit-transform: translateY(101px);
        -ms-transform: translateY(101px);
        transform: translateY(101px);
        background-position:0 -101px;
        height:101px;
    }
}@keyframes lightMove {
     0% {
         -webkit-transform: translateY(0);
         -ms-transform: translateY(0);
         transform: translateY(0);
         background-position:0 0;
         height:0;
     }
     100% {
         -webkit-transform: translateY(101px);
         -ms-transform: translateY(101px);
         transform: translateY(101px);
         background-position:0 -101px;
         height:101px;
     }
 }.lightMove {
      -webkit-animation-name: lightMove;
      animation-name: lightMove;
      -webkit-animation-duration: 2s;
      animation-duration: 2s;
      -webkit-animation-timing-function: linear;
      animation-timing-function: linear
  }

@-webkit-keyframes pdZoomOut {
    0% {
        opacity: 1;
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }
    100% {
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
        -webkit-transform:translateY(-150px) scale3d(.5,.5,.5);
        transform:translateY(-150px) scale3d(.5,.5,.5)
    }
}@keyframes pdZoomOut {
     0% {
         -webkit-transform-origin: 100% 0;
         -ms-transform-origin: 100% 0;
         transform-origin: 100% 0;
         opacity: 1
     }
     100% {
         -webkit-transform-origin: 100% 0;
         -ms-transform-origin: 100% 0;
         transform-origin: 100% 0;
         -webkit-transform:translateY(-150px) scale3d(.5,.5,.5);
         -ms-transform:translateY(-150px) scale3d(.5,.5,.5);
         transform:translateY(-150px) scale3d(.5,.5,.5);
     }
 }.pdZoomOut {
      -webkit-animation-name: pdZoomOut;
      animation-name: pdZoomOut;
  }

@-webkit-keyframes floatRightTilt {
    0% {
        -webkit-transform: translate(0, 0) scale(0.9, .9);
        opacity: .5
    }
    25% {
        -webkit-transform: translate(50px, 50px) scale(1, 1);
        opacity: 1
    }
    50% {
        -webkit-transform: translate(100px, 100px) scale(0.9, .9);
        opacity: .5
    }
    75% {
        -webkit-transform: translate(50px, 50px) scale(0.9, .9);
        opacity: .3
    }
    100% {
        -webkit-transform: translate(0, 0) scale(0.9, .9);
        opacity: .5
    }
}

@keyframes floatRightTilt {
    0% {
        transform: translate(0, 0) scale(0.9, .9);
        opacity: .5
    }
    25% {
        transform: translate(50px, 50px) scale(1, 1);
        opacity: 1
    }
    50% {
        transform: translate(100px, 100px) scale(0.9, .9);
        opacity: .5
    }
    75% {
        transform: translate(50px, 50px) scale(0.9, .9);
        opacity: .3
    }
    100% {
        transform: translate(0, 0) scale(0.9, .9);
        opacity: .5
    }
}

@-webkit-keyframes floatLeftTilt {
    0% {
        -webkit-transform: translate(0, 0) scale(0.9, .9);
        opacity: .7
    }
    25% {
        -webkit-transform: translate(-25px, 25px) scale(1, 1);
        opacity: 1
    }
    50% {
        -webkit-transform: translate(-50px, 50px) scale(0.9, .9);
        opacity: .7
    }
    75% {
        -webkit-transform: translate(-25px, 25px) scale(0.9, .9);
        opacity: .5
    }
    100% {
        -webkit-transform: translate(0, 0) scale(0.9, .9);
        opacity: .7
    }
}

@keyframes floatLeftTilt {
    0% {
        transform: translate(0, 0) scale(0.9, .9);
        opacity: .5
    }
    25% {
        transform: translate(-25px, 25px) scale(1, 1);
        opacity: 1
    }
    50% {
        transform: translate(-50px, 50px) scale(0.9, .9);
        opacity: .5
    }
    75% {
        transform: translate(-25px, 25px) scale(0.9, .9);
        opacity: .3
    }
    100% {
        transform: translate(0, 0) scale(0.9, .9);
        opacity: .5
    }
}

@-webkit-keyframes floatUpDown {
    0%, 100%{
        -webkit-transform: translate(0, 0) scale(.8);
        opacity: .8
    }
    25%, 75% {
        -webkit-transform: translate(0, 25px) scale(1, 1);
        opacity: 1
    }
    50% {
        -webkit-transform: translate(0, 50px) scale(.8);
        opacity: .8
    }
}

@keyframes floatUpDown {
    0%,100% {
        transform: translate(0, 0) scale(.8);
        opacity: .8
    }
    25%,75% {
        transform: translate(0, 50px) scale(1, 1);
        opacity: 1
    }
    50% {
        transform: translate(0, 100px) scale(.8);
        opacity: .8
    }
}

.floatUpDown{
    -webkit-animation-name: floatUpDown;
    animation-name: floatUpDown;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    transform-origin: 50% 50%;
}
.floatRightTilt{
    -webkit-animation-name: floatRightTilt;
    animation-name: floatRightTilt;
    -webkit-animation-duration: 10s;
    animation-duration: 10s
}
.floatLeftTilt{
    -webkit-animation-name: floatLeftTilt;
    animation-name: floatLeftTilt;
    -webkit-animation-duration: 10s;
    animation-duration: 10s
}



@keyframes rotateInfinite {
    0%{
        -webkit-transform:  rotate(0deg);
        -ms-transform:  rotate(0deg);
        transform:  rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(-360deg);
        -ms-transform:rotate(-360deg);
        transform: rotate(-360deg);
    }
}
@-webkit-keyframes rotateInfinite {
    0%{
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform:rotate(-360deg);
    }
}.rotateInfinite {
     -webkit-animation-name: rotateInfinite;
     animation-name: rotateInfinite;
     -webkit-animation-duration: 10s;
     animation-duration: 10s;
     animation-timing-function:linear;
     -webkit-animation-timing-function:linear;
 }


@-webkit-keyframes floatTilt {
    0%,100% { -webkit-transform : translate(0, 0) scale(0.95); }
    25%,75% { -webkit-transform : translate(0, 25px) scale(1, 1); }
    50% { -webkit-transform : translate(0, 50px) scale(0.95); }
}

@keyframes floatTilt {
    0%,100% { transform: translate(0,0) scale(0.95); }
    25%,75% { transform: translate(0,12px) scale(1,1); }
    50% { transform: translate(0,25px) scale(0.95); }
}.floatTilt{
     -webkit-animation-name: floatTilt;
     animation-name: floatTilt;
     -webkit-animation-duration: 7s;
     animation-duration: 7s;
 }


/*延迟*/
.delay_100ms{ -webkit-animation-delay:100ms; animation-delay:100ms; }
.delay_200ms{ -webkit-animation-delay:200ms; animation-delay:200ms; }
.delay_300ms{ -webkit-animation-delay:300ms; animation-delay:300ms; }
.delay_400ms{ -webkit-animation-delay:400ms; animation-delay:400ms; }
.delay_500ms{ -webkit-animation-delay:500ms; animation-delay:500ms; }
.delay_600ms{ -webkit-animation-delay:600ms; animation-delay:600ms; }
.delay_700ms{ -webkit-animation-delay:700ms; animation-delay:700ms; }
.delay_800ms{ -webkit-animation-delay:800ms; animation-delay:800ms; }
.delay_900ms{ -webkit-animation-delay:900ms; animation-delay:900ms; }
.delay_1000ms{ -webkit-animation-delay:1s; animation-delay:1s; }
.delay_1100ms{ -webkit-animation-delay:1.1s; animation-delay:1.1s; }
.delay_1200ms{ -webkit-animation-delay:1.2s; animation-delay:1.2s; }
.delay_1300ms{ -webkit-animation-delay:1.3s; animation-delay:1.3s; }
.delay_1400ms{ -webkit-animation-delay:1.4s; animation-delay:1.4s; }
.delay_1500ms{ -webkit-animation-delay:1.5s; animation-delay:1.5s; }
.delay_1600ms{ -webkit-animation-delay:1.6s; animation-delay:1.6s; }
.delay_1700ms{ -webkit-animation-delay:1.7s; animation-delay:1.7s; }
.delay_1800ms{ -webkit-animation-delay:1.8s; animation-delay:1.8s; }
.delay_1900ms{ -webkit-animation-delay:1.9s; animation-delay:1.9s; }
.delay_2000ms{ -webkit-animation-delay:2s; animation-delay:2s; }
.delay_2100ms{ -webkit-animation-delay:2.1s; animation-delay:2.1s; }
.delay_2200ms{ -webkit-animation-delay:2.2s; animation-delay:2.2s; }
.delay_2300ms{ -webkit-animation-delay:2.3s; animation-delay:2.3s; }
.delay_2400ms{ -webkit-animation-delay:2.4s; animation-delay:2.4s; }
.delay_2500ms{ -webkit-animation-delay:2.5s; animation-delay:2.5s; }
.delay_2600ms{ -webkit-animation-delay:2.6s; animation-delay:2.6s; }
.delay_2700ms{ -webkit-animation-delay:2.7s; animation-delay:2.7s; }
.delay_2800ms{ -webkit-animation-delay:2.8s; animation-delay:2.8s; }
.delay_2900ms{ -webkit-animation-delay:2.9s; animation-delay:2.9s; }
.delay_3000ms{ -webkit-animation-delay:3s; animation-delay:3s; }
.delay_3100ms{ -webkit-animation-delay:3.1s; animation-delay:3.1s; }
.delay_3200ms{ -webkit-animation-delay:3.2s; animation-delay:3.2s; }
.delay_3300ms{ -webkit-animation-delay:3.3s; animation-delay:3.3s; }
.delay_3400ms{ -webkit-animation-delay:3.4s; animation-delay:3.4s; }
.delay_3500ms{ -webkit-animation-delay:3.5s; animation-delay:3.5s; }
.delay_3600ms{ -webkit-animation-delay:3.6s; animation-delay:3.6s; }
.delay_3700ms{ -webkit-animation-delay:3.7s; animation-delay:3.7s; }
.delay_3800ms{ -webkit-animation-delay:3.8s; animation-delay:3.8s; }
.delay_3900ms{ -webkit-animation-delay:3.9s; animation-delay:3.9s; }
.delay_4000ms{ -webkit-animation-delay:4s; animation-delay:4s; }
.delay_4100ms{ -webkit-animation-delay:4.1s; animation-delay:4.1s; }
.delay_4200ms{ -webkit-animation-delay:4.2s; animation-delay:4.2s; }
.delay_4300ms{ -webkit-animation-delay:4.3s; animation-delay:4.3s; }
.delay_4400ms{ -webkit-animation-delay:4.4s; animation-delay:4.4s; }
.delay_4500ms{ -webkit-animation-delay:4.5s; animation-delay:4.5s; }
.delay_4600ms{ -webkit-animation-delay:4.6s; animation-delay:4.6s; }
.delay_4700ms{ -webkit-animation-delay:4.7s; animation-delay:4.7s; }
.delay_4800ms{ -webkit-animation-delay:4.8s; animation-delay:4.8s; }
.delay_4900ms{ -webkit-animation-delay:4.9s; animation-delay:4.9s; }
.delay_5000ms{ -webkit-animation-delay:5s; animation-delay:5s; }
.delay_5100ms{ -webkit-animation-delay:5.1s; animation-delay:5.1s; }
.delay_5200ms{ -webkit-animation-delay:5.2s; animation-delay:5.2s; }
.delay_5300ms{ -webkit-animation-delay:5.3s; animation-delay:5.3s; }
.delay_5400ms{ -webkit-animation-delay:5.4s; animation-delay:5.4s; }
.delay_5500ms{ -webkit-animation-delay:5.5s; animation-delay:5.5s; }
.delay_5600ms{ -webkit-animation-delay:5.6s; animation-delay:5.6s; }
.delay_5700ms{ -webkit-animation-delay:5.7s; animation-delay:5.7s; }
.delay_5800ms{ -webkit-animation-delay:5.8s; animation-delay:5.8s; }
.delay_5900ms{ -webkit-animation-delay:5.9s; animation-delay:5.9s; }
.delay_6000ms{ -webkit-animation-delay:6s; animation-delay:6s; }
.delay_6100ms{ -webkit-animation-delay:6.1s; animation-delay:6.1s; }
.delay_6200ms{ -webkit-animation-delay:6.2s; animation-delay:6.2s; }
.delay_6300ms{ -webkit-animation-delay:6.3s; animation-delay:6.3s; }
.delay_6400ms{ -webkit-animation-delay:6.4s; animation-delay:6.4s; }
.delay_6500ms{ -webkit-animation-delay:6.5s; animation-delay:6.5s; }
.delay_6600ms{ -webkit-animation-delay:6.6s; animation-delay:6.6s; }
.delay_6700ms{ -webkit-animation-delay:6.7s; animation-delay:6.7s; }
.delay_6800ms{ -webkit-animation-delay:6.8s; animation-delay:6.8s; }
.delay_6900ms{ -webkit-animation-delay:6.9s; animation-delay:6.9s; }
.delay_7000ms{ -webkit-animation-delay:7s;   animation-delay:7s; }
.delay_7100ms{ -webkit-animation-delay:7.1s; animation-delay:7.1s; }
.delay_7200ms{ -webkit-animation-delay:7.2s; animation-delay:7.2s; }
.delay_7300ms{ -webkit-animation-delay:7.3s; animation-delay:7.3s; }
.delay_7400ms{ -webkit-animation-delay:7.4s; animation-delay:7.4s; }
.delay_7500ms{ -webkit-animation-delay:7.5s; animation-delay:7.5s; }
.delay_7600ms{ -webkit-animation-delay:7.6s; animation-delay:7.6s; }
.delay_7700ms{ -webkit-animation-delay:7.7s; animation-delay:7.7s; }
.delay_7800ms{ -webkit-animation-delay:7.8s; animation-delay:7.8s; }
.delay_7900ms{ -webkit-animation-delay:7.9s; animation-delay:7.9s; }

.delay_8000ms{ -webkit-animation-delay:8s;   animation-delay:8s; }
.delay_8100ms{ -webkit-animation-delay:8.1s; animation-delay:8.1s; }
.delay_8200ms{ -webkit-animation-delay:8.2s; animation-delay:8.2s; }
.delay_8300ms{ -webkit-animation-delay:8.3s; animation-delay:8.3s; }
.delay_8400ms{ -webkit-animation-delay:8.4s; animation-delay:8.4s; }
.delay_8500ms{ -webkit-animation-delay:8.5s; animation-delay:8.5s; }
.delay_8600ms{ -webkit-animation-delay:8.6s; animation-delay:8.6s; }
.delay_8700ms{ -webkit-animation-delay:8.7s; animation-delay:8.7s; }
.delay_8800ms{ -webkit-animation-delay:8.8s; animation-delay:8.8s; }
.delay_8900ms{ -webkit-animation-delay:8.9s; animation-delay:8.9s; }


.delay_9000ms{ -webkit-animation-delay:9s;   animation-delay:9s; }
.delay_9100ms{ -webkit-animation-delay:9.1s; animation-delay:9.1s; }
.delay_9200ms{ -webkit-animation-delay:9.2s; animation-delay:9.2s; }
.delay_9300ms{ -webkit-animation-delay:9.3s; animation-delay:9.3s; }
.delay_9400ms{ -webkit-animation-delay:9.4s; animation-delay:9.4s; }
.delay_9500ms{ -webkit-animation-delay:9.5s; animation-delay:9.5s; }
.delay_9600ms{ -webkit-animation-delay:9.6s; animation-delay:9.6s; }
.delay_9700ms{ -webkit-animation-delay:9.7s; animation-delay:9.7s; }
.delay_9800ms{ -webkit-animation-delay:9.8s; animation-delay:9.8s; }
.delay_9900ms{ -webkit-animation-delay:9.9s; animation-delay:9.9s; }

.delay_10000ms{ -webkit-animation-delay:10s;   animation-delay:10s; }
.delay_10100ms{ -webkit-animation-delay:10.1s; animation-delay:10.1s; }
.delay_10200ms{ -webkit-animation-delay:10.2s; animation-delay:10.2s; }
.delay_10300ms{ -webkit-animation-delay:10.3s; animation-delay:10.3s; }
.delay_10400ms{ -webkit-animation-delay:10.4s; animation-delay:10.4s; }
.delay_10500ms{ -webkit-animation-delay:10.5s; animation-delay:10.5s; }
.delay_10600ms{ -webkit-animation-delay:10.6s; animation-delay:10.6s; }
.delay_10700ms{ -webkit-animation-delay:10.7s; animation-delay:10.7s; }
.delay_10800ms{ -webkit-animation-delay:10.8s; animation-delay:10.8s; }
.delay_10900ms{ -webkit-animation-delay:10.9s; animation-delay:10.9s; }

.delay_11000ms{ -webkit-animation-delay:11s;   animation-delay:11s; }
.delay_11100ms{ -webkit-animation-delay:11.1s; animation-delay:11.1s; }
.delay_11200ms{ -webkit-animation-delay:11.2s; animation-delay:11.2s; }
.delay_11300ms{ -webkit-animation-delay:11.3s; animation-delay:11.3s; }
.delay_11400ms{ -webkit-animation-delay:11.4s; animation-delay:11.4s; }
.delay_11500ms{ -webkit-animation-delay:11.5s; animation-delay:11.5s; }
.delay_11600ms{ -webkit-animation-delay:11.6s; animation-delay:11.6s; }
.delay_11700ms{ -webkit-animation-delay:11.7s; animation-delay:11.7s; }
.delay_11800ms{ -webkit-animation-delay:11.8s; animation-delay:11.8s; }
.delay_11900ms{ -webkit-animation-delay:11.9s; animation-delay:11.9s; }

.delay_12000ms{ -webkit-animation-delay:12s;   animation-delay:12s; }
.delay_12100ms{ -webkit-animation-delay:12.1s; animation-delay:12.1s; }
.delay_12200ms{ -webkit-animation-delay:12.2s; animation-delay:12.2s; }
.delay_12300ms{ -webkit-animation-delay:12.3s; animation-delay:12.3s; }
.delay_12400ms{ -webkit-animation-delay:12.4s; animation-delay:12.4s; }
.delay_12500ms{ -webkit-animation-delay:12.5s; animation-delay:12.5s; }
.delay_12600ms{ -webkit-animation-delay:12.6s; animation-delay:12.6s; }
.delay_12700ms{ -webkit-animation-delay:12.7s; animation-delay:12.7s; }
.delay_12800ms{ -webkit-animation-delay:12.8s; animation-delay:12.8s; }
.delay_12900ms{ -webkit-animation-delay:12.9s; animation-delay:12.9s; }

.delay_13000ms{ -webkit-animation-delay:13s;   animation-delay:13s; }
.delay_13100ms{ -webkit-animation-delay:13.1s; animation-delay:13.1s; }
.delay_13200ms{ -webkit-animation-delay:13.2s; animation-delay:13.2s; }
.delay_13300ms{ -webkit-animation-delay:13.3s; animation-delay:13.3s; }
.delay_13400ms{ -webkit-animation-delay:13.4s; animation-delay:13.4s; }
.delay_13500ms{ -webkit-animation-delay:13.5s; animation-delay:13.5s; }
.delay_13600ms{ -webkit-animation-delay:13.6s; animation-delay:13.6s; }
.delay_13700ms{ -webkit-animation-delay:13.7s; animation-delay:13.7s; }
.delay_13800ms{ -webkit-animation-delay:13.8s; animation-delay:13.8s; }
.delay_13900ms{ -webkit-animation-delay:13.9s; animation-delay:13.9s; }

.delay_12000ms{ -webkit-animation-delay:12s; animation-delay:12s; }

.play_1500ms{-webkit-animation-duration: 1.5s; animation-duration: 1.5s}
.play_2000ms{-webkit-animation-duration: 2s; animation-duration: 2s}
.play_2500ms{-webkit-animation-duration: 2.5s; animation-duration: 2.5s}
.play_3500ms{-webkit-animation-duration: 3.5s; animation-duration: 3.5s}