/* Griffith Consulting Group · service animations. Written whole by tools/anim.mjs; edit that file, not this one.
   Loads after css/page.css on the service pages that carry an anim block. The resting style of every
   piece is the finished picture; ?static and reduced motion stop the motion and show it. */

.anim .an { transform-box: fill-box; transform-origin: center; }
.anim .an.an-pivot { transform-box: view-box; transform-origin: 0 0; }
.anim .an-ghost { opacity: 0; }
.static .anim .an, .static .anim .an-rec { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
  .anim .an, .anim .an-rec { animation: none !important; }
}

.iso .an-txt { font: 600 4.7px/1 var(--f-mono); fill: var(--c-ink); }
.iso .an-txt--b { font-weight: 750; }
.iso .an-grid { stroke: color-mix(in oklab, var(--c-ink), transparent 70%); stroke-width: .7; }
.iso .an-scan { fill: color-mix(in oklab, var(--moss) 35%, transparent); stroke: var(--moss); stroke-width: .8; stroke-dasharray: 3 2; }
.iso .an-pulse { fill: none; stroke: var(--forest); stroke-width: 1.6; }
.iso .an-slot { fill: color-mix(in oklab, var(--c-ink) 5%, transparent); stroke: color-mix(in oklab, var(--c-ink), transparent 55%); stroke-dasharray: 2 2; }
.iso .an-dot { fill: var(--moss); stroke: var(--bg); stroke-width: 1; }
.iso .an-chip rect { fill: var(--bg); stroke: var(--line-2); stroke-width: .8; }
.iso .an-chip circle { fill: var(--forest); }
.iso .an-chip text { font: 500 6.4px/1 var(--f-mono); fill: var(--ink); }
.iso .an-badge circle { fill: var(--forest); }
.iso .an-badge polyline { fill: none; stroke: var(--bg); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.iso .an-hand { stroke: var(--c-ink); stroke-width: 1.4; stroke-linecap: round; }
.iso .an-hand--s { stroke-width: 1.8; }
.iso .an-clock { fill: color-mix(in oklab, var(--c-paper), white 65%); stroke: var(--c-ink); stroke-width: 1.4; }
.iso .an-clock-pin { fill: var(--c-ink); }
.iso .an-cell { fill: color-mix(in oklab, var(--c-ink) 22%, transparent); }
.iso .an-cell--on { fill: var(--forest); }
.iso .cog path, .iso .cog circle { fill: var(--c-sand); stroke: var(--iso-line); stroke-width: .8; }
.iso .cog--edge path { fill: color-mix(in oklab, var(--c-sand), var(--c-bark) 40%); }
.iso .cog .cog-hole { fill: var(--slab-in); }
.iso .an-eye { fill: var(--moss); stroke: none; }
.iso .an-antenna { stroke: var(--c-ink); stroke-width: 1.4; }
.iso .an-tip { fill: var(--c-bark); }
.iso .an-token { fill: var(--moss); stroke: var(--forest); stroke-width: .8; }
.iso .an-rec { fill: var(--c-bark); animation: an-rec 1s steps(2, jump-none) infinite; }
@keyframes an-rec { to { opacity: .2; } }
.iso .an-play { fill: var(--c-paper); stroke: none; }
.iso .an-seal { fill: none; stroke: var(--forest); stroke-width: 1.8; }
.iso .an-seal-ck { fill: none; stroke: var(--forest); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.iso .an-belt { stroke: color-mix(in oklab, var(--c-paper), transparent 45%); stroke-width: .8; }
.iso .an-lens { fill: color-mix(in oklab, var(--bg), transparent 35%); stroke: var(--c-ink); stroke-width: 2.2; }
.iso .an-handle { stroke: var(--c-bark); stroke-width: 3.6; stroke-linecap: round; }
.iso .an-pin { stroke: var(--c-ink); stroke-width: 1; }
.iso .an-ai { font: 800 6.5px/1 var(--f-mono); fill: var(--bg); }
/* data pages: text on paper (stays dark in both themes), text on the floor (follows the theme), marks */
.iso .an-t6 { font: 600 5.6px/1 var(--f-mono); fill: var(--c-ink); }
.iso .an-t6b { font: 750 5.6px/1 var(--f-mono); fill: var(--c-ink); }
.iso .an-t6w { fill: var(--c-paper); }
.iso .an-t6-bad { fill: var(--c-bark); }
.iso .an-flr { font: 650 6px/1 var(--f-mono); fill: var(--ink); }
.iso .an-grid--b { stroke: color-mix(in oklab, var(--c-ink), transparent 45%); }
.iso .an-field { fill: color-mix(in oklab, var(--c-paper), white 70%); stroke: color-mix(in oklab, var(--c-ink), transparent 60%); stroke-width: .6; }
.iso .an-flag { fill: color-mix(in oklab, var(--c-bark) 14%, transparent); stroke: var(--c-bark); stroke-width: .9; }
.iso .an-win { fill: color-mix(in oklab, var(--forest) 26%, transparent); stroke: var(--forest); stroke-width: 1; }
.iso .an-lane { fill: color-mix(in oklab, var(--ink) 4%, transparent); stroke: color-mix(in oklab, var(--ink), transparent 78%); stroke-width: .7; stroke-dasharray: 2 2; }
.iso .an-star { fill: var(--c-sand); }
.iso .an-zebra { fill: color-mix(in oklab, var(--c-ink) 6%, transparent); }
.iso .an-tickbox { fill: none; stroke: color-mix(in oklab, var(--ink), transparent 45%); stroke-width: .8; }
.iso .an-head { fill: var(--ink); }
.iso .an-tick { fill: none; stroke: var(--bg); stroke-width: 1.3; stroke-linecap: round; stroke-linejoin: round; }
.iso .an-string { fill: none; stroke: color-mix(in oklab, var(--ink), transparent 45%); stroke-width: .7; }
.iso .an-shine { fill: color-mix(in oklab, var(--c-paper), transparent 35%); }
.iso .an-card { fill: color-mix(in oklab, var(--c-paper), white 65%); stroke: color-mix(in oklab, var(--c-ink), transparent 50%); stroke-width: .6; }
.iso .an-flr--b { font-weight: 800; }
.iso .an-chip--ans rect { fill: var(--forest); stroke: none; }
.iso .an-chip--ans circle { fill: var(--bg); }
.iso .an-chip--ans text { fill: var(--bg); font-weight: 700; }
/* home hero: window glass when the lights are off, the warm light over it, lit monitors, the dark, the power line */
.iso .an-pane { fill: var(--hole); }
.iso .an-lamp { fill: color-mix(in oklab, var(--c-sand), white 55%); stroke: none; }
.iso .an-mon { fill: color-mix(in oklab, var(--moss), white 40%); stroke: none; }
.iso .an-dark { fill: var(--c-ink); stroke: none; }
.iso .an-zz { font: 800 8px/1 var(--f-mono); fill: var(--ink); }
.iso .an-zz--s { font-size: 6px; }
.iso .an-cable { fill: none; stroke: color-mix(in oklab, var(--c-ink), transparent 40%); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.iso .an-cable--on { stroke: var(--c-sand); }
.iso .an-bolt { fill: var(--c-sand); stroke: var(--c-ink); stroke-width: .5; }
.iso .an-lever { stroke: var(--c-ink); stroke-width: 1.4; stroke-linecap: round; }
.iso .an-knob { fill: var(--c-bark); stroke: none; }
.iso .an-volt { fill: var(--c-sand); stroke: color-mix(in oklab, var(--c-sand), white 55%); stroke-width: 1; }

/* ---------------------------------------------------------------- websites */
@keyframes web-1 {
  0% { opacity: 0; transform: translate(-10px, 0px) rotate(0deg) scale(1); }
  9% { opacity: 0; transform: translate(-10px, 0px) rotate(0deg) scale(1); }
  12.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-1 { animation: web-1 10s ease-in-out infinite; }
@keyframes web-2 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  15% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  19% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-2 { animation: web-2 10s ease-in-out infinite; }
@keyframes web-3 {
  0% { opacity: 0; transform: translate(-8px, 0px) rotate(0deg) scale(1); }
  21% { opacity: 0; transform: translate(-8px, 0px) rotate(0deg) scale(1); }
  24% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-3 { animation: web-3 10s ease-in-out infinite; }
@keyframes web-4 {
  0% { opacity: 0; transform: translate(-8px, 0px) rotate(0deg) scale(1); }
  23% { opacity: 0; transform: translate(-8px, 0px) rotate(0deg) scale(1); }
  26% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-4 { animation: web-4 10s ease-in-out infinite; }
@keyframes web-5 {
  0% { opacity: 0; transform: translate(-8px, 0px) rotate(0deg) scale(1); }
  25% { opacity: 0; transform: translate(-8px, 0px) rotate(0deg) scale(1); }
  28% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-5 { animation: web-5 10s ease-in-out infinite; }
@keyframes web-6 {
  0% { opacity: 0; transform: translate(-6px, 0px) rotate(0deg) scale(1); }
  28% { opacity: 0; transform: translate(-6px, 0px) rotate(0deg) scale(1); }
  31% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-6 { animation: web-6 10s ease-in-out infinite; }
@keyframes web-7 {
  0% { opacity: 0; transform: translate(-6px, 0px) rotate(0deg) scale(1); }
  30% { opacity: 0; transform: translate(-6px, 0px) rotate(0deg) scale(1); }
  33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-7 { animation: web-7 10s ease-in-out infinite; }
@keyframes web-8 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  38% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  40% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.12); }
  42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  44% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.12); }
  46% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-8 { animation: web-8 10s ease-in-out infinite; }
@keyframes web-9 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  32% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  35% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-9 { animation: web-9 10s ease-in-out infinite; }
@keyframes web-10 {
  0% { opacity: 0; transform: translate(0px, 10px) rotate(0deg) scale(1); }
  2% { opacity: 0; transform: translate(0px, 10px) rotate(0deg) scale(1); }
  7% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-10 { animation: web-10 10s ease-in-out infinite; }
@keyframes web-11 {
  0% { opacity: 0; transform: translate(0px, -8px) rotate(0deg) scale(1); }
  45% { opacity: 0; transform: translate(0px, -8px) rotate(0deg) scale(1); }
  48% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  49% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  56% { opacity: 1; transform: translate(-47.4px, 27.4px) rotate(0deg) scale(1); }
  62% { opacity: 1; transform: translate(-83.8px, 6.4px) rotate(0deg) scale(1); }
  64% { opacity: 0; transform: translate(-83.8px, 6.4px) rotate(0deg) scale(0.6); }
  100% { opacity: 0; transform: translate(-83.8px, 6.4px) rotate(0deg) scale(0.6); }
}
.anim .web-11 { animation: web-11 10s ease-in-out infinite; }
@keyframes web-12 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  63% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  64.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  73% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.7); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.7); }
}
.anim .web-12 { animation: web-12 10s ease-in-out infinite; }
@keyframes web-13 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  65% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  68% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-13 { animation: web-13 10s ease-in-out infinite; }
@keyframes web-14 {
  0% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  71% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  74% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .web-14 { animation: web-14 10s ease-in-out infinite; }

/* ---------------------------------------------------------------- crm */
@keyframes crm-1 {
  0% { opacity: 0; transform: translate(0px, -26px) rotate(0deg) scale(1); }
  31.11% { opacity: 0; transform: translate(0px, -26px) rotate(0deg) scale(1); }
  32.78% { opacity: 1; transform: translate(0px, -26px) rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
  35.56% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  87.78% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  96.67% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); }
}
.anim .crm-1 { animation: crm-1 9s ease-in-out infinite; }
@keyframes crm-2 {
  0% { opacity: 0; transform: translate(0px, -26px) rotate(0deg) scale(1); }
  56.11% { opacity: 0; transform: translate(0px, -26px) rotate(0deg) scale(1); }
  57.78% { opacity: 1; transform: translate(0px, -26px) rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
  60.56% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  87.78% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  96.67% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); }
}
.anim .crm-2 { animation: crm-2 9s ease-in-out infinite; }
@keyframes crm-3 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  4.44% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  6.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  7.78% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  8.89% { opacity: 1; transform: translate(1.9px, -2.7px) rotate(0deg) scale(1); }
  10% { opacity: 1; transform: translate(3.7px, -2.6px) rotate(0deg) scale(1); }
  11.11% { opacity: 1; transform: translate(5.6px, 0.2px) rotate(0deg) scale(1); }
  12.22% { opacity: 1; transform: translate(7.5px, 5.8px) rotate(0deg) scale(1); }
  13.33% { opacity: 1; transform: translate(9.3px, 14.1px) rotate(0deg) scale(1); }
  14.44% { opacity: 1; transform: translate(11.2px, 25.1px) rotate(0deg) scale(1); }
  15.56% { opacity: 1; transform: translate(13.1px, 38.9px) rotate(0deg) scale(1); }
  16.67% { opacity: 1; transform: translate(14.9px, 55.5px) rotate(0deg) scale(1); }
  18.33% { opacity: 0; transform: translate(14.9px, 55.5px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(14.9px, 55.5px) rotate(0deg) scale(0.4); }
}
.anim .crm-3 { animation: crm-3 9s linear infinite; }
@keyframes crm-4 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  16.11% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  17.22% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  23.33% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.6); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.6); }
}
.anim .crm-4 { animation: crm-4 9s ease-in-out infinite; }
@keyframes crm-5 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  17.22% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  19.44% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20.56% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  21.67% { opacity: 1; transform: translate(7.3px, -5.8px) rotate(0deg) scale(1); }
  22.78% { opacity: 1; transform: translate(14.6px, -8.9px) rotate(0deg) scale(1); }
  23.89% { opacity: 1; transform: translate(21.9px, -9.2px) rotate(0deg) scale(1); }
  25% { opacity: 1; transform: translate(29.2px, -6.8px) rotate(0deg) scale(1); }
  26.11% { opacity: 1; transform: translate(36.5px, -1.6px) rotate(0deg) scale(1); }
  27.22% { opacity: 1; transform: translate(43.8px, 6.3px) rotate(0deg) scale(1); }
  28.33% { opacity: 1; transform: translate(51.1px, 17px) rotate(0deg) scale(1); }
  29.44% { opacity: 1; transform: translate(58.5px, 30.4px) rotate(0deg) scale(1); }
  31.11% { opacity: 0; transform: translate(58.5px, 30.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(58.5px, 30.4px) rotate(0deg) scale(0.4); }
}
.anim .crm-5 { animation: crm-5 9s linear infinite; }
@keyframes crm-6 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  28.89% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  30% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  36.11% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.6); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.6); }
}
.anim .crm-6 { animation: crm-6 9s ease-in-out infinite; }
@keyframes crm-7 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  30% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  32.22% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.44% { opacity: 1; transform: translate(-4.8px, -6.8px) rotate(0deg) scale(1); }
  35.56% { opacity: 1; transform: translate(-9.6px, -10.8px) rotate(0deg) scale(1); }
  36.67% { opacity: 1; transform: translate(-14.5px, -12px) rotate(0deg) scale(1); }
  37.78% { opacity: 1; transform: translate(-19.3px, -10.5px) rotate(0deg) scale(1); }
  38.89% { opacity: 1; transform: translate(-24.1px, -6.3px) rotate(0deg) scale(1); }
  40% { opacity: 1; transform: translate(-28.9px, 0.7px) rotate(0deg) scale(1); }
  41.11% { opacity: 1; transform: translate(-33.8px, 10.5px) rotate(0deg) scale(1); }
  42.22% { opacity: 1; transform: translate(-38.6px, 22.9px) rotate(0deg) scale(1); }
  43.89% { opacity: 0; transform: translate(-38.6px, 22.9px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(-38.6px, 22.9px) rotate(0deg) scale(0.4); }
}
.anim .crm-7 { animation: crm-7 9s linear infinite; }
@keyframes crm-8 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  41.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  42.78% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  48.89% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.6); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.6); }
}
.anim .crm-8 { animation: crm-8 9s ease-in-out infinite; }
@keyframes crm-9 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  42.78% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  45% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  46.11% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  47.22% { opacity: 1; transform: translate(-6.9px, -8px) rotate(0deg) scale(1); }
  48.33% { opacity: 1; transform: translate(-13.9px, -13.2px) rotate(0deg) scale(1); }
  49.44% { opacity: 1; transform: translate(-20.8px, -15.7px) rotate(0deg) scale(1); }
  50.56% { opacity: 1; transform: translate(-27.7px, -15.4px) rotate(0deg) scale(1); }
  51.67% { opacity: 1; transform: translate(-34.7px, -12.4px) rotate(0deg) scale(1); }
  52.78% { opacity: 1; transform: translate(-41.6px, -6.6px) rotate(0deg) scale(1); }
  53.89% { opacity: 1; transform: translate(-48.5px, 1.9px) rotate(0deg) scale(1); }
  55% { opacity: 1; transform: translate(-55.5px, 13.2px) rotate(0deg) scale(1); }
  56.67% { opacity: 0; transform: translate(-55.5px, 13.2px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(-55.5px, 13.2px) rotate(0deg) scale(0.4); }
}
.anim .crm-9 { animation: crm-9 9s linear infinite; }
@keyframes crm-10 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  54.44% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  55.56% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  61.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.6); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.6); }
}
.anim .crm-10 { animation: crm-10 9s ease-in-out infinite; }
@keyframes crm-11 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  55.56% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  57.78% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  58.89% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  60% { opacity: 1; transform: translate(-9px, -10.3px) rotate(0deg) scale(1); }
  61.11% { opacity: 1; transform: translate(-18.1px, -17.9px) rotate(0deg) scale(1); }
  62.22% { opacity: 1; transform: translate(-27.1px, -22.7px) rotate(0deg) scale(1); }
  63.33% { opacity: 1; transform: translate(-36.2px, -24.8px) rotate(0deg) scale(1); }
  64.44% { opacity: 1; transform: translate(-45.2px, -24.1px) rotate(0deg) scale(1); }
  65.56% { opacity: 1; transform: translate(-54.3px, -20.7px) rotate(0deg) scale(1); }
  66.67% { opacity: 1; transform: translate(-63.3px, -14.5px) rotate(0deg) scale(1); }
  67.78% { opacity: 1; transform: translate(-72.4px, -5.5px) rotate(0deg) scale(1); }
  69.44% { opacity: 0; transform: translate(-72.4px, -5.5px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(-72.4px, -5.5px) rotate(0deg) scale(0.4); }
}
.anim .crm-11 { animation: crm-11 9s linear infinite; }
@keyframes crm-12 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  67.22% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  68.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  74.44% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.6); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.6); }
}
.anim .crm-12 { animation: crm-12 9s ease-in-out infinite; }
@keyframes crm-13 {
  0% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  71.11% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  74.44% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  92.22% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  96.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .crm-13 { animation: crm-13 9s ease-in-out infinite; }

/* ---------------------------------------------------------------- automations */
@keyframes auto-1 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  5% { opacity: 1; transform: translate(0px, -5px) rotate(0deg) scale(1.08); }
  8% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .auto-1 { animation: auto-1 10s ease-in-out infinite; }
@keyframes auto-2 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(360deg) scale(1); }
}
.anim .auto-2 { animation: auto-2 10s linear infinite; }
@keyframes auto-3 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 1; transform: translate(0px, -5px) rotate(0deg) scale(1.08); }
  38% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .auto-3 { animation: auto-3 10s ease-in-out infinite; }
