body {
  display: flex;
  height: 100%;
  min-height: 100vh;
  min-height: 100svh;
  min-height: 100dvh;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: black;
  overflow: hidden;
} 

/* Wrapper carries the blend/opacity/visibility — Safari doesn't reliably
   blend a <video> element itself (its decoded frames render in a hardware
   layer that bypasses CSS mix-blend-mode), but it blends a plain div fine.
   isolation:isolate flattens this div's contents (just the video) into one
   layer before blending it against whatever's behind (e.g. #back). */
.intro-background-video {
  position: fixed;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  isolation: isolate;
  mix-blend-mode: soft-light;
  opacity: 0.4;
  overflow: hidden;
}

.intro-video-el {
  position: absolute;
  inset: 0;
  object-fit: cover;
  pointer-events: none;
  filter: none !important;
  height: 150% !important;
  width: 100% !important;
  min-width: 100% !important;
  top: -25% !important;
  left: 0px !important;
  transform: none !important;
  margin: 0px !important;
}

body.intro-texture-mode .intro-video-el {
  width: 100vw !important;
  min-width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  top: 0 !important;
  left: 0 !important;
  object-fit: cover;
  object-position: center center;
}

/* Real decoding element — kept off-screen rather than display:none so it
   keeps playing/decoding; the canvas above is what's actually painted and
   blended (see intro-background-video comment). */
.intro-video-source {
  position: fixed;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
  pointer-events: none;
}

.scene-button {
  position: relative;
  z-index: 3;
}

body.intro-active #back {
  opacity: 1;
  z-index: 0;
  mix-blend-mode: normal !important;
  filter:none !important;
}

a {
  text-decoration: none;
  color: white;
}

h1, p {
  margin: 0;
}

