.slide-in-blurred-top {
  -webkit-animation: slide-in-blurred-top .6s cubic-bezier(.23, 1, .32, 1) both;
  animation: slide-in-blurred-top .6s cubic-bezier(.23, 1, .32, 1) both
}

.fade-out {
	-webkit-animation: fade-out 1s ease-out both;
	        animation: fade-out 1s ease-out both;
}

.fade-out2s {
	-webkit-animation: fade-out 1s ease-out 2s both;
	        animation: fade-out 1s ease-out 2s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-2-12 22:34:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation fade-out
 * ----------------------------------------
 */
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}


.fade-in {
  -webkit-animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both;
  animation: fade-in 1.2s cubic-bezier(.39, .575, .565, 1) both
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes fade-in {
  0% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@-webkit-keyframes slide-in-blurred-top {
  0% {
    transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
    transform-origin: 50% 0;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0
  }

  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}

@keyframes slide-in-blurred-top {
  0% {
    transform: translateY(-1000px) scaleY(2.5) scaleX(.2);
    transform-origin: 50% 0;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0
  }

  100% {
    transform: translateY(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}

@-webkit-keyframes flip-2-ver-left-fwd {
  0% {
    transform: translateX(0) translateZ(0) rotateY(0);
    transform-origin: 0 50%
  }

  100% {
    transform: translateX(-100%) translateZ(160px) rotateY(180deg);
    transform-origin: 100% 0
  }
}

@keyframes flip-2-ver-left-fwd {
  0% {
    transform: translateX(0) translateZ(0) rotateY(0);
    transform-origin: 0 50%
  }

  100% {
    transform: translateX(-100%) translateZ(160px) rotateY(180deg);
    transform-origin: 100% 0
  }
}

@-webkit-keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0
  }

  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}

@keyframes text-focus-in {
  0% {
    -webkit-filter: blur(12px);
    filter: blur(12px);
    opacity: 0
  }

  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}

.slide-in-top {
  -webkit-animation: slide-in-top .5s cubic-bezier(.25, .46, .45, .94) both;
  animation: slide-in-top .5s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes slide-in-top {
  0% {
    transform: translateY(-1000px);
    opacity: 0
  }

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

@keyframes slide-in-top {
  0% {
    transform: translateY(-1000px);
    opacity: 0
  }

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

.slide-in-left {
  -webkit-animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both;
  animation: slide-in-left .5s cubic-bezier(.25, .46, .45, .94) both
}

@-webkit-keyframes slide-in-left {
  0% {
    transform: translateX(-1000px);
    opacity: 0
  }

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

@keyframes slide-in-left {
  0% {
    transform: translateX(-1000px);
    opacity: 0
  }

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

.fade-in-bottom {
  -webkit-animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) both;
  animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) both
}

.fade-in-bottom1s {
  -webkit-animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) 1s both;
  animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) 1s both
}

.fade-in-bottom2s {
  -webkit-animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) 1.5s both;
  animation: fade-in-bottom .6s cubic-bezier(.39, .575, .565, 1) 1.5s both
}

@-webkit-keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0
  }

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

@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0
  }

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

.tracking-in-contract-bck-top {
  -webkit-animation: tracking-in-contract-bck-top 1s cubic-bezier(.215, .61, .355, 1) both;
  animation: tracking-in-contract-bck-top 1s cubic-bezier(.215, .61, .355, 1) both
}

