/*!

Animate.css - http://daneden.me/animate

Version - 3.4.0

Licensed under the MIT license - http://opensource.org/licenses/MIT



Copyright (c) 2015 Daniel Eden

*/



.animated {

    -webkit-animation-duration: 1s;

    animation-duration: 1s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

  }

  

  .animated.infinite {

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

  }

  

  .animated.hinge {

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

  }

  

  .animated.bounceIn,

  .animated.bounceOut {

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

  }

  

  .animated.flipOutX,

  .animated.flipOutY {

    -webkit-animation-duration: .75s;

    animation-duration: .75s;

  }

  

  @-webkit-keyframes bounce {

    from, 20%, 53%, 80%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

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

      transform: translate3d(0,0,0);

    }

  

    40%, 43% {

      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

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

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

    }

  

    70% {

      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.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 {

    from, 20%, 53%, 80%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

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

      transform: translate3d(0,0,0);

    }

  

    40%, 43% {

      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

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

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

    }

  

    70% {

      -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

      animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);

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

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

    }

  

    90% {

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

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

    }

  }

  

  .bounce {

    -webkit-animation-name: bounce;

    animation-name: bounce;

    -webkit-transform-origin: center bottom;

    -ms-transform-origin: center bottom;

        transform-origin: center bottom;

  }

  

  @-webkit-keyframes flash {

    from, 50%, to {

      opacity: 1;

    }

  

    25%, 75% {

      opacity: 0;

    }

  }

  

  @keyframes flash {

    from, 50%, to {

      opacity: 1;

    }

  

    25%, 75% {

      opacity: 0;

    }

  }

  

  .flash {

    -webkit-animation-name: flash;

    animation-name: flash;

  }

  

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

  

  @-webkit-keyframes pulse {

    from {

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

      transform: scale3d(1, 1, 1);

    }

  

    50% {

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

      transform: scale3d(1.05, 1.05, 1.05);

    }

  

    to {

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

      transform: scale3d(1, 1, 1);

    }

  }

  

  @keyframes pulse {

    from {

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

      transform: scale3d(1, 1, 1);

    }

  

    50% {

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

      transform: scale3d(1.05, 1.05, 1.05);

    }

  

    to {

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

      transform: scale3d(1, 1, 1);

    }

  }

  

  .pulse {

    -webkit-animation-name: pulse;

    animation-name: pulse;

  }

  

  @-webkit-keyframes rubberBand {

    from {

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

      transform: scale3d(1, 1, 1);

    }

  

    30% {

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

      transform: scale3d(1.25, 0.75, 1);

    }

  

    40% {

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

      transform: scale3d(0.75, 1.25, 1);

    }

  

    50% {

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

      transform: scale3d(1.15, 0.85, 1);

    }

  

    65% {

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

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

    }

  

    75% {

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

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

    }

  

    to {

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

      transform: scale3d(1, 1, 1);

    }

  }

  

  @keyframes rubberBand {

    from {

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

      transform: scale3d(1, 1, 1);

    }

  

    30% {

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

      transform: scale3d(1.25, 0.75, 1);

    }

  

    40% {

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

      transform: scale3d(0.75, 1.25, 1);

    }

  

    50% {

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

      transform: scale3d(1.15, 0.85, 1);

    }

  

    65% {

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

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

    }

  

    75% {

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

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

    }

  

    to {

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

      transform: scale3d(1, 1, 1);

    }

  }

  

  .rubberBand {

    -webkit-animation-name: rubberBand;

    animation-name: rubberBand;

  }

  

  @-webkit-keyframes shake {

    from, to {

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

      transform: translate3d(0, 0, 0);

    }

  

    10%, 30%, 50%, 70%, 90% {

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

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

    }

  

    20%, 40%, 60%, 80% {

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

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

    }

  }

  

  @keyframes shake {

    from, to {

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

      transform: translate3d(0, 0, 0);

    }

  

    10%, 30%, 50%, 70%, 90% {

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

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

    }

  

    20%, 40%, 60%, 80% {

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

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

    }

  }

  

  .shake {

    -webkit-animation-name: shake;

    animation-name: shake;

  }

  

  @-webkit-keyframes swing {

    20% {

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

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

    }

  

    40% {

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

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

    }

  

    60% {

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

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

    }

  

    80% {

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

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

    }

  

    to {

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

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

    }

  }

  

  @keyframes swing {

    20% {

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

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

    }

  

    40% {

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

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

    }

  

    60% {

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

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

    }

  

    80% {

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

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

    }

  

    to {

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

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

    }

  }

  

  .swing {

    -webkit-transform-origin: top center;

    -ms-transform-origin: top center;

        transform-origin: top center;

    -webkit-animation-name: swing;

    animation-name: swing;

  }

  

  @-webkit-keyframes tada {

    from {

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

      transform: scale3d(1, 1, 1);

    }

  

    10%, 20% {

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

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

    }

  

    30%, 50%, 70%, 90% {

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

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

    }

  

    40%, 60%, 80% {

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

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

    }

  

    to {

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

      transform: scale3d(1, 1, 1);

    }

  }

  

  @keyframes tada {

    from {

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

      transform: scale3d(1, 1, 1);

    }

  

    10%, 20% {

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

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

    }

  

    30%, 50%, 70%, 90% {

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

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

    }

  

    40%, 60%, 80% {

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

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

    }

  

    to {

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

      transform: scale3d(1, 1, 1);

    }

  }

  

  .tada {

    -webkit-animation-name: tada;

    animation-name: tada;

  }

  

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

  

  @-webkit-keyframes wobble {

    from {

      -webkit-transform: none;

      transform: none;

    }

  

    15% {

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

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

    }

  

    30% {

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

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

    }

  

    45% {

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

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

    }

  

    60% {

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

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

    }

  

    75% {

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

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

    }

  

    to {

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes wobble {

    from {

      -webkit-transform: none;

      transform: none;

    }

  

    15% {

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

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

    }

  

    30% {

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

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

    }

  

    45% {

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

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

    }

  

    60% {

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

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

    }

  

    75% {

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

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

    }

  

    to {

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .wobble {

    -webkit-animation-name: wobble;

    animation-name: wobble;

  }

  

  @-webkit-keyframes jello {

    from, 11.1%, to {

      -webkit-transform: none;

      transform: none;

    }

  

    22.2% {

      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

      transform: skewX(-12.5deg) skewY(-12.5deg);

    }

  

    33.3% {

      -webkit-transform: skewX(6.25deg) skewY(6.25deg);

      transform: skewX(6.25deg) skewY(6.25deg);

    }

  

    44.4% {

      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

      transform: skewX(-3.125deg) skewY(-3.125deg);

    }

  

    55.5% {

      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

      transform: skewX(1.5625deg) skewY(1.5625deg);

    }

  

    66.6% {

      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

      transform: skewX(-0.78125deg) skewY(-0.78125deg);

    }

  

    77.7% {

      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

      transform: skewX(0.390625deg) skewY(0.390625deg);

    }

  

    88.8% {

      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    }

  }

  

  @keyframes jello {

    from, 11.1%, to {

      -webkit-transform: none;

      transform: none;

    }

  

    22.2% {

      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

      transform: skewX(-12.5deg) skewY(-12.5deg);

    }

  

    33.3% {

      -webkit-transform: skewX(6.25deg) skewY(6.25deg);

      transform: skewX(6.25deg) skewY(6.25deg);

    }

  

    44.4% {

      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

      transform: skewX(-3.125deg) skewY(-3.125deg);

    }

  

    55.5% {

      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

      transform: skewX(1.5625deg) skewY(1.5625deg);

    }

  

    66.6% {

      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

      transform: skewX(-0.78125deg) skewY(-0.78125deg);

    }

  

    77.7% {

      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

      transform: skewX(0.390625deg) skewY(0.390625deg);

    }

  

    88.8% {

      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    }

  }

  

  .jello {

    -webkit-animation-name: jello;

    animation-name: jello;

    -webkit-transform-origin: center;

    -ms-transform-origin: center;

        transform-origin: center;

  }

  

  @-webkit-keyframes bounceIn {

    from, 20%, 40%, 60%, 80%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

  

    0% {

      opacity: 0;

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

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

    }

  

    20% {

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

      transform: scale3d(1.1, 1.1, 1.1);

    }

  

    40% {

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

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

    }

  

    60% {

      opacity: 1;

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

      transform: scale3d(1.03, 1.03, 1.03);

    }

  

    80% {

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

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

    }

  

    to {

      opacity: 1;

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

      transform: scale3d(1, 1, 1);

    }

  }

  

  @keyframes bounceIn {

    from, 20%, 40%, 60%, 80%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

  

    0% {

      opacity: 0;

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

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

    }

  

    20% {

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

      transform: scale3d(1.1, 1.1, 1.1);

    }

  

    40% {

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

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

    }

  

    60% {

      opacity: 1;

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

      transform: scale3d(1.03, 1.03, 1.03);

    }

  

    80% {

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

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

    }

  

    to {

      opacity: 1;

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

      transform: scale3d(1, 1, 1);

    }

  }

  

  .bounceIn {

    -webkit-animation-name: bounceIn;

    animation-name: bounceIn;

  }

  

  @-webkit-keyframes bounceInDown {

    from, 60%, 75%, 90%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

  

    0% {

      opacity: 0;

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

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

    }

  

    60% {

      opacity: 1;

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

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

    }

  

    75% {

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

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

    }

  

    90% {

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

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

    }

  

    to {

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes bounceInDown {

    from, 60%, 75%, 90%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

  

    0% {

      opacity: 0;

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

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

    }

  

    60% {

      opacity: 1;

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

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

    }

  

    75% {

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

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

    }

  

    90% {

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

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

    }

  

    to {

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .bounceInDown {

    -webkit-animation-name: bounceInDown;

    animation-name: bounceInDown;

  }

  

  @-webkit-keyframes bounceInLeft {

    from, 60%, 75%, 90%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

  

    0% {

      opacity: 0;

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

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

    }

  

    60% {

      opacity: 1;

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

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

    }

  

    75% {

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

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

    }

  

    90% {

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

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

    }

  

    to {

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes bounceInLeft {

    from, 60%, 75%, 90%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

  

    0% {

      opacity: 0;

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

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

    }

  

    60% {

      opacity: 1;

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

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

    }

  

    75% {

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

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


    }

  

    90% {

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

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

    }

  

    to {

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .bounceInLeft {

    -webkit-animation-name: bounceInLeft;

    animation-name: bounceInLeft;

  }

  

  @-webkit-keyframes bounceInRight {

    from, 60%, 75%, 90%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

  

    from {

      opacity: 0;

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

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

    }

  

    60% {

      opacity: 1;

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

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

    }

  

    75% {

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

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

    }

  

    90% {

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

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

    }

  

    to {

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes bounceInRight {

    from, 60%, 75%, 90%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

  

    from {

      opacity: 0;

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

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

    }

  

    60% {

      opacity: 1;

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

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

    }

  

    75% {

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

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

    }

  

    90% {

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

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

    }

  

    to {

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .bounceInRight {

    -webkit-animation-name: bounceInRight;

    animation-name: bounceInRight;

  }

  

  @-webkit-keyframes bounceInUp {

    from, 60%, 75%, 90%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

  

    from {

      opacity: 0;

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

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

    }

  

    60% {

      opacity: 1;

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

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

    }

  

    75% {

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

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

    }

  

    90% {

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

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

    }

  

    to {

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

      transform: translate3d(0, 0, 0);

    }

  }

  

  @keyframes bounceInUp {

    from, 60%, 75%, 90%, to {

      -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

      animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);

    }

  

    from {

      opacity: 0;

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

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

    }

  

    60% {

      opacity: 1;

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

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

    }

  

    75% {

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

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

    }

  

    90% {

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

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

    }

  

    to {

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

      transform: translate3d(0, 0, 0);

    }

  }

  

  .bounceInUp {

    -webkit-animation-name: bounceInUp;

    animation-name: bounceInUp;

  }

  

  @-webkit-keyframes bounceOut {

    20% {

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

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

    }

  

    50%, 55% {

      opacity: 1;

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

      transform: scale3d(1.1, 1.1, 1.1);

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes bounceOut {

    20% {

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

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

    }

  

    50%, 55% {

      opacity: 1;

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

      transform: scale3d(1.1, 1.1, 1.1);

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .bounceOut {

    -webkit-animation-name: bounceOut;

    animation-name: bounceOut;

  }

  

  @-webkit-keyframes bounceOutDown {

    20% {

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

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

    }

  

    40%, 45% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes bounceOutDown {

    20% {

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

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

    }

  

    40%, 45% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .bounceOutDown {

    -webkit-animation-name: bounceOutDown;

    animation-name: bounceOutDown;

  }

  

  @-webkit-keyframes bounceOutLeft {

    20% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes bounceOutLeft {

    20% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .bounceOutLeft {

    -webkit-animation-name: bounceOutLeft;

    animation-name: bounceOutLeft;

  }

  

  @-webkit-keyframes bounceOutRight {

    20% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes bounceOutRight {

    20% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .bounceOutRight {

    -webkit-animation-name: bounceOutRight;

    animation-name: bounceOutRight;

  }

  

  @-webkit-keyframes bounceOutUp {

    20% {

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

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

    }

  

    40%, 45% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes bounceOutUp {

    20% {

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

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

    }

  

    40%, 45% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .bounceOutUp {

    -webkit-animation-name: bounceOutUp;

    animation-name: bounceOutUp;

  }

  

  @-webkit-keyframes fadeIn {

    from {

      opacity: 0;

    }

  

    to {

      opacity: 1;

    }

  }

  

  @keyframes fadeIn {

    from {

      opacity: 0;

    }

  

    to {

      opacity: 1;

    }

  }

  

  .fadeIn {

    -webkit-animation-name: fadeIn;

    animation-name: fadeIn;

  }

  

  @-webkit-keyframes fadeInDown {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes fadeInDown {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .fadeInDown {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

  }

  

  @-webkit-keyframes fadeInDownBig {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes fadeInDownBig {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .fadeInDownBig {

    -webkit-animation-name: fadeInDownBig;

    animation-name: fadeInDownBig;

  }

  

  @-webkit-keyframes fadeInLeft {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes fadeInLeft {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .fadeInLeft {

    -webkit-animation-name: fadeInLeft;

    animation-name: fadeInLeft;

  }

  

  @-webkit-keyframes fadeInLeftBig {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes fadeInLeftBig {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .fadeInLeftBig {

    -webkit-animation-name: fadeInLeftBig;

    animation-name: fadeInLeftBig;

  }

  

  @-webkit-keyframes fadeInRight {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes fadeInRight {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .fadeInRight {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;

  }

  

  @-webkit-keyframes fadeInRightBig {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes fadeInRightBig {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .fadeInRightBig {

    -webkit-animation-name: fadeInRightBig;

    animation-name: fadeInRightBig;

  }

  

  @-webkit-keyframes fadeInUp {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes fadeInUp {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

  }

  

  @-webkit-keyframes fadeInUpBig {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes fadeInUpBig {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .fadeInUpBig {

    -webkit-animation-name: fadeInUpBig;

    animation-name: fadeInUpBig;

  }

  

  @-webkit-keyframes fadeOut {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

    }

  }

  

  @keyframes fadeOut {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

    }

  }

  

  .fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;

  }

  

  @-webkit-keyframes fadeOutDown {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes fadeOutDown {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .fadeOutDown {

    -webkit-animation-name: fadeOutDown;

    animation-name: fadeOutDown;

  }

  

  @-webkit-keyframes fadeOutDownBig {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes fadeOutDownBig {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .fadeOutDownBig {

    -webkit-animation-name: fadeOutDownBig;

    animation-name: fadeOutDownBig;

  }

  

  @-webkit-keyframes fadeOutLeft {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes fadeOutLeft {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .fadeOutLeft {

    -webkit-animation-name: fadeOutLeft;

    animation-name: fadeOutLeft;

  }

  

  @-webkit-keyframes fadeOutLeftBig {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes fadeOutLeftBig {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .fadeOutLeftBig {

    -webkit-animation-name: fadeOutLeftBig;

    animation-name: fadeOutLeftBig;

  }

  

  @-webkit-keyframes fadeOutRight {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes fadeOutRight {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .fadeOutRight {

    -webkit-animation-name: fadeOutRight;

    animation-name: fadeOutRight;

  }

  

  @-webkit-keyframes fadeOutRightBig {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes fadeOutRightBig {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .fadeOutRightBig {

    -webkit-animation-name: fadeOutRightBig;

    animation-name: fadeOutRightBig;

  }

  

  @-webkit-keyframes fadeOutUp {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes fadeOutUp {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .fadeOutUp {

    -webkit-animation-name: fadeOutUp;

    animation-name: fadeOutUp;

  }

  

  @-webkit-keyframes fadeOutUpBig {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes fadeOutUpBig {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .fadeOutUpBig {

    -webkit-animation-name: fadeOutUpBig;

    animation-name: fadeOutUpBig;

  }

  

  @-webkit-keyframes flip {

    from {

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

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

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

      animation-timing-function: ease-out;

    }

  

    40% {

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

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

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

      animation-timing-function: ease-out;

    }

  

    50% {

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

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

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

      animation-timing-function: ease-in;

    }

  

    80% {

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

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

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

      animation-timing-function: ease-in;

    }

  

    to {

      -webkit-transform: perspective(400px);

      transform: perspective(400px);

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

      animation-timing-function: ease-in;

    }

  }

  

  @keyframes flip {

    from {

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

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

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

      animation-timing-function: ease-out;

    }

  

    40% {

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

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

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

      animation-timing-function: ease-out;

    }

  

    50% {

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

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

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

      animation-timing-function: ease-in;

    }

  

    80% {

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

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

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

      animation-timing-function: ease-in;

    }

  

    to {

      -webkit-transform: perspective(400px);

      transform: perspective(400px);

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

      animation-timing-function: ease-in;

    }

  }

  

  .animated.flip {

    -webkit-backface-visibility: visible;

    backface-visibility: visible;

    -webkit-animation-name: flip;

    animation-name: flip;

  }

  

  @-webkit-keyframes flipInX {

    from {

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

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

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

      animation-timing-function: ease-in;

      opacity: 0;

    }

  

    40% {

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

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

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

      animation-timing-function: ease-in;

    }

  

    60% {

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

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

      opacity: 1;

    }

  

    80% {

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

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

    }

  

    to {

      -webkit-transform: perspective(400px);

      transform: perspective(400px);

    }

  }

  

  @keyframes flipInX {

    from {

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

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

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

      animation-timing-function: ease-in;

      opacity: 0;

    }

  

    40% {

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

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

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

      animation-timing-function: ease-in;

    }

  

    60% {

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

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

      opacity: 1;

    }

  

    80% {

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

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

    }

  

    to {

      -webkit-transform: perspective(400px);

      transform: perspective(400px);

    }

  }

  

  .flipInX {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInX;

    animation-name: flipInX;

  }

  

  @-webkit-keyframes flipInY {

    from {

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

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

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

      animation-timing-function: ease-in;

      opacity: 0;

    }

  

    40% {

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

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

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

      animation-timing-function: ease-in;

    }

  

    60% {

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

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

      opacity: 1;

    }

  

    80% {

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

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

    }

  

    to {

      -webkit-transform: perspective(400px);

      transform: perspective(400px);

    }

  }

  

  @keyframes flipInY {

    from {

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

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

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

      animation-timing-function: ease-in;

      opacity: 0;

    }

  

    40% {

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

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

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

      animation-timing-function: ease-in;

    }

  

    60% {

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

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

      opacity: 1;

    }

  

    80% {

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

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

    }

  

    to {

      -webkit-transform: perspective(400px);

      transform: perspective(400px);

    }

  }

  

  .flipInY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipInY;

    animation-name: flipInY;

  }

  

  @-webkit-keyframes flipOutX {

    from {

      -webkit-transform: perspective(400px);

      transform: perspective(400px);

    }

  

    30% {

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

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

      opacity: 1;

    }

  

    to {

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

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

      opacity: 0;

    }

  }

  

  @keyframes flipOutX {

    from {

      -webkit-transform: perspective(400px);

      transform: perspective(400px);

    }

  

    30% {

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

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

      opacity: 1;

    }

  

    to {

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

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

      opacity: 0;

    }

  }

  

  .flipOutX {

    -webkit-animation-name: flipOutX;

    animation-name: flipOutX;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

  }

  

  @-webkit-keyframes flipOutY {

    from {

      -webkit-transform: perspective(400px);

      transform: perspective(400px);

    }

  

    30% {

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

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

      opacity: 1;

    }

  

    to {

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

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

      opacity: 0;

    }

  }

  

  @keyframes flipOutY {

    from {

      -webkit-transform: perspective(400px);

      transform: perspective(400px);

    }

  

    30% {

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

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

      opacity: 1;

    }

  

    to {

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

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

      opacity: 0;

    }

  }

  

  .flipOutY {

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    -webkit-animation-name: flipOutY;

    animation-name: flipOutY;

  }

  

  @-webkit-keyframes lightSpeedIn {

    from {

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

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

      opacity: 0;

    }

  

    60% {

      -webkit-transform: skewX(20deg);

      transform: skewX(20deg);

      opacity: 1;

    }

  

    80% {

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

      transform: skewX(-5deg);

      opacity: 1;

    }

  

    to {

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  @keyframes lightSpeedIn {

    from {

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

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

      opacity: 0;

    }

  

    60% {

      -webkit-transform: skewX(20deg);

      transform: skewX(20deg);

      opacity: 1;

    }

  

    80% {

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

      transform: skewX(-5deg);

      opacity: 1;

    }

  

    to {

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  .lightSpeedIn {

    -webkit-animation-name: lightSpeedIn;

    animation-name: lightSpeedIn;

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

    animation-timing-function: ease-out;

  }

  

  @-webkit-keyframes lightSpeedOut {

    from {

      opacity: 1;

    }

  

    to {

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

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

      opacity: 0;

    }

  }

  

  @keyframes lightSpeedOut {

    from {

      opacity: 1;

    }

  

    to {

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

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

      opacity: 0;

    }

  }

  

  .lightSpeedOut {

    -webkit-animation-name: lightSpeedOut;

    animation-name: lightSpeedOut;

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

    animation-timing-function: ease-in;

  }

  

  @-webkit-keyframes rotateIn {

    from {

      -webkit-transform-origin: center;

      transform-origin: center;

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

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

      opacity: 0;

    }

  

    to {

      -webkit-transform-origin: center;

      transform-origin: center;

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  @keyframes rotateIn {

    from {

      -webkit-transform-origin: center;

      transform-origin: center;

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

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

      opacity: 0;

    }

  

    to {

      -webkit-transform-origin: center;

      transform-origin: center;

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  .rotateIn {

    -webkit-animation-name: rotateIn;

    animation-name: rotateIn;

  }

  

  @-webkit-keyframes rotateInDownLeft {

    from {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

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

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

      opacity: 0;

    }

  

    to {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  @keyframes rotateInDownLeft {

    from {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

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

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

      opacity: 0;

    }

  

    to {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  .rotateInDownLeft {

    -webkit-animation-name: rotateInDownLeft;

    animation-name: rotateInDownLeft;

  }

  

  @-webkit-keyframes rotateInDownRight {

    from {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

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

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

      opacity: 0;

    }

  

    to {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  @keyframes rotateInDownRight {

    from {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

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

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

      opacity: 0;

    }

  

    to {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  .rotateInDownRight {

    -webkit-animation-name: rotateInDownRight;

    animation-name: rotateInDownRight;

  }

  

  @-webkit-keyframes rotateInUpLeft {

    from {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

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

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

      opacity: 0;

    }

  

    to {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  @keyframes rotateInUpLeft {

    from {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

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

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

      opacity: 0;

    }

  

    to {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  .rotateInUpLeft {

    -webkit-animation-name: rotateInUpLeft;

    animation-name: rotateInUpLeft;

  }

  

  @-webkit-keyframes rotateInUpRight {

    from {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

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

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

      opacity: 0;

    }

  

    to {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  @keyframes rotateInUpRight {

    from {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

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

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

      opacity: 0;

    }

  

    to {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

      -webkit-transform: none;

      transform: none;

      opacity: 1;

    }

  }

  

  .rotateInUpRight {

    -webkit-animation-name: rotateInUpRight;

    animation-name: rotateInUpRight;

  }

  

  @-webkit-keyframes rotateOut {

    from {

      -webkit-transform-origin: center;

      transform-origin: center;

      opacity: 1;

    }

  

    to {

      -webkit-transform-origin: center;

      transform-origin: center;

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

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

      opacity: 0;

    }

  }

  

  @keyframes rotateOut {

    from {

      -webkit-transform-origin: center;

      transform-origin: center;

      opacity: 1;

    }

  

    to {

      -webkit-transform-origin: center;

      transform-origin: center;

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

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

      opacity: 0;

    }

  }

  

  .rotateOut {

    -webkit-animation-name: rotateOut;

    animation-name: rotateOut;

  }

  

  @-webkit-keyframes rotateOutDownLeft {

    from {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

      opacity: 1;

    }

  

    to {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

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

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

      opacity: 0;

    }

  }

  

  @keyframes rotateOutDownLeft {

    from {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

      opacity: 1;

    }

  

    to {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

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

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

      opacity: 0;

    }

  }

  

  .rotateOutDownLeft {

    -webkit-animation-name: rotateOutDownLeft;

    animation-name: rotateOutDownLeft;

  }

  

  @-webkit-keyframes rotateOutDownRight {

    from {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

      opacity: 1;

    }

  

    to {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

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

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

      opacity: 0;

    }

  }

  

  @keyframes rotateOutDownRight {

    from {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

      opacity: 1;

    }

  

    to {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

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

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

      opacity: 0;

    }

  }

  

  .rotateOutDownRight {

    -webkit-animation-name: rotateOutDownRight;

    animation-name: rotateOutDownRight;

  }

  

  @-webkit-keyframes rotateOutUpLeft {

    from {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

      opacity: 1;

    }

  

    to {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

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

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

      opacity: 0;

    }

  }

  

  @keyframes rotateOutUpLeft {

    from {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

      opacity: 1;

    }

  

    to {

      -webkit-transform-origin: left bottom;

      transform-origin: left bottom;

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

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

      opacity: 0;

    }

  }

  

  .rotateOutUpLeft {

    -webkit-animation-name: rotateOutUpLeft;

    animation-name: rotateOutUpLeft;

  }

  

  @-webkit-keyframes rotateOutUpRight {

    from {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

      opacity: 1;

    }

  

    to {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

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

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

      opacity: 0;

    }

  }

  

  @keyframes rotateOutUpRight {

    from {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

      opacity: 1;

    }

  

    to {

      -webkit-transform-origin: right bottom;

      transform-origin: right bottom;

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

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

      opacity: 0;

    }

  }

  

  .rotateOutUpRight {

    -webkit-animation-name: rotateOutUpRight;

    animation-name: rotateOutUpRight;

  }

  

  @-webkit-keyframes hinge {

    0% {

      -webkit-transform-origin: top left;

      transform-origin: top left;

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

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

    }

  

    20%, 60% {

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

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

      -webkit-transform-origin: top left;

      transform-origin: top left;

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

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

    }

  

    40%, 80% {

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

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

      -webkit-transform-origin: top left;

      transform-origin: top left;

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

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

      opacity: 1;

    }

  

    to {

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

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

      opacity: 0;

    }

  }

  

  @keyframes hinge {

    0% {

      -webkit-transform-origin: top left;

      transform-origin: top left;

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

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

    }

  

    20%, 60% {

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

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

      -webkit-transform-origin: top left;

      transform-origin: top left;

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

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

    }

  

    40%, 80% {

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

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

      -webkit-transform-origin: top left;

      transform-origin: top left;

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

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

      opacity: 1;

    }

  

    to {

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

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

      opacity: 0;

    }

  }

  

  .hinge {

    -webkit-animation-name: hinge;

    animation-name: hinge;

  }

  

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

  

  @-webkit-keyframes rollIn {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  @keyframes rollIn {

    from {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 1;

      -webkit-transform: none;

      transform: none;

    }

  }

  

  .rollIn {

    -webkit-animation-name: rollIn;

    animation-name: rollIn;

  }

  

  /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

  

  @-webkit-keyframes rollOut {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  @keyframes rollOut {

    from {

      opacity: 1;

    }

  

    to {

      opacity: 0;

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

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

    }

  }

  

  .rollOut {

    -webkit-animation-name: rollOut;

    animation-name: rollOut;

  }

  

  @-webkit-keyframes zoomIn {

    from {

      opacity: 0;

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

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

    }

  

    50% {

      opacity: 1;

    }

  }

  

  @keyframes zoomIn {

    from {

      opacity: 0;

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

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

    }

  

    50% {

      opacity: 1;

    }

  }

  

  .zoomIn {

    -webkit-animation-name: zoomIn;

    animation-name: zoomIn;

  }

  

  @-webkit-keyframes zoomInDown {

    from {

      opacity: 0;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    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, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  @keyframes zoomInDown {

    from {

      opacity: 0;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    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, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  .zoomInDown {

    -webkit-animation-name: zoomInDown;

    animation-name: zoomInDown;

  }

  

  @-webkit-keyframes zoomInLeft {

    from {

      opacity: 0;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    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, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  @keyframes zoomInLeft {

    from {

      opacity: 0;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    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, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  .zoomInLeft {

    -webkit-animation-name: zoomInLeft;

    animation-name: zoomInLeft;

  }

  

  @-webkit-keyframes zoomInRight {

    from {

      opacity: 0;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    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, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  @keyframes zoomInRight {

    from {

      opacity: 0;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    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, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  .zoomInRight {

    -webkit-animation-name: zoomInRight;

    animation-name: zoomInRight;

  }

  

  @-webkit-keyframes zoomInUp {

    from {

      opacity: 0;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    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, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  @keyframes zoomInUp {

    from {

      opacity: 0;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    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, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  .zoomInUp {

    -webkit-animation-name: zoomInUp;

    animation-name: zoomInUp;

  }

  

  @-webkit-keyframes zoomOut {

    from {

      opacity: 1;

    }

  

    50% {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 0;

    }

  }

  

  @keyframes zoomOut {

    from {

      opacity: 1;

    }

  

    50% {

      opacity: 0;

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

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

    }

  

    to {

      opacity: 0;

    }

  }

  

  .zoomOut {

    -webkit-animation-name: zoomOut;

    animation-name: zoomOut;

  }

  

  @-webkit-keyframes zoomOutDown {

    40% {

      opacity: 1;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    to {

      opacity: 0;

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

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

      -webkit-transform-origin: center bottom;

      transform-origin: center bottom;

      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  @keyframes zoomOutDown {

    40% {

      opacity: 1;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    to {

      opacity: 0;

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

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

      -webkit-transform-origin: center bottom;

      transform-origin: center bottom;

      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  .zoomOutDown {

    -webkit-animation-name: zoomOutDown;

    animation-name: zoomOutDown;

  }

  

  @-webkit-keyframes zoomOutLeft {

    40% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

      -webkit-transform-origin: left center;

      transform-origin: left center;

    }

  }

  

  @keyframes zoomOutLeft {

    40% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

      -webkit-transform-origin: left center;

      transform-origin: left center;

    }

  }

  

  .zoomOutLeft {

    -webkit-animation-name: zoomOutLeft;

    animation-name: zoomOutLeft;

  }

  

  @-webkit-keyframes zoomOutRight {

    40% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

      -webkit-transform-origin: right center;

      transform-origin: right center;

    }

  }

  

  @keyframes zoomOutRight {

    40% {

      opacity: 1;

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

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

    }

  

    to {

      opacity: 0;

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

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

      -webkit-transform-origin: right center;

      transform-origin: right center;

    }

  }

  

  .zoomOutRight {

    -webkit-animation-name: zoomOutRight;

    animation-name: zoomOutRight;

  }

  

  @-webkit-keyframes zoomOutUp {

    40% {

      opacity: 1;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    to {

      opacity: 0;

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

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

      -webkit-transform-origin: center bottom;

      transform-origin: center bottom;

      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  @keyframes zoomOutUp {

    40% {

      opacity: 1;

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

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

      -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

      animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    }

  

    to {

      opacity: 0;

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

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

      -webkit-transform-origin: center bottom;

      transform-origin: center bottom;

      -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

      animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    }

  }

  

  .zoomOutUp {

    -webkit-animation-name: zoomOutUp;

    animation-name: zoomOutUp;

  }

  

  @-webkit-keyframes slideInDown {

    from {

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

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

      visibility: visible;

    }

  

    to {

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

      transform: translate3d(0, 0, 0);

    }

  }

  

  @keyframes slideInDown {

    from {

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

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

      visibility: visible;

    }

  

    to {

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

      transform: translate3d(0, 0, 0);

    }

  }

  

  .slideInDown {

    -webkit-animation-name: slideInDown;

    animation-name: slideInDown;

  }

  

  @-webkit-keyframes slideInLeft {

    from {

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

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

      visibility: visible;

    }

  

    to {

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

      transform: translate3d(0, 0, 0);

    }

  }

  

  @keyframes slideInLeft {

    from {

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

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

      visibility: visible;

    }

  

    to {

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

      transform: translate3d(0, 0, 0);

    }

  }

  

  .slideInLeft {

    -webkit-animation-name: slideInLeft;

    animation-name: slideInLeft;

  }

  

  @-webkit-keyframes slideInRight {

    from {

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

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

      visibility: visible;

    }

  

    to {

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

      transform: translate3d(0, 0, 0);

    }

  }

  

  @keyframes slideInRight {

    from {

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

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

      visibility: visible;

    }

  

    to {

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

      transform: translate3d(0, 0, 0);

    }

  }

  

  .slideInRight {

    -webkit-animation-name: slideInRight;

    animation-name: slideInRight;

  }

  

  @-webkit-keyframes slideInUp {

    from {

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

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

      visibility: visible;

    }

  

    to {

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

      transform: translate3d(0, 0, 0);

    }

  }

  

  @keyframes slideInUp {

    from {

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

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

      visibility: visible;

    }

  

    to {

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

      transform: translate3d(0, 0, 0);

    }

  }

  

  .slideInUp {

    -webkit-animation-name: slideInUp;

    animation-name: slideInUp;

  }

  

  @-webkit-keyframes slideOutDown {

    from {

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

      transform: translate3d(0, 0, 0);

    }

  

    to {

      visibility: hidden;

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

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

    }

  }

  

  @keyframes slideOutDown {

    from {

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

      transform: translate3d(0, 0, 0);

    }

  

    to {

      visibility: hidden;

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

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

    }

  }

  

  .slideOutDown {

    -webkit-animation-name: slideOutDown;

    animation-name: slideOutDown;

  }

  

  @-webkit-keyframes slideOutLeft {

    from {

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

      transform: translate3d(0, 0, 0);

    }

  

    to {

      visibility: hidden;

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

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

    }

  }

  

  @keyframes slideOutLeft {

    from {

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

      transform: translate3d(0, 0, 0);

    }

  

    to {

      visibility: hidden;

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

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

    }

  }

  

  .slideOutLeft {

    -webkit-animation-name: slideOutLeft;

    animation-name: slideOutLeft;

  }

  

  @-webkit-keyframes slideOutRight {

    from {

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

      transform: translate3d(0, 0, 0);

    }

  

    to {

      visibility: hidden;

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

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

    }

  }

  

  @keyframes slideOutRight {

    from {

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

      transform: translate3d(0, 0, 0);

    }

  

    to {

      visibility: hidden;

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

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

    }

  }

  

  .slideOutRight {

    -webkit-animation-name: slideOutRight;

    animation-name: slideOutRight;

  }

  

  @-webkit-keyframes slideOutUp {

    from {

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

      transform: translate3d(0, 0, 0);

    }

  

    to {

      visibility: hidden;

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

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

    }

  }

  

  @keyframes slideOutUp {

    from {

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

      transform: translate3d(0, 0, 0);

    }

  

    to {

      visibility: hidden;

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

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

    }

  }

  

  .slideOutUp {

    -webkit-animation-name: slideOutUp;

    animation-name: slideOutUp;

  }

  

  

  

  

  .animated{

    opacity: 0;

    -ms-transform: translateY(200%);

        transform: translateY(200%);

    -webkit-transform: translateY(200%);

  }