@import"https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic,900,900italic";

@import"https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,900,700italic,900italic";

@import"https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic";

*{
  max-height:999999px
}

: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)*0.8);
  animation-duration:calc(var(--animate-duration)*0.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-transition-duration:1ms !important;
    transition-duration:1ms !important;
    -webkit-animation-iteration-count:1 !important;
    animation-iteration-count:1 !important
  }

  .animate__animated[class*=Out]{
    opacity:0
  }
}

@-webkit-keyframes bounce{
  0%,20%,53%,to{
    -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }

  40%,43%{
    -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.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(0.755, 0.05, 0.855, 0.06);
    animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
    transform:translate3d(0, -15px, 0) scaleY(1.05)
  }

  80%{
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform:translateZ(0) scaleY(0.95);
    transform:translateZ(0) scaleY(0.95)
  }

  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(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }

  40%,43%{
    -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.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(0.755, 0.05, 0.855, 0.06);
    animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform:translate3d(0, -15px, 0) scaleY(1.05);
    transform:translate3d(0, -15px, 0) scaleY(1.05)
  }

  80%{
    -webkit-transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform:translateZ(0) scaleY(0.95);
    transform:translateZ(0) scaleY(0.95)
  }

  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, 0.75, 1);
    transform:scale3d(1.25, 0.75, 1)
  }

  40%{
    -webkit-transform:scale3d(0.75, 1.25, 1);
    transform:scale3d(0.75, 1.25, 1)
  }

  50%{
    -webkit-transform:scale3d(1.15, 0.85, 1);
    transform:scale3d(1.15, 0.85, 1)
  }

  65%{
    -webkit-transform:scale3d(0.95, 1.05, 1);
    transform:scale3d(0.95, 1.05, 1)
  }

  75%{
    -webkit-transform:scale3d(1.05, 0.95, 1);
    transform:scale3d(1.05, 0.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, 0.75, 1);
    transform:scale3d(1.25, 0.75, 1)
  }

  40%{
    -webkit-transform:scale3d(0.75, 1.25, 1);
    transform:scale3d(0.75, 1.25, 1)
  }

  50%{
    -webkit-transform:scale3d(1.15, 0.85, 1);
    transform:scale3d(1.15, 0.85, 1)
  }

  65%{
    -webkit-transform:scale3d(0.95, 1.05, 1);
    transform:scale3d(0.95, 1.05, 1)
  }

  75%{
    -webkit-transform:scale3d(1.05, 0.95, 1);
    transform:scale3d(1.05, 0.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-timing-function:ease-in-out;
  animation-timing-function:ease-in-out;
  -webkit-animation-name:headShake;
  animation-name:headShake
}

@-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-transform-origin:top center;
  transform-origin:top center;
  -webkit-animation-name:swing;
  animation-name:swing
}