@-webkit-keyframes tracking-in-contract-bck-top {
  0% {
    letter-spacing: 1em;
    transform: translateZ(400px) translateY(-300px);
    opacity: 0
  }

  40% {
    opacity: .6
  }

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

@keyframes tracking-in-contract-bck-top {
  0% {
    letter-spacing: 1em;
    transform: translateZ(400px) translateY(-300px);
    opacity: 0
  }

  40% {
    opacity: .6
  }

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

.text-flicker-in-glow {
  -webkit-animation: text-flicker-in-glow 4s linear both;
  animation: text-flicker-in-glow 4s linear both
}

@-webkit-keyframes text-flicker-in-glow {
  0% {
    opacity: 0
  }

  10% {
    opacity: 0;
    text-shadow: none
  }

  10.1% {
    opacity: 1;
    text-shadow: none
  }

  10.2%,
  20% {
    opacity: 0;
    text-shadow: none
  }

  20.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .25)
  }

  20.6%,
  30% {
    opacity: 0;
    text-shadow: none
  }

  30.1%,
  30.5% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .45), 0 0 60px rgba(255, 255, 255, .25)
  }

  30.6%,
  45% {
    opacity: 0;
    text-shadow: none
  }

  45.1%,
  50%,
  55% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .45), 0 0 60px rgba(255, 255, 255, .25)
  }

  55.1%,
  57% {
    opacity: 0;
    text-shadow: none
  }

  57.1%,
  60% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .55), 0 0 60px rgba(255, 255, 255, .35)
  }

  60.1%,
  65% {
    opacity: 0;
    text-shadow: none
  }

  65.1%,
  75% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .55), 0 0 60px rgba(255, 255, 255, .35), 0 0 100px rgba(255, 255, 255, .1)
  }

  75.1%,
  77% {
    opacity: 0;
    text-shadow: none
  }

  77.1%,
  85% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .55), 0 0 60px rgba(255, 255, 255, .4), 0 0 110px rgba(255, 255, 255, .2), 0 0 100px rgba(255, 255, 255, .1)
  }

  85.1%,
  86% {
    opacity: 0;
    text-shadow: none
  }

  100%,
  86.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .6), 0 0 60px rgba(255, 255, 255, .45), 0 0 110px rgba(255, 255, 255, .25), 0 0 100px rgba(255, 255, 255, .1)
  }
}

@keyframes text-flicker-in-glow {
  0% {
    opacity: 0
  }

  10% {
    opacity: 0;
    text-shadow: none
  }

  10.1% {
    opacity: 1;
    text-shadow: none
  }

  10.2%,
  20% {
    opacity: 0;
    text-shadow: none
  }

  20.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .25)
  }

  20.6%,
  30% {
    opacity: 0;
    text-shadow: none
  }

  30.1%,
  30.5% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .45), 0 0 60px rgba(255, 255, 255, .25)
  }

  30.6%,
  45% {
    opacity: 0;
    text-shadow: none
  }

  45.1%,
  50%,
  55% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .45), 0 0 60px rgba(255, 255, 255, .25)
  }

  55.1%,
  57% {
    opacity: 0;
    text-shadow: none
  }

  57.1%,
  60% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .55), 0 0 60px rgba(255, 255, 255, .35)
  }

  60.1%,
  65% {
    opacity: 0;
    text-shadow: none
  }

  65.1%,
  75% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .55), 0 0 60px rgba(255, 255, 255, .35), 0 0 100px rgba(255, 255, 255, .1)
  }

  75.1%,
  77% {
    opacity: 0;
    text-shadow: none
  }

  77.1%,
  85% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .55), 0 0 60px rgba(255, 255, 255, .4), 0 0 110px rgba(255, 255, 255, .2), 0 0 100px rgba(255, 255, 255, .1)
  }

  85.1%,
  86% {
    opacity: 0;
    text-shadow: none
  }

  100%,
  86.1% {
    opacity: 1;
    text-shadow: 0 0 30px rgba(255, 255, 255, .6), 0 0 60px rgba(255, 255, 255, .45), 0 0 110px rgba(255, 255, 255, .25), 0 0 100px rgba(255, 255, 255, .1)
  }
}

.swing-in-top-fwd {
  -webkit-animation: swing-in-top-fwd .5s cubic-bezier(.175, .885, .32, 1.275) both;
  animation: swing-in-top-fwd .5s cubic-bezier(.175, .885, .32, 1.275) both
}

@-webkit-keyframes swing-in-top-fwd {
  0% {
    transform: rotateX(-100deg);
    transform-origin: top;
    opacity: 0
  }

  100% {
    transform: rotateX(0);
    transform-origin: top;
    opacity: 1
  }
}

@keyframes swing-in-top-fwd {
  0% {
    transform: rotateX(-100deg);
    transform-origin: top;
    opacity: 0
  }

  100% {
    transform: rotateX(0);
    transform-origin: top;
    opacity: 1
  }
}

