/*  Animations v2.1, Copyright 2014, Joe Mottershaw, https://github.com/joemottershaw/
//  ================================================================================== */

/*  Table of Contents
//  ==================================================
//    #Global

//    #Fade In
//    #Fade In Up
//    #Fade In Down
//    #Fade In Left
//    #Fade In Right

//    #Fade In Up Left
//    #Fade In Up Right
//    #Fade In Down Left
//    #Fade In Down Right

//    #Fade Out
//    #Fade Out Up
//    #Fade Out Down
//    #Fade Out Left
//    #Fade Out Right

//    #Fade Out Up Left
//    #Fade Out Up Right
//    #Fade Out Down Left
//    #Fade Out Down Right

//    #Bounce In 
//    #Bounce In Up
//    #Bounce In Down
//    #Bounce In Left
//    #Bounce In Right

//    #Bounce In Up Left
//    #Bounce In Up Right
//    #Bounce In Down Left
//    #Bounce In Down Right

//    #Bounce Out 
//    #Bounce Out Up
//    #Bounce Out Down
//    #Bounce Out Left
//    #Bounce Out Right

//    #Bounce Out Up Left
//    #Bounce Out Up Right
//    #Bounce Out Down Left
//    #Bounce Out Down Right

//    #Zoom In
//    #Zoom In Up
//    #Zoom In Down
//    #Zoom In Left
//    #Zoom In Right

//    #Zoom In Up Left
//    #Zoom In Up Right
//    #Zoom In Down Left
//    #Zoom In Down Right

//    #Zoom Out
//    #Zoom Out Up
//    #Zoom Out Down
//    #Zoom Out Left
//    #Zoom Out Right

//    #Zoom Out Up Left
//    #Zoom Out Up Right
//    #Zoom Out Down Left
//    #Zoom Out Down Right

//    #Flip In X
//    #Flip In Y
//    #Flip In Top Front
//    #Flip In Top Back
//    #Flip In Bottom Front
//    #Flip In Bottom Back
//    #Flip In Left Front
//    #Flip In Left Back
//    #Flip In Right Front
//    #Flip In Right Back

//    #Flip Out X
//    #Flip Out Y
//    #Flip Out Top Front
//    #Flip Out Top Front
//    #Flip Out Bottom Front
//    #Flip Out Bottom Back
//    #Flip Out Left Front
//    #Flip Out Left Back
//    #Flip Out Right Front
//    #Flip Out Right Back

//    #Flash
//    #Strobe
//    #Shake X
//    #Shake Y
//    #Bounce
//    #Tada
//    #Rubber Band
//    #Swing
//    #Spin
//    #Spin Reverse
//    #Slingshot
//    #Slingshot Reverse
//    #Wobble
//    #Pulse
//    #Pulsate
//    #Heartbeat
//    #Panic


/*  #Global
//  ================================================== */

  .animate-in,
  .animating,
  .hover-flash,
  .hover-strobe,
  .hover-shake-x,
  .hover-shake-y,
  .hover-bounce,
  .hover-tada,
  .hover-rubber-band,
  .hover-swing,
  .hover-spin,
  .hover-spin-reverse,
  .hover-slingshot,
  .hover-slingshot-reverse,
  .hover-wobble,
  .hover-pulse,
  .hover-pulsate,
  .hover-heartbeat,
  .hover-panic {
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    -ms-transition: none !important;
    transition: none !important;
  }

  .animate-in,
  .animate-out {
    visibility: hidden !important;
    opacity: 0;
  }

  .animating,
  .hover-flash,
  .hover-strobe,
  .hover-shake-x,
  .hover-shake-y,
  .hover-bounce,
  .hover-tada,
  .hover-rubber-band,
  .hover-swing,
  .hover-spin,
  .hover-spin-reverse,
  .hover-slingshot,
  .hover-slingshot-reverse,
  .hover-wobble,
  .hover-pulse,
  .hover-pulsate,
  .hover-heartbeat,
  .hover-panic {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out; 
    animation-timing-function: ease-in-out; 
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
  }

  .animating.slow-mo,
  .hover-flash.slow-mo,
  .hover-strobe.slow-mo,
  .hover-shake-x.slow-mo,
  .hover-shake-y.slow-mo,
  .hover-bounce.slow-mo,
  .hover-tada.slow-mo,
  .hover-rubber-band.slow-mo,
  .hover-swing.slow-mo,
  .hover-spin.slow-mo,
  .hover-spin-reverse.slow-mo,
  .hover-slingshot.slow-mo,
  .hover-slingshot-reverse.slow-mo,
  .hover-wobble.slow-mo,
  .hover-pulse.slow-mo,
  .hover-pulsate.slow-mo,
  .hover-heartbeat.slow-mo,
  .hover-panic.slow-mo {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
  }

  .animating.super-slow-mo,
  .hover-flash.super-slow-mo,
  .hover-strobe.super-slow-mo,
  .hover-shake-x.super-slow-mo,
  .hover-shake-y.super-slow-mo,
  .hover-bounce.super-slow-mo,
  .hover-tada.super-slow-mo,
  .hover-rubber-band.super-slow-mo,
  .hover-swing.super-slow-mo,
  .hover-spin.super-slow-mo,
  .hover-spin-reverse.super-slow-mo,
  .hover-slingshot.super-slow-mo,
  .hover-slingshot-reverse.super-slow-mo,
  .hover-wobble.super-slow-mo,
  .hover-pulse.super-slow-mo,
  .hover-pulsate.super-slow-mo,
  .hover-heartbeat.super-slow-mo,
  .hover-panic.super-slow-mo   {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
  }

  .animating.ultra-slow-mo,
  .hover-flash.ultra-slow-mo,
  .hover-strobe.ultra-slow-mo,
  .hover-shake-x.ultra-slow-mo,
  .hover-shake-y.ultra-slow-mo,
  .hover-bounce.ultra-slow-mo,
  .hover-tada.ultra-slow-mo,
  .hover-rubber-band.ultra-slow-mo,
  .hover-swing.ultra-slow-mo,
  .hover-spin.ultra-slow-mo,
  .hover-spin-reverse.ultra-slow-mo,
  .hover-slingshot.ultra-slow-mo,
  .hover-slingshot-reverse.ultra-slow-mo,
  .hover-wobble.ultra-slow-mo,
  .hover-pulse.ultra-slow-mo,
  .hover-pulsate.ultra-slow-mo,
  .hover-heartbeat.ultra-slow-mo,
  .hover-panic.ultra-slow-mo {
    -webkit-animation-duration: 4s;
    animation-duration: 4s;
  }

  .animating.hyper-slow-mo,
  .hover-flash.hyper-slow-mo,
  .hover-strobe.hyper-slow-mo,
  .hover-shake-x.hyper-slow-mo,
  .hover-shake-y.hyper-slow-mo,
  .hover-bounce.hyper-slow-mo,
  .hover-tada.hyper-slow-mo,
  .hover-rubber-band.hyper-slow-mo,
  .hover-swing.hyper-slow-mo,
  .hover-spin.hyper-slow-mo,
  .hover-spin-reverse.hyper-slow-mo,
  .hover-slingshot.hyper-slow-mo,
  .hover-slingshot-reverse.hyper-slow-mo,
  .hover-wobble.hyper-slow-mo,
  .hover-pulse.hyper-slow-mo,
  .hover-pulsate.hyper-slow-mo,
  .hover-heartbeat.hyper-slow-mo,
  .hover-panic.hyper-slow-mo {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
  }

  .animating.infinite,
  .hover-flash.infinite,
  .hover-strobe.infinite,
  .hover-shake-x.infinite,
  .hover-shake-y.infinite,
  .hover-bounce.infinite,
  .hover-tada.infinite,
  .hover-rubber-band.infinite,
  .hover-swing.infinite,
  .hover-spin.infinite,
  .hover-spin-reverse.infinite,
  .hover-slingshot.infinite,
  .hover-slingshot-reverse.infinite,
  .hover-wobble.infinite,
  .hover-pulse.infinite,
  .hover-pulsate.infinite,
  .hover-heartbeat.infinite,
  .hover-panic.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
  }

  .no-js .animate-in,
  .ie .animate-in {
    visibility: visible !important;
    opacity: 1;
  }


/*  #Fade In
//  ================================================== */

  @-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  .animating.fade-in {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
  }


