/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the Hippocratic License 2.1 - http://firstdonoharm.dev
 *
 * Copyright (c) 2022 Animate.css
 */
@media(min-width: 900px) {
    :root {
        --animate-duration: 1s;
        --animate-delay: 1s;
        --animate-repeat: 1
    }

    .animate__animated {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-duration: var(--animate-duration);
        animation-duration: var(--animate-duration);
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .animate__animated.animate__infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

    .animate__animated.animate__repeat-1 {
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-iteration-count: var(--animate-repeat);
        animation-iteration-count: var(--animate-repeat)
    }

    .animate__animated.animate__repeat-2 {
        -webkit-animation-iteration-count: 2;
        animation-iteration-count: 2;
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2);
        animation-iteration-count: calc(var(--animate-repeat) * 2)
    }

    .animate__animated.animate__repeat-3 {
        -webkit-animation-iteration-count: 3;
        animation-iteration-count: 3;
        -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3);
        animation-iteration-count: calc(var(--animate-repeat) * 3)
    }

    .animate__animated.animate__delay-1s {
        -webkit-animation-delay: 1s;
        animation-delay: 1s;
        -webkit-animation-delay: var(--animate-delay);
        animation-delay: var(--animate-delay)
    }

    .animate__animated.animate__delay-2s {
        -webkit-animation-delay: 2s;
        animation-delay: 2s;
        -webkit-animation-delay: calc(var(--animate-delay) * 2);
        animation-delay: calc(var(--animate-delay) * 2)
    }

    .animate__animated.animate__delay-3s {
        -webkit-animation-delay: 3s;
        animation-delay: 3s;
        -webkit-animation-delay: calc(var(--animate-delay) * 3);
        animation-delay: calc(var(--animate-delay) * 3)
    }

    .animate__animated.animate__delay-4s {
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
        -webkit-animation-delay: calc(var(--animate-delay) * 4);
        animation-delay: calc(var(--animate-delay) * 4)
    }

    .animate__animated.animate__delay-5s {
        -webkit-animation-delay: 5s;
        animation-delay: 5s;
        -webkit-animation-delay: calc(var(--animate-delay) * 5);
        animation-delay: calc(var(--animate-delay) * 5)
    }

    .animate__animated.animate__faster {
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        -webkit-animation-duration: calc(var(--animate-duration) / 2);
        animation-duration: calc(var(--animate-duration) / 2)
    }

    .animate__animated.animate__fast {
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-duration: calc(var(--animate-duration) * .8);
        animation-duration: calc(var(--animate-duration) * .8)
    }

    .animate__animated.animate__slow {
        -webkit-animation-duration: 2s;
        animation-duration: 2s;
        -webkit-animation-duration: calc(var(--animate-duration) * 2);
        animation-duration: calc(var(--animate-duration) * 2)
    }

    .animate__animated.animate__slower {
        -webkit-animation-duration: 3s;
        animation-duration: 3s;
        -webkit-animation-duration: calc(var(--animate-duration) * 3);
        animation-duration: calc(var(--animate-duration) * 3)
    }

    @media (prefers-reduced-motion: reduce), print {
        .animate__animated {
            -webkit-animation-duration: 1ms !important;
            animation-duration: 1ms !important;
            -webkit-animation-iteration-count: 1 !important;
            animation-iteration-count: 1 !important;
            -webkit-transition-duration: 1ms !important;
            transition-duration: 1ms !important
        }

        .animate__animated[class*=Out] {
            opacity: 0
        }
    }@-webkit-keyframes bounce {
         0%, 20%, 53%, to {
             -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
             animation-timing-function: cubic-bezier(.215, .61, .355, 1);
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         40%, 43% {
             -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
             animation-timing-function: cubic-bezier(.755, .05, .855, .06);
             -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
             transform: translate3d(0, -30px, 0) scaleY(1.1)
         }
         70% {
             -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
             animation-timing-function: cubic-bezier(.755, .05, .855, .06);
             -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
             transform: translate3d(0, -15px, 0) scaleY(1.05)
         }
         80% {
             -webkit-transform: translateZ(0) scaleY(.95);
             transform: translateZ(0) scaleY(.95);
             -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
             transition-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         90% {
             -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
             transform: translate3d(0, -4px, 0) scaleY(1.02)
         }
     }@keyframes bounce {
          0%, 20%, 53%, to {
              -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
              animation-timing-function: cubic-bezier(.215, .61, .355, 1);
              -webkit-transform: translateZ(0);
              transform: translateZ(0)
          }
          40%, 43% {
              -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
              animation-timing-function: cubic-bezier(.755, .05, .855, .06);
              -webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
              transform: translate3d(0, -30px, 0) scaleY(1.1)
          }
          70% {
              -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
              animation-timing-function: cubic-bezier(.755, .05, .855, .06);
              -webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
              transform: translate3d(0, -15px, 0) scaleY(1.05)
          }
          80% {
              -webkit-transform: translateZ(0) scaleY(.95);
              transform: translateZ(0) scaleY(.95);
              -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
              transition-timing-function: cubic-bezier(.215, .61, .355, 1)
          }
          90% {
              -webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
              transform: translate3d(0, -4px, 0) scaleY(1.02)
          }
      }.animate__bounce {
           -webkit-animation-name: bounce;
           animation-name: bounce;
           -webkit-transform-origin: center bottom;
           transform-origin: center bottom
       }

    @-webkit-keyframes flash {
        0%, 50%, to {
            opacity: 1
        }
        25%, 75% {
            opacity: 0
        }
    }@keyframes flash {
         0%, 50%, to {
             opacity: 1
         }
         25%, 75% {
             opacity: 0
         }
     }.animate__flash {
          -webkit-animation-name: flash;
          animation-name: flash
      }

    @-webkit-keyframes pulse {
        0% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }
        50% {
            -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05)
        }
        to {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }
    }@keyframes pulse {
         0% {
             -webkit-transform: scaleX(1);
             transform: scaleX(1)
         }
         50% {
             -webkit-transform: scale3d(1.05, 1.05, 1.05);
             transform: scale3d(1.05, 1.05, 1.05)
         }
         to {
             -webkit-transform: scaleX(1);
             transform: scaleX(1)
         }
     }.animate__pulse {
          -webkit-animation-name: pulse;
          animation-name: pulse;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out
      }

    @-webkit-keyframes rubberBand {
        0% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }
        30% {
            -webkit-transform: scale3d(1.25, .75, 1);
            transform: scale3d(1.25, .75, 1)
        }
        40% {
            -webkit-transform: scale3d(.75, 1.25, 1);
            transform: scale3d(.75, 1.25, 1)
        }
        50% {
            -webkit-transform: scale3d(1.15, .85, 1);
            transform: scale3d(1.15, .85, 1)
        }
        65% {
            -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1)
        }
        75% {
            -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1)
        }
        to {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }
    }@keyframes rubberBand {
         0% {
             -webkit-transform: scaleX(1);
             transform: scaleX(1)
         }
         30% {
             -webkit-transform: scale3d(1.25, .75, 1);
             transform: scale3d(1.25, .75, 1)
         }
         40% {
             -webkit-transform: scale3d(.75, 1.25, 1);
             transform: scale3d(.75, 1.25, 1)
         }
         50% {
             -webkit-transform: scale3d(1.15, .85, 1);
             transform: scale3d(1.15, .85, 1)
         }
         65% {
             -webkit-transform: scale3d(.95, 1.05, 1);
             transform: scale3d(.95, 1.05, 1)
         }
         75% {
             -webkit-transform: scale3d(1.05, .95, 1);
             transform: scale3d(1.05, .95, 1)
         }
         to {
             -webkit-transform: scaleX(1);
             transform: scaleX(1)
         }
     }.animate__rubberBand {
          -webkit-animation-name: rubberBand;
          animation-name: rubberBand
      }

    @-webkit-keyframes shakeX {
        0%, to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        10%, 30%, 50%, 70%, 90% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0)
        }
        20%, 40%, 60%, 80% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0)
        }
    }@keyframes shakeX {
         0%, to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         10%, 30%, 50%, 70%, 90% {
             -webkit-transform: translate3d(-10px, 0, 0);
             transform: translate3d(-10px, 0, 0)
         }
         20%, 40%, 60%, 80% {
             -webkit-transform: translate3d(10px, 0, 0);
             transform: translate3d(10px, 0, 0)
         }
     }.animate__shakeX {
          -webkit-animation-name: shakeX;
          animation-name: shakeX
      }

    @-webkit-keyframes shakeY {
        0%, to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        10%, 30%, 50%, 70%, 90% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0)
        }
        20%, 40%, 60%, 80% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0)
        }
    }@keyframes shakeY {
         0%, to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         10%, 30%, 50%, 70%, 90% {
             -webkit-transform: translate3d(0, -10px, 0);
             transform: translate3d(0, -10px, 0)
         }
         20%, 40%, 60%, 80% {
             -webkit-transform: translate3d(0, 10px, 0);
             transform: translate3d(0, 10px, 0)
         }
     }.animate__shakeY {
          -webkit-animation-name: shakeY;
          animation-name: shakeY
      }

    @-webkit-keyframes headShake {
        0% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
        6.5% {
            -webkit-transform: translateX(-6px) rotateY(-9deg);
            transform: translateX(-6px) rotateY(-9deg)
        }
        18.5% {
            -webkit-transform: translateX(5px) rotateY(7deg);
            transform: translateX(5px) rotateY(7deg)
        }
        31.5% {
            -webkit-transform: translateX(-3px) rotateY(-5deg);
            transform: translateX(-3px) rotateY(-5deg)
        }
        43.5% {
            -webkit-transform: translateX(2px) rotateY(3deg);
            transform: translateX(2px) rotateY(3deg)
        }
        50% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }@keyframes headShake {
         0% {
             -webkit-transform: translateX(0);
             transform: translateX(0)
         }
         6.5% {
             -webkit-transform: translateX(-6px) rotateY(-9deg);
             transform: translateX(-6px) rotateY(-9deg)
         }
         18.5% {
             -webkit-transform: translateX(5px) rotateY(7deg);
             transform: translateX(5px) rotateY(7deg)
         }
         31.5% {
             -webkit-transform: translateX(-3px) rotateY(-5deg);
             transform: translateX(-3px) rotateY(-5deg)
         }
         43.5% {
             -webkit-transform: translateX(2px) rotateY(3deg);
             transform: translateX(2px) rotateY(3deg)
         }
         50% {
             -webkit-transform: translateX(0);
             transform: translateX(0)
         }
     }.animate__headShake {
          -webkit-animation-name: headShake;
          animation-name: headShake;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out
      }

    @-webkit-keyframes swing {
        20% {
            -webkit-transform: rotate(15deg);
            transform: rotate(15deg)
        }
        40% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        60% {
            -webkit-transform: rotate(5deg);
            transform: rotate(5deg)
        }
        80% {
            -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg)
        }
        to {
            -webkit-transform: rotate(0deg);
            transform: rotate(0deg)
        }
    }@keyframes swing {
         20% {
             -webkit-transform: rotate(15deg);
             transform: rotate(15deg)
         }
         40% {
             -webkit-transform: rotate(-10deg);
             transform: rotate(-10deg)
         }
         60% {
             -webkit-transform: rotate(5deg);
             transform: rotate(5deg)
         }
         80% {
             -webkit-transform: rotate(-5deg);
             transform: rotate(-5deg)
         }
         to {
             -webkit-transform: rotate(0deg);
             transform: rotate(0deg)
         }
     }.animate__swing {
          -webkit-animation-name: swing;
          animation-name: swing;
          -webkit-transform-origin: top center;
          transform-origin: top center
      }

    @-webkit-keyframes tada {
        0% {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }
        10%, 20% {
            -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
            transform: scale3d(.9, .9, .9) rotate(-3deg)
        }
        30%, 50%, 70%, 90% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
        }
        40%, 60%, 80% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
        }
        to {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }
    }@keyframes tada {
         0% {
             -webkit-transform: scaleX(1);
             transform: scaleX(1)
         }
         10%, 20% {
             -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
             transform: scale3d(.9, .9, .9) rotate(-3deg)
         }
         30%, 50%, 70%, 90% {
             -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
             transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
         }
         40%, 60%, 80% {
             -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
             transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
         }
         to {
             -webkit-transform: scaleX(1);
             transform: scaleX(1)
         }
     }.animate__tada {
          -webkit-animation-name: tada;
          animation-name: tada
      }

    @-webkit-keyframes wobble {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        15% {
            -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
            transform: translate3d(-25%, 0, 0) rotate(-5deg)
        }
        30% {
            -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
            transform: translate3d(20%, 0, 0) rotate(3deg)
        }
        45% {
            -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
            transform: translate3d(-15%, 0, 0) rotate(-3deg)
        }
        60% {
            -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
            transform: translate3d(10%, 0, 0) rotate(2deg)
        }
        75% {
            -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
            transform: translate3d(-5%, 0, 0) rotate(-1deg)
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes wobble {
         0% {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         15% {
             -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
             transform: translate3d(-25%, 0, 0) rotate(-5deg)
         }
         30% {
             -webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
             transform: translate3d(20%, 0, 0) rotate(3deg)
         }
         45% {
             -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
             transform: translate3d(-15%, 0, 0) rotate(-3deg)
         }
         60% {
             -webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
             transform: translate3d(10%, 0, 0) rotate(2deg)
         }
         75% {
             -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
             transform: translate3d(-5%, 0, 0) rotate(-1deg)
         }
         to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__wobble {
          -webkit-animation-name: wobble;
          animation-name: wobble
      }

    @-webkit-keyframes jello {
        0%, 11.1%, to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        22.2% {
            -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
            transform: skewX(-12.5deg) skewY(-12.5deg)
        }
        33.3% {
            -webkit-transform: skewX(6.25deg) skewY(6.25deg);
            transform: skewX(6.25deg) skewY(6.25deg)
        }
        44.4% {
            -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
            transform: skewX(-3.125deg) skewY(-3.125deg)
        }
        55.5% {
            -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
            transform: skewX(1.5625deg) skewY(1.5625deg)
        }
        66.6% {
            -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
            transform: skewX(-.78125deg) skewY(-.78125deg)
        }
        77.7% {
            -webkit-transform: skewX(.390625deg) skewY(.390625deg);
            transform: skewX(.390625deg) skewY(.390625deg)
        }
        88.8% {
            -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
            transform: skewX(-.1953125deg) skewY(-.1953125deg)
        }
    }@keyframes jello {
         0%, 11.1%, to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         22.2% {
             -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
             transform: skewX(-12.5deg) skewY(-12.5deg)
         }
         33.3% {
             -webkit-transform: skewX(6.25deg) skewY(6.25deg);
             transform: skewX(6.25deg) skewY(6.25deg)
         }
         44.4% {
             -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
             transform: skewX(-3.125deg) skewY(-3.125deg)
         }
         55.5% {
             -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
             transform: skewX(1.5625deg) skewY(1.5625deg)
         }
         66.6% {
             -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
             transform: skewX(-.78125deg) skewY(-.78125deg)
         }
         77.7% {
             -webkit-transform: skewX(.390625deg) skewY(.390625deg);
             transform: skewX(.390625deg) skewY(.390625deg)
         }
         88.8% {
             -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
             transform: skewX(-.1953125deg) skewY(-.1953125deg)
         }
     }.animate__jello {
          -webkit-animation-name: jello;
          animation-name: jello;
          -webkit-transform-origin: center;
          transform-origin: center
      }

    @-webkit-keyframes heartBeat {
        0% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        14% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3)
        }
        28% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        42% {
            -webkit-transform: scale(1.3);
            transform: scale(1.3)
        }
        70% {
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }@keyframes heartBeat {
         0% {
             -webkit-transform: scale(1);
             transform: scale(1)
         }
         14% {
             -webkit-transform: scale(1.3);
             transform: scale(1.3)
         }
         28% {
             -webkit-transform: scale(1);
             transform: scale(1)
         }
         42% {
             -webkit-transform: scale(1.3);
             transform: scale(1.3)
         }
         70% {
             -webkit-transform: scale(1);
             transform: scale(1)
         }
     }.animate__heartBeat {
          -webkit-animation-duration: 1.3s;
          animation-duration: 1.3s;
          -webkit-animation-duration: calc(var(--animate-duration) * 1.3);
          animation-duration: calc(var(--animate-duration) * 1.3);
          -webkit-animation-name: heartBeat;
          animation-name: heartBeat;
          -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out
      }

    @-webkit-keyframes backInDown {
        0% {
            opacity: .7;
            -webkit-transform: translateY(-1200px) scale(.7);
            transform: translateY(-1200px) scale(.7)
        }
        80% {
            opacity: .7;
            -webkit-transform: translateY(0) scale(.7);
            transform: translateY(0) scale(.7)
        }
        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }@keyframes backInDown {
         0% {
             opacity: .7;
             -webkit-transform: translateY(-1200px) scale(.7);
             transform: translateY(-1200px) scale(.7)
         }
         80% {
             opacity: .7;
             -webkit-transform: translateY(0) scale(.7);
             transform: translateY(0) scale(.7)
         }
         to {
             opacity: 1;
             -webkit-transform: scale(1);
             transform: scale(1)
         }
     }.animate__backInDown {
          -webkit-animation-name: backInDown;
          animation-name: backInDown
      }

    @-webkit-keyframes backInLeft {
        0% {
            opacity: .7;
            -webkit-transform: translateX(-2000px) scale(.7);
            transform: translateX(-2000px) scale(.7)
        }
        80% {
            opacity: .7;
            -webkit-transform: translateX(0) scale(.7);
            transform: translateX(0) scale(.7)
        }
        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }@keyframes backInLeft {
         0% {
             opacity: .7;
             -webkit-transform: translateX(-2000px) scale(.7);
             transform: translateX(-2000px) scale(.7)
         }
         80% {
             opacity: .7;
             -webkit-transform: translateX(0) scale(.7);
             transform: translateX(0) scale(.7)
         }
         to {
             opacity: 1;
             -webkit-transform: scale(1);
             transform: scale(1)
         }
     }.animate__backInLeft {
          -webkit-animation-name: backInLeft;
          animation-name: backInLeft
      }

    @-webkit-keyframes backInRight {
        0% {
            opacity: .7;
            -webkit-transform: translateX(2000px) scale(.7);
            transform: translateX(2000px) scale(.7)
        }
        80% {
            opacity: .7;
            -webkit-transform: translateX(0) scale(.7);
            transform: translateX(0) scale(.7)
        }
        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }@keyframes backInRight {
         0% {
             opacity: .7;
             -webkit-transform: translateX(2000px) scale(.7);
             transform: translateX(2000px) scale(.7)
         }
         80% {
             opacity: .7;
             -webkit-transform: translateX(0) scale(.7);
             transform: translateX(0) scale(.7)
         }
         to {
             opacity: 1;
             -webkit-transform: scale(1);
             transform: scale(1)
         }
     }.animate__backInRight {
          -webkit-animation-name: backInRight;
          animation-name: backInRight
      }

    @-webkit-keyframes backInUp {
        0% {
            opacity: .7;
            -webkit-transform: translateY(1200px) scale(.7);
            transform: translateY(1200px) scale(.7)
        }
        80% {
            opacity: .7;
            -webkit-transform: translateY(0) scale(.7);
            transform: translateY(0) scale(.7)
        }
        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }@keyframes backInUp {
         0% {
             opacity: .7;
             -webkit-transform: translateY(1200px) scale(.7);
             transform: translateY(1200px) scale(.7)
         }
         80% {
             opacity: .7;
             -webkit-transform: translateY(0) scale(.7);
             transform: translateY(0) scale(.7)
         }
         to {
             opacity: 1;
             -webkit-transform: scale(1);
             transform: scale(1)
         }
     }.animate__backInUp {
          -webkit-animation-name: backInUp;
          animation-name: backInUp
      }

    @-webkit-keyframes backOutDown {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        20% {
            opacity: .7;
            -webkit-transform: translateY(0) scale(.7);
            transform: translateY(0) scale(.7)
        }
        to {
            opacity: .7;
            -webkit-transform: translateY(700px) scale(.7);
            transform: translateY(700px) scale(.7)
        }
    }@keyframes backOutDown {
         0% {
             opacity: 1;
             -webkit-transform: scale(1);
             transform: scale(1)
         }
         20% {
             opacity: .7;
             -webkit-transform: translateY(0) scale(.7);
             transform: translateY(0) scale(.7)
         }
         to {
             opacity: .7;
             -webkit-transform: translateY(700px) scale(.7);
             transform: translateY(700px) scale(.7)
         }
     }.animate__backOutDown {
          -webkit-animation-name: backOutDown;
          animation-name: backOutDown
      }

    @-webkit-keyframes backOutLeft {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        20% {
            opacity: .7;
            -webkit-transform: translateX(0) scale(.7);
            transform: translateX(0) scale(.7)
        }
        to {
            opacity: .7;
            -webkit-transform: translateX(-2000px) scale(.7);
            transform: translateX(-2000px) scale(.7)
        }
    }@keyframes backOutLeft {
         0% {
             opacity: 1;
             -webkit-transform: scale(1);
             transform: scale(1)
         }
         20% {
             opacity: .7;
             -webkit-transform: translateX(0) scale(.7);
             transform: translateX(0) scale(.7)
         }
         to {
             opacity: .7;
             -webkit-transform: translateX(-2000px) scale(.7);
             transform: translateX(-2000px) scale(.7)
         }
     }.animate__backOutLeft {
          -webkit-animation-name: backOutLeft;
          animation-name: backOutLeft
      }

    @-webkit-keyframes backOutRight {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        20% {
            opacity: .7;
            -webkit-transform: translateX(0) scale(.7);
            transform: translateX(0) scale(.7)
        }
        to {
            opacity: .7;
            -webkit-transform: translateX(2000px) scale(.7);
            transform: translateX(2000px) scale(.7)
        }
    }@keyframes backOutRight {
         0% {
             opacity: 1;
             -webkit-transform: scale(1);
             transform: scale(1)
         }
         20% {
             opacity: .7;
             -webkit-transform: translateX(0) scale(.7);
             transform: translateX(0) scale(.7)
         }
         to {
             opacity: .7;
             -webkit-transform: translateX(2000px) scale(.7);
             transform: translateX(2000px) scale(.7)
         }
     }.animate__backOutRight {
          -webkit-animation-name: backOutRight;
          animation-name: backOutRight
      }

    @-webkit-keyframes backOutUp {
        0% {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
        20% {
            opacity: .7;
            -webkit-transform: translateY(0) scale(.7);
            transform: translateY(0) scale(.7)
        }
        to {
            opacity: .7;
            -webkit-transform: translateY(-700px) scale(.7);
            transform: translateY(-700px) scale(.7)
        }
    }@keyframes backOutUp {
         0% {
             opacity: 1;
             -webkit-transform: scale(1);
             transform: scale(1)
         }
         20% {
             opacity: .7;
             -webkit-transform: translateY(0) scale(.7);
             transform: translateY(0) scale(.7)
         }
         to {
             opacity: .7;
             -webkit-transform: translateY(-700px) scale(.7);
             transform: translateY(-700px) scale(.7)
         }
     }.animate__backOutUp {
          -webkit-animation-name: backOutUp;
          animation-name: backOutUp
      }

    @-webkit-keyframes bounceIn {
        0%, 20%, 40%, 60%, 80%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        40% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(1.03, 1.03, 1.03);
            transform: scale3d(1.03, 1.03, 1.03)
        }
        80% {
            -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97)
        }
        to {
            opacity: 1;
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }
    }@keyframes bounceIn {
         0%, 20%, 40%, 60%, 80%, to {
             -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
             animation-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3)
         }
         20% {
             -webkit-transform: scale3d(1.1, 1.1, 1.1);
             transform: scale3d(1.1, 1.1, 1.1)
         }
         40% {
             -webkit-transform: scale3d(.9, .9, .9);
             transform: scale3d(.9, .9, .9)
         }
         60% {
             opacity: 1;
             -webkit-transform: scale3d(1.03, 1.03, 1.03);
             transform: scale3d(1.03, 1.03, 1.03)
         }
         80% {
             -webkit-transform: scale3d(.97, .97, .97);
             transform: scale3d(.97, .97, .97)
         }
         to {
             opacity: 1;
             -webkit-transform: scaleX(1);
             transform: scaleX(1)
         }
     }.animate__bounceIn {
          -webkit-animation-duration: .75s;
          animation-duration: .75s;
          -webkit-animation-duration: calc(var(--animate-duration) * .75);
          animation-duration: calc(var(--animate-duration) * .75);
          -webkit-animation-name: bounceIn;
          animation-name: bounceIn
      }

    @-webkit-keyframes bounceInDown {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
            transform: translate3d(0, -3000px, 0) scaleY(3)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
            transform: translate3d(0, 25px, 0) scaleY(.9)
        }
        75% {
            -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
            transform: translate3d(0, -10px, 0) scaleY(.95)
        }
        90% {
            -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
            transform: translate3d(0, 5px, 0) scaleY(.985)
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes bounceInDown {
         0%, 60%, 75%, 90%, to {
             -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
             animation-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, -3000px, 0) scaleY(3);
             transform: translate3d(0, -3000px, 0) scaleY(3)
         }
         60% {
             opacity: 1;
             -webkit-transform: translate3d(0, 25px, 0) scaleY(.9);
             transform: translate3d(0, 25px, 0) scaleY(.9)
         }
         75% {
             -webkit-transform: translate3d(0, -10px, 0) scaleY(.95);
             transform: translate3d(0, -10px, 0) scaleY(.95)
         }
         90% {
             -webkit-transform: translate3d(0, 5px, 0) scaleY(.985);
             transform: translate3d(0, 5px, 0) scaleY(.985)
         }
         to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__bounceInDown {
          -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown
      }

    @-webkit-keyframes bounceInLeft {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
            transform: translate3d(-3000px, 0, 0) scaleX(3)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
            transform: translate3d(25px, 0, 0) scaleX(1)
        }
        75% {
            -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
            transform: translate3d(-10px, 0, 0) scaleX(.98)
        }
        90% {
            -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
            transform: translate3d(5px, 0, 0) scaleX(.995)
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes bounceInLeft {
         0%, 60%, 75%, 90%, to {
             -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
             animation-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: translate3d(-3000px, 0, 0) scaleX(3);
             transform: translate3d(-3000px, 0, 0) scaleX(3)
         }
         60% {
             opacity: 1;
             -webkit-transform: translate3d(25px, 0, 0) scaleX(1);
             transform: translate3d(25px, 0, 0) scaleX(1)
         }
         75% {
             -webkit-transform: translate3d(-10px, 0, 0) scaleX(.98);
             transform: translate3d(-10px, 0, 0) scaleX(.98)
         }
         90% {
             -webkit-transform: translate3d(5px, 0, 0) scaleX(.995);
             transform: translate3d(5px, 0, 0) scaleX(.995)
         }
         to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__bounceInLeft {
          -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft
      }

    @-webkit-keyframes bounceInRight {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
            transform: translate3d(3000px, 0, 0) scaleX(3)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
            transform: translate3d(-25px, 0, 0) scaleX(1)
        }
        75% {
            -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
            transform: translate3d(10px, 0, 0) scaleX(.98)
        }
        90% {
            -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
            transform: translate3d(-5px, 0, 0) scaleX(.995)
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes bounceInRight {
         0%, 60%, 75%, 90%, to {
             -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
             animation-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: translate3d(3000px, 0, 0) scaleX(3);
             transform: translate3d(3000px, 0, 0) scaleX(3)
         }
         60% {
             opacity: 1;
             -webkit-transform: translate3d(-25px, 0, 0) scaleX(1);
             transform: translate3d(-25px, 0, 0) scaleX(1)
         }
         75% {
             -webkit-transform: translate3d(10px, 0, 0) scaleX(.98);
             transform: translate3d(10px, 0, 0) scaleX(.98)
         }
         90% {
             -webkit-transform: translate3d(-5px, 0, 0) scaleX(.995);
             transform: translate3d(-5px, 0, 0) scaleX(.995)
         }
         to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__bounceInRight {
          -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight
      }

    @-webkit-keyframes bounceInUp {
        0%, 60%, 75%, 90%, to {
            -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
            animation-timing-function: cubic-bezier(.215, .61, .355, 1)
        }
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
            transform: translate3d(0, 3000px, 0) scaleY(5)
        }
        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
            transform: translate3d(0, -20px, 0) scaleY(.9)
        }
        75% {
            -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
            transform: translate3d(0, 10px, 0) scaleY(.95)
        }
        90% {
            -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
            transform: translate3d(0, -5px, 0) scaleY(.985)
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes bounceInUp {
         0%, 60%, 75%, 90%, to {
             -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
             animation-timing-function: cubic-bezier(.215, .61, .355, 1)
         }
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, 3000px, 0) scaleY(5);
             transform: translate3d(0, 3000px, 0) scaleY(5)
         }
         60% {
             opacity: 1;
             -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
             transform: translate3d(0, -20px, 0) scaleY(.9)
         }
         75% {
             -webkit-transform: translate3d(0, 10px, 0) scaleY(.95);
             transform: translate3d(0, 10px, 0) scaleY(.95)
         }
         90% {
             -webkit-transform: translate3d(0, -5px, 0) scaleY(.985);
             transform: translate3d(0, -5px, 0) scaleY(.985)
         }
         to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__bounceInUp {
          -webkit-animation-name: bounceInUp;
          animation-name: bounceInUp
      }

    @-webkit-keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9)
        }
        50%, 55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1)
        }
        to {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
    }@keyframes bounceOut {
         20% {
             -webkit-transform: scale3d(.9, .9, .9);
             transform: scale3d(.9, .9, .9)
         }
         50%, 55% {
             opacity: 1;
             -webkit-transform: scale3d(1.1, 1.1, 1.1);
             transform: scale3d(1.1, 1.1, 1.1)
         }
         to {
             opacity: 0;
             -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3)
         }
     }.animate__bounceOut {
          -webkit-animation-duration: .75s;
          animation-duration: .75s;
          -webkit-animation-duration: calc(var(--animate-duration) * .75);
          animation-duration: calc(var(--animate-duration) * .75);
          -webkit-animation-name: bounceOut;
          animation-name: bounceOut
      }

    @-webkit-keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
            transform: translate3d(0, 10px, 0) scaleY(.985)
        }
        40%, 45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
            transform: translate3d(0, -20px, 0) scaleY(.9)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
            transform: translate3d(0, 2000px, 0) scaleY(3)
        }
    }@keyframes bounceOutDown {
         20% {
             -webkit-transform: translate3d(0, 10px, 0) scaleY(.985);
             transform: translate3d(0, 10px, 0) scaleY(.985)
         }
         40%, 45% {
             opacity: 1;
             -webkit-transform: translate3d(0, -20px, 0) scaleY(.9);
             transform: translate3d(0, -20px, 0) scaleY(.9)
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(0, 2000px, 0) scaleY(3);
             transform: translate3d(0, 2000px, 0) scaleY(3)
         }
     }.animate__bounceOutDown {
          -webkit-animation-name: bounceOutDown;
          animation-name: bounceOutDown
      }

    @-webkit-keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
            transform: translate3d(20px, 0, 0) scaleX(.9)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
            transform: translate3d(-2000px, 0, 0) scaleX(2)
        }
    }@keyframes bounceOutLeft {
         20% {
             opacity: 1;
             -webkit-transform: translate3d(20px, 0, 0) scaleX(.9);
             transform: translate3d(20px, 0, 0) scaleX(.9)
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(-2000px, 0, 0) scaleX(2);
             transform: translate3d(-2000px, 0, 0) scaleX(2)
         }
     }.animate__bounceOutLeft {
          -webkit-animation-name: bounceOutLeft;
          animation-name: bounceOutLeft
      }

    @-webkit-keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
            transform: translate3d(-20px, 0, 0) scaleX(.9)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
            transform: translate3d(2000px, 0, 0) scaleX(2)
        }
    }@keyframes bounceOutRight {
         20% {
             opacity: 1;
             -webkit-transform: translate3d(-20px, 0, 0) scaleX(.9);
             transform: translate3d(-20px, 0, 0) scaleX(.9)
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(2000px, 0, 0) scaleX(2);
             transform: translate3d(2000px, 0, 0) scaleX(2)
         }
     }.animate__bounceOutRight {
          -webkit-animation-name: bounceOutRight;
          animation-name: bounceOutRight
      }

    @-webkit-keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
            transform: translate3d(0, -10px, 0) scaleY(.985)
        }
        40%, 45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
            transform: translate3d(0, 20px, 0) scaleY(.9)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
            transform: translate3d(0, -2000px, 0) scaleY(3)
        }
    }@keyframes bounceOutUp {
         20% {
             -webkit-transform: translate3d(0, -10px, 0) scaleY(.985);
             transform: translate3d(0, -10px, 0) scaleY(.985)
         }
         40%, 45% {
             opacity: 1;
             -webkit-transform: translate3d(0, 20px, 0) scaleY(.9);
             transform: translate3d(0, 20px, 0) scaleY(.9)
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(0, -2000px, 0) scaleY(3);
             transform: translate3d(0, -2000px, 0) scaleY(3)
         }
     }.animate__bounceOutUp {
          -webkit-animation-name: bounceOutUp;
          animation-name: bounceOutUp
      }

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0
        }
        to {
            opacity: 1
        }
    }@keyframes fadeIn {
         0% {
             opacity: 0
         }
         to {
             opacity: 1
         }
     }.animate__fadeIn {
          -webkit-animation-name: fadeIn;
          animation-name: fadeIn
      }

    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInDown {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInDown {
          -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown
      }

    @-webkit-keyframes fadeInDownBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInDownBig {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, -2000px, 0);
             transform: translate3d(0, -2000px, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInDownBig {
          -webkit-animation-name: fadeInDownBig;
          animation-name: fadeInDownBig
      }

    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInLeft {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInLeft {
          -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft
      }

    @-webkit-keyframes fadeInLeftBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInLeftBig {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(-2000px, 0, 0);
             transform: translate3d(-2000px, 0, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInLeftBig {
          -webkit-animation-name: fadeInLeftBig;
          animation-name: fadeInLeftBig
      }

    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInRight {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInRight {
          -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight
      }

    @-webkit-keyframes fadeInRightBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInRightBig {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(2000px, 0, 0);
             transform: translate3d(2000px, 0, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInRightBig {
          -webkit-animation-name: fadeInRightBig;
          animation-name: fadeInRightBig
      }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInUp {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInUp {
          -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp
      }

    @-webkit-keyframes fadeInUpBig {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInUpBig {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(0, 2000px, 0);
             transform: translate3d(0, 2000px, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInUpBig {
          -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig
      }

    @-webkit-keyframes fadeInTopLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, -100%, 0);
            transform: translate3d(-100%, -100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInTopLeft {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(-100%, -100%, 0);
             transform: translate3d(-100%, -100%, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInTopLeft {
          -webkit-animation-name: fadeInTopLeft;
          animation-name: fadeInTopLeft
      }

    @-webkit-keyframes fadeInTopRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, -100%, 0);
            transform: translate3d(100%, -100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInTopRight {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(100%, -100%, 0);
             transform: translate3d(100%, -100%, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInTopRight {
          -webkit-animation-name: fadeInTopRight;
          animation-name: fadeInTopRight
      }

    @-webkit-keyframes fadeInBottomLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInBottomLeft {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(-100%, 100%, 0);
             transform: translate3d(-100%, 100%, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInBottomLeft {
          -webkit-animation-name: fadeInBottomLeft;
          animation-name: fadeInBottomLeft
      }

    @-webkit-keyframes fadeInBottomRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes fadeInBottomRight {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(100%, 100%, 0);
             transform: translate3d(100%, 100%, 0)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__fadeInBottomRight {
          -webkit-animation-name: fadeInBottomRight;
          animation-name: fadeInBottomRight
      }

    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1
        }
        to {
            opacity: 0
        }
    }@keyframes fadeOut {
         0% {
             opacity: 1
         }
         to {
             opacity: 0
         }
     }.animate__fadeOut {
          -webkit-animation-name: fadeOut;
          animation-name: fadeOut
      }

    @-webkit-keyframes fadeOutDown {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0)
        }
    }@keyframes fadeOutDown {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0)
         }
     }.animate__fadeOutDown {
          -webkit-animation-name: fadeOutDown;
          animation-name: fadeOutDown
      }

    @-webkit-keyframes fadeOutDownBig {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0)
        }
    }@keyframes fadeOutDownBig {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(0, 2000px, 0);
             transform: translate3d(0, 2000px, 0)
         }
     }.animate__fadeOutDownBig {
          -webkit-animation-name: fadeOutDownBig;
          animation-name: fadeOutDownBig
      }

    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0)
        }
    }@keyframes fadeOutLeft {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0)
         }
     }.animate__fadeOutLeft {
          -webkit-animation-name: fadeOutLeft;
          animation-name: fadeOutLeft
      }

    @-webkit-keyframes fadeOutLeftBig {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0)
        }
    }@keyframes fadeOutLeftBig {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(-2000px, 0, 0);
             transform: translate3d(-2000px, 0, 0)
         }
     }.animate__fadeOutLeftBig {
          -webkit-animation-name: fadeOutLeftBig;
          animation-name: fadeOutLeftBig
      }

    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0)
        }
    }@keyframes fadeOutRight {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0)
         }
     }.animate__fadeOutRight {
          -webkit-animation-name: fadeOutRight;
          animation-name: fadeOutRight
      }

    @-webkit-keyframes fadeOutRightBig {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0)
        }
    }@keyframes fadeOutRightBig {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(2000px, 0, 0);
             transform: translate3d(2000px, 0, 0)
         }
     }.animate__fadeOutRightBig {
          -webkit-animation-name: fadeOutRightBig;
          animation-name: fadeOutRightBig
      }

    @-webkit-keyframes fadeOutUp {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0)
        }
    }@keyframes fadeOutUp {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0)
         }
     }.animate__fadeOutUp {
          -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp
      }

    @-webkit-keyframes fadeOutUpBig {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0)
        }
    }@keyframes fadeOutUpBig {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(0, -2000px, 0);
             transform: translate3d(0, -2000px, 0)
         }
     }.animate__fadeOutUpBig {
          -webkit-animation-name: fadeOutUpBig;
          animation-name: fadeOutUpBig
      }

    @-webkit-keyframes fadeOutTopLeft {
        0% {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, -100%, 0);
            transform: translate3d(-100%, -100%, 0)
        }
    }@keyframes fadeOutTopLeft {
         0% {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(-100%, -100%, 0);
             transform: translate3d(-100%, -100%, 0)
         }
     }.animate__fadeOutTopLeft {
          -webkit-animation-name: fadeOutTopLeft;
          animation-name: fadeOutTopLeft
      }

    @-webkit-keyframes fadeOutTopRight {
        0% {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, -100%, 0);
            transform: translate3d(100%, -100%, 0)
        }
    }@keyframes fadeOutTopRight {
         0% {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(100%, -100%, 0);
             transform: translate3d(100%, -100%, 0)
         }
     }.animate__fadeOutTopRight {
          -webkit-animation-name: fadeOutTopRight;
          animation-name: fadeOutTopRight
      }

    @-webkit-keyframes fadeOutBottomRight {
        0% {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 100%, 0);
            transform: translate3d(100%, 100%, 0)
        }
    }@keyframes fadeOutBottomRight {
         0% {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(100%, 100%, 0);
             transform: translate3d(100%, 100%, 0)
         }
     }.animate__fadeOutBottomRight {
          -webkit-animation-name: fadeOutBottomRight;
          animation-name: fadeOutBottomRight
      }

    @-webkit-keyframes fadeOutBottomLeft {
        0% {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 100%, 0);
            transform: translate3d(-100%, 100%, 0)
        }
    }@keyframes fadeOutBottomLeft {
         0% {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(-100%, 100%, 0);
             transform: translate3d(-100%, 100%, 0)
         }
     }.animate__fadeOutBottomLeft {
          -webkit-animation-name: fadeOutBottomLeft;
          animation-name: fadeOutBottomLeft
      }

    @-webkit-keyframes flip {
        0% {
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
            -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
            transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
        }
        40% {
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
            -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
            transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
        }
        50% {
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
            transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
        }
        80% {
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
            transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
        }
        to {
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
            transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
        }
    }@keyframes flip {
         0% {
             -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out;
             -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
             transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
         }
         40% {
             -webkit-animation-timing-function: ease-out;
             animation-timing-function: ease-out;
             -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
             transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
         }
         50% {
             -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
             -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
             transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
         }
         80% {
             -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
             -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
             transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
         }
         to {
             -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
             -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
             transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
         }
     }.animate__animated.animate__flip {
          -webkit-animation-name: flip;
          animation-name: flip;
          -webkit-backface-visibility: visible;
          backface-visibility: visible
      }

    @-webkit-keyframes flipInX {
        0% {
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg)
        }
        40% {
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg)
        }
        60% {
            opacity: 1;
            -webkit-transform: perspective(400px) rotateX(10deg);
            transform: perspective(400px) rotateX(10deg)
        }
        80% {
            -webkit-transform: perspective(400px) rotateX(-5deg);
            transform: perspective(400px) rotateX(-5deg)
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }@keyframes flipInX {
         0% {
             -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
             opacity: 0;
             -webkit-transform: perspective(400px) rotateX(90deg);
             transform: perspective(400px) rotateX(90deg)
         }
         40% {
             -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
             -webkit-transform: perspective(400px) rotateX(-20deg);
             transform: perspective(400px) rotateX(-20deg)
         }
         60% {
             opacity: 1;
             -webkit-transform: perspective(400px) rotateX(10deg);
             transform: perspective(400px) rotateX(10deg)
         }
         80% {
             -webkit-transform: perspective(400px) rotateX(-5deg);
             transform: perspective(400px) rotateX(-5deg)
         }
         to {
             -webkit-transform: perspective(400px);
             transform: perspective(400px)
         }
     }.animate__flipInX {
          -webkit-animation-name: flipInX;
          animation-name: flipInX;
          -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important
      }

    @-webkit-keyframes flipInY {
        0% {
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            opacity: 0;
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg)
        }
        40% {
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
            -webkit-transform: perspective(400px) rotateY(-20deg);
            transform: perspective(400px) rotateY(-20deg)
        }
        60% {
            opacity: 1;
            -webkit-transform: perspective(400px) rotateY(10deg);
            transform: perspective(400px) rotateY(10deg)
        }
        80% {
            -webkit-transform: perspective(400px) rotateY(-5deg);
            transform: perspective(400px) rotateY(-5deg)
        }
        to {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
    }@keyframes flipInY {
         0% {
             -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
             opacity: 0;
             -webkit-transform: perspective(400px) rotateY(90deg);
             transform: perspective(400px) rotateY(90deg)
         }
         40% {
             -webkit-animation-timing-function: ease-in;
             animation-timing-function: ease-in;
             -webkit-transform: perspective(400px) rotateY(-20deg);
             transform: perspective(400px) rotateY(-20deg)
         }
         60% {
             opacity: 1;
             -webkit-transform: perspective(400px) rotateY(10deg);
             transform: perspective(400px) rotateY(10deg)
         }
         80% {
             -webkit-transform: perspective(400px) rotateY(-5deg);
             transform: perspective(400px) rotateY(-5deg)
         }
         to {
             -webkit-transform: perspective(400px);
             transform: perspective(400px)
         }
     }.animate__flipInY {
          -webkit-animation-name: flipInY;
          animation-name: flipInY;
          -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important
      }

    @-webkit-keyframes flipOutX {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
        30% {
            opacity: 1;
            -webkit-transform: perspective(400px) rotateX(-20deg);
            transform: perspective(400px) rotateX(-20deg)
        }
        to {
            opacity: 0;
            -webkit-transform: perspective(400px) rotateX(90deg);
            transform: perspective(400px) rotateX(90deg)
        }
    }@keyframes flipOutX {
         0% {
             -webkit-transform: perspective(400px);
             transform: perspective(400px)
         }
         30% {
             opacity: 1;
             -webkit-transform: perspective(400px) rotateX(-20deg);
             transform: perspective(400px) rotateX(-20deg)
         }
         to {
             opacity: 0;
             -webkit-transform: perspective(400px) rotateX(90deg);
             transform: perspective(400px) rotateX(90deg)
         }
     }.animate__flipOutX {
          -webkit-animation-duration: .75s;
          animation-duration: .75s;
          -webkit-animation-duration: calc(var(--animate-duration) * .75);
          animation-duration: calc(var(--animate-duration) * .75);
          -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
          -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important
      }

    @-webkit-keyframes flipOutY {
        0% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px)
        }
        30% {
            opacity: 1;
            -webkit-transform: perspective(400px) rotateY(-15deg);
            transform: perspective(400px) rotateY(-15deg)
        }
        to {
            opacity: 0;
            -webkit-transform: perspective(400px) rotateY(90deg);
            transform: perspective(400px) rotateY(90deg)
        }
    }@keyframes flipOutY {
         0% {
             -webkit-transform: perspective(400px);
             transform: perspective(400px)
         }
         30% {
             opacity: 1;
             -webkit-transform: perspective(400px) rotateY(-15deg);
             transform: perspective(400px) rotateY(-15deg)
         }
         to {
             opacity: 0;
             -webkit-transform: perspective(400px) rotateY(90deg);
             transform: perspective(400px) rotateY(90deg)
         }
     }.animate__flipOutY {
          -webkit-animation-duration: .75s;
          animation-duration: .75s;
          -webkit-animation-duration: calc(var(--animate-duration) * .75);
          animation-duration: calc(var(--animate-duration) * .75);
          -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
          -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important
      }

    @-webkit-keyframes lightSpeedInRight {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
            transform: translate3d(100%, 0, 0) skewX(-30deg)
        }
        60% {
            opacity: 1;
            -webkit-transform: skewX(20deg);
            transform: skewX(20deg)
        }
        80% {
            -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg)
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes lightSpeedInRight {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
             transform: translate3d(100%, 0, 0) skewX(-30deg)
         }
         60% {
             opacity: 1;
             -webkit-transform: skewX(20deg);
             transform: skewX(20deg)
         }
         80% {
             -webkit-transform: skewX(-5deg);
             transform: skewX(-5deg)
         }
         to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__lightSpeedInRight {
          -webkit-animation-name: lightSpeedInRight;
          animation-name: lightSpeedInRight;
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
      }

    @-webkit-keyframes lightSpeedInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
            transform: translate3d(-100%, 0, 0) skewX(30deg)
        }
        60% {
            opacity: 1;
            -webkit-transform: skewX(-20deg);
            transform: skewX(-20deg)
        }
        80% {
            -webkit-transform: skewX(5deg);
            transform: skewX(5deg)
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes lightSpeedInLeft {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(-100%, 0, 0) skewX(30deg);
             transform: translate3d(-100%, 0, 0) skewX(30deg)
         }
         60% {
             opacity: 1;
             -webkit-transform: skewX(-20deg);
             transform: skewX(-20deg)
         }
         80% {
             -webkit-transform: skewX(5deg);
             transform: skewX(5deg)
         }
         to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__lightSpeedInLeft {
          -webkit-animation-name: lightSpeedInLeft;
          animation-name: lightSpeedInLeft;
          -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out
      }

    @-webkit-keyframes lightSpeedOutRight {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg)
        }
    }@keyframes lightSpeedOutRight {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
             transform: translate3d(100%, 0, 0) skewX(30deg)
         }
     }.animate__lightSpeedOutRight {
          -webkit-animation-name: lightSpeedOutRight;
          animation-name: lightSpeedOutRight;
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }

    @-webkit-keyframes lightSpeedOutLeft {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
            transform: translate3d(-100%, 0, 0) skewX(-30deg)
        }
    }@keyframes lightSpeedOutLeft {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(-100%, 0, 0) skewX(-30deg);
             transform: translate3d(-100%, 0, 0) skewX(-30deg)
         }
     }.animate__lightSpeedOutLeft {
          -webkit-animation-name: lightSpeedOutLeft;
          animation-name: lightSpeedOutLeft;
          -webkit-animation-timing-function: ease-in;
          animation-timing-function: ease-in
      }

    @-webkit-keyframes rotateIn {
        0% {
            opacity: 0;
            -webkit-transform: rotate(-200deg);
            transform: rotate(-200deg)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes rotateIn {
         0% {
             opacity: 0;
             -webkit-transform: rotate(-200deg);
             transform: rotate(-200deg)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__rotateIn {
          -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
          -webkit-transform-origin: center;
          transform-origin: center
      }

    @-webkit-keyframes rotateInDownLeft {
        0% {
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes rotateInDownLeft {
         0% {
             opacity: 0;
             -webkit-transform: rotate(-45deg);
             transform: rotate(-45deg)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__rotateInDownLeft {
          -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom
      }

    @-webkit-keyframes rotateInDownRight {
        0% {
            opacity: 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes rotateInDownRight {
         0% {
             opacity: 0;
             -webkit-transform: rotate(45deg);
             transform: rotate(45deg)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__rotateInDownRight {
          -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom
      }

    @-webkit-keyframes rotateInUpLeft {
        0% {
            opacity: 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes rotateInUpLeft {
         0% {
             opacity: 0;
             -webkit-transform: rotate(45deg);
             transform: rotate(45deg)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__rotateInUpLeft {
          -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom
      }

    @-webkit-keyframes rotateInUpRight {
        0% {
            opacity: 0;
            -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes rotateInUpRight {
         0% {
             opacity: 0;
             -webkit-transform: rotate(-90deg);
             transform: rotate(-90deg)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__rotateInUpRight {
          -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom
      }

    @-webkit-keyframes rotateOut {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: rotate(200deg);
            transform: rotate(200deg)
        }
    }@keyframes rotateOut {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: rotate(200deg);
             transform: rotate(200deg)
         }
     }.animate__rotateOut {
          -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
          -webkit-transform-origin: center;
          transform-origin: center
      }

    @-webkit-keyframes rotateOutDownLeft {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg)
        }
    }@keyframes rotateOutDownLeft {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: rotate(45deg);
             transform: rotate(45deg)
         }
     }.animate__rotateOutDownLeft {
          -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom
      }

    @-webkit-keyframes rotateOutDownRight {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }
    }@keyframes rotateOutDownRight {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: rotate(-45deg);
             transform: rotate(-45deg)
         }
     }.animate__rotateOutDownRight {
          -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom
      }

    @-webkit-keyframes rotateOutUpLeft {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }
    }@keyframes rotateOutUpLeft {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: rotate(-45deg);
             transform: rotate(-45deg)
         }
     }.animate__rotateOutUpLeft {
          -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
          -webkit-transform-origin: left bottom;
          transform-origin: left bottom
      }

    @-webkit-keyframes rotateOutUpRight {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }
    }@keyframes rotateOutUpRight {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: rotate(90deg);
             transform: rotate(90deg)
         }
     }.animate__rotateOutUpRight {
          -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
          -webkit-transform-origin: right bottom;
          transform-origin: right bottom
      }

    @-webkit-keyframes hinge {
        0% {
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out
        }
        20%, 60% {
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            -webkit-transform: rotate(80deg);
            transform: rotate(80deg)
        }
        40%, 80% {
            -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
            opacity: 1;
            -webkit-transform: rotate(60deg);
            transform: rotate(60deg)
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0)
        }
    }@keyframes hinge {
         0% {
             -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out
         }
         20%, 60% {
             -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out;
             -webkit-transform: rotate(80deg);
             transform: rotate(80deg)
         }
         40%, 80% {
             -webkit-animation-timing-function: ease-in-out;
             animation-timing-function: ease-in-out;
             opacity: 1;
             -webkit-transform: rotate(60deg);
             transform: rotate(60deg)
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(0, 700px, 0);
             transform: translate3d(0, 700px, 0)
         }
     }.animate__hinge {
          -webkit-animation-duration: 2s;
          animation-duration: 2s;
          -webkit-animation-duration: calc(var(--animate-duration) * 2);
          animation-duration: calc(var(--animate-duration) * 2);
          -webkit-animation-name: hinge;
          animation-name: hinge;
          -webkit-transform-origin: top left;
          transform-origin: top left
      }

    @-webkit-keyframes jackInTheBox {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1) rotate(30deg);
            transform: scale(.1) rotate(30deg);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom
        }
        50% {
            -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg)
        }
        70% {
            -webkit-transform: rotate(3deg);
            transform: rotate(3deg)
        }
        to {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }@keyframes jackInTheBox {
         0% {
             opacity: 0;
             -webkit-transform: scale(.1) rotate(30deg);
             transform: scale(.1) rotate(30deg);
             -webkit-transform-origin: center bottom;
             transform-origin: center bottom
         }
         50% {
             -webkit-transform: rotate(-10deg);
             transform: rotate(-10deg)
         }
         70% {
             -webkit-transform: rotate(3deg);
             transform: rotate(3deg)
         }
         to {
             opacity: 1;
             -webkit-transform: scale(1);
             transform: scale(1)
         }
     }.animate__jackInTheBox {
          -webkit-animation-name: jackInTheBox;
          animation-name: jackInTheBox
      }

    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
            transform: translate3d(-100%, 0, 0) rotate(-120deg)
        }
        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes rollIn {
         0% {
             opacity: 0;
             -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
             transform: translate3d(-100%, 0, 0) rotate(-120deg)
         }
         to {
             opacity: 1;
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__rollIn {
          -webkit-animation-name: rollIn;
          animation-name: rollIn
      }

    @-webkit-keyframes rollOut {
        0% {
            opacity: 1
        }
        to {
            opacity: 0;
            -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
            transform: translate3d(100%, 0, 0) rotate(120deg)
        }
    }@keyframes rollOut {
         0% {
             opacity: 1
         }
         to {
             opacity: 0;
             -webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
             transform: translate3d(100%, 0, 0) rotate(120deg)
         }
     }.animate__rollOut {
          -webkit-animation-name: rollOut;
          animation-name: rollOut
      }

    @-webkit-keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        50% {
            opacity: 1
        }
    }@keyframes zoomIn {
         0% {
             opacity: 0;
             -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3)
         }
         50% {
             opacity: 1
         }
     }.animate__zoomIn {
          -webkit-animation-name: zoomIn;
          animation-name: zoomIn
      }

    @-webkit-keyframes zoomInDown {
        0% {
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
        }
        60% {
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
        }
    }@keyframes zoomInDown {
         0% {
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
         }
         60% {
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
         }
     }.animate__zoomInDown {
          -webkit-animation-name: zoomInDown;
          animation-name: zoomInDown
      }

    @-webkit-keyframes zoomInLeft {
        0% {
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
        }
        60% {
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
        }
    }@keyframes zoomInLeft {
         0% {
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
             transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
         }
         60% {
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
         }
     }.animate__zoomInLeft {
          -webkit-animation-name: zoomInLeft;
          animation-name: zoomInLeft
      }

    @-webkit-keyframes zoomInRight {
        0% {
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
        }
        60% {
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
        }
    }@keyframes zoomInRight {
         0% {
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
             transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
         }
         60% {
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
         }
     }.animate__zoomInRight {
          -webkit-animation-name: zoomInRight;
          animation-name: zoomInRight
      }

    @-webkit-keyframes zoomInUp {
        0% {
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
        }
        60% {
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
        }
    }@keyframes zoomInUp {
         0% {
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
         }
         60% {
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
         }
     }.animate__zoomInUp {
          -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp
      }

    @-webkit-keyframes zoomOut {
        0% {
            opacity: 1
        }
        50% {
            opacity: 0;
            -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3)
        }
        to {
            opacity: 0
        }
    }@keyframes zoomOut {
         0% {
             opacity: 1
         }
         50% {
             opacity: 0;
             -webkit-transform: scale3d(.3, .3, .3);
             transform: scale3d(.3, .3, .3)
         }
         to {
             opacity: 0
         }
     }.animate__zoomOut {
          -webkit-animation-name: zoomOut;
          animation-name: zoomOut
      }

    @-webkit-keyframes zoomOutDown {
        40% {
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
        }
        to {
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
        }
    }@keyframes zoomOutDown {
         40% {
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
         }
         to {
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0)
         }
     }.animate__zoomOutDown {
          -webkit-animation-name: zoomOutDown;
          animation-name: zoomOutDown;
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom
      }

    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0)
        }
    }@keyframes zoomOutLeft {
         40% {
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
         }
         to {
             opacity: 0;
             -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
             transform: scale(.1) translate3d(-2000px, 0, 0)
         }
     }.animate__zoomOutLeft {
          -webkit-animation-name: zoomOutLeft;
          animation-name: zoomOutLeft;
          -webkit-transform-origin: left center;
          transform-origin: left center
      }

    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
        }
        to {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0)
        }
    }@keyframes zoomOutRight {
         40% {
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
             transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
         }
         to {
             opacity: 0;
             -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
             transform: scale(.1) translate3d(2000px, 0, 0)
         }
     }.animate__zoomOutRight {
          -webkit-animation-name: zoomOutRight;
          animation-name: zoomOutRight;
          -webkit-transform-origin: right center;
          transform-origin: right center
      }

    @-webkit-keyframes zoomOutUp {
        40% {
            -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            animation-timing-function: cubic-bezier(.55, .055, .675, .19);
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
        }
        to {
            -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            animation-timing-function: cubic-bezier(.175, .885, .32, 1);
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
        }
    }@keyframes zoomOutUp {
         40% {
             -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             animation-timing-function: cubic-bezier(.55, .055, .675, .19);
             opacity: 1;
             -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
             transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
         }
         to {
             -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             animation-timing-function: cubic-bezier(.175, .885, .32, 1);
             opacity: 0;
             -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
             transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0)
         }
     }.animate__zoomOutUp {
          -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
          -webkit-transform-origin: center bottom;
          transform-origin: center bottom
      }

    @-webkit-keyframes slideInDown {
        0% {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes slideInDown {
         0% {
             -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0);
             visibility: visible
         }
         to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__slideInDown {
          -webkit-animation-name: slideInDown;
          animation-name: slideInDown
      }

    @-webkit-keyframes slideInLeft {
        0% {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes slideInLeft {
         0% {
             -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
             visibility: visible
         }
         to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__slideInLeft {
          -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft
      }

    @-webkit-keyframes slideInRight {
        0% {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes slideInRight {
         0% {
             -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0);
             visibility: visible
         }
         to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__slideInRight {
          -webkit-animation-name: slideInRight;
          animation-name: slideInRight
      }

    @-webkit-keyframes slideInUp {
        0% {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: visible
        }
        to {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }@keyframes slideInUp {
         0% {
             -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0);
             visibility: visible
         }
         to {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
     }.animate__slideInUp {
          -webkit-animation-name: slideInUp;
          animation-name: slideInUp
      }

    @-webkit-keyframes slideOutDown {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        to {
            -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
            visibility: hidden
        }
    }@keyframes slideOutDown {
         0% {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         to {
             -webkit-transform: translate3d(0, 100%, 0);
             transform: translate3d(0, 100%, 0);
             visibility: hidden
         }
     }.animate__slideOutDown {
          -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown
      }

    @-webkit-keyframes slideOutLeft {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        to {
            -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
            visibility: hidden
        }
    }@keyframes slideOutLeft {
         0% {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         to {
             -webkit-transform: translate3d(-100%, 0, 0);
             transform: translate3d(-100%, 0, 0);
             visibility: hidden
         }
     }.animate__slideOutLeft {
          -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft
      }

    @-webkit-keyframes slideOutRight {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        to {
            -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
            visibility: hidden
        }
    }@keyframes slideOutRight {
         0% {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         to {
             -webkit-transform: translate3d(100%, 0, 0);
             transform: translate3d(100%, 0, 0);
             visibility: hidden
         }
     }.animate__slideOutRight {
          -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight
      }

    @-webkit-keyframes slideOutUp {
        0% {
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
        to {
            -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
            visibility: hidden
        }
    }@keyframes slideOutUp {
         0% {
             -webkit-transform: translateZ(0);
             transform: translateZ(0)
         }
         to {
             -webkit-transform: translate3d(0, -100%, 0);
             transform: translate3d(0, -100%, 0);
             visibility: hidden
         }
     }.animate__slideOutUp {
          -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp
      }
}