@keyframes auto-4 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  63% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  65% { opacity: 1; transform: translate(0px, -5px) rotate(0deg) scale(1.08); }
  68% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .auto-4 { animation: auto-4 10s ease-in-out infinite; }
@keyframes auto-5 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  16% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  21% { opacity: 1; transform: translate(0px, 0px) rotate(40deg) scale(1); }
  46% { opacity: 1; transform: translate(0px, 0px) rotate(40deg) scale(1); }
  51% { opacity: 1; transform: translate(0px, 0px) rotate(80deg) scale(1); }
  76% { opacity: 1; transform: translate(0px, 0px) rotate(80deg) scale(1); }
  81% { opacity: 1; transform: translate(0px, 0px) rotate(120deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(120deg) scale(1); }
}
.anim .auto-5 { animation: auto-5 10s ease-in-out infinite; }
@keyframes auto-6 {
  0% { opacity: 0; transform: translate(-5px, 0px) rotate(0deg) scale(1); }
  28.5% { opacity: 0; transform: translate(-5px, 0px) rotate(0deg) scale(1); }
  31.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .auto-6 { animation: auto-6 10s ease-in-out infinite; }
@keyframes auto-7 {
  0% { opacity: 0; transform: translate(-5px, 0px) rotate(0deg) scale(1); }
  58.5% { opacity: 0; transform: translate(-5px, 0px) rotate(0deg) scale(1); }
  61.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .auto-7 { animation: auto-7 10s ease-in-out infinite; }
@keyframes auto-8 {
  0% { opacity: 0; transform: translate(-5px, 0px) rotate(0deg) scale(1); }
  88.5% { opacity: 0; transform: translate(-5px, 0px) rotate(0deg) scale(1); }
  91.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .auto-8 { animation: auto-8 10s ease-in-out infinite; }
@keyframes auto-9 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  6.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  7.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  12.5% { opacity: 1; transform: translate(37.7px, 21.8px) rotate(0deg) scale(1); }
  15.5% { opacity: 1; transform: translate(19.5px, 32.3px) rotate(0deg) scale(1); }
  17% { opacity: 0; transform: translate(19.5px, 32.3px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(19.5px, 32.3px) rotate(0deg) scale(1); }
}
.anim .auto-9 { animation: auto-9 10s linear infinite; }
@keyframes auto-10 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  37.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  45.5% { opacity: 1; transform: translate(19.5px, 11.3px) rotate(0deg) scale(1); }
  47% { opacity: 0; transform: translate(19.5px, 11.3px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(19.5px, 11.3px) rotate(0deg) scale(1); }
}
.anim .auto-10 { animation: auto-10 10s linear infinite; }
@keyframes auto-11 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  66.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  67.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  72.5% { opacity: 1; transform: translate(37.7px, 21.8px) rotate(0deg) scale(1); }
  75.5% { opacity: 1; transform: translate(46.8px, 16.5px) rotate(0deg) scale(1); }
  77% { opacity: 0; transform: translate(46.8px, 16.5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(46.8px, 16.5px) rotate(0deg) scale(1); }
}
.anim .auto-11 { animation: auto-11 10s linear infinite; }
@keyframes auto-12 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  21% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  24.5% { opacity: 1; transform: translate(14.3px, 8.3px) rotate(0deg) scale(1); }
  28% { opacity: 1; transform: translate(38.3px, -5.6px) rotate(0deg) scale(1); }
  29.2% { opacity: 0; transform: translate(38.3px, -5.6px) rotate(0deg) scale(1); }
  50% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  51% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  54.5% { opacity: 1; transform: translate(14.3px, 8.3px) rotate(0deg) scale(1); }
  58% { opacity: 1; transform: translate(38.3px, -5.6px) rotate(0deg) scale(1); }
  59.2% { opacity: 0; transform: translate(38.3px, -5.6px) rotate(0deg) scale(1); }
  80% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  81% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  84.5% { opacity: 1; transform: translate(14.3px, 8.3px) rotate(0deg) scale(1); }
  88% { opacity: 1; transform: translate(38.3px, -5.6px) rotate(0deg) scale(1); }
  89.2% { opacity: 0; transform: translate(38.3px, -5.6px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(38.3px, -5.6px) rotate(0deg) scale(1); }
}
.anim .auto-12 { animation: auto-12 10s linear infinite; }
@keyframes auto-13 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  29.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  32.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .auto-13 { animation: auto-13 10s ease-in-out infinite; }
@keyframes auto-14 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  59.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  62.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .auto-14 { animation: auto-14 10s ease-in-out infinite; }
@keyframes auto-15 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  89.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  92.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .auto-15 { animation: auto-15 10s ease-in-out infinite; }

/* ---------------------------------------------------------------- seo */
@keyframes seo-1 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  18% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.5); }
  20.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  25.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  26.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.5); }
  29% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.5); }
  37.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  42.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  43.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.5); }
  46% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  51% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  52% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.5); }
  54.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  59.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  60.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.5); }
  63% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .seo-1 { animation: seo-1 10s ease-in-out infinite; }