/*  #Fade In Up
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeInUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(60px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes fadeInUp {
      0% {
        opacity: 0;
        transform: translateY(60px);
      }

      80% { opacity: 1; }

      100% { transform: translateY(0); }
    }

    .animating.fade-in-up {
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp;
    }

  /* Big */

    @-webkit-keyframes fadeInUpBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes fadeInUpBig {
      0% {
        opacity: 0;
        transform: translateY(200px);
      }

      80% { opacity: 1; }

      100% { transform: translateY(0); }
    }

    .animating.fade-in-up-big {
      -webkit-animation-name: fadeInUpBig;
      animation-name: fadeInUpBig;
    }

  /* Large */

    @-webkit-keyframes fadeInUpLarge {
      0% {
        opacity: 0;
        -webkit-transform: translateY(600px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes fadeInUpLarge {
      0% {
        opacity: 0;
        transform: translateY(600px);
      }

      80% { opacity: 1; }

      100% { transform: translateY(0); }
    }

    .animating.fade-in-up-large {
      -webkit-animation-name: fadeInUpLarge;
      animation-name: fadeInUpLarge;
    }


/*  #Fade In Down
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-60px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes fadeInDown {
      0% {
        opacity: 0;
        transform: translateY(-60px);
      }

      80% { opacity: 1; }

      100% { transform: translateY(0); }
    }

    .animating.fade-in-down {
      -webkit-animation-name: fadeInDown;
      animation-name: fadeInDown;
    }

  /* Big */

    @-webkit-keyframes fadeInDownBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes fadeInDownBig {
      0% {
        opacity: 0;
        transform: translateY(-200px);
      }

      80% { opacity: 1; }

      100% { transform: translateY(0); }
    }

    .animating.fade-in-down-big {
      -webkit-animation-name: fadeInDownBig;
      animation-name: fadeInDownBig;
    }

  /* Large */

    @-webkit-keyframes fadeInDownLarge {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-600px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes fadeInDownLarge {
      0% {
        opacity: 0;
        transform: translateY(-600px);
      }

      80% { opacity: 1; }

      100% { transform: translateY(0); }
    }

    .animating.fade-in-down-large {
      -webkit-animation-name: fadeInDownLarge;
      animation-name: fadeInDownLarge;
    }


/*  #Fade In Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(60px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes fadeInLeft {
      0% {
        opacity: 0;
        transform: translateX(60px);
      }

      80% { opacity: 1; }

      100% { transform: translateX(0); }
    }

    .animating.fade-in-left {
      -webkit-animation-name: fadeInLeft;
      animation-name: fadeInLeft;
    }

  /* Big */

    @-webkit-keyframes fadeInLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(200px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes fadeInLeftBig {
      0% {
        opacity: 0;
        transform: translateX(200px);
      }

      80% { opacity: 1; }

      100% { transform: translateX(0); }
    }

    .animating.fade-in-left-big {
      -webkit-animation-name: fadeInLeftBig;
      animation-name: fadeInLeftBig;
    }

  /* Large */

    @-webkit-keyframes fadeInLeftLarge {
      0% {
        opacity: 0;
        -webkit-transform: translateX(600px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes fadeInLeftLarge {
      0% {
        opacity: 0;
        transform: translateX(600px);
      }

      80% { opacity: 1; }

      100% { transform: translateX(0); }
    }

    .animating.fade-in-left-large {
      -webkit-animation-name: fadeInLeftLarge;
      animation-name: fadeInLeftLarge;
    }


/*  #Fade In Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-60px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes fadeInRight {
      0% {
        opacity: 0;
        transform: translateX(-60px);
      }

      80% { opacity: 1; }

      100% { transform: translateX(0); }
    }

    .animating.fade-in-right {
      -webkit-animation-name: fadeInRight;
      animation-name: fadeInRight;
    }

  /* Big */

    @-webkit-keyframes fadeInRightBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes fadeInRightBig {
      0% {
        opacity: 0;
        transform: translateX(-200px);
      }

      80% { opacity: 1; }

      100% { transform: translateX(0); }
    }

    .animating.fade-in-right-big {
      -webkit-animation-name: fadeInRightBig;
      animation-name: fadeInRightBig;
    }

  /* Large */

    @-webkit-keyframes fadeInRightLarge {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-600px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes fadeInRightLarge {
      0% {
        opacity: 0;
        transform: translateX(-600px);
      }

      80% { opacity: 1; }

      100% { transform: translateX(0); }
    }

    .animating.fade-in-right-large {
      -webkit-animation-name: fadeInRightLarge;
      animation-name: fadeInRightLarge;
    }


/*  #Fade In Up Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeInUpLeft {
      0% {
        opacity: 0;
        -webkit-transform: translate(60px, 60px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInUpLeft {
      0% {
        opacity: 0;
        transform: translate(60px, 60px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-up-left {
      -webkit-animation-name: fadeInUpLeft;
      animation-name: fadeInUpLeft;
    }

  /* Big */

    @-webkit-keyframes fadeInUpLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: translate(200px, 200px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInUpLeftBig {
      0% {
        opacity: 0;
        transform: translate(200px, 200px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-up-left-big {
      -webkit-animation-name: fadeInUpLeftBig;
      animation-name: fadeInUpLeftBig;
    }

  /* Large */

    @-webkit-keyframes fadeInUpLeftLarge {
      0% {
        opacity: 0;
        -webkit-transform: translate(600px, 600px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInUpLeftLarge {
      0% {
        opacity: 0;
        transform: translate(600px, 600px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-up-left-large {
      -webkit-animation-name: fadeInUpLeftLarge;
      animation-name: fadeInUpLeftLarge;
    }


/*  #Fade In Up Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeInUpRight {
      0% {
        opacity: 0;
        -webkit-transform: translate(-60px, 60px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInUpRight {
      0% {
        opacity: 0;
        transform: translate(-60px, 60px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-up-right {
      -webkit-animation-name: fadeInUpRight;
      animation-name: fadeInUpRight;
    }

  /* Big */

    @-webkit-keyframes fadeInUpRightBig {
      0% {
        opacity: 0;
        -webkit-transform: translate(-200px, 200px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInUpRightBig {
      0% {
        opacity: 0;
        transform: translate(-200px, 200px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-up-right-big {
      -webkit-animation-name: fadeInUpRightBig;
      animation-name: fadeInUpRightBig;
    }

  /* Large */

    @-webkit-keyframes fadeInUpRightLarge {
      0% {
        opacity: 0;
        -webkit-transform: translate(-600px, 600px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInUpRightLarge {
      0% {
        opacity: 0;
        transform: translate(-600px, 600px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-up-right-large {
      -webkit-animation-name: fadeInUpRightLarge;
      animation-name: fadeInUpRightLarge;
    }


/*  #Fade In Down Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeInDownLeft {
      0% {
        opacity: 0;
        -webkit-transform: translate(60px, -60px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInDownLeft {
      0% {
        opacity: 0;
        transform: translate(60px, -60px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-down-left {
      -webkit-animation-name: fadeInDownLeft;
      animation-name: fadeInDownLeft;
    }

  /* Big */

    @-webkit-keyframes fadeInDownLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: translate(200px, -200px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInDownLeftBig {
      0% {
        opacity: 0;
        transform: translate(200px, -200px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-down-left-big {
      -webkit-animation-name: fadeInDownLeftBig;
      animation-name: fadeInDownLeftBig;
    }

  /* Large */

    @-webkit-keyframes fadeInDownLeftLarge {
      0% {
        opacity: 0;
        -webkit-transform: translate(600px, -600px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInDownLeftLarge {
      0% {
        opacity: 0;
        transform: translate(600px, -600px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-down-left-large {
      -webkit-animation-name: fadeInDownLeftLarge;
      animation-name: fadeInDownLeftLarge;
    }


/*  #Fade In Down Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeInDownRight {
      0% {
        opacity: 0;
        -webkit-transform: translate(-60px, -60px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInDownRight {
      0% {
        opacity: 0;
        transform: translate(-60px, -60px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-down-right {
      -webkit-animation-name: fadeInDownRight;
      animation-name: fadeInDownRight;
    }

  /* Big */

    @-webkit-keyframes fadeInDownRightBig {
      0% {
        opacity: 0;
        -webkit-transform: translate(-200px, -200px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInDownRightBig {
      0% {
        opacity: 0;
        transform: translate(-200px, -200px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-down-right-big {
      -webkit-animation-name: fadeInDownRightBig;
      animation-name: fadeInDownRightBig;
    }

  /* Large */

    @-webkit-keyframes fadeInDownRightLarge {
      0% {
        opacity: 0;
        -webkit-transform: translate(-600px, -600px);
      }

      80% { opacity: 1; }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes fadeInDownRightLarge {
      0% {
        opacity: 0;
        transform: translate(-600px, -600px);
      }

      80% { opacity: 1; }

      100% { transform: translate(0, 0); }
    }

    .animating.fade-in-down-right-large {
      -webkit-animation-name: fadeInDownRightLarge;
      animation-name: fadeInDownRightLarge;
    }


/*  #Fade Out
//  ================================================== */

  @-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }

  @keyframes fadeOut {
    0% { opacity: 1; }
    100% { opacity: 0; }
  }

  .animating.fade-out {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
  }


/*  #Fade Out Up
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeOutUp {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-60px);
      }
    }

    @keyframes fadeOutUp {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateY(-60px);
      }
    }

    .animating.fade-out-up {
      -webkit-animation-name: fadeOutUp;
      animation-name: fadeOutUp;
    }

  /* Big */

    @-webkit-keyframes fadeOutUpBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
      }
    }

    @keyframes fadeOutUpBig {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateY(-200px);
      }
    }

    .animating.fade-out-up-big {
      -webkit-animation-name: fadeOutUpBig;
      animation-name: fadeOutUpBig;
    }

  /* Large */

    @-webkit-keyframes fadeOutUpLarge {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateY(-600px);
      }
    }

    @keyframes fadeOutUpLarge {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateY(-600px);
      }
    }

    .animating.fade-out-up-large {
      -webkit-animation-name: fadeOutUpLarge;
      animation-name: fadeOutUpLarge;
    }


/*  #Fade Out Down
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeOutDown {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateY(60px);
      }
    }

    @keyframes fadeOutDown {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateY(60px);
      }
    }

    .animating.fade-out-down {
      -webkit-animation-name: fadeOutDown;
      animation-name: fadeOutDown;
    }

  /* Big */

    @-webkit-keyframes fadeOutDownBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateY(200px);
      }
    }

    @keyframes fadeOutDownBig {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateY(200px);
      }
    }

    .animating.fade-out-down-big {
      -webkit-animation-name: fadeOutDownBig;
      animation-name: fadeOutDownBig;
    }

  /* Large */

    @-webkit-keyframes fadeOutDownLarge {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateY(600px);
      }
    }

    @keyframes fadeOutDownLarge {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateY(600px);
      }
    }

    .animating.fade-out-down-large {
      -webkit-animation-name: fadeOutDownLarge;
      animation-name: fadeOutDownLarge;
    }


/*  #Fade Out Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeOutLeft {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-60px);
      }
    }

    @keyframes fadeOutLeft {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateX(-60px);
      }
    }

    .animating.fade-out-left {
      -webkit-animation-name: fadeOutLeft;
      animation-name: fadeOutLeft;
    }

  /* Big */

    @-webkit-keyframes fadeOutLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
      }
    }

    @keyframes fadeOutLeftBig {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateX(-200px);
      }
    }

    .animating.fade-out-left-big {
      -webkit-animation-name: fadeOutLeftBig;
      animation-name: fadeOutLeftBig;
    }

  /* Large */

    @-webkit-keyframes fadeOutLeftLarge {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateX(-600px);
      }
    }

    @keyframes fadeOutLeftLarge {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateX(-600px);
      }
    }

    .animating.fade-out-left-large {
      -webkit-animation-name: fadeOutLeftLarge;
      animation-name: fadeOutLeftLarge;
    }


/*  #Fade Out Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeOutRight {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateX(60px);
      }
    }

    @keyframes fadeOutRight {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateX(60px);
      }
    }

    .animating.fade-out-right {
      -webkit-animation-name: fadeOutRight;
      animation-name: fadeOutRight;
    }

  /* Big */

    @-webkit-keyframes fadeOutRightBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateX(200px);
      }
    }

    @keyframes fadeOutRightBig {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateX(200px);
      }
    }

    .animating.fade-out-right-big {
      -webkit-animation-name: fadeOutRightBig;
      animation-name: fadeOutRightBig;
    }

  /* Large */

    @-webkit-keyframes fadeOutRightLarge {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translateX(600px);
      }
    }

    @keyframes fadeOutRightLarge {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translateX(600px);
      }
    }

    .animating.fade-out-right-large {
      -webkit-animation-name: fadeOutRightLarge;
      animation-name: fadeOutRightLarge;
    }


/*  #Fade Out Up Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeOutUpLeft {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(-60px, -60px);
      }
    }

    @keyframes fadeOutUpLeft {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(-60px, -60px);
      }
    }

    .animating.fade-out-up-left {
      -webkit-animation-name: fadeOutUpLeft;
      animation-name: fadeOutUpLeft;
    }

  /* Big */

    @-webkit-keyframes fadeOutUpLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(-200px, -200px);
      }
    }

    @keyframes fadeOutUpLeftBig {
      0% {
        opacity: 1;
        transform: translate(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(-200px, -200px);
      }
    }

    .animating.fade-out-up-left-big {
      -webkit-animation-name: fadeOutUpLeftBig;
      animation-name: fadeOutUpLeftBig;
    }

  /* Large */

    @-webkit-keyframes fadeOutUpLeftLarge {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(-600px, -600px);
      }
    }

    @keyframes fadeOutUpLeftLarge {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(-600px, -600px);
      }
    }

    .animating.fade-out-up-left-large {
      -webkit-animation-name: fadeOutUpLeftLarge;
      animation-name: fadeOutUpLeftLarge;
    }


/*  #Fade Out Up Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeOutUpRight {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(60px, -60px);
      }
    }

    @keyframes fadeOutUpRight {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(60px, -60px);
      }
    }

    .animating.fade-out-up-right {
      -webkit-animation-name: fadeOutUpRight;
      animation-name: fadeOutUpRight;
    }

  /* Big */

    @-webkit-keyframes fadeOutUpRightBig {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(200px, -200px);
      }
    }

    @keyframes fadeOutUpRightBig {
      0% {
        opacity: 1;
        transform: translate(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(200px, -200px);
      }
    }

    .animating.fade-out-up-right-big {
      -webkit-animation-name: fadeOutUpRightBig;
      animation-name: fadeOutUpRightBig;
    }

  /* Large */

    @-webkit-keyframes fadeOutUpRightLarge {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(600px, -600px);
      }
    }

    @keyframes fadeOutUpRightLarge {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(600px, -600px);
      }
    }

    .animating.fade-out-up-right-large {
      -webkit-animation-name: fadeOutUpRightLarge;
      animation-name: fadeOutUpRightLarge;
    }


/*  #Fade Out Down Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeOutDownLeft {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(-60px, 60px);
      }
    }

    @keyframes fadeOutDownLeft {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(-60px, 60px);
      }
    }

    .animating.fade-out-down-left {
      -webkit-animation-name: fadeOutDownLeft;
      animation-name: fadeOutDownLeft;
    }

  /* Big */

    @-webkit-keyframes fadeOutDownLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(-200px, 200px);
      }
    }

    @keyframes fadeOutDownLeftBig {
      0% {
        opacity: 1;
        transform: translate(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(-200px, 200px);
      }
    }

    .animating.fade-out-down-left-big {
      -webkit-animation-name: fadeOutDownLeftBig;
      animation-name: fadeOutDownLeftBig;
    }

  /* Large */

    @-webkit-keyframes fadeOutDownLeftLarge {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(-600px, 600px);
      }
    }

    @keyframes fadeOutDownLeftLarge {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(-600px, 600px);
      }
    }

    .animating.fade-out-down-left-large {
      -webkit-animation-name: fadeOutDownLeftLarge;
      animation-name: fadeOutDownLeftLarge;
    }


/*  #Fade Out Down Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes fadeOutDownRight {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(60px, 60px);
      }
    }

    @keyframes fadeOutDownRight {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(60px, 60px);
      }
    }

    .animating.fade-out-down-right {
      -webkit-animation-name: fadeOutDownRight;
      animation-name: fadeOutDownRight;
    }

  /* Big */

    @-webkit-keyframes fadeOutDownRightBig {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(200px, 200px);
      }
    }

    @keyframes fadeOutDownRightBig {
      0% {
        opacity: 1;
        transform: translate(0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(200px, 200px);
      }
    }

    .animating.fade-out-down-right-big {
      -webkit-animation-name: fadeOutDownRightBig;
      animation-name: fadeOutDownRightBig;
    }

  /* Large */

    @-webkit-keyframes fadeOutDownRightLarge {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        -webkit-transform: translate(600px, 600px);
      }
    }

    @keyframes fadeOutDownRightLarge {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      80% { opacity: 0; }

      100% {
        opacity: 0;
        transform: translate(600px, 600px);
      }
    }

    .animating.fade-out-down-right-large {
      -webkit-animation-name: fadeOutDownRightLarge;
      animation-name: fadeOutDownRightLarge;
    }


/*  #Bounce In
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceIn {
      0% {
        opacity: 0;
        -webkit-transform: scale(0);
      }

      50% {
        opacity: 1;
        -webkit-transform: scale(1.05);
      }

      70% { -webkit-transform: scale(.85); }

      100% { -webkit-transform: scale(1); }
    }

    @keyframes bounceIn {
      0% {
        opacity: 0;
        transform: scale(0);
      }

      50% {
        opacity: 1;
        transform: scale(1.05);
      }

      70% { transform: scale(.85); }

      100% { transform: scale(1); }
    }

    .animating.bounce-in {
      -webkit-animation-name: bounceIn;
      animation-name: bounceIn;
    }

  /* Big */

    @-webkit-keyframes bounceInBig {
      0% {
        opacity: 0;
        -webkit-transform: scale(0);
      }

      50% {
        opacity: 1;
        -webkit-transform: scale(1.25);
      }

      70% { -webkit-transform: scale(.85); }

      100% { -webkit-transform: scale(1); }
    }

    @keyframes bounceInBig {
      0% {
        opacity: 0;
        transform: scale(0);
      }

      50% {
        opacity: 1;
        transform: scale(1.25);
      }

      70% { transform: scale(.85); }

      100% { transform: scale(1); }
    }

    .animating.bounce-in-big {
      -webkit-animation-name: bounceInBig;
      animation-name: bounceInBig;
    }

  /* Large */

    @-webkit-keyframes bounceInLarge {
      0% {
        opacity: 0;
        -webkit-transform: scale(0);
      }

      50% {
        opacity: 1;
        -webkit-transform: scale(1.50);
      }

      70% { -webkit-transform: scale(.8); }

      100% { -webkit-transform: scale(1); }
    }

    @keyframes bounceInLarge {
      0% {
        opacity: 0;
        transform: scale(0);
      }

      50% {
        opacity: 1;
        transform: scale(1.50);
      }

      70% { transform: scale(.8); }

      100% { transform: scale(1); }
    }

    .animating.bounce-in-large {
      -webkit-animation-name: bounceInLarge;
      animation-name: bounceInLarge;
    }


/*  #Bounce In Up
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceInUp {
      0% {
        opacity: 0;
        -webkit-transform: translateY(60px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateY(-10px);
      }

      70% { -webkit-transform: translateY(15px); }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes bounceInUp {
      0% {
        opacity: 0;
        transform: translateY(60px);
      }

      50% {
        opacity: 1;
        transform: translateY(-10px);
      }

      70% { transform: translateY(15px); }

      100% { transform: translateY(0); }
    }

    .animating.bounce-in-up {
      -webkit-animation-name: bounceInUp;
      animation-name: bounceInUp;
    }

  /* Big */

    @-webkit-keyframes bounceInUpBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(200px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
      }

      70% { -webkit-transform: translateY(15px); }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes bounceInUpBig {
      0% {
        opacity: 0;
        transform: translateY(200px);
      }

      50% {
        opacity: 1;
        transform: translateY(-20px);
      }

      70% { transform: translateY(15px); }

      100% { transform: translateY(0); }
    }

    .animating.bounce-in-up-big {
      -webkit-animation-name: bounceInUpBig;
      animation-name: bounceInUpBig;
    }

  /* Large */

    @-webkit-keyframes bounceInUpLarge {
      0% {
        opacity: 0;
        -webkit-transform: translateY(600px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateY(-25px);
      }

      70% { -webkit-transform: translateY(20px); }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes bounceInUpLarge {
      0% {
        opacity: 0;
        transform: translateY(600px);
      }

      50% {
        opacity: 1;
        transform: translateY(-25px);
      }

      70% { transform: translateY(20px); }

      100% { transform: translateY(0); }
    }

    .animating.bounce-in-up-large {
      -webkit-animation-name: bounceInUpLarge;
      animation-name: bounceInUpLarge;
    }


/*  #Bounce In Down
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceInDown {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-60px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateY(10px);
      }

      70% { -webkit-transform: translateY(-10px); }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes bounceInDown {
      0% {
        opacity: 0;
        transform: translateY(-60px);
      }

      50% {
        opacity: 1;
        transform: translateY(10px);
      }

      70% { transform: translateY(-10px); }

      100% { transform: translateY(0); }
    }

    .animating.bounce-in-down {
      -webkit-animation-name: bounceInDown;
      animation-name: bounceInDown;
    }

  /* Big */

    @-webkit-keyframes bounceInDownBig {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateY(20px);
      }

      70% { -webkit-transform: translateY(-15px); }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes bounceInDownBig {
      0% {
        opacity: 0;
        transform: translateY(-200px);
      }

      50% {
        opacity: 1;
        transform: translateY(20px);
      }

      70% { transform: translateY(-15px); }

      100% { transform: translateY(0); }
    }

    .animating.bounce-in-down-big {
      -webkit-animation-name: bounceInDownBig;
      animation-name: bounceInDownBig;
    }

  /* Large */

    @-webkit-keyframes bounceInDownLarge {
      0% {
        opacity: 0;
        -webkit-transform: translateY(-600px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateY(25px);
      }

      70% { -webkit-transform: translateY(-20px); }

      100% { -webkit-transform: translateY(0); }
    }

    @keyframes bounceInDownLarge {
      0% {
        opacity: 0;
        transform: translateY(-600px);
      }

      50% {
        opacity: 1;
        transform: translateY(25px);
      }

      70% { transform: translateY(-20px); }

      100% { transform: translateY(0); }
    }

    .animating.bounce-in-down-large {
      -webkit-animation-name: bounceInDownLarge;
      animation-name: bounceInDownLarge;
    }


/*  #Bounce In Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceInLeft {
      0% {
        opacity: 0;
        -webkit-transform: translateX(60px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateX(-10px);
      }

      70% { -webkit-transform: translateX(5px); }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes bounceInLeft {
      0% {
        opacity: 0;
        transform: translateX(60px);
      }

      50% {
        opacity: 1;
        transform: translateX(-10px);
      }

      70% { transform: translateX(5px); }

      100% { transform: translateX(0); }
    }

    .animating.bounce-in-left {
      -webkit-animation-name: bounceInLeft;
      animation-name: bounceInLeft;
    }

  /* Big */

    @-webkit-keyframes bounceInLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(140px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateX(-15px);
      }

      70% { -webkit-transform: translateX(5px); }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes bounceInLeftBig {
      0% {
        opacity: 0;
        transform: translateX(140px);
      }

      50% {
        opacity: 1;
        transform: translateX(-15px);
      }

      70% { transform: translateX(5px); }

      100% { transform: translateX(0); }
    }

    .animating.bounce-in-left-big {
      -webkit-animation-name: bounceInLeftBig;
      animation-name: bounceInLeftBig;
    }

  /* Large */

    @-webkit-keyframes bounceInLeftLarge {
      0% {
        opacity: 0;
        -webkit-transform: translateX(280px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateX(-20px);
      }

      70% { -webkit-transform: translateX(10px); }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes bounceInLeftLarge {
      0% {
        opacity: 0;
        transform: translateX(280px);
      }

      50% {
        opacity: 1;
        transform: translateX(-20px);
      }

      70% { transform: translateX(10px); }

      100% { transform: translateX(0); }
    }

    .animating.bounce-in-left-large {
      -webkit-animation-name: bounceInLeftLarge;
      animation-name: bounceInLeftLarge;
    }


/*  #Bounce In Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceInRight {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-60px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateX(10px);
      }

      70% { -webkit-transform: translateX(-5px); }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes bounceInRight {
      0% {
        opacity: 0;
        transform: translateX(-60px);
      }

      50% {
        opacity: 1;
        transform: translateX(10px);
      }

      70% { transform: translateX(-5px); }

      100% { transform: translateX(0); }
    }

    .animating.bounce-in-right {
      -webkit-animation-name: bounceInRight;
      animation-name: bounceInRight;
    }

  /* Big */

    @-webkit-keyframes bounceInRightBig {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-140px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateX(15px);
      }

      70% { -webkit-transform: translateX(-5px); }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes bounceInRightBig {
      0% {
        opacity: 0;
        transform: translateX(-140px);
      }

      50% {
        opacity: 1;
        transform: translateX(15px);
      }

      70% { transform: translateX(-5px); }

      100% { transform: translateX(0); }
    }

    .animating.bounce-in-right-big {
      -webkit-animation-name: bounceInRightBig;
      animation-name: bounceInRightBig;
    }

  /* Large */

    @-webkit-keyframes bounceInRightLarge {
      0% {
        opacity: 0;
        -webkit-transform: translateX(-280px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translateX(20px);
      }

      70% { -webkit-transform: translateX(-10px); }

      100% { -webkit-transform: translateX(0); }
    }

    @keyframes bounceInRightLarge {
      0% {
        opacity: 0;
        transform: translateX(-280px);
      }

      50% {
        opacity: 1;
        transform: translateX(20px);
      }

      70% { transform: translateX(-10px); }

      100% { transform: translateX(0); }
    }

    .animating.bounce-in-right-large {
      -webkit-animation-name: bounceInRightLarge;
      animation-name: bounceInRightLarge;
    }


/*  #Bounce In Up Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceInUpLeft {
      0% {
        opacity: 0;
        -webkit-transform: translate(60px, 60px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(-10px, -10px);
      }

      70% { -webkit-transform: translate(15px, 15px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInUpLeft {
      0% {
        opacity: 0;
        transform: translate(60px, 60px);
      }

      50% {
        opacity: 1;
        transform: translate(-10px, -10px);
      }

      70% { transform: translate(15px, 15px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-up-left {
      -webkit-animation-name: bounceInUpLeft;
      animation-name: bounceInUpLeft;
    }

  /* Big */

    @-webkit-keyframes bounceInUpLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: translate(200px, 200px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(-20px, -20px);
      }

      70% { -webkit-transform: translate(15px, 15px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInUpLeftBig {
      0% {
        opacity: 0;
        transform: translate(200px, 200px);
      }

      50% {
        opacity: 1;
        transform: translate(-20px, -20px);
      }

      70% { transform: translate(15px, 15px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-up-left-big {
      -webkit-animation-name: bounceInUpLeftBig;
      animation-name: bounceInUpLeftBig;
    }

  /* Large */

    @-webkit-keyframes bounceInUpLeftLarge {
      0% {
        opacity: 0;
        -webkit-transform: translate(600px, 600px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(-25px, -25px);
      }

      70% { -webkit-transform: translate(20px, 20px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInUpLeftLarge {
      0% {
        opacity: 0;
        transform: translate(600px, 600px);
      }

      50% {
        opacity: 1;
        transform: translate(-25px, -25px);
      }

      70% { transform: translate(20px, 20px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-up-left-large {
      -webkit-animation-name: bounceInUpLeftLarge;
      animation-name: bounceInUpLeftLarge;
    }


/*  #Bounce In Up Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceInUpRight {
      0% {
        opacity: 0;
        -webkit-transform: translate(-60px, 60px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(10px, -10px);
      }

      70% { -webkit-transform: translate(-15px, 15px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInUpRight {
      0% {
        opacity: 0;
        transform: translate(-60px, 60px);
      }

      50% {
        opacity: 1;
        transform: translate(10px, -10px);
      }

      70% { transform: translate(-15px, 15px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-up-right {
      -webkit-animation-name: bounceInUpRight;
      animation-name: bounceInUpRight;
    }

  /* Big */

    @-webkit-keyframes bounceInUpRightBig {
      0% {
        opacity: 0;
        -webkit-transform: translate(-200px, 200px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(20px, -20px);
      }

      70% { -webkit-transform: translate(-15px, 15px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInUpRightBig {
      0% {
        opacity: 0;
        transform: translate(-200px, 200px);
      }

      50% {
        opacity: 1;
        transform: translate(20px, -20px);
      }

      70% { transform: translate(-15px, 15px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-up-right-big {
      -webkit-animation-name: bounceInUpRightBig;
      animation-name: bounceInUpRightBig;
    }

  /* Large */

    @-webkit-keyframes bounceInUpRightLarge {
      0% {
        opacity: 0;
        -webkit-transform: translate(-600px, 600px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(25px, -25px);
      }

      70% { -webkit-transform: translate(-20px, 20px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInUpRightLarge {
      0% {
        opacity: 0;
        transform: translate(-600px, 600px);
      }

      50% {
        opacity: 1;
        transform: translate(25px, -25px);
      }

      70% { transform: translate(-20px, 20px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-up-right-large {
      -webkit-animation-name: bounceInUpRightLarge;
      animation-name: bounceInUpRightLarge;
    }


/*  #Bounce In Down Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceInDownLeft {
      0% {
        opacity: 0;
        -webkit-transform: translate(60px, -60px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(-10px, 10px);
      }

      70% { -webkit-transform: translate(15px, -15px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInDownLeft {
      0% {
        opacity: 0;
        transform: translate(60px, -60px);
      }

      50% {
        opacity: 1;
        transform: translate(-10px, 10px);
      }

      70% { transform: translate(15px, -15px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-down-left {
      -webkit-animation-name: bounceInDownLeft;
      animation-name: bounceInDownLeft;
    }

  /* Big */

    @-webkit-keyframes bounceInDownLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: translate(200px, -200px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(-20px, 20px);
      }

      70% { -webkit-transform: translate(15px, -15px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInDownLeftBig {
      0% {
        opacity: 0;
        transform: translate(200px, -200px);
      }

      50% {
        opacity: 1;
        transform: translate(-20px, 20px);
      }

      70% { transform: translate(15px, -15px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-down-left-big {
      -webkit-animation-name: bounceInDownLeftBig;
      animation-name: bounceInDownLeftBig;
    }

  /* Large */

    @-webkit-keyframes bounceInDownLeftLarge {
      0% {
        opacity: 0;
        -webkit-transform: translate(600px, -600px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(-25px, 25px);
      }

      70% { -webkit-transform: translate(20px, -20px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInDownLeftLarge {
      0% {
        opacity: 0;
        transform: translate(600px, -600px);
      }

      50% {
        opacity: 1;
        transform: translate(-25px, 25px);
      }

      70% { transform: translate(20px, -20px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-down-left-large {
      -webkit-animation-name: bounceInDownLeftLarge;
      animation-name: bounceInDownLeftLarge;
    }


/*  #Bounce In Down Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceInDownRight {
      0% {
        opacity: 0;
        -webkit-transform: translate(-60px, -60px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(10px, 10px);
      }

      70% { -webkit-transform: translate(-15px, -15px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInDownRight {
      0% {
        opacity: 0;
        transform: translate(-60px, -60px);
      }

      50% {
        opacity: 1;
        transform: translate(10px, 10px);
      }

      70% { transform: translate(-15px, -15px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-down-right {
      -webkit-animation-name: bounceInDownRight;
      animation-name: bounceInDownRight;
    }

  /* Big */

    @-webkit-keyframes bounceInDownRightBig {
      0% {
        opacity: 0;
        -webkit-transform: translate(-200px, -200px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(20px, 20px);
      }

      70% { -webkit-transform: translate(-15px, -15px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInDownRightBig {
      0% {
        opacity: 0;
        transform: translate(-200px, -200px);
      }

      50% {
        opacity: 1;
        transform: translate(20px, 20px);
      }

      70% { transform: translate(-15px, -15px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-down-right-big {
      -webkit-animation-name: bounceInDownRightBig;
      animation-name: bounceInDownRightBig;
    }

  /* Large */

    @-webkit-keyframes bounceInDownRightLarge {
      0% {
        opacity: 0;
        -webkit-transform: translate(-600px, -600px);
      }

      50% {
        opacity: 1;
        -webkit-transform: translate(25px, 25px);
      }

      70% { -webkit-transform: translate(-20px, -20px); }

      100% { -webkit-transform: translate(0, 0); }
    }

    @keyframes bounceInDownRightLarge {
      0% {
        opacity: 0;
        transform: translate(-600px, -600px);
      }

      50% {
        opacity: 1;
        transform: translate(25px, 25px);
      }

      70% { transform: translate(-20px, -20px); }

      100% { transform: translate(0, 0); }
    }

    .animating.bounce-in-down-right-large {
      -webkit-animation-name: bounceInDownRightLarge;
      animation-name: bounceInDownRightLarge;
    }


/*  #Bounce Out
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceOut {
      0% {
        opacity: 1;
        -webkit-transform: scale(1);
      }

      30% { -webkit-transform: scale(.85); }

      50%, 100% {
        opacity: 0;
        -webkit-transform: scale(1.05);
      }
    }

    @keyframes bounceOut {
      0% {
        opacity: 1;
        transform: scale(1);
      }

      30% { transform: scale(.85); }

      50%, 100% {
        opacity: 0;
        transform: scale(1.05);
      }
    }

    .animating.bounce-out {
      -webkit-animation-name: bounceOut;
      animation-name: bounceOut;
    }

  /* Big */

    @-webkit-keyframes bounceOutBig {
      0% {
        opacity: 1;
        -webkit-transform: scale(1);
      }

      30% { -webkit-transform: scale(.85); }

      50%, 100% {
        opacity: 0;
        -webkit-transform: scale(1.25);
      }
    }

    @keyframes bounceOutBig {
      0% {
        opacity: 1;
        transform: scale(1);
      }

      30% { transform: scale(.85); }

      50%, 100% {
        opacity: 0;
        transform: scale(1.25);
      }
    }

    .animating.bounce-out-big {
      -webkit-animation-name: bounceOutBig;
      animation-name: bounceOutBig;
    }

  /* Large */

    @-webkit-keyframes bounceOutLarge {
      0% {
        opacity: 1;
        -webkit-transform: scale(1);
      }

      30% {
        -webkit-transform: scale(.8);
      }

      50%, 100% {
        opacity: 0;
        -webkit-transform: scale(1.50);
      }
    }

    @keyframes bounceOutLarge {
      0% {
        opacity: 1;
        transform: scale(1);
      }

      30% {
        transform: scale(.8);
      }

      50%, 100% {
        opacity: 0;
        transform: scale(1.50);
      }
    }

    .animating.bounce-out-large {
      -webkit-animation-name: bounceOutLarge;
      animation-name: bounceOutLarge;
    }


/*  #Bounce Out Up
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceOutUp {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      15% { -webkit-transform: translateY(-10px); }

      40% { -webkit-transform: translateY(15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateY(-60px);
      }
    }

    @keyframes bounceOutUp {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      15% { transform: translateY(-10px); }

      40% { transform: translateY(15px); }

      90%, 100% {
        opacity: 0;
        transform: translateY(-60px);
      }
    }

    .animating.bounce-out-up {
      -webkit-animation-name: bounceOutUp;
      animation-name: bounceOutUp;
    }

  /* Big */

    @-webkit-keyframes bounceOutUpBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      15% { -webkit-transform: translateY(-20px); }

      40% { -webkit-transform: translateY(15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateY(-200px);
      }
    }

    @keyframes bounceOutUpBig {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      15% { transform: translateY(-20px); }

      40% { transform: translateY(15px); }

      90%, 100% {
        opacity: 0;
        transform: translateY(-200px);
      }
    }

    .animating.bounce-out-up-big {
      -webkit-animation-name: bounceOutUpBig;
      animation-name: bounceOutUpBig;
    }

  /* Large */

    @-webkit-keyframes bounceOutUpLarge {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      15% { -webkit-transform: translateY(-25px); }

      40% { -webkit-transform: translateY(20px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateY(-600px);
      }
    }

    @keyframes bounceOutUpLarge {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      15% { transform: translateY(-25px); }

      40% { transform: translateY(20px); }

      90%, 100% {
        opacity: 0;
        transform: translateY(-600px);
      }
    }

    .animating.bounce-out-up-large {
      -webkit-animation-name: bounceOutUpLarge;
      animation-name: bounceOutUpLarge;
    }


/*  #Bounce Out Down
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceOutDown {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      15% { -webkit-transform: translateY(10px); }

      40% { -webkit-transform: translateY(-10px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateY(60px);
      }
    }

    @keyframes bounceOutDown {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      15% { transform: translateY(10px); }

      40% { transform: translateY(-10px); }

      90%, 100% {
        opacity: 0;
        transform: translateY(60px);
      }
    }

    .animating.bounce-out-down {
      -webkit-animation-name: bounceOutDown;
      animation-name: bounceOutDown;
    }

  /* Big */

    @-webkit-keyframes bounceOutDownBig {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      15% { -webkit-transform: translateY(15px); }

      40% { -webkit-transform: translateY(-20px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateY(200px);
      }
    }

    @keyframes bounceOutDownBig {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      15% { transform: translateY(15px); }

      40% { transform: translateY(-20px); }

      90%, 100% {
        opacity: 0;
        transform: translateY(200px);
      }
    }

    .animating.bounce-out-down-big {
      -webkit-animation-name: bounceOutDownBig;
      animation-name: bounceOutDownBig;
    }

  /* Large */

    @-webkit-keyframes bounceOutDownLarge {
      0% {
        opacity: 1;
        -webkit-transform: translateY(0);
      }

      15% { -webkit-transform: translateY(20px); }

      40% { -webkit-transform: translateY(-25px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateY(600px);
      }
    }

    @keyframes bounceOutDownLarge {
      0% {
        opacity: 1;
        transform: translateY(0);
      }

      15% { transform: translateY(20px); }

      40% { transform: translateY(-25px); }

      90%, 100% {
        opacity: 0;
        transform: translateY(600px);
      }
    }

    .animating.bounce-out-down-large {
      -webkit-animation-name: bounceOutDownLarge;
      animation-name: bounceOutDownLarge;
    }


/*  #Bounce Out Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceOutLeft {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      15% { -webkit-transform: translateX(-10px); }

      40% { -webkit-transform: translateX(15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateX(-60px);
      }
    }

    @keyframes bounceOutLeft {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      15% { transform: translateX(-10px); }

      40% { transform: translateX(15px); }

      90%, 100% {
        opacity: 0;
        transform: translateX(-60px);
      }
    }

    .animating.bounce-out-left {
      -webkit-animation-name: bounceOutLeft;
      animation-name: bounceOutLeft;
    }

  /* Big */

    @-webkit-keyframes bounceOutLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      15% { -webkit-transform: translateX(-20px); }

      40% { -webkit-transform: translateX(15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateX(-200px);
      }
    }

    @keyframes bounceOutLeftBig {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      15% { transform: translateX(-20px); }

      40% { transform: translateX(15px); }

      90%, 100% {
        opacity: 0;
        transform: translateX(-200px);
      }
    }

    .animating.bounce-out-left-big {
      -webkit-animation-name: bounceOutLeftBig;
      animation-name: bounceOutLeftBig;
    }

  /* Large */

    @-webkit-keyframes bounceOutLeftLarge {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      15% { -webkit-transform: translateX(-25px); }

      40% { -webkit-transform: translateX(20px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateX(-600px);
      }
    }

    @keyframes bounceOutLeftLarge {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      15% { transform: translateX(-25px); }

      40% { transform: translateX(20px); }

      90%, 100% {
        opacity: 0;
        transform: translateX(-600px);
      }
    }

    .animating.bounce-out-left-large {
      -webkit-animation-name: bounceOutLeftLarge;
      animation-name: bounceOutLeftLarge;
    }


/*  #Bounce Out Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceOutRight {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      15% { -webkit-transform: translateX(10px); }

      40% { -webkit-transform: translateX(-10px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateX(60px);
      }
    }

    @keyframes bounceOutRight {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      15% { transform: translateX(10px); }

      40% { transform: translateX(-10px); }

      90%, 100% {
        opacity: 0;
        transform: translateX(60px);
      }
    }

    .animating.bounce-out-right {
      -webkit-animation-name: bounceOutRight;
      animation-name: bounceOutRight;
    }

  /* Big */

    @-webkit-keyframes bounceOutRightBig {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      15% { -webkit-transform: translateX(15px); }

      40% { -webkit-transform: translateX(-20px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateX(200px);
      }
    }

    @keyframes bounceOutRightBig {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      15% { transform: translateX(15px); }

      40% { transform: translateX(-20px); }

      90%, 100% {
        opacity: 0;
        transform: translateX(200px);
      }
    }

    .animating.bounce-out-right-big {
      -webkit-animation-name: bounceOutRightBig;
      animation-name: bounceOutRightBig;
    }

  /* Large */

    @-webkit-keyframes bounceOutRightLarge {
      0% {
        opacity: 1;
        -webkit-transform: translateX(0);
      }

      15% { -webkit-transform: translateX(20px); }

      40% { -webkit-transform: translateX(-25px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translateX(600px);
      }
    }

    @keyframes bounceOutRightLarge {
      0% {
        opacity: 1;
        transform: translateX(0);
      }

      15% { transform: translateX(20px); }

      40% { transform: translateX(-25px); }

      90%, 100% {
        opacity: 0;
        transform: translateX(600px);
      }
    }

    .animating.bounce-out-right-large {
      -webkit-animation-name: bounceOutRightLarge;
      animation-name: bounceOutRightLarge;
    }


/*  #Bounce Out Up Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceOutUpLeft {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(-10px, -10px); }

      40% { -webkit-transform: translate(15px, 15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(-60px, -60px);
      }
    }

    @keyframes bounceOutUpLeft {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(-10px, -10px); }

      40% { transform: translate(15px, 15px); }

      90%, 100% {
        opacity: 0;
        transform: translate(-60px, -60px);
      }
    }

    .animating.bounce-out-up-left {
      -webkit-animation-name: bounceOutUpLeft;
      animation-name: bounceOutUpLeft;
    }

  /* Big */

    @-webkit-keyframes bounceOutUpLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(-20px, -20px); }

      40% { -webkit-transform: translate(15px, 15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(-200px, -200px);
      }
    }

    @keyframes bounceOutUpLeftBig {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(-20px, -20px); }

      40% { transform: translate(15px, 15px); }

      90%, 100% {
        opacity: 0;
        transform: translate(-200px, -200px);
      }
    }

    .animating.bounce-out-up-left-big {
      -webkit-animation-name: bounceOutUpLeftBig;
      animation-name: bounceOutUpLeftBig;
    }

  /* Large */

    @-webkit-keyframes bounceOutUpLeftLarge {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(-25px, -25px); }

      40% { -webkit-transform: translate(20px, 20px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(-600px, -600px);
      }
    }

    @keyframes bounceOutUpLeftLarge {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(-25px, -25px); }

      40% { transform: translate(20px, 20px); }

      90%, 100% {
        opacity: 0;
        transform: translate(-600px, -600px);
      }
    }

    .animating.bounce-out-up-left-large {
      -webkit-animation-name: bounceOutUpLeftLarge;
      animation-name: bounceOutUpLeftLarge;
    }


/*  #Bounce Out Up Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceOutUpRight {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(10px, -10px); }

      40% { -webkit-transform: translate(-15px, 15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(60px, -60px);
      }
    }

    @keyframes bounceOutUpRight {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(10px, -10px); }

      40% { transform: translate(-15px, 15px); }

      90%, 100% {
        opacity: 0;
        transform: translate(60px, -60px);
      }
    }

    .animating.bounce-out-up-right {
      -webkit-animation-name: bounceOutUpRight;
      animation-name: bounceOutUpRight;
    }

  /* Big */

    @-webkit-keyframes bounceOutUpRightBig {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(20px, -20px); }

      40% { -webkit-transform: translate(-15px, 15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(200px, -200px);
      }
    }

    @keyframes bounceOutUpRightBig {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(20px, -20px); }

      40% { transform: translate(-15px, 15px); }

      90%, 100% {
        opacity: 0;
        transform: translate(200px, -200px);
      }
    }

    .animating.bounce-out-up-right-big {
      -webkit-animation-name: bounceOutUpRightBig;
      animation-name: bounceOutUpRightBig;
    }

  /* Large */

    @-webkit-keyframes bounceOutUpRightLarge {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(25px, -25px); }

      40% { -webkit-transform: translate(-20px, 20px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(600px, -600px);
      }
    }

    @keyframes bounceOutUpRightLarge {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(25px, -25px); }

      40% { transform: translate(-20px, 20px); }

      90%, 100% {
        opacity: 0;
        transform: translate(600px, -600px);
      }
    }

    .animating.bounce-out-up-right-large {
      -webkit-animation-name: bounceOutUpRightLarge;
      animation-name: bounceOutUpRightLarge;
    }


/*  #Bounce Out Down Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceOutDownLeft {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(-10px, 10px); }

      40% { -webkit-transform: translate(15px, -15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(-60px, 60px);
      }
    }

    @keyframes bounceOutDownLeft {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(-10px, 10px); }

      40% { transform: translate(15px, -15px); }

      90%, 100% {
        opacity: 0;
        transform: translate(-60px, 60px);
      }
    }

    .animating.bounce-out-down-left {
      -webkit-animation-name: bounceOutDownLeft;
      animation-name: bounceOutDownLeft;
    }

  /* Big */

    @-webkit-keyframes bounceOutDownLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(-20px, 20px); }

      40% { -webkit-transform: translate(15px, -15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(-200px, 200px);
      }
    }

    @keyframes bounceOutDownLeftBig {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(-20px, 20px); }

      40% { transform: translate(15px, -15px); }

      90%, 100% {
        opacity: 0;
        transform: translate(-200px, 200px);
      }
    }

    .animating.bounce-out-down-left-big {
      -webkit-animation-name: bounceOutDownLeftBig;
      animation-name: bounceOutDownLeftBig;
    }

  /* Large */

    @-webkit-keyframes bounceOutDownLeftLarge {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(-25px, 25px); }

      40% { -webkit-transform: translate(20px, -20px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(-600px, 600px);
      }
    }

    @keyframes bounceOutDownLeftLarge {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(-25px, 25px); }

      40% { transform: translate(20px, -20px); }

      90%, 100% {
        opacity: 0;
        transform: translate(-600px, 600px);
      }
    }

    .animating.bounce-out-down-left-large {
      -webkit-animation-name: bounceOutDownLeftLarge;
      animation-name: bounceOutDownLeftLarge;
    }


/*  #Bounce Out Down Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes bounceOutDownRight {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(10px, 10px); }

      40% { -webkit-transform: translate(-15px, -15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(60px, 60px);
      }
    }

    @keyframes bounceOutDownRight {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(10px, 10px); }

      40% { transform: translate(-15px, -15px); }

      90%, 100% {
        opacity: 0;
        transform: translate(60px, 60px);
      }
    }

    .animating.bounce-out-down-right {
      -webkit-animation-name: bounceOutDownRight;
      animation-name: bounceOutDownRight;
    }

  /* Big */

    @-webkit-keyframes bounceOutDownRightBig {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(20px, 20px); }

      40% { -webkit-transform: translate(-15px, -15px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(200px, 200px);
      }
    }

    @keyframes bounceOutDownRightBig {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(20px, 20px); }

      40% { transform: translate(-15px, -15px); }

      90%, 100% {
        opacity: 0;
        transform: translate(200px, 200px);
      }
    }

    .animating.bounce-out-down-right-big {
      -webkit-animation-name: bounceOutDownRightBig;
      animation-name: bounceOutDownRightBig;
    }

  /* Large */

    @-webkit-keyframes bounceOutDownRightLarge {
      0% {
        opacity: 1;
        -webkit-transform: translate(0, 0);
      }

      15% { -webkit-transform: translate(25px, 25px); }

      40% { -webkit-transform: translate(-20px, -20px); }

      90%, 100% {
        opacity: 0;
        -webkit-transform: translate(600px, 600px);
      }
    }

    @keyframes bounceOutDownRightLarge {
      0% {
        opacity: 1;
        transform: translate(0, 0);
      }

      15% { transform: translate(25px, 25px); }

      40% { transform: translate(-20px, -20px); }

      90%, 100% {
        opacity: 0;
        transform: translate(600px, 600px);
      }
    }

    .animating.bounce-out-down-right-large {
      -webkit-animation-name: bounceOutDownRightLarge;
      animation-name: bounceOutDownRightLarge;
    }


/*  #Zoom In
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomIn {
      0% {
        opacity: 0;
        -webkit-transform: scale(0);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1);
      }
    }

    @keyframes zoomIn {
      0% {
        opacity: 0;
        transform: scale(0);
      }

      100% {
        opacity: 1;
        transform: scale(1);
      }
    }

    .animating.zoom-in {
      -webkit-animation-name: zoomIn;
      animation-name: zoomIn;
    }


/*  #Zoom In Up
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomInUp {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(200px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }
    }

    @keyframes zoomInUp {
      0% {
        opacity: 0;
        transform: scale(0) translateY(200px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
    }

    .animating.zoom-in-up {
      -webkit-animation-name: zoomInUp;
      animation-name: zoomInUp;
    }

  /* Big */

    @-webkit-keyframes zoomInUpBig {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(600px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }
    }

    @keyframes zoomInUpBig {
      0% {
        opacity: 0;
        transform: scale(0) translateY(600px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
    }

    .animating.zoom-in-up-big {
      -webkit-animation-name: zoomInUpBig;
      animation-name: zoomInUpBig;
    }

  /* Large */

    @-webkit-keyframes zoomInUpLarge {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(1000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }
    }

    @keyframes zoomInUpLarge {
      0% {
        opacity: 0;
        transform: scale(0) translateY(1000px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
    }

    .animating.zoom-in-up-large {
      -webkit-animation-name: zoomInUpLarge;
      animation-name: zoomInUpLarge;
    }


/*  #Zoom In Down
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomInDown {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-200px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }
    }

    @keyframes zoomInDown {
      0% {
        opacity: 0;
        transform: scale(0) translateY(-200px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
    }

    .animating.zoom-in-down {
      -webkit-animation-name: zoomInDown;
      animation-name: zoomInDown;
    }

  /* Big */

    @-webkit-keyframes zoomInDownBig {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-600px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }
    }

    @keyframes zoomInDownBig {
      0% {
        opacity: 0;
        transform: scale(0) translateY(-600px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
    }

    .animating.zoom-in-down-big {
      -webkit-animation-name: zoomInDownBig;
      animation-name: zoomInDownBig;
    }

  /* Large */

    @-webkit-keyframes zoomInDownLarge {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-1000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }
    }

    @keyframes zoomInDownLarge {
      0% {
        opacity: 0;
        transform: scale(0) translateY(-1000px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }
    }

    .animating.zoom-in-down-large {
      -webkit-animation-name: zoomInDownLarge;
      animation-name: zoomInDownLarge;
    }


/*  #Zoom In Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomInLeft {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-200px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }
    }

    @keyframes zoomInLeft {
      0% {
        opacity: 0;
        transform: scale(0) translateX(-200px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }
    }

    .animating.zoom-in-left {
      -webkit-animation-name: zoomInLeft;
      animation-name: zoomInLeft;
    }

  /* Big */

    @-webkit-keyframes zoomInLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-600px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }
    }

    @keyframes zoomInLeftBig {
      0% {
        opacity: 0;
        transform: scale(0) translateX(-600px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }
    }

    .animating.zoom-in-left-big {
      -webkit-animation-name: zoomInLeftBig;
      animation-name: zoomInLeftBig;
    }

  /* Large */

    @-webkit-keyframes zoomInLeftLarge {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-1300px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }
    }

    @keyframes zoomInLeftLarge {
      0% {
        opacity: 0;
        transform: scale(0) translateX(-1300px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }
    }

    .animating.zoom-in-left-large {
      -webkit-animation-name: zoomInLeftLarge;
      animation-name: zoomInLeftLarge;
    }


/*  #Zoom In Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomInRight {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(200px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }
    }

    @keyframes zoomInRight {
      0% {
        opacity: 0;
        transform: scale(0) translateX(200px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }
    }

    .animating.zoom-in-right {
      -webkit-animation-name: zoomInRight;
      animation-name: zoomInRight;
    }

  /* Big */

    @-webkit-keyframes zoomInRightBig {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(600px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }
    }

    @keyframes zoomInRightBig {
      0% {
        opacity: 0;
        transform: scale(0) translateX(600px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }
    }

    .animating.zoom-in-right-big {
      -webkit-animation-name: zoomInRightBig;
      animation-name: zoomInRightBig;
    }

  /* Large */

    @-webkit-keyframes zoomInRightLarge {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(1300px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }
    }

    @keyframes zoomInRightLarge {
      0% {
        opacity: 0;
        transform: scale(0) translateX(1300px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }
    }

    .animating.zoom-in-right-large {
      -webkit-animation-name: zoomInRightLarge;
      animation-name: zoomInRightLarge;
    }


/*  #Zoom In Up Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomInUpLeft {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(200px, 200px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInUpLeft {
      0% {
        opacity: 0;
        transform: scale(0) translate(200px, 200px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-up-left {
      -webkit-animation-name: zoomInUpLeft;
      animation-name: zoomInUpLeft;
    }

  /* Big */

    @-webkit-keyframes zoomInUpLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(600px, 600px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInUpLeftBig {
      0% {
        opacity: 0;
        transform: scale(0) translate(600px, 600px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-up-left-big {
      -webkit-animation-name: zoomInUpLeftBig;
      animation-name: zoomInUpLeftBig;
    }

  /* Large */

    @-webkit-keyframes zoomInUpLeftLarge {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(1000px, 1000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInUpLeftLarge {
      0% {
        opacity: 0;
        transform: scale(0) translate(1000px, 1000px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-up-left-large {
      -webkit-animation-name: zoomInUpLeftLarge;
      animation-name: zoomInUpLeftLarge;
    }


/*  #Zoom In Up Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomInUpRight {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-200px, 200px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInUpRight {
      0% {
        opacity: 0;
        transform: scale(0) translate(-200px, 200px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-up-right {
      -webkit-animation-name: zoomInUpRight;
      animation-name: zoomInUpRight;
    }

  /* Big */

    @-webkit-keyframes zoomInUpRightBig {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-600px, 600px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInUpRightBig {
      0% {
        opacity: 0;
        transform: scale(0) translate(-600px, 600px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-up-right-big {
      -webkit-animation-name: zoomInUpRightBig;
      animation-name: zoomInUpRightBig;
    }

  /* Large */

    @-webkit-keyframes zoomInUpRightLarge {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-1000px, 1000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInUpRightLarge {
      0% {
        opacity: 0;
        transform: scale(0) translate(-1000px, 1000px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-up-right-large {
      -webkit-animation-name: zoomInUpRightLarge;
      animation-name: zoomInUpRightLarge;
    }


/*  #Zoom In Down Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomInDownLeft {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-200px, -200px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInDownLeft {
      0% {
        opacity: 0;
        transform: scale(0) translate(-200px, -200px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-down-left {
      -webkit-animation-name: zoomInDownLeft;
      animation-name: zoomInDownLeft;
    }

  /* Big */

    @-webkit-keyframes zoomInDownLeftBig {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-600px, -600px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInDownLeftBig {
      0% {
        opacity: 0;
        transform: scale(0) translate(-600px, -600px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-down-left-big {
      -webkit-animation-name: zoomInDownLeftBig;
      animation-name: zoomInDownLeftBig;
    }

  /* Large */

    @-webkit-keyframes zoomInDownLeftLarge {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-1000px, -1000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInDownLeftLarge {
      0% {
        opacity: 0;
        transform: scale(0) translate(-1000px, -1000px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-down-left-large {
      -webkit-animation-name: zoomInDownLeftLarge;
      animation-name: zoomInDownLeftLarge;
    }


/*  #Zoom In Down Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomInDownRight {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(200px, -200px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInDownRight {
      0% {
        opacity: 0;
        transform: scale(0) translate(200px, -200px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-down-right {
      -webkit-animation-name: zoomInDownRight;
      animation-name: zoomInDownRight;
    }

  /* Big */

    @-webkit-keyframes zoomInDownRightBig {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(600px, -600px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInDownRightBig {
      0% {
        opacity: 0;
        transform: scale(0) translate(600px, -600px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-down-right-big {
      -webkit-animation-name: zoomInDownRightBig;
      animation-name: zoomInDownRightBig;
    }

  /* Large */

    @-webkit-keyframes zoomInDownRightLarge {
      0% {
        opacity: 0;
        -webkit-transform: scale(0) translate(1000px, -1000px);
      }

      100% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }
    }

    @keyframes zoomInDownRightLarge {
      0% {
        opacity: 0;
        transform: scale(0) translate(1000px, -1000px);
      }

      100% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }
    }

    .animating.zoom-in-down-right-large {
      -webkit-animation-name: zoomInDownRightLarge;
      animation-name: zoomInDownRightLarge;
    }


/*  #Zoom Out
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomOut {
      0% {
        opacity: 1;
        -webkit-transform: scale(1);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0);
      }
    }

    @keyframes zoomOut {
      0% {
        opacity: 1;
        transform: scale(1);
      }

      100% {
        opacity: 0;
        transform: scale(0);
      }
    }

    .animating.zoom-out {
      -webkit-animation-name: zoomOut;
      animation-name: zoomOut;
    }


/*  #Zoom Out Up
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomOutUp {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-200px);
      }
    }

    @keyframes zoomOutUp {
      0% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateY(-200px);
      }
    }

    .animating.zoom-out-up {
      -webkit-animation-name: zoomOutUp;
      animation-name: zoomOutUp;
    }

  /* Big */

    @-webkit-keyframes zoomOutUpBig {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-600px);
      }
    }

    @keyframes zoomOutUpBig {
      0% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateY(-600px);
      }
    }

    .animating.zoom-out-up-big {
      -webkit-animation-name: zoomOutUpBig;
      animation-name: zoomOutUpBig;
    }

  /* Large */

    @-webkit-keyframes zoomOutUpLarge {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(-1000px);
      }
    }

    @keyframes zoomOutUpLarge {
      0% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateY(-1000px);
      }
    }

    .animating.zoom-out-up-large {
      -webkit-animation-name: zoomOutUpLarge;
      animation-name: zoomOutUpLarge;
    }


/*  #Zoom Out Down
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomOutDown {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(200px);
      }
    }

    @keyframes zoomOutDown {
      0% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateY(200px);
      }
    }

    .animating.zoom-out-down {
      -webkit-animation-name: zoomOutDown;
      animation-name: zoomOutDown;
    }

  /* Big */

    @-webkit-keyframes zoomOutDownBig {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(600px);
      }
    }

    @keyframes zoomOutDownBig {
      0% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateY(600px);
      }
    }

    .animating.zoom-out-down-big {
      -webkit-animation-name: zoomOutDownBig;
      animation-name: zoomOutDownBig;
    }

  /* Large */

    @-webkit-keyframes zoomOutDownLarge {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateY(1000px);
      }
    }

    @keyframes zoomOutDownLarge {
      0% {
        opacity: 1;
        transform: scale(1) translateY(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateY(1000px);
      }
    }

    .animating.zoom-out-down-large {
      -webkit-animation-name: zoomOutDownLarge;
      animation-name: zoomOutDownLarge;
    }


/*  #Zoom Out Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomOutLeft {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-200px);
      }
    }

    @keyframes zoomOutLeft {
      0% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateX(-200px);
      }
    }

    .animating.zoom-out-left {
      -webkit-animation-name: zoomOutLeft;
      animation-name: zoomOutLeft;
    }

  /* Big */

    @-webkit-keyframes zoomOutLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-600px);
      }
    }

    @keyframes zoomOutLeftBig {
      0% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateX(-600px);
      }
    }

    .animating.zoom-out-left-big {
      -webkit-animation-name: zoomOutLeftBig;
      animation-name: zoomOutLeftBig;
    }

  /* Large */

    @-webkit-keyframes zoomOutLeftLarge {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(-1300px);
      }
    }

    @keyframes zoomOutLeftLarge {
      0% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateX(-1300px);
      }
    }

    .animating.zoom-out-left-large {
      -webkit-animation-name: zoomOutLeftLarge;
      animation-name: zoomOutLeftLarge;
    }


/*  #Zoom Out Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomOutRight {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(200px);
      }
    }

    @keyframes zoomOutRight {
      0% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateX(200px);
      }
    }

    .animating.zoom-out-right {
      -webkit-animation-name: zoomOutRight;
      animation-name: zoomOutRight;
    }

  /* Big */

    @-webkit-keyframes zoomOutRightBig {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(600px);
      }
    }

    @keyframes zoomOutRightBig {
      0% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateX(600px);
      }
    }

    .animating.zoom-out-right-big {
      -webkit-animation-name: zoomOutRightBig;
      animation-name: zoomOutRightBig;
    }

  /* Large */

    @-webkit-keyframes zoomOutRightLarge {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translateX(1300px);
      }
    }

    @keyframes zoomOutRightLarge {
      0% {
        opacity: 1;
        transform: scale(1) translateX(0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translateX(1300px);
      }
    }

    .animating.zoom-out-right-large {
      -webkit-animation-name: zoomOutRightLarge;
      animation-name: zoomOutRightLarge;
    }


/*  #Zoom Out Up Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomOutUpLeft {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-200px, -200px);
      }
    }

    @keyframes zoomOutUpLeft {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(-200px, -200px);
      }
    }

    .animating.zoom-out-up-left {
      -webkit-animation-name: zoomOutUpLeft;
      animation-name: zoomOutUpLeft;
    }

  /* Big */

    @-webkit-keyframes zoomOutUpLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-600px, -600px);
      }
    }

    @keyframes zoomOutUpLeftBig {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(-600px, -600px);
      }
    }

    .animating.zoom-out-up-left-big {
      -webkit-animation-name: zoomOutUpLeftBig;
      animation-name: zoomOutUpLeftBig;
    }

  /* Large */

    @-webkit-keyframes zoomOutUpLeftLarge {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-1000px, -1000px);
      }
    }

    @keyframes zoomOutUpLeftLarge {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(-1000px, -1000px);
      }
    }

    .animating.zoom-out-up-left-large {
      -webkit-animation-name: zoomOutUpLeftLarge;
      animation-name: zoomOutUpLeftLarge;
    }


/*  #Zoom Out Up Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomOutUpRight {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(200px, -200px);
      }
    }

    @keyframes zoomOutUpRight {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(200px, -200px);
      }
    }

    .animating.zoom-out-up-right {
      -webkit-animation-name: zoomOutUpRight;
      animation-name: zoomOutUpRight;
    }

  /* Big */

    @-webkit-keyframes zoomOutUpRightBig {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(600px, -600px);
      }
    }

    @keyframes zoomOutUpRightBig {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(600px, -600px);
      }
    }

    .animating.zoom-out-up-right-big {
      -webkit-animation-name: zoomOutUpRightBig;
      animation-name: zoomOutUpRightBig;
    }

  /* Large */

    @-webkit-keyframes zoomOutUpRightLarge {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(1000px, -1000px);
      }
    }

    @keyframes zoomOutUpRightLarge {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(1000px, -1000px);
      }
    }

    .animating.zoom-out-up-right-large {
      -webkit-animation-name: zoomOutUpRightLarge;
      animation-name: zoomOutUpRightLarge;
    }


/*  #Zoom Out Down Left
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomOutDownLeft {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-200px, 200px);
      }
    }

    @keyframes zoomOutDownLeft {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(-200px, 200px);
      }
    }

    .animating.zoom-out-down-left {
      -webkit-animation-name: zoomOutDownLeft;
      animation-name: zoomOutDownLeft;
    }

  /* Big */

    @-webkit-keyframes zoomOutDownLeftBig {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-600px, 600px);
      }
    }

    @keyframes zoomOutDownLeftBig {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(-600px, 600px);
      }
    }

    .animating.zoom-out-down-left-big {
      -webkit-animation-name: zoomOutDownLeftBig;
      animation-name: zoomOutDownLeftBig;
    }

  /* Large */

    @-webkit-keyframes zoomOutDownLeftLarge {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(-1000px, 1000px);
      }
    }

    @keyframes zoomOutDownLeftLarge {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(-1000px, 1000px);
      }
    }

    .animating.zoom-out-down-left-large {
      -webkit-animation-name: zoomOutDownLeftLarge;
      animation-name: zoomOutDownLeftLarge;
    }


/*  #Zoom Out Down Right
//  ================================================== */

  /* Default */

    @-webkit-keyframes zoomOutDownRight {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(200px, 200px);
      }
    }

    @keyframes zoomOutDownRight {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(200px, 200px);
      }
    }

    .animating.zoom-out-down-right {
      -webkit-animation-name: zoomOutDownRight;
      animation-name: zoomOutDownRight;
    }

  /* Big */

    @-webkit-keyframes zoomOutDownRightBig {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(600px, 600px);
      }
    }

    @keyframes zoomOutDownRightBig {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(600px, 600px);
      }
    }

    .animating.zoom-out-down-right-big {
      -webkit-animation-name: zoomOutDownRightBig;
      animation-name: zoomOutDownRightBig;
    }

  /* Large */

    @-webkit-keyframes zoomOutDownRightLarge {
      0% {
        opacity: 1;
        -webkit-transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        -webkit-transform: scale(0) translate(1000px, 1000px);
      }
    }

    @keyframes zoomOutDownRightLarge {
      0% {
        opacity: 1;
        transform: scale(1) translate(0, 0);
      }

      100% {
        opacity: 0;
        transform: scale(0) translate(1000px, 1000px);
      }
    }

    .animating.zoom-out-down-right-large {
      -webkit-animation-name: zoomOutDownRightLarge;
      animation-name: zoomOutDownRightLarge;
    }


/*  #Flip In X
//  ================================================== */

  @-webkit-keyframes flipInX {
    0% {
      opacity: 0;
      -webkit-transform: perspective(500) rotateX(90deg);
    }

    50% { -webkit-transform: perspective(500) rotateX(-15deg); }

    70% { -webkit-transform: perspective(500) rotateX(15deg); }

    100% {
      opacity: 1;
      -webkit-transform: perspective(500) rotateX(0deg);
    }
  }

  @keyframes flipInX {
    0% {
      opacity: 0;
      transform: perspective(500) rotateX(90deg);
    }

    50% { transform: perspective(500) rotateX(-15deg); }

    70% { transform: perspective(500) rotateX(15deg); }

    100% {
      opacity: 1;
      transform: perspective(500) rotateX(0deg);
    }
  }

  .animating.flip-in-x {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
  }


/*  #Flip In Y
//  ================================================== */

  @-webkit-keyframes flipInY {
    0% {
      -webkit-transform: perspective(500) rotateY(90deg);
      opacity: 0;
    }

    50% { -webkit-transform: perspective(500) rotateY(-25deg); }

    70% { -webkit-transform: perspective(500) rotateY(25deg); }

    100% {
      -webkit-transform: perspective(500) rotateY(0deg);
      opacity: 1;
    }
  }

  @keyframes flipInY {
    0% {
      transform: perspective(500) rotateY(90deg);
      opacity: 0;
    }

    50% { transform: perspective(500) rotateY(-25deg); }

    70% { transform: perspective(500) rotateY(25deg); }

    100% {
      transform: perspective(500) rotateY(0deg);
      opacity: 1;
    }
  }

  .animating.flip-in-y {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
  }


/*  #Flip In Top Front
//  ================================================== */

  @-webkit-keyframes flipInTopFront {
    0% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateX(90deg);
    }

    50% { -webkit-transform: perspective(1000) rotateX(-15deg); }

    70% { -webkit-transform: perspective(1000) rotateX(15deg); }

    100% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateX(0deg);
    }
  }

  @keyframes flipInTopFront {
    0% {
      opacity: 0;
      transform: perspective(1000) rotateX(90deg);
    }

    50% { transform: perspective(1000) rotateX(-15deg); }

    70% { transform: perspective(1000) rotateX(15deg); }

    100% {
      opacity: 1;
      transform: perspective(1000) rotateX(0deg);
    }
  }

  .animating.flip-in-top-front {
    -webkit-transform-origin-x: 50%;
    -webkit-transform-origin-y: 0%;
    transform-origin-x: 50%;
    transform-origin-y: 0%;
    -webkit-animation-name: flipInTopFront;
    animation-name: flipInTopFront;
  }


/*  #Flip In Top Back
//  ================================================== */

  @-webkit-keyframes flipInTopBack {
    0% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateX(-90deg);
    }

    50% { -webkit-transform: perspective(1000) rotateX(20deg); }

    70% { -webkit-transform: perspective(1000) rotateX(-15deg); }

    100% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateX(0deg);
    }
  }

  @keyframes flipInTopBack {
    0% {
      opacity: 0;
      transform: perspective(1000) rotateX(-90deg);
    }

    50% { transform: perspective(1000) rotateX(20deg); }

    70% { transform: perspective(1000) rotateX(-15deg); }

    100% {
      opacity: 1;
      transform: perspective(1000) rotateX(0deg);
    }
  }

  .animating.flip-in-top-back {
    -webkit-transform-origin-x: 50%;
    -webkit-transform-origin-y: 0%;
    transform-origin-x: 50%;
    transform-origin-y: 0%;
    -webkit-animation-name: flipInTopBack;
    animation-name: flipInTopBack;
  }


/*  #Flip In Bottom Front
//  ================================================== */

  @-webkit-keyframes flipInBottomFront {
    0% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateX(-90deg);
    }

    50% { -webkit-transform: perspective(1000) rotateX(20deg); }

    70% { -webkit-transform: perspective(1000) rotateX(-15deg); }

    100% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateX(0deg);
    }
  }

  @keyframes flipInBottomFront {
    0% {
      opacity: 0;
      transform: perspective(1000) rotateX(-90deg);
    }

    50% { transform: perspective(1000) rotateX(20deg); }

    70% { transform: perspective(1000) rotateX(-15deg); }

    100% {
      opacity: 1;
      transform: perspective(1000) rotateX(0deg);
    }
  }

  .animating.flip-in-bottom-front {
    -webkit-transform-origin-x: 50%;
    -webkit-transform-origin-y: 100%;
    transform-origin-x: 50%;
    transform-origin-y: 100%;
    -webkit-animation-name: flipInBottomFront;
    animation-name: flipInBottomFront;
  }


/*  #Flip In Bottom Back
//  ================================================== */

  @-webkit-keyframes flipInBottomBack {
    0% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateX(90deg);
    }

    50% { -webkit-transform: perspective(1000) rotateX(-20deg); }

    70% { -webkit-transform: perspective(1000) rotateX(15deg); }

    100% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateX(0deg);
    }
  }

  @keyframes flipInBottomBack {
    0% {
      opacity: 0;
      transform: perspective(1000) rotateX(90deg);
    }

    50% { transform: perspective(1000) rotateX(-20deg); }

    70% { transform: perspective(1000) rotateX(15deg); }

    100% {
      opacity: 1;
      transform: perspective(1000) rotateX(0deg);
    }
  }

  .animating.flip-in-bottom-back {
    -webkit-transform-origin-x: 50%;
    -webkit-transform-origin-y: 100%;
    transform-origin-x: 50%;
    transform-origin-y: 100%;
    -webkit-animation-name: flipInBottomBack;
    animation-name: flipInBottomBack;
  }


/*  #Flip In Left Front
//  ================================================== */

  @-webkit-keyframes flipInLeftFront {
    0% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateY(-90deg);
    }

    50% { -webkit-transform: perspective(1000) rotateY(20deg); }

    70% { -webkit-transform: perspective(1000) rotateY(-15deg); }

    100% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateY(0deg);
    }
  }

  @keyframes flipInLeftFront {
    0% {
      opacity: 0;
      transform: perspective(1000) rotateY(-90deg);
    }

    50% { transform: perspective(1000) rotateY(20deg); }

    70% { transform: perspective(1000) rotateY(-15deg); }

    100% {
      opacity: 1;
      transform: perspective(1000) rotateY(0deg);
    }
  }

  .animating.flip-in-left-front {
    -webkit-transform-origin-x: 0%;
    -webkit-transform-origin-y: 50%;
    transform-origin-x: 0%;
    transform-origin-y: 50%;
    -webkit-animation-name: flipInLeftFront;
    animation-name: flipInLeftFront;
  }


/*  #Flip In Left Back
//  ================================================== */

  @-webkit-keyframes flipInLeftBack {
    0% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateY(90deg);
    }

    50% { -webkit-transform: perspective(1000) rotateY(-20deg); }

    70% { -webkit-transform: perspective(1000) rotateY(15deg); }

    100% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateY(0deg);
    }
  }

  @keyframes flipInLeftBack {
    0% {
      opacity: 0;
      transform: perspective(1000) rotateY(90deg);
    }

    50% { transform: perspective(1000) rotateY(-20deg); }

    70% { transform: perspective(1000) rotateY(15deg); }

    100% {
      opacity: 1;
      transform: perspective(1000) rotateY(0deg);
    }
  }

  .animating.flip-in-left-back {
    -webkit-transform-origin-x: 0%;
    -webkit-transform-origin-y: 50%;
    transform-origin-x: 0%;
    transform-origin-y: 50%;
    -webkit-animation-name: flipInLeftBack;
    animation-name: flipInLeftBack;
  }


/*  #Flip In Right Front
//  ================================================== */

  @-webkit-keyframes flipInRightFront {
    0% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateY(90deg);
    }

    50% { -webkit-transform: perspective(1000) rotateY(-20deg); }

    70% { -webkit-transform: perspective(1000) rotateY(15deg); }

    100% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateY(0deg);
    }
  }

  @keyframes flipInRightFront {
    0% {
      opacity: 0;
      transform: perspective(1000) rotateY(90deg);
    }

    50% { transform: perspective(1000) rotateY(-20deg); }

    70% { transform: perspective(1000) rotateY(15deg); }

    100% {
      opacity: 1;
      transform: perspective(1000) rotateY(0deg);
    }
  }

  .animating.flip-in-right-front {
    -webkit-transform-origin-x: 100%;
    -webkit-transform-origin-y: 50%;
    transform-origin-x: 100%;
    transform-origin-y: 50%;
    -webkit-animation-name: flipInRightFront;
    animation-name: flipInRightFront;
  }


/*  #Flip In Right Back
//  ================================================== */

  @-webkit-keyframes flipInRightBack {
    0% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateY(-90deg);
    }

    50% { -webkit-transform: perspective(1000) rotateY(20deg); }

    70% { -webkit-transform: perspective(1000) rotateY(-15deg); }

    100% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateY(0deg);
    }
  }

  @keyframes flipInRightBack {
    0% {
      opacity: 0;
      transform: perspective(1000) rotateY(-90deg);
    }

    50% { transform: perspective(1000) rotateY(20deg); }

    70% { transform: perspective(1000) rotateY(-15deg); }

    100% {
      opacity: 1;
      transform: perspective(1000) rotateY(0deg);
    }
  }

  .animating.flip-in-right-back {
    -webkit-transform-origin-x: 100%;
    -webkit-transform-origin-y: 50%;
    transform-origin-x: 100%;
    transform-origin-y: 50%;
    -webkit-animation-name: flipInRightBack;
    animation-name: flipInRightBack;
  }


/*  #Flip Out X
//  ================================================== */

  @-webkit-keyframes flipOutX {
    0%, 5% {
      -webkit-transform: perspective(500) rotateX(0deg);
      opacity: 1;
    }

    30% { -webkit-transform: perspective(500) rotateX(-25deg); }

    50% { opacity: 1; }

    90%, 100% {
      -webkit-transform: perspective(500) rotateX(90deg);
      opacity: 0;
    }
  }

  @keyframes flipOutX {
    0%, 5% {
      transform: perspective(500) rotateX(0deg);
      opacity: 1;
    }

    30% { transform: perspective(500) rotateX(-25deg); }

    50% { opacity: 1; }

    90%, 100% {
      transform: perspective(500) rotateX(90deg);
      opacity: 0;
    }
  }

  .animating.flip-out-x {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
  }


/*  #Flip Out Y
//  ================================================== */

  @-webkit-keyframes flipOutY {
    0%, 5% {
      -webkit-transform: perspective(500) rotateY(0deg);
      opacity: 1;
    }

    30% { -webkit-transform: perspective(500) rotateY(-25deg); }

    50% { opacity: 1; }

    90%, 100% {
      -webkit-transform: perspective(500) rotateY(90deg);
      opacity: 0;
    }
  }

  @keyframes flipOutY {
    0%, 5% {
      transform: perspective(500) rotateY(0deg);
      opacity: 1;
    }

    30% { transform: perspective(500) rotateY(-25deg); }

    50% { opacity: 1; }

    90%, 100% {
      transform: perspective(500) rotateY(90deg);
      opacity: 0;
    }
  }

  .animating.flip-out-y {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
  }


/*  #Flip Out Top
//  ================================================== */

  /* Front */

  @-webkit-keyframes flipOutTopFront {
    0% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateX(0deg);
    }

    30% { -webkit-transform: perspective(1000) rotateX(-20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateX(90deg);
    }
  }

  @keyframes flipOutTopFront {
    0% {
      opacity: 1;
      transform: perspective(1000) rotateX(0deg);
    }

    30% { transform: perspective(1000) rotateX(-20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      transform: perspective(1000) rotateX(90deg);
    }
  }

  .animating.flip-out-top-front {
    -webkit-transform-origin-x: 50%;
    -webkit-transform-origin-y: 0%;
    transform-origin-x: 50%;
    transform-origin-y: 0%;
    -webkit-animation-name: flipOutTopFront;
    animation-name: flipOutTopFront;
  }

  /* Back */

  @-webkit-keyframes flipOutTopBack {
    0% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateX(0deg);
    }

    30% { -webkit-transform: perspective(1000) rotateX(20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateX(-90deg);
    }
  }

  @keyframes flipOutTopBack {
    0% {
      opacity: 1;
      transform: perspective(1000) rotateX(0deg);
    }

    30% { transform: perspective(1000) rotateX(20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      transform: perspective(1000) rotateX(-90deg);
    }
  }

  .animating.flip-out-top-back {
    -webkit-transform-origin-x: 50%;
    -webkit-transform-origin-y: 0%;
    transform-origin-x: 50%;
    transform-origin-y: 0%;
    -webkit-animation-name: flipOutTopBack;
    animation-name: flipOutTopBack;
  }


/*  #Flip Out Bottom Front
//  ================================================== */

  /* Front */

  @-webkit-keyframes flipOutBottomFront {
    0% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateX(0deg);
    }

    30% { -webkit-transform: perspective(1000) rotateX(20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateX(-90deg);
    }
  }

  @keyframes flipOutBottomFront {
    0% {
      opacity: 1;
      transform: perspective(1000) rotateX(0deg);
    }

    30% { transform: perspective(1000) rotateX(20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      transform: perspective(1000) rotateX(-90deg);
    }
  }

  .animating.flip-out-bottom-front {
    -webkit-transform-origin-x: 50%;
    -webkit-transform-origin-y: 100%;
    transform-origin-x: 50%;
    transform-origin-y: 100%;
    -webkit-animation-name: flipOutBottomFront;
    animation-name: flipOutBottomFront;
  }

  /* Back */

  @-webkit-keyframes flipOutBottomBack {
    0% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateX(0deg);
    }

    30% { -webkit-transform: perspective(1000) rotateX(-20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateX(90deg);
    }
  }

  @keyframes flipOutBottomBack {
    0% {
      opacity: 1;
      transform: perspective(1000) rotateX(0deg);
    }

    30% { transform: perspective(1000) rotateX(-20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      transform: perspective(1000) rotateX(90deg);
    }
  }

  .animating.flip-out-bottom-back {
    -webkit-transform-origin-x: 50%;
    -webkit-transform-origin-y: 100%;
    transform-origin-x: 50%;
    transform-origin-y: 100%;
    -webkit-animation-name: flipOutBottomBack;
    animation-name: flipOutBottomBack;
  }


/*  #Flip Out Left Front
//  ================================================== */

  /* Front */

  @-webkit-keyframes flipOutLeftFront {
    0% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateY(0deg);
    }

    30% { -webkit-transform: perspective(1000) rotateY(20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateY(-90deg);
    }
  }

  @keyframes flipOutLeftFront {
    0% {
      opacity: 1;
      transform: perspective(1000) rotateY(0deg);
    }

    30% { transform: perspective(1000) rotateY(20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      transform: perspective(1000) rotateY(-90deg);
    }
  }

  .animating.flip-out-left-front {
    -webkit-transform-origin-x: 0%;
    -webkit-transform-origin-y: 50%;
    transform-origin-x: 0%;
    transform-origin-y: 50%;
    -webkit-animation-name: flipOutLeftFront;
    animation-name: flipOutLeftFront;
  }

  /* Back */

  @-webkit-keyframes flipOutLeftBack {
    0% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateY(0deg);
    }

    30% { -webkit-transform: perspective(1000) rotateY(-20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateY(90deg);
    }
  }

  @keyframes flipOutLeftBack {
    0% {
      opacity: 1;
      transform: perspective(1000) rotateY(0deg);
    }

    30% { transform: perspective(1000) rotateY(-20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      transform: perspective(1000) rotateY(90deg);
    }
  }

  .animating.flip-out-left-back {
    -webkit-transform-origin-x: 0%;
    -webkit-transform-origin-y: 50%;
    transform-origin-x: 0%;
    transform-origin-y: 50%;
    -webkit-animation-name: flipOutLeftBack;
    animation-name: flipOutLeftBack;
  }


/*  #Flip Out Right Front
//  ================================================== */

  /* Front */

  @-webkit-keyframes flipOutRightFront {
    0% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateY(0deg);
    }

    30% { -webkit-transform: perspective(1000) rotateY(-20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateY(90deg);
    }
  }

  @keyframes flipOutRightFront {
    0% {
      opacity: 1;
      transform: perspective(1000) rotateY(0deg);
    }

    30% { transform: perspective(1000) rotateY(-20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      transform: perspective(1000) rotateY(90deg);
    }
  }

  .animating.flip-out-right-front {
    -webkit-transform-origin-x: 100%;
    -webkit-transform-origin-y: 50%;
    transform-origin-x: 100%;
    transform-origin-y: 50%;
    -webkit-animation-name: flipOutRightFront;
    animation-name: flipOutRightFront;
  }

  /* Back */

  @-webkit-keyframes flipOutRightBack {
    0% {
      opacity: 1;
      -webkit-transform: perspective(1000) rotateY(0deg);
    }

    30% { -webkit-transform: perspective(1000) rotateY(20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      -webkit-transform: perspective(1000) rotateY(-90deg);
    }
  }

  @keyframes flipOutRightBack {
    0% {
      opacity: 1;
      transform: perspective(1000) rotateY(0deg);
    }

    30% { transform: perspective(1000) rotateY(20deg); }

    50% {
      opacity: 1;
    }

    100% {
      opacity: 0;
      transform: perspective(1000) rotateY(-90deg);
    }
  }

  .animating.flip-out-right-back {
    -webkit-transform-origin-x: 100%;
    -webkit-transform-origin-y: 50%;
    transform-origin-x: 100%;
    transform-origin-y: 50%;
    -webkit-animation-name: flipOutRightBack;
    animation-name: flipOutRightBack;
  }


/*  #Flash
//  ================================================== */

  @-webkit-keyframes flash {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
  }

  @keyframes flash {
    0%, 50%, 100% { opacity: 1; }
    25%, 75% { opacity: 0; }
  }

  .animating.flash,
  .hover-flash:hover {
    -webkit-animation-name: flash;
    animation-name: flash;
  }


/*  #Strobe
//  ================================================== */

  @-webkit-keyframes strobe {
    0%, 20%, 40%, 60%, 80%, 100% { opacity: 1; }
    10%, 30%, 50%, 70%, 90% { opacity: 0; }
  }

  @keyframes strobe {
    0%, 20%, 40%, 60%, 80%, 100% { opacity: 1; }
    10%, 30%, 50%, 70%, 90% { opacity: 0; }
  }

  .animating.strobe,
  .hover-strobe:hover {
    -webkit-animation-name: strobe;
    animation-name: strobe;
  }


/*  #Shake X
//  ================================================== */

  @-webkit-keyframes shakeX {
    0%, 100% { -webkit-transform: translateY(0); }
    10%, 30%, 50%, 70%, 90% { -webkit-transform: translateY(-10px); }
    20%, 40%, 60%, 80% { -webkit-transform: translateY(10px); }
  }

  @keyframes shakeX {
    0%, 100% { transform: translateY(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateY(-10px); }
    20%, 40%, 60%, 80% { transform: translateY(10px); }
  }

  .animating.shake-x,
  .hover-shake-x:hover {
    -webkit-animation-name: shakeX;
    animation-name: shakeX;
  }


/*  #Shake Y
//  ================================================== */

  @-webkit-keyframes shakeY {
    0%, 100% { -webkit-transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); }
    20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); }
  }

  @keyframes shakeY {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); }
    20%, 40%, 60%, 80% { transform: translateX(10px); }
  }

  .animating.shake-y,
  .hover-shake-y:hover {
    -webkit-animation-name: shakeY;
    animation-name: shakeY;
  }


/*  #Bounce
//  ================================================== */

  @-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); }
    40% { -webkit-transform: translateY(-30px); }
    60% { -webkit-transform: translateY(-15px); }
  }

  @keyframes bounce {
    0%, 20%, 50%, 80%, 100% { transform: translateY(0); }
    40% { transform: translateY(-30px); }
    60% { transform: translateY(-15px); }
  }

  .animating.bounce,
  .hover-bounce:hover {
    -webkit-animation-name: bounce;
    animation-name: bounce;
  }


/*  #Tada
//  ================================================== */

  @-webkit-keyframes tada {
    0%, 100% { -webkit-transform: scale(1) rotate(0); }
    10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); }
  }

  @keyframes tada {
    0%, 100% { transform: scale(1) rotate(0); }
    10%, 20% { transform: scale(0.9) rotate(-3deg); }
    30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); }
    40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); }
  }

  .animating.tada,
  .hover-tada:hover {
    -webkit-animation-name: tada;
    animation-name: tada;
  }


/*  #Rubber Band
//  ================================================== */

  @-webkit-keyframes rubberBand {
    0%, 100% { -webkit-transform: scale(1); }
    30% { -webkit-transform: scaleX(1.25) scaleY(0.75); }
    40% { -webkit-transform: scaleX(0.75) scaleY(1.25); }
    60% { -webkit-transform: scaleX(1.15) scaleY(0.85); }
  }

  @keyframes rubberBand {
    0%, 100% { transform: scale(1); }
    30% { transform: scaleX(1.25) scaleY(0.75); }
    40% { transform: scaleX(0.75) scaleY(1.25); }
    60% { transform: scaleX(1.15) scaleY(0.85); }
  }

  .animating.rubber-band,
  .hover-rubber-band:hover {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
  }

/*  #Swing
//  ================================================== */

  @-webkit-keyframes swing {
    20% { -webkit-transform: rotate(15deg); }
    40% { -webkit-transform: rotate(-10deg); }
    60% { -webkit-transform: rotate(5deg); }
    80% { -webkit-transform: rotate(-5deg); }
    100% { -webkit-transform: rotate(0deg); }
  }

  @keyframes swing {
    20% { transform: rotate(15deg); }
    40% { transform: rotate(-10deg); }
    60% { transform: rotate(5deg); }
    80% { transform: rotate(-5deg); }
    100% { transform: rotate(0deg); }
  }

  .animating.swing,
  .hover-swing:hover {
    -webkit-animation-name: swing;
    animation-name: swing;
  }


/*  #Spin Clockwise
//  ================================================== */

  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }

  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }

  .animating.spin,
  .hover-spin:hover {
    -webkit-animation-name: spin;
    animation-name: spin;
  }


/*  #Spin Counter-Clockwise
//  ================================================== */

  @-webkit-keyframes spin-reverse {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(-360deg); }
  }

  @keyframes spin-reverse {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
  }

  .animating.spin-reverse,
  .hover-spin-reverse:hover {
    -webkit-animation-name: spin-reverse;
    animation-name: spin-reverse;
  }


/*  #Slingshot Clockwise
//  ================================================== */

  @-webkit-keyframes slingshot {
    0% { -webkit-transform: rotate(0deg); }
    20%, 30% { -webkit-transform: rotate(-45deg); }
    100% { -webkit-transform: rotate(360deg); }
  }

  @keyframes slingshot {
    0% { transform: rotate(0deg); }
    20%, 30% { transform: rotate(-45deg); }
    100% { transform: rotate(360deg); }
  }

  .animating.slingshot,
  .hover-slingshot:hover {
    -webkit-animation-name: slingshot;
    animation-name: slingshot;
  }


/*  #Slingshot Counter-Clockwise
//  ================================================== */

  @-webkit-keyframes slingshot-reverse {
    0% { -webkit-transform: rotate(0deg); }
    20%, 30% { -webkit-transform: rotate(45deg); }
    100% { -webkit-transform: rotate(-360deg); }
  }

  @keyframes slingshot-reverse {
    0% { transform: rotate(0deg); }
    20%, 30% { transform: rotate(45deg); }
    100% { transform: rotate(-360deg); }
  }

  .animating.slingshot-reverse,
  .hover-slingshot-reverse:hover {
    -webkit-animation-name: slingshot-reverse;
    animation-name: slingshot-reverse;
  }


/*  #Wobble
//  ================================================== */

  @-webkit-keyframes wobble {
    0% { -webkit-transform: translateX(0px); }
    15% { -webkit-transform: translateX(-25px) rotate(-5deg); }
    30% { -webkit-transform: translateX(20px) rotate(3deg); }
    45% { -webkit-transform: translateX(-15px) rotate(-3deg); }
    60% { -webkit-transform: translateX(10px) rotate(2deg); }
    75% { -webkit-transform: translateX(-5px) rotate(-1deg); }
    100% { -webkit-transform: translateX(0px); }
  }

  @keyframes wobble {
    0% { transform: translateX(0px); }
    15% { transform: translateX(-25px) rotate(-5deg); }
    30% { transform: translateX(20px) rotate(3deg); }
    45% { transform: translateX(-15px) rotate(-3deg); }
    60% { transform: translateX(10px) rotate(2deg); }
    75% { transform: translateX(-5px) rotate(-1deg); }
    100% { transform: translateX(0px); }
  }

  .animating.wobble,
  .hover-wobble:hover {
    -webkit-animation-name: wobble;
    animation-name: wobble;
  }


/*  #Pulse
//  ================================================== */

  @-webkit-keyframes pulse {
    0%, 100% { -webkit-transform: scale(1); }
    50% { -webkit-transform: scale(1.1); }
  }

  @keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.1); }
  }

  .animating.pulse,
  .hover-pulse:hover {
    -webkit-animation-name: pulse;
    animation-name: pulse;
  }


/*  #Pulsate
//  ================================================== */

  @-webkit-keyframes pulsate {
    0%, 50%, 100% { -webkit-transform: scale(1); }
    25%, 75% { -webkit-transform: scale(1.1); }
  }

  @keyframes pulsate {
    0%, 50%, 100% { transform: scale(1); }
    25%, 75% { transform: scale(1.1); }
  }

  .animating.pulsate,
  .hover-pulsate:hover {
    -webkit-animation-name: pulsate;
    animation-name: pulsate;
  }


/*  #Heartbeat
//  ================================================== */

  @-webkit-keyframes heartbeat {
    0%, 30%, 50%, 60%, 80% { -webkit-transform: scale(1); }
    40%, 70% { -webkit-transform: scale(1.1); }
  }

  @keyframes heartbeat {
    0%, 30%, 50%, 60%, 80% { transform: scale(1); }
    40%, 70% { transform: scale(1.1); }
  }

  .animating.heartbeat,
  .hover-heartbeat:hover {
    -webkit-animation-name: heartbeat;
    animation-name: heartbeat;
  }


/*  #Panic
//  ================================================== */

  @-webkit-keyframes panic {
    0%, 100% { -webkit-transform: scale(1) rotate(0); }
    10%, 60% { -webkit-transform: scale(1.1) rotate(-3deg); }
    20%, 40% { -webkit-transform: scale(1) rotate(-3deg); }
    30% { -webkit-transform: scale(1.1) rotate(3deg); }
    50%, 70%, 90% { -webkit-transform: scale(1) rotate(3deg); }
    80% { -webkit-transform: scale(1.1) rotate(-3deg); }
  }

  @keyframes panic {
    0%, 100% { transform: scale(1) rotate(0); }
    10%, 60% { transform: scale(1.1) rotate(-3deg); }
    20%, 40% { transform: scale(1) rotate(-3deg); }
    30% { transform: scale(1.1) rotate(3deg); }
    50%, 70%, 90% { transform: scale(1) rotate(3deg); }
    80% { transform: scale(1.1) rotate(-3deg); }
  }

  .animating.panic,
  .hover-panic:hover {
    -webkit-animation-name: panic;
    animation-name: panic;
  }