@-webkit-keyframes tada{
  0%{
    -webkit-transform:scaleX(1);
    transform:scaleX(1)
  }

  10%,20%{
    -webkit-transform:scale3d(0.9, 0.9, 0.9) rotate(-3deg);
    transform:scale3d(0.9, 0.9, 0.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(0.9, 0.9, 0.9) rotate(-3deg);
    transform:scale3d(0.9, 0.9, 0.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(-0.78125deg) skewY(-0.78125deg);
    transform:skewX(-0.78125deg) skewY(-0.78125deg)
  }

  77.7%{
    -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
    transform:skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8%{
    -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
}

@keyframes jello{
  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(-0.78125deg) skewY(-0.78125deg);
    transform:skewX(-0.78125deg) skewY(-0.78125deg)
  }

  77.7%{
    -webkit-transform:skewX(0.390625deg) skewY(0.390625deg);
    transform:skewX(0.390625deg) skewY(0.390625deg)
  }

  88.8%{
    -webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform:skewX(-0.1953125deg) skewY(-0.1953125deg)
  }
}

.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-name:heartBeat;
  animation-name: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-timing-function:ease-in-out;
  animation-timing-function:ease-in-out
}

@-webkit-keyframes backInDown{
  0%{
    -webkit-transform:translateY(-1200px) scale(0.7);
    transform:translateY(-1200px) scale(0.7);
    opacity:.7
  }

  80%{
    -webkit-transform:translateY(0) scale(0.7);
    transform:translateY(0) scale(0.7);
    opacity:.7
  }

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

@keyframes backInDown{
  0%{
    -webkit-transform:translateY(-1200px) scale(0.7);
    transform:translateY(-1200px) scale(0.7);
    opacity:.7
  }

  80%{
    -webkit-transform:translateY(0) scale(0.7);
    transform:translateY(0) scale(0.7);
    opacity:.7
  }

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

.animate__backInDown{
  -webkit-animation-name:backInDown;
  animation-name:backInDown
}

@-webkit-keyframes backInLeft{
  0%{
    -webkit-transform:translateX(-2000px) scale(0.7);
    transform:translateX(-2000px) scale(0.7);
    opacity:.7
  }

  80%{
    -webkit-transform:translateX(0) scale(0.7);
    transform:translateX(0) scale(0.7);
    opacity:.7
  }

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

@keyframes backInLeft{
  0%{
    -webkit-transform:translateX(-2000px) scale(0.7);
    transform:translateX(-2000px) scale(0.7);
    opacity:.7
  }

  80%{
    -webkit-transform:translateX(0) scale(0.7);
    transform:translateX(0) scale(0.7);
    opacity:.7
  }

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

.animate__backInLeft{
  -webkit-animation-name:backInLeft;
  animation-name:backInLeft
}

@-webkit-keyframes backInRight{
  0%{
    -webkit-transform:translateX(2000px) scale(0.7);
    transform:translateX(2000px) scale(0.7);
    opacity:.7
  }

  80%{
    -webkit-transform:translateX(0) scale(0.7);
    transform:translateX(0) scale(0.7);
    opacity:.7
  }

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

@keyframes backInRight{
  0%{
    -webkit-transform:translateX(2000px) scale(0.7);
    transform:translateX(2000px) scale(0.7);
    opacity:.7
  }

  80%{
    -webkit-transform:translateX(0) scale(0.7);
    transform:translateX(0) scale(0.7);
    opacity:.7
  }

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

.animate__backInRight{
  -webkit-animation-name:backInRight;
  animation-name:backInRight
}

@-webkit-keyframes backInUp{
  0%{
    -webkit-transform:translateY(1200px) scale(0.7);
    transform:translateY(1200px) scale(0.7);
    opacity:.7
  }

  80%{
    -webkit-transform:translateY(0) scale(0.7);
    transform:translateY(0) scale(0.7);
    opacity:.7
  }

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

@keyframes backInUp{
  0%{
    -webkit-transform:translateY(1200px) scale(0.7);
    transform:translateY(1200px) scale(0.7);
    opacity:.7
  }

  80%{
    -webkit-transform:translateY(0) scale(0.7);
    transform:translateY(0) scale(0.7);
    opacity:.7
  }

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

.animate__backInUp{
  -webkit-animation-name:backInUp;
  animation-name:backInUp
}

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

  20%{
    -webkit-transform:translateY(0) scale(0.7);
    transform:translateY(0) scale(0.7);
    opacity:.7
  }

  to{
    -webkit-transform:translateY(700px) scale(0.7);
    transform:translateY(700px) scale(0.7);
    opacity:.7
  }
}

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

  20%{
    -webkit-transform:translateY(0) scale(0.7);
    transform:translateY(0) scale(0.7);
    opacity:.7
  }

  to{
    -webkit-transform:translateY(700px) scale(0.7);
    transform:translateY(700px) scale(0.7);
    opacity:.7
  }
}

.animate__backOutDown{
  -webkit-animation-name:backOutDown;
  animation-name:backOutDown
}

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

  20%{
    -webkit-transform:translateX(0) scale(0.7);
    transform:translateX(0) scale(0.7);
    opacity:.7
  }

  to{
    -webkit-transform:translateX(-2000px) scale(0.7);
    transform:translateX(-2000px) scale(0.7);
    opacity:.7
  }
}

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

  20%{
    -webkit-transform:translateX(0) scale(0.7);
    transform:translateX(0) scale(0.7);
    opacity:.7
  }

  to{
    -webkit-transform:translateX(-2000px) scale(0.7);
    transform:translateX(-2000px) scale(0.7);
    opacity:.7
  }
}

.animate__backOutLeft{
  -webkit-animation-name:backOutLeft;
  animation-name:backOutLeft
}

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

  20%{
    -webkit-transform:translateX(0) scale(0.7);
    transform:translateX(0) scale(0.7);
    opacity:.7
  }

  to{
    -webkit-transform:translateX(2000px) scale(0.7);
    transform:translateX(2000px) scale(0.7);
    opacity:.7
  }
}

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

  20%{
    -webkit-transform:translateX(0) scale(0.7);
    transform:translateX(0) scale(0.7);
    opacity:.7
  }

  to{
    -webkit-transform:translateX(2000px) scale(0.7);
    transform:translateX(2000px) scale(0.7);
    opacity:.7
  }
}

.animate__backOutRight{
  -webkit-animation-name:backOutRight;
  animation-name:backOutRight
}

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

  20%{
    -webkit-transform:translateY(0) scale(0.7);
    transform:translateY(0) scale(0.7);
    opacity:.7
  }

  to{
    -webkit-transform:translateY(-700px) scale(0.7);
    transform:translateY(-700px) scale(0.7);
    opacity:.7
  }
}

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

  20%{
    -webkit-transform:translateY(0) scale(0.7);
    transform:translateY(0) scale(0.7);
    opacity:.7
  }

  to{
    -webkit-transform:translateY(-700px) scale(0.7);
    transform:translateY(-700px) scale(0.7);
    opacity:.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(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0%{
    opacity:0;
    -webkit-transform:scale3d(0.3, 0.3, 0.3);
    transform:scale3d(0.3, 0.3, 0.3)
  }

  20%{
    -webkit-transform:scale3d(1.1, 1.1, 1.1);
    transform:scale3d(1.1, 1.1, 1.1)
  }

  40%{
    -webkit-transform:scale3d(0.9, 0.9, 0.9);
    transform:scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform:scale3d(0.97, 0.97, 0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
  }

  0%{
    opacity:0;
    -webkit-transform:scale3d(0.3, 0.3, 0.3);
    transform:scale3d(0.3, 0.3, 0.3)
  }

  20%{
    -webkit-transform:scale3d(1.1, 1.1, 1.1);
    transform:scale3d(1.1, 1.1, 1.1)
  }

  40%{
    -webkit-transform:scale3d(0.9, 0.9, 0.9);
    transform:scale3d(0.9, 0.9, 0.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(0.97, 0.97, 0.97);
    transform:scale3d(0.97, 0.97, 0.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)*0.75);
  animation-duration:calc(var(--animate-duration)*0.75);
  -webkit-animation-name:bounceIn;
  animation-name:bounceIn
}

@-webkit-keyframes bounceInDown{
  0%,60%,75%,90%,to{
    -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.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(0.9);
    transform:translate3d(0, 25px, 0) scaleY(0.9)
  }

  75%{
    -webkit-transform:translate3d(0, -10px, 0) scaleY(0.95);
    transform:translate3d(0, -10px, 0) scaleY(0.95)
  }

  90%{
    -webkit-transform:translate3d(0, 5px, 0) scaleY(0.985);
    transform:translate3d(0, 5px, 0) scaleY(0.985)
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
}

@keyframes bounceInDown{
  0%,60%,75%,90%,to{
    -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.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(0.9);
    transform:translate3d(0, 25px, 0) scaleY(0.9)
  }

  75%{
    -webkit-transform:translate3d(0, -10px, 0) scaleY(0.95);
    transform:translate3d(0, -10px, 0) scaleY(0.95)
  }

  90%{
    -webkit-transform:translate3d(0, 5px, 0) scaleY(0.985);
    transform:translate3d(0, 5px, 0) scaleY(0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.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(0.98);
    transform:translate3d(-10px, 0, 0) scaleX(0.98)
  }

  90%{
    -webkit-transform:translate3d(5px, 0, 0) scaleX(0.995);
    transform:translate3d(5px, 0, 0) scaleX(0.995)
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
}

@keyframes bounceInLeft{
  0%,60%,75%,90%,to{
    -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.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(0.98);
    transform:translate3d(-10px, 0, 0) scaleX(0.98)
  }

  90%{
    -webkit-transform:translate3d(5px, 0, 0) scaleX(0.995);
    transform:translate3d(5px, 0, 0) scaleX(0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.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(0.98);
    transform:translate3d(10px, 0, 0) scaleX(0.98)
  }

  90%{
    -webkit-transform:translate3d(-5px, 0, 0) scaleX(0.995);
    transform:translate3d(-5px, 0, 0) scaleX(0.995)
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
}

@keyframes bounceInRight{
  0%,60%,75%,90%,to{
    -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.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(0.98);
    transform:translate3d(10px, 0, 0) scaleX(0.98)
  }

  90%{
    -webkit-transform:translate3d(-5px, 0, 0) scaleX(0.995);
    transform:translate3d(-5px, 0, 0) scaleX(0.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(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.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(0.9);
    transform:translate3d(0, -20px, 0) scaleY(0.9)
  }

  75%{
    -webkit-transform:translate3d(0, 10px, 0) scaleY(0.95);
    transform:translate3d(0, 10px, 0) scaleY(0.95)
  }

  90%{
    -webkit-transform:translate3d(0, -5px, 0) scaleY(0.985);
    transform:translate3d(0, -5px, 0) scaleY(0.985)
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
}

@keyframes bounceInUp{
  0%,60%,75%,90%,to{
    -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function:cubic-bezier(0.215, 0.61, 0.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(0.9);
    transform:translate3d(0, -20px, 0) scaleY(0.9)
  }

  75%{
    -webkit-transform:translate3d(0, 10px, 0) scaleY(0.95);
    transform:translate3d(0, 10px, 0) scaleY(0.95)
  }

  90%{
    -webkit-transform:translate3d(0, -5px, 0) scaleY(0.985);
    transform:translate3d(0, -5px, 0) scaleY(0.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(0.9, 0.9, 0.9);
    transform:scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform:scale3d(0.3, 0.3, 0.3)
  }
}

@keyframes bounceOut{
  20%{
    -webkit-transform:scale3d(0.9, 0.9, 0.9);
    transform:scale3d(0.9, 0.9, 0.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(0.3, 0.3, 0.3);
    transform:scale3d(0.3, 0.3, 0.3)
  }
}

.animate__bounceOut{
  -webkit-animation-duration:.75s;
  animation-duration:.75s;
  -webkit-animation-duration:calc(var(--animate-duration)*0.75);
  animation-duration:calc(var(--animate-duration)*0.75);
  -webkit-animation-name:bounceOut;
  animation-name:bounceOut
}

@-webkit-keyframes bounceOutDown{
  20%{
    -webkit-transform:translate3d(0, 10px, 0) scaleY(0.985);
    transform:translate3d(0, 10px, 0) scaleY(0.985)
  }

  40%,45%{
    opacity:1;
    -webkit-transform:translate3d(0, -20px, 0) scaleY(0.9);
    transform:translate3d(0, -20px, 0) scaleY(0.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(0.985);
    transform:translate3d(0, 10px, 0) scaleY(0.985)
  }

  40%,45%{
    opacity:1;
    -webkit-transform:translate3d(0, -20px, 0) scaleY(0.9);
    transform:translate3d(0, -20px, 0) scaleY(0.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(0.9);
    transform:translate3d(20px, 0, 0) scaleX(0.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(0.9);
    transform:translate3d(20px, 0, 0) scaleX(0.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(0.9);
    transform:translate3d(-20px, 0, 0) scaleX(0.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(0.9);
    transform:translate3d(-20px, 0, 0) scaleX(0.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(0.985);
    transform:translate3d(0, -10px, 0) scaleY(0.985)
  }

  40%,45%{
    opacity:1;
    -webkit-transform:translate3d(0, 20px, 0) scaleY(0.9);
    transform:translate3d(0, 20px, 0) scaleY(0.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(0.985);
    transform:translate3d(0, -10px, 0) scaleY(0.985)
  }

  40%,45%{
    opacity:1;
    -webkit-transform:translate3d(0, 20px, 0) scaleY(0.9);
    transform:translate3d(0, 20px, 0) scaleY(0.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-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }

  40%{
    -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }

  50%{
    -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }

  80%{
    -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }

  to{
    -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}

@keyframes flip{
  0%{
    -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }

  40%{
    -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
    -webkit-animation-timing-function:ease-out;
    animation-timing-function:ease-out
  }

  50%{
    -webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }

  80%{
    -webkit-transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    transform:perspective(400px) scale3d(0.95, 0.95, 0.95) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }

  to{
    -webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }
}

.animate__animated.animate__flip{
  -webkit-backface-visibility:visible;
  backface-visibility:visible;
  -webkit-animation-name:flip;
  animation-name:flip
}

@-webkit-keyframes flipInX{
  0%{
    -webkit-transform:perspective(400px) rotateX(90deg);
    transform:perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }

  40%{
    -webkit-transform:perspective(400px) rotateX(-20deg);
    transform:perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }

  60%{
    -webkit-transform:perspective(400px) rotateX(10deg);
    transform:perspective(400px) rotateX(10deg);
    opacity:1
  }

  80%{
    -webkit-transform:perspective(400px) rotateX(-5deg);
    transform:perspective(400px) rotateX(-5deg)
  }

  to{
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
  }
}

@keyframes flipInX{
  0%{
    -webkit-transform:perspective(400px) rotateX(90deg);
    transform:perspective(400px) rotateX(90deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }

  40%{
    -webkit-transform:perspective(400px) rotateX(-20deg);
    transform:perspective(400px) rotateX(-20deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }

  60%{
    -webkit-transform:perspective(400px) rotateX(10deg);
    transform:perspective(400px) rotateX(10deg);
    opacity:1
  }

  80%{
    -webkit-transform:perspective(400px) rotateX(-5deg);
    transform:perspective(400px) rotateX(-5deg)
  }

  to{
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
  }
}

.animate__flipInX{
  -webkit-backface-visibility:visible !important;
  backface-visibility:visible !important;
  -webkit-animation-name:flipInX;
  animation-name:flipInX
}

@-webkit-keyframes flipInY{
  0%{
    -webkit-transform:perspective(400px) rotateY(90deg);
    transform:perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }

  40%{
    -webkit-transform:perspective(400px) rotateY(-20deg);
    transform:perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }

  60%{
    -webkit-transform:perspective(400px) rotateY(10deg);
    transform:perspective(400px) rotateY(10deg);
    opacity:1
  }

  80%{
    -webkit-transform:perspective(400px) rotateY(-5deg);
    transform:perspective(400px) rotateY(-5deg)
  }

  to{
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
  }
}

@keyframes flipInY{
  0%{
    -webkit-transform:perspective(400px) rotateY(90deg);
    transform:perspective(400px) rotateY(90deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in;
    opacity:0
  }

  40%{
    -webkit-transform:perspective(400px) rotateY(-20deg);
    transform:perspective(400px) rotateY(-20deg);
    -webkit-animation-timing-function:ease-in;
    animation-timing-function:ease-in
  }

  60%{
    -webkit-transform:perspective(400px) rotateY(10deg);
    transform:perspective(400px) rotateY(10deg);
    opacity:1
  }

  80%{
    -webkit-transform:perspective(400px) rotateY(-5deg);
    transform:perspective(400px) rotateY(-5deg)
  }

  to{
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
  }
}

.animate__flipInY{
  -webkit-backface-visibility:visible !important;
  backface-visibility:visible !important;
  -webkit-animation-name:flipInY;
  animation-name:flipInY
}

@-webkit-keyframes flipOutX{
  0%{
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
  }

  30%{
    -webkit-transform:perspective(400px) rotateX(-20deg);
    transform:perspective(400px) rotateX(-20deg);
    opacity:1
  }

  to{
    -webkit-transform:perspective(400px) rotateX(90deg);
    transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
}

@keyframes flipOutX{
  0%{
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
  }

  30%{
    -webkit-transform:perspective(400px) rotateX(-20deg);
    transform:perspective(400px) rotateX(-20deg);
    opacity:1
  }

  to{
    -webkit-transform:perspective(400px) rotateX(90deg);
    transform:perspective(400px) rotateX(90deg);
    opacity:0
  }
}

.animate__flipOutX{
  -webkit-animation-duration:.75s;
  animation-duration:.75s;
  -webkit-animation-duration:calc(var(--animate-duration)*0.75);
  animation-duration:calc(var(--animate-duration)*0.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%{
    -webkit-transform:perspective(400px) rotateY(-15deg);
    transform:perspective(400px) rotateY(-15deg);
    opacity:1
  }

  to{
    -webkit-transform:perspective(400px) rotateY(90deg);
    transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
}

@keyframes flipOutY{
  0%{
    -webkit-transform:perspective(400px);
    transform:perspective(400px)
  }

  30%{
    -webkit-transform:perspective(400px) rotateY(-15deg);
    transform:perspective(400px) rotateY(-15deg);
    opacity:1
  }

  to{
    -webkit-transform:perspective(400px) rotateY(90deg);
    transform:perspective(400px) rotateY(90deg);
    opacity:0
  }
}

.animate__flipOutY{
  -webkit-animation-duration:.75s;
  animation-duration:.75s;
  -webkit-animation-duration:calc(var(--animate-duration)*0.75);
  animation-duration:calc(var(--animate-duration)*0.75);
  -webkit-backface-visibility:visible !important;
  backface-visibility:visible !important;
  -webkit-animation-name:flipOutY;
  animation-name:flipOutY
}

@-webkit-keyframes lightSpeedInRight{
  0%{
    -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
    transform:translate3d(100%, 0, 0) skewX(-30deg);
    opacity:0
  }

  60%{
    -webkit-transform:skewX(20deg);
    transform:skewX(20deg);
    opacity:1
  }

  80%{
    -webkit-transform:skewX(-5deg);
    transform:skewX(-5deg)
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
}

@keyframes lightSpeedInRight{
  0%{
    -webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
    transform:translate3d(100%, 0, 0) skewX(-30deg);
    opacity:0
  }

  60%{
    -webkit-transform:skewX(20deg);
    transform:skewX(20deg);
    opacity:1
  }

  80%{
    -webkit-transform:skewX(-5deg);
    transform:skewX(-5deg)
  }

  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%{
    -webkit-transform:translate3d(-100%, 0, 0) skewX(30deg);
    transform:translate3d(-100%, 0, 0) skewX(30deg);
    opacity:0
  }

  60%{
    -webkit-transform:skewX(-20deg);
    transform:skewX(-20deg);
    opacity:1
  }

  80%{
    -webkit-transform:skewX(5deg);
    transform:skewX(5deg)
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }
}

@keyframes lightSpeedInLeft{
  0%{
    -webkit-transform:translate3d(-100%, 0, 0) skewX(30deg);
    transform:translate3d(-100%, 0, 0) skewX(30deg);
    opacity:0
  }

  60%{
    -webkit-transform:skewX(-20deg);
    transform:skewX(-20deg);
    opacity:1
  }

  80%{
    -webkit-transform:skewX(5deg);
    transform:skewX(5deg)
  }

  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{
    -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
    transform:translate3d(100%, 0, 0) skewX(30deg);
    opacity:0
  }
}

@keyframes lightSpeedOutRight{
  0%{
    opacity:1
  }

  to{
    -webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
    transform:translate3d(100%, 0, 0) skewX(30deg);
    opacity:0
  }
}

.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{
    -webkit-transform:translate3d(-100%, 0, 0) skewX(-30deg);
    transform:translate3d(-100%, 0, 0) skewX(-30deg);
    opacity:0
  }
}

@keyframes lightSpeedOutLeft{
  0%{
    opacity:1
  }

  to{
    -webkit-transform:translate3d(-100%, 0, 0) skewX(-30deg);
    transform:translate3d(-100%, 0, 0) skewX(-30deg);
    opacity:0
  }
}

.animate__lightSpeedOutLeft{
  -webkit-animation-name:lightSpeedOutLeft;
  animation-name:lightSpeedOutLeft;
  -webkit-animation-timing-function:ease-in;
  animation-timing-function:ease-in
}

@-webkit-keyframes rotateIn{
  0%{
    -webkit-transform:rotate(-200deg);
    transform:rotate(-200deg);
    opacity:0
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}

@keyframes rotateIn{
  0%{
    -webkit-transform:rotate(-200deg);
    transform:rotate(-200deg);
    opacity:0
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateIn{
  -webkit-animation-name:rotateIn;
  animation-name:rotateIn;
  -webkit-transform-origin:center;
  transform-origin:center
}

@-webkit-keyframes rotateInDownLeft{
  0%{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}

@keyframes rotateInDownLeft{
  0%{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInDownLeft{
  -webkit-animation-name:rotateInDownLeft;
  animation-name:rotateInDownLeft;
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom
}

@-webkit-keyframes rotateInDownRight{
  0%{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}

@keyframes rotateInDownRight{
  0%{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInDownRight{
  -webkit-animation-name:rotateInDownRight;
  animation-name:rotateInDownRight;
  -webkit-transform-origin:right bottom;
  transform-origin:right bottom
}

@-webkit-keyframes rotateInUpLeft{
  0%{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}

@keyframes rotateInUpLeft{
  0%{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}

.animate__rotateInUpLeft{
  -webkit-animation-name:rotateInUpLeft;
  animation-name:rotateInUpLeft;
  -webkit-transform-origin:left bottom;
  transform-origin:left bottom
}

@-webkit-keyframes rotateInUpRight{
  0%{
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    opacity:0
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}

@keyframes rotateInUpRight{
  0%{
    -webkit-transform:rotate(-90deg);
    transform:rotate(-90deg);
    opacity:0
  }

  to{
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    opacity:1
  }
}

.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{
    -webkit-transform:rotate(200deg);
    transform:rotate(200deg);
    opacity:0
  }
}

@keyframes rotateOut{
  0%{
    opacity:1
  }

  to{
    -webkit-transform:rotate(200deg);
    transform:rotate(200deg);
    opacity:0
  }
}

.animate__rotateOut{
  -webkit-animation-name:rotateOut;
  animation-name:rotateOut;
  -webkit-transform-origin:center;
  transform-origin:center
}

@-webkit-keyframes rotateOutDownLeft{
  0%{
    opacity:1
  }

  to{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0
  }
}

@keyframes rotateOutDownLeft{
  0%{
    opacity:1
  }

  to{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    opacity:0
  }
}

.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{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0
  }
}

@keyframes rotateOutDownRight{
  0%{
    opacity:1
  }

  to{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0
  }
}

.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{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0
  }
}

@keyframes rotateOutUpLeft{
  0%{
    opacity:1
  }

  to{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg);
    opacity:0
  }
}

.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{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    opacity:0
  }
}

@keyframes rotateOutUpRight{
  0%{
    opacity:1
  }

  to{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
    opacity:0
  }
}

.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-transform:rotate(80deg);
    transform:rotate(80deg);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
  }

  40%,80%{
    -webkit-transform:rotate(60deg);
    transform:rotate(60deg);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    opacity:1
  }

  to{
    -webkit-transform:translate3d(0, 700px, 0);
    transform:translate3d(0, 700px, 0);
    opacity:0
  }
}

@keyframes hinge{
  0%{
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
  }

  20%,60%{
    -webkit-transform:rotate(80deg);
    transform:rotate(80deg);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out
  }

  40%,80%{
    -webkit-transform:rotate(60deg);
    transform:rotate(60deg);
    -webkit-animation-timing-function:ease-in-out;
    animation-timing-function:ease-in-out;
    opacity:1
  }

  to{
    -webkit-transform:translate3d(0, 700px, 0);
    transform:translate3d(0, 700px, 0);
    opacity:0
  }
}

.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(0.1) rotate(30deg);
    transform:scale(0.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(0.1) rotate(30deg);
    transform:scale(0.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(0.3, 0.3, 0.3);
    transform:scale3d(0.3, 0.3, 0.3)
  }

  50%{
    opacity:1
  }
}

@keyframes zoomIn{
  0%{
    opacity:0;
    -webkit-transform:scale3d(0.3, 0.3, 0.3);
    transform:scale3d(0.3, 0.3, 0.3)
  }

  50%{
    opacity:1
  }
}

.animate__zoomIn{
  -webkit-animation-name:zoomIn;
  animation-name:zoomIn
}

@-webkit-keyframes zoomInDown{
  0%{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInDown{
  0%{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.animate__zoomInDown{
  -webkit-animation-name:zoomInDown;
  animation-name:zoomInDown
}

@-webkit-keyframes zoomInLeft{
  0%{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInLeft{
  0%{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.animate__zoomInLeft{
  -webkit-animation-name:zoomInLeft;
  animation-name:zoomInLeft
}

@-webkit-keyframes zoomInRight{
  0%{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInRight{
  0%{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.animate__zoomInRight{
  -webkit-animation-name:zoomInRight;
  animation-name:zoomInRight
}

@-webkit-keyframes zoomInUp{
  0%{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomInUp{
  0%{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  60%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.animate__zoomInUp{
  -webkit-animation-name:zoomInUp;
  animation-name:zoomInUp
}

@-webkit-keyframes zoomOut{
  0%{
    opacity:1
  }

  50%{
    opacity:0;
    -webkit-transform:scale3d(0.3, 0.3, 0.3);
    transform:scale3d(0.3, 0.3, 0.3)
  }

  to{
    opacity:0
  }
}

@keyframes zoomOut{
  0%{
    opacity:1
  }

  50%{
    opacity:0;
    -webkit-transform:scale3d(0.3, 0.3, 0.3);
    transform:scale3d(0.3, 0.3, 0.3)
  }

  to{
    opacity:0
  }
}

.animate__zoomOut{
  -webkit-animation-name:zoomOut;
  animation-name:zoomOut
}

@-webkit-keyframes zoomOutDown{
  40%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  to{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomOutDown{
  40%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  to{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.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(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }

  to{
    opacity:0;
    -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
    transform:scale(0.1) translate3d(-2000px, 0, 0)
  }
}

@keyframes zoomOutLeft{
  40%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
  }

  to{
    opacity:0;
    -webkit-transform:scale(0.1) translate3d(-2000px, 0, 0);
    transform:scale(0.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(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }

  to{
    opacity:0;
    -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
    transform:scale(0.1) translate3d(2000px, 0, 0)
  }
}

@keyframes zoomOutRight{
  40%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
  }

  to{
    opacity:0;
    -webkit-transform:scale(0.1) translate3d(2000px, 0, 0);
    transform:scale(0.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%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  to{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

@keyframes zoomOutUp{
  40%{
    opacity:1;
    -webkit-transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform:scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
  }

  to{
    opacity:0;
    -webkit-transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform:scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1)
  }
}

.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{
    visibility:hidden;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0)
  }
}

@keyframes slideOutDown{
  0%{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    -webkit-transform:translate3d(0, 100%, 0);
    transform:translate3d(0, 100%, 0)
  }
}

.animate__slideOutDown{
  -webkit-animation-name:slideOutDown;
  animation-name:slideOutDown
}

@-webkit-keyframes slideOutLeft{
  0%{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
  }
}

@keyframes slideOutLeft{
  0%{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    -webkit-transform:translate3d(-100%, 0, 0);
    transform:translate3d(-100%, 0, 0)
  }
}

.animate__slideOutLeft{
  -webkit-animation-name:slideOutLeft;
  animation-name:slideOutLeft
}

@-webkit-keyframes slideOutRight{
  0%{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0)
  }
}

@keyframes slideOutRight{
  0%{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    -webkit-transform:translate3d(100%, 0, 0);
    transform:translate3d(100%, 0, 0)
  }
}

.animate__slideOutRight{
  -webkit-animation-name:slideOutRight;
  animation-name:slideOutRight
}

@-webkit-keyframes slideOutUp{
  0%{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    -webkit-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0)
  }
}

@keyframes slideOutUp{
  0%{
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
  }

  to{
    visibility:hidden;
    -webkit-transform:translate3d(0, -100%, 0);
    transform:translate3d(0, -100%, 0)
  }
}

.animate__slideOutUp{
  -webkit-animation-name:slideOutUp;
  animation-name:slideOutUp
}

.cafetalk-main-container .centered-content{
  max-width:1100px;
  margin:0 auto
}

.group-lesson-content{
  max-width:1920px;
  margin:0 auto
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content{
    max-width:500px
  }
}

.group-lesson-content .main-title-wrapper{
  background-image:url("https://sb-drops.s3.amazonaws.com/drop/rmopt-61270219a73ea-968504100-1629946393.jpg");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  place-items:center
}

.group-lesson-content .main-title-wrapper .title-content{
  margin:4rem 0;
  padding:4rem 2rem;
  background-color:rgba(195,217,204,.8);
  text-align:center;
  max-width:1000px
}

@media only screen and (min-width: 0px)and (max-width: 768px){
  .group-lesson-content .main-title-wrapper .title-content{
    margin:3rem 0;
    padding:3rem 4rem
  }
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .main-title-wrapper .title-content{
    width:100vw;
    margin:3rem 0;
    padding:1.5rem 0
  }
}

.group-lesson-content .main-title-wrapper .title-content .main-title,.group-lesson-content .main-title-wrapper .title-content .sub-title{
  display:inline-block
}

.group-lesson-content .main-title-wrapper .title-content .main-title{
  margin-bottom:1.5rem;
  font-size:4.5rem;
  color:#0a3b5f;
  font-weight:800
}

@media only screen and (min-width: 0px)and (max-width: 768px){
  .group-lesson-content .main-title-wrapper .title-content .main-title{
    margin-bottom:1rem;
    font-size:2.5rem
  }
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .main-title-wrapper .title-content .main-title{
    font-size:2rem
  }
}

.group-lesson-content .main-title-wrapper .title-content .sub-title{
  margin-bottom:1.5rem;
  font-size:1.6rem;
  color:#446268;
  font-weight:800;
  line-height:1.5
}

.group-lesson-content .main-title-wrapper .title-content .sub-title:lang(ja){
  font-weight:700
}

.group-lesson-content .main-title-wrapper .title-content .sub-title.early-discount{
  margin-bottom:0;
  padding-top:20px;
  font-size:1.4rem
}

@media only screen and (min-width: 0px)and (max-width: 768px){
  .group-lesson-content .main-title-wrapper .title-content .sub-title{
    margin-bottom:1rem;
    font-size:1.5rem
  }
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .main-title-wrapper .title-content .sub-title{
    font-size:1.2rem
  }

  .group-lesson-content .main-title-wrapper .title-content .sub-title span{
    display:block
  }
}

.group-lesson-content .main-title-wrapper .title-content .sub-date{
  margin-top:1.5rem;
  font-size:2rem;
  color:#446268;
  font-weight:800;
  line-height:1.5
}

.group-lesson-content .main-title-wrapper .title-content .sub-date:lang(ja){
  font-weight:700
}

@media only screen and (min-width: 0px)and (max-width: 768px){
  .group-lesson-content .main-title-wrapper .title-content .sub-date{
    margin-top:.5rem;
    font-size:1.5rem
  }
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .main-title-wrapper .title-content .sub-date{
    margin-top:.5rem;
    font-size:1.5rem
  }

  .group-lesson-content .main-title-wrapper .title-content .sub-date span{
    display:block
  }
}

.group-lesson-content .content-block-wrapper{
  padding:5rem 2rem;
  color:#496167
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper{
    padding:2rem 10px
  }
}

.group-lesson-content .content-block-wrapper.background-colored{
  background-color:#deede3
}

.group-lesson-content .content-block-wrapper h1{
  margin-bottom:1.5rem;
  text-align:center;
  font-size:3rem;
  font-weight:800;
  line-height:1.2
}

.group-lesson-content .content-block-wrapper h1:lang(ja){
  font-weight:600
}

@media only screen and (min-width: 0px)and (max-width: 768px){
  .group-lesson-content .content-block-wrapper h1{
    font-size:2rem
  }
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper h1{
    font-size:1.5rem;
    line-height:1.6
  }
}

.group-lesson-content .content-block-wrapper h2{
  text-align:center;
  font-size:2.5rem;
  font-weight:600;
  line-height:1.2;
  margin-bottom:4rem
}

@media only screen and (min-width: 0px)and (max-width: 768px){
  .group-lesson-content .content-block-wrapper h2{
    margin:1rem 0 2rem;
    font-size:2rem
  }
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper h2{
    margin:0 0 1rem;
    line-height:1.6;
    font-size:1.6rem
  }
}

.group-lesson-content .content-block-wrapper h2:lang(ja){
  font-weight:500;
  font-size:2.1rem
}

@media only screen and (min-width: 0px)and (max-width: 768px){
  .group-lesson-content .content-block-wrapper h2:lang(ja){
    margin:1rem 0 1rem;
    font-size:1.8rem
  }
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper h2:lang(ja){
    margin:0 0 1rem;
    font-size:1.3rem
  }
}

.group-lesson-content .content-block-wrapper .lesson-description{
  text-align:center;
  font-size:1.5rem;
  font-weight:600;
  padding:0 5rem 3rem 5rem;
  line-height:1.5;
  color:#6c757b
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper .lesson-description{
    padding:1rem;
    margin-bottom:1rem;
    font-size:1rem
  }
}

.group-lesson-content .content-block-wrapper .request-btn-and-message-wrapper .number-of-participant-wrapper{
  text-align:center
}

.group-lesson-content .content-block-wrapper .request-btn-and-message-wrapper .number-of-participant-wrapper>div{
  display:inline-block;
  margin-bottom:1.5rem;
  padding:1rem 2rem;
  border-radius:0.375rem;
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:600
}

@media (min-width: 768px){
  .group-lesson-content .content-block-wrapper .request-btn-and-message-wrapper .number-of-participant-wrapper>div{
    font-size:1.5rem;
    line-height:2rem
  }
}

@media (min-width: 1024px){
  .group-lesson-content .content-block-wrapper .request-btn-and-message-wrapper .number-of-participant-wrapper>div{
    font-size:1.875rem;
    line-height:2.25rem
  }
}

.group-lesson-content .content-block-wrapper .request-btn-and-message-wrapper .number-of-participant-wrapper>div{
  background-color:#fafdeb;
  color:#417a73
}

.group-lesson-content .content-block-wrapper .request-btn-and-message-wrapper .closed-club-message-wrapper{
  text-align:center
}

.group-lesson-content .content-block-wrapper .request-btn-and-message-wrapper .closed-club-message-wrapper .closed-club-message{
  display:inline-block;
  border-radius:0.25rem;
  padding:1rem;
  font-size:1rem;
  line-height:1.5rem;
  font-weight:600
}

@media (min-width: 768px){
  .group-lesson-content .content-block-wrapper .request-btn-and-message-wrapper .closed-club-message-wrapper .closed-club-message{
    padding:2rem;
    font-size:1.5rem;
    line-height:2rem
  }
}

.group-lesson-content .content-block-wrapper .request-btn-and-message-wrapper .closed-club-message-wrapper .closed-club-message{
  background-color:#fafdeb;
  color:#417a73
}

.group-lesson-content .content-block-wrapper .join-btn-wrapper{
  text-align:center
}

.group-lesson-content .content-block-wrapper .join-btn-wrapper .join-btn{
  font-family:inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,"Segoe UI Emoji","Segoe UI Symbol","Open Sans","Roboto","Lato","Open Sans","Helvetica","Myriad Pro","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,"Hiragino Sans","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Noto Sans JP","Hiragino Sans","Mplus 1p","Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Kozuka Gothic Pro","Meiryo UI","MS PGothic","Noto Sans KR","Gothic A1","Noto Sans Korean","Apple SD Gothic Neo","Noto Sans KR","Gothic A1","Noto Sans Korean","Nanum Gothic","Apple SD Gothic Neo","AppleGothic","Malgun Gothic","Gulim",sans-serif,system-ui;
  background-color:#000;
  border:0;
  color:#fff;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px;
  display:inline-block;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  -o-border-radius:50px;
  -ms-border-radius:50px;
  border-radius:50px;
  outline:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-smoothing:antialiased;
  font-smooth:always;
  color:#fff;
  margin:0;
  padding:1rem 2rem;
  height:auto;
  font-size:1em;
  line-height:1;
  text-transform:none;
  letter-spacing:0;
  background-color:#417a73;
  cursor:pointer;
  font-size:1.5rem;
  font-weight:700;
  min-width:300px
}

.group-lesson-content .content-block-wrapper .join-btn-wrapper .join-btn:hover,.group-lesson-content .content-block-wrapper .join-btn-wrapper .join-btn:active{
  background-color:#539b92;
  color:#fff;
  text-decoration:none
}

.group-lesson-content .content-block-wrapper .join-btn-wrapper .join-btn:lang(ja){
  font-weight:700
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper .join-btn-wrapper .join-btn{
    font-size:1.2rem
  }
}

.group-lesson-content .content-block-wrapper .lesson-detail-wrapper{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:3rem;
  padding:0 0 1rem;
  line-height:1.5
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper .lesson-detail-wrapper{
    padding:0 10px 1rem;
    display:grid;
    grid-template-columns:repeat(1, minmax(0, 1fr))
  }
}

.group-lesson-content .content-block-wrapper .lesson-detail-wrapper h3{
  text-align:center;
  font-size:1.7rem;
  margin-bottom:2rem
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper .lesson-detail-wrapper h3{
    font-size:1.5rem
  }

  .group-lesson-content .content-block-wrapper .lesson-detail-wrapper h3:lang(ja){
    font-weight:700
  }
}

.group-lesson-content .content-block-wrapper .lesson-detail-wrapper .lesson-detail{
  display:grid;
  grid-template-columns:auto
}

.group-lesson-content .content-block-wrapper .lesson-detail-wrapper .lesson-detail h4{
  font-size:1.2rem;
  font-weight:700;
  padding-bottom:.5rem;
  border-bottom:1px dotted;
  color:#6c757b
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper .lesson-detail-wrapper .lesson-detail h4{
    font-size:1.1rem
  }
}

.group-lesson-content .content-block-wrapper .lesson-detail-wrapper .lesson-detail p{
  font-size:1.2rem;
  padding:1rem 0 1.5rem 1rem;
  color:#6c757b
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper .lesson-detail-wrapper .lesson-detail p{
    padding:.5rem 0 1rem .5rem;
    font-size:1rem;
    line-height:1.5
  }
}

.group-lesson-content .content-block-wrapper .lesson-detail-wrapper .lesson-curriculum p{
  font-size:1.2rem;
  line-height:1.8;
  color:#6c757b
}

.group-lesson-content .content-block-wrapper .lesson-detail-wrapper .lesson-curriculum .lesson-contents{
  padding-top:1rem
}

.group-lesson-content .content-block-wrapper .lesson-detail-wrapper .lesson-curriculum .lesson-contents ul{
  padding:1rem 0 0 3rem
}

.group-lesson-content .content-block-wrapper .three-columns-container{
  max-width:1200px;
  margin:0 auto;
  display:flex;
  flex-direction:row;
  justify-content:center;
  padding:0 1rem;
  gap:5rem
}

@media only screen and (min-width: 0px)and (max-width: 768px){
  .group-lesson-content .content-block-wrapper .three-columns-container{
    padding:0 2rem;
    gap:2rem
  }
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper .three-columns-container{
    display:flex;
    flex-direction:column;
    padding:2rem 1rem;
    gap:2rem
  }
}

.group-lesson-content .content-block-wrapper .three-columns-container .tutor-wrapper{
  text-align:center
}

.group-lesson-content .content-block-wrapper .three-columns-container .tutor-wrapper .tutor-image{
  margin-bottom:1rem;
  text-align:center
}

.group-lesson-content .content-block-wrapper .three-columns-container .tutor-wrapper .tutor-image img{
  width:7rem
}

.group-lesson-content .content-block-wrapper .three-columns-container .tutor-wrapper .tutor-name{
  padding:.5rem 0 1rem 0;
  font-size:2rem
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper .three-columns-container .tutor-wrapper .tutor-name{
    font-size:1.5rem
  }
}

.group-lesson-content .content-block-wrapper .three-columns-container .tutor-wrapper .tutor-introduction{
  line-height:1.8
}

.group-lesson-content .content-block-wrapper .reservation-container{
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  padding:0 2rem 5rem;
  gap:5rem
}

@media only screen and (min-width: 0px)and (max-width: 768px){
  .group-lesson-content .content-block-wrapper .reservation-container{
    padding:0 1rem;
    gap:2rem
  }
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper .reservation-container{
    display:grid;
    grid-template-columns:repeat(1, minmax(0, 1fr));
    padding:1rem;
    gap:2rem
  }
}

.group-lesson-content .content-block-wrapper .reservation-container .warning-wrapper{
  border:2px dotted #e78576;
  padding:1.5rem 1rem
}

.group-lesson-content .content-block-wrapper .reservation-container .warning-wrapper h3{
  font-size:1.5rem;
  margin-bottom:1.5rem;
  font-weight:700;
  color:#e78576
}

.group-lesson-content .content-block-wrapper .reservation-container .warning-wrapper ul{
  padding-left:1rem
}

.group-lesson-content .content-block-wrapper .reservation-container .warning-wrapper ul li{
  font-size:1.1rem;
  line-height:1.5;
  color:#e78576;
  margin-bottom:.5rem
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper .reservation-container .warning-wrapper ul li{
    line-height:1.5
  }
}

.group-lesson-content .content-block-wrapper .each-step-wrapper{
  display:grid;
  grid-template-columns:minmax(0, 80px) auto;
  gap:2rem;
  margin:0 0 3rem 0;
  line-height:1.5
}

@media only screen and (min-width: 0px)and (max-width: 768px){
  .group-lesson-content .content-block-wrapper .each-step-wrapper{
    gap:1rem
  }
}

.group-lesson-content .content-block-wrapper .each-step-wrapper .step-image img{
  width:5rem
}

.group-lesson-content .content-block-wrapper .each-step-wrapper .step-description{
  font-size:1.1rem;
  padding:1rem 0 0 0;
  border-top:1px dotted #0b4257
}

.group-lesson-content .content-block-wrapper .each-step-wrapper .step-description p{
  padding:0 0 1rem 0
}

.group-lesson-content .content-block-wrapper .go-to-request-wrapper{
  text-align:center
}

.group-lesson-content .content-block-wrapper .go-to-request-wrapper .go-to-request-btn-box{
  display:inline-block;
  border-radius:0.375rem;
  padding:2rem;
  background-color:#deede3;
  min-width:300px
}

.group-lesson-content .content-block-wrapper .go-to-request-wrapper .go-to-request-btn-box .go-to-request-btn{
  font-family:inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,"Apple Color Emoji",Arial,"Segoe UI Emoji","Segoe UI Symbol","Open Sans","Roboto","Lato","Open Sans","Helvetica","Myriad Pro","Lucida Grande","Lucida Sans Unicode","Lucida Sans",Geneva,Verdana,"Hiragino Sans","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Noto Sans JP","Hiragino Sans","Mplus 1p","Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Kozuka Gothic Pro","Meiryo UI","MS PGothic","Noto Sans KR","Gothic A1","Noto Sans Korean","Apple SD Gothic Neo","Noto Sans KR","Gothic A1","Noto Sans Korean","Nanum Gothic","Apple SD Gothic Neo","AppleGothic","Malgun Gothic","Gulim",sans-serif,system-ui;
  background-color:#000;
  border:0;
  color:#fff;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:20px;
  padding-right:20px;
  display:inline-block;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  -o-border-radius:50px;
  -ms-border-radius:50px;
  border-radius:50px;
  outline:0;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-smoothing:antialiased;
  font-smooth:always;
  color:#fff;
  margin:0;
  padding:1rem 2rem;
  height:auto;
  font-size:1em;
  line-height:1;
  text-transform:none;
  letter-spacing:0;
  background-color:#417a73;
  cursor:pointer;
  font-size:1.1rem;
  font-weight:700
}

.group-lesson-content .content-block-wrapper .go-to-request-wrapper .go-to-request-btn-box .go-to-request-btn:hover,.group-lesson-content .content-block-wrapper .go-to-request-wrapper .go-to-request-btn-box .go-to-request-btn:active{
  background-color:#539b92;
  color:#fff;
  text-decoration:none
}

.group-lesson-content .content-block-wrapper .go-to-request-wrapper .go-to-request-btn-box .go-to-request-btn:lang(ja){
  font-weight:700
}

@media only screen and (min-width: 0px)and (max-width: 599px){
  .group-lesson-content .content-block-wrapper .go-to-request-wrapper .go-to-request-btn-box .go-to-request-btn{
    font-size:.9rem
  }
}

.popup-wrapper{
  display:flex;
  align-items:center;
  justify-content:center;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:20
}

.popup-wrapper .popup-message-box{
  min-width:300px;
  box-shadow:2px 2px 8px rgba(0,0,0,.5);
  display:inline-block;
  border-radius:0.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
  padding:1rem
}

.popup-wrapper .popup-message-box .popup-icon-wrapper{
  text-align:center
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-icon{
  width:3rem;
  height:3rem;
  display:grid;
  place-items:center;
  margin:0 auto;
  margin-bottom:1rem;
  border-radius:9999px;
  --tw-bg-opacity:1;
  background-color:rgba(229, 231, 235, var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(75, 85, 99, var(--tw-text-opacity))
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-icon svg{
  width:1.3rem;
  height:1.3rem;
  position:relative;
  top:2px
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-icon.bg-green-color{
  --tw-bg-opacity:1;
  background-color:rgba(209, 250, 229, var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(5, 150, 105, var(--tw-text-opacity))
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-icon.bg-red-color{
  --tw-bg-opacity:1;
  background-color:rgba(254, 226, 226, var(--tw-bg-opacity));
  --tw-text-opacity:1;
  color:rgba(220, 38, 38, var(--tw-text-opacity))
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-icon.check-icon-item svg{
  stroke-width:3
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-message{
  margin-bottom:1rem;
  font-size:1.125rem;
  line-height:1.75rem;
  font-weight:600
}

@media (min-width: 768px){
  .popup-wrapper .popup-message-box .popup-icon-wrapper .popup-message{
    font-size:1.125rem;
    line-height:1.75rem
  }
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper.two-button-wrapper{
  display:flex
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper.two-button-wrapper>div{
  flex:1 1 0px
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper.two-button-wrapper>div:first-child{
  margin-right:1rem
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper .popup-btn{
  width:100%;
  border-radius:0.375rem;
  --tw-bg-opacity:1;
  background-color:rgba(255, 255, 255, var(--tw-bg-opacity));
  padding-top:0.5rem;
  padding-bottom:0.5rem;
  font-size:0.875rem;
  line-height:1.25rem;
  font-weight:600
}

@media (min-width: 768px){
  .popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper .popup-btn{
    font-size:1rem;
    line-height:1.5rem
  }
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper .popup-btn{
  border:1px solid #b8bbc0
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper .popup-btn:hover{
  background-color:#f9fafb;
  cursor:pointer
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper .popup-btn.blue-btn{
  background-color:#4f46e1;
  border:1px solid #4f46e1;
  color:#fff
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper .popup-btn.blue-btn:hover{
  background-color:#2c22d2
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper .popup-btn.red-btn{
  background-color:#de2625;
  border:1px solid #de2625;
  color:#fff
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper .popup-btn.red-btn:hover{
  background-color:#b51c1b
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper .popup-btn.cafetalk-signin-btn{
  background-color:#de7c63;
  border:1px solid #de7c63;
  border-radius:9999px;
  --tw-text-opacity:1;
  color:rgba(255, 255, 255, var(--tw-text-opacity))
}

.popup-wrapper .popup-message-box .popup-icon-wrapper .popup-btn-wrapper .popup-btn.cafetalk-signin-btn:hover{
  background-color:#d55939
}

.popup-enter{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1)
}

.popup-enter-start{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-scale-x:.9;
  --tw-scale-y:.9;
  opacity:0
}

.popup-enter-end{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-scale-x:1;
  --tw-scale-y:1;
  opacity:1
}

.popup-leave{
  transition-property:background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration:150ms;
  transition-duration:200ms;
  transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1)
}

.popup-leave-start{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-scale-x:1;
  --tw-scale-y:1;
  opacity:1
}

.popup-leave-end{
  --tw-translate-x:0;
  --tw-translate-y:0;
  --tw-rotate:0;
  --tw-skew-x:0;
  --tw-skew-y:0;
  --tw-scale-x:1;
  --tw-scale-y:1;
  transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  --tw-scale-x:.9;
  --tw-scale-y:.9;
  opacity:0
}