@keyframes seo-2 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  8% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  14% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  16.5% { opacity: 1; transform: translate(0px, 7.5px) rotate(0deg) scale(1); }
  22.5% { opacity: 1; transform: translate(0px, 7.5px) rotate(0deg) scale(1); }
  25% { opacity: 1; transform: translate(0px, 15px) rotate(0deg) scale(1); }
  31% { opacity: 1; transform: translate(0px, 15px) rotate(0deg) scale(1); }
  33.5% { opacity: 1; transform: translate(0px, 22.5px) rotate(0deg) scale(1); }
  39.5% { opacity: 1; transform: translate(0px, 22.5px) rotate(0deg) scale(1); }
  42% { opacity: 1; transform: translate(0px, 30px) rotate(0deg) scale(1); }
  48% { opacity: 1; transform: translate(0px, 30px) rotate(0deg) scale(1); }
  50.5% { opacity: 1; transform: translate(0px, 37.5px) rotate(0deg) scale(1); }
  55.5% { opacity: 1; transform: translate(0px, 37.5px) rotate(0deg) scale(1); }
  58.5% { opacity: 0; transform: translate(0px, 37.5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 37.5px) rotate(0deg) scale(1); }
}
.anim .seo-2 { animation: seo-2 10s ease-in-out infinite; }
@keyframes seo-3 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  9.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  10.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  10.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  11.37% { opacity: 1; transform: translate(5.4px, -3.5px) rotate(0deg) scale(1); }
  12.25% { opacity: 1; transform: translate(10.9px, -5.2px) rotate(0deg) scale(1); }
  13.13% { opacity: 1; transform: translate(16.3px, -4.9px) rotate(0deg) scale(1); }
  14% { opacity: 1; transform: translate(21.8px, -2.8px) rotate(0deg) scale(1); }
  14.88% { opacity: 1; transform: translate(27.2px, 1.2px) rotate(0deg) scale(1); }
  15.75% { opacity: 1; transform: translate(32.6px, 7px) rotate(0deg) scale(1); }
  16.63% { opacity: 1; transform: translate(38.1px, 14.8px) rotate(0deg) scale(1); }
  17.5% { opacity: 1; transform: translate(43.5px, 24.4px) rotate(0deg) scale(1); }
  18.5% { opacity: 0; transform: translate(43.5px, 24.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(43.5px, 24.4px) rotate(0deg) scale(0.4); }
}
.anim .seo-3 { animation: seo-3 10s linear infinite; }
@keyframes seo-4 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  18% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  19% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  19% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  19.88% { opacity: 1; transform: translate(5.4px, -4.5px) rotate(0deg) scale(1); }
  20.75% { opacity: 1; transform: translate(10.9px, -7px) rotate(0deg) scale(1); }
  21.62% { opacity: 1; transform: translate(16.3px, -7.7px) rotate(0deg) scale(1); }
  22.5% { opacity: 1; transform: translate(21.8px, -6.6px) rotate(0deg) scale(1); }
  23.38% { opacity: 1; transform: translate(27.2px, -3.5px) rotate(0deg) scale(1); }
  24.25% { opacity: 1; transform: translate(32.6px, 1.4px) rotate(0deg) scale(1); }
  25.12% { opacity: 1; transform: translate(38.1px, 8.2px) rotate(0deg) scale(1); }
  26% { opacity: 1; transform: translate(43.5px, 16.9px) rotate(0deg) scale(1); }
  27% { opacity: 0; transform: translate(43.5px, 16.9px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(43.5px, 16.9px) rotate(0deg) scale(0.4); }
}
.anim .seo-4 { animation: seo-4 10s linear infinite; }
@keyframes seo-5 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  26.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  27.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  27.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  28.38% { opacity: 1; transform: translate(5.4px, -5.4px) rotate(0deg) scale(1); }
  29.25% { opacity: 1; transform: translate(10.9px, -8.9px) rotate(0deg) scale(1); }
  30.13% { opacity: 1; transform: translate(16.3px, -10.5px) rotate(0deg) scale(1); }
  31% { opacity: 1; transform: translate(21.8px, -10.3px) rotate(0deg) scale(1); }
  31.87% { opacity: 1; transform: translate(27.2px, -8.2px) rotate(0deg) scale(1); }
  32.75% { opacity: 1; transform: translate(32.6px, -4.2px) rotate(0deg) scale(1); }
  33.63% { opacity: 1; transform: translate(38.1px, 1.6px) rotate(0deg) scale(1); }
  34.5% { opacity: 1; transform: translate(43.5px, 9.4px) rotate(0deg) scale(1); }
  35.5% { opacity: 0; transform: translate(43.5px, 9.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(43.5px, 9.4px) rotate(0deg) scale(0.4); }
}
.anim .seo-5 { animation: seo-5 10s linear infinite; }
@keyframes seo-6 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.88% { opacity: 1; transform: translate(5.4px, -6.3px) rotate(0deg) scale(1); }
  37.75% { opacity: 1; transform: translate(10.9px, -10.8px) rotate(0deg) scale(1); }
  38.63% { opacity: 1; transform: translate(16.3px, -13.4px) rotate(0deg) scale(1); }
  39.5% { opacity: 1; transform: translate(21.8px, -14.1px) rotate(0deg) scale(1); }
  40.37% { opacity: 1; transform: translate(27.2px, -12.9px) rotate(0deg) scale(1); }
  41.25% { opacity: 1; transform: translate(32.6px, -9.8px) rotate(0deg) scale(1); }
  42.12% { opacity: 1; transform: translate(38.1px, -4.9px) rotate(0deg) scale(1); }
  43% { opacity: 1; transform: translate(43.5px, 1.9px) rotate(0deg) scale(1); }
  44% { opacity: 0; transform: translate(43.5px, 1.9px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(43.5px, 1.9px) rotate(0deg) scale(0.4); }
}
.anim .seo-6 { animation: seo-6 10s linear infinite; }
@keyframes seo-7 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  43.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  44.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  44.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  45.38% { opacity: 1; transform: translate(5.4px, -7.3px) rotate(0deg) scale(1); }
  46.25% { opacity: 1; transform: translate(10.9px, -12.7px) rotate(0deg) scale(1); }
  47.13% { opacity: 1; transform: translate(16.3px, -16.2px) rotate(0deg) scale(1); }
  48% { opacity: 1; transform: translate(21.8px, -17.8px) rotate(0deg) scale(1); }
  48.88% { opacity: 1; transform: translate(27.2px, -17.6px) rotate(0deg) scale(1); }
  49.75% { opacity: 1; transform: translate(32.6px, -15.5px) rotate(0deg) scale(1); }
  50.63% { opacity: 1; transform: translate(38.1px, -11.5px) rotate(0deg) scale(1); }
  51.5% { opacity: 1; transform: translate(43.5px, -5.6px) rotate(0deg) scale(1); }
  52.5% { opacity: 0; transform: translate(43.5px, -5.6px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(43.5px, -5.6px) rotate(0deg) scale(0.4); }
}
.anim .seo-7 { animation: seo-7 10s linear infinite; }
@keyframes seo-8 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  52% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  53% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  53% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  53.88% { opacity: 1; transform: translate(5.4px, -8.2px) rotate(0deg) scale(1); }
  54.75% { opacity: 1; transform: translate(10.9px, -14.5px) rotate(0deg) scale(1); }
  55.63% { opacity: 1; transform: translate(16.3px, -19px) rotate(0deg) scale(1); }
  56.5% { opacity: 1; transform: translate(21.8px, -21.6px) rotate(0deg) scale(1); }
  57.38% { opacity: 1; transform: translate(27.2px, -22.3px) rotate(0deg) scale(1); }
  58.25% { opacity: 1; transform: translate(32.6px, -21.1px) rotate(0deg) scale(1); }
  59.12% { opacity: 1; transform: translate(38.1px, -18px) rotate(0deg) scale(1); }
  60% { opacity: 1; transform: translate(43.5px, -13.1px) rotate(0deg) scale(1); }
  61% { opacity: 0; transform: translate(43.5px, -13.1px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(43.5px, -13.1px) rotate(0deg) scale(0.4); }
}
.anim .seo-8 { animation: seo-8 10s linear infinite; }
@keyframes seo-9 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  64% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .seo-9 { animation: seo-9 10s ease-in-out infinite; }

/* ---------------------------------------------------------------- content */
@keyframes cnt-1 {
  0% { opacity: 0; transform: translate(-66.3px, 29.3px) rotate(0deg) scale(0.4); }
  8% { opacity: 0; transform: translate(-66.3px, 29.3px) rotate(0deg) scale(0.4); }
  9.2% { opacity: 1; transform: translate(-66.3px, 29.3px) rotate(0deg) scale(0.4); }
  10.24% { opacity: 1; transform: translate(-58px, 17.7px) rotate(0deg) scale(0.48); }
  11.27% { opacity: 1; transform: translate(-49.7px, 8.4px) rotate(0deg) scale(0.55); }
  12.31% { opacity: 1; transform: translate(-41.4px, 1.4px) rotate(0deg) scale(0.63); }
  13.35% { opacity: 1; transform: translate(-33.1px, -3.4px) rotate(0deg) scale(0.7); }
  14.39% { opacity: 1; transform: translate(-24.8px, -5.9px) rotate(0deg) scale(0.78); }
  15.43% { opacity: 1; transform: translate(-16.6px, -6.2px) rotate(0deg) scale(0.85); }
  16.46% { opacity: 1; transform: translate(-8.3px, -4.2px) rotate(0deg) scale(0.93); }
  17.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cnt-1 { animation: cnt-1 10s linear infinite; }
@keyframes cnt-2 {
  0% { opacity: 0; transform: translate(-89.6px, 15.8px) rotate(0deg) scale(0.4); }
  23% { opacity: 0; transform: translate(-89.6px, 15.8px) rotate(0deg) scale(0.4); }
  24.2% { opacity: 1; transform: translate(-89.6px, 15.8px) rotate(0deg) scale(0.4); }
  25.24% { opacity: 1; transform: translate(-78.4px, 5.9px) rotate(0deg) scale(0.48); }
  26.28% { opacity: 1; transform: translate(-67.2px, -1.7px) rotate(0deg) scale(0.55); }
  27.31% { opacity: 1; transform: translate(-56px, -7px) rotate(0deg) scale(0.63); }
  28.35% { opacity: 1; transform: translate(-44.8px, -10.1px) rotate(0deg) scale(0.7); }
  29.39% { opacity: 1; transform: translate(-33.6px, -11px) rotate(0deg) scale(0.78); }
  30.43% { opacity: 1; transform: translate(-22.4px, -9.6px) rotate(0deg) scale(0.85); }
  31.46% { opacity: 1; transform: translate(-11.2px, -5.9px) rotate(0deg) scale(0.93); }
  32.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cnt-2 { animation: cnt-2 10s linear infinite; }
@keyframes cnt-3 {
  0% { opacity: 0; transform: translate(-113px, 2.3px) rotate(0deg) scale(0.4); }
  38% { opacity: 0; transform: translate(-113px, 2.3px) rotate(0deg) scale(0.4); }
  39.2% { opacity: 1; transform: translate(-113px, 2.3px) rotate(0deg) scale(0.4); }
  40.24% { opacity: 1; transform: translate(-98.9px, -5.9px) rotate(0deg) scale(0.48); }
  41.27% { opacity: 1; transform: translate(-84.8px, -11.8px) rotate(0deg) scale(0.55); }
  42.31% { opacity: 1; transform: translate(-70.6px, -15.5px) rotate(0deg) scale(0.63); }
  43.35% { opacity: 1; transform: translate(-56.5px, -16.9px) rotate(0deg) scale(0.7); }
  44.39% { opacity: 1; transform: translate(-42.4px, -16px) rotate(0deg) scale(0.78); }
  45.43% { opacity: 1; transform: translate(-28.3px, -12.9px) rotate(0deg) scale(0.85); }
  46.46% { opacity: 1; transform: translate(-14.1px, -7.6px) rotate(0deg) scale(0.93); }
  47.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cnt-3 { animation: cnt-3 10s linear infinite; }
@keyframes cnt-4 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.4); }
  59.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.4); }
  61.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cnt-4 { animation: cnt-4 10s ease-in-out infinite; }
@keyframes cnt-5 {
  0% { opacity: 0; transform: translate(0px, -40px) rotate(0deg) scale(1); }
  50% { opacity: 0; transform: translate(0px, -40px) rotate(0deg) scale(1); }
  52.5% { opacity: 1; transform: translate(0px, -40px) rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
  56% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  57.5% { opacity: 1; transform: translate(0px, 1.5px) rotate(0deg) scale(1); }
  59% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  61% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  65% { opacity: 0; transform: translate(0px, -40px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -40px) rotate(0deg) scale(1); }
}
.anim .cnt-5 { animation: cnt-5 10s ease-in-out infinite; }
@keyframes cnt-6 {
  0% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  65% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  68% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cnt-6 { animation: cnt-6 10s ease-in-out infinite; }

/* ---------------------------------------------------------------- ai */
@keyframes ai-1 {
  0% { opacity: 0; transform: translate(-29.9px, -17.2px) rotate(0deg) scale(1); }
  15% { opacity: 0; transform: translate(-29.9px, -17.2px) rotate(0deg) scale(1); }
  16.5% { opacity: 1; transform: translate(-29.9px, -17.2px) rotate(0deg) scale(1); }
  21.44% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  76.8% { opacity: 1; transform: translate(57.2px, 33px) rotate(0deg) scale(1); }
  78.8% { opacity: 0; transform: translate(57.2px, 33px) rotate(0deg) scale(0.6); }
  100% { opacity: 0; transform: translate(57.2px, 33px) rotate(0deg) scale(0.6); }
}
.anim .ai-1 { animation: ai-1 10s linear infinite; }
@keyframes ai-2 {
  0% { opacity: 0; transform: translate(-37px, -21.4px) rotate(0deg) scale(1); }
  9.5% { opacity: 0; transform: translate(-37px, -21.4px) rotate(0deg) scale(1); }
  11% { opacity: 1; transform: translate(-37px, -21.4px) rotate(0deg) scale(1); }
  17.48% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  65% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  72.7% { opacity: 1; transform: translate(50px, 28.9px) rotate(0deg) scale(1); }
  74.7% { opacity: 0; transform: translate(50px, 28.9px) rotate(0deg) scale(0.6); }
  100% { opacity: 0; transform: translate(50px, 28.9px) rotate(0deg) scale(0.6); }
}
.anim .ai-2 { animation: ai-2 10s linear infinite; }
@keyframes ai-3 {
  0% { opacity: 0; transform: translate(-44.2px, -25.5px) rotate(0deg) scale(1); }
  4% { opacity: 0; transform: translate(-44.2px, -25.5px) rotate(0deg) scale(1); }
  5.5% { opacity: 1; transform: translate(-44.2px, -25.5px) rotate(0deg) scale(1); }
  13.52% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  62% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.6% { opacity: 1; transform: translate(42.9px, 24.7px) rotate(0deg) scale(1); }
  70.6% { opacity: 0; transform: translate(42.9px, 24.7px) rotate(0deg) scale(0.6); }
  100% { opacity: 0; transform: translate(42.9px, 24.7px) rotate(0deg) scale(0.6); }
}
.anim .ai-3 { animation: ai-3 10s linear infinite; }
@keyframes ai-4 {
  0% { opacity: 0; transform: translate(-46.8px, -33px) rotate(0deg) scale(1); }
  16% { opacity: 0; transform: translate(-46.8px, -33px) rotate(0deg) scale(1); }
  19% { opacity: 1; transform: translate(-46.8px, -27px) rotate(0deg) scale(1); }
  25% { opacity: 1; transform: translate(-46.8px, -27px) rotate(0deg) scale(1); }
  30% { opacity: 1; transform: translate(-23.4px, -13.5px) rotate(0deg) scale(1); }
  34% { opacity: 1; transform: translate(-23.4px, -13.5px) rotate(0deg) scale(1); }
  39% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  41% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.16); }
  43.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  46% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.16); }
  48.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ai-4 { animation: ai-4 10s ease-in-out infinite; }
