/*! animate.css v4.1.1 | MIT License | https://animate.style */
:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}
.animated{animation-duration:var(--animate-duration);animation-fill-mode:both}
.animated.infinite{animation-iteration-count:infinite}
.animated.repeat-1{animation-iteration-count:1}
.animated.repeat-2{animation-iteration-count:2}
.animated.repeat-3{animation-iteration-count:3}
.animated.delay-1s{animation-delay:1s}
.animated.delay-2s{animation-delay:2s}
.animated.delay-3s{animation-delay:3s}
.animated.delay-4s{animation-delay:4s}
.animated.delay-5s{animation-delay:5s}
.animated.faster{animation-duration:calc(var(--animate-duration)/2)}
.animated.fast{animation-duration:calc(var(--animate-duration)*.8)}
.animated.slow{animation-duration:calc(var(--animate-duration)*2)}
.animated.slower{animation-duration:calc(var(--animate-duration)*3)}
@media (prefers-reduced-motion:reduce),(update:slow){
  .animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}
}
@keyframes bounce {
  from,20%,53%,to{transform:translate3d(0,0,0)}
  40%,43%{transform:translate3d(0,-30px,0)}
  70%{transform:translate3d(0,-15px,0)}
  90%{transform:translate3d(0,-4px,0)}
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to { opacity: 1; }
  25%, 75% { opacity: 0; }
}
.flash{animation-name:flash}
@keyframes pulse {
  from{transform:scale3d(1,1,1)}
  50%{transform:scale3d(1.05,1.05,1.05)}
  to{transform:scale3d(1,1,1)}
}
.pulse{animation-name:pulse}
@keyframes rubberBand {
  from{transform:scale3d(1,1,1)}
  30%{transform:scale3d(1.25,.75,1)}
  40%{transform:scale3d(.75,1.25,1)}
  50%{transform:scale3d(1.15,.85,1)}
  65%{transform:scale3d(.95,1.05,1)}
  75%{transform:scale3d(1.05,.95,1)}
  to{transform:scale3d(1,1,1)}
}
.rubberBand{animation-name:rubberBand}
@keyframes shakeX {
  from,to{transform:translate3d(0,0,0)}
  10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}
  20%,40%,60%,80%{transform:translate3d(10px,0,0)}
}
.shakeX{animation-name:shakeX}
@keyframes shakeY {
  from,to{transform:translate3d(0,0,0)}
  10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}
  20%,40%,60%,80%{transform:translate3d(0,10px,0)}
}
.shakeY{animation-name:shakeY}
@keyframes headShake {
  0%{transform:translateX(0)}
  6.5%{transform:translateX(-6px) rotateY(-9deg)}
  18.5%{transform:translateX(5px) rotateY(7deg)}
  31.5%{transform:translateX(-3px) rotateY(-5deg)}
  43.5%{transform:translateX(2px) rotateY(3deg)}
  50%{transform:translateX(0)}
}
.headShake{animation-timing-function:ease-in-out;animation-name:headShake}
@keyframes swing {
  20%{transform:rotate3d(0,0,1,15deg)}
  40%{transform:rotate3d(0,0,1,-10deg)}
  60%{transform:rotate3d(0,0,1,5deg)}
  80%{transform:rotate3d(0,0,1,-5deg)}
  to{transform:rotate3d(0,0,1,0deg)}
}
.swing{transform-origin:top center;animation-name:swing}
@keyframes tada {
  from{transform:scale3d(1,1,1)}
  10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}
  30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}
  40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}
  to{transform:scale3d(1,1,1)}
}
.tada{animation-name:tada}
@keyframes wobble {
  from{transform:none}
  15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}
  30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}
  45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}
  60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}
  75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}
  to{transform:none}
}
.wobble{animation-name:wobble}
@keyframes jello {
  from,11.1%,to{transform:none}
  22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}
  33.3%{transform:skewX(6.25deg) skewY(6.25deg)}
  44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}
  55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}
  66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}
  77.7%{transform:skewX(.390625deg) skewY(.390625deg)}
  88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello{transform-origin:center;animation-name:jello}
