HEX
Server: Apache/2.4.58 (Ubuntu)
System: Linux ns3133907 6.8.0-86-generic #87-Ubuntu SMP PREEMPT_DYNAMIC Mon Sep 22 18:03:36 UTC 2025 x86_64
User: cssnetorguk (1024)
PHP: 8.2.28
Disabled: NONE
Upload Files
File: //home/brucelee.org.uk/public_html/bn/front/css/animation.css
@charset "UTF-8";


.smallDownBounce{
    animation-name: smallDownBounce; -webkit-animation-name: smallDownBounce; 
    animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; 
    visibility: visible !important;           
}
@keyframes smallDownBounce {
    0% {
            transform: translateY(-100%);
    }
    50%{
            transform: translateY(8%);
    }
    65%{
            transform: translateY(-4%);
    }
    80%{
            transform: translateY(4%);
    }
    95%{
            transform: translateY(-2%);
    }     
    100% {
            transform: translateY(0%);
    }   
}
@-webkit-keyframes smallDownBounce {
    0% {
            -webkit-transform: translateY(-100%);
    }
    50%{
            -webkit-transform: translateY(8%);
    }
    65%{
            -webkit-transform: translateY(-4%);
    }
    80%{
            -webkit-transform: translateY(4%);
    }
    95%{
            -webkit-transform: translateY(-2%);
    }     
    100% {
            -webkit-transform: translateY(0%);
    } 
}



.smallUpBounce{
    animation-name: smallUpBounce; -webkit-animation-name: smallUpBounce; 
    animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease;
    visibility: visible !important;     
}
@keyframes smallUpBounce {
    0% {
            transform: translateY(100%);
    }
    50%{
            transform: translateY(-8%);
    }
    65%{
            transform: translateY(4%);
    }
    80%{
            transform: translateY(-4%);
    }
    95%{
            transform: translateY(2%);
    }     
    100% {
            transform: translateY(0%);
    } 
}
@-webkit-keyframes smallUpBounce {
    0% {
            -webkit-transform: translateY(100%);
    }
    50%{
            -webkit-transform: translateY(-8%);
    }
    65%{
            -webkit-transform: translateY(4%);
    }
    80%{
            -webkit-transform: translateY(-4%);
    }
    95%{
            -webkit-transform: translateY(2%);
    }     
    100% {
            -webkit-transform: translateY(0%);
    } 
}






.slideUpExpand{
    animation-name: slideUpExpand; -webkit-animation-name: slideUpExpand; 
    animation-duration: 1.6s; -webkit-animation-duration: 1.6s;
    animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out;
    visibility: visible !important; 
}

@keyframes slideUpExpand {
    0% {
            transform: translateY(100%) scaleX(0.5);
    }
    30%{
            transform: translateY(-8%) scaleX(0.5);
    } 
    40%{
            transform: translateY(2%) scaleX(0.5);
    }
    50%{
            transform: translateY(0%) scaleX(1.1);
    }
    60%{
            transform: translateY(0%) scaleX(0.9);    
    }
    70% {
            transform: translateY(0%) scaleX(1.05);
    }     
    80%{
            transform: translateY(0%) scaleX(0.95);   
    }
    90% {
            transform: translateY(0%) scaleX(1.02);
    } 
    100%{
            transform: translateY(0%) scaleX(1);    
    }
}

@-webkit-keyframes slideUpExpand {
    0% {
            -webkit-transform: translateY(100%) scaleX(0.5);
    }
    30%{
            -webkit-transform: translateY(-8%) scaleX(0.5);
    } 
    40%{
            -webkit-transform: translateY(2%) scaleX(0.5);
    }
    50%{
            -webkit-transform: translateY(0%) scaleX(1.1);
    }
    60%{
            -webkit-transform: translateY(0%) scaleX(0.9);    
    }
    70% {
            -webkit-transform: translateY(0%) scaleX(1.05);
    }     
    80%{
            -webkit-transform: translateY(0%) scaleX(0.95);   
    }
    90% {
            -webkit-transform: translateY(0%) scaleX(1.02);
    } 
    100%{
            -webkit-transform: translateY(0%) scaleX(1);    
    }
}