@keyframes ai-5 {
  0% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  47% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  50% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ai-5 { animation: ai-5 10s ease-in-out infinite; }
@keyframes ai-6 {
  0% { opacity: 0; transform: translate(0px, -36px) rotate(0deg) scale(1); }
  52% { opacity: 0; transform: translate(0px, -36px) rotate(0deg) scale(1); }
  53% { opacity: 1; transform: translate(0px, -36px) rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
  56.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  57.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.14); }
  59% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ai-6 { animation: ai-6 10s ease-in-out infinite; }
@keyframes ai-7 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  57% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  65% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.9); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1.9); }
}
.anim .ai-7 { animation: ai-7 10s ease-in-out infinite; }
@keyframes ai-8 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  59.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  62.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ai-8 { animation: ai-8 10s ease-in-out infinite; }
@keyframes ai-9 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  77% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  80% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ai-9 { animation: ai-9 10s ease-in-out infinite; }

/* ---------------------------------------------------------------- gat */
@keyframes gat-1 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  62.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  65.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-1 { animation: gat-1 12s ease-in-out infinite; }
@keyframes gat-2 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  63.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  64.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.18); }
  66.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-2 { animation: gat-2 12s ease-in-out infinite; }
@keyframes gat-3 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  14.58% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  17.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-3 { animation: gat-3 12s ease-in-out infinite; }
@keyframes gat-4 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  6.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  8.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  8.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  9.17% { opacity: 1; transform: translate(6.9px, -7.9px) rotate(0deg) scale(1); }
  10% { opacity: 1; transform: translate(13.7px, -13.6px) rotate(0deg) scale(1); }
  10.83% { opacity: 1; transform: translate(20.6px, -17.2px) rotate(0deg) scale(1); }
  11.67% { opacity: 1; transform: translate(27.5px, -18.7px) rotate(0deg) scale(1); }
  12.5% { opacity: 1; transform: translate(34.3px, -18px) rotate(0deg) scale(1); }
  13.33% { opacity: 1; transform: translate(41.2px, -15.3px) rotate(0deg) scale(1); }
  14.17% { opacity: 1; transform: translate(48.1px, -10.4px) rotate(0deg) scale(1); }
  15% { opacity: 1; transform: translate(54.9px, -3.4px) rotate(0deg) scale(1); }
  16% { opacity: 0; transform: translate(54.9px, -3.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(54.9px, -3.4px) rotate(0deg) scale(0.4); }
}
.anim .gat-4 { animation: gat-4 12s linear infinite; }
@keyframes gat-5 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  64.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  65.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.18); }
  67.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-5 { animation: gat-5 12s ease-in-out infinite; }
@keyframes gat-6 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  22.08% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  24.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-6 { animation: gat-6 12s ease-in-out infinite; }
@keyframes gat-7 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  14.17% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  15.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  15.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  16.67% { opacity: 1; transform: translate(10.2px, -9.6px) rotate(0deg) scale(1); }
  17.5% { opacity: 1; transform: translate(20.4px, -17.1px) rotate(0deg) scale(1); }
  18.33% { opacity: 1; transform: translate(30.6px, -22.4px) rotate(0deg) scale(1); }
  19.17% { opacity: 1; transform: translate(40.8px, -25.6px) rotate(0deg) scale(1); }
  20% { opacity: 1; transform: translate(51px, -26.7px) rotate(0deg) scale(1); }
  20.83% { opacity: 1; transform: translate(61.2px, -25.7px) rotate(0deg) scale(1); }
  21.67% { opacity: 1; transform: translate(71.4px, -22.5px) rotate(0deg) scale(1); }
  22.5% { opacity: 1; transform: translate(81.6px, -17.2px) rotate(0deg) scale(1); }
  23.5% { opacity: 0; transform: translate(81.6px, -17.2px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(81.6px, -17.2px) rotate(0deg) scale(0.4); }
}
.anim .gat-7 { animation: gat-7 12s linear infinite; }
@keyframes gat-8 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  65.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  66.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.18); }
  68.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-8 { animation: gat-8 12s ease-in-out infinite; }
@keyframes gat-9 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  29.58% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  32.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-9 { animation: gat-9 12s ease-in-out infinite; }
@keyframes gat-10 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  21.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  23.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  23.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  24.17% { opacity: 1; transform: translate(13.3px, -9.7px) rotate(0deg) scale(1); }
  25% { opacity: 1; transform: translate(26.6px, -17.2px) rotate(0deg) scale(1); }
  25.83% { opacity: 1; transform: translate(39.8px, -22.7px) rotate(0deg) scale(1); }
  26.67% { opacity: 1; transform: translate(53.1px, -26px) rotate(0deg) scale(1); }
  27.5% { opacity: 1; transform: translate(66.4px, -27.2px) rotate(0deg) scale(1); }
  28.33% { opacity: 1; transform: translate(79.7px, -26.2px) rotate(0deg) scale(1); }
  29.17% { opacity: 1; transform: translate(93px, -23.2px) rotate(0deg) scale(1); }
  30% { opacity: 1; transform: translate(106.3px, -18px) rotate(0deg) scale(1); }
  31% { opacity: 0; transform: translate(106.3px, -18px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(106.3px, -18px) rotate(0deg) scale(0.4); }
}
.anim .gat-10 { animation: gat-10 12s linear infinite; }
@keyframes gat-11 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  66.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  67.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.18); }
  69.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-11 { animation: gat-11 12s ease-in-out infinite; }
@keyframes gat-12 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  49.58% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  52.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-12 { animation: gat-12 12s ease-in-out infinite; }
@keyframes gat-13 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  41.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  43.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  43.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  44.17% { opacity: 1; transform: translate(8.6px, -11.6px) rotate(0deg) scale(1); }
  45% { opacity: 1; transform: translate(17.2px, -21.1px) rotate(0deg) scale(1); }
  45.83% { opacity: 1; transform: translate(25.8px, -28.4px) rotate(0deg) scale(1); }
  46.67% { opacity: 1; transform: translate(34.4px, -33.6px) rotate(0deg) scale(1); }
  47.5% { opacity: 1; transform: translate(43px, -36.7px) rotate(0deg) scale(1); }
  48.33% { opacity: 1; transform: translate(51.6px, -37.7px) rotate(0deg) scale(1); }
  49.17% { opacity: 1; transform: translate(60.2px, -36.6px) rotate(0deg) scale(1); }
  50% { opacity: 1; transform: translate(68.8px, -33.3px) rotate(0deg) scale(1); }
  51% { opacity: 0; transform: translate(68.8px, -33.3px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(68.8px, -33.3px) rotate(0deg) scale(0.4); }
}
.anim .gat-13 { animation: gat-13 12s linear infinite; }
@keyframes gat-14 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  67.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.18); }
  70.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-14 { animation: gat-14 12s ease-in-out infinite; }
