@font-face {
  font-family: 'Scriptina';
  src: url("../fonts/Scriptina.ttf.woff") format("woff"), url("../fonts/Scriptina.ttf.svg#Scriptina") format("svg"), url("../fonts/Scriptina.ttf.eot"), url("../fonts/Scriptina.ttf.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
}

/*===============
global
=============== */
*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  outline: none;
}

*::-moz-selection {
  color: #fafafa;
  background: #ff4d5a;
}

*::selection {
  color: #fafafa;
  background: #ff4d5a;
}

html {
  font-family: 'Work Sans', sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.3;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Ubuntu', Arial, sans-serif;
  margin-block: 0;
}

h2 {
  font-size: 3rem;
}

h3 {
  font-size: 2.2rem;
}

h4 {
  font-size: 1.6rem;
}

a {
  text-decoration: none;
}

ul {
  list-style: none;
}

a, p {
  font-size: 1.6rem;
  color: inherit;
}

img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

section {
  padding: calc(10vh*0.5) 0;
}

body {
  background-color: #fafafa;
}

/*===============
    scrollbar
=============== */
body::-webkit-scrollbar {
  width: 1.8rem;
  padding: 3px;
}

body::-webkit-scrollbar-thumb {
  border-radius: 50rem;
  background: #eeeeee;
  border: 4px solid #222222;
}