@keyframes heartBeat {
  0%,28%,70%,to{transform:scale(1)}
  14%,42%{transform:scale(1.3)}
}
.heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-timing-function:ease-in-out}
@keyframes backInDown {
  0%{transform:translateY(-1200px) scale(.7);opacity:.7}
  80%{transform:translateY(0) scale(.7);opacity:.7}
  to{transform:scale(1);opacity:1}
}
.backInDown{animation-name:backInDown}
@keyframes backInLeft {
  0%{transform:translateX(-2000px) scale(.7);opacity:.7}
  80%{transform:translateX(0) scale(.7);opacity:.7}
  to{transform:scale(1);opacity:1}
}
.backInLeft{animation-name:backInLeft}
@keyframes backInRight {
  0%{transform:translateX(2000px) scale(.7);opacity:.7}
  80%{transform:translateX(0) scale(.7);opacity:.7}
  to{transform:scale(1);opacity:1}
}
.backInRight{animation-name:backInRight}
@keyframes backInUp {
  0%{transform:translateY(1200px) scale(.7);opacity:.7}
  80%{transform:translateY(0) scale(.7);opacity:.7}
  to{transform:scale(1);opacity:1}
}
.backInUp{animation-name:backInUp}
@keyframes backOutDown {
  20%{transform:scale(.7);opacity:.7}
  to{transform:translateY(700px) scale(.7);opacity:.7}
}
.backOutDown{animation-name:backOutDown}
@keyframes backOutLeft {
  20%{transform:scale(.7);opacity:.7}
  to{transform:translateX(-2000px) scale(.7);opacity:.7}
}
.backOutLeft{animation-name:backOutLeft}
@keyframes backOutRight {
  20%{transform:scale(.7);opacity:.7}
  to{transform:translateX(2000px) scale(.7);opacity:.7}
}
.backOutRight{animation-name:backOutRight}
@keyframes backOutUp {
  20%{transform:scale(.7);opacity:.7}
  to{transform:translateY(-700px) scale(.7);opacity:.7}
}
.backOutUp{animation-name:backOutUp}
@keyframes bounceIn {
  from,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
  0%{opacity:0;transform:scale3d(.3,.3,.3)}
  20%{transform:scale3d(1.1,1.1,1.1)}
  40%{transform:scale3d(.9,.9,.9)}
  60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}
  80%{transform:scale3d(.97,.97,.97)}
  to{opacity:1;transform:scale3d(1,1,1)}
}
.bounceIn{animation-name:bounceIn}
@keyframes bounceInDown {
  0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
  0%{opacity:0;transform:translate3d(0,-3000px,0)}
  60%{opacity:1;transform:translate3d(0,25px,0)}
  75%{transform:translate3d(0,-10px,0)}
  90%{transform:translate3d(0,5px,0)}
  to{transform:translate3d(0,0,0)}
}
.bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft {
  0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
  0%{opacity:0;transform:translate3d(-3000px,0,0)}
  60%{opacity:1;transform:translate3d(25px,0,0)}
  75%{transform:translate3d(-10px,0,0)}
  90%{transform:translate3d(5px,0,0)}
  to{transform:translate3d(0,0,0)}
}
.bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight {
  0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
  0%{opacity:0;transform:translate3d(3000px,0,0)}
  60%{opacity:1;transform:translate3d(-25px,0,0)}
  75%{transform:translate3d(10px,0,0)}
  90%{transform:translate3d(-5px,0,0)}
  to{transform:translate3d(0,0,0)}
}
.bounceInRight{animation-name:bounceInRight}
@keyframes bounceInUp {
  0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
  0%{opacity:0;transform:translate3d(0,3000px,0)}
  60%{opacity:1;transform:translate3d(0,-20px,0)}
  75%{transform:translate3d(0,10px,0)}
  90%{transform:translate3d(0,-5px,0)}
  to{transform:translate3d(0,0,0)}
}
.bounceInUp{animation-name:bounceInUp}
@keyframes bounceOut {
  20%{transform:scale3d(.9,.9,.9)}
  50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}
  to{opacity:0;transform:scale3d(.3,.3,.3)}
}
.bounceOut{animation-name:bounceOut}
@keyframes bounceOutDown {
  20%{transform:translate3d(0,10px,0)}
  40%,45%{opacity:1;transform:translate3d(0,-20px,0)}
  to{opacity:0;transform:translate3d(0,2000px,0)}
}
.bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft {
  20%{opacity:1;transform:translate3d(20px,0,0)}
  to{opacity:0;transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight {
  20%{opacity:1;transform:translate3d(-20px,0,0)}
  to{opacity:0;transform:translate3d(2000px,0,0)}
}
.bounceOutRight{animation-name:bounceOutRight}
@keyframes bounceOutUp {
  20%{transform:translate3d(0,-10px,0)}
  40%,45%{opacity:1;transform:translate3d(0,20px,0)}
  to{opacity:0;transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{animation-name:bounceOutUp}
@keyframes fadeIn {
  from{opacity:0}
  to{opacity:1}
}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInDown {
  from{opacity:0;transform:translate3d(0,-100%,0)}
  to{opacity:1;transform:none}
}
.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInDownBig {
  from{opacity:0;transform:translate3d(0,-2000px,0)}
  to{opacity:1;transform:none}
}
.fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeft {
  from{opacity:0;transform:translate3d(-100%,0,0)}
  to{opacity:1;transform:none}
}
.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInLeftBig {
  from{opacity:0;transform:translate3d(-2000px,0,0)}
  to{opacity:1;transform:none}
}
.fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRight {
  from{opacity:0;transform:translate3d(100%,0,0)}
  to{opacity:1;transform:none}
}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInRightBig {
  from{opacity:0;transform:translate3d(2000px,0,0)}
  to{opacity:1;transform:none}
}
.fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeInUp {
  from{opacity:0;transform:translate3d(0,100%,0)}
  to{opacity:1;transform:none}
}
.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInUpBig {
  from{opacity:0;transform:translate3d(0,2000px,0)}
  to{opacity:1;transform:none}
}
.fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeOut {
  from{opacity:1}
  to{opacity:0}
}
.fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown {
  from{opacity:1}
  to{opacity:0;transform:translate3d(0,100%,0)}
}
.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutDownBig {
  from{opacity:1}
  to{opacity:0;transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeft {
  from{opacity:1}
  to{opacity:0;transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutLeftBig {
  from{opacity:1}
  to{opacity:0;transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRight {
  from{opacity:1}
  to{opacity:0;transform:translate3d(100%,0,0)}
}
.fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutRightBig {
  from{opacity:1}
  to{opacity:0;transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes fadeOutUp {
  from{opacity:1}
  to{opacity:0;transform:translate3d(0,-100%,0)}
}
.fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutUpBig {
  from{opacity:1}
  to{opacity:0;transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes flip {
  from{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}
  40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}
  50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}
  80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}
  to{transform:perspective(400px);animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}
@keyframes flipInX {
  from{transform:perspective(400px) rotate3d(1,0,0,90deg);animation-timing-function:ease-in;opacity:0}
  40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);animation-timing-function:ease-in}
  60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
  80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}
  to{transform:perspective(400px)}
}
.flipInX{backface-visibility:visible!important;animation-name:flipInX}
@keyframes flipInY {
  from{transform:perspective(400px) rotate3d(0,1,0,90deg);animation-timing-function:ease-in;opacity:0}
  40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);animation-timing-function:ease-in}
  60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
  80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}
  to{transform:perspective(400px)}
}
.flipInY{backface-visibility:visible!important;animation-name:flipInY}
@keyframes flipOutX {
  from{transform:perspective(400px)}
  30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}
  to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}
}
.flipOutX{animation-name:flipOutX;backface-visibility:visible!important}
@keyframes flipOutY {
  from{transform:perspective(400px)}
  30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}
  to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}
}
.flipOutY{animation-name:flipOutY;backface-visibility:visible!important}
@keyframes lightSpeedInRight {
  from{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
  60%{transform:skewX(20deg);opacity:1}
  80%{transform:skewX(-5deg)}
  to{transform:none}
}
.lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}
@keyframes lightSpeedInLeft {
  from{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}
  60%{transform:skewX(-20deg);opacity:1}
  80%{transform:skewX(5deg)}
  to{transform:none}
}
.lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}
@keyframes lightSpeedOutRight {
  from{opacity:1}
  to{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
}
.lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}
@keyframes lightSpeedOutLeft {
  from{opacity:1}
  to{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}
@keyframes rotateIn {
  from{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}
  to{transform-origin:center;transform:none;opacity:1}
}
.rotateIn{animation-name:rotateIn}
@keyframes rotateInDownLeft {
  from{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}
  to{transform-origin:left bottom;transform:none;opacity:1}
}
.rotateInDownLeft{animation-name:rotateInDownLeft}
@keyframes rotateInDownRight {
  from{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}
  to{transform-origin:right bottom;transform:none;opacity:1}
}
.rotateInDownRight{animation-name:rotateInDownRight}
@keyframes rotateInUpLeft {
  from{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}
  to{transform-origin:left bottom;transform:none;opacity:1}
}
.rotateInUpLeft{animation-name:rotateInUpLeft}
@keyframes rotateInUpRight {
  from{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}
  to{transform-origin:right bottom;transform:none;opacity:1}
}
.rotateInUpRight{animation-name:rotateInUpRight}
@keyframes rotateOut {
  from{transform-origin:center;opacity:1}
  to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}
}
.rotateOut{animation-name:rotateOut}
@keyframes rotateOutDownLeft {
  from{transform-origin:left bottom;opacity:1}
  to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}
}
.rotateOutDownLeft{animation-name:rotateOutDownLeft}
@keyframes rotateOutDownRight {
  from{transform-origin:right bottom;opacity:1}
  to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutDownRight{animation-name:rotateOutDownRight}
@keyframes rotateOutUpLeft {
  from{transform-origin:left bottom;opacity:1}
  to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}
}
.rotateOutUpLeft{animation-name:rotateOutUpLeft}
@keyframes rotateOutUpRight {
  from{transform-origin:right bottom;opacity:1}
  to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}
}
.rotateOutUpRight{animation-name:rotateOutUpRight}