@keyframes gat-15 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  57.92% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  60.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-15 { animation: gat-15 12s ease-in-out infinite; }
@keyframes gat-16 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  50% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  51.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  51.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  52.5% { opacity: 1; transform: translate(8.6px, -12.1px) rotate(0deg) scale(1); }
  53.33% { opacity: 1; transform: translate(17.2px, -22.1px) rotate(0deg) scale(1); }
  54.17% { opacity: 1; transform: translate(25.8px, -30px) rotate(0deg) scale(1); }
  55% { opacity: 1; transform: translate(34.4px, -35.7px) rotate(0deg) scale(1); }
  55.83% { opacity: 1; transform: translate(43px, -39.4px) rotate(0deg) scale(1); }
  56.67% { opacity: 1; transform: translate(51.6px, -40.9px) rotate(0deg) scale(1); }
  57.5% { opacity: 1; transform: translate(60.2px, -40.2px) rotate(0deg) scale(1); }
  58.33% { opacity: 1; transform: translate(68.8px, -37.5px) rotate(0deg) scale(1); }
  59.33% { opacity: 0; transform: translate(68.8px, -37.5px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(68.8px, -37.5px) rotate(0deg) scale(0.4); }
}
.anim .gat-16 { animation: gat-16 12s linear infinite; }
@keyframes gat-17 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  37.92% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  39.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  45.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  47.5% { opacity: 1; transform: translate(0px, 11.7px) rotate(0deg) scale(1); }
  53.75% { opacity: 1; transform: translate(0px, 11.7px) rotate(0deg) scale(1); }
  55.83% { opacity: 0; transform: translate(0px, 11.7px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 11.7px) rotate(0deg) scale(1); }
}
.anim .gat-17 { animation: gat-17 12s ease-in-out infinite; }
@keyframes gat-18 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  3.33% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  5.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-18 { animation: gat-18 12s ease-in-out infinite; }
@keyframes gat-19 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  35.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  38.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-19 { animation: gat-19 12s ease-in-out infinite; }
@keyframes gat-20 {
  0% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  68.33% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  70.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .gat-20 { animation: gat-20 12s ease-in-out infinite; }

/* ---------------------------------------------------------------- cln */
@keyframes cln-1 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  8.33% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  10% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  24.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  25.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-1 { animation: cln-1 12s ease-in-out infinite; }
@keyframes cln-2 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  26.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  28.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  38.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  40.42% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-2 { animation: cln-2 12s ease-in-out infinite; }
@keyframes cln-3 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  40.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  42.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  45.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  47.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-3 { animation: cln-3 12s ease-in-out infinite; }
@keyframes cln-4 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  11.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  13.75% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-4 { animation: cln-4 12s ease-in-out infinite; }
@keyframes cln-5 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  11.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  14.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-5 { animation: cln-5 12s ease-in-out infinite; }
@keyframes cln-6 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  11.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  12.92% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  17.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  20% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-6 { animation: cln-6 12s ease-in-out infinite; }
@keyframes cln-7 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  30% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.08% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-7 { animation: cln-7 12s ease-in-out infinite; }
@keyframes cln-8 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  30% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  32.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-8 { animation: cln-8 12s ease-in-out infinite; }
@keyframes cln-9 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  30% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  38.33% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-9 { animation: cln-9 12s ease-in-out infinite; }
@keyframes cln-10 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  45% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  49.17% { opacity: 0; transform: translate(0px, -10.5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -10.5px) rotate(0deg) scale(1); }
}
.anim .cln-10 { animation: cln-10 12s ease-in-out infinite; }
@keyframes cln-11 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  42.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  44.58% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-11 { animation: cln-11 12s ease-in-out infinite; }
@keyframes cln-12 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  15.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  17.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-12 { animation: cln-12 12s ease-in-out infinite; }
@keyframes cln-13 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  15.42% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  17.92% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  45% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  49.17% { opacity: 0; transform: translate(0px, -10.5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -10.5px) rotate(0deg) scale(1); }
}
.anim .cln-13 { animation: cln-13 12s ease-in-out infinite; }
@keyframes cln-14 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  15.42% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  16.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  21.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  23.75% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-14 { animation: cln-14 12s ease-in-out infinite; }
@keyframes cln-15 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  48.75% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  49.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  55.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-15 { animation: cln-15 12s ease-in-out infinite; }
@keyframes cln-16 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  50.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  55% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-16 { animation: cln-16 12s ease-in-out infinite; }
@keyframes cln-17 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  19.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  21.25% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-17 { animation: cln-17 12s ease-in-out infinite; }
@keyframes cln-18 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-18 { animation: cln-18 12s ease-in-out infinite; }
@keyframes cln-19 {
  0% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  19.17% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  20.42% { opacity: 1; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  25% { opacity: 1; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  27.5% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
}
.anim .cln-19 { animation: cln-19 12s ease-in-out infinite; }
@keyframes cln-20 {
  0% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  33.75% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  35% { opacity: 1; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  39.58% { opacity: 1; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  42.08% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
}
.anim .cln-20 { animation: cln-20 12s ease-in-out infinite; }
@keyframes cln-21 {
  0% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  3.33% { opacity: 1; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  50.83% { opacity: 1; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  55% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-21 { animation: cln-21 12s ease-in-out infinite; }
@keyframes cln-22 {
  0% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  19.17% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(0.6); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  21.67% { opacity: 1; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  50.83% { opacity: 1; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  55% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-22 { animation: cln-22 12s ease-in-out infinite; }
@keyframes cln-23 {
  0% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  33.75% { opacity: 0; transform: translate(0px, 10.5px) rotate(0deg) scale(0.6); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  36.25% { opacity: 1; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  50.83% { opacity: 1; transform: translate(0px, 10.5px) rotate(0deg) scale(1); }
  55% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-23 { animation: cln-23 12s ease-in-out infinite; }
@keyframes cln-24 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  58.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  60.42% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-24 { animation: cln-24 12s ease-in-out infinite; }
@keyframes cln-25 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  58.33% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  60.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-25 { animation: cln-25 12s ease-in-out infinite; }
@keyframes cln-26 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  62.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  65% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-26 { animation: cln-26 12s ease-in-out infinite; }
@keyframes cln-27 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  22.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-27 { animation: cln-27 12s ease-in-out infinite; }
@keyframes cln-28 {
  0% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  22.5% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  24.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-28 { animation: cln-28 12s ease-in-out infinite; }
@keyframes cln-29 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  37.08% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  39.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-29 { animation: cln-29 12s ease-in-out infinite; }
@keyframes cln-30 {
  0% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  37.08% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  39.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-30 { animation: cln-30 12s ease-in-out infinite; }
@keyframes cln-31 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  55.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  58.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-31 { animation: cln-31 12s ease-in-out infinite; }
@keyframes cln-32 {
  0% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  55.83% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  57.92% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .cln-32 { animation: cln-32 12s ease-in-out infinite; }

/* ---------------------------------------------------------------- ana */
@keyframes ana-1 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  10.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  13.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-1 { animation: ana-1 12s ease-in-out infinite; }
@keyframes ana-2 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.33% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  4.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  6.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  7.92% { opacity: 1; transform: translate(19px, 11px) rotate(0deg) scale(1); }
  8.75% { opacity: 1; transform: translate(19px, 11px) rotate(0deg) scale(1); }
  10.42% { opacity: 1; transform: translate(46.4px, 26.8px) rotate(0deg) scale(1); }
  12.5% { opacity: 1; transform: translate(46.4px, 26.8px) rotate(0deg) scale(1); }
  14.58% { opacity: 0; transform: translate(46.4px, 26.8px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(46.4px, 26.8px) rotate(0deg) scale(1); }
}
.anim .ana-2 { animation: ana-2 12s ease-in-out infinite; }
@keyframes ana-3 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  7.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  10% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-3 { animation: ana-3 12s ease-in-out infinite; }
@keyframes ana-4 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  49.17% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  51.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-4 { animation: ana-4 12s ease-in-out infinite; }
@keyframes ana-5 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  55% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  56.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.15); }
  58.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-5 { animation: ana-5 12s ease-in-out infinite; }
@keyframes ana-6 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); }
  52.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  55% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-6 { animation: ana-6 12s ease-in-out infinite; }
@keyframes ana-7 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  56.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  58.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-7 { animation: ana-7 12s ease-in-out infinite; }
@keyframes ana-8 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  58.33% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  60.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-8 { animation: ana-8 12s ease-in-out infinite; }
@keyframes ana-9 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  60% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  62.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-9 { animation: ana-9 12s ease-in-out infinite; }
@keyframes ana-10 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  61.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  64.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-10 { animation: ana-10 12s ease-in-out infinite; }
@keyframes ana-11 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); }
  69.17% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.6); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  71.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-11 { animation: ana-11 12s ease-in-out infinite; }
@keyframes ana-12 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  73.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.15); }
  77.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-12 { animation: ana-12 12s ease-in-out infinite; }
@keyframes ana-13 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); }
  70.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  73.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-13 { animation: ana-13 12s ease-in-out infinite; }
@keyframes ana-14 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  39.17% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  40.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  42.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  43.75% { opacity: 1; transform: translate(18.2px, 10.5px) rotate(0deg) scale(1); }
  45.83% { opacity: 1; transform: translate(18.2px, 10.5px) rotate(0deg) scale(1); }
  47.08% { opacity: 1; transform: translate(36.4px, 21px) rotate(0deg) scale(1); }
  49.17% { opacity: 1; transform: translate(36.4px, 21px) rotate(0deg) scale(1); }
  50.42% { opacity: 1; transform: translate(54.6px, 31.5px) rotate(0deg) scale(1); }
  52.5% { opacity: 1; transform: translate(54.6px, 31.5px) rotate(0deg) scale(1); }
  54.17% { opacity: 0; transform: translate(54.6px, 31.5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(54.6px, 31.5px) rotate(0deg) scale(1); }
}
.anim .ana-14 { animation: ana-14 12s ease-in-out infinite; }
@keyframes ana-15 {
  0% { opacity: 0; transform: translate(0px, -34px) rotate(0deg) scale(1); }
  26.67% { opacity: 0; transform: translate(0px, -34px) rotate(0deg) scale(1); }
  27.08% { opacity: 1; transform: translate(0px, -31px) rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
  29.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  30.42% { opacity: 1; transform: translate(0px, -2.5px) rotate(0deg) scale(1); }
  31.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-15 { animation: ana-15 12s ease-in-out infinite; }
@keyframes ana-16 {
  0% { opacity: 0; transform: translate(0px, -34px) rotate(0deg) scale(1); }
  30% { opacity: 0; transform: translate(0px, -34px) rotate(0deg) scale(1); }
  30.42% { opacity: 1; transform: translate(0px, -31px) rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
  32.92% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.75% { opacity: 1; transform: translate(0px, -2.5px) rotate(0deg) scale(1); }
  34.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-16 { animation: ana-16 12s ease-in-out infinite; }
@keyframes ana-17 {
  0% { opacity: 0; transform: translate(0px, -34px) rotate(0deg) scale(1); }
  33.33% { opacity: 0; transform: translate(0px, -34px) rotate(0deg) scale(1); }
  33.75% { opacity: 1; transform: translate(0px, -31px) rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.55, 0, 1, .45); }
  36.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  37.08% { opacity: 1; transform: translate(0px, -2.5px) rotate(0deg) scale(1); }
  37.92% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-17 { animation: ana-17 12s ease-in-out infinite; }
@keyframes ana-18 {
  0% { opacity: 0; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  13.33% { opacity: 0; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  14.58% { opacity: 1; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  17.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-18 { animation: ana-18 12s ease-in-out infinite; }
@keyframes ana-19 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.7); }
  30% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.7); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  32.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-19 { animation: ana-19 12s ease-in-out infinite; }
@keyframes ana-20 {
  0% { opacity: 0; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  15.83% { opacity: 0; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  17.08% { opacity: 1; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  19.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-20 { animation: ana-20 12s ease-in-out infinite; }
@keyframes ana-21 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.7); }
  33.33% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.7); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  35.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-21 { animation: ana-21 12s ease-in-out infinite; }
@keyframes ana-22 {
  0% { opacity: 0; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  18.33% { opacity: 0; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  19.58% { opacity: 1; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  22.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-22 { animation: ana-22 12s ease-in-out infinite; }
@keyframes ana-23 {
  0% { opacity: 0; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  20.83% { opacity: 0; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  22.08% { opacity: 1; transform: translate(-19.5px, -11.3px) rotate(0deg) scale(1); }
  24.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-23 { animation: ana-23 12s ease-in-out infinite; }
@keyframes ana-24 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.7); }
  36.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.7); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  38.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-24 { animation: ana-24 12s ease-in-out infinite; }
@keyframes ana-25 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  63.33% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  64.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  64.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  64.74% { opacity: 1; transform: translate(6.9px, -10.8px) rotate(0deg) scale(1); }
  65.31% { opacity: 1; transform: translate(13.7px, -19.8px) rotate(0deg) scale(1); }
  65.89% { opacity: 1; transform: translate(20.6px, -26.8px) rotate(0deg) scale(1); }
  66.46% { opacity: 1; transform: translate(27.4px, -32px) rotate(0deg) scale(1); }
  67.03% { opacity: 1; transform: translate(34.3px, -35.3px) rotate(0deg) scale(1); }
  67.6% { opacity: 1; transform: translate(41.1px, -36.8px) rotate(0deg) scale(1); }
  68.18% { opacity: 1; transform: translate(48px, -36.3px) rotate(0deg) scale(1); }
  68.75% { opacity: 1; transform: translate(54.8px, -34px) rotate(0deg) scale(1); }
  69.58% { opacity: 0; transform: translate(54.8px, -34px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(54.8px, -34px) rotate(0deg) scale(0.4); }
}
.anim .ana-25 { animation: ana-25 12s linear infinite; }
@keyframes ana-26 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  64.58% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  65.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  65.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  65.99% { opacity: 1; transform: translate(6.4px, -11.1px) rotate(0deg) scale(1); }
  66.56% { opacity: 1; transform: translate(12.9px, -20.2px) rotate(0deg) scale(1); }
  67.14% { opacity: 1; transform: translate(19.3px, -27.5px) rotate(0deg) scale(1); }
  67.71% { opacity: 1; transform: translate(25.8px, -33px) rotate(0deg) scale(1); }
  68.28% { opacity: 1; transform: translate(32.2px, -36.5px) rotate(0deg) scale(1); }
  68.85% { opacity: 1; transform: translate(38.6px, -38.2px) rotate(0deg) scale(1); }
  69.43% { opacity: 1; transform: translate(45.1px, -38px) rotate(0deg) scale(1); }
  70% { opacity: 1; transform: translate(51.5px, -36px) rotate(0deg) scale(1); }
  70.83% { opacity: 0; transform: translate(51.5px, -36px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(51.5px, -36px) rotate(0deg) scale(0.4); }
}
.anim .ana-26 { animation: ana-26 12s linear infinite; }
@keyframes ana-27 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  65.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  66.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  66.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  67.24% { opacity: 1; transform: translate(3.7px, -12.6px) rotate(0deg) scale(1); }
  67.81% { opacity: 1; transform: translate(7.5px, -23.3px) rotate(0deg) scale(1); }
  68.39% { opacity: 1; transform: translate(11.2px, -32.2px) rotate(0deg) scale(1); }
  68.96% { opacity: 1; transform: translate(15px, -39.2px) rotate(0deg) scale(1); }
  69.53% { opacity: 1; transform: translate(18.7px, -44.3px) rotate(0deg) scale(1); }
  70.1% { opacity: 1; transform: translate(22.5px, -47.5px) rotate(0deg) scale(1); }
  70.68% { opacity: 1; transform: translate(26.2px, -48.9px) rotate(0deg) scale(1); }
  71.25% { opacity: 1; transform: translate(30px, -48.4px) rotate(0deg) scale(1); }
  72.08% { opacity: 0; transform: translate(30px, -48.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(30px, -48.4px) rotate(0deg) scale(0.4); }
}
.anim .ana-27 { animation: ana-27 12s linear infinite; }
@keyframes ana-28 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  78.33% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  80.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-28 { animation: ana-28 12s ease-in-out infinite; }
@keyframes ana-29 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  1.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  4.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-29 { animation: ana-29 12s ease-in-out infinite; }
@keyframes ana-30 {
  0% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  80% { opacity: 0; transform: translate(0px, 4px) rotate(0deg) scale(1); }
  82.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .ana-30 { animation: ana-30 12s ease-in-out infinite; }

/* ---------------------------------------------------------------- vis */
@keyframes vis-1 {
  0% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); }
  5.42% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  8.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-1 { animation: vis-1 12s ease-in-out infinite; }
@keyframes vis-2 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  42.92% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  44.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  48.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  50.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-2 { animation: vis-2 12s ease-in-out infinite; }
@keyframes vis-3 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  47.08% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  47.92% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-3 { animation: vis-3 12s ease-in-out infinite; }
@keyframes vis-4 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.1); }
  46.92% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  48.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-4 { animation: vis-4 12s ease-in-out infinite; }
@keyframes vis-5 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); }
  49.17% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  51.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-5 { animation: vis-5 12s ease-in-out infinite; }
@keyframes vis-6 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  42.92% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  43.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  43.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  44.02% { opacity: 1; transform: translate(-2.3px, -19.8px) rotate(0deg) scale(1); }
  44.46% { opacity: 1; transform: translate(-4.5px, -37.5px) rotate(0deg) scale(1); }
  44.9% { opacity: 1; transform: translate(-6.8px, -53.1px) rotate(0deg) scale(1); }
  45.33% { opacity: 1; transform: translate(-9.1px, -66.5px) rotate(0deg) scale(1); }
  45.77% { opacity: 1; transform: translate(-11.4px, -77.8px) rotate(0deg) scale(1); }
  46.21% { opacity: 1; transform: translate(-13.6px, -87px) rotate(0deg) scale(1); }
  46.65% { opacity: 1; transform: translate(-15.9px, -94px) rotate(0deg) scale(1); }
  47.08% { opacity: 1; transform: translate(-18.2px, -99px) rotate(0deg) scale(1); }
  47.58% { opacity: 0; transform: translate(-18.2px, -99px) rotate(0deg) scale(0.3); }
  100% { opacity: 0; transform: translate(-18.2px, -99px) rotate(0deg) scale(0.3); }
}
.anim .vis-6 { animation: vis-6 12s linear infinite; }
@keyframes vis-7 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  54.17% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  54.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  60% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(2); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(2); }
}
.anim .vis-7 { animation: vis-7 12s ease-in-out infinite; }
@keyframes vis-8 {
  0% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); }
  4.17% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  7.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-8 { animation: vis-8 12s ease-in-out infinite; }
@keyframes vis-9 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  40.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  42.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-9 { animation: vis-9 12s ease-in-out infinite; }
@keyframes vis-10 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  37.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-10 { animation: vis-10 12s ease-in-out infinite; }
@keyframes vis-11 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.1); }
  36.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  38.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.71); }
  38.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.71); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  40.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-11 { animation: vis-11 12s ease-in-out infinite; }
@keyframes vis-12 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); }
  40.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  43.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-12 { animation: vis-12 12s ease-in-out infinite; }