body::-webkit-scrollbar-thumb:hover {
  background: -webkit-gradient(linear, left bottom, left top, from(#ff4d5a), to(#465A70));
  background: linear-gradient(0deg, #ff4d5a, #465A70);
}

body::-webkit-scrollbar-button {
  height: 1.8rem;
  background: #222222;
}

body::-webkit-scrollbar-button:hover {
  background: #5f5f5f;
}

body::-webkit-scrollbar-track {
  background: #222222;
  margin: 1px;
}

/*===============
    components
=============== */
.main-container {
  width: 100%;
  overflow: hidden;
  padding-left: 0;
}

.main-container.header-main-container {
  height: 100%;
}

.outer-container {
  width: 100%;
  height: 100%;
  padding: 0 2rem;
}

.container {
  width: 100%;
  max-width: 1150px;
  margin: 0 auto;
  padding: 0;
}

.container-main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.grid-container {
  width: 100%;
}

.section-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 8vh;
}

.section-heading > h1 {
  font-size: 14rem;
  display: inline-block;
  text-transform: uppercase;
}

.card-style {
  background: #fafafa;
  -webkit-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
          box-shadow: 0 4px 20px rgba(0, 0, 0, 0.4);
  border-radius: 1px;
}

.btn {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 10rem;
  display: inline-block;
  margin-top: 2rem;
  padding: 1rem 2.5rem;
  text-transform: uppercase;
  overflow: hidden;
  position: relative;
}

.btn-light-animation {
  width: 130%;
  height: 5rem;
  background: #fafafa;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.3;
  -webkit-clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
          clip-path: polygon(15% 0, 100% 0, 85% 100%, 0 100%);
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
}

.btn-light-animation.keep-animating {
  -webkit-animation: btn-light-animation 5000ms linear infinite;
          animation: btn-light-animation 5000ms linear infinite;
}

.btn-light:hover .btn-light-animation,
.btn-light:focus .btn-light-animation {
  -webkit-animation: btn-light-animation-hover 200ms linear forwards;
          animation: btn-light-animation-hover 200ms linear forwards;
}

.btn-light {
  border: 2px solid #fafafa;
  color: #fafafa;
}

.btn-red {
  border: 2px solid #ff4d5a;
  color: #ff4d5a;
  letter-spacing: 0;
}

.btn-red:hover,
.btn-red:focus {
  background: #ff4d5a;
  color: #fafafa;
  opacity: 0.85;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
}

.btn-dark {
  color: #fafafa;
}

.btn:hover::after,
.btn:focus::after {
  opacity: 1;
}

.btn-dark::after {
  opacity: 1;
}

.btn-dark:hover::after,
.btn-dark:focus::after {
  opacity: 0;
}

.cta .btn {
  position: relative;
}

.cta .btn-icon {
  position: absolute;
  opacity: 0;
  top: 50%;
  right: 20%;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.cta .btn-icon i {
  -webkit-transform: translateY(-62%);
          transform: translateY(-62%);
}

.cta .btn-text {
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
}

.cta .btn:hover .btn-text,
.cta .btn:focus .btn-text {
  -webkit-transform: translateX(-0.8rem);
          transform: translateX(-0.8rem);
}

.cta .btn:hover .btn-icon,
.cta .btn:focus .btn-icon {
  opacity: 1;
  right: 1.1rem;
}

.cta .btn:hover .btn-icon .btn-icon-bounce,
.cta .btn:focus .btn-icon .btn-icon-bounce {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
  -webkit-animation: btn-arrow-bounce-x 500ms ease-in-out infinite alternate;
          animation: btn-arrow-bounce-x 500ms ease-in-out infinite alternate;
}

/*  ===============
  header
=============== */
header {
  --text-color: rgba(255, 255, 255, 0.95);
  --background: transparent;
  width: 100%;
  height: 11rem;
  position: fixed;
  margin-bottom: -11rem;
  top: 0;
  left: 0;
  z-index: 5500;
  background: var(--background);
  color: var(--text-color);
  -webkit-transition: 500ms ease-in;
  transition: 500ms ease-in;
  font-family: 'Ubuntu', Arial, sans-serif;
}

@media (min-width: 1150px) {
  .header-scrolled {
    top: -12rem;
  }
}

.nav-container {
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nav-brand {
  height: 6rem;
  width: 4.8rem;
}

.nav-logo {
  width: 100%;
  height: 100%;
  -webkit-transform: translateY(-0.7rem);
          transform: translateY(-0.7rem);
  display: none;
}

.nav-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.menu-icons {
  display: none;
}

.nav-item {
  margin: 0 2.5rem;
}

.nav-item:last-child {
  margin-right: 0;
}

.nav-link,
.current {
  color: var(--text-color);
  position: relative;
  font-size: 1.6rem;
}

.nav-link::before,
.current::before,
.nav-link:focus::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1.2rem;
  background-color: var(--text-color);
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  -webkit-transition: -webkit-transform 300ms ease-out;
  transition: -webkit-transform 300ms ease-out;
  transition: transform 300ms ease-out;
  transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
  opacity: 0.9;
}

.current::before,
.nav-link:hover::before,
.nav-link:focus::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

/*hero*/
.hero {
  width: 100%;
  min-height: 100vh;
  height: 100vh;
  background: -webkit-gradient(linear, right top, left top, from(#fafafa), to(#f5f5f5));
  background: linear-gradient(-90deg, #fafafa, #f5f5f5);
  padding: 0;
  z-index: 500;
  overflow: hidden;
}

.hero-background {
  min-height: 100vh;
  height: 100vh;
  margin-bottom: -100vh;
  position: relative;
  z-index: 100;
}

.hero {
  background: url("../img/hero_bg.jpg");
  background-size: cover;
  background-position: 20%;
}

.credits {
  font-size: 1.2rem;
  color: #fafafa;
  position: absolute;
  bottom: 1rem;
  right: 1.5rem;
  opacity: 0.1;
  letter-spacing: -.5px;
  z-index: 2000;
}

.credits > a {
  font-size: 1.2rem;
}

.credits:hover {
  opacity: 0.8;
}

/*===============
    hero motion
=============== */
.hero-motion {
  position: relative;
}

.hero-motion-scrolled {
  display: none;
}

.motion-circle-container {
  position: absolute;
  -webkit-transform: translateY(-10vh);
          transform: translateY(-10vh);
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

.motion-circle-container .motion-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-image: radial-gradient(#99ffff, #99ffff 10%, rgba(153, 255, 255, 0) 56%);
  -webkit-animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
          animation: fadein-frames 200ms infinite, scale-frames 2s infinite;
}

@-webkit-keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-frames {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes scale-frames {
  0% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
            transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    -webkit-transform: scale3d(2.2, 2.2, 1);
            transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
            transform: scale3d(0.4, 0.4, 1);
  }
}

@keyframes scale-frames {
  0% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
            transform: scale3d(0.4, 0.4, 1);
  }
  50% {
    -webkit-transform: scale3d(2.2, 2.2, 1);
            transform: scale3d(2.2, 2.2, 1);
  }
  100% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
            transform: scale3d(0.4, 0.4, 1);
  }
}

.motion-circle-container:nth-child(1) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-1;
          animation-name: move-frames-1;
  -webkit-animation-duration: 32631ms;
          animation-duration: 32631ms;
  -webkit-animation-delay: 26235ms;
          animation-delay: 26235ms;
}

@-webkit-keyframes move-frames-1 {
  from {
    -webkit-transform: translate3d(18vw, 104vh, 0);
            transform: translate3d(18vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -110vh, 0);
            transform: translate3d(4vw, -110vh, 0);
  }
}

@keyframes move-frames-1 {
  from {
    -webkit-transform: translate3d(18vw, 104vh, 0);
            transform: translate3d(18vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -110vh, 0);
            transform: translate3d(4vw, -110vh, 0);
  }
}

.motion-circle-container:nth-child(1) .motion-circle {
  -webkit-animation-delay: 3791ms;
          animation-delay: 3791ms;
}

.motion-circle-container:nth-child(2) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-2;
          animation-name: move-frames-2;
  -webkit-animation-duration: 31543ms;
          animation-duration: 31543ms;
  -webkit-animation-delay: 24381ms;
          animation-delay: 24381ms;
}

@-webkit-keyframes move-frames-2 {
  from {
    -webkit-transform: translate3d(78vw, 110vh, 0);
            transform: translate3d(78vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(45vw, -138vh, 0);
            transform: translate3d(45vw, -138vh, 0);
  }
}

@keyframes move-frames-2 {
  from {
    -webkit-transform: translate3d(78vw, 110vh, 0);
            transform: translate3d(78vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(45vw, -138vh, 0);
            transform: translate3d(45vw, -138vh, 0);
  }
}

.motion-circle-container:nth-child(2) .motion-circle {
  -webkit-animation-delay: 2133ms;
          animation-delay: 2133ms;
}

.motion-circle-container:nth-child(3) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-3;
          animation-name: move-frames-3;
  -webkit-animation-duration: 28976ms;
          animation-duration: 28976ms;
  -webkit-animation-delay: 21429ms;
          animation-delay: 21429ms;
}

@-webkit-keyframes move-frames-3 {
  from {
    -webkit-transform: translate3d(78vw, 106vh, 0);
            transform: translate3d(78vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -117vh, 0);
            transform: translate3d(11vw, -117vh, 0);
  }
}

@keyframes move-frames-3 {
  from {
    -webkit-transform: translate3d(78vw, 106vh, 0);
            transform: translate3d(78vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -117vh, 0);
            transform: translate3d(11vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(3) .motion-circle {
  -webkit-animation-delay: 963ms;
          animation-delay: 963ms;
}

.motion-circle-container:nth-child(4) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-4;
          animation-name: move-frames-4;
  -webkit-animation-duration: 29029ms;
          animation-duration: 29029ms;
  -webkit-animation-delay: 25661ms;
          animation-delay: 25661ms;
}

@-webkit-keyframes move-frames-4 {
  from {
    -webkit-transform: translate3d(35vw, 103vh, 0);
            transform: translate3d(35vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(7vw, -108vh, 0);
            transform: translate3d(7vw, -108vh, 0);
  }
}

@keyframes move-frames-4 {
  from {
    -webkit-transform: translate3d(35vw, 103vh, 0);
            transform: translate3d(35vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(7vw, -108vh, 0);
            transform: translate3d(7vw, -108vh, 0);
  }
}

.motion-circle-container:nth-child(4) .motion-circle {
  -webkit-animation-delay: 3103ms;
          animation-delay: 3103ms;
}

.motion-circle-container:nth-child(5) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-5;
          animation-name: move-frames-5;
  -webkit-animation-duration: 29998ms;
          animation-duration: 29998ms;
  -webkit-animation-delay: 5833ms;
          animation-delay: 5833ms;
}

@-webkit-keyframes move-frames-5 {
  from {
    -webkit-transform: translate3d(51vw, 104vh, 0);
            transform: translate3d(51vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(23vw, -129vh, 0);
            transform: translate3d(23vw, -129vh, 0);
  }
}

@keyframes move-frames-5 {
  from {
    -webkit-transform: translate3d(51vw, 104vh, 0);
            transform: translate3d(51vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(23vw, -129vh, 0);
            transform: translate3d(23vw, -129vh, 0);
  }
}

.motion-circle-container:nth-child(5) .motion-circle {
  -webkit-animation-delay: 513ms;
          animation-delay: 513ms;
}

.motion-circle-container:nth-child(6) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-6;
          animation-name: move-frames-6;
  -webkit-animation-duration: 34612ms;
          animation-duration: 34612ms;
  -webkit-animation-delay: 32112ms;
          animation-delay: 32112ms;
}

@-webkit-keyframes move-frames-6 {
  from {
    -webkit-transform: translate3d(34vw, 101vh, 0);
            transform: translate3d(34vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(69vw, -129vh, 0);
            transform: translate3d(69vw, -129vh, 0);
  }
}

@keyframes move-frames-6 {
  from {
    -webkit-transform: translate3d(34vw, 101vh, 0);
            transform: translate3d(34vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(69vw, -129vh, 0);
            transform: translate3d(69vw, -129vh, 0);
  }
}

.motion-circle-container:nth-child(6) .motion-circle {
  -webkit-animation-delay: 3621ms;
          animation-delay: 3621ms;
}

.motion-circle-container:nth-child(7) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-7;
          animation-name: move-frames-7;
  -webkit-animation-duration: 30277ms;
          animation-duration: 30277ms;
  -webkit-animation-delay: 13289ms;
          animation-delay: 13289ms;
}

@-webkit-keyframes move-frames-7 {
  from {
    -webkit-transform: translate3d(65vw, 104vh, 0);
            transform: translate3d(65vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(99vw, -114vh, 0);
            transform: translate3d(99vw, -114vh, 0);
  }
}

@keyframes move-frames-7 {
  from {
    -webkit-transform: translate3d(65vw, 104vh, 0);
            transform: translate3d(65vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(99vw, -114vh, 0);
            transform: translate3d(99vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(7) .motion-circle {
  -webkit-animation-delay: 2298ms;
          animation-delay: 2298ms;
}

.motion-circle-container:nth-child(8) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-8;
          animation-name: move-frames-8;
  -webkit-animation-duration: 29043ms;
          animation-duration: 29043ms;
  -webkit-animation-delay: 8723ms;
          animation-delay: 8723ms;
}

@-webkit-keyframes move-frames-8 {
  from {
    -webkit-transform: translate3d(69vw, 107vh, 0);
            transform: translate3d(69vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(38vw, -109vh, 0);
            transform: translate3d(38vw, -109vh, 0);
  }
}

@keyframes move-frames-8 {
  from {
    -webkit-transform: translate3d(69vw, 107vh, 0);
            transform: translate3d(69vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(38vw, -109vh, 0);
            transform: translate3d(38vw, -109vh, 0);
  }
}

.motion-circle-container:nth-child(8) .motion-circle {
  -webkit-animation-delay: 1825ms;
          animation-delay: 1825ms;
}

.motion-circle-container:nth-child(9) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-9;
          animation-name: move-frames-9;
  -webkit-animation-duration: 34338ms;
          animation-duration: 34338ms;
  -webkit-animation-delay: 35957ms;
          animation-delay: 35957ms;
}

@-webkit-keyframes move-frames-9 {
  from {
    -webkit-transform: translate3d(86vw, 103vh, 0);
            transform: translate3d(86vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(39vw, -118vh, 0);
            transform: translate3d(39vw, -118vh, 0);
  }
}

@keyframes move-frames-9 {
  from {
    -webkit-transform: translate3d(86vw, 103vh, 0);
            transform: translate3d(86vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(39vw, -118vh, 0);
            transform: translate3d(39vw, -118vh, 0);
  }
}

.motion-circle-container:nth-child(9) .motion-circle {
  -webkit-animation-delay: 1363ms;
          animation-delay: 1363ms;
}

.motion-circle-container:nth-child(10) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-10;
          animation-name: move-frames-10;
  -webkit-animation-duration: 33186ms;
          animation-duration: 33186ms;
  -webkit-animation-delay: 1020ms;
          animation-delay: 1020ms;
}

@-webkit-keyframes move-frames-10 {
  from {
    -webkit-transform: translate3d(14vw, 109vh, 0);
            transform: translate3d(14vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -136vh, 0);
            transform: translate3d(19vw, -136vh, 0);
  }
}

@keyframes move-frames-10 {
  from {
    -webkit-transform: translate3d(14vw, 109vh, 0);
            transform: translate3d(14vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -136vh, 0);
            transform: translate3d(19vw, -136vh, 0);
  }
}

.motion-circle-container:nth-child(10) .motion-circle {
  -webkit-animation-delay: 2081ms;
          animation-delay: 2081ms;
}

.motion-circle-container:nth-child(11) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-11;
          animation-name: move-frames-11;
  -webkit-animation-duration: 34342ms;
          animation-duration: 34342ms;
  -webkit-animation-delay: 24547ms;
          animation-delay: 24547ms;
}

@-webkit-keyframes move-frames-11 {
  from {
    -webkit-transform: translate3d(67vw, 107vh, 0);
            transform: translate3d(67vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -131vh, 0);
            transform: translate3d(48vw, -131vh, 0);
  }
}

@keyframes move-frames-11 {
  from {
    -webkit-transform: translate3d(67vw, 107vh, 0);
            transform: translate3d(67vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -131vh, 0);
            transform: translate3d(48vw, -131vh, 0);
  }
}

.motion-circle-container:nth-child(11) .motion-circle {
  -webkit-animation-delay: 170ms;
          animation-delay: 170ms;
}

.motion-circle-container:nth-child(12) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-12;
          animation-name: move-frames-12;
  -webkit-animation-duration: 30816ms;
          animation-duration: 30816ms;
  -webkit-animation-delay: 20504ms;
          animation-delay: 20504ms;
}

@-webkit-keyframes move-frames-12 {
  from {
    -webkit-transform: translate3d(25vw, 105vh, 0);
            transform: translate3d(25vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -121vh, 0);
            transform: translate3d(53vw, -121vh, 0);
  }
}

@keyframes move-frames-12 {
  from {
    -webkit-transform: translate3d(25vw, 105vh, 0);
            transform: translate3d(25vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -121vh, 0);
            transform: translate3d(53vw, -121vh, 0);
  }
}

.motion-circle-container:nth-child(12) .motion-circle {
  -webkit-animation-delay: 3804ms;
          animation-delay: 3804ms;
}

.motion-circle-container:nth-child(13) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-13;
          animation-name: move-frames-13;
  -webkit-animation-duration: 28755ms;
          animation-duration: 28755ms;
  -webkit-animation-delay: 30332ms;
          animation-delay: 30332ms;
}

@-webkit-keyframes move-frames-13 {
  from {
    -webkit-transform: translate3d(56vw, 109vh, 0);
            transform: translate3d(56vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(68vw, -112vh, 0);
            transform: translate3d(68vw, -112vh, 0);
  }
}

@keyframes move-frames-13 {
  from {
    -webkit-transform: translate3d(56vw, 109vh, 0);
            transform: translate3d(56vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(68vw, -112vh, 0);
            transform: translate3d(68vw, -112vh, 0);
  }
}

.motion-circle-container:nth-child(13) .motion-circle {
  -webkit-animation-delay: 3487ms;
          animation-delay: 3487ms;
}

.motion-circle-container:nth-child(14) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-14;
          animation-name: move-frames-14;
  -webkit-animation-duration: 34510ms;
          animation-duration: 34510ms;
  -webkit-animation-delay: 10314ms;
          animation-delay: 10314ms;
}

@-webkit-keyframes move-frames-14 {
  from {
    -webkit-transform: translate3d(29vw, 106vh, 0);
            transform: translate3d(29vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(78vw, -118vh, 0);
            transform: translate3d(78vw, -118vh, 0);
  }
}

@keyframes move-frames-14 {
  from {
    -webkit-transform: translate3d(29vw, 106vh, 0);
            transform: translate3d(29vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(78vw, -118vh, 0);
            transform: translate3d(78vw, -118vh, 0);
  }
}

.motion-circle-container:nth-child(14) .motion-circle {
  -webkit-animation-delay: 2409ms;
          animation-delay: 2409ms;
}

.motion-circle-container:nth-child(15) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-15;
          animation-name: move-frames-15;
  -webkit-animation-duration: 33765ms;
          animation-duration: 33765ms;
  -webkit-animation-delay: 26236ms;
          animation-delay: 26236ms;
}

@-webkit-keyframes move-frames-15 {
  from {
    -webkit-transform: translate3d(84vw, 109vh, 0);
            transform: translate3d(84vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -112vh, 0);
            transform: translate3d(98vw, -112vh, 0);
  }
}

@keyframes move-frames-15 {
  from {
    -webkit-transform: translate3d(84vw, 109vh, 0);
            transform: translate3d(84vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -112vh, 0);
            transform: translate3d(98vw, -112vh, 0);
  }
}

.motion-circle-container:nth-child(15) .motion-circle {
  -webkit-animation-delay: 2250ms;
          animation-delay: 2250ms;
}

.motion-circle-container:nth-child(16) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-16;
          animation-name: move-frames-16;
  -webkit-animation-duration: 35020ms;
          animation-duration: 35020ms;
  -webkit-animation-delay: 30785ms;
          animation-delay: 30785ms;
}

@-webkit-keyframes move-frames-16 {
  from {
    -webkit-transform: translate3d(68vw, 102vh, 0);
            transform: translate3d(68vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -130vh, 0);
            transform: translate3d(19vw, -130vh, 0);
  }
}

@keyframes move-frames-16 {
  from {
    -webkit-transform: translate3d(68vw, 102vh, 0);
            transform: translate3d(68vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -130vh, 0);
            transform: translate3d(19vw, -130vh, 0);
  }
}

.motion-circle-container:nth-child(16) .motion-circle {
  -webkit-animation-delay: 1612ms;
          animation-delay: 1612ms;
}

.motion-circle-container:nth-child(17) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-17;
          animation-name: move-frames-17;
  -webkit-animation-duration: 29094ms;
          animation-duration: 29094ms;
  -webkit-animation-delay: 9842ms;
          animation-delay: 9842ms;
}

@-webkit-keyframes move-frames-17 {
  from {
    -webkit-transform: translate3d(96vw, 101vh, 0);
            transform: translate3d(96vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(16vw, -131vh, 0);
            transform: translate3d(16vw, -131vh, 0);
  }
}

@keyframes move-frames-17 {
  from {
    -webkit-transform: translate3d(96vw, 101vh, 0);
            transform: translate3d(96vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(16vw, -131vh, 0);
            transform: translate3d(16vw, -131vh, 0);
  }
}

.motion-circle-container:nth-child(17) .motion-circle {
  -webkit-animation-delay: 2099ms;
          animation-delay: 2099ms;
}

.motion-circle-container:nth-child(18) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-18;
          animation-name: move-frames-18;
  -webkit-animation-duration: 32711ms;
          animation-duration: 32711ms;
  -webkit-animation-delay: 22416ms;
          animation-delay: 22416ms;
}

@-webkit-keyframes move-frames-18 {
  from {
    -webkit-transform: translate3d(72vw, 106vh, 0);
            transform: translate3d(72vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(29vw, -109vh, 0);
            transform: translate3d(29vw, -109vh, 0);
  }
}

@keyframes move-frames-18 {
  from {
    -webkit-transform: translate3d(72vw, 106vh, 0);
            transform: translate3d(72vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(29vw, -109vh, 0);
            transform: translate3d(29vw, -109vh, 0);
  }
}

.motion-circle-container:nth-child(18) .motion-circle {
  -webkit-animation-delay: 443ms;
          animation-delay: 443ms;
}

.motion-circle-container:nth-child(19) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-19;
          animation-name: move-frames-19;
  -webkit-animation-duration: 31887ms;
          animation-duration: 31887ms;
  -webkit-animation-delay: 25171ms;
          animation-delay: 25171ms;
}

@-webkit-keyframes move-frames-19 {
  from {
    -webkit-transform: translate3d(8vw, 101vh, 0);
            transform: translate3d(8vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(65vw, -122vh, 0);
            transform: translate3d(65vw, -122vh, 0);
  }
}

@keyframes move-frames-19 {
  from {
    -webkit-transform: translate3d(8vw, 101vh, 0);
            transform: translate3d(8vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(65vw, -122vh, 0);
            transform: translate3d(65vw, -122vh, 0);
  }
}

.motion-circle-container:nth-child(19) .motion-circle {
  -webkit-animation-delay: 614ms;
          animation-delay: 614ms;
}

.motion-circle-container:nth-child(20) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-20;
          animation-name: move-frames-20;
  -webkit-animation-duration: 32940ms;
          animation-duration: 32940ms;
  -webkit-animation-delay: 3450ms;
          animation-delay: 3450ms;
}

@-webkit-keyframes move-frames-20 {
  from {
    -webkit-transform: translate3d(49vw, 107vh, 0);
            transform: translate3d(49vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(22vw, -114vh, 0);
            transform: translate3d(22vw, -114vh, 0);
  }
}

@keyframes move-frames-20 {
  from {
    -webkit-transform: translate3d(49vw, 107vh, 0);
            transform: translate3d(49vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(22vw, -114vh, 0);
            transform: translate3d(22vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(20) .motion-circle {
  -webkit-animation-delay: 2023ms;
          animation-delay: 2023ms;
}

.motion-circle-container:nth-child(21) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-21;
          animation-name: move-frames-21;
  -webkit-animation-duration: 28990ms;
          animation-duration: 28990ms;
  -webkit-animation-delay: 16593ms;
          animation-delay: 16593ms;
}

@-webkit-keyframes move-frames-21 {
  from {
    -webkit-transform: translate3d(66vw, 109vh, 0);
            transform: translate3d(66vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -125vh, 0);
            transform: translate3d(97vw, -125vh, 0);
  }
}

@keyframes move-frames-21 {
  from {
    -webkit-transform: translate3d(66vw, 109vh, 0);
            transform: translate3d(66vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -125vh, 0);
            transform: translate3d(97vw, -125vh, 0);
  }
}

.motion-circle-container:nth-child(21) .motion-circle {
  -webkit-animation-delay: 2895ms;
          animation-delay: 2895ms;
}

.motion-circle-container:nth-child(22) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-22;
          animation-name: move-frames-22;
  -webkit-animation-duration: 34795ms;
          animation-duration: 34795ms;
  -webkit-animation-delay: 1642ms;
          animation-delay: 1642ms;
}

@-webkit-keyframes move-frames-22 {
  from {
    -webkit-transform: translate3d(8vw, 102vh, 0);
            transform: translate3d(8vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -129vh, 0);
            transform: translate3d(72vw, -129vh, 0);
  }
}

@keyframes move-frames-22 {
  from {
    -webkit-transform: translate3d(8vw, 102vh, 0);
            transform: translate3d(8vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -129vh, 0);
            transform: translate3d(72vw, -129vh, 0);
  }
}

.motion-circle-container:nth-child(22) .motion-circle {
  -webkit-animation-delay: 341ms;
          animation-delay: 341ms;
}

.motion-circle-container:nth-child(23) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-23;
          animation-name: move-frames-23;
  -webkit-animation-duration: 28183ms;
          animation-duration: 28183ms;
  -webkit-animation-delay: 21594ms;
          animation-delay: 21594ms;
}

@-webkit-keyframes move-frames-23 {
  from {
    -webkit-transform: translate3d(87vw, 103vh, 0);
            transform: translate3d(87vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(95vw, -131vh, 0);
            transform: translate3d(95vw, -131vh, 0);
  }
}

@keyframes move-frames-23 {
  from {
    -webkit-transform: translate3d(87vw, 103vh, 0);
            transform: translate3d(87vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(95vw, -131vh, 0);
            transform: translate3d(95vw, -131vh, 0);
  }
}

.motion-circle-container:nth-child(23) .motion-circle {
  -webkit-animation-delay: 3011ms;
          animation-delay: 3011ms;
}

.motion-circle-container:nth-child(24) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-24;
          animation-name: move-frames-24;
  -webkit-animation-duration: 28761ms;
          animation-duration: 28761ms;
  -webkit-animation-delay: 31519ms;
          animation-delay: 31519ms;
}

@-webkit-keyframes move-frames-24 {
  from {
    -webkit-transform: translate3d(61vw, 101vh, 0);
            transform: translate3d(61vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(46vw, -120vh, 0);
            transform: translate3d(46vw, -120vh, 0);
  }
}

@keyframes move-frames-24 {
  from {
    -webkit-transform: translate3d(61vw, 101vh, 0);
            transform: translate3d(61vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(46vw, -120vh, 0);
            transform: translate3d(46vw, -120vh, 0);
  }
}

.motion-circle-container:nth-child(24) .motion-circle {
  -webkit-animation-delay: 708ms;
          animation-delay: 708ms;
}

.motion-circle-container:nth-child(25) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-25;
          animation-name: move-frames-25;
  -webkit-animation-duration: 35228ms;
          animation-duration: 35228ms;
  -webkit-animation-delay: 4655ms;
          animation-delay: 4655ms;
}

@-webkit-keyframes move-frames-25 {
  from {
    -webkit-transform: translate3d(25vw, 110vh, 0);
            transform: translate3d(25vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(12vw, -127vh, 0);
            transform: translate3d(12vw, -127vh, 0);
  }
}

@keyframes move-frames-25 {
  from {
    -webkit-transform: translate3d(25vw, 110vh, 0);
            transform: translate3d(25vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(12vw, -127vh, 0);
            transform: translate3d(12vw, -127vh, 0);
  }
}

.motion-circle-container:nth-child(25) .motion-circle {
  -webkit-animation-delay: 134ms;
          animation-delay: 134ms;
}

.motion-circle-container:nth-child(26) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-26;
          animation-name: move-frames-26;
  -webkit-animation-duration: 35533ms;
          animation-duration: 35533ms;
  -webkit-animation-delay: 32242ms;
          animation-delay: 32242ms;
}

@-webkit-keyframes move-frames-26 {
  from {
    -webkit-transform: translate3d(68vw, 108vh, 0);
            transform: translate3d(68vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(100vw, -117vh, 0);
            transform: translate3d(100vw, -117vh, 0);
  }
}

@keyframes move-frames-26 {
  from {
    -webkit-transform: translate3d(68vw, 108vh, 0);
            transform: translate3d(68vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(100vw, -117vh, 0);
            transform: translate3d(100vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(26) .motion-circle {
  -webkit-animation-delay: 866ms;
          animation-delay: 866ms;
}

.motion-circle-container:nth-child(27) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-27;
          animation-name: move-frames-27;
  -webkit-animation-duration: 28886ms;
          animation-duration: 28886ms;
  -webkit-animation-delay: 20122ms;
          animation-delay: 20122ms;
}

@-webkit-keyframes move-frames-27 {
  from {
    -webkit-transform: translate3d(100vw, 110vh, 0);
            transform: translate3d(100vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(16vw, -115vh, 0);
            transform: translate3d(16vw, -115vh, 0);
  }
}

@keyframes move-frames-27 {
  from {
    -webkit-transform: translate3d(100vw, 110vh, 0);
            transform: translate3d(100vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(16vw, -115vh, 0);
            transform: translate3d(16vw, -115vh, 0);
  }
}

.motion-circle-container:nth-child(27) .motion-circle {
  -webkit-animation-delay: 2325ms;
          animation-delay: 2325ms;
}

.motion-circle-container:nth-child(28) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-28;
          animation-name: move-frames-28;
  -webkit-animation-duration: 34924ms;
          animation-duration: 34924ms;
  -webkit-animation-delay: 31923ms;
          animation-delay: 31923ms;
}

@-webkit-keyframes move-frames-28 {
  from {
    -webkit-transform: translate3d(67vw, 104vh, 0);
            transform: translate3d(67vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(20vw, -109vh, 0);
            transform: translate3d(20vw, -109vh, 0);
  }
}

@keyframes move-frames-28 {
  from {
    -webkit-transform: translate3d(67vw, 104vh, 0);
            transform: translate3d(67vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(20vw, -109vh, 0);
            transform: translate3d(20vw, -109vh, 0);
  }
}

.motion-circle-container:nth-child(28) .motion-circle {
  -webkit-animation-delay: 1493ms;
          animation-delay: 1493ms;
}

.motion-circle-container:nth-child(29) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-29;
          animation-name: move-frames-29;
  -webkit-animation-duration: 35908ms;
          animation-duration: 35908ms;
  -webkit-animation-delay: 8180ms;
          animation-delay: 8180ms;
}

@-webkit-keyframes move-frames-29 {
  from {
    -webkit-transform: translate3d(19vw, 101vh, 0);
            transform: translate3d(19vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(60vw, -105vh, 0);
            transform: translate3d(60vw, -105vh, 0);
  }
}

@keyframes move-frames-29 {
  from {
    -webkit-transform: translate3d(19vw, 101vh, 0);
            transform: translate3d(19vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(60vw, -105vh, 0);
            transform: translate3d(60vw, -105vh, 0);
  }
}

.motion-circle-container:nth-child(29) .motion-circle {
  -webkit-animation-delay: 2841ms;
          animation-delay: 2841ms;
}

.motion-circle-container:nth-child(30) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-30;
          animation-name: move-frames-30;
  -webkit-animation-duration: 31810ms;
          animation-duration: 31810ms;
  -webkit-animation-delay: 5126ms;
          animation-delay: 5126ms;
}

@-webkit-keyframes move-frames-30 {
  from {
    -webkit-transform: translate3d(7vw, 109vh, 0);
            transform: translate3d(7vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -134vh, 0);
            transform: translate3d(30vw, -134vh, 0);
  }
}

@keyframes move-frames-30 {
  from {
    -webkit-transform: translate3d(7vw, 109vh, 0);
            transform: translate3d(7vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -134vh, 0);
            transform: translate3d(30vw, -134vh, 0);
  }
}

.motion-circle-container:nth-child(30) .motion-circle {
  -webkit-animation-delay: 3812ms;
          animation-delay: 3812ms;
}

.motion-circle-container:nth-child(31) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-31;
          animation-name: move-frames-31;
  -webkit-animation-duration: 30678ms;
          animation-duration: 30678ms;
  -webkit-animation-delay: 11222ms;
          animation-delay: 11222ms;
}

@-webkit-keyframes move-frames-31 {
  from {
    -webkit-transform: translate3d(69vw, 105vh, 0);
            transform: translate3d(69vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -109vh, 0);
            transform: translate3d(97vw, -109vh, 0);
  }
}

@keyframes move-frames-31 {
  from {
    -webkit-transform: translate3d(69vw, 105vh, 0);
            transform: translate3d(69vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -109vh, 0);
            transform: translate3d(97vw, -109vh, 0);
  }
}

.motion-circle-container:nth-child(31) .motion-circle {
  -webkit-animation-delay: 3705ms;
          animation-delay: 3705ms;
}

.motion-circle-container:nth-child(32) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-32;
          animation-name: move-frames-32;
  -webkit-animation-duration: 35707ms;
          animation-duration: 35707ms;
  -webkit-animation-delay: 15247ms;
          animation-delay: 15247ms;
}

@-webkit-keyframes move-frames-32 {
  from {
    -webkit-transform: translate3d(33vw, 101vh, 0);
            transform: translate3d(33vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(21vw, -122vh, 0);
            transform: translate3d(21vw, -122vh, 0);
  }
}

@keyframes move-frames-32 {
  from {
    -webkit-transform: translate3d(33vw, 101vh, 0);
            transform: translate3d(33vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(21vw, -122vh, 0);
            transform: translate3d(21vw, -122vh, 0);
  }
}

.motion-circle-container:nth-child(32) .motion-circle {
  -webkit-animation-delay: 761ms;
          animation-delay: 761ms;
}

.motion-circle-container:nth-child(33) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-33;
          animation-name: move-frames-33;
  -webkit-animation-duration: 34094ms;
          animation-duration: 34094ms;
  -webkit-animation-delay: 22888ms;
          animation-delay: 22888ms;
}

@-webkit-keyframes move-frames-33 {
  from {
    -webkit-transform: translate3d(77vw, 109vh, 0);
            transform: translate3d(77vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(95vw, -124vh, 0);
            transform: translate3d(95vw, -124vh, 0);
  }
}

@keyframes move-frames-33 {
  from {
    -webkit-transform: translate3d(77vw, 109vh, 0);
            transform: translate3d(77vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(95vw, -124vh, 0);
            transform: translate3d(95vw, -124vh, 0);
  }
}

.motion-circle-container:nth-child(33) .motion-circle {
  -webkit-animation-delay: 1677ms;
          animation-delay: 1677ms;
}

.motion-circle-container:nth-child(34) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-34;
          animation-name: move-frames-34;
  -webkit-animation-duration: 32749ms;
          animation-duration: 32749ms;
  -webkit-animation-delay: 10850ms;
          animation-delay: 10850ms;
}

@-webkit-keyframes move-frames-34 {
  from {
    -webkit-transform: translate3d(60vw, 109vh, 0);
            transform: translate3d(60vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -120vh, 0);
            transform: translate3d(11vw, -120vh, 0);
  }
}

@keyframes move-frames-34 {
  from {
    -webkit-transform: translate3d(60vw, 109vh, 0);
            transform: translate3d(60vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -120vh, 0);
            transform: translate3d(11vw, -120vh, 0);
  }
}

.motion-circle-container:nth-child(34) .motion-circle {
  -webkit-animation-delay: 15ms;
          animation-delay: 15ms;
}

.motion-circle-container:nth-child(35) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-35;
          animation-name: move-frames-35;
  -webkit-animation-duration: 32540ms;
          animation-duration: 32540ms;
  -webkit-animation-delay: 22423ms;
          animation-delay: 22423ms;
}

@-webkit-keyframes move-frames-35 {
  from {
    -webkit-transform: translate3d(58vw, 104vh, 0);
            transform: translate3d(58vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -116vh, 0);
            transform: translate3d(49vw, -116vh, 0);
  }
}

@keyframes move-frames-35 {
  from {
    -webkit-transform: translate3d(58vw, 104vh, 0);
            transform: translate3d(58vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -116vh, 0);
            transform: translate3d(49vw, -116vh, 0);
  }
}

.motion-circle-container:nth-child(35) .motion-circle {
  -webkit-animation-delay: 1323ms;
          animation-delay: 1323ms;
}

.motion-circle-container:nth-child(36) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-36;
          animation-name: move-frames-36;
  -webkit-animation-duration: 35387ms;
          animation-duration: 35387ms;
  -webkit-animation-delay: 14114ms;
          animation-delay: 14114ms;
}

@-webkit-keyframes move-frames-36 {
  from {
    -webkit-transform: translate3d(56vw, 110vh, 0);
            transform: translate3d(56vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(28vw, -122vh, 0);
            transform: translate3d(28vw, -122vh, 0);
  }
}

@keyframes move-frames-36 {
  from {
    -webkit-transform: translate3d(56vw, 110vh, 0);
            transform: translate3d(56vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(28vw, -122vh, 0);
            transform: translate3d(28vw, -122vh, 0);
  }
}

.motion-circle-container:nth-child(36) .motion-circle {
  -webkit-animation-delay: 541ms;
          animation-delay: 541ms;
}

.motion-circle-container:nth-child(37) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-37;
          animation-name: move-frames-37;
  -webkit-animation-duration: 28984ms;
          animation-duration: 28984ms;
  -webkit-animation-delay: 16192ms;
          animation-delay: 16192ms;
}

@-webkit-keyframes move-frames-37 {
  from {
    -webkit-transform: translate3d(97vw, 102vh, 0);
            transform: translate3d(97vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(12vw, -127vh, 0);
            transform: translate3d(12vw, -127vh, 0);
  }
}

@keyframes move-frames-37 {
  from {
    -webkit-transform: translate3d(97vw, 102vh, 0);
            transform: translate3d(97vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(12vw, -127vh, 0);
            transform: translate3d(12vw, -127vh, 0);
  }
}

.motion-circle-container:nth-child(37) .motion-circle {
  -webkit-animation-delay: 1120ms;
          animation-delay: 1120ms;
}

.motion-circle-container:nth-child(38) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-38;
          animation-name: move-frames-38;
  -webkit-animation-duration: 34509ms;
          animation-duration: 34509ms;
  -webkit-animation-delay: 31291ms;
          animation-delay: 31291ms;
}

@-webkit-keyframes move-frames-38 {
  from {
    -webkit-transform: translate3d(31vw, 101vh, 0);
            transform: translate3d(31vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(66vw, -108vh, 0);
            transform: translate3d(66vw, -108vh, 0);
  }
}

@keyframes move-frames-38 {
  from {
    -webkit-transform: translate3d(31vw, 101vh, 0);
            transform: translate3d(31vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(66vw, -108vh, 0);
            transform: translate3d(66vw, -108vh, 0);
  }
}

.motion-circle-container:nth-child(38) .motion-circle {
  -webkit-animation-delay: 2810ms;
          animation-delay: 2810ms;
}

.motion-circle-container:nth-child(39) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-39;
          animation-name: move-frames-39;
  -webkit-animation-duration: 35099ms;
          animation-duration: 35099ms;
  -webkit-animation-delay: 24385ms;
          animation-delay: 24385ms;
}

@-webkit-keyframes move-frames-39 {
  from {
    -webkit-transform: translate3d(4vw, 104vh, 0);
            transform: translate3d(4vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(23vw, -109vh, 0);
            transform: translate3d(23vw, -109vh, 0);
  }
}

@keyframes move-frames-39 {
  from {
    -webkit-transform: translate3d(4vw, 104vh, 0);
            transform: translate3d(4vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(23vw, -109vh, 0);
            transform: translate3d(23vw, -109vh, 0);
  }
}

.motion-circle-container:nth-child(39) .motion-circle {
  -webkit-animation-delay: 2232ms;
          animation-delay: 2232ms;
}

.motion-circle-container:nth-child(40) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-40;
          animation-name: move-frames-40;
  -webkit-animation-duration: 35024ms;
          animation-duration: 35024ms;
  -webkit-animation-delay: 27917ms;
          animation-delay: 27917ms;
}

@-webkit-keyframes move-frames-40 {
  from {
    -webkit-transform: translate3d(1vw, 106vh, 0);
            transform: translate3d(1vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(70vw, -128vh, 0);
            transform: translate3d(70vw, -128vh, 0);
  }
}

@keyframes move-frames-40 {
  from {
    -webkit-transform: translate3d(1vw, 106vh, 0);
            transform: translate3d(1vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(70vw, -128vh, 0);
            transform: translate3d(70vw, -128vh, 0);
  }
}

.motion-circle-container:nth-child(40) .motion-circle {
  -webkit-animation-delay: 3092ms;
          animation-delay: 3092ms;
}

.motion-circle-container:nth-child(41) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-41;
          animation-name: move-frames-41;
  -webkit-animation-duration: 36864ms;
          animation-duration: 36864ms;
  -webkit-animation-delay: 1375ms;
          animation-delay: 1375ms;
}

@-webkit-keyframes move-frames-41 {
  from {
    -webkit-transform: translate3d(98vw, 106vh, 0);
            transform: translate3d(98vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -117vh, 0);
            transform: translate3d(30vw, -117vh, 0);
  }
}

@keyframes move-frames-41 {
  from {
    -webkit-transform: translate3d(98vw, 106vh, 0);
            transform: translate3d(98vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -117vh, 0);
            transform: translate3d(30vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(41) .motion-circle {
  -webkit-animation-delay: 1844ms;
          animation-delay: 1844ms;
}

.motion-circle-container:nth-child(42) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-42;
          animation-name: move-frames-42;
  -webkit-animation-duration: 32068ms;
          animation-duration: 32068ms;
  -webkit-animation-delay: 5729ms;
          animation-delay: 5729ms;
}

@-webkit-keyframes move-frames-42 {
  from {
    -webkit-transform: translate3d(91vw, 104vh, 0);
            transform: translate3d(91vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -115vh, 0);
            transform: translate3d(56vw, -115vh, 0);
  }
}

@keyframes move-frames-42 {
  from {
    -webkit-transform: translate3d(91vw, 104vh, 0);
            transform: translate3d(91vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -115vh, 0);
            transform: translate3d(56vw, -115vh, 0);
  }
}

.motion-circle-container:nth-child(42) .motion-circle {
  -webkit-animation-delay: 3093ms;
          animation-delay: 3093ms;
}

.motion-circle-container:nth-child(43) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-43;
          animation-name: move-frames-43;
  -webkit-animation-duration: 34060ms;
          animation-duration: 34060ms;
  -webkit-animation-delay: 11222ms;
          animation-delay: 11222ms;
}

@-webkit-keyframes move-frames-43 {
  from {
    -webkit-transform: translate3d(99vw, 109vh, 0);
            transform: translate3d(99vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(77vw, -136vh, 0);
            transform: translate3d(77vw, -136vh, 0);
  }
}

@keyframes move-frames-43 {
  from {
    -webkit-transform: translate3d(99vw, 109vh, 0);
            transform: translate3d(99vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(77vw, -136vh, 0);
            transform: translate3d(77vw, -136vh, 0);
  }
}

.motion-circle-container:nth-child(43) .motion-circle {
  -webkit-animation-delay: 206ms;
          animation-delay: 206ms;
}

.motion-circle-container:nth-child(44) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-44;
          animation-name: move-frames-44;
  -webkit-animation-duration: 31615ms;
          animation-duration: 31615ms;
  -webkit-animation-delay: 23593ms;
          animation-delay: 23593ms;
}

@-webkit-keyframes move-frames-44 {
  from {
    -webkit-transform: translate3d(47vw, 110vh, 0);
            transform: translate3d(47vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(37vw, -135vh, 0);
            transform: translate3d(37vw, -135vh, 0);
  }
}

@keyframes move-frames-44 {
  from {
    -webkit-transform: translate3d(47vw, 110vh, 0);
            transform: translate3d(47vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(37vw, -135vh, 0);
            transform: translate3d(37vw, -135vh, 0);
  }
}

.motion-circle-container:nth-child(44) .motion-circle {
  -webkit-animation-delay: 3315ms;
          animation-delay: 3315ms;
}

.motion-circle-container:nth-child(45) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-45;
          animation-name: move-frames-45;
  -webkit-animation-duration: 35002ms;
          animation-duration: 35002ms;
  -webkit-animation-delay: 2165ms;
          animation-delay: 2165ms;
}

@-webkit-keyframes move-frames-45 {
  from {
    -webkit-transform: translate3d(46vw, 107vh, 0);
            transform: translate3d(46vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -129vh, 0);
            transform: translate3d(52vw, -129vh, 0);
  }
}

@keyframes move-frames-45 {
  from {
    -webkit-transform: translate3d(46vw, 107vh, 0);
            transform: translate3d(46vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -129vh, 0);
            transform: translate3d(52vw, -129vh, 0);
  }
}

.motion-circle-container:nth-child(45) .motion-circle {
  -webkit-animation-delay: 280ms;
          animation-delay: 280ms;
}

.motion-circle-container:nth-child(46) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-46;
          animation-name: move-frames-46;
  -webkit-animation-duration: 35787ms;
          animation-duration: 35787ms;
  -webkit-animation-delay: 17030ms;
          animation-delay: 17030ms;
}

@-webkit-keyframes move-frames-46 {
  from {
    -webkit-transform: translate3d(48vw, 110vh, 0);
            transform: translate3d(48vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(90vw, -128vh, 0);
            transform: translate3d(90vw, -128vh, 0);
  }
}

@keyframes move-frames-46 {
  from {
    -webkit-transform: translate3d(48vw, 110vh, 0);
            transform: translate3d(48vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(90vw, -128vh, 0);
            transform: translate3d(90vw, -128vh, 0);
  }
}

.motion-circle-container:nth-child(46) .motion-circle {
  -webkit-animation-delay: 1780ms;
          animation-delay: 1780ms;
}

.motion-circle-container:nth-child(47) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-47;
          animation-name: move-frames-47;
  -webkit-animation-duration: 28993ms;
          animation-duration: 28993ms;
  -webkit-animation-delay: 36146ms;
          animation-delay: 36146ms;
}

@-webkit-keyframes move-frames-47 {
  from {
    -webkit-transform: translate3d(24vw, 109vh, 0);
            transform: translate3d(24vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(55vw, -118vh, 0);
            transform: translate3d(55vw, -118vh, 0);
  }
}

@keyframes move-frames-47 {
  from {
    -webkit-transform: translate3d(24vw, 109vh, 0);
            transform: translate3d(24vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(55vw, -118vh, 0);
            transform: translate3d(55vw, -118vh, 0);
  }
}

.motion-circle-container:nth-child(47) .motion-circle {
  -webkit-animation-delay: 780ms;
          animation-delay: 780ms;
}

.motion-circle-container:nth-child(48) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-48;
          animation-name: move-frames-48;
  -webkit-animation-duration: 35306ms;
          animation-duration: 35306ms;
  -webkit-animation-delay: 31999ms;
          animation-delay: 31999ms;
}

@-webkit-keyframes move-frames-48 {
  from {
    -webkit-transform: translate3d(81vw, 101vh, 0);
            transform: translate3d(81vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -103vh, 0);
            transform: translate3d(97vw, -103vh, 0);
  }
}

@keyframes move-frames-48 {
  from {
    -webkit-transform: translate3d(81vw, 101vh, 0);
            transform: translate3d(81vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -103vh, 0);
            transform: translate3d(97vw, -103vh, 0);
  }
}

.motion-circle-container:nth-child(48) .motion-circle {
  -webkit-animation-delay: 362ms;
          animation-delay: 362ms;
}

.motion-circle-container:nth-child(49) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-49;
          animation-name: move-frames-49;
  -webkit-animation-duration: 34877ms;
          animation-duration: 34877ms;
  -webkit-animation-delay: 15951ms;
          animation-delay: 15951ms;
}

@-webkit-keyframes move-frames-49 {
  from {
    -webkit-transform: translate3d(62vw, 106vh, 0);
            transform: translate3d(62vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(50vw, -122vh, 0);
            transform: translate3d(50vw, -122vh, 0);
  }
}

@keyframes move-frames-49 {
  from {
    -webkit-transform: translate3d(62vw, 106vh, 0);
            transform: translate3d(62vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(50vw, -122vh, 0);
            transform: translate3d(50vw, -122vh, 0);
  }
}

.motion-circle-container:nth-child(49) .motion-circle {
  -webkit-animation-delay: 661ms;
          animation-delay: 661ms;
}

.motion-circle-container:nth-child(50) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-50;
          animation-name: move-frames-50;
  -webkit-animation-duration: 34952ms;
          animation-duration: 34952ms;
  -webkit-animation-delay: 22704ms;
          animation-delay: 22704ms;
}

@-webkit-keyframes move-frames-50 {
  from {
    -webkit-transform: translate3d(39vw, 105vh, 0);
            transform: translate3d(39vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(40vw, -135vh, 0);
            transform: translate3d(40vw, -135vh, 0);
  }
}

@keyframes move-frames-50 {
  from {
    -webkit-transform: translate3d(39vw, 105vh, 0);
            transform: translate3d(39vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(40vw, -135vh, 0);
            transform: translate3d(40vw, -135vh, 0);
  }
}

.motion-circle-container:nth-child(50) .motion-circle {
  -webkit-animation-delay: 1578ms;
          animation-delay: 1578ms;
}

.motion-circle-container:nth-child(51) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-51;
          animation-name: move-frames-51;
  -webkit-animation-duration: 32995ms;
          animation-duration: 32995ms;
  -webkit-animation-delay: 22653ms;
          animation-delay: 22653ms;
}

@-webkit-keyframes move-frames-51 {
  from {
    -webkit-transform: translate3d(34vw, 110vh, 0);
            transform: translate3d(34vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(73vw, -140vh, 0);
            transform: translate3d(73vw, -140vh, 0);
  }
}

@keyframes move-frames-51 {
  from {
    -webkit-transform: translate3d(34vw, 110vh, 0);
            transform: translate3d(34vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(73vw, -140vh, 0);
            transform: translate3d(73vw, -140vh, 0);
  }
}

.motion-circle-container:nth-child(51) .motion-circle {
  -webkit-animation-delay: 208ms;
          animation-delay: 208ms;
}

.motion-circle-container:nth-child(52) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-52;
          animation-name: move-frames-52;
  -webkit-animation-duration: 34290ms;
          animation-duration: 34290ms;
  -webkit-animation-delay: 462ms;
          animation-delay: 462ms;
}

@-webkit-keyframes move-frames-52 {
  from {
    -webkit-transform: translate3d(85vw, 108vh, 0);
            transform: translate3d(85vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -114vh, 0);
            transform: translate3d(49vw, -114vh, 0);
  }
}

@keyframes move-frames-52 {
  from {
    -webkit-transform: translate3d(85vw, 108vh, 0);
            transform: translate3d(85vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -114vh, 0);
            transform: translate3d(49vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(52) .motion-circle {
  -webkit-animation-delay: 1954ms;
          animation-delay: 1954ms;
}

.motion-circle-container:nth-child(53) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-53;
          animation-name: move-frames-53;
  -webkit-animation-duration: 35013ms;
          animation-duration: 35013ms;
  -webkit-animation-delay: 23287ms;
          animation-delay: 23287ms;
}

@-webkit-keyframes move-frames-53 {
  from {
    -webkit-transform: translate3d(8vw, 106vh, 0);
            transform: translate3d(8vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(67vw, -132vh, 0);
            transform: translate3d(67vw, -132vh, 0);
  }
}

@keyframes move-frames-53 {
  from {
    -webkit-transform: translate3d(8vw, 106vh, 0);
            transform: translate3d(8vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(67vw, -132vh, 0);
            transform: translate3d(67vw, -132vh, 0);
  }
}

.motion-circle-container:nth-child(53) .motion-circle {
  -webkit-animation-delay: 3359ms;
          animation-delay: 3359ms;
}

.motion-circle-container:nth-child(54) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-54;
          animation-name: move-frames-54;
  -webkit-animation-duration: 36655ms;
          animation-duration: 36655ms;
  -webkit-animation-delay: 15047ms;
          animation-delay: 15047ms;
}

@-webkit-keyframes move-frames-54 {
  from {
    -webkit-transform: translate3d(99vw, 110vh, 0);
            transform: translate3d(99vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -129vh, 0);
            transform: translate3d(32vw, -129vh, 0);
  }
}

@keyframes move-frames-54 {
  from {
    -webkit-transform: translate3d(99vw, 110vh, 0);
            transform: translate3d(99vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -129vh, 0);
            transform: translate3d(32vw, -129vh, 0);
  }
}

.motion-circle-container:nth-child(54) .motion-circle {
  -webkit-animation-delay: 2080ms;
          animation-delay: 2080ms;
}

.motion-circle-container:nth-child(55) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-55;
          animation-name: move-frames-55;
  -webkit-animation-duration: 32365ms;
          animation-duration: 32365ms;
  -webkit-animation-delay: 2884ms;
          animation-delay: 2884ms;
}

@-webkit-keyframes move-frames-55 {
  from {
    -webkit-transform: translate3d(79vw, 108vh, 0);
            transform: translate3d(79vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(36vw, -114vh, 0);
            transform: translate3d(36vw, -114vh, 0);
  }
}

@keyframes move-frames-55 {
  from {
    -webkit-transform: translate3d(79vw, 108vh, 0);
            transform: translate3d(79vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(36vw, -114vh, 0);
            transform: translate3d(36vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(55) .motion-circle {
  -webkit-animation-delay: 121ms;
          animation-delay: 121ms;
}

.motion-circle-container:nth-child(56) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-56;
          animation-name: move-frames-56;
  -webkit-animation-duration: 32078ms;
          animation-duration: 32078ms;
  -webkit-animation-delay: 19121ms;
          animation-delay: 19121ms;
}

@-webkit-keyframes move-frames-56 {
  from {
    -webkit-transform: translate3d(37vw, 102vh, 0);
            transform: translate3d(37vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -105vh, 0);
            transform: translate3d(91vw, -105vh, 0);
  }
}

@keyframes move-frames-56 {
  from {
    -webkit-transform: translate3d(37vw, 102vh, 0);
            transform: translate3d(37vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -105vh, 0);
            transform: translate3d(91vw, -105vh, 0);
  }
}

.motion-circle-container:nth-child(56) .motion-circle {
  -webkit-animation-delay: 1871ms;
          animation-delay: 1871ms;
}

.motion-circle-container:nth-child(57) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-57;
          animation-name: move-frames-57;
  -webkit-animation-duration: 30028ms;
          animation-duration: 30028ms;
  -webkit-animation-delay: 20478ms;
          animation-delay: 20478ms;
}

@-webkit-keyframes move-frames-57 {
  from {
    -webkit-transform: translate3d(40vw, 108vh, 0);
            transform: translate3d(40vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -119vh, 0);
            transform: translate3d(91vw, -119vh, 0);
  }
}

@keyframes move-frames-57 {
  from {
    -webkit-transform: translate3d(40vw, 108vh, 0);
            transform: translate3d(40vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(91vw, -119vh, 0);
            transform: translate3d(91vw, -119vh, 0);
  }
}

.motion-circle-container:nth-child(57) .motion-circle {
  -webkit-animation-delay: 2690ms;
          animation-delay: 2690ms;
}

.motion-circle-container:nth-child(58) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-58;
          animation-name: move-frames-58;
  -webkit-animation-duration: 31735ms;
          animation-duration: 31735ms;
  -webkit-animation-delay: 33373ms;
          animation-delay: 33373ms;
}

@-webkit-keyframes move-frames-58 {
  from {
    -webkit-transform: translate3d(60vw, 101vh, 0);
            transform: translate3d(60vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(25vw, -115vh, 0);
            transform: translate3d(25vw, -115vh, 0);
  }
}

@keyframes move-frames-58 {
  from {
    -webkit-transform: translate3d(60vw, 101vh, 0);
            transform: translate3d(60vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(25vw, -115vh, 0);
            transform: translate3d(25vw, -115vh, 0);
  }
}

.motion-circle-container:nth-child(58) .motion-circle {
  -webkit-animation-delay: 2982ms;
          animation-delay: 2982ms;
}

.motion-circle-container:nth-child(59) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-59;
          animation-name: move-frames-59;
  -webkit-animation-duration: 36919ms;
          animation-duration: 36919ms;
  -webkit-animation-delay: 23317ms;
          animation-delay: 23317ms;
}

@-webkit-keyframes move-frames-59 {
  from {
    -webkit-transform: translate3d(74vw, 107vh, 0);
            transform: translate3d(74vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(41vw, -114vh, 0);
            transform: translate3d(41vw, -114vh, 0);
  }
}

@keyframes move-frames-59 {
  from {
    -webkit-transform: translate3d(74vw, 107vh, 0);
            transform: translate3d(74vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(41vw, -114vh, 0);
            transform: translate3d(41vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(59) .motion-circle {
  -webkit-animation-delay: 352ms;
          animation-delay: 352ms;
}

.motion-circle-container:nth-child(60) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-60;
          animation-name: move-frames-60;
  -webkit-animation-duration: 32132ms;
          animation-duration: 32132ms;
  -webkit-animation-delay: 3466ms;
          animation-delay: 3466ms;
}

@-webkit-keyframes move-frames-60 {
  from {
    -webkit-transform: translate3d(97vw, 101vh, 0);
            transform: translate3d(97vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(100vw, -102vh, 0);
            transform: translate3d(100vw, -102vh, 0);
  }
}

@keyframes move-frames-60 {
  from {
    -webkit-transform: translate3d(97vw, 101vh, 0);
            transform: translate3d(97vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(100vw, -102vh, 0);
            transform: translate3d(100vw, -102vh, 0);
  }
}

.motion-circle-container:nth-child(60) .motion-circle {
  -webkit-animation-delay: 3240ms;
          animation-delay: 3240ms;
}

.motion-circle-container:nth-child(61) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-61;
          animation-name: move-frames-61;
  -webkit-animation-duration: 29846ms;
          animation-duration: 29846ms;
  -webkit-animation-delay: 16545ms;
          animation-delay: 16545ms;
}

@-webkit-keyframes move-frames-61 {
  from {
    -webkit-transform: translate3d(4vw, 108vh, 0);
            transform: translate3d(4vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(90vw, -117vh, 0);
            transform: translate3d(90vw, -117vh, 0);
  }
}

@keyframes move-frames-61 {
  from {
    -webkit-transform: translate3d(4vw, 108vh, 0);
            transform: translate3d(4vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(90vw, -117vh, 0);
            transform: translate3d(90vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(61) .motion-circle {
  -webkit-animation-delay: 3689ms;
          animation-delay: 3689ms;
}

.motion-circle-container:nth-child(62) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-62;
          animation-name: move-frames-62;
  -webkit-animation-duration: 33569ms;
          animation-duration: 33569ms;
  -webkit-animation-delay: 33694ms;
          animation-delay: 33694ms;
}

@-webkit-keyframes move-frames-62 {
  from {
    -webkit-transform: translate3d(59vw, 101vh, 0);
            transform: translate3d(59vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(43vw, -109vh, 0);
            transform: translate3d(43vw, -109vh, 0);
  }
}

@keyframes move-frames-62 {
  from {
    -webkit-transform: translate3d(59vw, 101vh, 0);
            transform: translate3d(59vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(43vw, -109vh, 0);
            transform: translate3d(43vw, -109vh, 0);
  }
}

.motion-circle-container:nth-child(62) .motion-circle {
  -webkit-animation-delay: 1985ms;
          animation-delay: 1985ms;
}

.motion-circle-container:nth-child(63) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-63;
          animation-name: move-frames-63;
  -webkit-animation-duration: 31262ms;
          animation-duration: 31262ms;
  -webkit-animation-delay: 5031ms;
          animation-delay: 5031ms;
}

@-webkit-keyframes move-frames-63 {
  from {
    -webkit-transform: translate3d(40vw, 106vh, 0);
            transform: translate3d(40vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -117vh, 0);
            transform: translate3d(76vw, -117vh, 0);
  }
}

@keyframes move-frames-63 {
  from {
    -webkit-transform: translate3d(40vw, 106vh, 0);
            transform: translate3d(40vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -117vh, 0);
            transform: translate3d(76vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(63) .motion-circle {
  -webkit-animation-delay: 3996ms;
          animation-delay: 3996ms;
}

.motion-circle-container:nth-child(64) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-64;
          animation-name: move-frames-64;
  -webkit-animation-duration: 36193ms;
          animation-duration: 36193ms;
  -webkit-animation-delay: 7220ms;
          animation-delay: 7220ms;
}

@-webkit-keyframes move-frames-64 {
  from {
    -webkit-transform: translate3d(40vw, 106vh, 0);
            transform: translate3d(40vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -125vh, 0);
            transform: translate3d(31vw, -125vh, 0);
  }
}

@keyframes move-frames-64 {
  from {
    -webkit-transform: translate3d(40vw, 106vh, 0);
            transform: translate3d(40vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -125vh, 0);
            transform: translate3d(31vw, -125vh, 0);
  }
}

.motion-circle-container:nth-child(64) .motion-circle {
  -webkit-animation-delay: 2365ms;
          animation-delay: 2365ms;
}

.motion-circle-container:nth-child(65) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-65;
          animation-name: move-frames-65;
  -webkit-animation-duration: 33378ms;
          animation-duration: 33378ms;
  -webkit-animation-delay: 6639ms;
          animation-delay: 6639ms;
}

@-webkit-keyframes move-frames-65 {
  from {
    -webkit-transform: translate3d(61vw, 102vh, 0);
            transform: translate3d(61vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(85vw, -123vh, 0);
            transform: translate3d(85vw, -123vh, 0);
  }
}

@keyframes move-frames-65 {
  from {
    -webkit-transform: translate3d(61vw, 102vh, 0);
            transform: translate3d(61vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(85vw, -123vh, 0);
            transform: translate3d(85vw, -123vh, 0);
  }
}

.motion-circle-container:nth-child(65) .motion-circle {
  -webkit-animation-delay: 3611ms;
          animation-delay: 3611ms;
}

.motion-circle-container:nth-child(66) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-66;
          animation-name: move-frames-66;
  -webkit-animation-duration: 29458ms;
          animation-duration: 29458ms;
  -webkit-animation-delay: 21875ms;
          animation-delay: 21875ms;
}

@-webkit-keyframes move-frames-66 {
  from {
    -webkit-transform: translate3d(79vw, 110vh, 0);
            transform: translate3d(79vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(99vw, -123vh, 0);
            transform: translate3d(99vw, -123vh, 0);
  }
}

@keyframes move-frames-66 {
  from {
    -webkit-transform: translate3d(79vw, 110vh, 0);
            transform: translate3d(79vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(99vw, -123vh, 0);
            transform: translate3d(99vw, -123vh, 0);
  }
}

.motion-circle-container:nth-child(66) .motion-circle {
  -webkit-animation-delay: 2471ms;
          animation-delay: 2471ms;
}

.motion-circle-container:nth-child(67) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-67;
          animation-name: move-frames-67;
  -webkit-animation-duration: 32616ms;
          animation-duration: 32616ms;
  -webkit-animation-delay: 19428ms;
          animation-delay: 19428ms;
}

@-webkit-keyframes move-frames-67 {
  from {
    -webkit-transform: translate3d(38vw, 103vh, 0);
            transform: translate3d(38vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(28vw, -106vh, 0);
            transform: translate3d(28vw, -106vh, 0);
  }
}

@keyframes move-frames-67 {
  from {
    -webkit-transform: translate3d(38vw, 103vh, 0);
            transform: translate3d(38vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(28vw, -106vh, 0);
            transform: translate3d(28vw, -106vh, 0);
  }
}

.motion-circle-container:nth-child(67) .motion-circle {
  -webkit-animation-delay: 1415ms;
          animation-delay: 1415ms;
}

.motion-circle-container:nth-child(68) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-68;
          animation-name: move-frames-68;
  -webkit-animation-duration: 31221ms;
          animation-duration: 31221ms;
  -webkit-animation-delay: 32204ms;
          animation-delay: 32204ms;
}

@-webkit-keyframes move-frames-68 {
  from {
    -webkit-transform: translate3d(79vw, 104vh, 0);
            transform: translate3d(79vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -127vh, 0);
            transform: translate3d(9vw, -127vh, 0);
  }
}

@keyframes move-frames-68 {
  from {
    -webkit-transform: translate3d(79vw, 104vh, 0);
            transform: translate3d(79vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -127vh, 0);
            transform: translate3d(9vw, -127vh, 0);
  }
}

.motion-circle-container:nth-child(68) .motion-circle {
  -webkit-animation-delay: 1472ms;
          animation-delay: 1472ms;
}

.motion-circle-container:nth-child(69) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-69;
          animation-name: move-frames-69;
  -webkit-animation-duration: 28202ms;
          animation-duration: 28202ms;
  -webkit-animation-delay: 35706ms;
          animation-delay: 35706ms;
}

@-webkit-keyframes move-frames-69 {
  from {
    -webkit-transform: translate3d(12vw, 104vh, 0);
            transform: translate3d(12vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(90vw, -131vh, 0);
            transform: translate3d(90vw, -131vh, 0);
  }
}

@keyframes move-frames-69 {
  from {
    -webkit-transform: translate3d(12vw, 104vh, 0);
            transform: translate3d(12vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(90vw, -131vh, 0);
            transform: translate3d(90vw, -131vh, 0);
  }
}

.motion-circle-container:nth-child(69) .motion-circle {
  -webkit-animation-delay: 2441ms;
          animation-delay: 2441ms;
}

.motion-circle-container:nth-child(70) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-70;
          animation-name: move-frames-70;
  -webkit-animation-duration: 36495ms;
          animation-duration: 36495ms;
  -webkit-animation-delay: 36847ms;
          animation-delay: 36847ms;
}

@-webkit-keyframes move-frames-70 {
  from {
    -webkit-transform: translate3d(40vw, 107vh, 0);
            transform: translate3d(40vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(60vw, -135vh, 0);
            transform: translate3d(60vw, -135vh, 0);
  }
}

@keyframes move-frames-70 {
  from {
    -webkit-transform: translate3d(40vw, 107vh, 0);
            transform: translate3d(40vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(60vw, -135vh, 0);
            transform: translate3d(60vw, -135vh, 0);
  }
}

.motion-circle-container:nth-child(70) .motion-circle {
  -webkit-animation-delay: 2788ms;
          animation-delay: 2788ms;
}

.motion-circle-container:nth-child(71) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-71;
          animation-name: move-frames-71;
  -webkit-animation-duration: 29951ms;
          animation-duration: 29951ms;
  -webkit-animation-delay: 33456ms;
          animation-delay: 33456ms;
}

@-webkit-keyframes move-frames-71 {
  from {
    -webkit-transform: translate3d(2vw, 108vh, 0);
            transform: translate3d(2vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(63vw, -115vh, 0);
            transform: translate3d(63vw, -115vh, 0);
  }
}

@keyframes move-frames-71 {
  from {
    -webkit-transform: translate3d(2vw, 108vh, 0);
            transform: translate3d(2vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(63vw, -115vh, 0);
            transform: translate3d(63vw, -115vh, 0);
  }
}

.motion-circle-container:nth-child(71) .motion-circle {
  -webkit-animation-delay: 1942ms;
          animation-delay: 1942ms;
}

.motion-circle-container:nth-child(72) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-72;
          animation-name: move-frames-72;
  -webkit-animation-duration: 31316ms;
          animation-duration: 31316ms;
  -webkit-animation-delay: 20630ms;
          animation-delay: 20630ms;
}

@-webkit-keyframes move-frames-72 {
  from {
    -webkit-transform: translate3d(18vw, 106vh, 0);
            transform: translate3d(18vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -131vh, 0);
            transform: translate3d(32vw, -131vh, 0);
  }
}

@keyframes move-frames-72 {
  from {
    -webkit-transform: translate3d(18vw, 106vh, 0);
            transform: translate3d(18vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -131vh, 0);
            transform: translate3d(32vw, -131vh, 0);
  }
}

.motion-circle-container:nth-child(72) .motion-circle {
  -webkit-animation-delay: 1979ms;
          animation-delay: 1979ms;
}

.motion-circle-container:nth-child(73) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-73;
          animation-name: move-frames-73;
  -webkit-animation-duration: 36558ms;
          animation-duration: 36558ms;
  -webkit-animation-delay: 21580ms;
          animation-delay: 21580ms;
}

@-webkit-keyframes move-frames-73 {
  from {
    -webkit-transform: translate3d(87vw, 110vh, 0);
            transform: translate3d(87vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -127vh, 0);
            transform: translate3d(32vw, -127vh, 0);
  }
}

@keyframes move-frames-73 {
  from {
    -webkit-transform: translate3d(87vw, 110vh, 0);
            transform: translate3d(87vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -127vh, 0);
            transform: translate3d(32vw, -127vh, 0);
  }
}

.motion-circle-container:nth-child(73) .motion-circle {
  -webkit-animation-delay: 1480ms;
          animation-delay: 1480ms;
}

.motion-circle-container:nth-child(74) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-74;
          animation-name: move-frames-74;
  -webkit-animation-duration: 29835ms;
          animation-duration: 29835ms;
  -webkit-animation-delay: 19945ms;
          animation-delay: 19945ms;
}

@-webkit-keyframes move-frames-74 {
  from {
    -webkit-transform: translate3d(31vw, 109vh, 0);
            transform: translate3d(31vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(8vw, -136vh, 0);
            transform: translate3d(8vw, -136vh, 0);
  }
}

@keyframes move-frames-74 {
  from {
    -webkit-transform: translate3d(31vw, 109vh, 0);
            transform: translate3d(31vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(8vw, -136vh, 0);
            transform: translate3d(8vw, -136vh, 0);
  }
}

.motion-circle-container:nth-child(74) .motion-circle {
  -webkit-animation-delay: 2302ms;
          animation-delay: 2302ms;
}

.motion-circle-container:nth-child(75) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-75;
          animation-name: move-frames-75;
  -webkit-animation-duration: 31767ms;
          animation-duration: 31767ms;
  -webkit-animation-delay: 8262ms;
          animation-delay: 8262ms;
}

@-webkit-keyframes move-frames-75 {
  from {
    -webkit-transform: translate3d(5vw, 101vh, 0);
            transform: translate3d(5vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(38vw, -117vh, 0);
            transform: translate3d(38vw, -117vh, 0);
  }
}

@keyframes move-frames-75 {
  from {
    -webkit-transform: translate3d(5vw, 101vh, 0);
            transform: translate3d(5vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(38vw, -117vh, 0);
            transform: translate3d(38vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(75) .motion-circle {
  -webkit-animation-delay: 3800ms;
          animation-delay: 3800ms;
}

.motion-circle-container:nth-child(76) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-76;
          animation-name: move-frames-76;
  -webkit-animation-duration: 28807ms;
          animation-duration: 28807ms;
  -webkit-animation-delay: 704ms;
          animation-delay: 704ms;
}

@-webkit-keyframes move-frames-76 {
  from {
    -webkit-transform: translate3d(84vw, 110vh, 0);
            transform: translate3d(84vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -114vh, 0);
            transform: translate3d(72vw, -114vh, 0);
  }
}

@keyframes move-frames-76 {
  from {
    -webkit-transform: translate3d(84vw, 110vh, 0);
            transform: translate3d(84vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -114vh, 0);
            transform: translate3d(72vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(76) .motion-circle {
  -webkit-animation-delay: 1394ms;
          animation-delay: 1394ms;
}

.motion-circle-container:nth-child(77) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-77;
          animation-name: move-frames-77;
  -webkit-animation-duration: 29870ms;
          animation-duration: 29870ms;
  -webkit-animation-delay: 24245ms;
          animation-delay: 24245ms;
}

@-webkit-keyframes move-frames-77 {
  from {
    -webkit-transform: translate3d(90vw, 103vh, 0);
            transform: translate3d(90vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(43vw, -109vh, 0);
            transform: translate3d(43vw, -109vh, 0);
  }
}

@keyframes move-frames-77 {
  from {
    -webkit-transform: translate3d(90vw, 103vh, 0);
            transform: translate3d(90vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(43vw, -109vh, 0);
            transform: translate3d(43vw, -109vh, 0);
  }
}

.motion-circle-container:nth-child(77) .motion-circle {
  -webkit-animation-delay: 3691ms;
          animation-delay: 3691ms;
}

.motion-circle-container:nth-child(78) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-78;
          animation-name: move-frames-78;
  -webkit-animation-duration: 31654ms;
          animation-duration: 31654ms;
  -webkit-animation-delay: 29068ms;
          animation-delay: 29068ms;
}

@-webkit-keyframes move-frames-78 {
  from {
    -webkit-transform: translate3d(17vw, 105vh, 0);
            transform: translate3d(17vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(58vw, -117vh, 0);
            transform: translate3d(58vw, -117vh, 0);
  }
}

@keyframes move-frames-78 {
  from {
    -webkit-transform: translate3d(17vw, 105vh, 0);
            transform: translate3d(17vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(58vw, -117vh, 0);
            transform: translate3d(58vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(78) .motion-circle {
  -webkit-animation-delay: 2321ms;
          animation-delay: 2321ms;
}

.motion-circle-container:nth-child(79) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-79;
          animation-name: move-frames-79;
  -webkit-animation-duration: 30179ms;
          animation-duration: 30179ms;
  -webkit-animation-delay: 36451ms;
          animation-delay: 36451ms;
}

@-webkit-keyframes move-frames-79 {
  from {
    -webkit-transform: translate3d(85vw, 103vh, 0);
            transform: translate3d(85vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -104vh, 0);
            transform: translate3d(42vw, -104vh, 0);
  }
}

@keyframes move-frames-79 {
  from {
    -webkit-transform: translate3d(85vw, 103vh, 0);
            transform: translate3d(85vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -104vh, 0);
            transform: translate3d(42vw, -104vh, 0);
  }
}

.motion-circle-container:nth-child(79) .motion-circle {
  -webkit-animation-delay: 319ms;
          animation-delay: 319ms;
}

.motion-circle-container:nth-child(80) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-80;
          animation-name: move-frames-80;
  -webkit-animation-duration: 34207ms;
          animation-duration: 34207ms;
  -webkit-animation-delay: 11267ms;
          animation-delay: 11267ms;
}

@-webkit-keyframes move-frames-80 {
  from {
    -webkit-transform: translate3d(96vw, 103vh, 0);
            transform: translate3d(96vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(67vw, -110vh, 0);
            transform: translate3d(67vw, -110vh, 0);
  }
}

@keyframes move-frames-80 {
  from {
    -webkit-transform: translate3d(96vw, 103vh, 0);
            transform: translate3d(96vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(67vw, -110vh, 0);
            transform: translate3d(67vw, -110vh, 0);
  }
}

.motion-circle-container:nth-child(80) .motion-circle {
  -webkit-animation-delay: 1708ms;
          animation-delay: 1708ms;
}

.motion-circle-container:nth-child(81) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-81;
          animation-name: move-frames-81;
  -webkit-animation-duration: 30866ms;
          animation-duration: 30866ms;
  -webkit-animation-delay: 31123ms;
          animation-delay: 31123ms;
}

@-webkit-keyframes move-frames-81 {
  from {
    -webkit-transform: translate3d(79vw, 101vh, 0);
            transform: translate3d(79vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -120vh, 0);
            transform: translate3d(71vw, -120vh, 0);
  }
}

@keyframes move-frames-81 {
  from {
    -webkit-transform: translate3d(79vw, 101vh, 0);
            transform: translate3d(79vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -120vh, 0);
            transform: translate3d(71vw, -120vh, 0);
  }
}

.motion-circle-container:nth-child(81) .motion-circle {
  -webkit-animation-delay: 3330ms;
          animation-delay: 3330ms;
}

.motion-circle-container:nth-child(82) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-82;
          animation-name: move-frames-82;
  -webkit-animation-duration: 33789ms;
          animation-duration: 33789ms;
  -webkit-animation-delay: 34291ms;
          animation-delay: 34291ms;
}

@-webkit-keyframes move-frames-82 {
  from {
    -webkit-transform: translate3d(3vw, 101vh, 0);
            transform: translate3d(3vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(81vw, -127vh, 0);
            transform: translate3d(81vw, -127vh, 0);
  }
}

@keyframes move-frames-82 {
  from {
    -webkit-transform: translate3d(3vw, 101vh, 0);
            transform: translate3d(3vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(81vw, -127vh, 0);
            transform: translate3d(81vw, -127vh, 0);
  }
}

.motion-circle-container:nth-child(82) .motion-circle {
  -webkit-animation-delay: 1705ms;
          animation-delay: 1705ms;
}

.motion-circle-container:nth-child(83) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-83;
          animation-name: move-frames-83;
  -webkit-animation-duration: 34413ms;
          animation-duration: 34413ms;
  -webkit-animation-delay: 23283ms;
          animation-delay: 23283ms;
}

@-webkit-keyframes move-frames-83 {
  from {
    -webkit-transform: translate3d(57vw, 103vh, 0);
            transform: translate3d(57vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -131vh, 0);
            transform: translate3d(42vw, -131vh, 0);
  }
}

@keyframes move-frames-83 {
  from {
    -webkit-transform: translate3d(57vw, 103vh, 0);
            transform: translate3d(57vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -131vh, 0);
            transform: translate3d(42vw, -131vh, 0);
  }
}

.motion-circle-container:nth-child(83) .motion-circle {
  -webkit-animation-delay: 1962ms;
          animation-delay: 1962ms;
}

.motion-circle-container:nth-child(84) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-84;
          animation-name: move-frames-84;
  -webkit-animation-duration: 31636ms;
          animation-duration: 31636ms;
  -webkit-animation-delay: 25846ms;
          animation-delay: 25846ms;
}

@-webkit-keyframes move-frames-84 {
  from {
    -webkit-transform: translate3d(77vw, 109vh, 0);
            transform: translate3d(77vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -118vh, 0);
            transform: translate3d(53vw, -118vh, 0);
  }
}

@keyframes move-frames-84 {
  from {
    -webkit-transform: translate3d(77vw, 109vh, 0);
            transform: translate3d(77vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -118vh, 0);
            transform: translate3d(53vw, -118vh, 0);
  }
}

.motion-circle-container:nth-child(84) .motion-circle {
  -webkit-animation-delay: 77ms;
          animation-delay: 77ms;
}

.motion-circle-container:nth-child(85) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-85;
          animation-name: move-frames-85;
  -webkit-animation-duration: 30744ms;
          animation-duration: 30744ms;
  -webkit-animation-delay: 19039ms;
          animation-delay: 19039ms;
}

@-webkit-keyframes move-frames-85 {
  from {
    -webkit-transform: translate3d(77vw, 102vh, 0);
            transform: translate3d(77vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(12vw, -125vh, 0);
            transform: translate3d(12vw, -125vh, 0);
  }
}

@keyframes move-frames-85 {
  from {
    -webkit-transform: translate3d(77vw, 102vh, 0);
            transform: translate3d(77vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(12vw, -125vh, 0);
            transform: translate3d(12vw, -125vh, 0);
  }
}

.motion-circle-container:nth-child(85) .motion-circle {
  -webkit-animation-delay: 287ms;
          animation-delay: 287ms;
}

.motion-circle-container:nth-child(86) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-86;
          animation-name: move-frames-86;
  -webkit-animation-duration: 36878ms;
          animation-duration: 36878ms;
  -webkit-animation-delay: 30071ms;
          animation-delay: 30071ms;
}

@-webkit-keyframes move-frames-86 {
  from {
    -webkit-transform: translate3d(48vw, 108vh, 0);
            transform: translate3d(48vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(24vw, -124vh, 0);
            transform: translate3d(24vw, -124vh, 0);
  }
}

@keyframes move-frames-86 {
  from {
    -webkit-transform: translate3d(48vw, 108vh, 0);
            transform: translate3d(48vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(24vw, -124vh, 0);
            transform: translate3d(24vw, -124vh, 0);
  }
}

.motion-circle-container:nth-child(86) .motion-circle {
  -webkit-animation-delay: 2552ms;
          animation-delay: 2552ms;
}

.motion-circle-container:nth-child(87) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-87;
          animation-name: move-frames-87;
  -webkit-animation-duration: 28771ms;
          animation-duration: 28771ms;
  -webkit-animation-delay: 35322ms;
          animation-delay: 35322ms;
}

@-webkit-keyframes move-frames-87 {
  from {
    -webkit-transform: translate3d(41vw, 108vh, 0);
            transform: translate3d(41vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -134vh, 0);
            transform: translate3d(97vw, -134vh, 0);
  }
}

@keyframes move-frames-87 {
  from {
    -webkit-transform: translate3d(41vw, 108vh, 0);
            transform: translate3d(41vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(97vw, -134vh, 0);
            transform: translate3d(97vw, -134vh, 0);
  }
}

.motion-circle-container:nth-child(87) .motion-circle {
  -webkit-animation-delay: 1856ms;
          animation-delay: 1856ms;
}

.motion-circle-container:nth-child(88) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-88;
          animation-name: move-frames-88;
  -webkit-animation-duration: 31234ms;
          animation-duration: 31234ms;
  -webkit-animation-delay: 10002ms;
          animation-delay: 10002ms;
}

@-webkit-keyframes move-frames-88 {
  from {
    -webkit-transform: translate3d(58vw, 103vh, 0);
            transform: translate3d(58vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -120vh, 0);
            transform: translate3d(72vw, -120vh, 0);
  }
}

@keyframes move-frames-88 {
  from {
    -webkit-transform: translate3d(58vw, 103vh, 0);
            transform: translate3d(58vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(72vw, -120vh, 0);
            transform: translate3d(72vw, -120vh, 0);
  }
}

.motion-circle-container:nth-child(88) .motion-circle {
  -webkit-animation-delay: 1164ms;
          animation-delay: 1164ms;
}

.motion-circle-container:nth-child(89) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-89;
          animation-name: move-frames-89;
  -webkit-animation-duration: 36648ms;
          animation-duration: 36648ms;
  -webkit-animation-delay: 36828ms;
          animation-delay: 36828ms;
}

@-webkit-keyframes move-frames-89 {
  from {
    -webkit-transform: translate3d(100vw, 108vh, 0);
            transform: translate3d(100vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(27vw, -122vh, 0);
            transform: translate3d(27vw, -122vh, 0);
  }
}

@keyframes move-frames-89 {
  from {
    -webkit-transform: translate3d(100vw, 108vh, 0);
            transform: translate3d(100vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(27vw, -122vh, 0);
            transform: translate3d(27vw, -122vh, 0);
  }
}

.motion-circle-container:nth-child(89) .motion-circle {
  -webkit-animation-delay: 3830ms;
          animation-delay: 3830ms;
}

.motion-circle-container:nth-child(90) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-90;
          animation-name: move-frames-90;
  -webkit-animation-duration: 35072ms;
          animation-duration: 35072ms;
  -webkit-animation-delay: 4879ms;
          animation-delay: 4879ms;
}

@-webkit-keyframes move-frames-90 {
  from {
    -webkit-transform: translate3d(9vw, 105vh, 0);
            transform: translate3d(9vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(86vw, -125vh, 0);
            transform: translate3d(86vw, -125vh, 0);
  }
}

@keyframes move-frames-90 {
  from {
    -webkit-transform: translate3d(9vw, 105vh, 0);
            transform: translate3d(9vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(86vw, -125vh, 0);
            transform: translate3d(86vw, -125vh, 0);
  }
}

.motion-circle-container:nth-child(90) .motion-circle {
  -webkit-animation-delay: 272ms;
          animation-delay: 272ms;
}

.motion-circle-container:nth-child(91) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-91;
          animation-name: move-frames-91;
  -webkit-animation-duration: 30096ms;
          animation-duration: 30096ms;
  -webkit-animation-delay: 18813ms;
          animation-delay: 18813ms;
}

@-webkit-keyframes move-frames-91 {
  from {
    -webkit-transform: translate3d(61vw, 105vh, 0);
            transform: translate3d(61vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -125vh, 0);
            transform: translate3d(56vw, -125vh, 0);
  }
}

@keyframes move-frames-91 {
  from {
    -webkit-transform: translate3d(61vw, 105vh, 0);
            transform: translate3d(61vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -125vh, 0);
            transform: translate3d(56vw, -125vh, 0);
  }
}

.motion-circle-container:nth-child(91) .motion-circle {
  -webkit-animation-delay: 3137ms;
          animation-delay: 3137ms;
}

.motion-circle-container:nth-child(92) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-92;
          animation-name: move-frames-92;
  -webkit-animation-duration: 36387ms;
          animation-duration: 36387ms;
  -webkit-animation-delay: 1623ms;
          animation-delay: 1623ms;
}

@-webkit-keyframes move-frames-92 {
  from {
    -webkit-transform: translate3d(15vw, 104vh, 0);
            transform: translate3d(15vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -107vh, 0);
            transform: translate3d(4vw, -107vh, 0);
  }
}

@keyframes move-frames-92 {
  from {
    -webkit-transform: translate3d(15vw, 104vh, 0);
            transform: translate3d(15vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -107vh, 0);
            transform: translate3d(4vw, -107vh, 0);
  }
}

.motion-circle-container:nth-child(92) .motion-circle {
  -webkit-animation-delay: 2427ms;
          animation-delay: 2427ms;
}

.motion-circle-container:nth-child(93) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-93;
          animation-name: move-frames-93;
  -webkit-animation-duration: 29211ms;
          animation-duration: 29211ms;
  -webkit-animation-delay: 36891ms;
          animation-delay: 36891ms;
}

@-webkit-keyframes move-frames-93 {
  from {
    -webkit-transform: translate3d(69vw, 105vh, 0);
            transform: translate3d(69vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -121vh, 0);
            transform: translate3d(9vw, -121vh, 0);
  }
}

@keyframes move-frames-93 {
  from {
    -webkit-transform: translate3d(69vw, 105vh, 0);
            transform: translate3d(69vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(9vw, -121vh, 0);
            transform: translate3d(9vw, -121vh, 0);
  }
}

.motion-circle-container:nth-child(93) .motion-circle {
  -webkit-animation-delay: 3204ms;
          animation-delay: 3204ms;
}

.motion-circle-container:nth-child(94) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-94;
          animation-name: move-frames-94;
  -webkit-animation-duration: 32113ms;
          animation-duration: 32113ms;
  -webkit-animation-delay: 24122ms;
          animation-delay: 24122ms;
}

@-webkit-keyframes move-frames-94 {
  from {
    -webkit-transform: translate3d(27vw, 109vh, 0);
            transform: translate3d(27vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -121vh, 0);
            transform: translate3d(31vw, -121vh, 0);
  }
}

@keyframes move-frames-94 {
  from {
    -webkit-transform: translate3d(27vw, 109vh, 0);
            transform: translate3d(27vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -121vh, 0);
            transform: translate3d(31vw, -121vh, 0);
  }
}

.motion-circle-container:nth-child(94) .motion-circle {
  -webkit-animation-delay: 1865ms;
          animation-delay: 1865ms;
}

.motion-circle-container:nth-child(95) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-95;
          animation-name: move-frames-95;
  -webkit-animation-duration: 35092ms;
          animation-duration: 35092ms;
  -webkit-animation-delay: 5901ms;
          animation-delay: 5901ms;
}

@-webkit-keyframes move-frames-95 {
  from {
    -webkit-transform: translate3d(24vw, 104vh, 0);
            transform: translate3d(24vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(8vw, -106vh, 0);
            transform: translate3d(8vw, -106vh, 0);
  }
}

@keyframes move-frames-95 {
  from {
    -webkit-transform: translate3d(24vw, 104vh, 0);
            transform: translate3d(24vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(8vw, -106vh, 0);
            transform: translate3d(8vw, -106vh, 0);
  }
}

.motion-circle-container:nth-child(95) .motion-circle {
  -webkit-animation-delay: 790ms;
          animation-delay: 790ms;
}

.motion-circle-container:nth-child(96) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-96;
          animation-name: move-frames-96;
  -webkit-animation-duration: 29071ms;
          animation-duration: 29071ms;
  -webkit-animation-delay: 31292ms;
          animation-delay: 31292ms;
}

@-webkit-keyframes move-frames-96 {
  from {
    -webkit-transform: translate3d(22vw, 109vh, 0);
            transform: translate3d(22vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(10vw, -118vh, 0);
            transform: translate3d(10vw, -118vh, 0);
  }
}

@keyframes move-frames-96 {
  from {
    -webkit-transform: translate3d(22vw, 109vh, 0);
            transform: translate3d(22vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(10vw, -118vh, 0);
            transform: translate3d(10vw, -118vh, 0);
  }
}

.motion-circle-container:nth-child(96) .motion-circle {
  -webkit-animation-delay: 1478ms;
          animation-delay: 1478ms;
}

.motion-circle-container:nth-child(97) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-97;
          animation-name: move-frames-97;
  -webkit-animation-duration: 35691ms;
          animation-duration: 35691ms;
  -webkit-animation-delay: 5169ms;
          animation-delay: 5169ms;
}

@-webkit-keyframes move-frames-97 {
  from {
    -webkit-transform: translate3d(18vw, 110vh, 0);
            transform: translate3d(18vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(2vw, -119vh, 0);
            transform: translate3d(2vw, -119vh, 0);
  }
}

@keyframes move-frames-97 {
  from {
    -webkit-transform: translate3d(18vw, 110vh, 0);
            transform: translate3d(18vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(2vw, -119vh, 0);
            transform: translate3d(2vw, -119vh, 0);
  }
}

.motion-circle-container:nth-child(97) .motion-circle {
  -webkit-animation-delay: 1730ms;
          animation-delay: 1730ms;
}

.motion-circle-container:nth-child(98) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-98;
          animation-name: move-frames-98;
  -webkit-animation-duration: 33846ms;
          animation-duration: 33846ms;
  -webkit-animation-delay: 16479ms;
          animation-delay: 16479ms;
}

@-webkit-keyframes move-frames-98 {
  from {
    -webkit-transform: translate3d(50vw, 103vh, 0);
            transform: translate3d(50vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(8vw, -115vh, 0);
            transform: translate3d(8vw, -115vh, 0);
  }
}

@keyframes move-frames-98 {
  from {
    -webkit-transform: translate3d(50vw, 103vh, 0);
            transform: translate3d(50vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(8vw, -115vh, 0);
            transform: translate3d(8vw, -115vh, 0);
  }
}

.motion-circle-container:nth-child(98) .motion-circle {
  -webkit-animation-delay: 37ms;
          animation-delay: 37ms;
}

.motion-circle-container:nth-child(99) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-99;
          animation-name: move-frames-99;
  -webkit-animation-duration: 30247ms;
          animation-duration: 30247ms;
  -webkit-animation-delay: 18292ms;
          animation-delay: 18292ms;
}

@-webkit-keyframes move-frames-99 {
  from {
    -webkit-transform: translate3d(70vw, 104vh, 0);
            transform: translate3d(70vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(75vw, -107vh, 0);
            transform: translate3d(75vw, -107vh, 0);
  }
}

@keyframes move-frames-99 {
  from {
    -webkit-transform: translate3d(70vw, 104vh, 0);
            transform: translate3d(70vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(75vw, -107vh, 0);
            transform: translate3d(75vw, -107vh, 0);
  }
}

.motion-circle-container:nth-child(99) .motion-circle {
  -webkit-animation-delay: 760ms;
          animation-delay: 760ms;
}

.motion-circle-container:nth-child(100) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-100;
          animation-name: move-frames-100;
  -webkit-animation-duration: 28180ms;
          animation-duration: 28180ms;
  -webkit-animation-delay: 7950ms;
          animation-delay: 7950ms;
}

@-webkit-keyframes move-frames-100 {
  from {
    -webkit-transform: translate3d(13vw, 110vh, 0);
            transform: translate3d(13vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(46vw, -140vh, 0);
            transform: translate3d(46vw, -140vh, 0);
  }
}

@keyframes move-frames-100 {
  from {
    -webkit-transform: translate3d(13vw, 110vh, 0);
            transform: translate3d(13vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(46vw, -140vh, 0);
            transform: translate3d(46vw, -140vh, 0);
  }
}

.motion-circle-container:nth-child(100) .motion-circle {
  -webkit-animation-delay: 2858ms;
          animation-delay: 2858ms;
}

.motion-circle-container:nth-child(101) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-101;
          animation-name: move-frames-101;
  -webkit-animation-duration: 35396ms;
          animation-duration: 35396ms;
  -webkit-animation-delay: 33144ms;
          animation-delay: 33144ms;
}

@-webkit-keyframes move-frames-101 {
  from {
    -webkit-transform: translate3d(32vw, 107vh, 0);
            transform: translate3d(32vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(7vw, -129vh, 0);
            transform: translate3d(7vw, -129vh, 0);
  }
}

@keyframes move-frames-101 {
  from {
    -webkit-transform: translate3d(32vw, 107vh, 0);
            transform: translate3d(32vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(7vw, -129vh, 0);
            transform: translate3d(7vw, -129vh, 0);
  }
}

.motion-circle-container:nth-child(101) .motion-circle {
  -webkit-animation-delay: 2860ms;
          animation-delay: 2860ms;
}

.motion-circle-container:nth-child(102) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-102;
          animation-name: move-frames-102;
  -webkit-animation-duration: 33131ms;
          animation-duration: 33131ms;
  -webkit-animation-delay: 20385ms;
          animation-delay: 20385ms;
}

@-webkit-keyframes move-frames-102 {
  from {
    -webkit-transform: translate3d(37vw, 108vh, 0);
            transform: translate3d(37vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(83vw, -135vh, 0);
            transform: translate3d(83vw, -135vh, 0);
  }
}

@keyframes move-frames-102 {
  from {
    -webkit-transform: translate3d(37vw, 108vh, 0);
            transform: translate3d(37vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(83vw, -135vh, 0);
            transform: translate3d(83vw, -135vh, 0);
  }
}

.motion-circle-container:nth-child(102) .motion-circle {
  -webkit-animation-delay: 1439ms;
          animation-delay: 1439ms;
}

.motion-circle-container:nth-child(103) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-103;
          animation-name: move-frames-103;
  -webkit-animation-duration: 31540ms;
          animation-duration: 31540ms;
  -webkit-animation-delay: 23664ms;
          animation-delay: 23664ms;
}

@-webkit-keyframes move-frames-103 {
  from {
    -webkit-transform: translate3d(7vw, 109vh, 0);
            transform: translate3d(7vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(96vw, -117vh, 0);
            transform: translate3d(96vw, -117vh, 0);
  }
}

@keyframes move-frames-103 {
  from {
    -webkit-transform: translate3d(7vw, 109vh, 0);
            transform: translate3d(7vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(96vw, -117vh, 0);
            transform: translate3d(96vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(103) .motion-circle {
  -webkit-animation-delay: 2426ms;
          animation-delay: 2426ms;
}

.motion-circle-container:nth-child(104) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-104;
          animation-name: move-frames-104;
  -webkit-animation-duration: 36614ms;
          animation-duration: 36614ms;
  -webkit-animation-delay: 31695ms;
          animation-delay: 31695ms;
}

@-webkit-keyframes move-frames-104 {
  from {
    -webkit-transform: translate3d(67vw, 105vh, 0);
            transform: translate3d(67vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -120vh, 0);
            transform: translate3d(44vw, -120vh, 0);
  }
}

@keyframes move-frames-104 {
  from {
    -webkit-transform: translate3d(67vw, 105vh, 0);
            transform: translate3d(67vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -120vh, 0);
            transform: translate3d(44vw, -120vh, 0);
  }
}

.motion-circle-container:nth-child(104) .motion-circle {
  -webkit-animation-delay: 1330ms;
          animation-delay: 1330ms;
}

.motion-circle-container:nth-child(105) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-105;
          animation-name: move-frames-105;
  -webkit-animation-duration: 32897ms;
          animation-duration: 32897ms;
  -webkit-animation-delay: 20819ms;
          animation-delay: 20819ms;
}

@-webkit-keyframes move-frames-105 {
  from {
    -webkit-transform: translate3d(9vw, 106vh, 0);
            transform: translate3d(9vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(28vw, -109vh, 0);
            transform: translate3d(28vw, -109vh, 0);
  }
}

@keyframes move-frames-105 {
  from {
    -webkit-transform: translate3d(9vw, 106vh, 0);
            transform: translate3d(9vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(28vw, -109vh, 0);
            transform: translate3d(28vw, -109vh, 0);
  }
}

.motion-circle-container:nth-child(105) .motion-circle {
  -webkit-animation-delay: 3773ms;
          animation-delay: 3773ms;
}

.motion-circle-container:nth-child(106) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-106;
          animation-name: move-frames-106;
  -webkit-animation-duration: 36105ms;
          animation-duration: 36105ms;
  -webkit-animation-delay: 33826ms;
          animation-delay: 33826ms;
}

@-webkit-keyframes move-frames-106 {
  from {
    -webkit-transform: translate3d(69vw, 101vh, 0);
            transform: translate3d(69vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(38vw, -123vh, 0);
            transform: translate3d(38vw, -123vh, 0);
  }
}

@keyframes move-frames-106 {
  from {
    -webkit-transform: translate3d(69vw, 101vh, 0);
            transform: translate3d(69vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(38vw, -123vh, 0);
            transform: translate3d(38vw, -123vh, 0);
  }
}

.motion-circle-container:nth-child(106) .motion-circle {
  -webkit-animation-delay: 3171ms;
          animation-delay: 3171ms;
}

.motion-circle-container:nth-child(107) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-107;
          animation-name: move-frames-107;
  -webkit-animation-duration: 33808ms;
          animation-duration: 33808ms;
  -webkit-animation-delay: 35077ms;
          animation-delay: 35077ms;
}

@-webkit-keyframes move-frames-107 {
  from {
    -webkit-transform: translate3d(81vw, 101vh, 0);
            transform: translate3d(81vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(26vw, -110vh, 0);
            transform: translate3d(26vw, -110vh, 0);
  }
}

@keyframes move-frames-107 {
  from {
    -webkit-transform: translate3d(81vw, 101vh, 0);
            transform: translate3d(81vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(26vw, -110vh, 0);
            transform: translate3d(26vw, -110vh, 0);
  }
}

.motion-circle-container:nth-child(107) .motion-circle {
  -webkit-animation-delay: 2049ms;
          animation-delay: 2049ms;
}

.motion-circle-container:nth-child(108) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-108;
          animation-name: move-frames-108;
  -webkit-animation-duration: 36306ms;
          animation-duration: 36306ms;
  -webkit-animation-delay: 29308ms;
          animation-delay: 29308ms;
}

@-webkit-keyframes move-frames-108 {
  from {
    -webkit-transform: translate3d(41vw, 104vh, 0);
            transform: translate3d(41vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(63vw, -127vh, 0);
            transform: translate3d(63vw, -127vh, 0);
  }
}

@keyframes move-frames-108 {
  from {
    -webkit-transform: translate3d(41vw, 104vh, 0);
            transform: translate3d(41vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(63vw, -127vh, 0);
            transform: translate3d(63vw, -127vh, 0);
  }
}

.motion-circle-container:nth-child(108) .motion-circle {
  -webkit-animation-delay: 3573ms;
          animation-delay: 3573ms;
}

.motion-circle-container:nth-child(109) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-109;
          animation-name: move-frames-109;
  -webkit-animation-duration: 34035ms;
          animation-duration: 34035ms;
  -webkit-animation-delay: 21207ms;
          animation-delay: 21207ms;
}

@-webkit-keyframes move-frames-109 {
  from {
    -webkit-transform: translate3d(56vw, 109vh, 0);
            transform: translate3d(56vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -123vh, 0);
            transform: translate3d(4vw, -123vh, 0);
  }
}

@keyframes move-frames-109 {
  from {
    -webkit-transform: translate3d(56vw, 109vh, 0);
            transform: translate3d(56vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -123vh, 0);
            transform: translate3d(4vw, -123vh, 0);
  }
}

.motion-circle-container:nth-child(109) .motion-circle {
  -webkit-animation-delay: 404ms;
          animation-delay: 404ms;
}

.motion-circle-container:nth-child(110) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-110;
          animation-name: move-frames-110;
  -webkit-animation-duration: 29977ms;
          animation-duration: 29977ms;
  -webkit-animation-delay: 35967ms;
          animation-delay: 35967ms;
}

@-webkit-keyframes move-frames-110 {
  from {
    -webkit-transform: translate3d(60vw, 109vh, 0);
            transform: translate3d(60vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(46vw, -112vh, 0);
            transform: translate3d(46vw, -112vh, 0);
  }
}

@keyframes move-frames-110 {
  from {
    -webkit-transform: translate3d(60vw, 109vh, 0);
            transform: translate3d(60vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(46vw, -112vh, 0);
            transform: translate3d(46vw, -112vh, 0);
  }
}

.motion-circle-container:nth-child(110) .motion-circle {
  -webkit-animation-delay: 1064ms;
          animation-delay: 1064ms;
}

.motion-circle-container:nth-child(111) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-111;
          animation-name: move-frames-111;
  -webkit-animation-duration: 28049ms;
          animation-duration: 28049ms;
  -webkit-animation-delay: 15444ms;
          animation-delay: 15444ms;
}

@-webkit-keyframes move-frames-111 {
  from {
    -webkit-transform: translate3d(55vw, 101vh, 0);
            transform: translate3d(55vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(61vw, -102vh, 0);
            transform: translate3d(61vw, -102vh, 0);
  }
}

@keyframes move-frames-111 {
  from {
    -webkit-transform: translate3d(55vw, 101vh, 0);
            transform: translate3d(55vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(61vw, -102vh, 0);
            transform: translate3d(61vw, -102vh, 0);
  }
}

.motion-circle-container:nth-child(111) .motion-circle {
  -webkit-animation-delay: 197ms;
          animation-delay: 197ms;
}

.motion-circle-container:nth-child(112) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-112;
          animation-name: move-frames-112;
  -webkit-animation-duration: 30382ms;
          animation-duration: 30382ms;
  -webkit-animation-delay: 11865ms;
          animation-delay: 11865ms;
}

@-webkit-keyframes move-frames-112 {
  from {
    -webkit-transform: translate3d(58vw, 105vh, 0);
            transform: translate3d(58vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(79vw, -116vh, 0);
            transform: translate3d(79vw, -116vh, 0);
  }
}

@keyframes move-frames-112 {
  from {
    -webkit-transform: translate3d(58vw, 105vh, 0);
            transform: translate3d(58vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(79vw, -116vh, 0);
            transform: translate3d(79vw, -116vh, 0);
  }
}

.motion-circle-container:nth-child(112) .motion-circle {
  -webkit-animation-delay: 308ms;
          animation-delay: 308ms;
}

.motion-circle-container:nth-child(113) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-113;
          animation-name: move-frames-113;
  -webkit-animation-duration: 29140ms;
          animation-duration: 29140ms;
  -webkit-animation-delay: 21399ms;
          animation-delay: 21399ms;
}

@-webkit-keyframes move-frames-113 {
  from {
    -webkit-transform: translate3d(13vw, 108vh, 0);
            transform: translate3d(13vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -122vh, 0);
            transform: translate3d(56vw, -122vh, 0);
  }
}

@keyframes move-frames-113 {
  from {
    -webkit-transform: translate3d(13vw, 108vh, 0);
            transform: translate3d(13vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -122vh, 0);
            transform: translate3d(56vw, -122vh, 0);
  }
}

.motion-circle-container:nth-child(113) .motion-circle {
  -webkit-animation-delay: 1816ms;
          animation-delay: 1816ms;
}

.motion-circle-container:nth-child(114) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-114;
          animation-name: move-frames-114;
  -webkit-animation-duration: 28989ms;
          animation-duration: 28989ms;
  -webkit-animation-delay: 2867ms;
          animation-delay: 2867ms;
}

@-webkit-keyframes move-frames-114 {
  from {
    -webkit-transform: translate3d(94vw, 103vh, 0);
            transform: translate3d(94vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -105vh, 0);
            transform: translate3d(52vw, -105vh, 0);
  }
}

@keyframes move-frames-114 {
  from {
    -webkit-transform: translate3d(94vw, 103vh, 0);
            transform: translate3d(94vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -105vh, 0);
            transform: translate3d(52vw, -105vh, 0);
  }
}

.motion-circle-container:nth-child(114) .motion-circle {
  -webkit-animation-delay: 2886ms;
          animation-delay: 2886ms;
}

.motion-circle-container:nth-child(115) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-115;
          animation-name: move-frames-115;
  -webkit-animation-duration: 31680ms;
          animation-duration: 31680ms;
  -webkit-animation-delay: 6237ms;
          animation-delay: 6237ms;
}

@-webkit-keyframes move-frames-115 {
  from {
    -webkit-transform: translate3d(14vw, 108vh, 0);
            transform: translate3d(14vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(27vw, -117vh, 0);
            transform: translate3d(27vw, -117vh, 0);
  }
}

@keyframes move-frames-115 {
  from {
    -webkit-transform: translate3d(14vw, 108vh, 0);
            transform: translate3d(14vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(27vw, -117vh, 0);
            transform: translate3d(27vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(115) .motion-circle {
  -webkit-animation-delay: 1466ms;
          animation-delay: 1466ms;
}

.motion-circle-container:nth-child(116) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-116;
          animation-name: move-frames-116;
  -webkit-animation-duration: 35930ms;
          animation-duration: 35930ms;
  -webkit-animation-delay: 26834ms;
          animation-delay: 26834ms;
}

@-webkit-keyframes move-frames-116 {
  from {
    -webkit-transform: translate3d(100vw, 105vh, 0);
            transform: translate3d(100vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -115vh, 0);
            transform: translate3d(32vw, -115vh, 0);
  }
}

@keyframes move-frames-116 {
  from {
    -webkit-transform: translate3d(100vw, 105vh, 0);
            transform: translate3d(100vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -115vh, 0);
            transform: translate3d(32vw, -115vh, 0);
  }
}

.motion-circle-container:nth-child(116) .motion-circle {
  -webkit-animation-delay: 2611ms;
          animation-delay: 2611ms;
}

.motion-circle-container:nth-child(117) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-117;
          animation-name: move-frames-117;
  -webkit-animation-duration: 30886ms;
          animation-duration: 30886ms;
  -webkit-animation-delay: 5720ms;
          animation-delay: 5720ms;
}

@-webkit-keyframes move-frames-117 {
  from {
    -webkit-transform: translate3d(60vw, 109vh, 0);
            transform: translate3d(60vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(2vw, -115vh, 0);
            transform: translate3d(2vw, -115vh, 0);
  }
}

@keyframes move-frames-117 {
  from {
    -webkit-transform: translate3d(60vw, 109vh, 0);
            transform: translate3d(60vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(2vw, -115vh, 0);
            transform: translate3d(2vw, -115vh, 0);
  }
}

.motion-circle-container:nth-child(117) .motion-circle {
  -webkit-animation-delay: 2852ms;
          animation-delay: 2852ms;
}

.motion-circle-container:nth-child(118) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-118;
          animation-name: move-frames-118;
  -webkit-animation-duration: 28968ms;
          animation-duration: 28968ms;
  -webkit-animation-delay: 15246ms;
          animation-delay: 15246ms;
}

@-webkit-keyframes move-frames-118 {
  from {
    -webkit-transform: translate3d(47vw, 110vh, 0);
            transform: translate3d(47vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(47vw, -113vh, 0);
            transform: translate3d(47vw, -113vh, 0);
  }
}

@keyframes move-frames-118 {
  from {
    -webkit-transform: translate3d(47vw, 110vh, 0);
            transform: translate3d(47vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(47vw, -113vh, 0);
            transform: translate3d(47vw, -113vh, 0);
  }
}

.motion-circle-container:nth-child(118) .motion-circle {
  -webkit-animation-delay: 3748ms;
          animation-delay: 3748ms;
}

.motion-circle-container:nth-child(119) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-119;
          animation-name: move-frames-119;
  -webkit-animation-duration: 36039ms;
          animation-duration: 36039ms;
  -webkit-animation-delay: 29997ms;
          animation-delay: 29997ms;
}

@-webkit-keyframes move-frames-119 {
  from {
    -webkit-transform: translate3d(64vw, 102vh, 0);
            transform: translate3d(64vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(65vw, -113vh, 0);
            transform: translate3d(65vw, -113vh, 0);
  }
}

@keyframes move-frames-119 {
  from {
    -webkit-transform: translate3d(64vw, 102vh, 0);
            transform: translate3d(64vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(65vw, -113vh, 0);
            transform: translate3d(65vw, -113vh, 0);
  }
}

.motion-circle-container:nth-child(119) .motion-circle {
  -webkit-animation-delay: 996ms;
          animation-delay: 996ms;
}

.motion-circle-container:nth-child(120) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-120;
          animation-name: move-frames-120;
  -webkit-animation-duration: 30350ms;
          animation-duration: 30350ms;
  -webkit-animation-delay: 32049ms;
          animation-delay: 32049ms;
}

@-webkit-keyframes move-frames-120 {
  from {
    -webkit-transform: translate3d(24vw, 107vh, 0);
            transform: translate3d(24vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(15vw, -121vh, 0);
            transform: translate3d(15vw, -121vh, 0);
  }
}

@keyframes move-frames-120 {
  from {
    -webkit-transform: translate3d(24vw, 107vh, 0);
            transform: translate3d(24vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(15vw, -121vh, 0);
            transform: translate3d(15vw, -121vh, 0);
  }
}

.motion-circle-container:nth-child(120) .motion-circle {
  -webkit-animation-delay: 1781ms;
          animation-delay: 1781ms;
}

.motion-circle-container:nth-child(121) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-121;
          animation-name: move-frames-121;
  -webkit-animation-duration: 30159ms;
          animation-duration: 30159ms;
  -webkit-animation-delay: 11875ms;
          animation-delay: 11875ms;
}

@-webkit-keyframes move-frames-121 {
  from {
    -webkit-transform: translate3d(79vw, 108vh, 0);
            transform: translate3d(79vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(6vw, -122vh, 0);
            transform: translate3d(6vw, -122vh, 0);
  }
}

@keyframes move-frames-121 {
  from {
    -webkit-transform: translate3d(79vw, 108vh, 0);
            transform: translate3d(79vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(6vw, -122vh, 0);
            transform: translate3d(6vw, -122vh, 0);
  }
}

.motion-circle-container:nth-child(121) .motion-circle {
  -webkit-animation-delay: 3414ms;
          animation-delay: 3414ms;
}

.motion-circle-container:nth-child(122) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-122;
          animation-name: move-frames-122;
  -webkit-animation-duration: 36556ms;
          animation-duration: 36556ms;
  -webkit-animation-delay: 36485ms;
          animation-delay: 36485ms;
}

@-webkit-keyframes move-frames-122 {
  from {
    -webkit-transform: translate3d(63vw, 101vh, 0);
            transform: translate3d(63vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(10vw, -121vh, 0);
            transform: translate3d(10vw, -121vh, 0);
  }
}

@keyframes move-frames-122 {
  from {
    -webkit-transform: translate3d(63vw, 101vh, 0);
            transform: translate3d(63vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(10vw, -121vh, 0);
            transform: translate3d(10vw, -121vh, 0);
  }
}

.motion-circle-container:nth-child(122) .motion-circle {
  -webkit-animation-delay: 788ms;
          animation-delay: 788ms;
}

.motion-circle-container:nth-child(123) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-123;
          animation-name: move-frames-123;
  -webkit-animation-duration: 28723ms;
          animation-duration: 28723ms;
  -webkit-animation-delay: 20807ms;
          animation-delay: 20807ms;
}

@-webkit-keyframes move-frames-123 {
  from {
    -webkit-transform: translate3d(62vw, 108vh, 0);
            transform: translate3d(62vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -110vh, 0);
            transform: translate3d(31vw, -110vh, 0);
  }
}

@keyframes move-frames-123 {
  from {
    -webkit-transform: translate3d(62vw, 108vh, 0);
            transform: translate3d(62vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(31vw, -110vh, 0);
            transform: translate3d(31vw, -110vh, 0);
  }
}

.motion-circle-container:nth-child(123) .motion-circle {
  -webkit-animation-delay: 671ms;
          animation-delay: 671ms;
}

.motion-circle-container:nth-child(124) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-124;
          animation-name: move-frames-124;
  -webkit-animation-duration: 31057ms;
          animation-duration: 31057ms;
  -webkit-animation-delay: 20767ms;
          animation-delay: 20767ms;
}

@-webkit-keyframes move-frames-124 {
  from {
    -webkit-transform: translate3d(33vw, 103vh, 0);
            transform: translate3d(33vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(54vw, -126vh, 0);
            transform: translate3d(54vw, -126vh, 0);
  }
}

@keyframes move-frames-124 {
  from {
    -webkit-transform: translate3d(33vw, 103vh, 0);
            transform: translate3d(33vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(54vw, -126vh, 0);
            transform: translate3d(54vw, -126vh, 0);
  }
}

.motion-circle-container:nth-child(124) .motion-circle {
  -webkit-animation-delay: 2118ms;
          animation-delay: 2118ms;
}

.motion-circle-container:nth-child(125) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-125;
          animation-name: move-frames-125;
  -webkit-animation-duration: 31301ms;
          animation-duration: 31301ms;
  -webkit-animation-delay: 892ms;
          animation-delay: 892ms;
}

@-webkit-keyframes move-frames-125 {
  from {
    -webkit-transform: translate3d(17vw, 103vh, 0);
            transform: translate3d(17vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(74vw, -115vh, 0);
            transform: translate3d(74vw, -115vh, 0);
  }
}

@keyframes move-frames-125 {
  from {
    -webkit-transform: translate3d(17vw, 103vh, 0);
            transform: translate3d(17vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(74vw, -115vh, 0);
            transform: translate3d(74vw, -115vh, 0);
  }
}

.motion-circle-container:nth-child(125) .motion-circle {
  -webkit-animation-delay: 1055ms;
          animation-delay: 1055ms;
}

.motion-circle-container:nth-child(126) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-126;
          animation-name: move-frames-126;
  -webkit-animation-duration: 30163ms;
          animation-duration: 30163ms;
  -webkit-animation-delay: 31739ms;
          animation-delay: 31739ms;
}

@-webkit-keyframes move-frames-126 {
  from {
    -webkit-transform: translate3d(84vw, 102vh, 0);
            transform: translate3d(84vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -115vh, 0);
            transform: translate3d(48vw, -115vh, 0);
  }
}

@keyframes move-frames-126 {
  from {
    -webkit-transform: translate3d(84vw, 102vh, 0);
            transform: translate3d(84vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -115vh, 0);
            transform: translate3d(48vw, -115vh, 0);
  }
}

.motion-circle-container:nth-child(126) .motion-circle {
  -webkit-animation-delay: 228ms;
          animation-delay: 228ms;
}

.motion-circle-container:nth-child(127) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-127;
          animation-name: move-frames-127;
  -webkit-animation-duration: 35821ms;
          animation-duration: 35821ms;
  -webkit-animation-delay: 30977ms;
          animation-delay: 30977ms;
}

@-webkit-keyframes move-frames-127 {
  from {
    -webkit-transform: translate3d(52vw, 110vh, 0);
            transform: translate3d(52vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -132vh, 0);
            transform: translate3d(4vw, -132vh, 0);
  }
}

@keyframes move-frames-127 {
  from {
    -webkit-transform: translate3d(52vw, 110vh, 0);
            transform: translate3d(52vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(4vw, -132vh, 0);
            transform: translate3d(4vw, -132vh, 0);
  }
}

.motion-circle-container:nth-child(127) .motion-circle {
  -webkit-animation-delay: 2047ms;
          animation-delay: 2047ms;
}

.motion-circle-container:nth-child(128) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-128;
          animation-name: move-frames-128;
  -webkit-animation-duration: 33042ms;
          animation-duration: 33042ms;
  -webkit-animation-delay: 15819ms;
          animation-delay: 15819ms;
}

@-webkit-keyframes move-frames-128 {
  from {
    -webkit-transform: translate3d(15vw, 107vh, 0);
            transform: translate3d(15vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -135vh, 0);
            transform: translate3d(44vw, -135vh, 0);
  }
}

@keyframes move-frames-128 {
  from {
    -webkit-transform: translate3d(15vw, 107vh, 0);
            transform: translate3d(15vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -135vh, 0);
            transform: translate3d(44vw, -135vh, 0);
  }
}

.motion-circle-container:nth-child(128) .motion-circle {
  -webkit-animation-delay: 3935ms;
          animation-delay: 3935ms;
}

.motion-circle-container:nth-child(129) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-129;
          animation-name: move-frames-129;
  -webkit-animation-duration: 33088ms;
          animation-duration: 33088ms;
  -webkit-animation-delay: 521ms;
          animation-delay: 521ms;
}

@-webkit-keyframes move-frames-129 {
  from {
    -webkit-transform: translate3d(16vw, 106vh, 0);
            transform: translate3d(16vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(36vw, -107vh, 0);
            transform: translate3d(36vw, -107vh, 0);
  }
}

@keyframes move-frames-129 {
  from {
    -webkit-transform: translate3d(16vw, 106vh, 0);
            transform: translate3d(16vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(36vw, -107vh, 0);
            transform: translate3d(36vw, -107vh, 0);
  }
}

.motion-circle-container:nth-child(129) .motion-circle {
  -webkit-animation-delay: 223ms;
          animation-delay: 223ms;
}

.motion-circle-container:nth-child(130) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-130;
          animation-name: move-frames-130;
  -webkit-animation-duration: 29908ms;
          animation-duration: 29908ms;
  -webkit-animation-delay: 28224ms;
          animation-delay: 28224ms;
}

@-webkit-keyframes move-frames-130 {
  from {
    -webkit-transform: translate3d(35vw, 105vh, 0);
            transform: translate3d(35vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(79vw, -117vh, 0);
            transform: translate3d(79vw, -117vh, 0);
  }
}

@keyframes move-frames-130 {
  from {
    -webkit-transform: translate3d(35vw, 105vh, 0);
            transform: translate3d(35vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(79vw, -117vh, 0);
            transform: translate3d(79vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(130) .motion-circle {
  -webkit-animation-delay: 2877ms;
          animation-delay: 2877ms;
}

.motion-circle-container:nth-child(131) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-131;
          animation-name: move-frames-131;
  -webkit-animation-duration: 32104ms;
          animation-duration: 32104ms;
  -webkit-animation-delay: 32634ms;
          animation-delay: 32634ms;
}

@-webkit-keyframes move-frames-131 {
  from {
    -webkit-transform: translate3d(79vw, 110vh, 0);
            transform: translate3d(79vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -134vh, 0);
            transform: translate3d(49vw, -134vh, 0);
  }
}

@keyframes move-frames-131 {
  from {
    -webkit-transform: translate3d(79vw, 110vh, 0);
            transform: translate3d(79vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -134vh, 0);
            transform: translate3d(49vw, -134vh, 0);
  }
}

.motion-circle-container:nth-child(131) .motion-circle {
  -webkit-animation-delay: 2095ms;
          animation-delay: 2095ms;
}

.motion-circle-container:nth-child(132) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-132;
          animation-name: move-frames-132;
  -webkit-animation-duration: 29491ms;
          animation-duration: 29491ms;
  -webkit-animation-delay: 10617ms;
          animation-delay: 10617ms;
}

@-webkit-keyframes move-frames-132 {
  from {
    -webkit-transform: translate3d(95vw, 109vh, 0);
            transform: translate3d(95vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -125vh, 0);
            transform: translate3d(19vw, -125vh, 0);
  }
}

@keyframes move-frames-132 {
  from {
    -webkit-transform: translate3d(95vw, 109vh, 0);
            transform: translate3d(95vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(19vw, -125vh, 0);
            transform: translate3d(19vw, -125vh, 0);
  }
}

.motion-circle-container:nth-child(132) .motion-circle {
  -webkit-animation-delay: 524ms;
          animation-delay: 524ms;
}

.motion-circle-container:nth-child(133) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-133;
          animation-name: move-frames-133;
  -webkit-animation-duration: 33952ms;
          animation-duration: 33952ms;
  -webkit-animation-delay: 25764ms;
          animation-delay: 25764ms;
}

@-webkit-keyframes move-frames-133 {
  from {
    -webkit-transform: translate3d(96vw, 104vh, 0);
            transform: translate3d(96vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(82vw, -131vh, 0);
            transform: translate3d(82vw, -131vh, 0);
  }
}

@keyframes move-frames-133 {
  from {
    -webkit-transform: translate3d(96vw, 104vh, 0);
            transform: translate3d(96vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(82vw, -131vh, 0);
            transform: translate3d(82vw, -131vh, 0);
  }
}

.motion-circle-container:nth-child(133) .motion-circle {
  -webkit-animation-delay: 2748ms;
          animation-delay: 2748ms;
}

.motion-circle-container:nth-child(134) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-134;
          animation-name: move-frames-134;
  -webkit-animation-duration: 34254ms;
          animation-duration: 34254ms;
  -webkit-animation-delay: 7049ms;
          animation-delay: 7049ms;
}

@-webkit-keyframes move-frames-134 {
  from {
    -webkit-transform: translate3d(15vw, 103vh, 0);
            transform: translate3d(15vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(38vw, -108vh, 0);
            transform: translate3d(38vw, -108vh, 0);
  }
}

@keyframes move-frames-134 {
  from {
    -webkit-transform: translate3d(15vw, 103vh, 0);
            transform: translate3d(15vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(38vw, -108vh, 0);
            transform: translate3d(38vw, -108vh, 0);
  }
}

.motion-circle-container:nth-child(134) .motion-circle {
  -webkit-animation-delay: 1543ms;
          animation-delay: 1543ms;
}

.motion-circle-container:nth-child(135) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-135;
          animation-name: move-frames-135;
  -webkit-animation-duration: 36013ms;
          animation-duration: 36013ms;
  -webkit-animation-delay: 11094ms;
          animation-delay: 11094ms;
}

@-webkit-keyframes move-frames-135 {
  from {
    -webkit-transform: translate3d(15vw, 103vh, 0);
            transform: translate3d(15vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(41vw, -108vh, 0);
            transform: translate3d(41vw, -108vh, 0);
  }
}

@keyframes move-frames-135 {
  from {
    -webkit-transform: translate3d(15vw, 103vh, 0);
            transform: translate3d(15vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(41vw, -108vh, 0);
            transform: translate3d(41vw, -108vh, 0);
  }
}

.motion-circle-container:nth-child(135) .motion-circle {
  -webkit-animation-delay: 743ms;
          animation-delay: 743ms;
}

.motion-circle-container:nth-child(136) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-136;
          animation-name: move-frames-136;
  -webkit-animation-duration: 29802ms;
          animation-duration: 29802ms;
  -webkit-animation-delay: 26821ms;
          animation-delay: 26821ms;
}

@-webkit-keyframes move-frames-136 {
  from {
    -webkit-transform: translate3d(92vw, 103vh, 0);
            transform: translate3d(92vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(67vw, -108vh, 0);
            transform: translate3d(67vw, -108vh, 0);
  }
}

@keyframes move-frames-136 {
  from {
    -webkit-transform: translate3d(92vw, 103vh, 0);
            transform: translate3d(92vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(67vw, -108vh, 0);
            transform: translate3d(67vw, -108vh, 0);
  }
}

.motion-circle-container:nth-child(136) .motion-circle {
  -webkit-animation-delay: 1028ms;
          animation-delay: 1028ms;
}

.motion-circle-container:nth-child(137) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-137;
          animation-name: move-frames-137;
  -webkit-animation-duration: 34375ms;
          animation-duration: 34375ms;
  -webkit-animation-delay: 36713ms;
          animation-delay: 36713ms;
}

@-webkit-keyframes move-frames-137 {
  from {
    -webkit-transform: translate3d(45vw, 110vh, 0);
            transform: translate3d(45vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -139vh, 0);
            transform: translate3d(32vw, -139vh, 0);
  }
}

@keyframes move-frames-137 {
  from {
    -webkit-transform: translate3d(45vw, 110vh, 0);
            transform: translate3d(45vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -139vh, 0);
            transform: translate3d(32vw, -139vh, 0);
  }
}

.motion-circle-container:nth-child(137) .motion-circle {
  -webkit-animation-delay: 842ms;
          animation-delay: 842ms;
}

.motion-circle-container:nth-child(138) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-138;
          animation-name: move-frames-138;
  -webkit-animation-duration: 34448ms;
          animation-duration: 34448ms;
  -webkit-animation-delay: 7698ms;
          animation-delay: 7698ms;
}

@-webkit-keyframes move-frames-138 {
  from {
    -webkit-transform: translate3d(45vw, 102vh, 0);
            transform: translate3d(45vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(65vw, -130vh, 0);
            transform: translate3d(65vw, -130vh, 0);
  }
}

@keyframes move-frames-138 {
  from {
    -webkit-transform: translate3d(45vw, 102vh, 0);
            transform: translate3d(45vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(65vw, -130vh, 0);
            transform: translate3d(65vw, -130vh, 0);
  }
}

.motion-circle-container:nth-child(138) .motion-circle {
  -webkit-animation-delay: 3920ms;
          animation-delay: 3920ms;
}

.motion-circle-container:nth-child(139) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-139;
          animation-name: move-frames-139;
  -webkit-animation-duration: 31124ms;
          animation-duration: 31124ms;
  -webkit-animation-delay: 31842ms;
          animation-delay: 31842ms;
}

@-webkit-keyframes move-frames-139 {
  from {
    -webkit-transform: translate3d(58vw, 103vh, 0);
            transform: translate3d(58vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -133vh, 0);
            transform: translate3d(44vw, -133vh, 0);
  }
}

@keyframes move-frames-139 {
  from {
    -webkit-transform: translate3d(58vw, 103vh, 0);
            transform: translate3d(58vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(44vw, -133vh, 0);
            transform: translate3d(44vw, -133vh, 0);
  }
}

.motion-circle-container:nth-child(139) .motion-circle {
  -webkit-animation-delay: 2849ms;
          animation-delay: 2849ms;
}

.motion-circle-container:nth-child(140) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-140;
          animation-name: move-frames-140;
  -webkit-animation-duration: 36102ms;
          animation-duration: 36102ms;
  -webkit-animation-delay: 6350ms;
          animation-delay: 6350ms;
}

@-webkit-keyframes move-frames-140 {
  from {
    -webkit-transform: translate3d(8vw, 102vh, 0);
            transform: translate3d(8vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -132vh, 0);
            transform: translate3d(98vw, -132vh, 0);
  }
}

@keyframes move-frames-140 {
  from {
    -webkit-transform: translate3d(8vw, 102vh, 0);
            transform: translate3d(8vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -132vh, 0);
            transform: translate3d(98vw, -132vh, 0);
  }
}

.motion-circle-container:nth-child(140) .motion-circle {
  -webkit-animation-delay: 451ms;
          animation-delay: 451ms;
}

.motion-circle-container:nth-child(141) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-141;
          animation-name: move-frames-141;
  -webkit-animation-duration: 36464ms;
          animation-duration: 36464ms;
  -webkit-animation-delay: 20845ms;
          animation-delay: 20845ms;
}

@-webkit-keyframes move-frames-141 {
  from {
    -webkit-transform: translate3d(37vw, 101vh, 0);
            transform: translate3d(37vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -106vh, 0);
            transform: translate3d(56vw, -106vh, 0);
  }
}

@keyframes move-frames-141 {
  from {
    -webkit-transform: translate3d(37vw, 101vh, 0);
            transform: translate3d(37vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -106vh, 0);
            transform: translate3d(56vw, -106vh, 0);
  }
}

.motion-circle-container:nth-child(141) .motion-circle {
  -webkit-animation-delay: 2658ms;
          animation-delay: 2658ms;
}

.motion-circle-container:nth-child(142) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-142;
          animation-name: move-frames-142;
  -webkit-animation-duration: 33803ms;
          animation-duration: 33803ms;
  -webkit-animation-delay: 18016ms;
          animation-delay: 18016ms;
}

@-webkit-keyframes move-frames-142 {
  from {
    -webkit-transform: translate3d(97vw, 107vh, 0);
            transform: translate3d(97vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -125vh, 0);
            transform: translate3d(42vw, -125vh, 0);
  }
}

@keyframes move-frames-142 {
  from {
    -webkit-transform: translate3d(97vw, 107vh, 0);
            transform: translate3d(97vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -125vh, 0);
            transform: translate3d(42vw, -125vh, 0);
  }
}

.motion-circle-container:nth-child(142) .motion-circle {
  -webkit-animation-delay: 1407ms;
          animation-delay: 1407ms;
}

.motion-circle-container:nth-child(143) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-143;
          animation-name: move-frames-143;
  -webkit-animation-duration: 30144ms;
          animation-duration: 30144ms;
  -webkit-animation-delay: 7048ms;
          animation-delay: 7048ms;
}

@-webkit-keyframes move-frames-143 {
  from {
    -webkit-transform: translate3d(83vw, 107vh, 0);
            transform: translate3d(83vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -121vh, 0);
            transform: translate3d(11vw, -121vh, 0);
  }
}

@keyframes move-frames-143 {
  from {
    -webkit-transform: translate3d(83vw, 107vh, 0);
            transform: translate3d(83vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(11vw, -121vh, 0);
            transform: translate3d(11vw, -121vh, 0);
  }
}

.motion-circle-container:nth-child(143) .motion-circle {
  -webkit-animation-delay: 3822ms;
          animation-delay: 3822ms;
}

.motion-circle-container:nth-child(144) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-144;
          animation-name: move-frames-144;
  -webkit-animation-duration: 28040ms;
          animation-duration: 28040ms;
  -webkit-animation-delay: 30682ms;
          animation-delay: 30682ms;
}

@-webkit-keyframes move-frames-144 {
  from {
    -webkit-transform: translate3d(35vw, 110vh, 0);
            transform: translate3d(35vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -121vh, 0);
            transform: translate3d(49vw, -121vh, 0);
  }
}

@keyframes move-frames-144 {
  from {
    -webkit-transform: translate3d(35vw, 110vh, 0);
            transform: translate3d(35vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(49vw, -121vh, 0);
            transform: translate3d(49vw, -121vh, 0);
  }
}

.motion-circle-container:nth-child(144) .motion-circle {
  -webkit-animation-delay: 1532ms;
          animation-delay: 1532ms;
}

.motion-circle-container:nth-child(145) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-145;
          animation-name: move-frames-145;
  -webkit-animation-duration: 30669ms;
          animation-duration: 30669ms;
  -webkit-animation-delay: 18955ms;
          animation-delay: 18955ms;
}

@-webkit-keyframes move-frames-145 {
  from {
    -webkit-transform: translate3d(55vw, 108vh, 0);
            transform: translate3d(55vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(84vw, -115vh, 0);
            transform: translate3d(84vw, -115vh, 0);
  }
}

@keyframes move-frames-145 {
  from {
    -webkit-transform: translate3d(55vw, 108vh, 0);
            transform: translate3d(55vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(84vw, -115vh, 0);
            transform: translate3d(84vw, -115vh, 0);
  }
}

.motion-circle-container:nth-child(145) .motion-circle {
  -webkit-animation-delay: 2209ms;
          animation-delay: 2209ms;
}

.motion-circle-container:nth-child(146) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-146;
          animation-name: move-frames-146;
  -webkit-animation-duration: 34016ms;
          animation-duration: 34016ms;
  -webkit-animation-delay: 28005ms;
          animation-delay: 28005ms;
}

@-webkit-keyframes move-frames-146 {
  from {
    -webkit-transform: translate3d(42vw, 104vh, 0);
            transform: translate3d(42vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(26vw, -114vh, 0);
            transform: translate3d(26vw, -114vh, 0);
  }
}

@keyframes move-frames-146 {
  from {
    -webkit-transform: translate3d(42vw, 104vh, 0);
            transform: translate3d(42vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(26vw, -114vh, 0);
            transform: translate3d(26vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(146) .motion-circle {
  -webkit-animation-delay: 725ms;
          animation-delay: 725ms;
}

.motion-circle-container:nth-child(147) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-147;
          animation-name: move-frames-147;
  -webkit-animation-duration: 32370ms;
          animation-duration: 32370ms;
  -webkit-animation-delay: 21190ms;
          animation-delay: 21190ms;
}

@-webkit-keyframes move-frames-147 {
  from {
    -webkit-transform: translate3d(89vw, 101vh, 0);
            transform: translate3d(89vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(33vw, -119vh, 0);
            transform: translate3d(33vw, -119vh, 0);
  }
}

@keyframes move-frames-147 {
  from {
    -webkit-transform: translate3d(89vw, 101vh, 0);
            transform: translate3d(89vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(33vw, -119vh, 0);
            transform: translate3d(33vw, -119vh, 0);
  }
}

.motion-circle-container:nth-child(147) .motion-circle {
  -webkit-animation-delay: 3720ms;
          animation-delay: 3720ms;
}

.motion-circle-container:nth-child(148) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-148;
          animation-name: move-frames-148;
  -webkit-animation-duration: 32035ms;
          animation-duration: 32035ms;
  -webkit-animation-delay: 15548ms;
          animation-delay: 15548ms;
}

@-webkit-keyframes move-frames-148 {
  from {
    -webkit-transform: translate3d(40vw, 101vh, 0);
            transform: translate3d(40vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(66vw, -105vh, 0);
            transform: translate3d(66vw, -105vh, 0);
  }
}

@keyframes move-frames-148 {
  from {
    -webkit-transform: translate3d(40vw, 101vh, 0);
            transform: translate3d(40vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(66vw, -105vh, 0);
            transform: translate3d(66vw, -105vh, 0);
  }
}

.motion-circle-container:nth-child(148) .motion-circle {
  -webkit-animation-delay: 62ms;
          animation-delay: 62ms;
}

.motion-circle-container:nth-child(149) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-149;
          animation-name: move-frames-149;
  -webkit-animation-duration: 31636ms;
          animation-duration: 31636ms;
  -webkit-animation-delay: 20889ms;
          animation-delay: 20889ms;
}

@-webkit-keyframes move-frames-149 {
  from {
    -webkit-transform: translate3d(19vw, 110vh, 0);
            transform: translate3d(19vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -122vh, 0);
            transform: translate3d(52vw, -122vh, 0);
  }
}

@keyframes move-frames-149 {
  from {
    -webkit-transform: translate3d(19vw, 110vh, 0);
            transform: translate3d(19vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -122vh, 0);
            transform: translate3d(52vw, -122vh, 0);
  }
}

.motion-circle-container:nth-child(149) .motion-circle {
  -webkit-animation-delay: 1275ms;
          animation-delay: 1275ms;
}

.motion-circle-container:nth-child(150) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-150;
          animation-name: move-frames-150;
  -webkit-animation-duration: 31473ms;
          animation-duration: 31473ms;
  -webkit-animation-delay: 368ms;
          animation-delay: 368ms;
}

@-webkit-keyframes move-frames-150 {
  from {
    -webkit-transform: translate3d(35vw, 102vh, 0);
            transform: translate3d(35vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(51vw, -111vh, 0);
            transform: translate3d(51vw, -111vh, 0);
  }
}

@keyframes move-frames-150 {
  from {
    -webkit-transform: translate3d(35vw, 102vh, 0);
            transform: translate3d(35vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(51vw, -111vh, 0);
            transform: translate3d(51vw, -111vh, 0);
  }
}

.motion-circle-container:nth-child(150) .motion-circle {
  -webkit-animation-delay: 461ms;
          animation-delay: 461ms;
}

.motion-circle-container:nth-child(151) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-151;
          animation-name: move-frames-151;
  -webkit-animation-duration: 30184ms;
          animation-duration: 30184ms;
  -webkit-animation-delay: 28462ms;
          animation-delay: 28462ms;
}

@-webkit-keyframes move-frames-151 {
  from {
    -webkit-transform: translate3d(37vw, 108vh, 0);
            transform: translate3d(37vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(5vw, -119vh, 0);
            transform: translate3d(5vw, -119vh, 0);
  }
}

@keyframes move-frames-151 {
  from {
    -webkit-transform: translate3d(37vw, 108vh, 0);
            transform: translate3d(37vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(5vw, -119vh, 0);
            transform: translate3d(5vw, -119vh, 0);
  }
}

.motion-circle-container:nth-child(151) .motion-circle {
  -webkit-animation-delay: 2164ms;
          animation-delay: 2164ms;
}

.motion-circle-container:nth-child(152) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-152;
          animation-name: move-frames-152;
  -webkit-animation-duration: 30355ms;
          animation-duration: 30355ms;
  -webkit-animation-delay: 6008ms;
          animation-delay: 6008ms;
}

@-webkit-keyframes move-frames-152 {
  from {
    -webkit-transform: translate3d(74vw, 106vh, 0);
            transform: translate3d(74vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(81vw, -117vh, 0);
            transform: translate3d(81vw, -117vh, 0);
  }
}

@keyframes move-frames-152 {
  from {
    -webkit-transform: translate3d(74vw, 106vh, 0);
            transform: translate3d(74vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(81vw, -117vh, 0);
            transform: translate3d(81vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(152) .motion-circle {
  -webkit-animation-delay: 2089ms;
          animation-delay: 2089ms;
}

.motion-circle-container:nth-child(153) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-153;
          animation-name: move-frames-153;
  -webkit-animation-duration: 32798ms;
          animation-duration: 32798ms;
  -webkit-animation-delay: 21904ms;
          animation-delay: 21904ms;
}

@-webkit-keyframes move-frames-153 {
  from {
    -webkit-transform: translate3d(51vw, 109vh, 0);
            transform: translate3d(51vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(77vw, -121vh, 0);
            transform: translate3d(77vw, -121vh, 0);
  }
}

@keyframes move-frames-153 {
  from {
    -webkit-transform: translate3d(51vw, 109vh, 0);
            transform: translate3d(51vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(77vw, -121vh, 0);
            transform: translate3d(77vw, -121vh, 0);
  }
}

.motion-circle-container:nth-child(153) .motion-circle {
  -webkit-animation-delay: 3394ms;
          animation-delay: 3394ms;
}

.motion-circle-container:nth-child(154) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-154;
          animation-name: move-frames-154;
  -webkit-animation-duration: 33303ms;
          animation-duration: 33303ms;
  -webkit-animation-delay: 1928ms;
          animation-delay: 1928ms;
}

@-webkit-keyframes move-frames-154 {
  from {
    -webkit-transform: translate3d(2vw, 103vh, 0);
            transform: translate3d(2vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(62vw, -114vh, 0);
            transform: translate3d(62vw, -114vh, 0);
  }
}

@keyframes move-frames-154 {
  from {
    -webkit-transform: translate3d(2vw, 103vh, 0);
            transform: translate3d(2vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(62vw, -114vh, 0);
            transform: translate3d(62vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(154) .motion-circle {
  -webkit-animation-delay: 2738ms;
          animation-delay: 2738ms;
}

.motion-circle-container:nth-child(155) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-155;
          animation-name: move-frames-155;
  -webkit-animation-duration: 34331ms;
          animation-duration: 34331ms;
  -webkit-animation-delay: 11173ms;
          animation-delay: 11173ms;
}

@-webkit-keyframes move-frames-155 {
  from {
    -webkit-transform: translate3d(27vw, 103vh, 0);
            transform: translate3d(27vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -128vh, 0);
            transform: translate3d(53vw, -128vh, 0);
  }
}

@keyframes move-frames-155 {
  from {
    -webkit-transform: translate3d(27vw, 103vh, 0);
            transform: translate3d(27vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -128vh, 0);
            transform: translate3d(53vw, -128vh, 0);
  }
}

.motion-circle-container:nth-child(155) .motion-circle {
  -webkit-animation-delay: 1611ms;
          animation-delay: 1611ms;
}

.motion-circle-container:nth-child(156) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-156;
          animation-name: move-frames-156;
  -webkit-animation-duration: 31276ms;
          animation-duration: 31276ms;
  -webkit-animation-delay: 24519ms;
          animation-delay: 24519ms;
}

@-webkit-keyframes move-frames-156 {
  from {
    -webkit-transform: translate3d(28vw, 104vh, 0);
            transform: translate3d(28vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -122vh, 0);
            transform: translate3d(53vw, -122vh, 0);
  }
}

@keyframes move-frames-156 {
  from {
    -webkit-transform: translate3d(28vw, 104vh, 0);
            transform: translate3d(28vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(53vw, -122vh, 0);
            transform: translate3d(53vw, -122vh, 0);
  }
}

.motion-circle-container:nth-child(156) .motion-circle {
  -webkit-animation-delay: 1426ms;
          animation-delay: 1426ms;
}

.motion-circle-container:nth-child(157) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-157;
          animation-name: move-frames-157;
  -webkit-animation-duration: 32545ms;
          animation-duration: 32545ms;
  -webkit-animation-delay: 2840ms;
          animation-delay: 2840ms;
}

@-webkit-keyframes move-frames-157 {
  from {
    -webkit-transform: translate3d(6vw, 106vh, 0);
            transform: translate3d(6vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(7vw, -134vh, 0);
            transform: translate3d(7vw, -134vh, 0);
  }
}

@keyframes move-frames-157 {
  from {
    -webkit-transform: translate3d(6vw, 106vh, 0);
            transform: translate3d(6vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(7vw, -134vh, 0);
            transform: translate3d(7vw, -134vh, 0);
  }
}

.motion-circle-container:nth-child(157) .motion-circle {
  -webkit-animation-delay: 3124ms;
          animation-delay: 3124ms;
}

.motion-circle-container:nth-child(158) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-158;
          animation-name: move-frames-158;
  -webkit-animation-duration: 33558ms;
          animation-duration: 33558ms;
  -webkit-animation-delay: 19461ms;
          animation-delay: 19461ms;
}

@-webkit-keyframes move-frames-158 {
  from {
    -webkit-transform: translate3d(44vw, 108vh, 0);
            transform: translate3d(44vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(28vw, -138vh, 0);
            transform: translate3d(28vw, -138vh, 0);
  }
}

@keyframes move-frames-158 {
  from {
    -webkit-transform: translate3d(44vw, 108vh, 0);
            transform: translate3d(44vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(28vw, -138vh, 0);
            transform: translate3d(28vw, -138vh, 0);
  }
}

.motion-circle-container:nth-child(158) .motion-circle {
  -webkit-animation-delay: 1667ms;
          animation-delay: 1667ms;
}

.motion-circle-container:nth-child(159) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-159;
          animation-name: move-frames-159;
  -webkit-animation-duration: 32865ms;
          animation-duration: 32865ms;
  -webkit-animation-delay: 3143ms;
          animation-delay: 3143ms;
}

@-webkit-keyframes move-frames-159 {
  from {
    -webkit-transform: translate3d(55vw, 106vh, 0);
            transform: translate3d(55vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -118vh, 0);
            transform: translate3d(98vw, -118vh, 0);
  }
}

@keyframes move-frames-159 {
  from {
    -webkit-transform: translate3d(55vw, 106vh, 0);
            transform: translate3d(55vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(98vw, -118vh, 0);
            transform: translate3d(98vw, -118vh, 0);
  }
}

.motion-circle-container:nth-child(159) .motion-circle {
  -webkit-animation-delay: 2597ms;
          animation-delay: 2597ms;
}

.motion-circle-container:nth-child(160) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-160;
          animation-name: move-frames-160;
  -webkit-animation-duration: 29477ms;
          animation-duration: 29477ms;
  -webkit-animation-delay: 18006ms;
          animation-delay: 18006ms;
}

@-webkit-keyframes move-frames-160 {
  from {
    -webkit-transform: translate3d(32vw, 108vh, 0);
            transform: translate3d(32vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(18vw, -118vh, 0);
            transform: translate3d(18vw, -118vh, 0);
  }
}

@keyframes move-frames-160 {
  from {
    -webkit-transform: translate3d(32vw, 108vh, 0);
            transform: translate3d(32vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(18vw, -118vh, 0);
            transform: translate3d(18vw, -118vh, 0);
  }
}

.motion-circle-container:nth-child(160) .motion-circle {
  -webkit-animation-delay: 1378ms;
          animation-delay: 1378ms;
}

.motion-circle-container:nth-child(161) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-161;
          animation-name: move-frames-161;
  -webkit-animation-duration: 35001ms;
          animation-duration: 35001ms;
  -webkit-animation-delay: 9035ms;
          animation-delay: 9035ms;
}

@-webkit-keyframes move-frames-161 {
  from {
    -webkit-transform: translate3d(83vw, 109vh, 0);
            transform: translate3d(83vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -127vh, 0);
            transform: translate3d(48vw, -127vh, 0);
  }
}

@keyframes move-frames-161 {
  from {
    -webkit-transform: translate3d(83vw, 109vh, 0);
            transform: translate3d(83vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(48vw, -127vh, 0);
            transform: translate3d(48vw, -127vh, 0);
  }
}

.motion-circle-container:nth-child(161) .motion-circle {
  -webkit-animation-delay: 198ms;
          animation-delay: 198ms;
}

.motion-circle-container:nth-child(162) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-162;
          animation-name: move-frames-162;
  -webkit-animation-duration: 34151ms;
          animation-duration: 34151ms;
  -webkit-animation-delay: 9938ms;
          animation-delay: 9938ms;
}

@-webkit-keyframes move-frames-162 {
  from {
    -webkit-transform: translate3d(89vw, 107vh, 0);
            transform: translate3d(89vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(6vw, -128vh, 0);
            transform: translate3d(6vw, -128vh, 0);
  }
}

@keyframes move-frames-162 {
  from {
    -webkit-transform: translate3d(89vw, 107vh, 0);
            transform: translate3d(89vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(6vw, -128vh, 0);
            transform: translate3d(6vw, -128vh, 0);
  }
}

.motion-circle-container:nth-child(162) .motion-circle {
  -webkit-animation-delay: 610ms;
          animation-delay: 610ms;
}

.motion-circle-container:nth-child(163) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-163;
          animation-name: move-frames-163;
  -webkit-animation-duration: 32418ms;
          animation-duration: 32418ms;
  -webkit-animation-delay: 3310ms;
          animation-delay: 3310ms;
}

@-webkit-keyframes move-frames-163 {
  from {
    -webkit-transform: translate3d(61vw, 102vh, 0);
            transform: translate3d(61vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -130vh, 0);
            transform: translate3d(3vw, -130vh, 0);
  }
}

@keyframes move-frames-163 {
  from {
    -webkit-transform: translate3d(61vw, 102vh, 0);
            transform: translate3d(61vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(3vw, -130vh, 0);
            transform: translate3d(3vw, -130vh, 0);
  }
}

.motion-circle-container:nth-child(163) .motion-circle {
  -webkit-animation-delay: 2763ms;
          animation-delay: 2763ms;
}

.motion-circle-container:nth-child(164) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-164;
          animation-name: move-frames-164;
  -webkit-animation-duration: 29058ms;
          animation-duration: 29058ms;
  -webkit-animation-delay: 3284ms;
          animation-delay: 3284ms;
}

@-webkit-keyframes move-frames-164 {
  from {
    -webkit-transform: translate3d(8vw, 107vh, 0);
            transform: translate3d(8vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -133vh, 0);
            transform: translate3d(71vw, -133vh, 0);
  }
}

@keyframes move-frames-164 {
  from {
    -webkit-transform: translate3d(8vw, 107vh, 0);
            transform: translate3d(8vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(71vw, -133vh, 0);
            transform: translate3d(71vw, -133vh, 0);
  }
}

.motion-circle-container:nth-child(164) .motion-circle {
  -webkit-animation-delay: 1192ms;
          animation-delay: 1192ms;
}

.motion-circle-container:nth-child(165) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-165;
          animation-name: move-frames-165;
  -webkit-animation-duration: 36537ms;
          animation-duration: 36537ms;
  -webkit-animation-delay: 7022ms;
          animation-delay: 7022ms;
}

@-webkit-keyframes move-frames-165 {
  from {
    -webkit-transform: translate3d(72vw, 104vh, 0);
            transform: translate3d(72vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(54vw, -117vh, 0);
            transform: translate3d(54vw, -117vh, 0);
  }
}

@keyframes move-frames-165 {
  from {
    -webkit-transform: translate3d(72vw, 104vh, 0);
            transform: translate3d(72vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(54vw, -117vh, 0);
            transform: translate3d(54vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(165) .motion-circle {
  -webkit-animation-delay: 494ms;
          animation-delay: 494ms;
}

.motion-circle-container:nth-child(166) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-166;
          animation-name: move-frames-166;
  -webkit-animation-duration: 36191ms;
          animation-duration: 36191ms;
  -webkit-animation-delay: 15461ms;
          animation-delay: 15461ms;
}

@-webkit-keyframes move-frames-166 {
  from {
    -webkit-transform: translate3d(18vw, 108vh, 0);
            transform: translate3d(18vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -113vh, 0);
            transform: translate3d(42vw, -113vh, 0);
  }
}

@keyframes move-frames-166 {
  from {
    -webkit-transform: translate3d(18vw, 108vh, 0);
            transform: translate3d(18vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(42vw, -113vh, 0);
            transform: translate3d(42vw, -113vh, 0);
  }
}

.motion-circle-container:nth-child(166) .motion-circle {
  -webkit-animation-delay: 2897ms;
          animation-delay: 2897ms;
}

.motion-circle-container:nth-child(167) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-167;
          animation-name: move-frames-167;
  -webkit-animation-duration: 30868ms;
          animation-duration: 30868ms;
  -webkit-animation-delay: 6271ms;
          animation-delay: 6271ms;
}

@-webkit-keyframes move-frames-167 {
  from {
    -webkit-transform: translate3d(43vw, 103vh, 0);
            transform: translate3d(43vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(96vw, -122vh, 0);
            transform: translate3d(96vw, -122vh, 0);
  }
}

@keyframes move-frames-167 {
  from {
    -webkit-transform: translate3d(43vw, 103vh, 0);
            transform: translate3d(43vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(96vw, -122vh, 0);
            transform: translate3d(96vw, -122vh, 0);
  }
}

.motion-circle-container:nth-child(167) .motion-circle {
  -webkit-animation-delay: 452ms;
          animation-delay: 452ms;
}

.motion-circle-container:nth-child(168) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-168;
          animation-name: move-frames-168;
  -webkit-animation-duration: 34292ms;
          animation-duration: 34292ms;
  -webkit-animation-delay: 22457ms;
          animation-delay: 22457ms;
}

@-webkit-keyframes move-frames-168 {
  from {
    -webkit-transform: translate3d(89vw, 105vh, 0);
            transform: translate3d(89vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(69vw, -107vh, 0);
            transform: translate3d(69vw, -107vh, 0);
  }
}

@keyframes move-frames-168 {
  from {
    -webkit-transform: translate3d(89vw, 105vh, 0);
            transform: translate3d(89vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(69vw, -107vh, 0);
            transform: translate3d(69vw, -107vh, 0);
  }
}

.motion-circle-container:nth-child(168) .motion-circle {
  -webkit-animation-delay: 3495ms;
          animation-delay: 3495ms;
}

.motion-circle-container:nth-child(169) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-169;
          animation-name: move-frames-169;
  -webkit-animation-duration: 35241ms;
          animation-duration: 35241ms;
  -webkit-animation-delay: 6317ms;
          animation-delay: 6317ms;
}

@-webkit-keyframes move-frames-169 {
  from {
    -webkit-transform: translate3d(12vw, 110vh, 0);
            transform: translate3d(12vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(80vw, -111vh, 0);
            transform: translate3d(80vw, -111vh, 0);
  }
}

@keyframes move-frames-169 {
  from {
    -webkit-transform: translate3d(12vw, 110vh, 0);
            transform: translate3d(12vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(80vw, -111vh, 0);
            transform: translate3d(80vw, -111vh, 0);
  }
}

.motion-circle-container:nth-child(169) .motion-circle {
  -webkit-animation-delay: 637ms;
          animation-delay: 637ms;
}

.motion-circle-container:nth-child(170) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-170;
          animation-name: move-frames-170;
  -webkit-animation-duration: 36605ms;
          animation-duration: 36605ms;
  -webkit-animation-delay: 7671ms;
          animation-delay: 7671ms;
}

@-webkit-keyframes move-frames-170 {
  from {
    -webkit-transform: translate3d(96vw, 104vh, 0);
            transform: translate3d(96vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(57vw, -134vh, 0);
            transform: translate3d(57vw, -134vh, 0);
  }
}

@keyframes move-frames-170 {
  from {
    -webkit-transform: translate3d(96vw, 104vh, 0);
            transform: translate3d(96vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(57vw, -134vh, 0);
            transform: translate3d(57vw, -134vh, 0);
  }
}

.motion-circle-container:nth-child(170) .motion-circle {
  -webkit-animation-delay: 3892ms;
          animation-delay: 3892ms;
}

.motion-circle-container:nth-child(171) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-171;
          animation-name: move-frames-171;
  -webkit-animation-duration: 29742ms;
          animation-duration: 29742ms;
  -webkit-animation-delay: 5281ms;
          animation-delay: 5281ms;
}

@-webkit-keyframes move-frames-171 {
  from {
    -webkit-transform: translate3d(55vw, 108vh, 0);
            transform: translate3d(55vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(39vw, -120vh, 0);
            transform: translate3d(39vw, -120vh, 0);
  }
}

@keyframes move-frames-171 {
  from {
    -webkit-transform: translate3d(55vw, 108vh, 0);
            transform: translate3d(55vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(39vw, -120vh, 0);
            transform: translate3d(39vw, -120vh, 0);
  }
}

.motion-circle-container:nth-child(171) .motion-circle {
  -webkit-animation-delay: 1006ms;
          animation-delay: 1006ms;
}

.motion-circle-container:nth-child(172) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-172;
          animation-name: move-frames-172;
  -webkit-animation-duration: 31826ms;
          animation-duration: 31826ms;
  -webkit-animation-delay: 20673ms;
          animation-delay: 20673ms;
}

@-webkit-keyframes move-frames-172 {
  from {
    -webkit-transform: translate3d(20vw, 105vh, 0);
            transform: translate3d(20vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -107vh, 0);
            transform: translate3d(76vw, -107vh, 0);
  }
}

@keyframes move-frames-172 {
  from {
    -webkit-transform: translate3d(20vw, 105vh, 0);
            transform: translate3d(20vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(76vw, -107vh, 0);
            transform: translate3d(76vw, -107vh, 0);
  }
}

.motion-circle-container:nth-child(172) .motion-circle {
  -webkit-animation-delay: 3076ms;
          animation-delay: 3076ms;
}

.motion-circle-container:nth-child(173) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-173;
          animation-name: move-frames-173;
  -webkit-animation-duration: 28211ms;
          animation-duration: 28211ms;
  -webkit-animation-delay: 35372ms;
          animation-delay: 35372ms;
}

@-webkit-keyframes move-frames-173 {
  from {
    -webkit-transform: translate3d(93vw, 109vh, 0);
            transform: translate3d(93vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(38vw, -128vh, 0);
            transform: translate3d(38vw, -128vh, 0);
  }
}

@keyframes move-frames-173 {
  from {
    -webkit-transform: translate3d(93vw, 109vh, 0);
            transform: translate3d(93vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(38vw, -128vh, 0);
            transform: translate3d(38vw, -128vh, 0);
  }
}

.motion-circle-container:nth-child(173) .motion-circle {
  -webkit-animation-delay: 2530ms;
          animation-delay: 2530ms;
}

.motion-circle-container:nth-child(174) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-174;
          animation-name: move-frames-174;
  -webkit-animation-duration: 34259ms;
          animation-duration: 34259ms;
  -webkit-animation-delay: 34621ms;
          animation-delay: 34621ms;
}

@-webkit-keyframes move-frames-174 {
  from {
    -webkit-transform: translate3d(26vw, 109vh, 0);
            transform: translate3d(26vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(21vw, -111vh, 0);
            transform: translate3d(21vw, -111vh, 0);
  }
}

@keyframes move-frames-174 {
  from {
    -webkit-transform: translate3d(26vw, 109vh, 0);
            transform: translate3d(26vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(21vw, -111vh, 0);
            transform: translate3d(21vw, -111vh, 0);
  }
}

.motion-circle-container:nth-child(174) .motion-circle {
  -webkit-animation-delay: 3868ms;
          animation-delay: 3868ms;
}

.motion-circle-container:nth-child(175) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-175;
          animation-name: move-frames-175;
  -webkit-animation-duration: 32322ms;
          animation-duration: 32322ms;
  -webkit-animation-delay: 12848ms;
          animation-delay: 12848ms;
}

@-webkit-keyframes move-frames-175 {
  from {
    -webkit-transform: translate3d(5vw, 105vh, 0);
            transform: translate3d(5vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(55vw, -114vh, 0);
            transform: translate3d(55vw, -114vh, 0);
  }
}

@keyframes move-frames-175 {
  from {
    -webkit-transform: translate3d(5vw, 105vh, 0);
            transform: translate3d(5vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(55vw, -114vh, 0);
            transform: translate3d(55vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(175) .motion-circle {
  -webkit-animation-delay: 2317ms;
          animation-delay: 2317ms;
}

.motion-circle-container:nth-child(176) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-176;
          animation-name: move-frames-176;
  -webkit-animation-duration: 31565ms;
          animation-duration: 31565ms;
  -webkit-animation-delay: 32067ms;
          animation-delay: 32067ms;
}

@-webkit-keyframes move-frames-176 {
  from {
    -webkit-transform: translate3d(3vw, 110vh, 0);
            transform: translate3d(3vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(99vw, -135vh, 0);
            transform: translate3d(99vw, -135vh, 0);
  }
}

@keyframes move-frames-176 {
  from {
    -webkit-transform: translate3d(3vw, 110vh, 0);
            transform: translate3d(3vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(99vw, -135vh, 0);
            transform: translate3d(99vw, -135vh, 0);
  }
}

.motion-circle-container:nth-child(176) .motion-circle {
  -webkit-animation-delay: 32ms;
          animation-delay: 32ms;
}

.motion-circle-container:nth-child(177) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-177;
          animation-name: move-frames-177;
  -webkit-animation-duration: 35135ms;
          animation-duration: 35135ms;
  -webkit-animation-delay: 36493ms;
          animation-delay: 36493ms;
}

@-webkit-keyframes move-frames-177 {
  from {
    -webkit-transform: translate3d(35vw, 107vh, 0);
            transform: translate3d(35vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -124vh, 0);
            transform: translate3d(32vw, -124vh, 0);
  }
}

@keyframes move-frames-177 {
  from {
    -webkit-transform: translate3d(35vw, 107vh, 0);
            transform: translate3d(35vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(32vw, -124vh, 0);
            transform: translate3d(32vw, -124vh, 0);
  }
}

.motion-circle-container:nth-child(177) .motion-circle {
  -webkit-animation-delay: 3721ms;
          animation-delay: 3721ms;
}

.motion-circle-container:nth-child(178) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-178;
          animation-name: move-frames-178;
  -webkit-animation-duration: 29147ms;
          animation-duration: 29147ms;
  -webkit-animation-delay: 30732ms;
          animation-delay: 30732ms;
}

@-webkit-keyframes move-frames-178 {
  from {
    -webkit-transform: translate3d(79vw, 107vh, 0);
            transform: translate3d(79vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(1vw, -118vh, 0);
            transform: translate3d(1vw, -118vh, 0);
  }
}

@keyframes move-frames-178 {
  from {
    -webkit-transform: translate3d(79vw, 107vh, 0);
            transform: translate3d(79vw, 107vh, 0);
  }
  to {
    -webkit-transform: translate3d(1vw, -118vh, 0);
            transform: translate3d(1vw, -118vh, 0);
  }
}

.motion-circle-container:nth-child(178) .motion-circle {
  -webkit-animation-delay: 3902ms;
          animation-delay: 3902ms;
}

.motion-circle-container:nth-child(179) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-179;
          animation-name: move-frames-179;
  -webkit-animation-duration: 29700ms;
          animation-duration: 29700ms;
  -webkit-animation-delay: 1949ms;
          animation-delay: 1949ms;
}

@-webkit-keyframes move-frames-179 {
  from {
    -webkit-transform: translate3d(74vw, 101vh, 0);
            transform: translate3d(74vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(5vw, -121vh, 0);
            transform: translate3d(5vw, -121vh, 0);
  }
}

@keyframes move-frames-179 {
  from {
    -webkit-transform: translate3d(74vw, 101vh, 0);
            transform: translate3d(74vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(5vw, -121vh, 0);
            transform: translate3d(5vw, -121vh, 0);
  }
}

.motion-circle-container:nth-child(179) .motion-circle {
  -webkit-animation-delay: 170ms;
          animation-delay: 170ms;
}

.motion-circle-container:nth-child(180) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-180;
          animation-name: move-frames-180;
  -webkit-animation-duration: 29621ms;
          animation-duration: 29621ms;
  -webkit-animation-delay: 26336ms;
          animation-delay: 26336ms;
}

@-webkit-keyframes move-frames-180 {
  from {
    -webkit-transform: translate3d(10vw, 102vh, 0);
            transform: translate3d(10vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(70vw, -114vh, 0);
            transform: translate3d(70vw, -114vh, 0);
  }
}

@keyframes move-frames-180 {
  from {
    -webkit-transform: translate3d(10vw, 102vh, 0);
            transform: translate3d(10vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(70vw, -114vh, 0);
            transform: translate3d(70vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(180) .motion-circle {
  -webkit-animation-delay: 674ms;
          animation-delay: 674ms;
}

.motion-circle-container:nth-child(181) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-181;
          animation-name: move-frames-181;
  -webkit-animation-duration: 29470ms;
          animation-duration: 29470ms;
  -webkit-animation-delay: 2341ms;
          animation-delay: 2341ms;
}

@-webkit-keyframes move-frames-181 {
  from {
    -webkit-transform: translate3d(19vw, 106vh, 0);
            transform: translate3d(19vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(46vw, -117vh, 0);
            transform: translate3d(46vw, -117vh, 0);
  }
}

@keyframes move-frames-181 {
  from {
    -webkit-transform: translate3d(19vw, 106vh, 0);
            transform: translate3d(19vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(46vw, -117vh, 0);
            transform: translate3d(46vw, -117vh, 0);
  }
}

.motion-circle-container:nth-child(181) .motion-circle {
  -webkit-animation-delay: 2208ms;
          animation-delay: 2208ms;
}

.motion-circle-container:nth-child(182) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-182;
          animation-name: move-frames-182;
  -webkit-animation-duration: 32922ms;
          animation-duration: 32922ms;
  -webkit-animation-delay: 14924ms;
          animation-delay: 14924ms;
}

@-webkit-keyframes move-frames-182 {
  from {
    -webkit-transform: translate3d(85vw, 106vh, 0);
            transform: translate3d(85vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -111vh, 0);
            transform: translate3d(56vw, -111vh, 0);
  }
}

@keyframes move-frames-182 {
  from {
    -webkit-transform: translate3d(85vw, 106vh, 0);
            transform: translate3d(85vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -111vh, 0);
            transform: translate3d(56vw, -111vh, 0);
  }
}

.motion-circle-container:nth-child(182) .motion-circle {
  -webkit-animation-delay: 873ms;
          animation-delay: 873ms;
}

.motion-circle-container:nth-child(183) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-183;
          animation-name: move-frames-183;
  -webkit-animation-duration: 31872ms;
          animation-duration: 31872ms;
  -webkit-animation-delay: 8545ms;
          animation-delay: 8545ms;
}

@-webkit-keyframes move-frames-183 {
  from {
    -webkit-transform: translate3d(70vw, 110vh, 0);
            transform: translate3d(70vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(61vw, -139vh, 0);
            transform: translate3d(61vw, -139vh, 0);
  }
}

@keyframes move-frames-183 {
  from {
    -webkit-transform: translate3d(70vw, 110vh, 0);
            transform: translate3d(70vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(61vw, -139vh, 0);
            transform: translate3d(61vw, -139vh, 0);
  }
}

.motion-circle-container:nth-child(183) .motion-circle {
  -webkit-animation-delay: 2685ms;
          animation-delay: 2685ms;
}

.motion-circle-container:nth-child(184) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-184;
          animation-name: move-frames-184;
  -webkit-animation-duration: 31873ms;
          animation-duration: 31873ms;
  -webkit-animation-delay: 13425ms;
          animation-delay: 13425ms;
}

@-webkit-keyframes move-frames-184 {
  from {
    -webkit-transform: translate3d(32vw, 102vh, 0);
            transform: translate3d(32vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -113vh, 0);
            transform: translate3d(30vw, -113vh, 0);
  }
}

@keyframes move-frames-184 {
  from {
    -webkit-transform: translate3d(32vw, 102vh, 0);
            transform: translate3d(32vw, 102vh, 0);
  }
  to {
    -webkit-transform: translate3d(30vw, -113vh, 0);
            transform: translate3d(30vw, -113vh, 0);
  }
}

.motion-circle-container:nth-child(184) .motion-circle {
  -webkit-animation-delay: 762ms;
          animation-delay: 762ms;
}

.motion-circle-container:nth-child(185) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-185;
          animation-name: move-frames-185;
  -webkit-animation-duration: 31941ms;
          animation-duration: 31941ms;
  -webkit-animation-delay: 11245ms;
          animation-delay: 11245ms;
}

@-webkit-keyframes move-frames-185 {
  from {
    -webkit-transform: translate3d(3vw, 104vh, 0);
            transform: translate3d(3vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(15vw, -106vh, 0);
            transform: translate3d(15vw, -106vh, 0);
  }
}

@keyframes move-frames-185 {
  from {
    -webkit-transform: translate3d(3vw, 104vh, 0);
            transform: translate3d(3vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(15vw, -106vh, 0);
            transform: translate3d(15vw, -106vh, 0);
  }
}

.motion-circle-container:nth-child(185) .motion-circle {
  -webkit-animation-delay: 167ms;
          animation-delay: 167ms;
}

.motion-circle-container:nth-child(186) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-186;
          animation-name: move-frames-186;
  -webkit-animation-duration: 28334ms;
          animation-duration: 28334ms;
  -webkit-animation-delay: 6273ms;
          animation-delay: 6273ms;
}

@-webkit-keyframes move-frames-186 {
  from {
    -webkit-transform: translate3d(84vw, 103vh, 0);
            transform: translate3d(84vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(10vw, -125vh, 0);
            transform: translate3d(10vw, -125vh, 0);
  }
}

@keyframes move-frames-186 {
  from {
    -webkit-transform: translate3d(84vw, 103vh, 0);
            transform: translate3d(84vw, 103vh, 0);
  }
  to {
    -webkit-transform: translate3d(10vw, -125vh, 0);
            transform: translate3d(10vw, -125vh, 0);
  }
}

.motion-circle-container:nth-child(186) .motion-circle {
  -webkit-animation-delay: 2196ms;
          animation-delay: 2196ms;
}

.motion-circle-container:nth-child(187) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-187;
          animation-name: move-frames-187;
  -webkit-animation-duration: 30944ms;
          animation-duration: 30944ms;
  -webkit-animation-delay: 36203ms;
          animation-delay: 36203ms;
}

@-webkit-keyframes move-frames-187 {
  from {
    -webkit-transform: translate3d(90vw, 109vh, 0);
            transform: translate3d(90vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(23vw, -118vh, 0);
            transform: translate3d(23vw, -118vh, 0);
  }
}

@keyframes move-frames-187 {
  from {
    -webkit-transform: translate3d(90vw, 109vh, 0);
            transform: translate3d(90vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(23vw, -118vh, 0);
            transform: translate3d(23vw, -118vh, 0);
  }
}

.motion-circle-container:nth-child(187) .motion-circle {
  -webkit-animation-delay: 1148ms;
          animation-delay: 1148ms;
}

.motion-circle-container:nth-child(188) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-188;
          animation-name: move-frames-188;
  -webkit-animation-duration: 31943ms;
          animation-duration: 31943ms;
  -webkit-animation-delay: 2456ms;
          animation-delay: 2456ms;
}

@-webkit-keyframes move-frames-188 {
  from {
    -webkit-transform: translate3d(61vw, 109vh, 0);
            transform: translate3d(61vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -114vh, 0);
            transform: translate3d(56vw, -114vh, 0);
  }
}

@keyframes move-frames-188 {
  from {
    -webkit-transform: translate3d(61vw, 109vh, 0);
            transform: translate3d(61vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(56vw, -114vh, 0);
            transform: translate3d(56vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(188) .motion-circle {
  -webkit-animation-delay: 1420ms;
          animation-delay: 1420ms;
}

.motion-circle-container:nth-child(189) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-189;
          animation-name: move-frames-189;
  -webkit-animation-duration: 30278ms;
          animation-duration: 30278ms;
  -webkit-animation-delay: 27046ms;
          animation-delay: 27046ms;
}

@-webkit-keyframes move-frames-189 {
  from {
    -webkit-transform: translate3d(29vw, 108vh, 0);
            transform: translate3d(29vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(94vw, -122vh, 0);
            transform: translate3d(94vw, -122vh, 0);
  }
}

@keyframes move-frames-189 {
  from {
    -webkit-transform: translate3d(29vw, 108vh, 0);
            transform: translate3d(29vw, 108vh, 0);
  }
  to {
    -webkit-transform: translate3d(94vw, -122vh, 0);
            transform: translate3d(94vw, -122vh, 0);
  }
}

.motion-circle-container:nth-child(189) .motion-circle {
  -webkit-animation-delay: 1586ms;
          animation-delay: 1586ms;
}

.motion-circle-container:nth-child(190) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-190;
          animation-name: move-frames-190;
  -webkit-animation-duration: 35824ms;
          animation-duration: 35824ms;
  -webkit-animation-delay: 10671ms;
          animation-delay: 10671ms;
}

@-webkit-keyframes move-frames-190 {
  from {
    -webkit-transform: translate3d(31vw, 106vh, 0);
            transform: translate3d(31vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(29vw, -118vh, 0);
            transform: translate3d(29vw, -118vh, 0);
  }
}

@keyframes move-frames-190 {
  from {
    -webkit-transform: translate3d(31vw, 106vh, 0);
            transform: translate3d(31vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(29vw, -118vh, 0);
            transform: translate3d(29vw, -118vh, 0);
  }
}

.motion-circle-container:nth-child(190) .motion-circle {
  -webkit-animation-delay: 1957ms;
          animation-delay: 1957ms;
}

.motion-circle-container:nth-child(191) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-191;
          animation-name: move-frames-191;
  -webkit-animation-duration: 34128ms;
          animation-duration: 34128ms;
  -webkit-animation-delay: 29035ms;
          animation-delay: 29035ms;
}

@-webkit-keyframes move-frames-191 {
  from {
    -webkit-transform: translate3d(77vw, 101vh, 0);
            transform: translate3d(77vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(70vw, -114vh, 0);
            transform: translate3d(70vw, -114vh, 0);
  }
}

@keyframes move-frames-191 {
  from {
    -webkit-transform: translate3d(77vw, 101vh, 0);
            transform: translate3d(77vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(70vw, -114vh, 0);
            transform: translate3d(70vw, -114vh, 0);
  }
}

.motion-circle-container:nth-child(191) .motion-circle {
  -webkit-animation-delay: 1734ms;
          animation-delay: 1734ms;
}

.motion-circle-container:nth-child(192) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-192;
          animation-name: move-frames-192;
  -webkit-animation-duration: 34511ms;
          animation-duration: 34511ms;
  -webkit-animation-delay: 16317ms;
          animation-delay: 16317ms;
}

@-webkit-keyframes move-frames-192 {
  from {
    -webkit-transform: translate3d(28vw, 106vh, 0);
            transform: translate3d(28vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(67vw, -131vh, 0);
            transform: translate3d(67vw, -131vh, 0);
  }
}

@keyframes move-frames-192 {
  from {
    -webkit-transform: translate3d(28vw, 106vh, 0);
            transform: translate3d(28vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(67vw, -131vh, 0);
            transform: translate3d(67vw, -131vh, 0);
  }
}

.motion-circle-container:nth-child(192) .motion-circle {
  -webkit-animation-delay: 3462ms;
          animation-delay: 3462ms;
}

.motion-circle-container:nth-child(193) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-193;
          animation-name: move-frames-193;
  -webkit-animation-duration: 36915ms;
          animation-duration: 36915ms;
  -webkit-animation-delay: 20598ms;
          animation-delay: 20598ms;
}

@-webkit-keyframes move-frames-193 {
  from {
    -webkit-transform: translate3d(70vw, 109vh, 0);
            transform: translate3d(70vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(45vw, -131vh, 0);
            transform: translate3d(45vw, -131vh, 0);
  }
}

@keyframes move-frames-193 {
  from {
    -webkit-transform: translate3d(70vw, 109vh, 0);
            transform: translate3d(70vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(45vw, -131vh, 0);
            transform: translate3d(45vw, -131vh, 0);
  }
}

.motion-circle-container:nth-child(193) .motion-circle {
  -webkit-animation-delay: 2061ms;
          animation-delay: 2061ms;
}

.motion-circle-container:nth-child(194) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-194;
          animation-name: move-frames-194;
  -webkit-animation-duration: 36700ms;
          animation-duration: 36700ms;
  -webkit-animation-delay: 9542ms;
          animation-delay: 9542ms;
}

@-webkit-keyframes move-frames-194 {
  from {
    -webkit-transform: translate3d(22vw, 110vh, 0);
            transform: translate3d(22vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(20vw, -137vh, 0);
            transform: translate3d(20vw, -137vh, 0);
  }
}

@keyframes move-frames-194 {
  from {
    -webkit-transform: translate3d(22vw, 110vh, 0);
            transform: translate3d(22vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(20vw, -137vh, 0);
            transform: translate3d(20vw, -137vh, 0);
  }
}

.motion-circle-container:nth-child(194) .motion-circle {
  -webkit-animation-delay: 937ms;
          animation-delay: 937ms;
}

.motion-circle-container:nth-child(195) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-195;
          animation-name: move-frames-195;
  -webkit-animation-duration: 35020ms;
          animation-duration: 35020ms;
  -webkit-animation-delay: 1540ms;
          animation-delay: 1540ms;
}

@-webkit-keyframes move-frames-195 {
  from {
    -webkit-transform: translate3d(79vw, 109vh, 0);
            transform: translate3d(79vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(62vw, -113vh, 0);
            transform: translate3d(62vw, -113vh, 0);
  }
}

@keyframes move-frames-195 {
  from {
    -webkit-transform: translate3d(79vw, 109vh, 0);
            transform: translate3d(79vw, 109vh, 0);
  }
  to {
    -webkit-transform: translate3d(62vw, -113vh, 0);
            transform: translate3d(62vw, -113vh, 0);
  }
}

.motion-circle-container:nth-child(195) .motion-circle {
  -webkit-animation-delay: 112ms;
          animation-delay: 112ms;
}

.motion-circle-container:nth-child(196) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-196;
          animation-name: move-frames-196;
  -webkit-animation-duration: 35366ms;
          animation-duration: 35366ms;
  -webkit-animation-delay: 5865ms;
          animation-delay: 5865ms;
}

@-webkit-keyframes move-frames-196 {
  from {
    -webkit-transform: translate3d(5vw, 101vh, 0);
            transform: translate3d(5vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -129vh, 0);
            transform: translate3d(52vw, -129vh, 0);
  }
}

@keyframes move-frames-196 {
  from {
    -webkit-transform: translate3d(5vw, 101vh, 0);
            transform: translate3d(5vw, 101vh, 0);
  }
  to {
    -webkit-transform: translate3d(52vw, -129vh, 0);
            transform: translate3d(52vw, -129vh, 0);
  }
}

.motion-circle-container:nth-child(196) .motion-circle {
  -webkit-animation-delay: 3740ms;
          animation-delay: 3740ms;
}

.motion-circle-container:nth-child(197) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-197;
          animation-name: move-frames-197;
  -webkit-animation-duration: 30146ms;
          animation-duration: 30146ms;
  -webkit-animation-delay: 10960ms;
          animation-delay: 10960ms;
}

@-webkit-keyframes move-frames-197 {
  from {
    -webkit-transform: translate3d(4vw, 105vh, 0);
            transform: translate3d(4vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(45vw, -109vh, 0);
            transform: translate3d(45vw, -109vh, 0);
  }
}

@keyframes move-frames-197 {
  from {
    -webkit-transform: translate3d(4vw, 105vh, 0);
            transform: translate3d(4vw, 105vh, 0);
  }
  to {
    -webkit-transform: translate3d(45vw, -109vh, 0);
            transform: translate3d(45vw, -109vh, 0);
  }
}

.motion-circle-container:nth-child(197) .motion-circle {
  -webkit-animation-delay: 2607ms;
          animation-delay: 2607ms;
}

.motion-circle-container:nth-child(198) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-198;
          animation-name: move-frames-198;
  -webkit-animation-duration: 33018ms;
          animation-duration: 33018ms;
  -webkit-animation-delay: 32803ms;
          animation-delay: 32803ms;
}

@-webkit-keyframes move-frames-198 {
  from {
    -webkit-transform: translate3d(88vw, 110vh, 0);
            transform: translate3d(88vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(81vw, -124vh, 0);
            transform: translate3d(81vw, -124vh, 0);
  }
}

@keyframes move-frames-198 {
  from {
    -webkit-transform: translate3d(88vw, 110vh, 0);
            transform: translate3d(88vw, 110vh, 0);
  }
  to {
    -webkit-transform: translate3d(81vw, -124vh, 0);
            transform: translate3d(81vw, -124vh, 0);
  }
}

.motion-circle-container:nth-child(198) .motion-circle {
  -webkit-animation-delay: 1659ms;
          animation-delay: 1659ms;
}

.motion-circle-container:nth-child(199) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-199;
          animation-name: move-frames-199;
  -webkit-animation-duration: 32766ms;
          animation-duration: 32766ms;
  -webkit-animation-delay: 22321ms;
          animation-delay: 22321ms;
}

@-webkit-keyframes move-frames-199 {
  from {
    -webkit-transform: translate3d(70vw, 104vh, 0);
            transform: translate3d(70vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(83vw, -131vh, 0);
            transform: translate3d(83vw, -131vh, 0);
  }
}

@keyframes move-frames-199 {
  from {
    -webkit-transform: translate3d(70vw, 104vh, 0);
            transform: translate3d(70vw, 104vh, 0);
  }
  to {
    -webkit-transform: translate3d(83vw, -131vh, 0);
            transform: translate3d(83vw, -131vh, 0);
  }
}

.motion-circle-container:nth-child(199) .motion-circle {
  -webkit-animation-delay: 1675ms;
          animation-delay: 1675ms;
}

.motion-circle-container:nth-child(200) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-200;
          animation-name: move-frames-200;
  -webkit-animation-duration: 35185ms;
          animation-duration: 35185ms;
  -webkit-animation-delay: 33861ms;
          animation-delay: 33861ms;
}

@-webkit-keyframes move-frames-200 {
  from {
    -webkit-transform: translate3d(95vw, 106vh, 0);
            transform: translate3d(95vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(10vw, -115vh, 0);
            transform: translate3d(10vw, -115vh, 0);
  }
}

@keyframes move-frames-200 {
  from {
    -webkit-transform: translate3d(95vw, 106vh, 0);
            transform: translate3d(95vw, 106vh, 0);
  }
  to {
    -webkit-transform: translate3d(10vw, -115vh, 0);
            transform: translate3d(10vw, -115vh, 0);
  }
}

.motion-circle-container:nth-child(200) .motion-circle {
  -webkit-animation-delay: 3751ms;
          animation-delay: 3751ms;
}

/*===============
    hero content
=============== */
.hero .container {
  min-height: 100vh;
  height: 100vh;
  z-index: 200;
  position: relative;
  margin-top: 0;
}

.hero-grid {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-top: 3vh;
}

.main-message {
  width: 100%;
  max-width: 50rem;
  color: #fafafa;
  margin: auto 0;
}

.main-message h2 {
  font-size: 6.3rem;
  line-height: 5.8rem;
  margin: 0;
  padding: 0;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
}

.main-message h3 {
  font-size: 3.2rem;
  line-height: 3.8rem;
  margin: 0;
  margin-bottom: 1.5rem;
  padding: 0;
  text-shadow: 0px 0px 5px white, 2px 2px 4px rgba(0, 0, 0, 0.7);
  text-transform: uppercase;
}

.cta-hero {
  position: relative;
  margin-top: 0.5rem;
}

.cta-hero .btn .btn-icon-hero {
  margin-left: 1.5rem;
  margin-right: -0.4rem;
  display: inline-block;
  position: relative;
}

.cta-hero i {
  display: block;
  position: relative;
  top: 1px;
  opacity: 0.9;
}

.cta-hero .btn:hover i {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
  -webkit-animation: btn-arrow-bounce-y 500ms ease-in-out infinite alternate;
          animation: btn-arrow-bounce-y 500ms ease-in-out infinite alternate;
}

.main-message p {
  margin-top: 1rem;
}

.hero-logo {
  width: 19rem;
  margin: auto 0;
  margin-right: 4rem;
}

.logo-container {
  position: relative;
  -webkit-transform: translateY(-4rem);
          transform: translateY(-4rem);
}

.logo-dear-glow {
  -webkit-filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.9));
          filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.9));
}

.logo-dear {
  -webkit-clip-path: circle(0% at 50% 100%);
          clip-path: circle(0% at 50% 100%);
  -webkit-animation: reveal-dear 600ms ease-in-out forwards;
          animation: reveal-dear 600ms ease-in-out forwards;
  -webkit-animation-delay: 900ms;
          animation-delay: 900ms;
}

.logo-emblem-shadow {
  position: absolute;
  top: 0;
  -webkit-filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.4));
          filter: drop-shadow(5px 5px 3px rgba(0, 0, 0, 0.4));
}

.logo-emblem {
  -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
          clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
  -webkit-animation: reveal-emblem 400ms ease-in-out forwards;
          animation: reveal-emblem 400ms ease-in-out forwards;
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}

.logo-message-container {
  -webkit-transform: translate(7rem, -40%);
          transform: translate(7rem, -40%);
}

.logo-message h4 {
  -webkit-transform: rotateZ(-30deg);
          transform: rotateZ(-30deg);
  font-family: "Scriptina", cursive;
  font-weight: 100;
  color: #fafafa;
  font-size: 3.5rem;
  line-height: 3.5rem;
  letter-spacing: 1px;
  -webkit-filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.6));
          filter: drop-shadow(0px 0px 3px rgba(255, 255, 255, 0.6));
  opacity: 0;
  -webkit-animation: reveal-logo-message 500ms ease-in forwards;
          animation: reveal-logo-message 500ms ease-in forwards;
  -webkit-animation-delay: 1500ms;
          animation-delay: 1500ms;
}

/*===============
    service
=============== */
.service {
  min-height: 110vh;
  background: -webkit-gradient(linear, right top, left top, from(#fafafa), to(#f5f5f5));
  background: linear-gradient(-90deg, #fafafa, #f5f5f5);
  z-index: 150;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%);
  position: relative;
  padding-top: 8vh;
  margin-top: -8vh;
  -webkit-clip-path: polygon(0 8vh, 100% 8vh, 100% 100%, 0 calc(100% - 10vh));
          clip-path: polygon(0 8vh, 100% 8vh, 100% 100%, 0 calc(100% - 10vh));
}

.service-heading {
  color: #465A70;
  margin-top: 4vh;
  position: relative;
}

.scroll-anchor-service {
  width: 0;
  height: 0;
  position: absolute;
  top: -3vh;
}

.service-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 10vh auto 17vh auto;
}

.service-item {
  width: 30%;
  min-width: 25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 2rem;
}

.service-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service-top-icon {
  display: block;
  position: relative;
}

.service-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service-circle {
  display: block;
  width: 12rem;
  height: 12rem;
  border-radius: 50%;
  background-color: #eeeeee;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.service-icon-container {
  position: relative;
  width: 13.5rem;
  height: 13.5rem;
  background: linear-gradient(45deg, #ff4d5a, #072142);
  z-index: 10;
}

.service-icon-design {
  mask: url(../img/design.svg) no-repeat center;
  -webkit-mask: url(../img/design.svg) no-repeat center;
}

.service-icon-coding {
  mask: url(../img/computer.svg) no-repeat center;
  -webkit-mask: url(../img/computer.svg) no-repeat center;
}

.service-icon-seo {
  mask: url(../img/medal.svg) no-repeat center;
  -webkit-mask: url(../img/medal.svg) no-repeat center;
}

.service-title {
  line-height: 1;
  color: #fafafa;
  background-color: #465A70;
  text-transform: uppercase;
  padding: 0.5rem 2rem 0.5rem 2rem;
  margin: 3rem 0 2rem 0;
}

.service-text {
  text-align: center;
  margin: 1rem 0 .5rem 0;
}

/*===============
    portfolio
=============== */
.portfolio {
  min-height: 112vh;
  background: linear-gradient(30deg, #072142, #ff4d5a);
  margin-top: calc(-10vh - 2px);
  z-index: 500;
  -webkit-clip-path: polygon(0 0, 100% 10vh, 100% calc(100% - 10vh), 0 100%);
          clip-path: polygon(0 0, 100% 10vh, 100% calc(100% - 10vh), 0 100%);
}

.portfolio-heading {
  color: #fafafa;
  position: relative;
}

.scroll-anchor-pf {
  width: 0;
  height: 0;
  position: absolute;
  top: -2vh;
}

.cta-pf {
  margin: 0;
  text-align: center;
}

.portfolio .btn,
.portfolio .btn-light {
  margin: 0;
}

.grid-container-pf {
  margin: 4vh 0 5vh 0;
}

.portfolio-grid {
  margin: 2vh -1.2rem 5vh -1.2rem;
  display: -ms-grid;
  display: grid;
  gap: 1.5rem;
  -ms-grid-columns: (minmax(35rem, 1fr))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(35rem, 1fr));
  -ms-grid-rows: masonry;
      grid-template-rows: masonry;
}

.portfolio-grid::after {
  content: '';
  display: block;
  clear: both;
}

.portfolio-grid-item {
  display: block;
}

.portfolio-element {
  background: #f5f5f5;
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
  border-radius: 1px;
  margin: 1.2rem;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.portfolio-element:hover {
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.7);
          box-shadow: 0 1px 15px rgba(0, 0, 0, 0.7);
}

.pf-figure {
  overflow: hidden;
}

.pf-figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
}

.pf-figure .pf-fig-caption {
  padding: 2em;
  color: #fafafa;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.pf-figure .pf-fig-caption::before,
.pf-figure .pf-fig-caption::after {
  pointer-events: none;
}

.pf-figure .pf-fig-caption {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.pf-figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9), 1px 1px 4px rgba(0, 0, 0, 0.8);
  font-size: 2.6rem;
  text-align: center;
}

.pf-figure h2 span {
  font-weight: 600;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
}

.pf-figure h2,
.pf-figure p {
  margin: 0;
}

.pf-figure p {
  letter-spacing: 1px;
}

.portfolio-element.portfolio-new {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.portfolio-element.portfolio-new img {
  opacity: 0.5;
}

/*  specific effects  */
.pf-figure {
  background: linear-gradient(45deg, #ff4d5a, #072142);
}

.pf-figure img {
  opacity: 1;
  -webkit-transition: opacity 450ms;
  transition: opacity 450ms;
  -webkit-transition: -webkit-transform 450ms;
  transition: -webkit-transform 450ms;
  transition: transform 450ms;
  transition: transform 450ms, -webkit-transform 450ms;
}

.pf-figure .pf-fig-caption {
  padding: 1rem;
  -webkit-transition: background-color 450ms;
  transition: background-color 450ms;
}

.pf-figure .pf-fig-caption::before {
  position: absolute;
  top: 2rem;
  right: 2rem;
  bottom: 2rem;
  left: 2rem;
  border: 1px solid #fff;
  content: '';
}

.pf-figure h2 {
  margin: auto;
  -webkit-transition: -webkit-transform 450ms;
  transition: -webkit-transform 450ms;
  transition: transform 450ms;
  transition: transform 450ms, -webkit-transform 450ms;
}

.pf-figure .pf-fig-caption::before,
.pf-figure p {
  opacity: 0;
  -webkit-transition: opacity 450ms, -webkit-transform 450ms;
  transition: opacity 450ms, -webkit-transform 450ms;
  transition: opacity 450ms, transform 450ms;
  transition: opacity 450ms, transform 450ms, -webkit-transform 450ms;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.pf-figure:hover h2 {
  -webkit-transform: translate3d(0, -2.5rem, 0);
  transform: translate3d(0, -2.5rem, 0);
}

.pf-figure:hover .pf-fig-caption::before,
.pf-figure:hover p {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

.pf-figure:hover img {
  opacity: 0.3;
}

.caption-icon-container {
  width: 100%;
}

.caption-icon-scale {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -6rem;
  -webkit-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: opacity 450ms, -webkit-transform 450ms;
  transition: opacity 450ms, -webkit-transform 450ms;
  transition: opacity 450ms, transform 450ms;
  transition: opacity 450ms, transform 450ms, -webkit-transform 450ms;
}

.caption-icon {
  width: 1.7rem;
  height: 1.7rem;
  background: #fafafa;
  margin: 0 2.5rem;
}

.pf-figure:hover .caption-icon:hover {
  width: 2.3rem;
  height: 2.3rem;
  margin: 0 2.2rem;
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
}

.pf-figure:hover .caption-icon-scale {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 0.9;
}

.pf-figure:hover img {
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}

.caption-icon-info {
  mask: url(../img/info.svg) no-repeat center;
  -webkit-mask: url(../img/info.svg) no-repeat center;
}

.caption-icon-ref {
  mask: url(../img/link2.svg) no-repeat center;
  -webkit-mask: url(../img/link2.svg) no-repeat center;
  margin-top: 2px;
}

.portfolio-element.portfolio-new {
  background: transparent;
}

.portfolio-element.portfolio-new .pf-figure {
  background: transparent;
}

.portfolio-element.portfolio-new:hover {
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
}

.portfolio-element.portfolio-new:hover .pf-figure {
  background: linear-gradient(45deg, #ff4d5a, #072142);
}

.portfolio-element.portfolio-new:hover .pf-figure {
  background: linear-gradient(45deg, #ff4d5a, #072142);
}

.portfolio-element.portfolio-new img {
  opacity: 0.6;
}

.portfolio-element.portfolio-new .pf-new-cta {
  font-family: 'Work Sans', sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
  font-weight: 600;
  letter-spacing: 1px;
  text-align: center;
}

/*===============
    contact
=============== */
.contact {
  min-height: 110vh;
  width: 100%;
  background: linear-gradient(10deg, #222222, #465A70);
  -webkit-clip-path: polygon(0 10vh, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 10vh, 100% 0, 100% 100%, 0 100%);
  margin-top: calc(-10vh - 2px);
  padding-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.contact-heading {
  position: relative;
}

.scroll-anchor-contact {
  width: 0;
  height: 0;
  position: absolute;
  top: -2vh;
}

.section-border {
  width: 100%;
  height: calc(10vh + 0.5rem);
  background: #fafafa;
  -webkit-clip-path: polygon(0 10vh, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 10vh, 100% 0, 100% 100%, 0 100%);
  margin-top: calc(-10vh - 2px);
  padding: 0;
}

.contact-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fafafa;
}

.grid-container-contact {
  margin: 3vh 0 3vh 0;
}

.contact-info {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.info-box {
  position: relative;
  padding: 1.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.info-icon {
  min-width: 5.5rem;
  min-height: 5.5rem;
  max-width: 5.5rem;
  max-height: 5.5rem;
  background: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 50%;
  color: #ff4d5a;
  font-size: 1.8rem;
}

.info-box:first-child .info-icon {
  font-size: 2rem;
}

.info-text {
  margin-left: 2rem;
}

.info-text p {
  line-height: 1.2;
}

.info-text a:hover {
  text-decoration: underline;
}

.info-text h4 {
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.contact-grid {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin: 3vh 0 0 0;
  position: relative;
}

.maps {
  width: 48%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.1);
  background-size: cover;
  background-position: bottom;
  border-radius: 1px;
  margin: 0;
  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
}

#mymap {
  width: 100%;
  height: 100%;
}

.leaflet-bottom.leaflet-right::after {
  content: "Map by openstreetmap.org";
  color: #3f3f3f;
  margin-right: 1.5rem;
  margin-bottom: 1.5rem;
}

.leaflet-control-attribution {
  display: none;
}

.contact-form {
  width: 48%;
  min-height: 40rem;
  background: #fafafa;
  padding: 3.2rem 3.5rem;
  border-radius: 1px;
  color: #5f5f5f;
  font-size: 1.6rem;
  -webkit-box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 20px rgba(0, 0, 0, 0.5);
}

.contact-form-neutral {
  width: 100%;
  padding: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact-form h3 {
  padding: 0;
  margin: 0;
  margin-bottom: 3rem;
  color: #ff4d5a;
  text-transform: uppercase;
}

.input-box {
  position: relative;
  width: 100%;
  margin-top: 1rem;
}

.input-box label {
  margin: 0;
  padding: 0;
}

.input-box input,
.input-box textarea {
  width: 100%;
  height: 3.5rem;
  padding: 0.5rem 1rem;
  margin: 0.5rem 0 2rem 0;
  border: none;
  border-bottom: 2px solid #929292;
  outline: none;
  line-height: 2rem;
  background: whitesmoke;
}

.input-box textarea {
  height: 14rem;
  min-height: 16rem;
  max-height: 24rem;
  resize: vertical;
  overflow: hidden;
}

.input-box .input-label {
  position: absolute;
  top: 0;
  left: 0;
  cursor: text;
  -webkit-transform: translateX(1rem) translateY(1.4rem);
          transform: translateX(1rem) translateY(1.4rem);
  -webkit-transition: 300ms ease-out;
  transition: 300ms ease-out;
  color: #222222;
}

.input-box .input-label-check {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

#input-container-data {
  position: relative;
  margin-top: -1.5rem;
}

.input-box-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}

.input-box-checkbox .input-checkbox {
  width: 2rem;
  height: 1rem;
  margin-right: 1.5rem;
  border-radius: 10rem;
  position: relative;
  left: -5rem;
}

.input-box-checkbox label {
  margin-top: -0.9rem;
  margin-left: 0.5rem;
  color: var(--bg-white);
  font-size: 1.4rem;
}

.input-checkbox::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  position: absolute;
  top: -0.1rem;
  left: 5rem;
  outline: none;
  border: 2px solid #5f5f5f;
  border-radius: 10rem;
}

.input-checkbox:checked::after {
  border-color: #5f5f5f;
}

.input-checkbox:checked::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.8rem;
  background: #5f5f5f;
  position: absolute;
  left: 5.6rem;
  top: 0.5rem;
  border-radius: 10rem;
  opacity: 0.9;
}

.input-box-check {
  height: 0;
  width: 0;
  display: none;
}

.input-box-button {
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;
}

.input-box-button input[type="submit"] {
  font-size: 1.2rem;
  font-weight: 600;
  background: #fff;
  text-transform: uppercase;
  border: 2px solid #3f3f3f;
  color: #3f3f3f;
  border-radius: 10rem;
  -webkit-transition: ease-out .3s;
  transition: ease-out .3s;
  width: 12rem;
  height: 3.5rem;
  margin: 0;
  margin-right: 2rem;
  margin-top: 1.5rem;
  pointer-events: initial;
}

.input-box-button input[type="submit"]:disabled {
  opacity: 0.3;
}

.input-box-button input[type="submit"]:enabled:hover,
.input-box-button input[type="submit"]:enabled:focus {
  background: #3f3f3f;
  color: #fafafa;
  -webkit-transition: ease-out .4s;
  transition: ease-out .4s;
  opacity: 0.85;
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
          box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.4);
}

.input-box-button .checkbox-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-box-button .ajax-loader {
  margin: 0;
  width: 0;
  height: 0;
}

.input-box-button input[type="checkbox"] {
  min-width: 1.5rem;
  min-height: 1.5rem;
  max-width: 1.5rem;
  max-height: 1.5rem;
  -webkit-transform: translateY(1px);
          transform: translateY(1px);
  margin-right: 2rem;
}

.input-box-button .wpcf7-list-item {
  position: relative;
  height: 100%;
  margin: 0;
}

.input-box-button .wpcf7-list-item > label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-transform: translateY(8px);
          transform: translateY(8px);
}

.input-box-button .checkbox-info {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  display: block;
  max-width: 25rem;
}

.input-box-button .checkbox-info {
  -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
  display: block;
  max-width: 25rem;
}

/* focus/valid styles */
.input-box.focused .input-label,
.input-box.has-value .input-label,
.input-box.input-default .input-label {
  -webkit-transform: translateX(0rem) translateY(-1.7rem);
          transform: translateX(0rem) translateY(-1.7rem);
  font-size: 1.4rem;
}

.input-box input:focus,
.input-box textarea:focus {
  border-color: #3f3f3f;
}

.input-box.has-value input,
.input-box.has-value textarea {
  border-color: lightgreen;
}

.input-box.has-value input:invalid,
.input-box.has-value textarea:invalid {
  border-color: #ff0033;
}

.feedback-container {
  border: 1px solid black;
  border-radius: 0.2rem;
  margin-top: 3rem;
  padding: 1rem;
}

#feedback-success {
  border-color: lightgreen;
  color: lightgreen;
  text-align: center;
}

#feedback-error {
  border-color: #ff0033;
  color: #ff0033;
}

/*===============
    footer
=============== */
.footer {
  padding: 3.5rem 0;
  border-top: 1px solid #fafafa;
  margin-bottom: 0;
  color: #fafafa;
}

.footer p,
.footer a {
  font-size: 1.4rem;
}

.footer-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer a:hover,
.footer a:focus {
  text-decoration: underline;
}

.cookie-container {
  position: relative;
  padding-top: 3rem;
  padding-bottom: 1rem;
}

.cookie-info {
  position: absolute;
  left: -30%;
  right: -30%;
  bottom: 90%;
  min-height: 5rem;
  background-color: #fafafa;
  background-size: 200%;
  background-position: 40% 80%;
  border-radius: 1.9rem;
  text-align: center;
  padding: 2rem 1.5rem;
  opacity: 0;
  -webkit-transition: all 300ms ease-out;
  transition: all 300ms ease-out;
  visibility: hidden;
  color: #222222;
  -webkit-filter: drop-shadow(0px 0px 6px rgba(49, 49, 49, 0.9));
          filter: drop-shadow(0px 0px 6px rgba(49, 49, 49, 0.9));
}

.cookie-info::after {
  content: "";
  width: 2rem;
  height: 2rem;
  background: #fafafa;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(40%) rotateZ(45deg);
  transform: translateX(-50%) translateY(40%) rotateZ(45deg);
}

.cookie-container:hover .cookie-info {
  opacity: 1;
  visibility: initial;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

#cookies {
  cursor: pointer;
  text-decoration: none;
}

/*===============
    impressum / datenschutz
=============== */
@media (min-width: 1150px) {
  .header-impressum.header-scrolled {
    top: 0;
  }
}

.impressum-body .current::before {
  -webkit-transform: scale(0);
          transform: scale(0);
}

.impressum-body .current.nav-link:hover::before,
.impressum-body .current.nav-link:focus::before {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.header-impressum.header-scrolled {
  --background: #011327ec;
  -webkit-box-shadow: 0 -4px 15px 0 rgba(0, 0, 0, 0.7);
          box-shadow: 0 -4px 15px 0 rgba(0, 0, 0, 0.7);
  height: 8rem;
  margin-bottom: -8rem;
  z-index: 9999;
  opacity: 1;
}

.header-impressum .nav-logo {
  display: initial;
}

.main-container.main-impressum {
  padding-left: 0;
}

.main-impressum .hero {
  position: fixed;
  top: 0;
  min-height: 100vh;
  height: 100vh;
}

.main-impressum .impressum .container {
  margin-top: 15rem;
  margin-bottom: 3rem;
  max-width: 80rem;
  width: 100%;
  position: -webkit-sticky;
  position: sticky;
  z-index: 3000;
  background: #fafafa;
  padding: 6rem;
  -webkit-box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
          box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3);
  border-radius: 1px;
}

.main-impressum .impressum-footer {
  z-index: 3000;
  position: -webkit-sticky;
  position: sticky;
  margin: 0;
  padding: 0;
}

.main-impressum .impressum h1 {
  font-size: 5rem;
  text-transform: uppercase;
  color: #222222;
  margin-bottom: 2rem;
}

.main-impressum .impressum h2 {
  font-size: 4rem;
  text-transform: uppercase;
  color: #ff4d5a;
  margin-bottom: 1.5rem;
  margin-top: 4rem;
}

.main-impressum .impressum h3 {
  font-size: 2.4rem;
  text-transform: uppercase;
  margin-bottom: 1rem;
  margin-top: 3rem;
}

.main-impressum .impressum h4 {
  margin-bottom: 0.5rem;
  margin-top: 1.5rem;
}

.main-impressum .impressum p {
  margin-bottom: 1rem;
}

.main-impressum .impressum a {
  color: #ff4d5a;
}

.main-impressum .impressum a:hover {
  color: #ff4d5a;
  text-decoration: underline;
}

.main-impressum .impressum ul {
  font-size: 1.4rem;
  list-style-type: disc;
  padding-left: 3rem;
}

.main-impressum .impressum li:last-child {
  margin-bottom: 2rem;
}

.main-impressum .impressum .data-protection-content a {
  color: inherit;
}

.footer-impressum {
  z-index: 99999;
  height: 50rem;
  background: red;
}

/*===============
    portfolio
=============== */
.main-portfolio {
  background: linear-gradient(30deg, #072142, #3f3f3f);
}

.main-portfolio section {
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.main-portfolio .container {
  width: 100%;
}

.main-portfolio .display-container {
  width: 100%;
  height: 500px;
  margin: auto;
  position: relative;
}

.main-portfolio .image-container {
  width: 75%;
  height: 100%;
  background: black;
  margin-left: 25%;
  overflow: hidden;
  position: relative;
}

.main-portfolio .image-container img {
  opacity: 0;
  -webkit-animation: reveal-opacity 1ms forwards;
          animation: reveal-opacity 1ms forwards;
  -webkit-animation-delay: calc(600ms*0.5 + 200ms);
          animation-delay: calc(600ms*0.5 + 200ms);
}

.main-portfolio .img-cover {
  width: 100%;
  height: 100%;
  background: #ff4d5a;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-animation: reveal-image-cover 600ms cubic-bezier(0.15, 0.4, 0.85, 0.6);
          animation: reveal-image-cover 600ms cubic-bezier(0.15, 0.4, 0.85, 0.6);
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}

.main-portfolio .text-container {
  color: #fafafa;
  position: absolute;
  top: 20%;
  left: 0;
  overflow: hidden;
}

.main-portfolio .text-portfolio {
  position: relative;
}

.main-portfolio .text-portfolio h2,
.main-portfolio .text-portfolio h3 {
  opacity: 0;
  -webkit-animation: reveal-opacity 1ms forwards;
          animation: reveal-opacity 1ms forwards;
}

.main-portfolio .text-portfolio h2 {
  -webkit-animation-delay: calc(600ms*1.5 + 200ms);
          animation-delay: calc(600ms*1.5 + 200ms);
}

.main-portfolio .text-portfolio h3 {
  -webkit-animation-delay: calc(600ms*2.5 + 200ms);
          animation-delay: calc(600ms*2.5 + 200ms);
}

.main-portfolio .text-cover {
  width: 100%;
  height: 100%;
  background: yellow;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-animation: reveal-text-cover 600ms cubic-bezier(0.15, 0.4, 0.85, 0.6);
          animation: reveal-text-cover 600ms cubic-bezier(0.15, 0.4, 0.85, 0.6);
}

.main-portfolio .text-one .text-cover {
  -webkit-animation-delay: calc(600ms*1 + 200ms);
          animation-delay: calc(600ms*1 + 200ms);
}

.main-portfolio .text-two .text-cover {
  -webkit-animation-delay: calc(600ms*2 + 200ms);
          animation-delay: calc(600ms*2 + 200ms);
}

.main-portfolio .text-container a {
  opacity: 0;
  -webkit-animation: reveal-opacity calc(600ms*0.5) forwards;
          animation: reveal-opacity calc(600ms*0.5) forwards;
  -webkit-animation-delay: calc(600ms*3 + 200ms);
          animation-delay: calc(600ms*3 + 200ms);
}

/*===============
  appear animation
=============== */
.slide-me-in {
  visibility: hidden;
}

.slide-in {
  visibility: initial;
  -webkit-transform: translateY(80px);
          transform: translateY(80px);
  -webkit-animation: kf-slide-in 500ms ease forwards;
          animation: kf-slide-in 500ms ease forwards;
  opacity: 0;
}

.slide-default,
.slided-in {
  visibility: initial;
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-animation: none;
          animation: none;
  opacity: 1;
}

.delay-1 {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}

.delay-2 {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}

.delay-3 {
  -webkit-animation-delay: 700ms;
          animation-delay: 700ms;
}

/*===============
    keyframes
=============== */
@-webkit-keyframes kf-slide-in {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes kf-slide-in {
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes kf-scale-in {
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes kf-scale-in {
  to {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@-webkit-keyframes reveal-text-cover {
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@keyframes reveal-text-cover {
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

@-webkit-keyframes reveal-image-cover {
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes reveal-image-cover {
  to {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@-webkit-keyframes reveal-opacity {
  to {
    opacity: 1;
  }
}

@keyframes reveal-opacity {
  to {
    opacity: 1;
  }
}

@-webkit-keyframes glow-dear {
  0% {
    -webkit-filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.9));
            filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.9));
  }
  100% {
    -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.4));
            filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.4));
  }
}

@keyframes glow-dear {
  0% {
    -webkit-filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.9));
            filter: drop-shadow(0px 0px 6px rgba(255, 255, 255, 0.9));
  }
  100% {
    -webkit-filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.4));
            filter: drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.4));
  }
}

@-webkit-keyframes reveal-dear {
  0% {
    -webkit-clip-path: circle(0% at 50% 100%);
            clip-path: circle(0% at 50% 100%);
  }
  100% {
    -webkit-clip-path: circle(120% at 50% 100%);
            clip-path: circle(120% at 50% 100%);
  }
}

@keyframes reveal-dear {
  0% {
    -webkit-clip-path: circle(0% at 50% 100%);
            clip-path: circle(0% at 50% 100%);
  }
  100% {
    -webkit-clip-path: circle(120% at 50% 100%);
            clip-path: circle(120% at 50% 100%);
  }
}

@-webkit-keyframes reveal-emblem {
  0% {
    -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
            clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

@keyframes reveal-emblem {
  0% {
    -webkit-clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
            clip-path: polygon(0 0, 0% 0, 0% 100%, 0 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

@-webkit-keyframes btn-arrow-bounce-x {
  from {
    -webkit-transform: translateX(-0.2rem);
            transform: translateX(-0.2rem);
  }
  to {
    -webkit-transform: translateX(0.2rem);
            transform: translateX(0.2rem);
  }
}

@keyframes btn-arrow-bounce-x {
  from {
    -webkit-transform: translateX(-0.2rem);
            transform: translateX(-0.2rem);
  }
  to {
    -webkit-transform: translateX(0.2rem);
            transform: translateX(0.2rem);
  }
}

@-webkit-keyframes btn-arrow-bounce-y {
  from {
    -webkit-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
  }
  to {
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
}

@keyframes btn-arrow-bounce-y {
  from {
    -webkit-transform: translateY(-0.2rem);
            transform: translateY(-0.2rem);
  }
  to {
    -webkit-transform: translateY(0.2rem);
            transform: translateY(0.2rem);
  }
}

@-webkit-keyframes reveal-logo-message {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes reveal-logo-message {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes btn-light-animation {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  90% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  100% {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}

@keyframes btn-light-animation {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  90% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  100% {
    -webkit-transform: translateX(101%);
            transform: translateX(101%);
  }
}

@-webkit-keyframes btn-light-animation-hover {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  100% {
    -webkit-transform: translateX(-15%);
            transform: translateX(-15%);
  }
}

@keyframes btn-light-animation-hover {
  0% {
    -webkit-transform: translateX(-101%);
            transform: translateX(-101%);
  }
  100% {
    -webkit-transform: translateX(-15%);
            transform: translateX(-15%);
  }
}

/*===============
    media queries
=============== */
@media (max-width: 1150px) {
  .header-scrolled {
    --background: #465A70;
    --background: #011327ec;
    -webkit-box-shadow: 0 -4px 15px 0 rgba(0, 0, 0, 0.7);
            box-shadow: 0 -4px 15px 0 rgba(0, 0, 0, 0.7);
    height: 8rem;
    margin-bottom: -8rem;
    z-index: 9999;
    opacity: 1;
  }
  .nav-logo {
    display: initial;
  }
  .nav-list {
    width: 100vw;
    height: 100vh;
    background: linear-gradient(30deg, #072142, #ff4d5a);
    position: fixed;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    z-index: 1000;
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
    -webkit-clip-path: circle(10px at 110% -10%);
            clip-path: circle(10px at 110% -10%);
    padding: 0;
  }
  .nav-list.active {
    right: 0;
    -webkit-clip-path: circle(200vmax at 110% -10%);
            clip-path: circle(200vmax at 110% -10%);
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
  }
  .menu-icons {
    display: initial;
    margin-right: 1rem;
  }
  .menu-icons i {
    font-size: 3.5rem;
    color: var(--text-color);
    cursor: pointer;
  }
  .close {
    position: absolute;
    top: 2rem;
    left: 4rem;
  }
  .header-scrolled .close {
    top: 1.9rem;
  }
  .close i {
    color: rgba(255, 255, 255, 0.9);
  }
  .close:hover i {
    text-shadow: 0 0 12px white;
  }
  .nav-item {
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
  }
  .nav-item:nth-child(n)::after {
    content: "";
    display: block;
    margin: auto;
    width: 60%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  }
  .nav-item:last-child::after {
    display: none;
  }
  .nav-link {
    display: inline-block;
    margin: 4rem;
    padding: 0;
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.9);
  }
  .nav-link:hover {
    text-shadow: 0 0 12px white;
  }
  .nav-link::before,
  .current::before,
  .nav-link:focus::before {
    display: none;
  }
}

@media (max-width: 1150px) {
  .hero,
  .content,
  .portfolio,
  .service,
  .contact,
  .footer {
    position: static;
    min-height: initial;
  }
  .sidebar {
    display: none;
  }
  .main-container {
    padding-left: 0;
  }
  .outer-container {
    width: 100%;
    margin: 0;
  }
  .section-heading > h1 {
    font-size: 10vw;
    font-size: calc(max(5rem, 10vw));
  }
  .hero-motion {
    display: none;
  }
  .hero-grid {
    padding-top: 0;
  }
  .main-message {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .hero-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .hero-grid .cta-hero {
    margin-top: 1.7rem;
  }
  .main-message {
    max-width: 45rem;
    margin: auto;
    margin-top: 0;
  }
  .main-message h2 {
    font-size: 5.5rem;
    line-height: 5.2rem;
  }
  .hero-logo {
    margin: auto;
    margin-bottom: 0;
  }
  .logo-message-container {
    display: none;
  }
  .credits {
    display: none;
  }
  .service-grid {
    margin-top: 2vh;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .service-item {
    margin-top: 6rem;
  }
  .portfolio-grid-sizer,
  .portfolio-grid-item {
    padding: 1.5rem;
  }
  .portfolio-grid-item:nth-child(2n+1) {
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
  }
  .portfolio-grid-item:nth-child(2n) {
    -webkit-animation-delay: 200ms;
            animation-delay: 200ms;
  }
  .portfolio-element {
    max-width: 40rem;
    margin: auto;
  }
  .portfolio-img-container {
    height: 23rem;
  }
  .portfolio .cta {
    margin-bottom: 0;
  }
  .contact-info {
    padding-left: 1rem;
    width: 100%;
  }
  .cookie-container.cookie-active .cookie-info {
    opacity: 1;
    visibility: initial;
    -webkit-transition: all 500ms ease-out;
    transition: all 500ms ease-out;
  }
  .slide-in {
    visibility: initial;
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0;
    -webkit-animation: kf-scale-in 500ms ease-out forwards;
            animation: kf-scale-in 500ms ease-out forwards;
  }
  .slide-default,
  .slided-in {
    visibility: initial;
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
    -webkit-animation: none;
            animation: none;
  }
  .delay-1 {
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
  }
  .delay-2 {
    -webkit-animation-delay: 400ms;
            animation-delay: 400ms;
  }
  .delay-3 {
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
  }
}

@media (max-width: 750px) {
  .section-heading > h1 {
    font-size: 2.2rem;
    font-size: calc(min(5rem, calc(max(2.2rem, 12vw))));
  }
  .hero-grid .main-message h2 {
    font-size: 1.8rem;
    font-size: calc(min(4.5rem, max(1.8rem, 11vw)));
    line-height: calc(min(4.2rem, max(1.6rem, 10vw)));
  }
  .hero-grid .main-message h3 {
    font-size: 1.6rem;
    font-size: calc(min(2.2rem, max(1.6rem, 9vw)));
    line-height: calc(min(2.8rem, max(1.8rem, 10vw)));
  }
  .hero-logo {
    width: calc(min(19rem, 50vw));
  }
  .service-item:first-child {
    margin-top: 2rem;
  }
  .portfolio-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .portfolio-grid-sizer,
  .portfolio-grid-item {
    width: 100%;
    padding: 2rem;
  }
  .portfolio-element {
    max-width: 40rem;
    margin: auto;
  }
  .portfolio .cta-pf {
    margin: 2rem 0 4rem 0;
    text-align: center;
  }
  .portfolio .pf-fig-caption h2 {
    font-size: calc(min(2.4rem, max(1.4rem, 7vw)));
  }
  .grid-container-contact {
    margin-top: 0;
  }
  .contact-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .info-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .contact-grid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 2rem;
  }
  .info-icon {
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    max-width: 6.5rem;
    max-height: 6.5rem;
    min-width: 6.5rem;
    min-height: 6.5rem;
  }
  .info-text {
    margin: 0;
    width: auto;
    text-align: center;
  }
  .info-text h4 {
    margin-bottom: 0.5rem;
  }
  .maps,
  .contact-form {
    position: static;
    width: 100%;
    min-height: 40rem;
    max-width: 70rem;
  }
  .contact-form {
    padding: 2.5rem;
  }
  .maps {
    margin-bottom: 3rem;
    height: 40rem;
  }
  .contact-content {
    margin-bottom: 2.5rem;
  }
  .footer {
    padding: 2rem 0;
  }
  .footer-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer-flex .footer-left,
  .footer-flex .footer-right {
    margin: 0.5rem auto;
    text-align: center;
  }
  .delay-1 {
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
  }
  .delay-2 {
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
  }
  .delay-3 {
    -webkit-animation-delay: 100ms;
            animation-delay: 100ms;
  }
}

@media (max-width: 400px) {
  .portfolio .pf-fig-caption h2 {
    font-size: 1.6rem;
  }
  .caption-icon,
  .pf-figure:hover .caption-icon:hover {
    width: 1.4rem;
    height: 1.4rem;
    background: #fafafa;
    margin: 0 2.5rem;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
  }
  .portfolio-element.portfolio-new .pf-new-cta {
    font-size: 1rem;
  }
}

@media (max-height: 750px) {
  .hero-grid {
    display: block;
  }
  .hero-logo {
    display: none;
  }
  .main-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    margin-top: 2rem;
  }
}
/*# sourceMappingURL=style.css.map */