.expandUp{
    animation-name: expandUp; -webkit-animation-name: expandUp; 
    animation-duration: 0.7s; -webkit-animation-duration: 0.7s;
    animation-timing-function: ease; -webkit-animation-timing-function: ease;   
    visibility: visible !important; 
}

@keyframes expandUp {
    0% {
            transform: translateY(100%) scale(0.6) scaleY(0.5);
    }
    60%{
            transform: translateY(-7%) scaleY(1.12);
    }
    75%{
            transform: translateY(3%);
    } 
    100% {
            transform: translateY(0%) scale(1) scaleY(1);
    } 
}

@-webkit-keyframes expandUp {
    0% {
            -webkit-transform: translateY(100%) scale(0.6) scaleY(0.5);
    }
    60%{
            -webkit-transform: translateY(-7%) scaleY(1.12);
    }
    75%{
            -webkit-transform: translateY(3%);
    } 
    100% {
            -webkit-transform: translateY(0%) scale(1) scaleY(1);
    } 
}


.zoomRock{
    animation-name: zoomRock; -webkit-animation-name: zoomRock; 
    animation-duration: 2s; -webkit-animation-duration: 2s;
    animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out;
    transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; 
    visibility: visible !important;   
}
@keyframes zoomRock {
    0% {
            transform: rotate(0deg) scale(.3);
    }
    20% {
            transform: rotate(-2deg) scaleY(1);
    }
    35% {
            transform: rotate(2deg) scaleY(1);
    }
    50% {
            transform: rotate(-2deg);
    } 
    65% {
            transform: rotate(1deg);
    } 
    80% {
            transform: rotate(-1deg);
    }   
    100% {
            transform: rotate(0deg);
    }                 
}
@-webkit-keyframes zoomRock {
    0% {
            -webkit-transform: rotate(0deg) scale(.3);
    }
    20% {
            -webkit-transform: rotate(-2deg) scaleY(1);
    }
    35% {
            -webkit-transform: rotate(2deg) scaleY(1);
    }
    50% {
            -webkit-transform: rotate(-2deg);
    } 
    65% {
            -webkit-transform: rotate(1deg);
    } 
    80% {
            -webkit-transform: rotate(-1deg);
    }   
    100% {
            -webkit-transform: rotate(0deg);
    }   
}


.jumpDown {
  -webkit-animation-name: jumpDown;  animation-name: jumpDown;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes jumpDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes jumpDown {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}


.blink {
  -webkit-animation-name: blink;  animation-name: blink;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes blink {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}
@keyframes blink {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}


.pulse {
  -webkit-animation-name: pulse;  animation-name: pulse;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

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


.rubberBand {
  -webkit-animation-name: rubberBand;  animation-name: rubberBand;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  30% {
    -webkit-transform: scaleX(1.25) scaleY(0.75);
    -ms-transform: scaleX(1.25) scaleY(0.75);
    transform: scaleX(1.25) scaleY(0.75);
  }
  40% {
    -webkit-transform: scaleX(0.75) scaleY(1.25);
    -ms-transform: scaleX(0.75) scaleY(1.25);
    transform: scaleX(0.75) scaleY(1.25);
  }
  60% {
    -webkit-transform: scaleX(1.15) scaleY(0.85);
    -ms-transform: scaleX(1.15) scaleY(0.85);
    transform: scaleX(1.15) scaleY(0.85);
  }
  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


.shake {
  -webkit-animation-name: shake;  animation-name: shake;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}


.nope {
  -webkit-animation-name: nope;  animation-name: nope;
  -webkit-animation-duration: .5s;  animation-duration: .5s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes nope {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  20%, 60% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  40%, 80% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
  }
}
@keyframes nope {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  20%, 60% {
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  40%, 80% {
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    transform: translateX(5px);
  }
}


.swing {
  -webkit-transform-origin: top center;  -ms-transform-origin: top center;  transform-origin: top center;  -webkit-animation-name: swing;  animation-name: swing;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-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);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}


.tada {
  -webkit-animation-name: tada;  animation-name: tada;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }
  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}


.wobble {
  -webkit-animation-name: wobble;  animation-name: wobble;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }
  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }
  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }
  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }
  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }
  100% {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
}