@keyframes vis-13 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  32.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  33.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.6% { opacity: 1; transform: translate(-5.1px, -17.9px) rotate(0deg) scale(1); }
  34.04% { opacity: 1; transform: translate(-10.2px, -33.7px) rotate(0deg) scale(1); }
  34.48% { opacity: 1; transform: translate(-15.3px, -47.3px) rotate(0deg) scale(1); }
  34.92% { opacity: 1; transform: translate(-20.5px, -58.8px) rotate(0deg) scale(1); }
  35.35% { opacity: 1; transform: translate(-25.6px, -68.2px) rotate(0deg) scale(1); }
  35.79% { opacity: 1; transform: translate(-30.7px, -75.5px) rotate(0deg) scale(1); }
  36.23% { opacity: 1; transform: translate(-35.8px, -80.6px) rotate(0deg) scale(1); }
  36.67% { opacity: 1; transform: translate(-40.9px, -83.6px) rotate(0deg) scale(1); }
  37.17% { opacity: 0; transform: translate(-40.9px, -83.6px) rotate(0deg) scale(0.3); }
  100% { opacity: 0; transform: translate(-40.9px, -83.6px) rotate(0deg) scale(0.3); }
}
.anim .vis-13 { animation: vis-13 12s linear infinite; }
@keyframes vis-14 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  34.58% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  35.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35.25% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35.69% { opacity: 1; transform: translate(-5.1px, -17.9px) rotate(0deg) scale(1); }
  36.13% { opacity: 1; transform: translate(-10.2px, -33.7px) rotate(0deg) scale(1); }
  36.56% { opacity: 1; transform: translate(-15.3px, -47.3px) rotate(0deg) scale(1); }
  37% { opacity: 1; transform: translate(-20.5px, -58.8px) rotate(0deg) scale(1); }
  37.44% { opacity: 1; transform: translate(-25.6px, -68.2px) rotate(0deg) scale(1); }
  37.88% { opacity: 1; transform: translate(-30.7px, -75.5px) rotate(0deg) scale(1); }
  38.31% { opacity: 1; transform: translate(-35.8px, -80.6px) rotate(0deg) scale(1); }
  38.75% { opacity: 1; transform: translate(-40.9px, -83.6px) rotate(0deg) scale(1); }
  39.25% { opacity: 0; transform: translate(-40.9px, -83.6px) rotate(0deg) scale(0.3); }
  100% { opacity: 0; transform: translate(-40.9px, -83.6px) rotate(0deg) scale(0.3); }
}
.anim .vis-14 { animation: vis-14 12s linear infinite; }
@keyframes vis-15 {
  0% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); }
  2.92% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  5.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-15 { animation: vis-15 12s ease-in-out infinite; }
@keyframes vis-16 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  22.08% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  23.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.17% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-16 { animation: vis-16 12s ease-in-out infinite; }
@keyframes vis-17 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  26.25% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  27.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-17 { animation: vis-17 12s ease-in-out infinite; }
@keyframes vis-18 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.1); }
  26.08% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  27.92% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.58); }
  28.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.58); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  30% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.82); }
  30.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.82); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  32.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-18 { animation: vis-18 12s ease-in-out infinite; }
@keyframes vis-19 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); }
  32.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  35% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-19 { animation: vis-19 12s ease-in-out infinite; }
@keyframes vis-20 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  22.08% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  22.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  22.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  23.19% { opacity: 1; transform: translate(-8px, -17.2px) rotate(0deg) scale(1); }
  23.63% { opacity: 1; transform: translate(-15.9px, -32.3px) rotate(0deg) scale(1); }
  24.06% { opacity: 1; transform: translate(-23.9px, -45.2px) rotate(0deg) scale(1); }
  24.5% { opacity: 1; transform: translate(-31.8px, -56px) rotate(0deg) scale(1); }
  24.94% { opacity: 1; transform: translate(-39.8px, -64.7px) rotate(0deg) scale(1); }
  25.37% { opacity: 1; transform: translate(-47.7px, -71.3px) rotate(0deg) scale(1); }
  25.81% { opacity: 1; transform: translate(-55.7px, -75.7px) rotate(0deg) scale(1); }
  26.25% { opacity: 1; transform: translate(-63.7px, -78px) rotate(0deg) scale(1); }
  26.75% { opacity: 0; transform: translate(-63.7px, -78px) rotate(0deg) scale(0.3); }
  100% { opacity: 0; transform: translate(-63.7px, -78px) rotate(0deg) scale(0.3); }
}
.anim .vis-20 { animation: vis-20 12s linear infinite; }
@keyframes vis-21 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  24.17% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  24.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  24.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  25.27% { opacity: 1; transform: translate(-8px, -17.2px) rotate(0deg) scale(1); }
  25.71% { opacity: 1; transform: translate(-15.9px, -32.3px) rotate(0deg) scale(1); }
  26.15% { opacity: 1; transform: translate(-23.9px, -45.2px) rotate(0deg) scale(1); }
  26.58% { opacity: 1; transform: translate(-31.8px, -56px) rotate(0deg) scale(1); }
  27.02% { opacity: 1; transform: translate(-39.8px, -64.7px) rotate(0deg) scale(1); }
  27.46% { opacity: 1; transform: translate(-47.7px, -71.3px) rotate(0deg) scale(1); }
  27.9% { opacity: 1; transform: translate(-55.7px, -75.7px) rotate(0deg) scale(1); }
  28.33% { opacity: 1; transform: translate(-63.7px, -78px) rotate(0deg) scale(1); }
  28.83% { opacity: 0; transform: translate(-63.7px, -78px) rotate(0deg) scale(0.3); }
  100% { opacity: 0; transform: translate(-63.7px, -78px) rotate(0deg) scale(0.3); }
}
.anim .vis-21 { animation: vis-21 12s linear infinite; }
@keyframes vis-22 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  26.25% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  26.92% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  26.92% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  27.35% { opacity: 1; transform: translate(-8px, -17.2px) rotate(0deg) scale(1); }
  27.79% { opacity: 1; transform: translate(-15.9px, -32.3px) rotate(0deg) scale(1); }
  28.23% { opacity: 1; transform: translate(-23.9px, -45.2px) rotate(0deg) scale(1); }
  28.67% { opacity: 1; transform: translate(-31.8px, -56px) rotate(0deg) scale(1); }
  29.1% { opacity: 1; transform: translate(-39.8px, -64.7px) rotate(0deg) scale(1); }
  29.54% { opacity: 1; transform: translate(-47.7px, -71.3px) rotate(0deg) scale(1); }
  29.98% { opacity: 1; transform: translate(-55.7px, -75.7px) rotate(0deg) scale(1); }
  30.42% { opacity: 1; transform: translate(-63.7px, -78px) rotate(0deg) scale(1); }
  30.92% { opacity: 0; transform: translate(-63.7px, -78px) rotate(0deg) scale(0.3); }
  100% { opacity: 0; transform: translate(-63.7px, -78px) rotate(0deg) scale(0.3); }
}
.anim .vis-22 { animation: vis-22 12s linear infinite; }
@keyframes vis-23 {
  0% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); }
  1.67% { opacity: 0; transform: translate(0px, -12px) rotate(0deg) scale(1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  4.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-23 { animation: vis-23 12s ease-in-out infinite; }
@keyframes vis-24 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  11.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  12.92% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  23.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  25.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-24 { animation: vis-24 12s ease-in-out infinite; }
@keyframes vis-25 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  15.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  16.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-25 { animation: vis-25 12s ease-in-out infinite; }
@keyframes vis-26 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.1); }
  15.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  17.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  17.92% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.5); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  19.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.71); }
  20% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.71); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  21.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.87); }
  22.08% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(0.87); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  23.75% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-26 { animation: vis-26 12s ease-in-out infinite; }
@keyframes vis-27 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); }
  24.17% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.4); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  26.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-27 { animation: vis-27 12s ease-in-out infinite; }
@keyframes vis-28 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  11.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  12.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  12.33% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  12.77% { opacity: 1; transform: translate(-10.8px, -15.4px) rotate(0deg) scale(1); }
  13.21% { opacity: 1; transform: translate(-21.6px, -28.7px) rotate(0deg) scale(1); }
  13.65% { opacity: 1; transform: translate(-32.4px, -39.9px) rotate(0deg) scale(1); }
  14.08% { opacity: 1; transform: translate(-43.2px, -48.9px) rotate(0deg) scale(1); }
  14.52% { opacity: 1; transform: translate(-54px, -55.9px) rotate(0deg) scale(1); }
  14.96% { opacity: 1; transform: translate(-64.8px, -60.7px) rotate(0deg) scale(1); }
  15.4% { opacity: 1; transform: translate(-75.6px, -63.3px) rotate(0deg) scale(1); }
  15.83% { opacity: 1; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(1); }
  16.33% { opacity: 0; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(0.3); }
  100% { opacity: 0; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(0.3); }
}
.anim .vis-28 { animation: vis-28 12s linear infinite; }
@keyframes vis-29 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  13.75% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  14.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  14.42% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  14.85% { opacity: 1; transform: translate(-10.8px, -15.4px) rotate(0deg) scale(1); }
  15.29% { opacity: 1; transform: translate(-21.6px, -28.7px) rotate(0deg) scale(1); }
  15.73% { opacity: 1; transform: translate(-32.4px, -39.9px) rotate(0deg) scale(1); }
  16.17% { opacity: 1; transform: translate(-43.2px, -48.9px) rotate(0deg) scale(1); }
  16.6% { opacity: 1; transform: translate(-54px, -55.9px) rotate(0deg) scale(1); }
  17.04% { opacity: 1; transform: translate(-64.8px, -60.7px) rotate(0deg) scale(1); }
  17.48% { opacity: 1; transform: translate(-75.6px, -63.3px) rotate(0deg) scale(1); }
  17.92% { opacity: 1; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(1); }
  18.42% { opacity: 0; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(0.3); }
  100% { opacity: 0; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(0.3); }
}
.anim .vis-29 { animation: vis-29 12s linear infinite; }
@keyframes vis-30 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  15.83% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  16.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  16.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  16.94% { opacity: 1; transform: translate(-10.8px, -15.4px) rotate(0deg) scale(1); }
  17.38% { opacity: 1; transform: translate(-21.6px, -28.7px) rotate(0deg) scale(1); }
  17.81% { opacity: 1; transform: translate(-32.4px, -39.9px) rotate(0deg) scale(1); }
  18.25% { opacity: 1; transform: translate(-43.2px, -48.9px) rotate(0deg) scale(1); }
  18.69% { opacity: 1; transform: translate(-54px, -55.9px) rotate(0deg) scale(1); }
  19.13% { opacity: 1; transform: translate(-64.8px, -60.7px) rotate(0deg) scale(1); }
  19.56% { opacity: 1; transform: translate(-75.6px, -63.3px) rotate(0deg) scale(1); }
  20% { opacity: 1; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(1); }
  20.5% { opacity: 0; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(0.3); }
  100% { opacity: 0; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(0.3); }
}
.anim .vis-30 { animation: vis-30 12s linear infinite; }
@keyframes vis-31 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  17.92% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  18.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  18.58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  19.02% { opacity: 1; transform: translate(-10.8px, -15.4px) rotate(0deg) scale(1); }
  19.46% { opacity: 1; transform: translate(-21.6px, -28.7px) rotate(0deg) scale(1); }
  19.9% { opacity: 1; transform: translate(-32.4px, -39.9px) rotate(0deg) scale(1); }
  20.33% { opacity: 1; transform: translate(-43.2px, -48.9px) rotate(0deg) scale(1); }
  20.77% { opacity: 1; transform: translate(-54px, -55.9px) rotate(0deg) scale(1); }
  21.21% { opacity: 1; transform: translate(-64.8px, -60.7px) rotate(0deg) scale(1); }
  21.65% { opacity: 1; transform: translate(-75.6px, -63.3px) rotate(0deg) scale(1); }
  22.08% { opacity: 1; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(1); }
  22.58% { opacity: 0; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(0.3); }
  100% { opacity: 0; transform: translate(-86.4px, -63.9px) rotate(0deg) scale(0.3); }
}
.anim .vis-31 { animation: vis-31 12s linear infinite; }
@keyframes vis-32 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  1.67% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  4.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  55.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  57.92% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-32 { animation: vis-32 12s ease-in-out infinite; }
@keyframes vis-33 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  58.33% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  60.83% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-33 { animation: vis-33 12s ease-in-out infinite; }
@keyframes vis-34 {
  0% { opacity: 0; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  64.17% { opacity: 0; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  66.67% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  94.17% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .vis-34 { animation: vis-34 12s ease-in-out infinite; }

/* ---------------------------------------------------------------- hero */
@keyframes hero-1 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.36% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.79% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.14% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-1 { animation: hero-1 14s linear infinite; }
@keyframes hero-2 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.71% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.14% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.5% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.14% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-2 { animation: hero-2 14s linear infinite; }
@keyframes hero-3 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.07% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.5% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.86% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-3 { animation: hero-3 14s linear infinite; }
@keyframes hero-4 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.43% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.86% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.21% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.86% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-4 { animation: hero-4 14s linear infinite; }
@keyframes hero-5 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.64% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.07% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.43% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  71.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-5 { animation: hero-5 14s linear infinite; }
@keyframes hero-6 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.43% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.79% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  71.43% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-6 { animation: hero-6 14s linear infinite; }
@keyframes hero-7 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  67.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  67.93% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.29% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-7 { animation: hero-7 14s linear infinite; }
@keyframes hero-8 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  67.93% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.36% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.71% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-8 { animation: hero-8 14s linear infinite; }
@keyframes hero-9 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  67.79% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.21% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.57% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.21% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-9 { animation: hero-9 14s linear infinite; }
@keyframes hero-10 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.21% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.64% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.64% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-10 { animation: hero-10 14s linear infinite; }
@keyframes hero-11 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  68.64% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.07% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.43% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-11 { animation: hero-11 14s linear infinite; }
@keyframes hero-12 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.29% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.71% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.07% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.71% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-12 { animation: hero-12 14s linear infinite; }
@keyframes hero-13 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  1.79% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  4.29% { opacity: 1; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  7.14% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  10.14% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  13.21% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  16.21% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  19.29% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  22.29% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  25.36% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  28.36% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  32.86% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  37.86% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); }
  68.21% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  70.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  71.43% { opacity: 1; transform: translate(0px, -3.5px) rotate(0deg) scale(1); }
  72.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  73.57% { opacity: 1; transform: translate(0px, -2.4px) rotate(0deg) scale(1); }
  74.64% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  77.86% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  78.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  80% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  81.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  82.14% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  83.21% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  84.29% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  85.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  86.43% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  87.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  88.57% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  89.64% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  90.71% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  91.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-13 { animation: hero-13 14s ease-in-out infinite; }
@keyframes hero-14 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.29% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.64% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  71.29% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-14 { animation: hero-14 14s linear infinite; }
@keyframes hero-15 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  2.5% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  5% { opacity: 1; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  11% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  14% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  17.07% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  20.07% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  23.14% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  26.14% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  29.21% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  32.21% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  32.86% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  37.86% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); }
  68.93% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  71.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  72.29% { opacity: 1; transform: translate(0px, -3.5px) rotate(0deg) scale(1); }
  73.43% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  74.43% { opacity: 1; transform: translate(0px, -2.4px) rotate(0deg) scale(1); }
  75.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  77.86% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  78.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  80% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  81.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  82.14% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  83.21% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  84.29% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  85.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  86.43% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  87.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  88.57% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  89.64% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  90.71% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  91.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-15 { animation: hero-15 14s ease-in-out infinite; }
@keyframes hero-16 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.57% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.36% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  71% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-16 { animation: hero-16 14s linear infinite; }
@keyframes hero-17 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  2.14% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  4.64% { opacity: 1; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  9.07% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  12.07% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  15.14% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  18.14% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  21.21% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  24.21% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  27.29% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  30.29% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  32.86% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  37.86% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); }
  68.57% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  70.71% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  71.86% { opacity: 1; transform: translate(0px, -3.5px) rotate(0deg) scale(1); }
  73% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  74% { opacity: 1; transform: translate(0px, -2.4px) rotate(0deg) scale(1); }
  75.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  78.71% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  79.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  80.86% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  81.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  83% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  84.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  85.14% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  86.21% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  87.29% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  88.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  89.43% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  90.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  91.57% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  92.64% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-17 { animation: hero-17 14s ease-in-out infinite; }