@keyframes btn_noise {
  0% {
    clip: rect(24rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0);
  }
  2.5% {
    clip: rect(2rem, 50rem, 1rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.025);
  }
  5% {
    clip: rect(24rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);
  }
  7.5% {
    clip: rect(7rem, 50rem, 19rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.075);
  }
  10% {
    clip: rect(25rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
  }
  12.5% {
    clip: rect(4rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.125);
  }
  15% {
    clip: rect(7rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.15);
  }
  17.5% {
    clip: rect(2rem, 50rem, 9rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.175);
  }
  20% {
    clip: rect(2rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
  }
  22.5% {
    clip: rect(16rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.225);
  }
  25% {
    clip: rect(15rem, 50rem, 1rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
  }
  27.5% {
    clip: rect(8rem, 50rem, 21rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.275);
  }
  30% {
    clip: rect(6rem, 50rem, 12rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
  }
  32.5% {
    clip: rect(22rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.325);
  }
  35% {
    clip: rect(22rem, 50rem, 8rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.35);
  }
  37.5% {
    clip: rect(15rem, 50rem, 10rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.375);
  }
  40% {
    clip: rect(13rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.4);
  }
  42.5% {
    clip: rect(13rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.425);
  }
  45% {
    clip: rect(6rem, 50rem, 5rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.45);
  }
  47.5% {
    clip: rect(24rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.475);
  }
  50% {
    clip: rect(11rem, 50rem, 15rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
  }
  52.5% {
    clip: rect(2rem, 50rem, 8rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.525);
  }
  55% {
    clip: rect(9rem, 50rem, 11rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.55);
  }
  57.5% {
    clip: rect(14rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.575);
  }
  60% {
    clip: rect(19rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.6);
  }
  62.5% {
    clip: rect(15rem, 50rem, 23rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.625);
  }
  65% {
    clip: rect(13rem, 50rem, 13rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.65);
  }
  67.5% {
    clip: rect(4rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.675);
  }
  70% {
    clip: rect(15rem, 50rem, 12rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.7);
  }
  72.5% {
    clip: rect(7rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.725);
  }
  75% {
    clip: rect(11rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.75);
  }
  77.5% {
    clip: rect(6rem, 50rem, 18rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.775);
  }
  80% {
    clip: rect(23rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.8);
  }
  82.5% {
    clip: rect(7rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.825);
  }
  85% {
    clip: rect(2rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.85);
  }
  87.5% {
    clip: rect(1rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.875);
  }
  90% {
    clip: rect(3rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.9);
  }
  92.5% {
    clip: rect(11rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.925);
  }
  95% {
    clip: rect(4rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.95);
  }
  97.5% {
    clip: rect(8rem, 50rem, 9rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.975);
  }
  100% {
    clip: rect(10rem, 50rem, 18rem, -25rem);
    box-shadow: 0 0 30px white;
  }
}
@-webkit-keyframes btn_noise {
  0% {
    clip: rect(24rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0);
  }
  2.5% {
    clip: rect(2rem, 50rem, 1rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.025);
  }
  5% {
    clip: rect(24rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);
  }
  7.5% {
    clip: rect(7rem, 50rem, 19rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.075);
  }
  10% {
    clip: rect(25rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
  }
  12.5% {
    clip: rect(4rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.125);
  }
  15% {
    clip: rect(7rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.15);
  }
  17.5% {
    clip: rect(2rem, 50rem, 9rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.175);
  }
  20% {
    clip: rect(2rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
  }
  22.5% {
    clip: rect(16rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.225);
  }
  25% {
    clip: rect(15rem, 50rem, 1rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
  }
  27.5% {
    clip: rect(8rem, 50rem, 21rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.275);
  }
  30% {
    clip: rect(6rem, 50rem, 12rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
  }
  32.5% {
    clip: rect(22rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.325);
  }
  35% {
    clip: rect(22rem, 50rem, 8rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.35);
  }
  37.5% {
    clip: rect(15rem, 50rem, 10rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.375);
  }
  40% {
    clip: rect(13rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.4);
  }
  42.5% {
    clip: rect(13rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.425);
  }
  45% {
    clip: rect(6rem, 50rem, 5rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.45);
  }
  47.5% {
    clip: rect(24rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.475);
  }
  50% {
    clip: rect(11rem, 50rem, 15rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
  }
  52.5% {
    clip: rect(2rem, 50rem, 8rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.525);
  }
  55% {
    clip: rect(9rem, 50rem, 11rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.55);
  }
  57.5% {
    clip: rect(14rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.575);
  }
  60% {
    clip: rect(19rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.6);
  }
  62.5% {
    clip: rect(15rem, 50rem, 23rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.625);
  }
  65% {
    clip: rect(13rem, 50rem, 13rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.65);
  }
  67.5% {
    clip: rect(4rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.675);
  }
  70% {
    clip: rect(15rem, 50rem, 12rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.7);
  }
  72.5% {
    clip: rect(7rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.725);
  }
  75% {
    clip: rect(11rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.75);
  }
  77.5% {
    clip: rect(6rem, 50rem, 18rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.775);
  }
  80% {
    clip: rect(23rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.8);
  }
  82.5% {
    clip: rect(7rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.825);
  }
  85% {
    clip: rect(2rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.85);
  }
  87.5% {
    clip: rect(1rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.875);
  }
  90% {
    clip: rect(3rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.9);
  }
  92.5% {
    clip: rect(11rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.925);
  }
  95% {
    clip: rect(4rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.95);
  }
  97.5% {
    clip: rect(8rem, 50rem, 9rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.975);
  }
  100% {
    clip: rect(10rem, 50rem, 18rem, -25rem);
    box-shadow: 0 0 30px white;
  }
}
@-moz-keyframes btn_noise {
  0% {
    clip: rect(24rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0);
  }
  2.5% {
    clip: rect(2rem, 50rem, 1rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.025);
  }
  5% {
    clip: rect(24rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);
  }
  7.5% {
    clip: rect(7rem, 50rem, 19rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.075);
  }
  10% {
    clip: rect(25rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
  }
  12.5% {
    clip: rect(4rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.125);
  }
  15% {
    clip: rect(7rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.15);
  }
  17.5% {
    clip: rect(2rem, 50rem, 9rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.175);
  }
  20% {
    clip: rect(2rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
  }
  22.5% {
    clip: rect(16rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.225);
  }
  25% {
    clip: rect(15rem, 50rem, 1rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
  }
  27.5% {
    clip: rect(8rem, 50rem, 21rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.275);
  }
  30% {
    clip: rect(6rem, 50rem, 12rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
  }
  32.5% {
    clip: rect(22rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.325);
  }
  35% {
    clip: rect(22rem, 50rem, 8rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.35);
  }
  37.5% {
    clip: rect(15rem, 50rem, 10rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.375);
  }
  40% {
    clip: rect(13rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.4);
  }
  42.5% {
    clip: rect(13rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.425);
  }
  45% {
    clip: rect(6rem, 50rem, 5rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.45);
  }
  47.5% {
    clip: rect(24rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.475);
  }
  50% {
    clip: rect(11rem, 50rem, 15rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
  }
  52.5% {
    clip: rect(2rem, 50rem, 8rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.525);
  }
  55% {
    clip: rect(9rem, 50rem, 11rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.55);
  }
  57.5% {
    clip: rect(14rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.575);
  }
  60% {
    clip: rect(19rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.6);
  }
  62.5% {
    clip: rect(15rem, 50rem, 23rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.625);
  }
  65% {
    clip: rect(13rem, 50rem, 13rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.65);
  }
  67.5% {
    clip: rect(4rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.675);
  }
  70% {
    clip: rect(15rem, 50rem, 12rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.7);
  }
  72.5% {
    clip: rect(7rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.725);
  }
  75% {
    clip: rect(11rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.75);
  }
  77.5% {
    clip: rect(6rem, 50rem, 18rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.775);
  }
  80% {
    clip: rect(23rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.8);
  }
  82.5% {
    clip: rect(7rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.825);
  }
  85% {
    clip: rect(2rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.85);
  }
  87.5% {
    clip: rect(1rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.875);
  }
  90% {
    clip: rect(3rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.9);
  }
  92.5% {
    clip: rect(11rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.925);
  }
  95% {
    clip: rect(4rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.95);
  }
  97.5% {
    clip: rect(8rem, 50rem, 9rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.975);
  }
  100% {
    clip: rect(10rem, 50rem, 18rem, -25rem);
    box-shadow: 0 0 30px white;
  }
}
@-o-keyframes btn_noise {
  0% {
    clip: rect(24rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0);
  }
  2.5% {
    clip: rect(2rem, 50rem, 1rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.025);
  }
  5% {
    clip: rect(24rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.05);
  }
  7.5% {
    clip: rect(7rem, 50rem, 19rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.075);
  }
  10% {
    clip: rect(25rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.1);
  }
  12.5% {
    clip: rect(4rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.125);
  }
  15% {
    clip: rect(7rem, 50rem, 24rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.15);
  }
  17.5% {
    clip: rect(2rem, 50rem, 9rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.175);
  }
  20% {
    clip: rect(2rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.2);
  }
  22.5% {
    clip: rect(16rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.225);
  }
  25% {
    clip: rect(15rem, 50rem, 1rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.25);
  }
  27.5% {
    clip: rect(8rem, 50rem, 21rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.275);
  }
  30% {
    clip: rect(6rem, 50rem, 12rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
  }
  32.5% {
    clip: rect(22rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.325);
  }
  35% {
    clip: rect(22rem, 50rem, 8rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.35);
  }
  37.5% {
    clip: rect(15rem, 50rem, 10rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.375);
  }
  40% {
    clip: rect(13rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.4);
  }
  42.5% {
    clip: rect(13rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.425);
  }
  45% {
    clip: rect(6rem, 50rem, 5rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.45);
  }
  47.5% {
    clip: rect(24rem, 50rem, 3rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.475);
  }
  50% {
    clip: rect(11rem, 50rem, 15rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.5);
  }
  52.5% {
    clip: rect(2rem, 50rem, 8rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.525);
  }
  55% {
    clip: rect(9rem, 50rem, 11rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.55);
  }
  57.5% {
    clip: rect(14rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.575);
  }
  60% {
    clip: rect(19rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.6);
  }
  62.5% {
    clip: rect(15rem, 50rem, 23rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.625);
  }
  65% {
    clip: rect(13rem, 50rem, 13rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.65);
  }
  67.5% {
    clip: rect(4rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.675);
  }
  70% {
    clip: rect(15rem, 50rem, 12rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.7);
  }
  72.5% {
    clip: rect(7rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.725);
  }
  75% {
    clip: rect(11rem, 50rem, 6rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.75);
  }
  77.5% {
    clip: rect(6rem, 50rem, 18rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.775);
  }
  80% {
    clip: rect(23rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.8);
  }
  82.5% {
    clip: rect(7rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.825);
  }
  85% {
    clip: rect(2rem, 50rem, 7rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.85);
  }
  87.5% {
    clip: rect(1rem, 50rem, 22rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.875);
  }
  90% {
    clip: rect(3rem, 50rem, 17rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.9);
  }
  92.5% {
    clip: rect(11rem, 50rem, 16rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.925);
  }
  95% {
    clip: rect(4rem, 50rem, 4rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.95);
  }
  97.5% {
    clip: rect(8rem, 50rem, 9rem, -25rem);
    box-shadow: 0 0 30px rgba(255, 255, 255, 0.975);
  }
  100% {
    clip: rect(10rem, 50rem, 18rem, -25rem);
    box-shadow: 0 0 30px white;
  }
}
@keyframes btn_noise2 {
  0% {
    clip: rect(23rem, 50rem, 17rem, -25rem);
  }
  2.5% {
    clip: rect(19rem, 50rem, 20rem, -25rem);
  }
  5% {
    clip: rect(1rem, 50rem, 25rem, -25rem);
  }
  7.5% {
    clip: rect(11rem, 50rem, 15rem, -25rem);
  }
  10% {
    clip: rect(15rem, 50rem, 8rem, -25rem);
  }
  12.5% {
    clip: rect(13rem, 50rem, 17rem, -25rem);
  }
  15% {
    clip: rect(1rem, 50rem, 12rem, -25rem);
  }
  17.5% {
    clip: rect(9rem, 50rem, 19rem, -25rem);
  }
  20% {
    clip: rect(17rem, 50rem, 6rem, -25rem);
  }
  22.5% {
    clip: rect(24rem, 50rem, 21rem, -25rem);
  }
  25% {
    clip: rect(10rem, 50rem, 7rem, -25rem);
  }
  27.5% {
    clip: rect(8rem, 50rem, 10rem, -25rem);
  }
  30% {
    clip: rect(1rem, 50rem, 25rem, -25rem);
  }
  32.5% {
    clip: rect(21rem, 50rem, 8rem, -25rem);
  }
  35% {
    clip: rect(6rem, 50rem, 16rem, -25rem);
  }
  37.5% {
    clip: rect(24rem, 50rem, 20rem, -25rem);
  }
  40% {
    clip: rect(5rem, 50rem, 1rem, -25rem);
  }
  42.5% {
    clip: rect(15rem, 50rem, 17rem, -25rem);
  }
  45% {
    clip: rect(14rem, 50rem, 17rem, -25rem);
  }
  47.5% {
    clip: rect(25rem, 50rem, 5rem, -25rem);
  }
  50% {
    clip: rect(21rem, 50rem, 4rem, -25rem);
  }
  52.5% {
    clip: rect(4rem, 50rem, 20rem, -25rem);
  }
  55% {
    clip: rect(1rem, 50rem, 10rem, -25rem);
  }
  57.5% {
    clip: rect(13rem, 50rem, 21rem, -25rem);
  }
  60% {
    clip: rect(13rem, 50rem, 25rem, -25rem);
  }
  62.5% {
    clip: rect(2rem, 50rem, 22rem, -25rem);
  }
  65% {
    clip: rect(13rem, 50rem, 17rem, -25rem);
  }
  67.5% {
    clip: rect(9rem, 50rem, 12rem, -25rem);
  }
  70% {
    clip: rect(8rem, 50rem, 6rem, -25rem);
  }
  72.5% {
    clip: rect(22rem, 50rem, 23rem, -25rem);
  }
  75% {
    clip: rect(11rem, 50rem, 18rem, -25rem);
  }
  77.5% {
    clip: rect(10rem, 50rem, 16rem, -25rem);
  }
  80% {
    clip: rect(17rem, 50rem, 25rem, -25rem);
  }
  82.5% {
    clip: rect(17rem, 50rem, 17rem, -25rem);
  }
  85% {
    clip: rect(6rem, 50rem, 10rem, -25rem);
  }
  87.5% {
    clip: rect(19rem, 50rem, 12rem, -25rem);
  }
  90% {
    clip: rect(20rem, 50rem, 9rem, -25rem);
  }
  92.5% {
    clip: rect(7rem, 50rem, 19rem, -25rem);
  }
  95% {
    clip: rect(9rem, 50rem, 12rem, -25rem);
  }
  97.5% {
    clip: rect(19rem, 50rem, 17rem, -25rem);
  }
  100% {
    clip: rect(18rem, 50rem, 15rem, -25rem);
  }
}
@-webkit-keyframes btn_noise2 {
  0% {
    clip: rect(23rem, 50rem, 17rem, -25rem);
  }
  2.5% {
    clip: rect(19rem, 50rem, 20rem, -25rem);
  }
  5% {
    clip: rect(1rem, 50rem, 25rem, -25rem);
  }
  7.5% {
    clip: rect(11rem, 50rem, 15rem, -25rem);
  }
  10% {
    clip: rect(15rem, 50rem, 8rem, -25rem);
  }
  12.5% {
    clip: rect(13rem, 50rem, 17rem, -25rem);
  }
  15% {
    clip: rect(1rem, 50rem, 12rem, -25rem);
  }
  17.5% {
    clip: rect(9rem, 50rem, 19rem, -25rem);
  }
  20% {
    clip: rect(17rem, 50rem, 6rem, -25rem);
  }
  22.5% {
    clip: rect(24rem, 50rem, 21rem, -25rem);
  }
  25% {
    clip: rect(10rem, 50rem, 7rem, -25rem);
  }
  27.5% {
    clip: rect(8rem, 50rem, 10rem, -25rem);
  }
  30% {
    clip: rect(1rem, 50rem, 25rem, -25rem);
  }
  32.5% {
    clip: rect(21rem, 50rem, 8rem, -25rem);
  }
  35% {
    clip: rect(6rem, 50rem, 16rem, -25rem);
  }
  37.5% {
    clip: rect(24rem, 50rem, 20rem, -25rem);
  }
  40% {
    clip: rect(5rem, 50rem, 1rem, -25rem);
  }
  42.5% {
    clip: rect(15rem, 50rem, 17rem, -25rem);
  }
  45% {
    clip: rect(14rem, 50rem, 17rem, -25rem);
  }
  47.5% {
    clip: rect(25rem, 50rem, 5rem, -25rem);
  }
  50% {
    clip: rect(21rem, 50rem, 4rem, -25rem);
  }
  52.5% {
    clip: rect(4rem, 50rem, 20rem, -25rem);
  }
  55% {
    clip: rect(1rem, 50rem, 10rem, -25rem);
  }
  57.5% {
    clip: rect(13rem, 50rem, 21rem, -25rem);
  }
  60% {
    clip: rect(13rem, 50rem, 25rem, -25rem);
  }
  62.5% {
    clip: rect(2rem, 50rem, 22rem, -25rem);
  }
  65% {
    clip: rect(13rem, 50rem, 17rem, -25rem);
  }
  67.5% {
    clip: rect(9rem, 50rem, 12rem, -25rem);
  }
  70% {
    clip: rect(8rem, 50rem, 6rem, -25rem);
  }
  72.5% {
    clip: rect(22rem, 50rem, 23rem, -25rem);
  }
  75% {
    clip: rect(11rem, 50rem, 18rem, -25rem);
  }
  77.5% {
    clip: rect(10rem, 50rem, 16rem, -25rem);
  }
  80% {
    clip: rect(17rem, 50rem, 25rem, -25rem);
  }
  82.5% {
    clip: rect(17rem, 50rem, 17rem, -25rem);
  }
  85% {
    clip: rect(6rem, 50rem, 10rem, -25rem);
  }
  87.5% {
    clip: rect(19rem, 50rem, 12rem, -25rem);
  }
  90% {
    clip: rect(20rem, 50rem, 9rem, -25rem);
  }
  92.5% {
    clip: rect(7rem, 50rem, 19rem, -25rem);
  }
  95% {
    clip: rect(9rem, 50rem, 12rem, -25rem);
  }
  97.5% {
    clip: rect(19rem, 50rem, 17rem, -25rem);
  }
  100% {
    clip: rect(18rem, 50rem, 15rem, -25rem);
  }
}
@-moz-keyframes btn_noise2 {
  0% {
    clip: rect(23rem, 50rem, 17rem, -25rem);
  }
  2.5% {
    clip: rect(19rem, 50rem, 20rem, -25rem);
  }
  5% {
    clip: rect(1rem, 50rem, 25rem, -25rem);
  }
  7.5% {
    clip: rect(11rem, 50rem, 15rem, -25rem);
  }
  10% {
    clip: rect(15rem, 50rem, 8rem, -25rem);
  }
  12.5% {
    clip: rect(13rem, 50rem, 17rem, -25rem);
  }
  15% {
    clip: rect(1rem, 50rem, 12rem, -25rem);
  }
  17.5% {
    clip: rect(9rem, 50rem, 19rem, -25rem);
  }
  20% {
    clip: rect(17rem, 50rem, 6rem, -25rem);
  }
  22.5% {
    clip: rect(24rem, 50rem, 21rem, -25rem);
  }
  25% {
    clip: rect(10rem, 50rem, 7rem, -25rem);
  }
  27.5% {
    clip: rect(8rem, 50rem, 10rem, -25rem);
  }
  30% {
    clip: rect(1rem, 50rem, 25rem, -25rem);
  }
  32.5% {
    clip: rect(21rem, 50rem, 8rem, -25rem);
  }
  35% {
    clip: rect(6rem, 50rem, 16rem, -25rem);
  }
  37.5% {
    clip: rect(24rem, 50rem, 20rem, -25rem);
  }
  40% {
    clip: rect(5rem, 50rem, 1rem, -25rem);
  }
  42.5% {
    clip: rect(15rem, 50rem, 17rem, -25rem);
  }
  45% {
    clip: rect(14rem, 50rem, 17rem, -25rem);
  }
  47.5% {
    clip: rect(25rem, 50rem, 5rem, -25rem);
  }
  50% {
    clip: rect(21rem, 50rem, 4rem, -25rem);
  }
  52.5% {
    clip: rect(4rem, 50rem, 20rem, -25rem);
  }
  55% {
    clip: rect(1rem, 50rem, 10rem, -25rem);
  }
  57.5% {
    clip: rect(13rem, 50rem, 21rem, -25rem);
  }
  60% {
    clip: rect(13rem, 50rem, 25rem, -25rem);
  }
  62.5% {
    clip: rect(2rem, 50rem, 22rem, -25rem);
  }
  65% {
    clip: rect(13rem, 50rem, 17rem, -25rem);
  }
  67.5% {
    clip: rect(9rem, 50rem, 12rem, -25rem);
  }
  70% {
    clip: rect(8rem, 50rem, 6rem, -25rem);
  }
  72.5% {
    clip: rect(22rem, 50rem, 23rem, -25rem);
  }
  75% {
    clip: rect(11rem, 50rem, 18rem, -25rem);
  }
  77.5% {
    clip: rect(10rem, 50rem, 16rem, -25rem);
  }
  80% {
    clip: rect(17rem, 50rem, 25rem, -25rem);
  }
  82.5% {
    clip: rect(17rem, 50rem, 17rem, -25rem);
  }
  85% {
    clip: rect(6rem, 50rem, 10rem, -25rem);
  }
  87.5% {
    clip: rect(19rem, 50rem, 12rem, -25rem);
  }
  90% {
    clip: rect(20rem, 50rem, 9rem, -25rem);
  }
  92.5% {
    clip: rect(7rem, 50rem, 19rem, -25rem);
  }
  95% {
    clip: rect(9rem, 50rem, 12rem, -25rem);
  }
  97.5% {
    clip: rect(19rem, 50rem, 17rem, -25rem);
  }
  100% {
    clip: rect(18rem, 50rem, 15rem, -25rem);
  }
}
@-o-keyframes btn_noise2 {
  0% {
    clip: rect(23rem, 50rem, 17rem, -25rem);
  }
  2.5% {
    clip: rect(19rem, 50rem, 20rem, -25rem);
  }
  5% {
    clip: rect(1rem, 50rem, 25rem, -25rem);
  }
  7.5% {
    clip: rect(11rem, 50rem, 15rem, -25rem);
  }
  10% {
    clip: rect(15rem, 50rem, 8rem, -25rem);
  }
  12.5% {
    clip: rect(13rem, 50rem, 17rem, -25rem);
  }
  15% {
    clip: rect(1rem, 50rem, 12rem, -25rem);
  }
  17.5% {
    clip: rect(9rem, 50rem, 19rem, -25rem);
  }
  20% {
    clip: rect(17rem, 50rem, 6rem, -25rem);
  }
  22.5% {
    clip: rect(24rem, 50rem, 21rem, -25rem);
  }
  25% {
    clip: rect(10rem, 50rem, 7rem, -25rem);
  }
  27.5% {
    clip: rect(8rem, 50rem, 10rem, -25rem);
  }
  30% {
    clip: rect(1rem, 50rem, 25rem, -25rem);
  }
  32.5% {
    clip: rect(21rem, 50rem, 8rem, -25rem);
  }
  35% {
    clip: rect(6rem, 50rem, 16rem, -25rem);
  }
  37.5% {
    clip: rect(24rem, 50rem, 20rem, -25rem);
  }
  40% {
    clip: rect(5rem, 50rem, 1rem, -25rem);
  }
  42.5% {
    clip: rect(15rem, 50rem, 17rem, -25rem);
  }
  45% {
    clip: rect(14rem, 50rem, 17rem, -25rem);
  }
  47.5% {
    clip: rect(25rem, 50rem, 5rem, -25rem);
  }
  50% {
    clip: rect(21rem, 50rem, 4rem, -25rem);
  }
  52.5% {
    clip: rect(4rem, 50rem, 20rem, -25rem);
  }
  55% {
    clip: rect(1rem, 50rem, 10rem, -25rem);
  }
  57.5% {
    clip: rect(13rem, 50rem, 21rem, -25rem);
  }
  60% {
    clip: rect(13rem, 50rem, 25rem, -25rem);
  }
  62.5% {
    clip: rect(2rem, 50rem, 22rem, -25rem);
  }
  65% {
    clip: rect(13rem, 50rem, 17rem, -25rem);
  }
  67.5% {
    clip: rect(9rem, 50rem, 12rem, -25rem);
  }
  70% {
    clip: rect(8rem, 50rem, 6rem, -25rem);
  }
  72.5% {
    clip: rect(22rem, 50rem, 23rem, -25rem);
  }
  75% {
    clip: rect(11rem, 50rem, 18rem, -25rem);
  }
  77.5% {
    clip: rect(10rem, 50rem, 16rem, -25rem);
  }
  80% {
    clip: rect(17rem, 50rem, 25rem, -25rem);
  }
  82.5% {
    clip: rect(17rem, 50rem, 17rem, -25rem);
  }
  85% {
    clip: rect(6rem, 50rem, 10rem, -25rem);
  }
  87.5% {
    clip: rect(19rem, 50rem, 12rem, -25rem);
  }
  90% {
    clip: rect(20rem, 50rem, 9rem, -25rem);
  }
  92.5% {
    clip: rect(7rem, 50rem, 19rem, -25rem);
  }
  95% {
    clip: rect(9rem, 50rem, 12rem, -25rem);
  }
  97.5% {
    clip: rect(19rem, 50rem, 17rem, -25rem);
  }
  100% {
    clip: rect(18rem, 50rem, 15rem, -25rem);
  }
}
@keyframes btn_ring {
  0% {
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0), 0 0 30px white;
  }
  100% {
    box-shadow: inset 0 0 0 20px white, 0 0 30px white;
  }
}
@-moz-keyframes btn_ring {
  0% {
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0), 0 0 30px white;
  }
  100% {
    box-shadow: inset 0 0 0 20px white, 0 0 30px white;
  }
}
@-webkit-keyframes btn_ring {
  0% {
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0), 0 0 30px white;
  }
  100% {
    box-shadow: inset 0 0 0 20px white, 0 0 30px white;
  }
}
@-o-keyframes btn_ring {
  0% {
    box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0), 0 0 30px white;
  }
  100% {
    box-shadow: inset 0 0 0 20px white, 0 0 30px white;
  }
}
.btn {
  border-radius: 50%;
  transition: transform 0.5s cubic-bezier(1, 0, 0.5, -1) 0.25s, box-shadow 0.5s cubic-bezier(1, -5, 0.5, 5) 0.25s;
  transform: scale(0.5);
  -webkit-animation: btn_noise 3s ease-in-out 1, btn_ring 1s ease-in-out 3s 1;
  -moz-animation: btn_noise 3s ease-in-out 1, btn_ring 1s ease-in-out 3s 1;
  -ms-animation: btn_noise 3s ease-in-out 1, btn_ring 1s ease-in-out 3s 1;
  -o-animation: btn_noise 3s ease-in-out 1, btn_ring 1s ease-in-out 3s 1;
  animation: btn_noise 3s ease-in-out 1, btn_ring 1s ease-in-out 3s 1;
  box-shadow: inset 0 0 0 20px white, 0 0 30px white;
  left: 50%;
  top: 50%;
  margin: -12.5rem;
  width: 25rem;
  height: 25rem;
  position: absolute;
  cursor: pointer;
}

@media screen and (max-width: 900px) {
  .scene-button {
    position: fixed;
    inset: 0;
  }

  .btn {
    left: 50%;
    top: calc(50% + ((env(safe-area-inset-bottom) - env(safe-area-inset-top)) / 2));
    margin: -12.5rem;
    position: absolute;
  }
}
.hello{
  color:white;
  text-align:center;
  font-size:35px !important;
  position:absolute;
  width:400px;
  pointer-events:none;
  margin-top:160px;
  display:none;
}
.hello span{
  color:#ff4d17;
  font-family: "Oswald", sans-serif;
}
.btn::before, .btn::after {
  opacity: 0;
  content: "";
  position: absolute;
  width: 31rem;
  height: 29rem;
  margin: -2rem -3rem -2rem -3rem;
  border-radius: 50%;
  z-index: -10;
}
.btn::before {
  box-shadow: 0 -15px 30px -15px rgba(155, 93, 93, 0.8), -25px 15px 50px -25px rgba(155, 93, 93, 0.2), 0 -25px 15px -20px rgba(155, 93, 93, 0.3);
}
.btn::after {
  box-shadow: 0 -25px 20px -15px rgba(105, 93, 155, 0.2), 10px 25px 15px -30px white, -10px 30px 20px -30px rgba(97, 93, 155, 0.3);
}

.btn-info {
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  opacity: 0;
  background-size: 12.5rem 12.5rem;
  position: absolute;
  width: inherit;
  height: inherit;
}
/* Only rendered when the contact has their own photo (see index.php) —
   .btn-flip takes over .btn-info's reveal-on-.go job (same scale/opacity/
   delay). The front face (contact photo) sits underneath as the base
   layer; the back face (.btn-info itself, default photo + text) sits on
   top with its visible area clipped to a tiny circle at its own center,
   which grows to cover the whole disc a couple seconds after the reveal
   finishes (driven from discover_new.js, via .is-open) — an iris/aperture
   opening onto the default photo+text, uncovering the contact photo
   underneath as it grows. No rotation involved, so .btn's own box-shadow
   glow (unlike an earlier 3D-flip version of this) never needs touching —
   nothing about it looks "disconnected" when nothing is actually turning. */
.btn-flip {
  border-radius: 50%;
  transform: scale(0);
  transition: all 0.3s ease-in-out;
  overflow: hidden;
  opacity: 0;
  position: absolute;
  width: inherit;
  height: inherit;
}
.btn.go .btn-flip {
  transform: scale(1);
  transition-delay: 1.75s;
  opacity: 1;
}
.btn-flip__front {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  overflow: hidden;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7)), var(--btn-photo);
  background-size: cover;
  background-position: center;
}
/* .btn-info's own scale/opacity reveal is redundant once it's the iris's
   back layer — .btn-flip (the parent) already handles that — and its
   background needs to be pinned to the default photo specifically rather
   than var(--btn-photo, default), since that variable is what the front
   face uses for the contact's own photo. Both overrides need to beat
   .btn-info / .btn.go .btn-info on specificity, hence the doubled-up
   selector. .btn-info's own transition is deliberately left alone (not
   overridden) — a static resting value, nothing animates it before
   .btn_white/.btn_shrink later in the #btn_click sequence, which still
   needs it. clip-path starts at a single point dead center and grows to
   ~51% (a touch past the inscribed circle's true 50% radius, so rounding
   never leaves a sliver of the front photo peeking through at full open). */
.btn-info.btn-flip__back,
.btn.go .btn-info.btn-flip__back {
  position: absolute;
  inset: 0;
  opacity: 1;
  clip-path: circle(0% at 50% 50%);
  transition: clip-path 0.9s cubic-bezier(0.4, 0.2, 0.1, 0.9);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.7)), url('https://twominds.tech/wp-content/uploads/2023/02/DSC_2420FINALBFINAL-scaled.jpg');
  background-size: cover;
  background-position: center;
}
.btn-flip.is-open .btn-info.btn-flip__back {
  clip-path: circle(51% at 50% 50%);
}

.btn-h1, .btn-button, .btn-button::after, .btn-button:active::after {
  font-family: "Oswald", sans-serif;
  font-weight: 400;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2px;
}

.btn-h1 {
  clip: rect(0, 20rem, 20rem, 0);
  font-size: 1.7em;
  padding-top: 100px;
  left: 23%;
  color: white;
  text-align:center;
}

.btn-h1_thin {
  font-size: 2em;
  font-family: "Oswald", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.btn-line {
  transition: all 1s ease-in-out;
  margin: 10.5rem 3rem 2.5rem;
  border-top: 1px solid white;
  width: 0;
  margin-top:20px !important;
}

.btn-copy {
  font-size: 1rem;
  font-family: "Oswald", sans-;
  font-weight: 300;
  color: white;
  text-align: center;
  margin-bottom: 1.5rem;
  padding-top:0px !important;
  padding-bottom:0px !important;
  padding:50px;
}

.btn-button {
  transition: all 0.1s ease-in-out;
  font-style: normal;
  font-size: 0.8rem;
  color: white;
  border: 1px solid white;
  width: 5rem;
  padding: 0.5rem;
  margin: 0 auto;
  display: block;
  position: relative;
}
.btn-button::before {
  transition: all 0.1s ease-in-out;
  content: "";
  opacity: 0;
  position: absolute;
  width: 5rem;
  padding: 0.5rem;
  top: 0%;
  left: 0%;
  height: 56%;
}

.btn-button:hover {
  width: 7rem;
}
.btn-button:hover::after {
  opacity: 1;
}

.btn-button:active {
  background-color: white;
}
.btn-button:active::before {
  opacity: 0;
}
.btn-button:active::after {
  text-shadow: 0 0 1px white, 0 1px 2px rgba(255, 255, 255, 0.5);
  transition: all 0.1s ease-in-out;
  font-size: 1.5rem;
  position: absolute;
  top: 0%;
  left: 20%;
}

#skip{
  transition:0.5s;
}

#skip.hidden{
  opacity:0;
  pointer-events:none;
}

#skip, #presskit{
  position:fixed;
  bottom:10px;
  right:10px;
  display:inline-block;
  padding:10px;
  color:white;
  cursor:pointer;
  opacity:0.7;
  z-index:4;
}

#presskit{
  left:10px !important;
  bottom:10px !important;
  right:auto;
  z-index:1;
}

#skip:hover, #presskit:hover{
  opacity:1;
}

#skip img, #presskit img{
  width:20px;
  margin-right:10px;
}

@media screen and (max-width: 480px) {
  #skip {
    bottom: 48px;
  }
}

@keyframes btn_stripe {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@-moz-keyframes btn_stripe {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@-webkit-keyframes btn_stripe {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@-o-keyframes btn_stripe {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
.btn.go {
  box-shadow: inset 0 0 0 0 rgba(255, 255, 255, 0), 0 0 30px #fff;
  transform: scale(1);
  transition-delay: 1.5s;
}
.btn.go::before {
  -webkit-animation: btn_spin 0.5s cubic-bezier(0.6, 0.2, 0, 0.8) infinite alternate, btn_fade 1.5s cubic-bezier(0.4, 0.2, 0.1, 0.7);
  -moz-animation: btn_spin 0.5s cubic-bezier(0.6, 0.2, 0, 0.8) infinite alternate, btn_fade 1.5s cubic-bezier(0.4, 0.2, 0.1, 0.7);
  -ms-animation: btn_spin 0.5s cubic-bezier(0.6, 0.2, 0, 0.8) infinite alternate, btn_fade 1.5s cubic-bezier(0.4, 0.2, 0.1, 0.7);
  -o-animation: btn_spin 0.5s cubic-bezier(0.6, 0.2, 0, 0.8) infinite alternate, btn_fade 1.5s cubic-bezier(0.4, 0.2, 0.1, 0.7);
  animation: btn_spin 0.5s cubic-bezier(0.6, 0.2, 0, 0.8) infinite alternate, btn_fade 1.5s cubic-bezier(0.4, 0.2, 0.1, 0.7);
}
.btn.go::after {
  -webkit-animation: btn_spin 1s cubic-bezier(0.4, 0.2, 0.1, 0.7) 0.25s infinite alternate, btn_fade 1.5s cubic-bezier(0.4, 0.2, 0.1, 0.7);
  -moz-animation: btn_spin 1s cubic-bezier(0.4, 0.2, 0.1, 0.7) 0.25s infinite alternate, btn_fade 1.5s cubic-bezier(0.4, 0.2, 0.1, 0.7);
  -ms-animation: btn_spin 1s cubic-bezier(0.4, 0.2, 0.1, 0.7) 0.25s infinite alternate, btn_fade 1.5s cubic-bezier(0.4, 0.2, 0.1, 0.7);
  -o-animation: btn_spin 1s cubic-bezier(0.4, 0.2, 0.1, 0.7) 0.25s infinite alternate, btn_fade 1.5s cubic-bezier(0.4, 0.2, 0.1, 0.7);
  animation: btn_spin 1s cubic-bezier(0.4, 0.2, 0.1, 0.7) 0.25s infinite alternate, btn_fade 1.5s cubic-bezier(0.4, 0.2, 0.1, 0.7);
}
.btn.go .btn-info {
  transform: scale(1);
  transition-delay: 1.75s;
  opacity: 1;
  /* --btn-photo is set inline on .btn when the contact has their own
     background image, replacing the default duo photo entirely instead
     of adding a separate badge on top of it. */
  background:linear-gradient(to bottom, rgba(0,0,0, 0.3), rgba(0,0,0, 0.7)),var(--btn-photo, url('https://twominds.tech/wp-content/uploads/2023/02/DSC_2420FINALBFINAL-scaled.jpg'));
  background-size:cover;
  background-position:center;
}
.btn.go .btn-h1 {
  -webkit-animation: btn_noise2 4s 1 linear alternate-reverse;
  -moz-animation: btn_noise2 4s 1 linear alternate-reverse;
  -ms-animation: btn_noise2 4s 1 linear alternate-reverse;
  -o-animation: btn_noise2 4s 1 linear alternate-reverse;
  animation: btn_noise2 4s 1 linear alternate-reverse;
  left: 23%;
}
.btn.go .btn-line {
  transition-delay: 1.75s;
  width: 19rem;
  margin: 10.5rem 3rem 1rem;
}

@keyframes btn_spin {
  100% {
    transform: rotate(360deg) scale(1.5);
  }
}
@-moz-keyframes btn_spin {
  100% {
    transform: rotate(360deg) scale(1.5);
  }
}
@-webkit-keyframes btn_spin {
  100% {
    transform: rotate(360deg) scale(1.5);
  }
}
@-o-keyframes btn_spin {
  100% {
    transform: rotate(360deg) scale(1.5);
  }
}
@keyframes btn_fade {
  0% {
    opacity: 1;
  }
  40% {
    opacity: .2;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes btn_fade {
  0% {
    opacity: 1;
  }
  40% {
    opacity: .2;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes btn_fade {
  0% {
    opacity: 1;
  }
  40% {
    opacity: .2;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes btn_fade {
  0% {
    opacity: 1;
  }
  40% {
    opacity: .2;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes btn-bg_size {
  100% {
    background-size: 2.5rem 2.5rem;
  }
}
@-moz-keyframes btn-bg_size {
  100% {
    background-size: 2.5rem 2.5rem;
  }
}
@-webkit-keyframes btn-bg_size {
  100% {
    background-size: 2.5rem 2.5rem;
  }
}
@-o-keyframes btn-bg_size {
  100% {
    background-size: 2.5rem 2.5rem;
  }
}
@keyframes btn-bg_positon {
  0% {
    background-position: left top;
  }
  25% {
    background-position: right top;
  }
  50% {
    background-position: right bottom;
  }
  75% {
    background-position: left bottom;
  }
}
@-moz-keyframes btn-bg_positon {
  0% {
    background-position: left top;
  }
  25% {
    background-position: right top;
  }
  50% {
    background-position: right bottom;
  }
  75% {
    background-position: left bottom;
  }
}
@-webkit-keyframes btn-bg_positon {
  0% {
    background-position: left top;
  }
  25% {
    background-position: right top;
  }
  50% {
    background-position: right bottom;
  }
  75% {
    background-position: left bottom;
  }
}
@-o-keyframes btn-bg_positon {
  0% {
    background-position: left top;
  }
  25% {
    background-position: right top;
  }
  50% {
    background-position: right bottom;
  }
  75% {
    background-position: left bottom;
  }
}
.btn_ghost {
  -webkit-animation: btn_ghost 0.3s ease-in-out 2 alternate;
  -moz-animation: btn_ghost 0.3s ease-in-out 2 alternate;
  -ms-animation: btn_ghost 0.3s ease-in-out 2 alternate;
  -o-animation: btn_ghost 0.3s ease-in-out 2 alternate;
  animation: btn_ghost 0.3s ease-in-out 2 alternate;
  transition: all 0.3s ease-in-out;
  transition-delay: 0.8s;
  opacity: 0;
}

.btn-h1 span {
  animation-delay: 0.05s;
}

.btn-h1 span > span {
  animation-delay: 0.1s;
}

.btn-h1 span > span > span {
  animation-delay: 0.15s;
}

.btn-h1 span > span > span > span {
  animation-delay: 0.2s;
}

.btn-h1 span > span > span > span > span {
  animation-delay: 0.25s;
}

.btn-h1 span > span > span > span > span > span {
  animation-delay: 0.3s;
}

.btn-h1 span > span > span > span > span > span > span {
  animation-delay: 0.35s;
}

.btn-h1 span > span > span > span > span > span > span > span {
  animation-delay: 0.4s;
}

@keyframes btn_ghost {
  100% {
    text-shadow: 5rem 0 20rem black;
  }
}
@-moz-keyframes btn_ghost {
  100% {
    text-shadow: 5rem 0 20rem black;
  }
}
@-webkit-keyframes btn_ghost {
  100% {
    text-shadow: 5rem 0 20rem black;
  }
}
@-o-keyframes btn_ghost {
  100% {
    text-shadow: 5rem 0 20rem black;
  }
}
.btn_gone {
  transition: all 0.2s ease-in-out;
  transition-delay: 0s !important;
  transform: translateY(1rem) rotateX(90deg);
  opacity: 0 !important;
}

.btn_white {
  transition-delay: 0s !important;
  background: white !important;
}

.btn_shrink {
  transition: all 0.4s ease-in-out;
  transition-delay: 0.4s !important;
  background: white !important;
  transform: scale(0) !important;
  opacity: 0 !important;
}

.scene-spinner {
  margin: auto;
  height: 100%;
  display: none;
}

.spn-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
}

.spn-spinner {
  position: relative;
}

.spn-a {
  display: block;
  position: absolute;
  opacity: 0;
}
.spn-a .spn-b {
  display: block;
  width: 0.25rem;
  height: 0.25rem;
  background: white;
  border-radius: 50%;
  box-shadow: 0 0 1rem white;
  -webkit-animation: spn_spin 1s infinite ease-in-out;
  -moz-animation: spn_spin 1s infinite ease-in-out;
  -ms-animation: spn_spin 1s infinite ease-in-out;
  -o-animation: spn_spin 1s infinite ease-in-out;
  animation: spn_spin 1s infinite ease-in-out;
}

@keyframes spn_out1 {
  30%, 100% {
    transform: rotateZ(3.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out1 {
  30%, 100% {
    transform: rotateZ(3.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out1 {
  30%, 100% {
    transform: rotateZ(3.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out1 {
  30%, 100% {
    transform: rotateZ(3.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(1) {
  -webkit-animation: spn_out1 2s 2 alternate ease-in-out;
  -moz-animation: spn_out1 2s 2 alternate ease-in-out;
  -ms-animation: spn_out1 2s 2 alternate ease-in-out;
  -o-animation: spn_out1 2s 2 alternate ease-in-out;
  animation: spn_out1 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(1) .spn-b {
  animation-delay: 0.01s;
}

@keyframes spn_out2 {
  30%, 100% {
    transform: rotateZ(7.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out2 {
  30%, 100% {
    transform: rotateZ(7.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out2 {
  30%, 100% {
    transform: rotateZ(7.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out2 {
  30%, 100% {
    transform: rotateZ(7.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(2) {
  -webkit-animation: spn_out2 2s 2 alternate ease-in-out;
  -moz-animation: spn_out2 2s 2 alternate ease-in-out;
  -ms-animation: spn_out2 2s 2 alternate ease-in-out;
  -o-animation: spn_out2 2s 2 alternate ease-in-out;
  animation: spn_out2 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(2) .spn-b {
  animation-delay: 0.02s;
}

@keyframes spn_out3 {
  30%, 100% {
    transform: rotateZ(10.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out3 {
  30%, 100% {
    transform: rotateZ(10.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out3 {
  30%, 100% {
    transform: rotateZ(10.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out3 {
  30%, 100% {
    transform: rotateZ(10.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(3) {
  -webkit-animation: spn_out3 2s 2 alternate ease-in-out;
  -moz-animation: spn_out3 2s 2 alternate ease-in-out;
  -ms-animation: spn_out3 2s 2 alternate ease-in-out;
  -o-animation: spn_out3 2s 2 alternate ease-in-out;
  animation: spn_out3 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(3) .spn-b {
  animation-delay: 0.03s;
}

@keyframes spn_out4 {
  30%, 100% {
    transform: rotateZ(14.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out4 {
  30%, 100% {
    transform: rotateZ(14.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out4 {
  30%, 100% {
    transform: rotateZ(14.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out4 {
  30%, 100% {
    transform: rotateZ(14.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(4) {
  -webkit-animation: spn_out4 2s 2 alternate ease-in-out;
  -moz-animation: spn_out4 2s 2 alternate ease-in-out;
  -ms-animation: spn_out4 2s 2 alternate ease-in-out;
  -o-animation: spn_out4 2s 2 alternate ease-in-out;
  animation: spn_out4 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(4) .spn-b {
  animation-delay: 0.04s;
}

@keyframes spn_out5 {
  30%, 100% {
    transform: rotateZ(18deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out5 {
  30%, 100% {
    transform: rotateZ(18deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out5 {
  30%, 100% {
    transform: rotateZ(18deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out5 {
  30%, 100% {
    transform: rotateZ(18deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(5) {
  -webkit-animation: spn_out5 2s 2 alternate ease-in-out;
  -moz-animation: spn_out5 2s 2 alternate ease-in-out;
  -ms-animation: spn_out5 2s 2 alternate ease-in-out;
  -o-animation: spn_out5 2s 2 alternate ease-in-out;
  animation: spn_out5 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(5) .spn-b {
  animation-delay: 0.05s;
}

@keyframes spn_out6 {
  30%, 100% {
    transform: rotateZ(21.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out6 {
  30%, 100% {
    transform: rotateZ(21.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out6 {
  30%, 100% {
    transform: rotateZ(21.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out6 {
  30%, 100% {
    transform: rotateZ(21.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(6) {
  -webkit-animation: spn_out6 2s 2 alternate ease-in-out;
  -moz-animation: spn_out6 2s 2 alternate ease-in-out;
  -ms-animation: spn_out6 2s 2 alternate ease-in-out;
  -o-animation: spn_out6 2s 2 alternate ease-in-out;
  animation: spn_out6 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(6) .spn-b {
  animation-delay: 0.06s;
}

@keyframes spn_out7 {
  30%, 100% {
    transform: rotateZ(25.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out7 {
  30%, 100% {
    transform: rotateZ(25.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out7 {
  30%, 100% {
    transform: rotateZ(25.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out7 {
  30%, 100% {
    transform: rotateZ(25.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(7) {
  -webkit-animation: spn_out7 2s 2 alternate ease-in-out;
  -moz-animation: spn_out7 2s 2 alternate ease-in-out;
  -ms-animation: spn_out7 2s 2 alternate ease-in-out;
  -o-animation: spn_out7 2s 2 alternate ease-in-out;
  animation: spn_out7 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(7) .spn-b {
  animation-delay: 0.07s;
}

@keyframes spn_out8 {
  30%, 100% {
    transform: rotateZ(28.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out8 {
  30%, 100% {
    transform: rotateZ(28.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out8 {
  30%, 100% {
    transform: rotateZ(28.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out8 {
  30%, 100% {
    transform: rotateZ(28.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(8) {
  -webkit-animation: spn_out8 2s 2 alternate ease-in-out;
  -moz-animation: spn_out8 2s 2 alternate ease-in-out;
  -ms-animation: spn_out8 2s 2 alternate ease-in-out;
  -o-animation: spn_out8 2s 2 alternate ease-in-out;
  animation: spn_out8 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(8) .spn-b {
  animation-delay: 0.08s;
}

@keyframes spn_out9 {
  30%, 100% {
    transform: rotateZ(32.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out9 {
  30%, 100% {
    transform: rotateZ(32.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out9 {
  30%, 100% {
    transform: rotateZ(32.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out9 {
  30%, 100% {
    transform: rotateZ(32.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(9) {
  -webkit-animation: spn_out9 2s 2 alternate ease-in-out;
  -moz-animation: spn_out9 2s 2 alternate ease-in-out;
  -ms-animation: spn_out9 2s 2 alternate ease-in-out;
  -o-animation: spn_out9 2s 2 alternate ease-in-out;
  animation: spn_out9 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(9) .spn-b {
  animation-delay: 0.09s;
}

@keyframes spn_out10 {
  30%, 100% {
    transform: rotateZ(36deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out10 {
  30%, 100% {
    transform: rotateZ(36deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out10 {
  30%, 100% {
    transform: rotateZ(36deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out10 {
  30%, 100% {
    transform: rotateZ(36deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(10) {
  -webkit-animation: spn_out10 2s 2 alternate ease-in-out;
  -moz-animation: spn_out10 2s 2 alternate ease-in-out;
  -ms-animation: spn_out10 2s 2 alternate ease-in-out;
  -o-animation: spn_out10 2s 2 alternate ease-in-out;
  animation: spn_out10 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(10) .spn-b {
  animation-delay: 0.1s;
}

@keyframes spn_out11 {
  30%, 100% {
    transform: rotateZ(39.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out11 {
  30%, 100% {
    transform: rotateZ(39.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out11 {
  30%, 100% {
    transform: rotateZ(39.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out11 {
  30%, 100% {
    transform: rotateZ(39.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(11) {
  -webkit-animation: spn_out11 2s 2 alternate ease-in-out;
  -moz-animation: spn_out11 2s 2 alternate ease-in-out;
  -ms-animation: spn_out11 2s 2 alternate ease-in-out;
  -o-animation: spn_out11 2s 2 alternate ease-in-out;
  animation: spn_out11 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(11) .spn-b {
  animation-delay: 0.11s;
}

@keyframes spn_out12 {
  30%, 100% {
    transform: rotateZ(43.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out12 {
  30%, 100% {
    transform: rotateZ(43.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out12 {
  30%, 100% {
    transform: rotateZ(43.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out12 {
  30%, 100% {
    transform: rotateZ(43.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(12) {
  -webkit-animation: spn_out12 2s 2 alternate ease-in-out;
  -moz-animation: spn_out12 2s 2 alternate ease-in-out;
  -ms-animation: spn_out12 2s 2 alternate ease-in-out;
  -o-animation: spn_out12 2s 2 alternate ease-in-out;
  animation: spn_out12 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(12) .spn-b {
  animation-delay: 0.12s;
}

@keyframes spn_out13 {
  30%, 100% {
    transform: rotateZ(46.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out13 {
  30%, 100% {
    transform: rotateZ(46.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out13 {
  30%, 100% {
    transform: rotateZ(46.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out13 {
  30%, 100% {
    transform: rotateZ(46.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(13) {
  -webkit-animation: spn_out13 2s 2 alternate ease-in-out;
  -moz-animation: spn_out13 2s 2 alternate ease-in-out;
  -ms-animation: spn_out13 2s 2 alternate ease-in-out;
  -o-animation: spn_out13 2s 2 alternate ease-in-out;
  animation: spn_out13 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(13) .spn-b {
  animation-delay: 0.13s;
}

@keyframes spn_out14 {
  30%, 100% {
    transform: rotateZ(50.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out14 {
  30%, 100% {
    transform: rotateZ(50.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out14 {
  30%, 100% {
    transform: rotateZ(50.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out14 {
  30%, 100% {
    transform: rotateZ(50.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(14) {
  -webkit-animation: spn_out14 2s 2 alternate ease-in-out;
  -moz-animation: spn_out14 2s 2 alternate ease-in-out;
  -ms-animation: spn_out14 2s 2 alternate ease-in-out;
  -o-animation: spn_out14 2s 2 alternate ease-in-out;
  animation: spn_out14 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(14) .spn-b {
  animation-delay: 0.14s;
}

@keyframes spn_out15 {
  30%, 100% {
    transform: rotateZ(54deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out15 {
  30%, 100% {
    transform: rotateZ(54deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out15 {
  30%, 100% {
    transform: rotateZ(54deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out15 {
  30%, 100% {
    transform: rotateZ(54deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(15) {
  -webkit-animation: spn_out15 2s 2 alternate ease-in-out;
  -moz-animation: spn_out15 2s 2 alternate ease-in-out;
  -ms-animation: spn_out15 2s 2 alternate ease-in-out;
  -o-animation: spn_out15 2s 2 alternate ease-in-out;
  animation: spn_out15 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(15) .spn-b {
  animation-delay: 0.15s;
}

@keyframes spn_out16 {
  30%, 100% {
    transform: rotateZ(57.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out16 {
  30%, 100% {
    transform: rotateZ(57.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out16 {
  30%, 100% {
    transform: rotateZ(57.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out16 {
  30%, 100% {
    transform: rotateZ(57.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(16) {
  -webkit-animation: spn_out16 2s 2 alternate ease-in-out;
  -moz-animation: spn_out16 2s 2 alternate ease-in-out;
  -ms-animation: spn_out16 2s 2 alternate ease-in-out;
  -o-animation: spn_out16 2s 2 alternate ease-in-out;
  animation: spn_out16 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(16) .spn-b {
  animation-delay: 0.16s;
}

@keyframes spn_out17 {
  30%, 100% {
    transform: rotateZ(61.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out17 {
  30%, 100% {
    transform: rotateZ(61.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out17 {
  30%, 100% {
    transform: rotateZ(61.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out17 {
  30%, 100% {
    transform: rotateZ(61.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(17) {
  -webkit-animation: spn_out17 2s 2 alternate ease-in-out;
  -moz-animation: spn_out17 2s 2 alternate ease-in-out;
  -ms-animation: spn_out17 2s 2 alternate ease-in-out;
  -o-animation: spn_out17 2s 2 alternate ease-in-out;
  animation: spn_out17 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(17) .spn-b {
  animation-delay: 0.17s;
}

@keyframes spn_out18 {
  30%, 100% {
    transform: rotateZ(64.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out18 {
  30%, 100% {
    transform: rotateZ(64.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out18 {
  30%, 100% {
    transform: rotateZ(64.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out18 {
  30%, 100% {
    transform: rotateZ(64.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(18) {
  -webkit-animation: spn_out18 2s 2 alternate ease-in-out;
  -moz-animation: spn_out18 2s 2 alternate ease-in-out;
  -ms-animation: spn_out18 2s 2 alternate ease-in-out;
  -o-animation: spn_out18 2s 2 alternate ease-in-out;
  animation: spn_out18 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(18) .spn-b {
  animation-delay: 0.18s;
}

@keyframes spn_out19 {
  30%, 100% {
    transform: rotateZ(68.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out19 {
  30%, 100% {
    transform: rotateZ(68.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out19 {
  30%, 100% {
    transform: rotateZ(68.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out19 {
  30%, 100% {
    transform: rotateZ(68.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(19) {
  -webkit-animation: spn_out19 2s 2 alternate ease-in-out;
  -moz-animation: spn_out19 2s 2 alternate ease-in-out;
  -ms-animation: spn_out19 2s 2 alternate ease-in-out;
  -o-animation: spn_out19 2s 2 alternate ease-in-out;
  animation: spn_out19 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(19) .spn-b {
  animation-delay: 0.19s;
}

@keyframes spn_out20 {
  30%, 100% {
    transform: rotateZ(72deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out20 {
  30%, 100% {
    transform: rotateZ(72deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out20 {
  30%, 100% {
    transform: rotateZ(72deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out20 {
  30%, 100% {
    transform: rotateZ(72deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(20) {
  -webkit-animation: spn_out20 2s 2 alternate ease-in-out;
  -moz-animation: spn_out20 2s 2 alternate ease-in-out;
  -ms-animation: spn_out20 2s 2 alternate ease-in-out;
  -o-animation: spn_out20 2s 2 alternate ease-in-out;
  animation: spn_out20 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(20) .spn-b {
  animation-delay: 0.2s;
}

@keyframes spn_out21 {
  30%, 100% {
    transform: rotateZ(75.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out21 {
  30%, 100% {
    transform: rotateZ(75.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out21 {
  30%, 100% {
    transform: rotateZ(75.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out21 {
  30%, 100% {
    transform: rotateZ(75.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(21) {
  -webkit-animation: spn_out21 2s 2 alternate ease-in-out;
  -moz-animation: spn_out21 2s 2 alternate ease-in-out;
  -ms-animation: spn_out21 2s 2 alternate ease-in-out;
  -o-animation: spn_out21 2s 2 alternate ease-in-out;
  animation: spn_out21 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(21) .spn-b {
  animation-delay: 0.21s;
}

@keyframes spn_out22 {
  30%, 100% {
    transform: rotateZ(79.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out22 {
  30%, 100% {
    transform: rotateZ(79.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out22 {
  30%, 100% {
    transform: rotateZ(79.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out22 {
  30%, 100% {
    transform: rotateZ(79.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(22) {
  -webkit-animation: spn_out22 2s 2 alternate ease-in-out;
  -moz-animation: spn_out22 2s 2 alternate ease-in-out;
  -ms-animation: spn_out22 2s 2 alternate ease-in-out;
  -o-animation: spn_out22 2s 2 alternate ease-in-out;
  animation: spn_out22 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(22) .spn-b {
  animation-delay: 0.22s;
}

@keyframes spn_out23 {
  30%, 100% {
    transform: rotateZ(82.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out23 {
  30%, 100% {
    transform: rotateZ(82.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out23 {
  30%, 100% {
    transform: rotateZ(82.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out23 {
  30%, 100% {
    transform: rotateZ(82.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(23) {
  -webkit-animation: spn_out23 2s 2 alternate ease-in-out;
  -moz-animation: spn_out23 2s 2 alternate ease-in-out;
  -ms-animation: spn_out23 2s 2 alternate ease-in-out;
  -o-animation: spn_out23 2s 2 alternate ease-in-out;
  animation: spn_out23 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(23) .spn-b {
  animation-delay: 0.23s;
}

@keyframes spn_out24 {
  30%, 100% {
    transform: rotateZ(86.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out24 {
  30%, 100% {
    transform: rotateZ(86.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out24 {
  30%, 100% {
    transform: rotateZ(86.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out24 {
  30%, 100% {
    transform: rotateZ(86.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(24) {
  -webkit-animation: spn_out24 2s 2 alternate ease-in-out;
  -moz-animation: spn_out24 2s 2 alternate ease-in-out;
  -ms-animation: spn_out24 2s 2 alternate ease-in-out;
  -o-animation: spn_out24 2s 2 alternate ease-in-out;
  animation: spn_out24 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(24) .spn-b {
  animation-delay: 0.24s;
}

@keyframes spn_out25 {
  30%, 100% {
    transform: rotateZ(90deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out25 {
  30%, 100% {
    transform: rotateZ(90deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out25 {
  30%, 100% {
    transform: rotateZ(90deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out25 {
  30%, 100% {
    transform: rotateZ(90deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(25) {
  -webkit-animation: spn_out25 2s 2 alternate ease-in-out;
  -moz-animation: spn_out25 2s 2 alternate ease-in-out;
  -ms-animation: spn_out25 2s 2 alternate ease-in-out;
  -o-animation: spn_out25 2s 2 alternate ease-in-out;
  animation: spn_out25 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(25) .spn-b {
  animation-delay: 0.25s;
}

@keyframes spn_out26 {
  30%, 100% {
    transform: rotateZ(93.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out26 {
  30%, 100% {
    transform: rotateZ(93.6deg) translateX(5em);
    opacity: 1;
  }
}@-webkit-keyframes spn_out26 {
  30%, 100% {
    transform: rotateZ(93.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out26 {
  30%, 100% {
    transform: rotateZ(93.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(26) {
  -webkit-animation: spn_out26 2s 2 alternate ease-in-out;
  -moz-animation: spn_out26 2s 2 alternate ease-in-out;
  -ms-animation: spn_out26 2s 2 alternate ease-in-out;
  -o-animation: spn_out26 2s 2 alternate ease-in-out;
  animation: spn_out26 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(26) .spn-b {
  animation-delay: 0.26s;
}

@keyframes spn_out27 {
  30%, 100% {
    transform: rotateZ(97.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out27 {
  30%, 100% {
    transform: rotateZ(97.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out27 {
  30%, 100% {
    transform: rotateZ(97.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out27 {
  30%, 100% {
    transform: rotateZ(97.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(27) {
  -webkit-animation: spn_out27 2s 2 alternate ease-in-out;
  -moz-animation: spn_out27 2s 2 alternate ease-in-out;
  -ms-animation: spn_out27 2s 2 alternate ease-in-out;
  -o-animation: spn_out27 2s 2 alternate ease-in-out;
  animation: spn_out27 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(27) .spn-b {
  animation-delay: 0.27s;
}

@keyframes spn_out28 {
  30%, 100% {
    transform: rotateZ(100.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out28 {
  30%, 100% {
    transform: rotateZ(100.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out28 {
  30%, 100% {
    transform: rotateZ(100.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out28 {
  30%, 100% {
    transform: rotateZ(100.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(28) {
  -webkit-animation: spn_out28 2s 2 alternate ease-in-out;
  -moz-animation: spn_out28 2s 2 alternate ease-in-out;
  -ms-animation: spn_out28 2s 2 alternate ease-in-out;
  -o-animation: spn_out28 2s 2 alternate ease-in-out;
  animation: spn_out28 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(28) .spn-b {
  animation-delay: 0.28s;
}

@keyframes spn_out29 {
  30%, 100% {
    transform: rotateZ(104.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out29 {
  30%, 100% {
    transform: rotateZ(104.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out29 {
  30%, 100% {
    transform: rotateZ(104.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out29 {
  30%, 100% {
    transform: rotateZ(104.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(29) {
  -webkit-animation: spn_out29 2s 2 alternate ease-in-out;
  -moz-animation: spn_out29 2s 2 alternate ease-in-out;
  -ms-animation: spn_out29 2s 2 alternate ease-in-out;
  -o-animation: spn_out29 2s 2 alternate ease-in-out;
  animation: spn_out29 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(29) .spn-b {
  animation-delay: 0.29s;
}

@keyframes spn_out30 {
  30%, 100% {
    transform: rotateZ(108deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out30 {
  30%, 100% {
    transform: rotateZ(108deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out30 {
  30%, 100% {
    transform: rotateZ(108deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out30 {
  30%, 100% {
    transform: rotateZ(108deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(30) {
  -webkit-animation: spn_out30 2s 2 alternate ease-in-out;
  -moz-animation: spn_out30 2s 2 alternate ease-in-out;
  -ms-animation: spn_out30 2s 2 alternate ease-in-out;
  -o-animation: spn_out30 2s 2 alternate ease-in-out;
  animation: spn_out30 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(30) .spn-b {
  animation-delay: 0.3s;
}

@keyframes spn_out31 {
  30%, 100% {
    transform: rotateZ(111.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out31 {
  30%, 100% {
    transform: rotateZ(111.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out31 {
  30%, 100% {
    transform: rotateZ(111.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out31 {
  30%, 100% {
    transform: rotateZ(111.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(31) {
  -webkit-animation: spn_out31 2s 2 alternate ease-in-out;
  -moz-animation: spn_out31 2s 2 alternate ease-in-out;
  -ms-animation: spn_out31 2s 2 alternate ease-in-out;
  -o-animation: spn_out31 2s 2 alternate ease-in-out;
  animation: spn_out31 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(31) .spn-b {
  animation-delay: 0.31s;
}

@keyframes spn_out32 {
  30%, 100% {
    transform: rotateZ(115.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out32 {
  30%, 100% {
    transform: rotateZ(115.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out32 {
  30%, 100% {
    transform: rotateZ(115.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out32 {
  30%, 100% {
    transform: rotateZ(115.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(32) {
  -webkit-animation: spn_out32 2s 2 alternate ease-in-out;
  -moz-animation: spn_out32 2s 2 alternate ease-in-out;
  -ms-animation: spn_out32 2s 2 alternate ease-in-out;
  -o-animation: spn_out32 2s 2 alternate ease-in-out;
  animation: spn_out32 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(32) .spn-b {
  animation-delay: 0.32s;
}

@keyframes spn_out33 {
  30%, 100% {
    transform: rotateZ(118.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out33 {
  30%, 100% {
    transform: rotateZ(118.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out33 {
  30%, 100% {
    transform: rotateZ(118.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out33 {
  30%, 100% {
    transform: rotateZ(118.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(33) {
  -webkit-animation: spn_out33 2s 2 alternate ease-in-out;
  -moz-animation: spn_out33 2s 2 alternate ease-in-out;
  -ms-animation: spn_out33 2s 2 alternate ease-in-out;
  -o-animation: spn_out33 2s 2 alternate ease-in-out;
  animation: spn_out33 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(33) .spn-b {
  animation-delay: 0.33s;
}

@keyframes spn_out34 {
  30%, 100% {
    transform: rotateZ(122.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out34 {
  30%, 100% {
    transform: rotateZ(122.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out34 {
  30%, 100% {
    transform: rotateZ(122.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out34 {
  30%, 100% {
    transform: rotateZ(122.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(34) {
  -webkit-animation: spn_out34 2s 2 alternate ease-in-out;
  -moz-animation: spn_out34 2s 2 alternate ease-in-out;
  -ms-animation: spn_out34 2s 2 alternate ease-in-out;
  -o-animation: spn_out34 2s 2 alternate ease-in-out;
  animation: spn_out34 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(34) .spn-b {
  animation-delay: 0.34s;
}

@keyframes spn_out35 {
  30%, 100% {
    transform: rotateZ(126deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out35 {
  30%, 100% {
    transform: rotateZ(126deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out35 {
  30%, 100% {
    transform: rotateZ(126deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out35 {
  30%, 100% {
    transform: rotateZ(126deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(35) {
  -webkit-animation: spn_out35 2s 2 alternate ease-in-out;
  -moz-animation: spn_out35 2s 2 alternate ease-in-out;
  -ms-animation: spn_out35 2s 2 alternate ease-in-out;
  -o-animation: spn_out35 2s 2 alternate ease-in-out;
  animation: spn_out35 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(35) .spn-b {
  animation-delay: 0.35s;
}

@keyframes spn_out36 {
  30%, 100% {
    transform: rotateZ(129.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out36 {
  30%, 100% {
    transform: rotateZ(129.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out36 {
  30%, 100% {
    transform: rotateZ(129.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out36 {
  30%, 100% {
    transform: rotateZ(129.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(36) {
  -webkit-animation: spn_out36 2s 2 alternate ease-in-out;
  -moz-animation: spn_out36 2s 2 alternate ease-in-out;
  -ms-animation: spn_out36 2s 2 alternate ease-in-out;
  -o-animation: spn_out36 2s 2 alternate ease-in-out;
  animation: spn_out36 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(36) .spn-b {
  animation-delay: 0.36s;
}

@keyframes spn_out37 {
  30%, 100% {
    transform: rotateZ(133.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out37 {
  30%, 100% {
    transform: rotateZ(133.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out37 {
  30%, 100% {
    transform: rotateZ(133.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out37 {
  30%, 100% {
    transform: rotateZ(133.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(37) {
  -webkit-animation: spn_out37 2s 2 alternate ease-in-out;
  -moz-animation: spn_out37 2s 2 alternate ease-in-out;
  -ms-animation: spn_out37 2s 2 alternate ease-in-out;
  -o-animation: spn_out37 2s 2 alternate ease-in-out;
  animation: spn_out37 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(37) .spn-b {
  animation-delay: 0.37s;
}

@keyframes spn_out38 {
  30%, 100% {
    transform: rotateZ(136.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out38 {
  30%, 100% {
    transform: rotateZ(136.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out38 {
  30%, 100% {
    transform: rotateZ(136.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out38 {
  30%, 100% {
    transform: rotateZ(136.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(38) {
  -webkit-animation: spn_out38 2s 2 alternate ease-in-out;
  -moz-animation: spn_out38 2s 2 alternate ease-in-out;
  -ms-animation: spn_out38 2s 2 alternate ease-in-out;
  -o-animation: spn_out38 2s 2 alternate ease-in-out;
  animation: spn_out38 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(38) .spn-b {
  animation-delay: 0.38s;
}

@keyframes spn_out39 {
  30%, 100% {
    transform: rotateZ(140.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out39 {
  30%, 100% {
    transform: rotateZ(140.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out39 {
  30%, 100% {
    transform: rotateZ(140.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out39 {
  30%, 100% {
    transform: rotateZ(140.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(39) {
  -webkit-animation: spn_out39 2s 2 alternate ease-in-out;
  -moz-animation: spn_out39 2s 2 alternate ease-in-out;
  -ms-animation: spn_out39 2s 2 alternate ease-in-out;
  -o-animation: spn_out39 2s 2 alternate ease-in-out;
  animation: spn_out39 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(39) .spn-b {
  animation-delay: 0.39s;
}

@keyframes spn_out40 {
  30%, 100% {
    transform: rotateZ(144deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out40 {
  30%, 100% {
    transform: rotateZ(144deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out40 {
  30%, 100% {
    transform: rotateZ(144deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out40 {
  30%, 100% {
    transform: rotateZ(144deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(40) {
  -webkit-animation: spn_out40 2s 2 alternate ease-in-out;
  -moz-animation: spn_out40 2s 2 alternate ease-in-out;
  -ms-animation: spn_out40 2s 2 alternate ease-in-out;
  -o-animation: spn_out40 2s 2 alternate ease-in-out;
  animation: spn_out40 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(40) .spn-b {
  animation-delay: 0.4s;
}

@keyframes spn_out41 {
  30%, 100% {
    transform: rotateZ(147.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out41 {
  30%, 100% {
    transform: rotateZ(147.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out41 {
  30%, 100% {
    transform: rotateZ(147.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out41 {
  30%, 100% {
    transform: rotateZ(147.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(41) {
  -webkit-animation: spn_out41 2s 2 alternate ease-in-out;
  -moz-animation: spn_out41 2s 2 alternate ease-in-out;
  -ms-animation: spn_out41 2s 2 alternate ease-in-out;
  -o-animation: spn_out41 2s 2 alternate ease-in-out;
  animation: spn_out41 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(41) .spn-b {
  animation-delay: 0.41s;
}

@keyframes spn_out42 {
  30%, 100% {
    transform: rotateZ(151.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out42 {
  30%, 100% {
    transform: rotateZ(151.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out42 {
  30%, 100% {
    transform: rotateZ(151.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out42 {
  30%, 100% {
    transform: rotateZ(151.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(42) {
  -webkit-animation: spn_out42 2s 2 alternate ease-in-out;
  -moz-animation: spn_out42 2s 2 alternate ease-in-out;
  -ms-animation: spn_out42 2s 2 alternate ease-in-out;
  -o-animation: spn_out42 2s 2 alternate ease-in-out;
  animation: spn_out42 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(42) .spn-b {
  animation-delay: 0.42s;
}

@keyframes spn_out43 {
  30%, 100% {
    transform: rotateZ(154.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out43 {
  30%, 100% {
    transform: rotateZ(154.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out43 {
  30%, 100% {
    transform: rotateZ(154.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out43 {
  30%, 100% {
    transform: rotateZ(154.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(43) {
  -webkit-animation: spn_out43 2s 2 alternate ease-in-out;
  -moz-animation: spn_out43 2s 2 alternate ease-in-out;
  -ms-animation: spn_out43 2s 2 alternate ease-in-out;
  -o-animation: spn_out43 2s 2 alternate ease-in-out;
  animation: spn_out43 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(43) .spn-b {
  animation-delay: 0.43s;
}

@keyframes spn_out44 {
  30%, 100% {
    transform: rotateZ(158.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out44 {
  30%, 100% {
    transform: rotateZ(158.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out44 {
  30%, 100% {
    transform: rotateZ(158.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out44 {
  30%, 100% {
    transform: rotateZ(158.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(44) {
  -webkit-animation: spn_out44 2s 2 alternate ease-in-out;
  -moz-animation: spn_out44 2s 2 alternate ease-in-out;
  -ms-animation: spn_out44 2s 2 alternate ease-in-out;
  -o-animation: spn_out44 2s 2 alternate ease-in-out;
  animation: spn_out44 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(44) .spn-b {
  animation-delay: 0.44s;
}

@keyframes spn_out45 {
  30%, 100% {
    transform: rotateZ(162deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out45 {
  30%, 100% {
    transform: rotateZ(162deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out45 {
  30%, 100% {
    transform: rotateZ(162deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out45 {
  30%, 100% {
    transform: rotateZ(162deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(45) {
  -webkit-animation: spn_out45 2s 2 alternate ease-in-out;
  -moz-animation: spn_out45 2s 2 alternate ease-in-out;
  -ms-animation: spn_out45 2s 2 alternate ease-in-out;
  -o-animation: spn_out45 2s 2 alternate ease-in-out;
  animation: spn_out45 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(45) .spn-b {
  animation-delay: 0.45s;
}

@keyframes spn_out46 {
  30%, 100% {
    transform: rotateZ(165.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out46 {
  30%, 100% {
    transform: rotateZ(165.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out46 {
  30%, 100% {
    transform: rotateZ(165.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out46 {
  30%, 100% {
    transform: rotateZ(165.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(46) {
  -webkit-animation: spn_out46 2s 2 alternate ease-in-out;
  -moz-animation: spn_out46 2s 2 alternate ease-in-out;
  -ms-animation: spn_out46 2s 2 alternate ease-in-out;
  -o-animation: spn_out46 2s 2 alternate ease-in-out;
  animation: spn_out46 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(46) .spn-b {
  animation-delay: 0.46s;
}

@keyframes spn_out47 {
  30%, 100% {
    transform: rotateZ(169.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out47 {
  30%, 100% {
    transform: rotateZ(169.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out47 {
  30%, 100% {
    transform: rotateZ(169.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out47 {
  30%, 100% {
    transform: rotateZ(169.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(47) {
  -webkit-animation: spn_out47 2s 2 alternate ease-in-out;
  -moz-animation: spn_out47 2s 2 alternate ease-in-out;
  -ms-animation: spn_out47 2s 2 alternate ease-in-out;
  -o-animation: spn_out47 2s 2 alternate ease-in-out;
  animation: spn_out47 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(47) .spn-b {
  animation-delay: 0.47s;
}

@keyframes spn_out48 {
  30%, 100% {
    transform: rotateZ(172.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out48 {
  30%, 100% {
    transform: rotateZ(172.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out48 {
  30%, 100% {
    transform: rotateZ(172.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out48 {
  30%, 100% {
    transform: rotateZ(172.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(48) {
  -webkit-animation: spn_out48 2s 2 alternate ease-in-out;
  -moz-animation: spn_out48 2s 2 alternate ease-in-out;
  -ms-animation: spn_out48 2s 2 alternate ease-in-out;
  -o-animation: spn_out48 2s 2 alternate ease-in-out;
  animation: spn_out48 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(48) .spn-b {
  animation-delay: 0.48s;
}

@keyframes spn_out49 {
  30%, 100% {
    transform: rotateZ(176.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out49 {
  30%, 100% {
    transform: rotateZ(176.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out49 {
  30%, 100% {
    transform: rotateZ(176.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out49 {
  30%, 100% {
    transform: rotateZ(176.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(49) {
  -webkit-animation: spn_out49 2s 2 alternate ease-in-out;
  -moz-animation: spn_out49 2s 2 alternate ease-in-out;
  -ms-animation: spn_out49 2s 2 alternate ease-in-out;
  -o-animation: spn_out49 2s 2 alternate ease-in-out;
  animation: spn_out49 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(49) .spn-b {
  animation-delay: 0.49s;
}

@keyframes spn_out50 {
  30%, 100% {
    transform: rotateZ(180deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out50 {
  30%, 100% {
    transform: rotateZ(180deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out50 {
  30%, 100% {
    transform: rotateZ(180deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out50 {
  30%, 100% {
    transform: rotateZ(180deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(50) {
  -webkit-animation: spn_out50 2s 2 alternate ease-in-out;
  -moz-animation: spn_out50 2s 2 alternate ease-in-out;
  -ms-animation: spn_out50 2s 2 alternate ease-in-out;
  -o-animation: spn_out50 2s 2 alternate ease-in-out;
  animation: spn_out50 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(50) .spn-b {
  animation-delay: 0.5s;
}

@keyframes spn_out51 {
  30%, 100% {
    transform: rotateZ(183.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out51 {
  30%, 100% {
    transform: rotateZ(183.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out51 {
  30%, 100% {
    transform: rotateZ(183.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out51 {
  30%, 100% {
    transform: rotateZ(183.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(51) {
  -webkit-animation: spn_out51 2s 2 alternate ease-in-out;
  -moz-animation: spn_out51 2s 2 alternate ease-in-out;
  -ms-animation: spn_out51 2s 2 alternate ease-in-out;
  -o-animation: spn_out51 2s 2 alternate ease-in-out;
  animation: spn_out51 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(51) .spn-b {
  animation-delay: 0.51s;
}

@keyframes spn_out52 {
  30%, 100% {
    transform: rotateZ(187.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out52 {
  30%, 100% {
    transform: rotateZ(187.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out52 {
  30%, 100% {
    transform: rotateZ(187.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out52 {
  30%, 100% {
    transform: rotateZ(187.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(52) {
  -webkit-animation: spn_out52 2s 2 alternate ease-in-out;
  -moz-animation: spn_out52 2s 2 alternate ease-in-out;
  -ms-animation: spn_out52 2s 2 alternate ease-in-out;
  -o-animation: spn_out52 2s 2 alternate ease-in-out;
  animation: spn_out52 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(52) .spn-b {
  animation-delay: 0.52s;
}

@keyframes spn_out53 {
  30%, 100% {
    transform: rotateZ(190.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out52 {
  30%, 100% {
    transform: rotateZ(187.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out52 {
  30%, 100% {
    transform: rotateZ(187.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out52 {
  30%, 100% {
    transform: rotateZ(187.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(53) {
  -webkit-animation: spn_out53 2s 2 alternate ease-in-out;
  -moz-animation: spn_out53 2s 2 alternate ease-in-out;
  -ms-animation: spn_out53 2s 2 alternate ease-in-out;
  -o-animation: spn_out53 2s 2 alternate ease-in-out;
  animation: spn_out53 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(53) .spn-b {
  animation-delay: 0.53s;
}

@keyframes spn_out54 {
  30%, 100% {
    transform: rotateZ(194.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out54 {
  30%, 100% {
    transform: rotateZ(194.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out54 {
  30%, 100% {
    transform: rotateZ(194.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out54 {
  30%, 100% {
    transform: rotateZ(194.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(54) {
  -webkit-animation: spn_out54 2s 2 alternate ease-in-out;
  -moz-animation: spn_out54 2s 2 alternate ease-in-out;
  -ms-animation: spn_out54 2s 2 alternate ease-in-out;
  -o-animation: spn_out54 2s 2 alternate ease-in-out;
  animation: spn_out54 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(54) .spn-b {
  animation-delay: 0.54s;
}

@keyframes spn_out55 {
  30%, 100% {
    transform: rotateZ(198deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out55 {
  30%, 100% {
    transform: rotateZ(198deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out55 {
  30%, 100% {
    transform: rotateZ(198deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out55 {
  30%, 100% {
    transform: rotateZ(198deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(55) {
  -webkit-animation: spn_out55 2s 2 alternate ease-in-out;
  -moz-animation: spn_out55 2s 2 alternate ease-in-out;
  -ms-animation: spn_out55 2s 2 alternate ease-in-out;
  -o-animation: spn_out55 2s 2 alternate ease-in-out;
  animation: spn_out55 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(55) .spn-b {
  animation-delay: 0.55s;
}

@keyframes spn_out56 {
  30%, 100% {
    transform: rotateZ(201.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out56 {
  30%, 100% {
    transform: rotateZ(201.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out56 {
  30%, 100% {
    transform: rotateZ(201.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out56 {
  30%, 100% {
    transform: rotateZ(201.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(56) {
  -webkit-animation: spn_out56 2s 2 alternate ease-in-out;
  -moz-animation: spn_out56 2s 2 alternate ease-in-out;
  -ms-animation: spn_out56 2s 2 alternate ease-in-out;
  -o-animation: spn_out56 2s 2 alternate ease-in-out;
  animation: spn_out56 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(56) .spn-b {
  animation-delay: 0.56s;
}

@keyframes spn_out57 {
  30%, 100% {
    transform: rotateZ(205.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out57 {
  30%, 100% {
    transform: rotateZ(205.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out57 {
  30%, 100% {
    transform: rotateZ(205.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out57 {
  30%, 100% {
    transform: rotateZ(205.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(57) {
  -webkit-animation: spn_out57 2s 2 alternate ease-in-out;
  -moz-animation: spn_out57 2s 2 alternate ease-in-out;
  -ms-animation: spn_out57 2s 2 alternate ease-in-out;
  -o-animation: spn_out57 2s 2 alternate ease-in-out;
  animation: spn_out57 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(57) .spn-b {
  animation-delay: 0.57s;
}

@keyframes spn_out58 {
  30%, 100% {
    transform: rotateZ(208.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out58 {
  30%, 100% {
    transform: rotateZ(208.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out58 {
  30%, 100% {
    transform: rotateZ(208.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out58 {
  30%, 100% {
    transform: rotateZ(208.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(58) {
  -webkit-animation: spn_out58 2s 2 alternate ease-in-out;
  -moz-animation: spn_out58 2s 2 alternate ease-in-out;
  -ms-animation: spn_out58 2s 2 alternate ease-in-out;
  -o-animation: spn_out58 2s 2 alternate ease-in-out;
  animation: spn_out58 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(58) .spn-b {
  animation-delay: 0.58s;
}

@keyframes spn_out59 {
  30%, 100% {
    transform: rotateZ(212.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out59 {
  30%, 100% {
    transform: rotateZ(212.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out59 {
  30%, 100% {
    transform: rotateZ(212.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out59 {
  30%, 100% {
    transform: rotateZ(212.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(59) {
  -webkit-animation: spn_out59 2s 2 alternate ease-in-out;
  -moz-animation: spn_out59 2s 2 alternate ease-in-out;
  -ms-animation: spn_out59 2s 2 alternate ease-in-out;
  -o-animation: spn_out59 2s 2 alternate ease-in-out;
  animation: spn_out59 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(59) .spn-b {
  animation-delay: 0.59s;
}

@keyframes spn_out60 {
  30%, 100% {
    transform: rotateZ(216deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out60 {
  30%, 100% {
    transform: rotateZ(216deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out60 {
  30%, 100% {
    transform: rotateZ(216deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out60 {
  30%, 100% {
    transform: rotateZ(216deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(60) {
  -webkit-animation: spn_out60 2s 2 alternate ease-in-out;
  -moz-animation: spn_out60 2s 2 alternate ease-in-out;
  -ms-animation: spn_out60 2s 2 alternate ease-in-out;
  -o-animation: spn_out60 2s 2 alternate ease-in-out;
  animation: spn_out60 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(60) .spn-b {
  animation-delay: 0.6s;
}

@keyframes spn_out61 {
  30%, 100% {
    transform: rotateZ(219.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out61 {
  30%, 100% {
    transform: rotateZ(219.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out61 {
  30%, 100% {
    transform: rotateZ(219.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out61 {
  30%, 100% {
    transform: rotateZ(219.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(61) {
  -webkit-animation: spn_out61 2s 2 alternate ease-in-out;
  -moz-animation: spn_out61 2s 2 alternate ease-in-out;
  -ms-animation: spn_out61 2s 2 alternate ease-in-out;
  -o-animation: spn_out61 2s 2 alternate ease-in-out;
  animation: spn_out61 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(61) .spn-b {
  animation-delay: 0.61s;
}

@keyframes spn_out62 {
  30%, 100% {
    transform: rotateZ(223.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out62 {
  30%, 100% {
    transform: rotateZ(223.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out62 {
  30%, 100% {
    transform: rotateZ(223.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out62 {
  30%, 100% {
    transform: rotateZ(223.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(62) {
  -webkit-animation: spn_out62 2s 2 alternate ease-in-out;
  -moz-animation: spn_out62 2s 2 alternate ease-in-out;
  -ms-animation: spn_out62 2s 2 alternate ease-in-out;
  -o-animation: spn_out62 2s 2 alternate ease-in-out;
  animation: spn_out62 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(62) .spn-b {
  animation-delay: 0.62s;
}

@keyframes spn_out63 {
  30%, 100% {
    transform: rotateZ(226.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out63 {
  30%, 100% {
    transform: rotateZ(226.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out63 {
  30%, 100% {
    transform: rotateZ(226.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out63 {
  30%, 100% {
    transform: rotateZ(226.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(63) {
  -webkit-animation: spn_out63 2s 2 alternate ease-in-out;
  -moz-animation: spn_out63 2s 2 alternate ease-in-out;
  -ms-animation: spn_out63 2s 2 alternate ease-in-out;
  -o-animation: spn_out63 2s 2 alternate ease-in-out;
  animation: spn_out63 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(63) .spn-b {
  animation-delay: 0.63s;
}

@keyframes spn_out64 {
  30%, 100% {
    transform: rotateZ(230.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out64 {
  30%, 100% {
    transform: rotateZ(230.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out64 {
  30%, 100% {
    transform: rotateZ(230.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out64 {
  30%, 100% {
    transform: rotateZ(230.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(64) {
  -webkit-animation: spn_out64 2s 2 alternate ease-in-out;
  -moz-animation: spn_out64 2s 2 alternate ease-in-out;
  -ms-animation: spn_out64 2s 2 alternate ease-in-out;
  -o-animation: spn_out64 2s 2 alternate ease-in-out;
  animation: spn_out64 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(64) .spn-b {
  animation-delay: 0.64s;
}

@keyframes spn_out65 {
  30%, 100% {
    transform: rotateZ(234deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out65 {
  30%, 100% {
    transform: rotateZ(234deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out65 {
  30%, 100% {
    transform: rotateZ(234deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out65 {
  30%, 100% {
    transform: rotateZ(234deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(65) {
  -webkit-animation: spn_out65 2s 2 alternate ease-in-out;
  -moz-animation: spn_out65 2s 2 alternate ease-in-out;
  -ms-animation: spn_out65 2s 2 alternate ease-in-out;
  -o-animation: spn_out65 2s 2 alternate ease-in-out;
  animation: spn_out65 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(65) .spn-b {
  animation-delay: 0.65s;
}

@keyframes spn_out66 {
  30%, 100% {
    transform: rotateZ(237.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out66 {
  30%, 100% {
    transform: rotateZ(237.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out66 {
  30%, 100% {
    transform: rotateZ(237.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out66 {
  30%, 100% {
    transform: rotateZ(237.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(66) {
  -webkit-animation: spn_out66 2s 2 alternate ease-in-out;
  -moz-animation: spn_out66 2s 2 alternate ease-in-out;
  -ms-animation: spn_out66 2s 2 alternate ease-in-out;
  -o-animation: spn_out66 2s 2 alternate ease-in-out;
  animation: spn_out66 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(66) .spn-b {
  animation-delay: 0.66s;
}

@keyframes spn_out67 {
  30%, 100% {
    transform: rotateZ(241.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out67 {
  30%, 100% {
    transform: rotateZ(241.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out67 {
  30%, 100% {
    transform: rotateZ(241.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out67 {
  30%, 100% {
    transform: rotateZ(241.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(67) {
  -webkit-animation: spn_out67 2s 2 alternate ease-in-out;
  -moz-animation: spn_out67 2s 2 alternate ease-in-out;
  -ms-animation: spn_out67 2s 2 alternate ease-in-out;
  -o-animation: spn_out67 2s 2 alternate ease-in-out;
  animation: spn_out67 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(67) .spn-b {
  animation-delay: 0.67s;
}

@keyframes spn_out68 {
  30%, 100% {
    transform: rotateZ(244.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out68 {
  30%, 100% {
    transform: rotateZ(244.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out68 {
  30%, 100% {
    transform: rotateZ(244.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out68 {
  30%, 100% {
    transform: rotateZ(244.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(68) {
  -webkit-animation: spn_out68 2s 2 alternate ease-in-out;
  -moz-animation: spn_out68 2s 2 alternate ease-in-out;
  -ms-animation: spn_out68 2s 2 alternate ease-in-out;
  -o-animation: spn_out68 2s 2 alternate ease-in-out;
  animation: spn_out68 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(68) .spn-b {
  animation-delay: 0.68s;
}

@keyframes spn_out69 {
  30%, 100% {
    transform: rotateZ(248.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out69 {
  30%, 100% {
    transform: rotateZ(248.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out69 {
  30%, 100% {
    transform: rotateZ(248.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out69 {
  30%, 100% {
    transform: rotateZ(248.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(69) {
  -webkit-animation: spn_out69 2s 2 alternate ease-in-out;
  -moz-animation: spn_out69 2s 2 alternate ease-in-out;
  -ms-animation: spn_out69 2s 2 alternate ease-in-out;
  -o-animation: spn_out69 2s 2 alternate ease-in-out;
  animation: spn_out69 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(69) .spn-b {
  animation-delay: 0.69s;
}

@keyframes spn_out70 {
  30%, 100% {
    transform: rotateZ(252deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out70 {
  30%, 100% {
    transform: rotateZ(252deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out70 {
  30%, 100% {
    transform: rotateZ(252deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out70 {
  30%, 100% {
    transform: rotateZ(252deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(70) {
  -webkit-animation: spn_out70 2s 2 alternate ease-in-out;
  -moz-animation: spn_out70 2s 2 alternate ease-in-out;
  -ms-animation: spn_out70 2s 2 alternate ease-in-out;
  -o-animation: spn_out70 2s 2 alternate ease-in-out;
  animation: spn_out70 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(70) .spn-b {
  animation-delay: 0.7s;
}

@keyframes spn_out71 {
  30%, 100% {
    transform: rotateZ(255.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out71 {
  30%, 100% {
    transform: rotateZ(255.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out71 {
  30%, 100% {
    transform: rotateZ(255.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out71 {
  30%, 100% {
    transform: rotateZ(255.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(71) {
  -webkit-animation: spn_out71 2s 2 alternate ease-in-out;
  -moz-animation: spn_out71 2s 2 alternate ease-in-out;
  -ms-animation: spn_out71 2s 2 alternate ease-in-out;
  -o-animation: spn_out71 2s 2 alternate ease-in-out;
  animation: spn_out71 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(71) .spn-b {
  animation-delay: 0.71s;
}

@keyframes spn_out72 {
  30%, 100% {
    transform: rotateZ(259.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out72 {
  30%, 100% {
    transform: rotateZ(259.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out72 {
  30%, 100% {
    transform: rotateZ(259.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out72 {
  30%, 100% {
    transform: rotateZ(259.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(72) {
  -webkit-animation: spn_out72 2s 2 alternate ease-in-out;
  -moz-animation: spn_out72 2s 2 alternate ease-in-out;
  -ms-animation: spn_out72 2s 2 alternate ease-in-out;
  -o-animation: spn_out72 2s 2 alternate ease-in-out;
  animation: spn_out72 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(72) .spn-b {
  animation-delay: 0.72s;
}

@keyframes spn_out73 {
  30%, 100% {
    transform: rotateZ(262.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out73 {
  30%, 100% {
    transform: rotateZ(262.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out73 {
  30%, 100% {
    transform: rotateZ(262.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out73 {
  30%, 100% {
    transform: rotateZ(262.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(73) {
  -webkit-animation: spn_out73 2s 2 alternate ease-in-out;
  -moz-animation: spn_out73 2s 2 alternate ease-in-out;
  -ms-animation: spn_out73 2s 2 alternate ease-in-out;
  -o-animation: spn_out73 2s 2 alternate ease-in-out;
  animation: spn_out73 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(73) .spn-b {
  animation-delay: 0.73s;
}

@keyframes spn_out74 {
  30%, 100% {
    transform: rotateZ(266.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out74 {
  30%, 100% {
    transform: rotateZ(266.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out74 {
  30%, 100% {
    transform: rotateZ(266.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out74 {
  30%, 100% {
    transform: rotateZ(266.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(74) {
  -webkit-animation: spn_out74 2s 2 alternate ease-in-out;
  -moz-animation: spn_out74 2s 2 alternate ease-in-out;
  -ms-animation: spn_out74 2s 2 alternate ease-in-out;
  -o-animation: spn_out74 2s 2 alternate ease-in-out;
  animation: spn_out74 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(74) .spn-b {
  animation-delay: 0.74s;
}

@keyframes spn_out75 {
  30%, 100% {
    transform: rotateZ(270deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out75 {
  30%, 100% {
    transform: rotateZ(270deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out75 {
  30%, 100% {
    transform: rotateZ(270deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out75 {
  30%, 100% {
    transform: rotateZ(270deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(75) {
  -webkit-animation: spn_out75 2s 2 alternate ease-in-out;
  -moz-animation: spn_out75 2s 2 alternate ease-in-out;
  -ms-animation: spn_out75 2s 2 alternate ease-in-out;
  -o-animation: spn_out75 2s 2 alternate ease-in-out;
  animation: spn_out75 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(75) .spn-b {
  animation-delay: 0.75s;
}

@keyframes spn_out76 {
  30%, 100% {
    transform: rotateZ(273.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out76 {
  30%, 100% {
    transform: rotateZ(273.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out76 {
  30%, 100% {
    transform: rotateZ(273.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out76 {
  30%, 100% {
    transform: rotateZ(273.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(76) {
  -webkit-animation: spn_out76 2s 2 alternate ease-in-out;
  -moz-animation: spn_out76 2s 2 alternate ease-in-out;
  -ms-animation: spn_out76 2s 2 alternate ease-in-out;
  -o-animation: spn_out76 2s 2 alternate ease-in-out;
  animation: spn_out76 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(76) .spn-b {
  animation-delay: 0.76s;
}

@keyframes spn_out77 {
  30%, 100% {
    transform: rotateZ(277.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out77 {
  30%, 100% {
    transform: rotateZ(277.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out77 {
  30%, 100% {
    transform: rotateZ(277.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out77 {
  30%, 100% {
    transform: rotateZ(277.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(77) {
  -webkit-animation: spn_out77 2s 2 alternate ease-in-out;
  -moz-animation: spn_out77 2s 2 alternate ease-in-out;
  -ms-animation: spn_out77 2s 2 alternate ease-in-out;
  -o-animation: spn_out77 2s 2 alternate ease-in-out;
  animation: spn_out77 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(77) .spn-b {
  animation-delay: 0.77s;
}

@keyframes spn_out78 {
  30%, 100% {
    transform: rotateZ(280.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out78 {
  30%, 100% {
    transform: rotateZ(280.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out78 {
  30%, 100% {
    transform: rotateZ(280.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out78 {
  30%, 100% {
    transform: rotateZ(280.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(78) {
  -webkit-animation: spn_out78 2s 2 alternate ease-in-out;
  -moz-animation: spn_out78 2s 2 alternate ease-in-out;
  -ms-animation: spn_out78 2s 2 alternate ease-in-out;
  -o-animation: spn_out78 2s 2 alternate ease-in-out;
  animation: spn_out78 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(78) .spn-b {
  animation-delay: 0.78s;
}

@keyframes spn_out79 {
  30%, 100% {
    transform: rotateZ(284.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out79 {
  30%, 100% {
    transform: rotateZ(284.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out79 {
  30%, 100% {
    transform: rotateZ(284.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out79 {
  30%, 100% {
    transform: rotateZ(284.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(79) {
  -webkit-animation: spn_out79 2s 2 alternate ease-in-out;
  -moz-animation: spn_out79 2s 2 alternate ease-in-out;
  -ms-animation: spn_out79 2s 2 alternate ease-in-out;
  -o-animation: spn_out79 2s 2 alternate ease-in-out;
  animation: spn_out79 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(79) .spn-b {
  animation-delay: 0.79s;
}

@keyframes spn_out80 {
  30%, 100% {
    transform: rotateZ(288deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out80 {
  30%, 100% {
    transform: rotateZ(288deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out80 {
  30%, 100% {
    transform: rotateZ(288deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out80 {
  30%, 100% {
    transform: rotateZ(288deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(80) {
  -webkit-animation: spn_out80 2s 2 alternate ease-in-out;
  -moz-animation: spn_out80 2s 2 alternate ease-in-out;
  -ms-animation: spn_out80 2s 2 alternate ease-in-out;
  -o-animation: spn_out80 2s 2 alternate ease-in-out;
  animation: spn_out80 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(80) .spn-b {
  animation-delay: 0.8s;
}

@keyframes spn_out81 {
  30%, 100% {
    transform: rotateZ(291.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out81 {
  30%, 100% {
    transform: rotateZ(291.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out81 {
  30%, 100% {
    transform: rotateZ(291.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out81 {
  30%, 100% {
    transform: rotateZ(291.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(81) {
  -webkit-animation: spn_out81 2s 2 alternate ease-in-out;
  -moz-animation: spn_out81 2s 2 alternate ease-in-out;
  -ms-animation: spn_out81 2s 2 alternate ease-in-out;
  -o-animation: spn_out81 2s 2 alternate ease-in-out;
  animation: spn_out81 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(81) .spn-b {
  animation-delay: 0.81s;
}

@keyframes spn_out82 {
  30%, 100% {
    transform: rotateZ(295.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out82 {
  30%, 100% {
    transform: rotateZ(295.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out82 {
  30%, 100% {
    transform: rotateZ(295.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out82 {
  30%, 100% {
    transform: rotateZ(295.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(82) {
  -webkit-animation: spn_out82 2s 2 alternate ease-in-out;
  -moz-animation: spn_out82 2s 2 alternate ease-in-out;
  -ms-animation: spn_out82 2s 2 alternate ease-in-out;
  -o-animation: spn_out82 2s 2 alternate ease-in-out;
  animation: spn_out82 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(82) .spn-b {
  animation-delay: 0.82s;
}

@keyframes spn_out83 {
  30%, 100% {
    transform: rotateZ(298.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out83 {
  30%, 100% {
    transform: rotateZ(298.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out83 {
  30%, 100% {
    transform: rotateZ(298.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out83 {
  30%, 100% {
    transform: rotateZ(298.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(83) {
  -webkit-animation: spn_out83 2s 2 alternate ease-in-out;
  -moz-animation: spn_out83 2s 2 alternate ease-in-out;
  -ms-animation: spn_out83 2s 2 alternate ease-in-out;
  -o-animation: spn_out83 2s 2 alternate ease-in-out;
  animation: spn_out83 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(83) .spn-b {
  animation-delay: 0.83s;
}

@keyframes spn_out84 {
  30%, 100% {
    transform: rotateZ(302.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out84 {
  30%, 100% {
    transform: rotateZ(302.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out84 {
  30%, 100% {
    transform: rotateZ(302.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out84 {
  30%, 100% {
    transform: rotateZ(302.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(84) {
  -webkit-animation: spn_out84 2s 2 alternate ease-in-out;
  -moz-animation: spn_out84 2s 2 alternate ease-in-out;
  -ms-animation: spn_out84 2s 2 alternate ease-in-out;
  -o-animation: spn_out84 2s 2 alternate ease-in-out;
  animation: spn_out84 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(84) .spn-b {
  animation-delay: 0.84s;
}

@keyframes spn_out85 {
  30%, 100% {
    transform: rotateZ(306deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out85 {
  30%, 100% {
    transform: rotateZ(306deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out85 {
  30%, 100% {
    transform: rotateZ(306deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out85 {
  30%, 100% {
    transform: rotateZ(306deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(85) {
  -webkit-animation: spn_out85 2s 2 alternate ease-in-out;
  -moz-animation: spn_out85 2s 2 alternate ease-in-out;
  -ms-animation: spn_out85 2s 2 alternate ease-in-out;
  -o-animation: spn_out85 2s 2 alternate ease-in-out;
  animation: spn_out85 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(85) .spn-b {
  animation-delay: 0.85s;
}

@keyframes spn_out86 {
  30%, 100% {
    transform: rotateZ(309.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out86 {
  30%, 100% {
    transform: rotateZ(309.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out86 {
  30%, 100% {
    transform: rotateZ(309.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out86 {
  30%, 100% {
    transform: rotateZ(309.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(86) {
  -webkit-animation: spn_out86 2s 2 alternate ease-in-out;
  -moz-animation: spn_out86 2s 2 alternate ease-in-out;
  -ms-animation: spn_out86 2s 2 alternate ease-in-out;
  -o-animation: spn_out86 2s 2 alternate ease-in-out;
  animation: spn_out86 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(86) .spn-b {
  animation-delay: 0.86s;
}

@keyframes spn_out87 {
  30%, 100% {
    transform: rotateZ(313.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out87 {
  30%, 100% {
    transform: rotateZ(313.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out87 {
  30%, 100% {
    transform: rotateZ(313.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out87 {
  30%, 100% {
    transform: rotateZ(313.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(87) {
  -webkit-animation: spn_out87 2s 2 alternate ease-in-out;
  -moz-animation: spn_out87 2s 2 alternate ease-in-out;
  -ms-animation: spn_out87 2s 2 alternate ease-in-out;
  -o-animation: spn_out87 2s 2 alternate ease-in-out;
  animation: spn_out87 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(87) .spn-b {
  animation-delay: 0.87s;
}

@keyframes spn_out88 {
  30%, 100% {
    transform: rotateZ(316.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out88 {
  30%, 100% {
    transform: rotateZ(316.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out88 {
  30%, 100% {
    transform: rotateZ(316.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out88 {
  30%, 100% {
    transform: rotateZ(316.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(88) {
  -webkit-animation: spn_out88 2s 2 alternate ease-in-out;
  -moz-animation: spn_out88 2s 2 alternate ease-in-out;
  -ms-animation: spn_out88 2s 2 alternate ease-in-out;
  -o-animation: spn_out88 2s 2 alternate ease-in-out;
  animation: spn_out88 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(88) .spn-b {
  animation-delay: 0.88s;
}

@keyframes spn_out89 {
  30%, 100% {
    transform: rotateZ(320.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out89 {
  30%, 100% {
    transform: rotateZ(320.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out89 {
  30%, 100% {
    transform: rotateZ(320.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out89 {
  30%, 100% {
    transform: rotateZ(320.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(89) {
  -webkit-animation: spn_out89 2s 2 alternate ease-in-out;
  -moz-animation: spn_out89 2s 2 alternate ease-in-out;
  -ms-animation: spn_out89 2s 2 alternate ease-in-out;
  -o-animation: spn_out89 2s 2 alternate ease-in-out;
  animation: spn_out89 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(89) .spn-b {
  animation-delay: 0.89s;
}

@keyframes spn_out90 {
  30%, 100% {
    transform: rotateZ(324deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out90 {
  30%, 100% {
    transform: rotateZ(324deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out90 {
  30%, 100% {
    transform: rotateZ(324deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out90 {
  30%, 100% {
    transform: rotateZ(324deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(90) {
  -webkit-animation: spn_out90 2s 2 alternate ease-in-out;
  -moz-animation: spn_out90 2s 2 alternate ease-in-out;
  -ms-animation: spn_out90 2s 2 alternate ease-in-out;
  -o-animation: spn_out90 2s 2 alternate ease-in-out;
  animation: spn_out90 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(90) .spn-b {
  animation-delay: 0.9s;
}

@keyframes spn_out91 {
  30%, 100% {
    transform: rotateZ(327.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out91 {
  30%, 100% {
    transform: rotateZ(327.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out91 {
  30%, 100% {
    transform: rotateZ(327.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out91 {
  30%, 100% {
    transform: rotateZ(327.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(91) {
  -webkit-animation: spn_out91 2s 2 alternate ease-in-out;
  -moz-animation: spn_out91 2s 2 alternate ease-in-out;
  -ms-animation: spn_out91 2s 2 alternate ease-in-out;
  -o-animation: spn_out91 2s 2 alternate ease-in-out;
  animation: spn_out91 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(91) .spn-b {
  animation-delay: 0.91s;
}

@keyframes spn_out92 {
  30%, 100% {
    transform: rotateZ(331.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out92 {
  30%, 100% {
    transform: rotateZ(331.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out92 {
  30%, 100% {
    transform: rotateZ(331.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out92 {
  30%, 100% {
    transform: rotateZ(331.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(92) {
  -webkit-animation: spn_out92 2s 2 alternate ease-in-out;
  -moz-animation: spn_out92 2s 2 alternate ease-in-out;
  -ms-animation: spn_out92 2s 2 alternate ease-in-out;
  -o-animation: spn_out92 2s 2 alternate ease-in-out;
  animation: spn_out92 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(92) .spn-b {
  animation-delay: 0.92s;
}

@keyframes spn_out93 {
  30%, 100% {
    transform: rotateZ(334.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out93 {
  30%, 100% {
    transform: rotateZ(334.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out93 {
  30%, 100% {
    transform: rotateZ(334.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out93 {
  30%, 100% {
    transform: rotateZ(334.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(93) {
  -webkit-animation: spn_out93 2s 2 alternate ease-in-out;
  -moz-animation: spn_out93 2s 2 alternate ease-in-out;
  -ms-animation: spn_out93 2s 2 alternate ease-in-out;
  -o-animation: spn_out93 2s 2 alternate ease-in-out;
  animation: spn_out93 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(93) .spn-b {
  animation-delay: 0.93s;
}

@keyframes spn_out94 {
  30%, 100% {
    transform: rotateZ(338.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out94 {
  30%, 100% {
    transform: rotateZ(338.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out94 {
  30%, 100% {
    transform: rotateZ(338.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out94 {
  30%, 100% {
    transform: rotateZ(338.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(94) {
  -webkit-animation: spn_out94 2s 2 alternate ease-in-out;
  -moz-animation: spn_out94 2s 2 alternate ease-in-out;
  -ms-animation: spn_out94 2s 2 alternate ease-in-out;
  -o-animation: spn_out94 2s 2 alternate ease-in-out;
  animation: spn_out94 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(94) .spn-b {
  animation-delay: 0.94s;
}

@keyframes spn_out95 {
  30%, 100% {
    transform: rotateZ(342deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out95 {
  30%, 100% {
    transform: rotateZ(342deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out95 {
  30%, 100% {
    transform: rotateZ(342deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out95 {
  30%, 100% {
    transform: rotateZ(342deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(95) {
  -webkit-animation: spn_out95 2s 2 alternate ease-in-out;
  -moz-animation: spn_out95 2s 2 alternate ease-in-out;
  -ms-animation: spn_out95 2s 2 alternate ease-in-out;
  -o-animation: spn_out95 2s 2 alternate ease-in-out;
  animation: spn_out95 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(95) .spn-b {
  animation-delay: 0.95s;
}

@keyframes spn_out96 {
  30%, 100% {
    transform: rotateZ(345.6deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out96 {
  30%, 100% {
    transform: rotateZ(345.6deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out96 {
  30%, 100% {
    transform: rotateZ(345.6deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out96 {
  30%, 100% {
    transform: rotateZ(345.6deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(96) {
  -weebkit-animation: spn_out96 2s 2 alternate ease-in-out;
  -moz-animation: spn_out96 2s 2 alternate ease-in-out;
  -ms-animation: spn_out96 2s 2 alternate ease-in-out;
  -o-animation: spn_out96 2s 2 alternate ease-in-out;
  animation: spn_out96 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(96) .spn-b {
  animation-delay: 0.96s;
}

@keyframes spn_out97 {
  30%, 100% {
    transform: rotateZ(349.2deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out97 {
  30%, 100% {
    transform: rotateZ(349.2deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out97 {
  30%, 100% {
    transform: rotateZ(349.2deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out97 {
  30%, 100% {
    transform: rotateZ(349.2deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(97) {
  -webkit-animation: spn_out97 2s 2 alternate ease-in-out;
  -moz-animation: spn_out97 2s 2 alternate ease-in-out;
  -ms-animation: spn_out97 2s 2 alternate ease-in-out;
  -o-animation: spn_out97 2s 2 alternate ease-in-out;
  animation: spn_out97 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(97) .spn-b {
  animation-delay: 0.97s;
}

@keyframes spn_out98 {
  30%, 100% {
    transform: rotateZ(352.8deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out98 {
  30%, 100% {
    transform: rotateZ(352.8deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out98 {
  30%, 100% {
    transform: rotateZ(352.8deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out98 {
  30%, 100% {
    transform: rotateZ(352.8deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(98) {
  -webkit-animation: spn_out98 2s 2 alternate ease-in-out;
  -moz-animation: spn_out98 2s 2 alternate ease-in-out;
  -ms-animation: spn_out98 2s 2 alternate ease-in-out;
  -o-animation: spn_out98 2s 2 alternate ease-in-out;
  animation: spn_out98 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(98) .spn-b {
  animation-delay: 0.98s;
}

@keyframes spn_out99 {
  30%, 100% {
    transform: rotateZ(356.4deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out99 {
  30%, 100% {
    transform: rotateZ(356.4deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out99 {
  30%, 100% {
    transform: rotateZ(356.4deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out99 {
  30%, 100% {
    transform: rotateZ(356.4deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(99) {
  -webkit-animation: spn_out99 2s 2 alternate ease-in-out;
  -moz-animation: spn_out99 2s 2 alternate ease-in-out;
  -ms-animation: spn_out99 2s 2 alternate ease-in-out;
  -o-animation: spn_out99 2s 2 alternate ease-in-out;
  animation: spn_out99 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(99) .spn-b {
  animation-delay: 0.99s;
}

@keyframes spn_out100 {
  30%, 100% {
    transform: rotateZ(360deg) translateX(5em);
    opacity: 1;
  }
}
@-moz-keyframes spn_out100 {
  30%, 100% {
    transform: rotateZ(360deg) translateX(5em);
    opacity: 1;
  }
}
@-webkit-keyframes spn_out100 {
  30%, 100% {
    transform: rotateZ(360deg) translateX(5em);
    opacity: 1;
  }
}
@-o-keyframes spn_out100 {
  30%, 100% {
    transform: rotateZ(360deg) translateX(5em);
    opacity: 1;
  }
}
.spn-a:nth-child(100) {
  -webkit-animation: spn_out100 2s 2 alternate ease-in-out;
  -moz-animation: spn_out100 2s 2 alternate ease-in-out;
  -ms-animation: spn_out100 2s 2 alternate ease-in-out;
  -o-animation: spn_out100 2s 2 alternate ease-in-out;
  animation: spn_out100 2s 2 alternate ease-in-out;
}
.spn-a:nth-child(100) .spn-b {
  animation-delay: 1s;
}

@keyframes spn_spin {
  15% {
    transform: scale(3);
  }
  50% {
    transform: scale(1);
  }
}
@-moz-keyframes spn_spin {
  15% {
    transform: scale(3);
  }
  50% {
    transform: scale(1);
  }
}
@-webkit-keyframes spn_spin {
  15% {
    transform: scale(3);
  }
  50% {
    transform: scale(1);
  }
}
@-o-keyframes spn_spin {
  15% {
    transform: scale(3);
  }
  50% {
    transform: scale(1);
  }
}
.scene-torus {
  margin: auto;
  height: 100%;
  display: none;
  opacity:1;
  transition:opacity 0.5s;
}

.tor-wrap {
  position: absolute;
  left: 50%;
  top: 50%;
}

.tor-field {
  position: relative;
  transform: rotateX(-30deg) rotateY(0deg);
  -webkit-animation: tor_rotateY 10s ease-in-out 1;
  -moz-animation: tor_rotateY 10s ease-in-out 1;
  -ms-animation: tor_rotateY 10s ease-in-out 1;
  -o-animation: tor_rotateY 10s ease-in-out 1;
  animation: tor_rotateY 10s ease-in-out 1;
  opacity: 1;
}

.tor-field * {
  position: absolute;
}

.tor-field, .tor-field * {
  transform-style: preserve-3d;
}

.tor-circle:nth-child(1) {
  transform: rotateY(12deg) translateZ(8rem);
}
.tor-circle:nth-child(1) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 0.2s;
}
.tor-circle:nth-child(2) {
  transform: rotateY(24deg) translateZ(8rem);
}
.tor-circle:nth-child(2) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 0.4s;
}
.tor-circle:nth-child(3) {
  transform: rotateY(36deg) translateZ(8rem);
}
.tor-circle:nth-child(3) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 0.6s;
}
.tor-circle:nth-child(4) {
  transform: rotateY(48deg) translateZ(8rem);
}
.tor-circle:nth-child(4) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 0.8s;
}
.tor-circle:nth-child(5) {
  transform: rotateY(60deg) translateZ(8rem);
}
.tor-circle:nth-child(5) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 1s;
}
.tor-circle:nth-child(6) {
  transform: rotateY(72deg) translateZ(8rem);
}
.tor-circle:nth-child(6) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 1.2s;
}
.tor-circle:nth-child(7) {
  transform: rotateY(84deg) translateZ(8rem);
}
.tor-circle:nth-child(7) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 1.4s;
}
.tor-circle:nth-child(8) {
  transform: rotateY(96deg) translateZ(8rem);
}
.tor-circle:nth-child(8) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 1.6s;
}
.tor-circle:nth-child(9) {
  transform: rotateY(108deg) translateZ(8rem);
}
.tor-circle:nth-child(9) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 1.8s;
}
.tor-circle:nth-child(10) {
  transform: rotateY(120deg) translateZ(8rem);
}
.tor-circle:nth-child(10) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 2s;
}
.tor-circle:nth-child(11) {
  transform: rotateY(132deg) translateZ(8rem);
}
.tor-circle:nth-child(11) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 2.2s;
}
.tor-circle:nth-child(12) {
  transform: rotateY(144deg) translateZ(8rem);
}
.tor-circle:nth-child(12) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 2.4s;
}
.tor-circle:nth-child(13) {
  transform: rotateY(156deg) translateZ(8rem);
}
.tor-circle:nth-child(13) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 2.6s;
}
.tor-circle:nth-child(14) {
  transform: rotateY(168deg) translateZ(8rem);
}
.tor-circle:nth-child(14) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 2.8s;
}
.tor-circle:nth-child(15) {
  transform: rotateY(180deg) translateZ(8rem);
}
.tor-circle:nth-child(15) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 3s;
}
.tor-circle:nth-child(16) {
  transform: rotateY(192deg) translateZ(8rem);
}
.tor-circle:nth-child(16) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 3.2s;
}
.tor-circle:nth-child(17) {
  transform: rotateY(204deg) translateZ(8rem);
}
.tor-circle:nth-child(17) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 3.4s;
}
.tor-circle:nth-child(18) {
  transform: rotateY(216deg) translateZ(8rem);
}
.tor-circle:nth-child(18) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 3.6s;
}
.tor-circle:nth-child(19) {
  transform: rotateY(228deg) translateZ(8rem);
}
.tor-circle:nth-child(19) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 3.8s;
}
.tor-circle:nth-child(20) {
  transform: rotateY(240deg) translateZ(8rem);
}
.tor-circle:nth-child(20) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 4s;
}
.tor-circle:nth-child(21) {
  transform: rotateY(252deg) translateZ(8rem);
}
.tor-circle:nth-child(21) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 4.2s;
}
.tor-circle:nth-child(22) {
  transform: rotateY(264deg) translateZ(8rem);
}
.tor-circle:nth-child(22) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 4.4s;
}
.tor-circle:nth-child(23) {
  transform: rotateY(276deg) translateZ(8rem);
}
.tor-circle:nth-child(23) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 4.6s;
}
.tor-circle:nth-child(24) {
  transform: rotateY(288deg) translateZ(8rem);
}
.tor-circle:nth-child(24) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 4.8s;
}
.tor-circle:nth-child(25) {
  transform: rotateY(300deg) translateZ(8rem);
}
.tor-circle:nth-child(25) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 5s;
}
.tor-circle:nth-child(26) {
  transform: rotateY(312deg) translateZ(8rem);
}
.tor-circle:nth-child(26) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 5.2s;
}
.tor-circle:nth-child(27) {
  transform: rotateY(324deg) translateZ(8rem);
}
.tor-circle:nth-child(27) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 5.4s;
}
.tor-circle:nth-child(28) {
  transform: rotateY(336deg) translateZ(8rem);
}
.tor-circle:nth-child(28) .tor-rotor {
  -weebkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 5.6s;
}
.tor-circle:nth-child(29) {
  transform: rotateY(348deg) translateZ(8rem);
}
.tor-circle:nth-child(29) .tor-rotor {
  -webkit-animation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 5.8s;
}
.tor-circle:nth-child(30) {
  transform: rotateY(360deg) translateZ(8rem);
}
.tor-circle:nth-child(30) .tor-rotor {
  -webkit-nimation: tor_rotateX 3s linear infinite;
  -moz-animation: tor_rotateX 3s linear infinite;
  -ms-animation: tor_rotateX 3s linear infinite;
  -o-animation: tor_rotateX 3s linear infinite;
  animation: tor_rotateX 3s linear infinite;
  animation-delay: 6s;
}

.tor-dot {
  width: 0.25rem;
  height: 0.25rem;
  border-radius: 50%;
  backface-visibility: hidden;
}
.tor-dot:nth-child(1) {
  transform: rotateX(18deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.5);
}
.tor-dot:nth-child(2) {
  transform: rotateX(36deg) translateZ(3rem);
  background-color: white;
}
.tor-dot:nth-child(3) {
  transform: rotateX(54deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.2);
}
.tor-dot:nth-child(4) {
  transform: rotateX(72deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.5);
}
.tor-dot:nth-child(5) {
  transform: rotateX(90deg) translateZ(3rem);
  background-color: white;
}
.tor-dot:nth-child(6) {
  transform: rotateX(108deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.2);
}
.tor-dot:nth-child(7) {
  transform: rotateX(126deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.5);
}
.tor-dot:nth-child(8) {
  transform: rotateX(144deg) translateZ(3rem);
  background-color: white;
}
.tor-dot:nth-child(9) {
  transform: rotateX(162deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.2);
}
.tor-dot:nth-child(10) {
  transform: rotateX(180deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.5);
}
.tor-dot:nth-child(11) {
  transform: rotateX(198deg) translateZ(3rem);
  background-color: white;
}
.tor-dot:nth-child(12) {
  transform: rotateX(216deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.2);
}
.tor-dot:nth-child(13) {
  transform: rotateX(234deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.5);
}
.tor-dot:nth-child(14) {
  transform: rotateX(252deg) translateZ(3rem);
  background-color: white;
}
.tor-dot:nth-child(15) {
  transform: rotateX(270deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.2);
}
.tor-dot:nth-child(16) {
  transform: rotateX(288deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.5);
}
.tor-dot:nth-child(17) {
  transform: rotateX(306deg) translateZ(3rem);
  background-color: white;
}
.tor-dot:nth-child(18) {
  transform: rotateX(324deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.2);
}
.tor-dot:nth-child(19) {
  transform: rotateX(342deg) translateZ(3rem);
  background-color: rgba(255, 255, 255, 0.5);
}
.tor-dot:nth-child(20) {
  transform: rotateX(360deg) translateZ(3rem);
  background-color: white;
}

@keyframes tor_rotateX {
  100% {
    transform: rotateX(360deg);
  }
}
@-moz-keyframes tor_rotateX {
  100% {
    transform: rotateX(360deg);
  }
}
@-webkit-keyframes tor_rotateX {
  100% {
    transform: rotateX(360deg);
  }
}
@-o-keyframes tor_rotateX {
  100% {
    transform: rotateX(360deg);
  }
}
@keyframes tor_rotateY {
  20%, 30% {
    transform: rotateX(90deg) rotateY(360deg);
  }
  40%, 50% {
    transform: rotateX(-30deg) rotateZ(30deg) scale(0.6);
  }
  60%, 80% {
    transform: rotateX(60deg) rotateZ(40deg);
  }
  90%, 100% {
    transform: rotateX(-90deg) rotateY(1440deg) scale(2);
  }
}
@-moz-keyframes tor_rotateY {
  20%, 30% {
    transform: rotateX(90deg) rotateY(360deg);
  }
  40%, 50% {
    transform: rotateX(-30deg) rotateZ(30deg) scale(0.6);
  }
  60%, 80% {
    transform: rotateX(60deg) rotateZ(40deg);
  }
  90%, 100% {
    transform: rotateX(-90deg) rotateY(1440deg) scale(2);
  }
}
@-webkit-keyframes tor_rotateY {
  20%, 30% {
    transform: rotateX(90deg) rotateY(360deg);
  }
  40%, 50% {
    transform: rotateX(-30deg) rotateZ(30deg) scale(0.6);
  }
  60%, 80% {
    transform: rotateX(60deg) rotateZ(40deg);
  }
  90%, 100% {
    transform: rotateX(-90deg) rotateY(1440deg) scale(2);
  }
}
@-o-keyframes tor_rotateY {
  20%, 30% {
    transform: rotateX(90deg) rotateY(360deg);
  }
  40%, 50% {
    transform: rotateX(-30deg) rotateZ(30deg) scale(0.6);
  }
  60%, 80% {
    transform: rotateX(60deg) rotateZ(40deg);
  }
  90%, 100% {
    transform: rotateX(-90deg) rotateY(1440deg) scale(2);
  }
}
.scene-hole {
  margin: auto;
  height: 100%;
  display: none;
}

.hol-hole {
  top: 50%;
  left: 50%;
  position: absolute;
}

.hol-a {
  display: block;
  position: absolute;
  width: 20rem;
  height: 20rem;
  margin: -10rem;
  border-radius: 50%;
  opacity: 0;
  animation: hol_scale 2s 1 linear;
}

i:nth-child(1) {
  animation-delay: 0.4s;
}

i:nth-child(2) {
  animation-delay: 0.8s;
}

i:nth-child(3) {
  animation-delay: 1.2s;
}

i:nth-child(4) {
  animation-delay: 1.6s;
}

i:nth-child(5) {
  animation-delay: 2s;
}

i:nth-child(6) {
  animation-delay: 2.4s;
}

i:nth-child(7) {
  animation-delay: 2.8s;
}

i:nth-child(8) {
  animation-delay: 3.2s;
}

@keyframes hol_scale {
  0% {
    transform: scale(2);
    opacity: 0;
    box-shadow: 0 0 50px rgba(255,255,255, 0.8);
  }
  50% {
    transform: scale(1);
    opacity: 0.7;
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.8);
  }
  100% {
    transform: scale(0.3);
    opacity: 0;
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.8);
  }
}
@-moz-keyframes hol_scale {
  0% {
    transform: scale(2);
    opacity: 0;
    box-shadow: 0 0 50px rgba(255,255,255, 0.8);
  }
  50% {
    transform: scale(1);
    opacity: 0.7;
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.8);
  }
  100% {
    transform: scale(0.3);
    opacity: 0;
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.8);
  }
}
@-webkit-keyframes hol_scale {
  0% {
    transform: scale(2);
    opacity: 0;
    box-shadow: 0 0 50px rgba(255,255,255, 0.8);
  }
  50% {
    transform: scale(1);
    opacity: 0.7;
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.8);
  }
  100% {
    transform: scale(0.3);
    opacity: 0;
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.8);
  }
}
@-o-keyframes hol_scale {
  0% {
    transform: scale(2);
    opacity: 0;
    box-shadow: 0 0 50px rgba(255,255,255, 0.8);
  }
  50% {
    transform: scale(1);
    opacity: 0.7;
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.8);
  }
  100% {
    transform: scale(0.3);
    opacity: 0;
    box-shadow: 0 0 50px rgba(255, 255, 255, 0.8);
  }
}

.final{
  position:fixed;
  top: 0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:1000;
  display:none;
  font-family: "Oswald", sans-serif;
}

.logo{
  position:fixed;
  top: 0px;
  left:0px;
  width:100%;
  height:100%;
  z-index:999;
  display:none;
  text-align:center !important;
  pointer-events:none;
}

.final div{
  width:90%;
  max-width:500px;
  margin:auto;
  color:white;
  background-color:rgba(0,0,0,0.7);
  padding:20px;
  text-align:justify;
}

.final .btn-button{
  display:block !important;
  transform:none !important;
  opacity:1 !important;
}