.shake-horizontal {
  -webkit-animation: shake-horizontal .8s cubic-bezier(.455, .030, .515, .955) both;
  animation: shake-horizontal .8s cubic-bezier(.455, .030, .515, .955) both
}

@-webkit-keyframes shake-horizontal {

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

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

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

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

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

@keyframes shake-horizontal {

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

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

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

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

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

.slide-out-top {
  -webkit-animation: slide-out-top .5s cubic-bezier(.55, .085, .68, .53) both;
  animation: slide-out-top .5s cubic-bezier(.55, .085, .68, .53) both
}

.slide-out-bottom {
  -webkit-animation: slide-out-bottom .5s cubic-bezier(.55, .085, .68, .53) both;
  animation: slide-out-bottom .5s cubic-bezier(.55, .085, .68, .53) both
}

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

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

@keyframes slide-out-bottom {
  0% {
    transform: translateY(0);
    opacity: 1
  }

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

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

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

@keyframes slide-out-top {
  0% {
    transform: translateY(0);
    opacity: 1
  }

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

.scale-in-center {
  -webkit-animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both;
  animation: scale-in-center .5s cubic-bezier(.25, .46, .45, .94) both
}

.heartbeat {
  -webkit-animation: heartbeat 1.5s ease-in-out infinite both;
  animation: heartbeat 1.5s ease-in-out infinite both
}

.slide-in-blurred-left {
  -webkit-animation: slide-in-blurred-left .6s cubic-bezier(.23, 1, .32, 1) both;
  animation: slide-in-blurred-left .6s cubic-bezier(.23, 1, .32, 1) both
}

@-webkit-keyframes slide-in-blurred-left {
  0% {
    transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
    transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0
  }

  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}

@keyframes slide-in-blurred-left {
  0% {
    transform: translateX(-1000px) scaleX(2.5) scaleY(.2);
    transform-origin: 100% 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0
  }

  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}

.slide-in-blurred-right {
  -webkit-animation: slide-in-blurred-right .6s cubic-bezier(.23, 1, .32, 1) .5s both;
  animation: slide-in-blurred-right .6s cubic-bezier(.23, 1, .32, 1) .5s both
}

@-webkit-keyframes slide-in-blurred-right {
  0% {
    transform: translateX(1000px) scaleX(2.5) scaleY(.2);
    transform-origin: 0 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0
  }

  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}

@keyframes slide-in-blurred-right {
  0% {
    transform: translateX(1000px) scaleX(2.5) scaleY(.2);
    transform-origin: 0 50%;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    opacity: 0
  }

  100% {
    transform: translateX(0) scaleY(1) scaleX(1);
    transform-origin: 50% 50%;
    -webkit-filter: blur(0);
    filter: blur(0);
    opacity: 1
  }
}

@-webkit-keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  10% {
    transform: scale(.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  17% {
    transform: scale(.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  33% {
    transform: scale(.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  45% {
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

@keyframes heartbeat {
  from {
    transform: scale(1);
    transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  10% {
    transform: scale(.91);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  17% {
    transform: scale(.98);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }

  33% {
    transform: scale(.87);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
  }

  45% {
    transform: scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
  }
}

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

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

@keyframes scale-in-center {
  0% {
    transform: scale(0);
    opacity: 1
  }

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

.jello-horizontal {
  -webkit-animation: jello-horizontal .9s 1s both;
  animation: jello-horizontal .9s 1s both
}

@-webkit-keyframes jello-horizontal {

  0%,
  100% {
    transform: scale3d(1, 1, 1)
  }

  30% {
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    transform: scale3d(1.05, .95, 1)
  }
}

@keyframes jello-horizontal {

  0%,
  100% {
    transform: scale3d(1, 1, 1)
  }

  30% {
    transform: scale3d(1.25, .75, 1)
  }

  40% {
    transform: scale3d(.75, 1.25, 1)
  }

  50% {
    transform: scale3d(1.15, .85, 1)
  }

  65% {
    transform: scale3d(.95, 1.05, 1)
  }

  75% {
    transform: scale3d(1.05, .95, 1)
  }
}