@keyframes hero-18 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.43% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.86% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  71.21% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  71.86% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-18 { animation: hero-18 14s linear infinite; }
@keyframes hero-19 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  3.21% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  5.71% { opacity: 1; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  9.07% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  12.07% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  15.14% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  18.14% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  21.21% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  24.21% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  27.29% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  30.29% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  32.86% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  37.86% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); }
  69.64% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  71.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  73.14% { opacity: 1; transform: translate(0px, -3.5px) rotate(0deg) scale(1); }
  74.29% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  75.29% { opacity: 1; transform: translate(0px, -2.4px) rotate(0deg) scale(1); }
  76.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  77.86% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  78.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  80% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  81.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  82.14% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  83.21% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  84.29% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  85.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  86.43% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  87.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  88.57% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  89.64% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  90.71% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  91.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-19 { animation: hero-19 14s ease-in-out infinite; }
@keyframes hero-20 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.14% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.57% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.93% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  71.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-20 { animation: hero-20 14s linear infinite; }
@keyframes hero-21 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  2.86% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  5.36% { opacity: 1; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  7.14% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  10.14% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  13.21% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  16.21% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  19.29% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  22.29% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  25.36% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  28.36% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  32.86% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  37.86% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); }
  69.29% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  71.43% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  72.71% { opacity: 1; transform: translate(0px, -3.5px) rotate(0deg) scale(1); }
  73.86% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  74.86% { opacity: 1; transform: translate(0px, -2.4px) rotate(0deg) scale(1); }
  75.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  78.71% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  79.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  80.86% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  81.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  83% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  84.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  85.14% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  86.21% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  87.29% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  88.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  89.43% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  90.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  91.57% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  92.64% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-21 { animation: hero-21 14s ease-in-out infinite; }
@keyframes hero-22 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.45; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.6; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.05; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.4; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  70.71% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  71.14% { opacity: 0.75; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  71.5% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  72.14% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-22 { animation: hero-22 14s linear infinite; }
@keyframes hero-23 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  3.57% { opacity: 0; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  6.07% { opacity: 1; transform: translate(0px, 0px) rotate(14deg) scale(1); }
  11% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  14% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  17.07% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  20.07% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  23.14% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  26.14% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  29.21% { opacity: 1; transform: translate(0px, 0px) rotate(9deg) scale(1); }
  32.21% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  32.86% { opacity: 1; transform: translate(0px, 0px) rotate(16deg) scale(1); }
  37.86% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); }
  70% { opacity: 1; transform: translate(0px, 0px) rotate(26deg) scale(1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  72.14% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  73.57% { opacity: 1; transform: translate(0px, -3.5px) rotate(0deg) scale(1); }
  74.71% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  75.71% { opacity: 1; transform: translate(0px, -2.4px) rotate(0deg) scale(1); }
  76.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  78.71% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  79.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  80.86% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  81.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  83% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  84.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  85.14% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  86.21% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  87.29% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  88.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  89.43% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  90.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  91.57% { opacity: 1; transform: translate(0px, -0.9px) rotate(0deg) scale(1); }
  92.64% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-23 { animation: hero-23 14s ease-in-out infinite; }
@keyframes hero-24 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  3.57% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  31.43% { opacity: 0.2; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32% { opacity: 0.5; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.57% { opacity: 0.12; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  33.43% { opacity: 0.56; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  34.29% { opacity: 0.15; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  35% { opacity: 0.62; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.14% { opacity: 0.25; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  36.86% { opacity: 0.7; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  67.5% { opacity: 0.7; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  69.64% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-24 { animation: hero-24 14s linear infinite; }
@keyframes hero-25 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  9.29% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  11.43% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  17.14% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  19.29% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-25 { animation: hero-25 14s linear infinite; }
@keyframes hero-26 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  20.71% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  22.86% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  28.57% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  30.71% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-26 { animation: hero-26 14s linear infinite; }
@keyframes hero-27 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  42.86% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  45% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  50.71% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  52.86% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-27 { animation: hero-27 14s linear infinite; }
@keyframes hero-28 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  55% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  57.14% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  62.86% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  65% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-28 { animation: hero-28 14s linear infinite; }
@keyframes hero-29 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  12.14% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  14.29% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  20% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  22.14% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-29 { animation: hero-29 14s linear infinite; }
@keyframes hero-30 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  23.57% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  25.71% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  31.43% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  33.57% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-30 { animation: hero-30 14s linear infinite; }
@keyframes hero-31 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  45% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  47.14% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  52.86% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  55% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-31 { animation: hero-31 14s linear infinite; }
@keyframes hero-32 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  57.14% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  59.29% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  65% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  67.14% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-32 { animation: hero-32 14s linear infinite; }
@keyframes hero-33 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  15% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  17.14% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  22.86% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  25% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-33 { animation: hero-33 14s linear infinite; }
@keyframes hero-34 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  26.43% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  28.57% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  34.29% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  36.43% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-34 { animation: hero-34 14s linear infinite; }
@keyframes hero-35 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  47.14% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  49.29% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  55% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  57.14% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-35 { animation: hero-35 14s linear infinite; }
@keyframes hero-36 {
  0% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  59.29% { opacity: 0; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  61.43% { opacity: 1; transform: translate(0px, 2px) rotate(0deg) scale(1); }
  67.14% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  69.29% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(1); }
}
.anim .hero-36 { animation: hero-36 14s linear infinite; }
@keyframes hero-37 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  71.07% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  72.86% { opacity: 1; transform: translate(0px, -2px) rotate(0deg) scale(1.1); }
  76.43% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  78.21% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
}
.anim .hero-37 { animation: hero-37 14s ease-in-out infinite; }
@keyframes hero-38 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  71.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  73.29% { opacity: 1; transform: translate(0px, -2px) rotate(0deg) scale(1.1); }
  76.86% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  78.64% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
}
.anim .hero-38 { animation: hero-38 14s ease-in-out infinite; }
@keyframes hero-39 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  71.93% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  73.71% { opacity: 1; transform: translate(0px, -2px) rotate(0deg) scale(1.1); }
  77.29% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  79.07% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
}
.anim .hero-39 { animation: hero-39 14s ease-in-out infinite; }
@keyframes hero-40 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  72.36% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  74.14% { opacity: 1; transform: translate(0px, -2px) rotate(0deg) scale(1.1); }
  77.71% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  79.5% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
}
.anim .hero-40 { animation: hero-40 14s ease-in-out infinite; }
@keyframes hero-41 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  72.79% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  74.57% { opacity: 1; transform: translate(0px, -2px) rotate(0deg) scale(1.1); }
  78.14% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  79.93% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
}
.anim .hero-41 { animation: hero-41 14s ease-in-out infinite; }
@keyframes hero-42 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  73.21% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  75% { opacity: 1; transform: translate(0px, -2px) rotate(0deg) scale(1.1); }
  78.57% { opacity: 1; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  80.36% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
  100% { opacity: 0; transform: translate(0px, -5px) rotate(0deg) scale(0.6); }
}
.anim .hero-42 { animation: hero-42 14s ease-in-out infinite; }
@keyframes hero-43 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  7.14% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  7.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  7.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  10.38% { opacity: 1; transform: translate(9px, -5.8px) rotate(0deg) scale(1); }
  13.18% { opacity: 1; transform: translate(18px, -10.2px) rotate(0deg) scale(1); }
  15.98% { opacity: 1; transform: translate(27.1px, -13.3px) rotate(0deg) scale(1); }
  18.79% { opacity: 1; transform: translate(36.1px, -14.9px) rotate(0deg) scale(1); }
  21.59% { opacity: 1; transform: translate(45.1px, -15.2px) rotate(0deg) scale(1); }
  24.39% { opacity: 1; transform: translate(54.1px, -14.1px) rotate(0deg) scale(1); }
  27.2% { opacity: 1; transform: translate(63.1px, -11.7px) rotate(0deg) scale(1); }
  30% { opacity: 1; transform: translate(72.2px, -7.8px) rotate(0deg) scale(1); }
  30.57% { opacity: 0; transform: translate(72.2px, -7.8px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(72.2px, -7.8px) rotate(0deg) scale(0.4); }
}
.anim .hero-43 { animation: hero-43 14s linear infinite; }
@keyframes hero-44 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  75.36% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  75.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  75.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  76.02% { opacity: 1; transform: translate(2.7px, -3.5px) rotate(0deg) scale(1); }
  76.25% { opacity: 1; transform: translate(5.4px, -6.5px) rotate(0deg) scale(1); }
  76.48% { opacity: 1; transform: translate(8px, -8.9px) rotate(0deg) scale(1); }
  76.71% { opacity: 1; transform: translate(10.7px, -10.7px) rotate(0deg) scale(1); }
  76.95% { opacity: 1; transform: translate(13.4px, -12px) rotate(0deg) scale(1); }
  77.18% { opacity: 1; transform: translate(16.1px, -12.7px) rotate(0deg) scale(1); }
  77.41% { opacity: 1; transform: translate(18.8px, -12.8px) rotate(0deg) scale(1); }
  77.64% { opacity: 1; transform: translate(21.4px, -12.4px) rotate(0deg) scale(1); }
  78.21% { opacity: 0; transform: translate(21.4px, -12.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(21.4px, -12.4px) rotate(0deg) scale(0.4); }
}
.anim .hero-44 { animation: hero-44 14s linear infinite; }
@keyframes hero-45 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  77.93% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  78.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  78.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  78.59% { opacity: 1; transform: translate(2.7px, -3.5px) rotate(0deg) scale(1); }
  78.82% { opacity: 1; transform: translate(5.4px, -6.5px) rotate(0deg) scale(1); }
  79.05% { opacity: 1; transform: translate(8px, -8.9px) rotate(0deg) scale(1); }
  79.29% { opacity: 1; transform: translate(10.7px, -10.7px) rotate(0deg) scale(1); }
  79.52% { opacity: 1; transform: translate(13.4px, -12px) rotate(0deg) scale(1); }
  79.75% { opacity: 1; transform: translate(16.1px, -12.7px) rotate(0deg) scale(1); }
  79.98% { opacity: 1; transform: translate(18.8px, -12.8px) rotate(0deg) scale(1); }
  80.21% { opacity: 1; transform: translate(21.4px, -12.4px) rotate(0deg) scale(1); }
  80.79% { opacity: 0; transform: translate(21.4px, -12.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(21.4px, -12.4px) rotate(0deg) scale(0.4); }
}
.anim .hero-45 { animation: hero-45 14s linear infinite; }
@keyframes hero-46 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  80.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  80.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  80.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  81.16% { opacity: 1; transform: translate(3.7px, 0.1px) rotate(0deg) scale(1); }
  81.39% { opacity: 1; transform: translate(7.3px, 0.9px) rotate(0deg) scale(1); }
  81.63% { opacity: 1; transform: translate(11px, 2.1px) rotate(0deg) scale(1); }
  81.86% { opacity: 1; transform: translate(14.6px, 4px) rotate(0deg) scale(1); }
  82.09% { opacity: 1; transform: translate(18.3px, 6.4px) rotate(0deg) scale(1); }
  82.32% { opacity: 1; transform: translate(22px, 9.3px) rotate(0deg) scale(1); }
  82.55% { opacity: 1; transform: translate(25.6px, 12.8px) rotate(0deg) scale(1); }
  82.79% { opacity: 1; transform: translate(29.3px, 16.9px) rotate(0deg) scale(1); }
  83.36% { opacity: 0; transform: translate(29.3px, 16.9px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(29.3px, 16.9px) rotate(0deg) scale(0.4); }
}
.anim .hero-46 { animation: hero-46 14s linear infinite; }
@keyframes hero-47 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  83.07% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  83.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  83.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  83.73% { opacity: 1; transform: translate(-2.7px, -0.4px) rotate(0deg) scale(1); }
  83.96% { opacity: 1; transform: translate(-5.4px, -0.3px) rotate(0deg) scale(1); }
  84.2% { opacity: 1; transform: translate(-8px, 0.4px) rotate(0deg) scale(1); }
  84.43% { opacity: 1; transform: translate(-10.7px, 1.7px) rotate(0deg) scale(1); }
  84.66% { opacity: 1; transform: translate(-13.4px, 3.5px) rotate(0deg) scale(1); }
  84.89% { opacity: 1; transform: translate(-16.1px, 5.9px) rotate(0deg) scale(1); }
  85.13% { opacity: 1; transform: translate(-18.8px, 8.9px) rotate(0deg) scale(1); }
  85.36% { opacity: 1; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(1); }
  85.93% { opacity: 0; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(0.4); }
}
.anim .hero-47 { animation: hero-47 14s linear infinite; }
@keyframes hero-48 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  85.64% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  86.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  86.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  86.3% { opacity: 1; transform: translate(-2.7px, -0.4px) rotate(0deg) scale(1); }
  86.54% { opacity: 1; transform: translate(-5.4px, -0.3px) rotate(0deg) scale(1); }
  86.77% { opacity: 1; transform: translate(-8px, 0.4px) rotate(0deg) scale(1); }
  87% { opacity: 1; transform: translate(-10.7px, 1.7px) rotate(0deg) scale(1); }
  87.23% { opacity: 1; transform: translate(-13.4px, 3.5px) rotate(0deg) scale(1); }
  87.46% { opacity: 1; transform: translate(-16.1px, 5.9px) rotate(0deg) scale(1); }
  87.7% { opacity: 1; transform: translate(-18.8px, 8.9px) rotate(0deg) scale(1); }
  87.93% { opacity: 1; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(1); }
  88.5% { opacity: 0; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(0.4); }
}
.anim .hero-48 { animation: hero-48 14s linear infinite; }
@keyframes hero-49 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  76.57% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  77% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  77% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  77.23% { opacity: 1; transform: translate(2.7px, -3.5px) rotate(0deg) scale(1); }
  77.46% { opacity: 1; transform: translate(5.4px, -6.5px) rotate(0deg) scale(1); }
  77.7% { opacity: 1; transform: translate(8px, -8.9px) rotate(0deg) scale(1); }
  77.93% { opacity: 1; transform: translate(10.7px, -10.7px) rotate(0deg) scale(1); }
  78.16% { opacity: 1; transform: translate(13.4px, -12px) rotate(0deg) scale(1); }
  78.39% { opacity: 1; transform: translate(16.1px, -12.7px) rotate(0deg) scale(1); }
  78.63% { opacity: 1; transform: translate(18.8px, -12.8px) rotate(0deg) scale(1); }
  78.86% { opacity: 1; transform: translate(21.4px, -12.4px) rotate(0deg) scale(1); }
  79.43% { opacity: 0; transform: translate(21.4px, -12.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(21.4px, -12.4px) rotate(0deg) scale(0.4); }
}
.anim .hero-49 { animation: hero-49 14s linear infinite; }
@keyframes hero-50 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  79.14% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  79.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  79.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  79.8% { opacity: 1; transform: translate(2.7px, -3.5px) rotate(0deg) scale(1); }
  80.04% { opacity: 1; transform: translate(5.4px, -6.5px) rotate(0deg) scale(1); }
  80.27% { opacity: 1; transform: translate(8px, -8.9px) rotate(0deg) scale(1); }
  80.5% { opacity: 1; transform: translate(10.7px, -10.7px) rotate(0deg) scale(1); }
  80.73% { opacity: 1; transform: translate(13.4px, -12px) rotate(0deg) scale(1); }
  80.96% { opacity: 1; transform: translate(16.1px, -12.7px) rotate(0deg) scale(1); }
  81.2% { opacity: 1; transform: translate(18.8px, -12.8px) rotate(0deg) scale(1); }
  81.43% { opacity: 1; transform: translate(21.4px, -12.4px) rotate(0deg) scale(1); }
  82% { opacity: 0; transform: translate(21.4px, -12.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(21.4px, -12.4px) rotate(0deg) scale(0.4); }
}
.anim .hero-50 { animation: hero-50 14s linear infinite; }
@keyframes hero-51 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  81.71% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  82.14% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  82.14% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  82.38% { opacity: 1; transform: translate(-3.7px, -4.1px) rotate(0deg) scale(1); }
  82.61% { opacity: 1; transform: translate(-7.3px, -7.6px) rotate(0deg) scale(1); }
  82.84% { opacity: 1; transform: translate(-11px, -10.6px) rotate(0deg) scale(1); }
  83.07% { opacity: 1; transform: translate(-14.6px, -13px) rotate(0deg) scale(1); }
  83.3% { opacity: 1; transform: translate(-18.3px, -14.8px) rotate(0deg) scale(1); }
  83.54% { opacity: 1; transform: translate(-22px, -16.1px) rotate(0deg) scale(1); }
  83.77% { opacity: 1; transform: translate(-25.6px, -16.8px) rotate(0deg) scale(1); }
  84% { opacity: 1; transform: translate(-29.3px, -16.9px) rotate(0deg) scale(1); }
  84.57% { opacity: 0; transform: translate(-29.3px, -16.9px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(-29.3px, -16.9px) rotate(0deg) scale(0.4); }
}
.anim .hero-51 { animation: hero-51 14s linear infinite; }
@keyframes hero-52 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  84.29% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  84.71% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  84.71% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  84.95% { opacity: 1; transform: translate(-2.7px, -0.4px) rotate(0deg) scale(1); }
  85.18% { opacity: 1; transform: translate(-5.4px, -0.3px) rotate(0deg) scale(1); }
  85.41% { opacity: 1; transform: translate(-8px, 0.4px) rotate(0deg) scale(1); }
  85.64% { opacity: 1; transform: translate(-10.7px, 1.7px) rotate(0deg) scale(1); }
  85.88% { opacity: 1; transform: translate(-13.4px, 3.5px) rotate(0deg) scale(1); }
  86.11% { opacity: 1; transform: translate(-16.1px, 5.9px) rotate(0deg) scale(1); }
  86.34% { opacity: 1; transform: translate(-18.8px, 8.9px) rotate(0deg) scale(1); }
  86.57% { opacity: 1; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(1); }
  87.14% { opacity: 0; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(0.4); }
}
.anim .hero-52 { animation: hero-52 14s linear infinite; }
@keyframes hero-53 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  86.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  87.29% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  87.29% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  87.52% { opacity: 1; transform: translate(-2.7px, -0.4px) rotate(0deg) scale(1); }
  87.75% { opacity: 1; transform: translate(-5.4px, -0.3px) rotate(0deg) scale(1); }
  87.98% { opacity: 1; transform: translate(-8px, 0.4px) rotate(0deg) scale(1); }
  88.21% { opacity: 1; transform: translate(-10.7px, 1.7px) rotate(0deg) scale(1); }
  88.45% { opacity: 1; transform: translate(-13.4px, 3.5px) rotate(0deg) scale(1); }
  88.68% { opacity: 1; transform: translate(-16.1px, 5.9px) rotate(0deg) scale(1); }
  88.91% { opacity: 1; transform: translate(-18.8px, 8.9px) rotate(0deg) scale(1); }
  89.14% { opacity: 1; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(1); }
  89.71% { opacity: 0; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(0.4); }
  100% { opacity: 0; transform: translate(-21.4px, 12.4px) rotate(0deg) scale(0.4); }
}
.anim .hero-53 { animation: hero-53 14s linear infinite; }
@keyframes hero-54 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  63.93% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  67.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-54 { animation: hero-54 14s ease-in-out infinite; }
@keyframes hero-55 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  54.29% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  55.71% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-55 { animation: hero-55 14s ease-in-out infinite; }
@keyframes hero-56 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  57.14% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  58.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-56 { animation: hero-56 14s ease-in-out infinite; }
@keyframes hero-57 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); }
  60% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.3); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  61.43% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-57 { animation: hero-57 14s ease-in-out infinite; }