.bounceIn {
  -webkit-animation-name: bounceIn;  animation-name: bounceIn;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


.bounceInDown {
  -webkit-animation-name: bounceInDown;  animation-name: bounceInDown;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }
  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


.bounceInLeft {
  -webkit-animation-name: bounceInLeft;  animation-name: bounceInLeft;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }
  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


.bounceInRight {
  -webkit-animation-name: bounceInRight;  animation-name: bounceInRight;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }
  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


.bounceInUp {
  -webkit-animation-name: bounceInUp;  animation-name: bounceInUp;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }
  100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}



.fadeIn {
  -webkit-animation-name: fadeIn;  animation-name: fadeIn;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.fadeInSlow {
  -webkit-animation-name: fadeInSlow;  animation-name: fadeInSlow;
  -webkit-animation-duration: 2s;  animation-duration: 2s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes fadeInSlow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInSlow {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.fadeInSlower {
  -webkit-animation-name: fadeInSlower;  animation-name: fadeInSlower;
  -webkit-animation-duration: 3s;  animation-duration: 3s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes fadeInSlower {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeInSlower {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


.fadeInDown {
  -webkit-animation-name: fadeInDown; animation-name: fadeInDown;
  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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


.bigSlideDown {
  -webkit-animation-name: bigSlideDown;  animation-name: bigSlideDown;
  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes bigSlideDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bigSlideDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


.fadeInLeft {
  -webkit-animation-name: fadeInLeft;  animation-name: fadeInLeft;
  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


.bigSlideLeft {
  -webkit-animation-name: bigSlideLeft;  animation-name: bigSlideLeft;
  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes bigSlideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bigSlideLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


.fadeInRight {
  -webkit-animation-name: fadeInRight;  animation-name: fadeInRight;
  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


.bigSlideRight {
  -webkit-animation-name: bigSlideRight;  animation-name: bigSlideRight;
  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes bigSlideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes bigSlideRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}


.fadeInUp {
  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;
  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


.bigSlideUp {
  -webkit-animation-name: bigSlideUp;  animation-name: bigSlideUp;
  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes bigSlideUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes bigSlideUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}


.spinner {
  -webkit-animation-name: spinner;  animation-name: spinner;
  -webkit-backface-visibility: visible;  -ms-backface-visibility: visible;  backface-visibility: visible;
  -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;
}
@-webkit-keyframes spinner {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes spinner {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}


.inTheWind {
  -webkit-animation-name: inTheWind;  animation-name: inTheWind;
  -webkit-backface-visibility: visible !important;  -ms-backface-visibility: visible !important;  backface-visibility: visible !important;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes inTheWind {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}
@keyframes inTheWind {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}


.seeSaw {
  -webkit-animation-name: seeSaw;  animation-name: seeSaw;
  -webkit-backface-visibility: visible !important;  -ms-backface-visibility: visible !important;  backface-visibility: visible !important;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes seeSaw {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}
@keyframes seeSaw {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }
  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }
  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}


.zoomingIn {
  -webkit-animation-name: zoomingIn;  animation-name: zoomingIn;
  -webkit-animation-timing-function: ease-out;  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes zoomingIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}
@keyframes zoomingIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}



.rotateIn {
  -webkit-animation-name: rotateIn;  animation-name: rotateIn;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}


.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;  animation-name: rotateInDownLeft;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}


.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;  animation-name: rotateInDownRight;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}


.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;  animation-name: rotateInUpLeft;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}


.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;  animation-name: rotateInUpRight;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}



.rollingIn {
  -webkit-animation-name: rollingIn;  animation-name: rollingIn;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes rollingIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollingIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}



.expand {
  -webkit-animation-name: expand;  animation-name: expand;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes expand {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes expand {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
  50% {
    opacity: 1;
  }
}


.flyInDown {
  -webkit-animation-name: flyInDown;  animation-name: flyInDown;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes flyInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(-2000px);
    -ms-transform: scale(.1) translateY(-2000px);
    transform: scale(.1) translateY(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(60px);
    -ms-transform: scale(.475) translateY(60px);
    transform: scale(.475) translateY(60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}


.flyInLeft {
  -webkit-animation-name: flyInLeft;  animation-name: flyInLeft;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes flyInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(-2000px);
    -ms-transform: scale(.1) translateX(-2000px);
    transform: scale(.1) translateX(-2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(48px);
    -ms-transform: scale(.475) translateX(48px);
    transform: scale(.475) translateX(48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}


.flyInRight {
  -webkit-animation-name: flyInRight;  animation-name: flyInRight;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes flyInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateX(2000px);
    -ms-transform: scale(.1) translateX(2000px);
    transform: scale(.1) translateX(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateX(-48px);
    -ms-transform: scale(.475) translateX(-48px);
    transform: scale(.475) translateX(-48px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}


.flyInUp {
  -webkit-animation-name: flyInUp;  animation-name: flyInUp;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}
@-webkit-keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}
@keyframes flyInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale(.1) translateY(2000px);
    -ms-transform: scale(.1) translateY(2000px);
    transform: scale(.1) translateY(2000px);
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  60% {
    opacity: 1;
    -webkit-transform: scale(.475) translateY(-60px);
    -ms-transform: scale(.475) translateY(-60px);
    transform: scale(.475) translateY(-60px);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
}


.wavering{
    animation-name: wavering; -webkit-animation-name: wavering; 
    animation-duration: 2.5s; -webkit-animation-duration: 2.5s;
    animation-iteration-count: infinite;  -webkit-animation-iteration-count: infinite;
}
@keyframes wavering {
    0% {
            transform: rotate(-4deg); 
    }
    50% {
            transform: rotate(4deg);
    }
    100% {
            transform: rotate(-4deg); 
    }           
}
@-webkit-keyframes wavering {
    0% {
            -webkit-transform: rotate(-4deg); 
    }
    50% {
            -webkit-transform: rotate(4deg);
    }
    100% {
            -webkit-transform: rotate(-4deg); 
    }       
}




.blinking {
  -webkit-animation-name: blinking;  animation-name: blinking;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
  animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes blinking {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.5;
  }
}
@keyframes blinking {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.5;
  }
}

.blinkingSlow {
  -webkit-animation-name: blinkingSlow;  animation-name: blinkingSlow;
  -webkit-animation-duration: 3s;  animation-duration: 3s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
  animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes blinkingSlow {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.5;
  }
}
@keyframes blinkingSlow {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0.5;
  }
}

.pulsating{
    animation-name: pulsating; -webkit-animation-name: pulsating; 
    animation-duration: 1.5s; -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite;
}
@keyframes pulsating {
    0% {
            transform: scale(0.9);
            opacity: 0.7;   
    }
    50% {
            transform: scale(1);
            opacity: 1; 
    } 
    100% {
            transform: scale(0.9);
            opacity: 0.7; 
    }     
}
@-webkit-keyframes pulsating {
    0% {
            -webkit-transform: scale(0.95);
            opacity: 0.7;   
    }
    50% {
            -webkit-transform: scale(1);
            opacity: 1; 
    } 
    100% {
            -webkit-transform: scale(0.95);
            opacity: 0.7; 
    }     
}





.jelly {
  -webkit-animation-name: jelly;  animation-name: jelly;
  -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}

@-webkit-keyframes jelly {
  0% { -webkit-transform: scale(0.5000, 0.5000); }
  1% { -webkit-transform: scale(0.5278, 0.5320); }
  2% { -webkit-transform: scale(0.5605, 0.5764); }
  3% { -webkit-transform: scale(0.5971, 0.6306); }
  4% { -webkit-transform: scale(0.6367, 0.6917); }
  5% { -webkit-transform: scale(0.6783, 0.7572); }
  6% { -webkit-transform: scale(0.7211, 0.8245); }
  7% { -webkit-transform: scale(0.7642, 0.8911); }
  8% { -webkit-transform: scale(0.8071, 0.9550); }
  9% { -webkit-transform: scale(0.8489, 1.014); }
  10% { -webkit-transform: scale(0.8892, 1.067); }
  11% { -webkit-transform: scale(0.9274, 1.113); }
  12% { -webkit-transform: scale(0.9632, 1.151); }
  13% { -webkit-transform: scale(0.9961, 1.180); }
  14% { -webkit-transform: scale(1.026, 1.201); }
  15% { -webkit-transform: scale(1.053, 1.213); }
  16% { -webkit-transform: scale(1.076, 1.217); }
  17% { -webkit-transform: scale(1.112, 1.202); }
  18% { -webkit-transform: scale(1.125, 1.186); }
  19% { -webkit-transform: scale(1.135, 1.166); }
  20% { -webkit-transform: scale(1.142, 1.142); }
  21% { -webkit-transform: scale(1.145, 1.115); }
  22% { -webkit-transform: scale(1.146, 1.087); }
  23% { -webkit-transform: scale(1.145, 1.059); }
  24% { -webkit-transform: scale(1.142, 1.032); }
  25% { -webkit-transform: scale(1.136, 1.006); }
  26% { -webkit-transform: scale(1.129, 0.9826); }
  27% { -webkit-transform: scale(1.121, 0.9619); }
  28% { -webkit-transform: scale(1.111, 0.9444); }
  29% { -webkit-transform: scale(1.101, 0.9304); }
  30% { -webkit-transform: scale(1.089, 0.9201); }
  31% { -webkit-transform: scale(1.078, 0.9133); }
  32% { -webkit-transform: scale(1.066, 0.9101); }
  33% { -webkit-transform: scale(1.055, 0.9101); }
  34% { -webkit-transform: scale(1.032, 0.9187); }
  35% { -webkit-transform: scale(1.022, 0.9264); }
  36% { -webkit-transform: scale(1.012, 0.9358); }
  37% { -webkit-transform: scale(1.003, 0.9464); }
  38% { -webkit-transform: scale(0.9949, 0.9578); }
  39% { -webkit-transform: scale(0.9876, 0.9695); }
  40% { -webkit-transform: scale(0.9811, 0.9811); }
  41% { -webkit-transform: scale(0.9755, 0.9922); }
  42% { -webkit-transform: scale(0.9709, 1.002); }
  43% { -webkit-transform: scale(0.9671, 1.012); }
  44% { -webkit-transform: scale(0.9643, 1.020); }
  45% { -webkit-transform: scale(0.9623, 1.026); }
  46% { -webkit-transform: scale(0.9611, 1.031); }
  47% { -webkit-transform: scale(0.9606, 1.035); }
  48% { -webkit-transform: scale(0.9608, 1.037); }
  49% { -webkit-transform: scale(0.9616, 1.038); }
  50% { -webkit-transform: scale(0.9647, 1.035); }
  51% { -webkit-transform: scale(0.9669, 1.032); }
  52% { -webkit-transform: scale(0.9695, 1.029); }
  53% { -webkit-transform: scale(0.9722, 1.025); }
  54% { -webkit-transform: scale(0.9752, 1.020); }
  55% { -webkit-transform: scale(0.9782, 1.015); }
  56% { -webkit-transform: scale(0.9814, 1.010); }
  57% { -webkit-transform: scale(0.9845, 1.006); }
  58% { -webkit-transform: scale(0.9876, 1.001); }
  59% { -webkit-transform: scale(0.9905, 0.9970); }
  60% { -webkit-transform: scale(0.9934, 0.9934); }
  61% { -webkit-transform: scale(0.9961, 0.9903); }
  62% { -webkit-transform: scale(0.9986, 0.9879); }
  63% { -webkit-transform: scale(1.001, 0.9861); }
  64% { -webkit-transform: scale(1.003, 0.9849); }
  65% { -webkit-transform: scale(1.005, 0.9844); }
  66% { -webkit-transform: scale(1.006, 0.9844); }
  67% { -webkit-transform: scale(1.009, 0.9859); }
  68% { -webkit-transform: scale(1.009, 0.9872); }
  69% { -webkit-transform: scale(1.010, 0.9888); }
  70% { -webkit-transform: scale(1.010, 0.9907); }
  71% { -webkit-transform: scale(1.011, 0.9927); }
  72% { -webkit-transform: scale(1.011, 0.9947); }
  73% { -webkit-transform: scale(1.010, 0.9967); }
  74% { -webkit-transform: scale(1.010, 0.9986); }
  75% { -webkit-transform: scale(1.010, 1.000); }
  76% { -webkit-transform: scale(1.009, 1.002); }
  77% { -webkit-transform: scale(1.008, 1.003); }
  78% { -webkit-transform: scale(1.008, 1.005); }
  79% { -webkit-transform: scale(1.007, 1.005); }
  80% { -webkit-transform: scale(1.006, 1.006); }
  81% { -webkit-transform: scale(1.005, 1.006); }
  82% { -webkit-transform: scale(1.004, 1.007); }
  83% { -webkit-transform: scale(1.004, 1.006); }
  84% { -webkit-transform: scale(1.002, 1.006); }
  85% { -webkit-transform: scale(1.001, 1.005); }
  86% { -webkit-transform: scale(1.001, 1.004); }
  87% { -webkit-transform: scale(0.9999, 1.003); }
  88% { -webkit-transform: scale(0.9994, 1.003); }
  89% { -webkit-transform: scale(0.9989, 1.002); }
  90% { -webkit-transform: scale(0.9984, 1.001); }
  91% { -webkit-transform: scale(0.9981, 1.000); }
  92% { -webkit-transform: scale(0.9977, 0.9995); }
  93% { -webkit-transform: scale(0.9975, 0.9988); }
  94% { -webkit-transform: scale(0.9973, 0.9983); }
  95% { -webkit-transform: scale(0.9972, 0.9979); }
  96% { -webkit-transform: scale(0.9972, 0.9976); }
  97% { -webkit-transform: scale(0.9971, 0.9974); }
  98% { -webkit-transform: scale(0.9972, 0.9973); }
  99% { -webkit-transform: scale(0.9973, 0.9973); }
  100% { -webkit-transform: scale(1); } 
}

@keyframes jelly {
  0% { -webkit-transform:: scale(0.5000, 0.5000); }
  1% { transform: scale(0.5278, 0.5320); }
  2% { transform: scale(0.5605, 0.5764); }
  3% { transform: scale(0.5971, 0.6306); }
  4% { transform: scale(0.6367, 0.6917); }
  5% { transform: scale(0.6783, 0.7572); }
  6% { transform: scale(0.7211, 0.8245); }
  7% { transform: scale(0.7642, 0.8911); }
  8% { transform: scale(0.8071, 0.9550); }
  9% { transform: scale(0.8489, 1.014); }
  10% { transform: scale(0.8892, 1.067); }
  11% { transform: scale(0.9274, 1.113); }
  12% { transform: scale(0.9632, 1.151); }
  13% { transform: scale(0.9961, 1.180); }
  14% { transform: scale(1.026, 1.201); }
  15% { transform: scale(1.053, 1.213); }
  16% { transform: scale(1.076, 1.217); }
  17% { transform: scale(1.112, 1.202); }
  18% { transform: scale(1.125, 1.186); }
  19% { transform: scale(1.135, 1.166); }
  20% { transform: scale(1.142, 1.142); }
  21% { transform: scale(1.145, 1.115); }
  22% { transform: scale(1.146, 1.087); }
  23% { transform: scale(1.145, 1.059); }
  24% { transform: scale(1.142, 1.032); }
  25% { transform: scale(1.136, 1.006); }
  26% { transform: scale(1.129, 0.9826); }
  27% { transform: scale(1.121, 0.9619); }
  28% { transform: scale(1.111, 0.9444); }
  29% { transform: scale(1.101, 0.9304); }
  30% { transform: scale(1.089, 0.9201); }
  31% { transform: scale(1.078, 0.9133); }
  32% { transform: scale(1.066, 0.9101); }
  33% { transform: scale(1.055, 0.9101); }
  34% { transform: scale(1.032, 0.9187); }
  35% { transform: scale(1.022, 0.9264); }
  36% { transform: scale(1.012, 0.9358); }
  37% { transform: scale(1.003, 0.9464); }
  38% { transform: scale(0.9949, 0.9578); }
  39% { transform: scale(0.9876, 0.9695); }
  40% { transform: scale(0.9811, 0.9811); }
  41% { transform: scale(0.9755, 0.9922); }
  42% { transform: scale(0.9709, 1.002); }
  43% { transform: scale(0.9671, 1.012); }
  44% { transform: scale(0.9643, 1.020); }
  45% { transform: scale(0.9623, 1.026); }
  46% { transform: scale(0.9611, 1.031); }
  47% { transform: scale(0.9606, 1.035); }
  48% { transform: scale(0.9608, 1.037); }
  49% { transform: scale(0.9616, 1.038); }
  50% { transform: scale(0.9647, 1.035); }
  51% { transform: scale(0.9669, 1.032); }
  52% { transform: scale(0.9695, 1.029); }
  53% { transform: scale(0.9722, 1.025); }
  54% { transform: scale(0.9752, 1.020); }
  55% { transform: scale(0.9782, 1.015); }
  56% { transform: scale(0.9814, 1.010); }
  57% { transform: scale(0.9845, 1.006); }
  58% { transform: scale(0.9876, 1.001); }
  59% { transform: scale(0.9905, 0.9970); }
  60% { transform: scale(0.9934, 0.9934); }
  61% { transform: scale(0.9961, 0.9903); }
  62% { transform: scale(0.9986, 0.9879); }
  63% { transform: scale(1.001, 0.9861); }
  64% { transform: scale(1.003, 0.9849); }
  65% { transform: scale(1.005, 0.9844); }
  66% { transform: scale(1.006, 0.9844); }
  67% { transform: scale(1.009, 0.9859); }
  68% { transform: scale(1.009, 0.9872); }
  69% { transform: scale(1.010, 0.9888); }
  70% { transform: scale(1.010, 0.9907); }
  71% { transform: scale(1.011, 0.9927); }
  72% { transform: scale(1.011, 0.9947); }
  73% { transform: scale(1.010, 0.9967); }
  74% { transform: scale(1.010, 0.9986); }
  75% { transform: scale(1.010, 1.000); }
  76% { transform: scale(1.009, 1.002); }
  77% { transform: scale(1.008, 1.003); }
  78% { transform: scale(1.008, 1.005); }
  79% { transform: scale(1.007, 1.005); }
  80% { transform: scale(1.006, 1.006); }
  81% { transform: scale(1.005, 1.006); }
  82% { transform: scale(1.004, 1.007); }
  83% { transform: scale(1.004, 1.006); }
  84% { transform: scale(1.002, 1.006); }
  85% { transform: scale(1.001, 1.005); }
  86% { transform: scale(1.001, 1.004); }
  87% { transform: scale(0.9999, 1.003); }
  88% { transform: scale(0.9994, 1.003); }
  89% { transform: scale(0.9989, 1.002); }
  90% { transform: scale(0.9984, 1.001); }
  91% { transform: scale(0.9981, 1.000); }
  92% { transform: scale(0.9977, 0.9995); }
  93% { transform: scale(0.9975, 0.9988); }
  94% { transform: scale(0.9973, 0.9983); }
  95% { transform: scale(0.9972, 0.9979); }
  96% { transform: scale(0.9972, 0.9976); }
  97% { transform: scale(0.9971, 0.9974); }
  98% { transform: scale(0.9972, 0.9973); }
  99% { transform: scale(0.9973, 0.9973); }
  100% { transform: scale(1); } 
}
/*
     FILE ARCHIVED ON 22:42:25 Aug 11, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 10:08:13 Feb 25, 2021.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  esindex: 0.014
  PetaboxLoader3.resolve: 40.428 (2)
  CDXLines.iter: 31.39 (3)
  exclusion.robots.policy: 0.181
  RedisCDXSource: 1.911
  load_resource: 103.272 (2)
  captures_list: 427.244
  LoadShardBlock: 356.864 (3)
  PetaboxLoader3.datanode: 375.622 (5)
  exclusion.robots: 0.196
*/