@keyframes hero-58 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(-60deg) scale(1); }
  62.5% { opacity: 1; transform: translate(0px, 0px) rotate(-60deg) scale(1); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  63.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 1; transform: translate(0px, 0px) rotate(-60deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(-60deg) scale(1); }
}
.anim .hero-58 { animation: hero-58 14s ease-in-out infinite; }
@keyframes hero-59 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  51.43% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  52.29% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.2); }
  53.93% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
}
.anim .hero-59 { animation: hero-59 14s ease-in-out infinite; }
@keyframes hero-60 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  54.29% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  55.14% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.2); }
  56.79% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
}
.anim .hero-60 { animation: hero-60 14s ease-in-out infinite; }
@keyframes hero-61 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  57.14% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  58% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.2); }
  59.64% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
}
.anim .hero-61 { animation: hero-61 14s ease-in-out infinite; }
@keyframes hero-62 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  59.64% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  60.5% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1.2); }
  62.14% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.5); }
}
.anim .hero-62 { animation: hero-62 14s ease-in-out infinite; }
@keyframes hero-63 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  40% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  40.71% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  41.43% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  42.14% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  42.86% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  43.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  44.29% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  45% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  45.71% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  46.43% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  47.14% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  47.86% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  48.57% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  49.29% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  50.71% { opacity: 1; transform: translate(0.9px, -1.4px) rotate(0deg) scale(1); }
  51.86% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  53.57% { opacity: 1; transform: translate(0.9px, -1.4px) rotate(0deg) scale(1); }
  54.71% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  56.43% { opacity: 1; transform: translate(0.9px, -1.4px) rotate(0deg) scale(1); }
  57.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  58.93% { opacity: 1; transform: translate(0.9px, -1.4px) rotate(0deg) scale(1); }
  60.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-63 { animation: hero-63 14s ease-in-out infinite; }
@keyframes hero-64 {
  0% { opacity: 1; transform: translate(-81.4px, 46.2px) rotate(0deg) scale(1); }
  40% { opacity: 1; transform: translate(-81.4px, 46.2px) rotate(0deg) scale(1); }
  45.71% { opacity: 1; transform: translate(-35.7px, 22.3px) rotate(0deg) scale(1); }
  50.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-64 { animation: hero-64 14s ease-in-out infinite; }
@keyframes hero-65 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  40% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  41.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-65 { animation: hero-65 14s ease-in-out infinite; }
@keyframes hero-66 {
  0% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  38.57% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  39.29% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  40% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  40.71% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  41.43% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  42.14% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  42.86% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  43.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  44.29% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  45% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  45.71% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  46.43% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  47.14% { opacity: 1; transform: translate(0px, -1.2px) rotate(0deg) scale(1); }
  47.86% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  52.14% { opacity: 1; transform: translate(0px, -1.5px) rotate(0deg) scale(1); }
  53.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  57.86% { opacity: 1; transform: translate(0px, -1.5px) rotate(0deg) scale(1); }
  59.29% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-66 { animation: hero-66 14s ease-in-out infinite; }
@keyframes hero-67 {
  0% { opacity: 1; transform: translate(-102.2px, 60.6px) rotate(0deg) scale(1); }
  38.57% { opacity: 1; transform: translate(-102.2px, 60.6px) rotate(0deg) scale(1); }
  44.29% { opacity: 1; transform: translate(-36.9px, 24.9px) rotate(0deg) scale(1); }
  48.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-67 { animation: hero-67 14s ease-in-out infinite; }
@keyframes hero-68 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  38.57% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  40.36% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-68 { animation: hero-68 14s ease-in-out infinite; }
@keyframes hero-69 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  63.57% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  63.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  63.93% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  66.43% { opacity: 1; transform: translate(-40.7px, 23.5px) rotate(0deg) scale(1); }
  67.5% { opacity: 1; transform: translate(-51.7px, 17.2px) rotate(0deg) scale(1); }
  68.36% { opacity: 0; transform: translate(-51.7px, 17.2px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(-51.7px, 17.2px) rotate(0deg) scale(1); }
}
.anim .hero-69 { animation: hero-69 14s linear infinite; }
@keyframes hero-70 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  1.43% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  3.57% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  30.71% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  32.14% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-70 { animation: hero-70 14s ease-in-out infinite; }
@keyframes hero-71 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  32.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  35% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  66.07% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  67.5% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-71 { animation: hero-71 14s ease-in-out infinite; }
@keyframes hero-72 {
  0% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); }
  69.64% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(0.2); animation-timing-function: cubic-bezier(.34, 1.56, .64, 1); }
  71.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-72 { animation: hero-72 14s ease-in-out infinite; }
@keyframes hero-73 {
  0% { opacity: 0; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  49.64% { opacity: 0; transform: translate(0px, -4px) rotate(0deg) scale(1); }
  51.79% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  95% { opacity: 1; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  97.86% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
  100% { opacity: 0; transform: translate(0px, 0px) rotate(0deg) scale(1); }
}
.anim .hero-73 { animation: hero-73 14s ease-in-out infinite; }