@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Montserrat Regular'), local('Montserrat-Regular'), url(https://fonts.gstatic.com/s/montserrat/v14/JTUSjIg1_i6t8kCHKm459Wlhzg.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Montserrat Medium'), local('Montserrat-Medium'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_ZpC3gnD-w.ttf) format('truetype');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'), url(https://fonts.gstatic.com/s/montserrat/v14/JTURjIg1_i6t8kCHKm45_bZF3gnD-w.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Noto Sans'), local('NotoSans'), url(https://fonts.gstatic.com/s/notosans/v9/o-0IIpQlx3QUlC5A4PNr5TRF.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(https://fonts.gstatic.com/s/notosans/v9/o-0NIpQlx3QUlC5A4PNjXhFVZNyE.ttf) format('truetype');
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
body {
  min-height: 100vh;
  padding: 0;
  margin: 0;
  font-size: 1rem;
  font-family: HelveticaNowDisplay,Arial,Helvetica,sans-serif;
  font-weight: 400;
  line-height: 1.43;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}
a {
  text-decoration: none;
}
img {
  border-style: none;
}
ul,
ol {
  margin: 0;
}
button {
  display: block;
  border: none;
  cursor: pointer;
  outline: none;
  border-radius: 2px;
}
.primary-btn {
  position: relative;
  display: block;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  background-color: #18e8a4;
  transition: all 0.3s;
}
.primary-btn:hover {
  background-color: #12ffc4;
}
/* components */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  height: 80px;
  background-color: #020213;
  box-shadow: 0 2px 10px -3px #032411;
}
.header-wrap {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0 20px;
}
@media (min-width: 1200px) {
  .header-wrap {
    justify-content: flex-start;
  }
}
.header-nav {
  position: absolute;
  top: 80px;
  left: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: calc(100vh - 80px);
  background-color: #020213;
  transform: translateX(100%);
  opacity: 0;
  transition: all 0.3s ease-out;
}
.header-nav.active {
  opacity: 1;
  transform: translateX(0);
}
@media (min-width: 768px) {
  .header-nav {
    left: unset;
    right: 0;
    width: 50%;
  }
}
@media (min-width: 1200px) {
  .header-nav {
    flex: 1 0;
    position: static;
    flex-direction: row;
    width: auto;
    height: auto;
    background-color: transparent;
    transform: none;
    opacity: 1;
  }
}
.logo {
  display: flex;
  width: 128px;
  height: 40px;
}
@media (min-width: 1200px) {
  .logo {
    margin-right: 100px;
  }
}
.menu-list {
  padding: 0;
}
@media (min-width: 1200px) {
  .menu-list {
    display: flex;
    align-items: center;
  }
}
.menu-item {
  padding: 16px 20px;
  border-bottom: 1px solid #031c11;
}
@media (min-width: 1200px) {
  .menu-item {
    padding: 0;
    border-bottom: none;
    margin-right: 24px;
  }
  .menu-item:last-of-type {
    margin-right: 0;
  }
}
.menu-link {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  position: relative;
}
.menu-link:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 3px;
  background: #18e8a4;
  content: '';
  opacity: 0;
  transition: opacity 0.3s, transform 0.3s;
  transform: translateY(4px);
}
.menu-link:hover:after,
.menu-link:focus:after {
  opacity: 1;
  transform: translateY(2px);
}
@media (min-width: 1200px) {
  .menu-link {
    font-size: 18px;
    font-weight: 500;
  }
}
.contact-link {
  width: 100%;
  padding: 20px 0;
  text-align: center;
}
@media (min-width: 1200px) {
  .contact-link {
    width: auto;
    padding: 12px 24px;
    font-size: 18px;
    border-radius: 2px;
  }
}
.burger-menu {
  width: 48px;
  height: 48px;
  padding: 0;
  background-color: transparent;
  background-image: url(/images/icons/burger-menu.svg);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}
.burger-menu.active {
  background-image: url(/images/icons/close-icon.svg);
  background-size: 16px;
}
@media (min-width: 1200px) {
  .burger-menu {
    display: none;
  }
}
main {
  padding-top: 80px;
  background-color: #fff;
}
main section:not(:last-of-type) {
  margin-bottom: 70px;
}
@media (min-width: 992px) {
  main section:not(:last-of-type) {
    margin-bottom: 100px;
  }
}
@media (min-width: 1200px) {
  main section:not(:last-of-type) {
    margin-bottom: 170px;
  }
}
.container {
  padding-right: 20px;
  padding-left: 20px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container {
    padding-right: 40px;
    padding-left: 40px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1200px) {
  .container {
    padding: 0;
    margin: 0 auto;
  }
}
.section-title {
  margin-bottom: 14px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 42px;
  font-weight: 700;
  line-height: 1.09;
  letter-spacing: .5px;
  color: #545460;
}
@media (min-width: 1200px) {
  .section-title {
    margin-bottom: 28px;
    font-size: 92px;
    letter-spacing: 1px;
  }
}
.section-desc {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.89;
  color: #000;
}
@media (min-width: 1200px) {
  .section-desc {
    max-width: 780px;
    margin-bottom: 60px;
    font-size: 18px;
  }
  .section-desc + .section-desc {
    margin-top: -40px;
  }
}
.light-background {
  padding-top: 40px;
  padding-bottom: 40px;
  background-size: 144px 77px;
  background-image: linear-gradient(to right, #F3F3F3 1px, transparent 1px), linear-gradient(to bottom, #F3F3F3 1px, transparent 1px);
}
@media (min-width: 1200px) {
  .light-background {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
@media (min-width: 1025px) {
  .word-per-line * {
    display: block;
  }
}
@media (min-width: 1200px) {
  .medium-size {
    font-size: 60px;
    letter-spacing: 1px;
  }
}
footer {
  background-color: #020213;
}
@media (min-width: 768px) {
  footer {
    background-image: url(/images/bg-contact.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }
}
/* Contacts */
.contact-section {
  padding: 50px 0;
}
@media (min-width: 1024px) {
  .contact-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .contact-section {
    padding-top: 100px;
    padding-bottom: 100px;
  }
}
.contact-section .section-desc {
  color: #fff;
}
@media (min-width: 1024px) {
  .contact-section .section-title {
    flex: 0 0 100%;
  }
}
.contacts {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .contacts {
    margin-bottom: 40px;
  }
}
.social-links {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .social-links {
    margin-bottom: 50px;
  }
}
.social-link {
  display: flex;
  align-items: center;
  padding: 16px 20px;
  margin-bottom: 10px;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 2px;
  transition: all 0.2s ease-in;
}
.social-link:last-of-type {
  margin-bottom: 0;
}
.social-link:hover {
  color: #000;
  background-color: #18e8a4;
}
.social-link svg {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 15px;
  fill: #fff;
}
.social-link:hover svg {
  fill: #000;
}
@media (min-width: 768px) {
  .social-link {
    display: inline-flex;
    margin-bottom: 0;
  }
}
.phone {
  display: block;
  margin-bottom: 20px;
  font-size: 18px;
  color: #fff;
}
.phone:before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 16px;
  margin-right: 20px;
  background-image: url(/images/icons/phone.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.email {
  display: block;
  font-size: 18px;
  color: #fff;
}
.email:before {
  content: '';
  display: inline-block;
  width: 17px;
  height: 12px;
  margin-right: 20px;
  background-image: url(/images/icons/email.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
/* Form */
.contact-form {
  width: 100%;
}
.contact-form_submit {
  padding: 14px 66px;
}
.contact-form_submit:disabled {
  opacity: .4;
  cursor: default;
  filter: grayscale(100%);
}
.contact-form_field {
  width: 100%;
  padding: 16px 25px;
  margin-bottom: 20px;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid transparent;
  border-radius: 2px;
}
.contact-form_field:focus {
  border-color: #545460;
  outline: none;
}
.contact-form_field::placeholder {
  color: #fff;
}
.contact-form_field:disabled {
  opacity: .4;
  cursor: default;
  filter: grayscale(100%);
}
@media (min-width: 1024px) {
  .contact-form {
    width: 480px;
  }
}
textarea.contact-form_field {
  resize: none;
}
/* Copyright */
.copyright {
  padding: 12px 0;
  color: #fff;
  opacity: .6;
}
@media (min-width: 1200px) {
  .contact-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
}
.banner {
  position: relative;
  padding: 50px 0;
  min-height: calc(93vh - 80px);
  color: #fff;
  background-color: #020213;
  background-size: 144px 77px;
  background-image: linear-gradient(to right, #032411 1px, transparent 1px), linear-gradient(to bottom, #032411 1px, transparent 1px);
}
.banner-content {
  position: relative;
  z-index: 2;
}
@media (min-width: 700px) {
  .banner-content {
    max-width: 680px;
  }
}
.banner-title {
  margin-bottom: 13px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 32px;
  font-weight: 700;
}
@media (min-width: 375px) {
  .banner-title {
    font-size: 42px;
  }
}
@media (min-width: 700px) {
  .banner-title {
    font-size: 54px;
  }
}
.banner-desc {
  display: inline-block;
  margin-bottom: 30px;
  font-size: 22px;
}
@media (min-width: 375px) {
  .banner-desc {
    font-size: 24px;
  }
}
@media (min-width: 700px) {
  .banner-desc {
    font-size: 32px;
  }
}
.banner-btn {
  padding: 12px 20px;
  font-size: 16px;
  color: #fff;
  background-color: transparent;
  border: 1px solid #fff;
  transition: color 0.3s, border-color 0.3s, background-color 0.3s;
}
.banner-btn:hover {
  color: #000;
  background-color: #18e8a4;
  border-color: #18e8a4;
}
@media (min-width: 700px) {
  .banner-btn {
    padding: 14px 24px;
    font-size: 18px;
  }
}
.banner-animation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 375px) {
  .banner {
    padding: 10% 0;
  }
}
@media (min-width: 700px) {
  .banner {
    padding: 10% 0;
  }
}
.banner-animation-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 1;
  display: none;
}
@media (min-width: 375px) {
  .banner-animation-wrapper {
    display: block;
  }
}
.banner-animation {
  position: relative;
  top: 50%;
  left: 70%;
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  perspective: 1000px;
  animation: rotate 37s infinite linear;
}
@keyframes rotate {
  100% {
    transform: rotateY(360deg) rotateX(360deg);
  }
}
.c {
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  opacity: 0;
}
.c:nth-child(1) {
  animation: orbit1 37s infinite;
  animation-delay: 0.01s;
  background-color: #00ffd5;
}
@keyframes orbit1 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-132deg) rotateY(92deg) translateX(250px) rotateZ(132deg);
  }
  15% {
    transform: rotateZ(-132deg) rotateY(92deg) translateX(250px) rotateZ(132deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-132deg) rotateY(92deg) translateX(750px) rotateZ(132deg);
  }
}
.c:nth-child(2) {
  animation: orbit2 37s infinite;
  animation-delay: 0.02s;
  background-color: #00ffd6;
}
@keyframes orbit2 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-256deg) rotateY(53deg) translateX(250px) rotateZ(256deg);
  }
  15% {
    transform: rotateZ(-256deg) rotateY(53deg) translateX(250px) rotateZ(256deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-256deg) rotateY(53deg) translateX(750px) rotateZ(256deg);
  }
}
.c:nth-child(3) {
  animation: orbit3 37s infinite;
  animation-delay: 0.03s;
  background-color: #00ffd7;
}
@keyframes orbit3 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-96deg) rotateY(72deg) translateX(250px) rotateZ(96deg);
  }
  15% {
    transform: rotateZ(-96deg) rotateY(72deg) translateX(250px) rotateZ(96deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-96deg) rotateY(72deg) translateX(750px) rotateZ(96deg);
  }
}
.c:nth-child(4) {
  animation: orbit4 37s infinite;
  animation-delay: 0.04s;
  background-color: #00ffd8;
}
@keyframes orbit4 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-56deg) rotateY(356deg) translateX(250px) rotateZ(56deg);
  }
  15% {
    transform: rotateZ(-56deg) rotateY(356deg) translateX(250px) rotateZ(56deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-56deg) rotateY(356deg) translateX(750px) rotateZ(56deg);
  }
}
.c:nth-child(5) {
  animation: orbit5 37s infinite;
  animation-delay: 0.05s;
  background-color: #00ffd9;
}
@keyframes orbit5 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-350deg) rotateY(95deg) translateX(250px) rotateZ(350deg);
  }
  15% {
    transform: rotateZ(-350deg) rotateY(95deg) translateX(250px) rotateZ(350deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-350deg) rotateY(95deg) translateX(750px) rotateZ(350deg);
  }
}
.c:nth-child(6) {
  animation: orbit6 37s infinite;
  animation-delay: 0.06s;
  background-color: #00ffd9;
}
@keyframes orbit6 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-80deg) rotateY(284deg) translateX(250px) rotateZ(80deg);
  }
  15% {
    transform: rotateZ(-80deg) rotateY(284deg) translateX(250px) rotateZ(80deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-80deg) rotateY(284deg) translateX(750px) rotateZ(80deg);
  }
}
.c:nth-child(7) {
  animation: orbit7 37s infinite;
  animation-delay: 0.07s;
  background-color: #00ffda;
}
@keyframes orbit7 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-264deg) rotateY(62deg) translateX(250px) rotateZ(264deg);
  }
  15% {
    transform: rotateZ(-264deg) rotateY(62deg) translateX(250px) rotateZ(264deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-264deg) rotateY(62deg) translateX(750px) rotateZ(264deg);
  }
}
.c:nth-child(8) {
  animation: orbit8 37s infinite;
  animation-delay: 0.08s;
  background-color: #00ffdb;
}
@keyframes orbit8 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-173deg) rotateY(181deg) translateX(250px) rotateZ(173deg);
  }
  15% {
    transform: rotateZ(-173deg) rotateY(181deg) translateX(250px) rotateZ(173deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-173deg) rotateY(181deg) translateX(750px) rotateZ(173deg);
  }
}
.c:nth-child(9) {
  animation: orbit9 37s infinite;
  animation-delay: 0.09s;
  background-color: #00ffdc;
}
@keyframes orbit9 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-166deg) rotateY(356deg) translateX(250px) rotateZ(166deg);
  }
  15% {
    transform: rotateZ(-166deg) rotateY(356deg) translateX(250px) rotateZ(166deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-166deg) rotateY(356deg) translateX(750px) rotateZ(166deg);
  }
}
.c:nth-child(10) {
  animation: orbit10 37s infinite;
  animation-delay: 0.1s;
  background-color: #00ffdd;
}
@keyframes orbit10 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-100deg) rotateY(323deg) translateX(250px) rotateZ(100deg);
  }
  15% {
    transform: rotateZ(-100deg) rotateY(323deg) translateX(250px) rotateZ(100deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-100deg) rotateY(323deg) translateX(750px) rotateZ(100deg);
  }
}
.c:nth-child(11) {
  animation: orbit11 37s infinite;
  animation-delay: 0.11s;
  background-color: #00ffdd;
}
@keyframes orbit11 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-302deg) rotateY(160deg) translateX(250px) rotateZ(302deg);
  }
  15% {
    transform: rotateZ(-302deg) rotateY(160deg) translateX(250px) rotateZ(302deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-302deg) rotateY(160deg) translateX(750px) rotateZ(302deg);
  }
}
.c:nth-child(12) {
  animation: orbit12 37s infinite;
  animation-delay: 0.12s;
  background-color: #00ffde;
}
@keyframes orbit12 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-52deg) rotateY(132deg) translateX(250px) rotateZ(52deg);
  }
  15% {
    transform: rotateZ(-52deg) rotateY(132deg) translateX(250px) rotateZ(52deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-52deg) rotateY(132deg) translateX(750px) rotateZ(52deg);
  }
}
.c:nth-child(13) {
  animation: orbit13 37s infinite;
  animation-delay: 0.13s;
  background-color: #00ffdf;
}
@keyframes orbit13 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-35deg) rotateY(266deg) translateX(250px) rotateZ(35deg);
  }
  15% {
    transform: rotateZ(-35deg) rotateY(266deg) translateX(250px) rotateZ(35deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-35deg) rotateY(266deg) translateX(750px) rotateZ(35deg);
  }
}
.c:nth-child(14) {
  animation: orbit14 37s infinite;
  animation-delay: 0.14s;
  background-color: #00ffe0;
}
@keyframes orbit14 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-23deg) rotateY(288deg) translateX(250px) rotateZ(23deg);
  }
  15% {
    transform: rotateZ(-23deg) rotateY(288deg) translateX(250px) rotateZ(23deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-23deg) rotateY(288deg) translateX(750px) rotateZ(23deg);
  }
}
.c:nth-child(15) {
  animation: orbit15 37s infinite;
  animation-delay: 0.15s;
  background-color: #00ffe1;
}
@keyframes orbit15 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-97deg) rotateY(306deg) translateX(250px) rotateZ(97deg);
  }
  15% {
    transform: rotateZ(-97deg) rotateY(306deg) translateX(250px) rotateZ(97deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-97deg) rotateY(306deg) translateX(750px) rotateZ(97deg);
  }
}
.c:nth-child(16) {
  animation: orbit16 37s infinite;
  animation-delay: 0.16s;
  background-color: #00ffe1;
}
@keyframes orbit16 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-160deg) rotateY(94deg) translateX(250px) rotateZ(160deg);
  }
  15% {
    transform: rotateZ(-160deg) rotateY(94deg) translateX(250px) rotateZ(160deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-160deg) rotateY(94deg) translateX(750px) rotateZ(160deg);
  }
}
.c:nth-child(17) {
  animation: orbit17 37s infinite;
  animation-delay: 0.17s;
  background-color: #00ffe2;
}
@keyframes orbit17 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-284deg) rotateY(172deg) translateX(250px) rotateZ(284deg);
  }
  15% {
    transform: rotateZ(-284deg) rotateY(172deg) translateX(250px) rotateZ(284deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-284deg) rotateY(172deg) translateX(750px) rotateZ(284deg);
  }
}
.c:nth-child(18) {
  animation: orbit18 37s infinite;
  animation-delay: 0.18s;
  background-color: #00ffe3;
}
@keyframes orbit18 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-259deg) rotateY(334deg) translateX(250px) rotateZ(259deg);
  }
  15% {
    transform: rotateZ(-259deg) rotateY(334deg) translateX(250px) rotateZ(259deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-259deg) rotateY(334deg) translateX(750px) rotateZ(259deg);
  }
}
.c:nth-child(19) {
  animation: orbit19 37s infinite;
  animation-delay: 0.19s;
  background-color: #00ffe4;
}
@keyframes orbit19 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-23deg) rotateY(110deg) translateX(250px) rotateZ(23deg);
  }
  15% {
    transform: rotateZ(-23deg) rotateY(110deg) translateX(250px) rotateZ(23deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-23deg) rotateY(110deg) translateX(750px) rotateZ(23deg);
  }
}
.c:nth-child(20) {
  animation: orbit20 37s infinite;
  animation-delay: 0.2s;
  background-color: #00ffe5;
}
@keyframes orbit20 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-215deg) rotateY(269deg) translateX(250px) rotateZ(215deg);
  }
  15% {
    transform: rotateZ(-215deg) rotateY(269deg) translateX(250px) rotateZ(215deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-215deg) rotateY(269deg) translateX(750px) rotateZ(215deg);
  }
}
.c:nth-child(21) {
  animation: orbit21 37s infinite;
  animation-delay: 0.21s;
  background-color: #00ffe6;
}
@keyframes orbit21 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-135deg) rotateY(142deg) translateX(250px) rotateZ(135deg);
  }
  15% {
    transform: rotateZ(-135deg) rotateY(142deg) translateX(250px) rotateZ(135deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-135deg) rotateY(142deg) translateX(750px) rotateZ(135deg);
  }
}
.c:nth-child(22) {
  animation: orbit22 37s infinite;
  animation-delay: 0.22s;
  background-color: #00ffe6;
}
@keyframes orbit22 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-64deg) rotateY(200deg) translateX(250px) rotateZ(64deg);
  }
  15% {
    transform: rotateZ(-64deg) rotateY(200deg) translateX(250px) rotateZ(64deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-64deg) rotateY(200deg) translateX(750px) rotateZ(64deg);
  }
}
.c:nth-child(23) {
  animation: orbit23 37s infinite;
  animation-delay: 0.23s;
  background-color: #00ffe7;
}
@keyframes orbit23 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-356deg) rotateY(155deg) translateX(250px) rotateZ(356deg);
  }
  15% {
    transform: rotateZ(-356deg) rotateY(155deg) translateX(250px) rotateZ(356deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-356deg) rotateY(155deg) translateX(750px) rotateZ(356deg);
  }
}
.c:nth-child(24) {
  animation: orbit24 37s infinite;
  animation-delay: 0.24s;
  background-color: #00ffe8;
}
@keyframes orbit24 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-299deg) rotateY(335deg) translateX(250px) rotateZ(299deg);
  }
  15% {
    transform: rotateZ(-299deg) rotateY(335deg) translateX(250px) rotateZ(299deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-299deg) rotateY(335deg) translateX(750px) rotateZ(299deg);
  }
}
.c:nth-child(25) {
  animation: orbit25 37s infinite;
  animation-delay: 0.25s;
  background-color: #00ffe9;
}
@keyframes orbit25 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-80deg) rotateY(182deg) translateX(250px) rotateZ(80deg);
  }
  15% {
    transform: rotateZ(-80deg) rotateY(182deg) translateX(250px) rotateZ(80deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-80deg) rotateY(182deg) translateX(750px) rotateZ(80deg);
  }
}
.c:nth-child(26) {
  animation: orbit26 37s infinite;
  animation-delay: 0.26s;
  background-color: #00ffea;
}
@keyframes orbit26 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-257deg) rotateY(82deg) translateX(250px) rotateZ(257deg);
  }
  15% {
    transform: rotateZ(-257deg) rotateY(82deg) translateX(250px) rotateZ(257deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-257deg) rotateY(82deg) translateX(750px) rotateZ(257deg);
  }
}
.c:nth-child(27) {
  animation: orbit27 37s infinite;
  animation-delay: 0.27s;
  background-color: #00ffea;
}
@keyframes orbit27 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-232deg) rotateY(132deg) translateX(250px) rotateZ(232deg);
  }
  15% {
    transform: rotateZ(-232deg) rotateY(132deg) translateX(250px) rotateZ(232deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-232deg) rotateY(132deg) translateX(750px) rotateZ(232deg);
  }
}
.c:nth-child(28) {
  animation: orbit28 37s infinite;
  animation-delay: 0.28s;
  background-color: #00ffeb;
}
@keyframes orbit28 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-147deg) rotateY(321deg) translateX(250px) rotateZ(147deg);
  }
  15% {
    transform: rotateZ(-147deg) rotateY(321deg) translateX(250px) rotateZ(147deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-147deg) rotateY(321deg) translateX(750px) rotateZ(147deg);
  }
}
.c:nth-child(29) {
  animation: orbit29 37s infinite;
  animation-delay: 0.29s;
  background-color: #00ffec;
}
@keyframes orbit29 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-232deg) rotateY(156deg) translateX(250px) rotateZ(232deg);
  }
  15% {
    transform: rotateZ(-232deg) rotateY(156deg) translateX(250px) rotateZ(232deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-232deg) rotateY(156deg) translateX(750px) rotateZ(232deg);
  }
}
.c:nth-child(30) {
  animation: orbit30 37s infinite;
  animation-delay: 0.3s;
  background-color: #00ffed;
}
@keyframes orbit30 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-317deg) rotateY(104deg) translateX(250px) rotateZ(317deg);
  }
  15% {
    transform: rotateZ(-317deg) rotateY(104deg) translateX(250px) rotateZ(317deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-317deg) rotateY(104deg) translateX(750px) rotateZ(317deg);
  }
}
.c:nth-child(31) {
  animation: orbit31 37s infinite;
  animation-delay: 0.31s;
  background-color: #00ffee;
}
@keyframes orbit31 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-97deg) rotateY(158deg) translateX(250px) rotateZ(97deg);
  }
  15% {
    transform: rotateZ(-97deg) rotateY(158deg) translateX(250px) rotateZ(97deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-97deg) rotateY(158deg) translateX(750px) rotateZ(97deg);
  }
}
.c:nth-child(32) {
  animation: orbit32 37s infinite;
  animation-delay: 0.32s;
  background-color: #00ffee;
}
@keyframes orbit32 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-31deg) rotateY(158deg) translateX(250px) rotateZ(31deg);
  }
  15% {
    transform: rotateZ(-31deg) rotateY(158deg) translateX(250px) rotateZ(31deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-31deg) rotateY(158deg) translateX(750px) rotateZ(31deg);
  }
}
.c:nth-child(33) {
  animation: orbit33 37s infinite;
  animation-delay: 0.33s;
  background-color: #00ffef;
}
@keyframes orbit33 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-25deg) rotateY(183deg) translateX(250px) rotateZ(25deg);
  }
  15% {
    transform: rotateZ(-25deg) rotateY(183deg) translateX(250px) rotateZ(25deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-25deg) rotateY(183deg) translateX(750px) rotateZ(25deg);
  }
}
.c:nth-child(34) {
  animation: orbit34 37s infinite;
  animation-delay: 0.34s;
  background-color: #00fff0;
}
@keyframes orbit34 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-278deg) rotateY(7deg) translateX(250px) rotateZ(278deg);
  }
  15% {
    transform: rotateZ(-278deg) rotateY(7deg) translateX(250px) rotateZ(278deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-278deg) rotateY(7deg) translateX(750px) rotateZ(278deg);
  }
}
.c:nth-child(35) {
  animation: orbit35 37s infinite;
  animation-delay: 0.35s;
  background-color: #00fff1;
}
@keyframes orbit35 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-10deg) rotateY(112deg) translateX(250px) rotateZ(10deg);
  }
  15% {
    transform: rotateZ(-10deg) rotateY(112deg) translateX(250px) rotateZ(10deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-10deg) rotateY(112deg) translateX(750px) rotateZ(10deg);
  }
}
.c:nth-child(36) {
  animation: orbit36 37s infinite;
  animation-delay: 0.36s;
  background-color: #00fff2;
}
@keyframes orbit36 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-195deg) rotateY(177deg) translateX(250px) rotateZ(195deg);
  }
  15% {
    transform: rotateZ(-195deg) rotateY(177deg) translateX(250px) rotateZ(195deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-195deg) rotateY(177deg) translateX(750px) rotateZ(195deg);
  }
}
.c:nth-child(37) {
  animation: orbit37 37s infinite;
  animation-delay: 0.37s;
  background-color: #00fff2;
}
@keyframes orbit37 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-315deg) rotateY(266deg) translateX(250px) rotateZ(315deg);
  }
  15% {
    transform: rotateZ(-315deg) rotateY(266deg) translateX(250px) rotateZ(315deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-315deg) rotateY(266deg) translateX(750px) rotateZ(315deg);
  }
}
.c:nth-child(38) {
  animation: orbit38 37s infinite;
  animation-delay: 0.38s;
  background-color: #00fff3;
}
@keyframes orbit38 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-67deg) rotateY(46deg) translateX(250px) rotateZ(67deg);
  }
  15% {
    transform: rotateZ(-67deg) rotateY(46deg) translateX(250px) rotateZ(67deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-67deg) rotateY(46deg) translateX(750px) rotateZ(67deg);
  }
}
.c:nth-child(39) {
  animation: orbit39 37s infinite;
  animation-delay: 0.39s;
  background-color: #00fff4;
}
@keyframes orbit39 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-170deg) rotateY(232deg) translateX(250px) rotateZ(170deg);
  }
  15% {
    transform: rotateZ(-170deg) rotateY(232deg) translateX(250px) rotateZ(170deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-170deg) rotateY(232deg) translateX(750px) rotateZ(170deg);
  }
}
.c:nth-child(40) {
  animation: orbit40 37s infinite;
  animation-delay: 0.4s;
  background-color: #00fff5;
}
@keyframes orbit40 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-34deg) rotateY(329deg) translateX(250px) rotateZ(34deg);
  }
  15% {
    transform: rotateZ(-34deg) rotateY(329deg) translateX(250px) rotateZ(34deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-34deg) rotateY(329deg) translateX(750px) rotateZ(34deg);
  }
}
.c:nth-child(41) {
  animation: orbit41 37s infinite;
  animation-delay: 0.41s;
  background-color: #00fff6;
}
@keyframes orbit41 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-20deg) rotateY(318deg) translateX(250px) rotateZ(20deg);
  }
  15% {
    transform: rotateZ(-20deg) rotateY(318deg) translateX(250px) rotateZ(20deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-20deg) rotateY(318deg) translateX(750px) rotateZ(20deg);
  }
}
.c:nth-child(42) {
  animation: orbit42 37s infinite;
  animation-delay: 0.42s;
  background-color: #00fff7;
}
@keyframes orbit42 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-130deg) rotateY(314deg) translateX(250px) rotateZ(130deg);
  }
  15% {
    transform: rotateZ(-130deg) rotateY(314deg) translateX(250px) rotateZ(130deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-130deg) rotateY(314deg) translateX(750px) rotateZ(130deg);
  }
}
.c:nth-child(43) {
  animation: orbit43 37s infinite;
  animation-delay: 0.43s;
  background-color: #00fff7;
}
@keyframes orbit43 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-138deg) rotateY(222deg) translateX(250px) rotateZ(138deg);
  }
  15% {
    transform: rotateZ(-138deg) rotateY(222deg) translateX(250px) rotateZ(138deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-138deg) rotateY(222deg) translateX(750px) rotateZ(138deg);
  }
}
.c:nth-child(44) {
  animation: orbit44 37s infinite;
  animation-delay: 0.44s;
  background-color: #00fff8;
}
@keyframes orbit44 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-256deg) rotateY(211deg) translateX(250px) rotateZ(256deg);
  }
  15% {
    transform: rotateZ(-256deg) rotateY(211deg) translateX(250px) rotateZ(256deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-256deg) rotateY(211deg) translateX(750px) rotateZ(256deg);
  }
}
.c:nth-child(45) {
  animation: orbit45 37s infinite;
  animation-delay: 0.45s;
  background-color: #00fff9;
}
@keyframes orbit45 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-351deg) rotateY(359deg) translateX(250px) rotateZ(351deg);
  }
  15% {
    transform: rotateZ(-351deg) rotateY(359deg) translateX(250px) rotateZ(351deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-351deg) rotateY(359deg) translateX(750px) rotateZ(351deg);
  }
}
.c:nth-child(46) {
  animation: orbit46 37s infinite;
  animation-delay: 0.46s;
  background-color: #00fffa;
}
@keyframes orbit46 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-306deg) rotateY(213deg) translateX(250px) rotateZ(306deg);
  }
  15% {
    transform: rotateZ(-306deg) rotateY(213deg) translateX(250px) rotateZ(306deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-306deg) rotateY(213deg) translateX(750px) rotateZ(306deg);
  }
}
.c:nth-child(47) {
  animation: orbit47 37s infinite;
  animation-delay: 0.47s;
  background-color: #00fffb;
}
@keyframes orbit47 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-12deg) rotateY(207deg) translateX(250px) rotateZ(12deg);
  }
  15% {
    transform: rotateZ(-12deg) rotateY(207deg) translateX(250px) rotateZ(12deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-12deg) rotateY(207deg) translateX(750px) rotateZ(12deg);
  }
}
.c:nth-child(48) {
  animation: orbit48 37s infinite;
  animation-delay: 0.48s;
  background-color: #00fffb;
}
@keyframes orbit48 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-346deg) rotateY(331deg) translateX(250px) rotateZ(346deg);
  }
  15% {
    transform: rotateZ(-346deg) rotateY(331deg) translateX(250px) rotateZ(346deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-346deg) rotateY(331deg) translateX(750px) rotateZ(346deg);
  }
}
.c:nth-child(49) {
  animation: orbit49 37s infinite;
  animation-delay: 0.49s;
  background-color: #00fffc;
}
@keyframes orbit49 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-292deg) rotateY(55deg) translateX(250px) rotateZ(292deg);
  }
  15% {
    transform: rotateZ(-292deg) rotateY(55deg) translateX(250px) rotateZ(292deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-292deg) rotateY(55deg) translateX(750px) rotateZ(292deg);
  }
}
.c:nth-child(50) {
  animation: orbit50 37s infinite;
  animation-delay: 0.5s;
  background-color: #00fffd;
}
@keyframes orbit50 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-260deg) rotateY(268deg) translateX(250px) rotateZ(260deg);
  }
  15% {
    transform: rotateZ(-260deg) rotateY(268deg) translateX(250px) rotateZ(260deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-260deg) rotateY(268deg) translateX(750px) rotateZ(260deg);
  }
}
.c:nth-child(51) {
  animation: orbit51 37s infinite;
  animation-delay: 0.51s;
  background-color: #00fffe;
}
@keyframes orbit51 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-63deg) rotateY(324deg) translateX(250px) rotateZ(63deg);
  }
  15% {
    transform: rotateZ(-63deg) rotateY(324deg) translateX(250px) rotateZ(63deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-63deg) rotateY(324deg) translateX(750px) rotateZ(63deg);
  }
}
.c:nth-child(52) {
  animation: orbit52 37s infinite;
  animation-delay: 0.52s;
  background-color: cyan;
}
@keyframes orbit52 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-349deg) rotateY(294deg) translateX(250px) rotateZ(349deg);
  }
  15% {
    transform: rotateZ(-349deg) rotateY(294deg) translateX(250px) rotateZ(349deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-349deg) rotateY(294deg) translateX(750px) rotateZ(349deg);
  }
}
.c:nth-child(53) {
  animation: orbit53 37s infinite;
  animation-delay: 0.53s;
  background-color: cyan;
}
@keyframes orbit53 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-173deg) rotateY(75deg) translateX(250px) rotateZ(173deg);
  }
  15% {
    transform: rotateZ(-173deg) rotateY(75deg) translateX(250px) rotateZ(173deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-173deg) rotateY(75deg) translateX(750px) rotateZ(173deg);
  }
}
.c:nth-child(54) {
  animation: orbit54 37s infinite;
  animation-delay: 0.54s;
  background-color: #00feff;
}
@keyframes orbit54 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-46deg) rotateY(94deg) translateX(250px) rotateZ(46deg);
  }
  15% {
    transform: rotateZ(-46deg) rotateY(94deg) translateX(250px) rotateZ(46deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-46deg) rotateY(94deg) translateX(750px) rotateZ(46deg);
  }
}
.c:nth-child(55) {
  animation: orbit55 37s infinite;
  animation-delay: 0.55s;
  background-color: #00fdff;
}
@keyframes orbit55 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-199deg) rotateY(168deg) translateX(250px) rotateZ(199deg);
  }
  15% {
    transform: rotateZ(-199deg) rotateY(168deg) translateX(250px) rotateZ(199deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-199deg) rotateY(168deg) translateX(750px) rotateZ(199deg);
  }
}
.c:nth-child(56) {
  animation: orbit56 37s infinite;
  animation-delay: 0.56s;
  background-color: #00fcff;
}
@keyframes orbit56 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-136deg) rotateY(180deg) translateX(250px) rotateZ(136deg);
  }
  15% {
    transform: rotateZ(-136deg) rotateY(180deg) translateX(250px) rotateZ(136deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-136deg) rotateY(180deg) translateX(750px) rotateZ(136deg);
  }
}
.c:nth-child(57) {
  animation: orbit57 37s infinite;
  animation-delay: 0.57s;
  background-color: #00fbff;
}
@keyframes orbit57 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-144deg) rotateY(170deg) translateX(250px) rotateZ(144deg);
  }
  15% {
    transform: rotateZ(-144deg) rotateY(170deg) translateX(250px) rotateZ(144deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-144deg) rotateY(170deg) translateX(750px) rotateZ(144deg);
  }
}
.c:nth-child(58) {
  animation: orbit58 37s infinite;
  animation-delay: 0.58s;
  background-color: #00fbff;
}
@keyframes orbit58 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-263deg) rotateY(19deg) translateX(250px) rotateZ(263deg);
  }
  15% {
    transform: rotateZ(-263deg) rotateY(19deg) translateX(250px) rotateZ(263deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-263deg) rotateY(19deg) translateX(750px) rotateZ(263deg);
  }
}
.c:nth-child(59) {
  animation: orbit59 37s infinite;
  animation-delay: 0.59s;
  background-color: #00faff;
}
@keyframes orbit59 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-112deg) rotateY(49deg) translateX(250px) rotateZ(112deg);
  }
  15% {
    transform: rotateZ(-112deg) rotateY(49deg) translateX(250px) rotateZ(112deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-112deg) rotateY(49deg) translateX(750px) rotateZ(112deg);
  }
}
.c:nth-child(60) {
  animation: orbit60 37s infinite;
  animation-delay: 0.6s;
  background-color: #00f9ff;
}
@keyframes orbit60 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-96deg) rotateY(164deg) translateX(250px) rotateZ(96deg);
  }
  15% {
    transform: rotateZ(-96deg) rotateY(164deg) translateX(250px) rotateZ(96deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-96deg) rotateY(164deg) translateX(750px) rotateZ(96deg);
  }
}
.c:nth-child(61) {
  animation: orbit61 37s infinite;
  animation-delay: 0.61s;
  background-color: #00f8ff;
}
@keyframes orbit61 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-76deg) rotateY(115deg) translateX(250px) rotateZ(76deg);
  }
  15% {
    transform: rotateZ(-76deg) rotateY(115deg) translateX(250px) rotateZ(76deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-76deg) rotateY(115deg) translateX(750px) rotateZ(76deg);
  }
}
.c:nth-child(62) {
  animation: orbit62 37s infinite;
  animation-delay: 0.62s;
  background-color: #00f7ff;
}
@keyframes orbit62 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-196deg) rotateY(310deg) translateX(250px) rotateZ(196deg);
  }
  15% {
    transform: rotateZ(-196deg) rotateY(310deg) translateX(250px) rotateZ(196deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-196deg) rotateY(310deg) translateX(750px) rotateZ(196deg);
  }
}
.c:nth-child(63) {
  animation: orbit63 37s infinite;
  animation-delay: 0.63s;
  background-color: #00f7ff;
}
@keyframes orbit63 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-262deg) rotateY(119deg) translateX(250px) rotateZ(262deg);
  }
  15% {
    transform: rotateZ(-262deg) rotateY(119deg) translateX(250px) rotateZ(262deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-262deg) rotateY(119deg) translateX(750px) rotateZ(262deg);
  }
}
.c:nth-child(64) {
  animation: orbit64 37s infinite;
  animation-delay: 0.64s;
  background-color: #00f6ff;
}
@keyframes orbit64 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-253deg) rotateY(32deg) translateX(250px) rotateZ(253deg);
  }
  15% {
    transform: rotateZ(-253deg) rotateY(32deg) translateX(250px) rotateZ(253deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-253deg) rotateY(32deg) translateX(750px) rotateZ(253deg);
  }
}
.c:nth-child(65) {
  animation: orbit65 37s infinite;
  animation-delay: 0.65s;
  background-color: #00f5ff;
}
@keyframes orbit65 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-243deg) rotateY(211deg) translateX(250px) rotateZ(243deg);
  }
  15% {
    transform: rotateZ(-243deg) rotateY(211deg) translateX(250px) rotateZ(243deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-243deg) rotateY(211deg) translateX(750px) rotateZ(243deg);
  }
}
.c:nth-child(66) {
  animation: orbit66 37s infinite;
  animation-delay: 0.66s;
  background-color: #00f4ff;
}
@keyframes orbit66 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-117deg) rotateY(272deg) translateX(250px) rotateZ(117deg);
  }
  15% {
    transform: rotateZ(-117deg) rotateY(272deg) translateX(250px) rotateZ(117deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-117deg) rotateY(272deg) translateX(750px) rotateZ(117deg);
  }
}
.c:nth-child(67) {
  animation: orbit67 37s infinite;
  animation-delay: 0.67s;
  background-color: #00f3ff;
}
@keyframes orbit67 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-108deg) rotateY(128deg) translateX(250px) rotateZ(108deg);
  }
  15% {
    transform: rotateZ(-108deg) rotateY(128deg) translateX(250px) rotateZ(108deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-108deg) rotateY(128deg) translateX(750px) rotateZ(108deg);
  }
}
.c:nth-child(68) {
  animation: orbit68 37s infinite;
  animation-delay: 0.68s;
  background-color: #00f2ff;
}
@keyframes orbit68 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-6deg) rotateY(45deg) translateX(250px) rotateZ(6deg);
  }
  15% {
    transform: rotateZ(-6deg) rotateY(45deg) translateX(250px) rotateZ(6deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-6deg) rotateY(45deg) translateX(750px) rotateZ(6deg);
  }
}
.c:nth-child(69) {
  animation: orbit69 37s infinite;
  animation-delay: 0.69s;
  background-color: #00f2ff;
}
@keyframes orbit69 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-27deg) rotateY(308deg) translateX(250px) rotateZ(27deg);
  }
  15% {
    transform: rotateZ(-27deg) rotateY(308deg) translateX(250px) rotateZ(27deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-27deg) rotateY(308deg) translateX(750px) rotateZ(27deg);
  }
}
.c:nth-child(70) {
  animation: orbit70 37s infinite;
  animation-delay: 0.7s;
  background-color: #00f1ff;
}
@keyframes orbit70 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-234deg) rotateY(53deg) translateX(250px) rotateZ(234deg);
  }
  15% {
    transform: rotateZ(-234deg) rotateY(53deg) translateX(250px) rotateZ(234deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-234deg) rotateY(53deg) translateX(750px) rotateZ(234deg);
  }
}
.c:nth-child(71) {
  animation: orbit71 37s infinite;
  animation-delay: 0.71s;
  background-color: #00f0ff;
}
@keyframes orbit71 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-282deg) rotateY(312deg) translateX(250px) rotateZ(282deg);
  }
  15% {
    transform: rotateZ(-282deg) rotateY(312deg) translateX(250px) rotateZ(282deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-282deg) rotateY(312deg) translateX(750px) rotateZ(282deg);
  }
}
.c:nth-child(72) {
  animation: orbit72 37s infinite;
  animation-delay: 0.72s;
  background-color: #00efff;
}
@keyframes orbit72 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-305deg) rotateY(204deg) translateX(250px) rotateZ(305deg);
  }
  15% {
    transform: rotateZ(-305deg) rotateY(204deg) translateX(250px) rotateZ(305deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-305deg) rotateY(204deg) translateX(750px) rotateZ(305deg);
  }
}
.c:nth-child(73) {
  animation: orbit73 37s infinite;
  animation-delay: 0.73s;
  background-color: #00eeff;
}
@keyframes orbit73 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-189deg) rotateY(136deg) translateX(250px) rotateZ(189deg);
  }
  15% {
    transform: rotateZ(-189deg) rotateY(136deg) translateX(250px) rotateZ(189deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-189deg) rotateY(136deg) translateX(750px) rotateZ(189deg);
  }
}
.c:nth-child(74) {
  animation: orbit74 37s infinite;
  animation-delay: 0.74s;
  background-color: #00eeff;
}
@keyframes orbit74 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-164deg) rotateY(204deg) translateX(250px) rotateZ(164deg);
  }
  15% {
    transform: rotateZ(-164deg) rotateY(204deg) translateX(250px) rotateZ(164deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-164deg) rotateY(204deg) translateX(750px) rotateZ(164deg);
  }
}
.c:nth-child(75) {
  animation: orbit75 37s infinite;
  animation-delay: 0.75s;
  background-color: #00edff;
}
@keyframes orbit75 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-93deg) rotateY(228deg) translateX(250px) rotateZ(93deg);
  }
  15% {
    transform: rotateZ(-93deg) rotateY(228deg) translateX(250px) rotateZ(93deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-93deg) rotateY(228deg) translateX(750px) rotateZ(93deg);
  }
}
.c:nth-child(76) {
  animation: orbit76 37s infinite;
  animation-delay: 0.76s;
  background-color: #00ecff;
}
@keyframes orbit76 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-222deg) rotateY(303deg) translateX(250px) rotateZ(222deg);
  }
  15% {
    transform: rotateZ(-222deg) rotateY(303deg) translateX(250px) rotateZ(222deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-222deg) rotateY(303deg) translateX(750px) rotateZ(222deg);
  }
}
.c:nth-child(77) {
  animation: orbit77 37s infinite;
  animation-delay: 0.77s;
  background-color: #00ebff;
}
@keyframes orbit77 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-247deg) rotateY(206deg) translateX(250px) rotateZ(247deg);
  }
  15% {
    transform: rotateZ(-247deg) rotateY(206deg) translateX(250px) rotateZ(247deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-247deg) rotateY(206deg) translateX(750px) rotateZ(247deg);
  }
}
.c:nth-child(78) {
  animation: orbit78 37s infinite;
  animation-delay: 0.78s;
  background-color: #00eaff;
}
@keyframes orbit78 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-352deg) rotateY(315deg) translateX(250px) rotateZ(352deg);
  }
  15% {
    transform: rotateZ(-352deg) rotateY(315deg) translateX(250px) rotateZ(352deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-352deg) rotateY(315deg) translateX(750px) rotateZ(352deg);
  }
}
.c:nth-child(79) {
  animation: orbit79 37s infinite;
  animation-delay: 0.79s;
  background-color: #00eaff;
}
@keyframes orbit79 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-233deg) rotateY(293deg) translateX(250px) rotateZ(233deg);
  }
  15% {
    transform: rotateZ(-233deg) rotateY(293deg) translateX(250px) rotateZ(233deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-233deg) rotateY(293deg) translateX(750px) rotateZ(233deg);
  }
}
.c:nth-child(80) {
  animation: orbit80 37s infinite;
  animation-delay: 0.8s;
  background-color: #00e9ff;
}
@keyframes orbit80 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-58deg) rotateY(295deg) translateX(250px) rotateZ(58deg);
  }
  15% {
    transform: rotateZ(-58deg) rotateY(295deg) translateX(250px) rotateZ(58deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-58deg) rotateY(295deg) translateX(750px) rotateZ(58deg);
  }
}
.c:nth-child(81) {
  animation: orbit81 37s infinite;
  animation-delay: 0.81s;
  background-color: #00e8ff;
}
@keyframes orbit81 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-77deg) rotateY(141deg) translateX(250px) rotateZ(77deg);
  }
  15% {
    transform: rotateZ(-77deg) rotateY(141deg) translateX(250px) rotateZ(77deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-77deg) rotateY(141deg) translateX(750px) rotateZ(77deg);
  }
}
.c:nth-child(82) {
  animation: orbit82 37s infinite;
  animation-delay: 0.82s;
  background-color: #00e7ff;
}
@keyframes orbit82 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-20deg) rotateY(33deg) translateX(250px) rotateZ(20deg);
  }
  15% {
    transform: rotateZ(-20deg) rotateY(33deg) translateX(250px) rotateZ(20deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-20deg) rotateY(33deg) translateX(750px) rotateZ(20deg);
  }
}
.c:nth-child(83) {
  animation: orbit83 37s infinite;
  animation-delay: 0.83s;
  background-color: #00e6ff;
}
@keyframes orbit83 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-172deg) rotateY(274deg) translateX(250px) rotateZ(172deg);
  }
  15% {
    transform: rotateZ(-172deg) rotateY(274deg) translateX(250px) rotateZ(172deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-172deg) rotateY(274deg) translateX(750px) rotateZ(172deg);
  }
}
.c:nth-child(84) {
  animation: orbit84 37s infinite;
  animation-delay: 0.84s;
  background-color: #00e6ff;
}
@keyframes orbit84 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-63deg) rotateY(265deg) translateX(250px) rotateZ(63deg);
  }
  15% {
    transform: rotateZ(-63deg) rotateY(265deg) translateX(250px) rotateZ(63deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-63deg) rotateY(265deg) translateX(750px) rotateZ(63deg);
  }
}
.c:nth-child(85) {
  animation: orbit85 37s infinite;
  animation-delay: 0.85s;
  background-color: #00e5ff;
}
@keyframes orbit85 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-280deg) rotateY(93deg) translateX(250px) rotateZ(280deg);
  }
  15% {
    transform: rotateZ(-280deg) rotateY(93deg) translateX(250px) rotateZ(280deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-280deg) rotateY(93deg) translateX(750px) rotateZ(280deg);
  }
}
.c:nth-child(86) {
  animation: orbit86 37s infinite;
  animation-delay: 0.86s;
  background-color: #00e4ff;
}
@keyframes orbit86 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-358deg) rotateY(269deg) translateX(250px) rotateZ(358deg);
  }
  15% {
    transform: rotateZ(-358deg) rotateY(269deg) translateX(250px) rotateZ(358deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-358deg) rotateY(269deg) translateX(750px) rotateZ(358deg);
  }
}
.c:nth-child(87) {
  animation: orbit87 37s infinite;
  animation-delay: 0.87s;
  background-color: #00e3ff;
}
@keyframes orbit87 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-302deg) rotateY(126deg) translateX(250px) rotateZ(302deg);
  }
  15% {
    transform: rotateZ(-302deg) rotateY(126deg) translateX(250px) rotateZ(302deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-302deg) rotateY(126deg) translateX(750px) rotateZ(302deg);
  }
}
.c:nth-child(88) {
  animation: orbit88 37s infinite;
  animation-delay: 0.88s;
  background-color: #00e2ff;
}
@keyframes orbit88 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-176deg) rotateY(89deg) translateX(250px) rotateZ(176deg);
  }
  15% {
    transform: rotateZ(-176deg) rotateY(89deg) translateX(250px) rotateZ(176deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-176deg) rotateY(89deg) translateX(750px) rotateZ(176deg);
  }
}
.c:nth-child(89) {
  animation: orbit89 37s infinite;
  animation-delay: 0.89s;
  background-color: #00e1ff;
}
@keyframes orbit89 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-331deg) rotateY(143deg) translateX(250px) rotateZ(331deg);
  }
  15% {
    transform: rotateZ(-331deg) rotateY(143deg) translateX(250px) rotateZ(331deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-331deg) rotateY(143deg) translateX(750px) rotateZ(331deg);
  }
}
.c:nth-child(90) {
  animation: orbit90 37s infinite;
  animation-delay: 0.9s;
  background-color: #00e1ff;
}
@keyframes orbit90 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-222deg) rotateY(132deg) translateX(250px) rotateZ(222deg);
  }
  15% {
    transform: rotateZ(-222deg) rotateY(132deg) translateX(250px) rotateZ(222deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-222deg) rotateY(132deg) translateX(750px) rotateZ(222deg);
  }
}
.c:nth-child(91) {
  animation: orbit91 37s infinite;
  animation-delay: 0.91s;
  background-color: #00e0ff;
}
@keyframes orbit91 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-108deg) rotateY(252deg) translateX(250px) rotateZ(108deg);
  }
  15% {
    transform: rotateZ(-108deg) rotateY(252deg) translateX(250px) rotateZ(108deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-108deg) rotateY(252deg) translateX(750px) rotateZ(108deg);
  }
}
.c:nth-child(92) {
  animation: orbit92 37s infinite;
  animation-delay: 0.92s;
  background-color: #00dfff;
}
@keyframes orbit92 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-279deg) rotateY(155deg) translateX(250px) rotateZ(279deg);
  }
  15% {
    transform: rotateZ(-279deg) rotateY(155deg) translateX(250px) rotateZ(279deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-279deg) rotateY(155deg) translateX(750px) rotateZ(279deg);
  }
}
.c:nth-child(93) {
  animation: orbit93 37s infinite;
  animation-delay: 0.93s;
  background-color: #00deff;
}
@keyframes orbit93 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-86deg) rotateY(128deg) translateX(250px) rotateZ(86deg);
  }
  15% {
    transform: rotateZ(-86deg) rotateY(128deg) translateX(250px) rotateZ(86deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-86deg) rotateY(128deg) translateX(750px) rotateZ(86deg);
  }
}
.c:nth-child(94) {
  animation: orbit94 37s infinite;
  animation-delay: 0.94s;
  background-color: #00ddff;
}
@keyframes orbit94 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-55deg) rotateY(44deg) translateX(250px) rotateZ(55deg);
  }
  15% {
    transform: rotateZ(-55deg) rotateY(44deg) translateX(250px) rotateZ(55deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-55deg) rotateY(44deg) translateX(750px) rotateZ(55deg);
  }
}
.c:nth-child(95) {
  animation: orbit95 37s infinite;
  animation-delay: 0.95s;
  background-color: #00ddff;
}
@keyframes orbit95 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-19deg) rotateY(139deg) translateX(250px) rotateZ(19deg);
  }
  15% {
    transform: rotateZ(-19deg) rotateY(139deg) translateX(250px) rotateZ(19deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-19deg) rotateY(139deg) translateX(750px) rotateZ(19deg);
  }
}
.c:nth-child(96) {
  animation: orbit96 37s infinite;
  animation-delay: 0.96s;
  background-color: #00dcff;
}
@keyframes orbit96 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-280deg) rotateY(184deg) translateX(250px) rotateZ(280deg);
  }
  15% {
    transform: rotateZ(-280deg) rotateY(184deg) translateX(250px) rotateZ(280deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-280deg) rotateY(184deg) translateX(750px) rotateZ(280deg);
  }
}
.c:nth-child(97) {
  animation: orbit97 37s infinite;
  animation-delay: 0.97s;
  background-color: #00dbff;
}
@keyframes orbit97 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-129deg) rotateY(63deg) translateX(250px) rotateZ(129deg);
  }
  15% {
    transform: rotateZ(-129deg) rotateY(63deg) translateX(250px) rotateZ(129deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-129deg) rotateY(63deg) translateX(750px) rotateZ(129deg);
  }
}
.c:nth-child(98) {
  animation: orbit98 37s infinite;
  animation-delay: 0.98s;
  background-color: #00daff;
}
@keyframes orbit98 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-5deg) rotateY(40deg) translateX(250px) rotateZ(5deg);
  }
  15% {
    transform: rotateZ(-5deg) rotateY(40deg) translateX(250px) rotateZ(5deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-5deg) rotateY(40deg) translateX(750px) rotateZ(5deg);
  }
}
.c:nth-child(99) {
  animation: orbit99 37s infinite;
  animation-delay: 0.99s;
  background-color: #00d9ff;
}
@keyframes orbit99 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-151deg) rotateY(88deg) translateX(250px) rotateZ(151deg);
  }
  15% {
    transform: rotateZ(-151deg) rotateY(88deg) translateX(250px) rotateZ(151deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-151deg) rotateY(88deg) translateX(750px) rotateZ(151deg);
  }
}
.c:nth-child(100) {
  animation: orbit100 37s infinite;
  animation-delay: 1s;
  background-color: #00d9ff;
}
@keyframes orbit100 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-122deg) rotateY(85deg) translateX(250px) rotateZ(122deg);
  }
  15% {
    transform: rotateZ(-122deg) rotateY(85deg) translateX(250px) rotateZ(122deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-122deg) rotateY(85deg) translateX(750px) rotateZ(122deg);
  }
}
.c:nth-child(101) {
  animation: orbit101 37s infinite;
  animation-delay: 1.01s;
  background-color: #00d8ff;
}
@keyframes orbit101 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-207deg) rotateY(246deg) translateX(250px) rotateZ(207deg);
  }
  15% {
    transform: rotateZ(-207deg) rotateY(246deg) translateX(250px) rotateZ(207deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-207deg) rotateY(246deg) translateX(750px) rotateZ(207deg);
  }
}
.c:nth-child(102) {
  animation: orbit102 37s infinite;
  animation-delay: 1.02s;
  background-color: #00d7ff;
}
@keyframes orbit102 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-88deg) rotateY(47deg) translateX(250px) rotateZ(88deg);
  }
  15% {
    transform: rotateZ(-88deg) rotateY(47deg) translateX(250px) rotateZ(88deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-88deg) rotateY(47deg) translateX(750px) rotateZ(88deg);
  }
}
.c:nth-child(103) {
  animation: orbit103 37s infinite;
  animation-delay: 1.03s;
  background-color: #00d6ff;
}
@keyframes orbit103 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-63deg) rotateY(166deg) translateX(250px) rotateZ(63deg);
  }
  15% {
    transform: rotateZ(-63deg) rotateY(166deg) translateX(250px) rotateZ(63deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-63deg) rotateY(166deg) translateX(750px) rotateZ(63deg);
  }
}
.c:nth-child(104) {
  animation: orbit104 37s infinite;
  animation-delay: 1.04s;
  background-color: #00d5ff;
}
@keyframes orbit104 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-158deg) rotateY(277deg) translateX(250px) rotateZ(158deg);
  }
  15% {
    transform: rotateZ(-158deg) rotateY(277deg) translateX(250px) rotateZ(158deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-158deg) rotateY(277deg) translateX(750px) rotateZ(158deg);
  }
}
.c:nth-child(105) {
  animation: orbit105 37s infinite;
  animation-delay: 1.05s;
  background-color: #00d5ff;
}
@keyframes orbit105 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-114deg) rotateY(310deg) translateX(250px) rotateZ(114deg);
  }
  15% {
    transform: rotateZ(-114deg) rotateY(310deg) translateX(250px) rotateZ(114deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-114deg) rotateY(310deg) translateX(750px) rotateZ(114deg);
  }
}
.c:nth-child(106) {
  animation: orbit106 37s infinite;
  animation-delay: 1.06s;
  background-color: #00d4ff;
}
@keyframes orbit106 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-187deg) rotateY(235deg) translateX(250px) rotateZ(187deg);
  }
  15% {
    transform: rotateZ(-187deg) rotateY(235deg) translateX(250px) rotateZ(187deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-187deg) rotateY(235deg) translateX(750px) rotateZ(187deg);
  }
}
.c:nth-child(107) {
  animation: orbit107 37s infinite;
  animation-delay: 1.07s;
  background-color: #00d3ff;
}
@keyframes orbit107 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-156deg) rotateY(14deg) translateX(250px) rotateZ(156deg);
  }
  15% {
    transform: rotateZ(-156deg) rotateY(14deg) translateX(250px) rotateZ(156deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-156deg) rotateY(14deg) translateX(750px) rotateZ(156deg);
  }
}
.c:nth-child(108) {
  animation: orbit108 37s infinite;
  animation-delay: 1.08s;
  background-color: #00d2ff;
}
@keyframes orbit108 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-324deg) rotateY(225deg) translateX(250px) rotateZ(324deg);
  }
  15% {
    transform: rotateZ(-324deg) rotateY(225deg) translateX(250px) rotateZ(324deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-324deg) rotateY(225deg) translateX(750px) rotateZ(324deg);
  }
}
.c:nth-child(109) {
  animation: orbit109 37s infinite;
  animation-delay: 1.09s;
  background-color: #00d1ff;
}
@keyframes orbit109 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-215deg) rotateY(83deg) translateX(250px) rotateZ(215deg);
  }
  15% {
    transform: rotateZ(-215deg) rotateY(83deg) translateX(250px) rotateZ(215deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-215deg) rotateY(83deg) translateX(750px) rotateZ(215deg);
  }
}
.c:nth-child(110) {
  animation: orbit110 37s infinite;
  animation-delay: 1.1s;
  background-color: #00d0ff;
}
@keyframes orbit110 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-12deg) rotateY(97deg) translateX(250px) rotateZ(12deg);
  }
  15% {
    transform: rotateZ(-12deg) rotateY(97deg) translateX(250px) rotateZ(12deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-12deg) rotateY(97deg) translateX(750px) rotateZ(12deg);
  }
}
.c:nth-child(111) {
  animation: orbit111 37s infinite;
  animation-delay: 1.11s;
  background-color: #00d0ff;
}
@keyframes orbit111 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-51deg) rotateY(68deg) translateX(250px) rotateZ(51deg);
  }
  15% {
    transform: rotateZ(-51deg) rotateY(68deg) translateX(250px) rotateZ(51deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-51deg) rotateY(68deg) translateX(750px) rotateZ(51deg);
  }
}
.c:nth-child(112) {
  animation: orbit112 37s infinite;
  animation-delay: 1.12s;
  background-color: #00cfff;
}
@keyframes orbit112 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-185deg) rotateY(20deg) translateX(250px) rotateZ(185deg);
  }
  15% {
    transform: rotateZ(-185deg) rotateY(20deg) translateX(250px) rotateZ(185deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-185deg) rotateY(20deg) translateX(750px) rotateZ(185deg);
  }
}
.c:nth-child(113) {
  animation: orbit113 37s infinite;
  animation-delay: 1.13s;
  background-color: #00ceff;
}
@keyframes orbit113 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-294deg) rotateY(16deg) translateX(250px) rotateZ(294deg);
  }
  15% {
    transform: rotateZ(-294deg) rotateY(16deg) translateX(250px) rotateZ(294deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-294deg) rotateY(16deg) translateX(750px) rotateZ(294deg);
  }
}
.c:nth-child(114) {
  animation: orbit114 37s infinite;
  animation-delay: 1.14s;
  background-color: #00cdff;
}
@keyframes orbit114 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-42deg) rotateY(214deg) translateX(250px) rotateZ(42deg);
  }
  15% {
    transform: rotateZ(-42deg) rotateY(214deg) translateX(250px) rotateZ(42deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-42deg) rotateY(214deg) translateX(750px) rotateZ(42deg);
  }
}
.c:nth-child(115) {
  animation: orbit115 37s infinite;
  animation-delay: 1.15s;
  background-color: #00ccff;
}
@keyframes orbit115 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-40deg) rotateY(277deg) translateX(250px) rotateZ(40deg);
  }
  15% {
    transform: rotateZ(-40deg) rotateY(277deg) translateX(250px) rotateZ(40deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-40deg) rotateY(277deg) translateX(750px) rotateZ(40deg);
  }
}
.c:nth-child(116) {
  animation: orbit116 37s infinite;
  animation-delay: 1.16s;
  background-color: #00ccff;
}
@keyframes orbit116 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-171deg) rotateY(230deg) translateX(250px) rotateZ(171deg);
  }
  15% {
    transform: rotateZ(-171deg) rotateY(230deg) translateX(250px) rotateZ(171deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-171deg) rotateY(230deg) translateX(750px) rotateZ(171deg);
  }
}
.c:nth-child(117) {
  animation: orbit117 37s infinite;
  animation-delay: 1.17s;
  background-color: #00cbff;
}
@keyframes orbit117 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-43deg) rotateY(300deg) translateX(250px) rotateZ(43deg);
  }
  15% {
    transform: rotateZ(-43deg) rotateY(300deg) translateX(250px) rotateZ(43deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-43deg) rotateY(300deg) translateX(750px) rotateZ(43deg);
  }
}
.c:nth-child(118) {
  animation: orbit118 37s infinite;
  animation-delay: 1.18s;
  background-color: #00caff;
}
@keyframes orbit118 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-232deg) rotateY(119deg) translateX(250px) rotateZ(232deg);
  }
  15% {
    transform: rotateZ(-232deg) rotateY(119deg) translateX(250px) rotateZ(232deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-232deg) rotateY(119deg) translateX(750px) rotateZ(232deg);
  }
}
.c:nth-child(119) {
  animation: orbit119 37s infinite;
  animation-delay: 1.19s;
  background-color: #00c9ff;
}
@keyframes orbit119 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-127deg) rotateY(107deg) translateX(250px) rotateZ(127deg);
  }
  15% {
    transform: rotateZ(-127deg) rotateY(107deg) translateX(250px) rotateZ(127deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-127deg) rotateY(107deg) translateX(750px) rotateZ(127deg);
  }
}
.c:nth-child(120) {
  animation: orbit120 37s infinite;
  animation-delay: 1.2s;
  background-color: #00c8ff;
}
@keyframes orbit120 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-351deg) rotateY(135deg) translateX(250px) rotateZ(351deg);
  }
  15% {
    transform: rotateZ(-351deg) rotateY(135deg) translateX(250px) rotateZ(351deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-351deg) rotateY(135deg) translateX(750px) rotateZ(351deg);
  }
}
.c:nth-child(121) {
  animation: orbit121 37s infinite;
  animation-delay: 1.21s;
  background-color: #00c8ff;
}
@keyframes orbit121 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-160deg) rotateY(230deg) translateX(250px) rotateZ(160deg);
  }
  15% {
    transform: rotateZ(-160deg) rotateY(230deg) translateX(250px) rotateZ(160deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-160deg) rotateY(230deg) translateX(750px) rotateZ(160deg);
  }
}
.c:nth-child(122) {
  animation: orbit122 37s infinite;
  animation-delay: 1.22s;
  background-color: #00c7ff;
}
@keyframes orbit122 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-143deg) rotateY(338deg) translateX(250px) rotateZ(143deg);
  }
  15% {
    transform: rotateZ(-143deg) rotateY(338deg) translateX(250px) rotateZ(143deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-143deg) rotateY(338deg) translateX(750px) rotateZ(143deg);
  }
}
.c:nth-child(123) {
  animation: orbit123 37s infinite;
  animation-delay: 1.23s;
  background-color: #00c6ff;
}
@keyframes orbit123 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-47deg) rotateY(230deg) translateX(250px) rotateZ(47deg);
  }
  15% {
    transform: rotateZ(-47deg) rotateY(230deg) translateX(250px) rotateZ(47deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-47deg) rotateY(230deg) translateX(750px) rotateZ(47deg);
  }
}
.c:nth-child(124) {
  animation: orbit124 37s infinite;
  animation-delay: 1.24s;
  background-color: #00c5ff;
}
@keyframes orbit124 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-14deg) rotateY(272deg) translateX(250px) rotateZ(14deg);
  }
  15% {
    transform: rotateZ(-14deg) rotateY(272deg) translateX(250px) rotateZ(14deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-14deg) rotateY(272deg) translateX(750px) rotateZ(14deg);
  }
}
.c:nth-child(125) {
  animation: orbit125 37s infinite;
  animation-delay: 1.25s;
  background-color: #00c4ff;
}
@keyframes orbit125 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-103deg) rotateY(132deg) translateX(250px) rotateZ(103deg);
  }
  15% {
    transform: rotateZ(-103deg) rotateY(132deg) translateX(250px) rotateZ(103deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-103deg) rotateY(132deg) translateX(750px) rotateZ(103deg);
  }
}
.c:nth-child(126) {
  animation: orbit126 37s infinite;
  animation-delay: 1.26s;
  background-color: #00c4ff;
}
@keyframes orbit126 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-199deg) rotateY(38deg) translateX(250px) rotateZ(199deg);
  }
  15% {
    transform: rotateZ(-199deg) rotateY(38deg) translateX(250px) rotateZ(199deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-199deg) rotateY(38deg) translateX(750px) rotateZ(199deg);
  }
}
.c:nth-child(127) {
  animation: orbit127 37s infinite;
  animation-delay: 1.27s;
  background-color: #00c3ff;
}
@keyframes orbit127 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-239deg) rotateY(358deg) translateX(250px) rotateZ(239deg);
  }
  15% {
    transform: rotateZ(-239deg) rotateY(358deg) translateX(250px) rotateZ(239deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-239deg) rotateY(358deg) translateX(750px) rotateZ(239deg);
  }
}
.c:nth-child(128) {
  animation: orbit128 37s infinite;
  animation-delay: 1.28s;
  background-color: #00c2ff;
}
@keyframes orbit128 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-317deg) rotateY(287deg) translateX(250px) rotateZ(317deg);
  }
  15% {
    transform: rotateZ(-317deg) rotateY(287deg) translateX(250px) rotateZ(317deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-317deg) rotateY(287deg) translateX(750px) rotateZ(317deg);
  }
}
.c:nth-child(129) {
  animation: orbit129 37s infinite;
  animation-delay: 1.29s;
  background-color: #00c1ff;
}
@keyframes orbit129 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-214deg) rotateY(95deg) translateX(250px) rotateZ(214deg);
  }
  15% {
    transform: rotateZ(-214deg) rotateY(95deg) translateX(250px) rotateZ(214deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-214deg) rotateY(95deg) translateX(750px) rotateZ(214deg);
  }
}
.c:nth-child(130) {
  animation: orbit130 37s infinite;
  animation-delay: 1.3s;
  background-color: #00c0ff;
}
@keyframes orbit130 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-294deg) rotateY(46deg) translateX(250px) rotateZ(294deg);
  }
  15% {
    transform: rotateZ(-294deg) rotateY(46deg) translateX(250px) rotateZ(294deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-294deg) rotateY(46deg) translateX(750px) rotateZ(294deg);
  }
}
.c:nth-child(131) {
  animation: orbit131 37s infinite;
  animation-delay: 1.31s;
  background-color: deepskyblue;
}
@keyframes orbit131 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-171deg) rotateY(169deg) translateX(250px) rotateZ(171deg);
  }
  15% {
    transform: rotateZ(-171deg) rotateY(169deg) translateX(250px) rotateZ(171deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-171deg) rotateY(169deg) translateX(750px) rotateZ(171deg);
  }
}
.c:nth-child(132) {
  animation: orbit132 37s infinite;
  animation-delay: 1.32s;
  background-color: deepskyblue;
}
@keyframes orbit132 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-136deg) rotateY(39deg) translateX(250px) rotateZ(136deg);
  }
  15% {
    transform: rotateZ(-136deg) rotateY(39deg) translateX(250px) rotateZ(136deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-136deg) rotateY(39deg) translateX(750px) rotateZ(136deg);
  }
}
.c:nth-child(133) {
  animation: orbit133 37s infinite;
  animation-delay: 1.33s;
  background-color: #00beff;
}
@keyframes orbit133 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-162deg) rotateY(331deg) translateX(250px) rotateZ(162deg);
  }
  15% {
    transform: rotateZ(-162deg) rotateY(331deg) translateX(250px) rotateZ(162deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-162deg) rotateY(331deg) translateX(750px) rotateZ(162deg);
  }
}
.c:nth-child(134) {
  animation: orbit134 37s infinite;
  animation-delay: 1.34s;
  background-color: #00bdff;
}
@keyframes orbit134 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-186deg) rotateY(61deg) translateX(250px) rotateZ(186deg);
  }
  15% {
    transform: rotateZ(-186deg) rotateY(61deg) translateX(250px) rotateZ(186deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-186deg) rotateY(61deg) translateX(750px) rotateZ(186deg);
  }
}
.c:nth-child(135) {
  animation: orbit135 37s infinite;
  animation-delay: 1.35s;
  background-color: #00bcff;
}
@keyframes orbit135 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-59deg) rotateY(187deg) translateX(250px) rotateZ(59deg);
  }
  15% {
    transform: rotateZ(-59deg) rotateY(187deg) translateX(250px) rotateZ(59deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-59deg) rotateY(187deg) translateX(750px) rotateZ(59deg);
  }
}
.c:nth-child(136) {
  animation: orbit136 37s infinite;
  animation-delay: 1.36s;
  background-color: #00bbff;
}
@keyframes orbit136 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-168deg) rotateY(327deg) translateX(250px) rotateZ(168deg);
  }
  15% {
    transform: rotateZ(-168deg) rotateY(327deg) translateX(250px) rotateZ(168deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-168deg) rotateY(327deg) translateX(750px) rotateZ(168deg);
  }
}
.c:nth-child(137) {
  animation: orbit137 37s infinite;
  animation-delay: 1.37s;
  background-color: #00bbff;
}
@keyframes orbit137 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-77deg) rotateY(16deg) translateX(250px) rotateZ(77deg);
  }
  15% {
    transform: rotateZ(-77deg) rotateY(16deg) translateX(250px) rotateZ(77deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-77deg) rotateY(16deg) translateX(750px) rotateZ(77deg);
  }
}
.c:nth-child(138) {
  animation: orbit138 37s infinite;
  animation-delay: 1.38s;
  background-color: #00baff;
}
@keyframes orbit138 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-112deg) rotateY(159deg) translateX(250px) rotateZ(112deg);
  }
  15% {
    transform: rotateZ(-112deg) rotateY(159deg) translateX(250px) rotateZ(112deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-112deg) rotateY(159deg) translateX(750px) rotateZ(112deg);
  }
}
.c:nth-child(139) {
  animation: orbit139 37s infinite;
  animation-delay: 1.39s;
  background-color: #00b9ff;
}
@keyframes orbit139 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-27deg) rotateY(66deg) translateX(250px) rotateZ(27deg);
  }
  15% {
    transform: rotateZ(-27deg) rotateY(66deg) translateX(250px) rotateZ(27deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-27deg) rotateY(66deg) translateX(750px) rotateZ(27deg);
  }
}
.c:nth-child(140) {
  animation: orbit140 37s infinite;
  animation-delay: 1.4s;
  background-color: #00b8ff;
}
@keyframes orbit140 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-84deg) rotateY(293deg) translateX(250px) rotateZ(84deg);
  }
  15% {
    transform: rotateZ(-84deg) rotateY(293deg) translateX(250px) rotateZ(84deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-84deg) rotateY(293deg) translateX(750px) rotateZ(84deg);
  }
}
.c:nth-child(141) {
  animation: orbit141 37s infinite;
  animation-delay: 1.41s;
  background-color: #00b7ff;
}
@keyframes orbit141 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-105deg) rotateY(188deg) translateX(250px) rotateZ(105deg);
  }
  15% {
    transform: rotateZ(-105deg) rotateY(188deg) translateX(250px) rotateZ(105deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-105deg) rotateY(188deg) translateX(750px) rotateZ(105deg);
  }
}
.c:nth-child(142) {
  animation: orbit142 37s infinite;
  animation-delay: 1.42s;
  background-color: #00b7ff;
}
@keyframes orbit142 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-222deg) rotateY(20deg) translateX(250px) rotateZ(222deg);
  }
  15% {
    transform: rotateZ(-222deg) rotateY(20deg) translateX(250px) rotateZ(222deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-222deg) rotateY(20deg) translateX(750px) rotateZ(222deg);
  }
}
.c:nth-child(143) {
  animation: orbit143 37s infinite;
  animation-delay: 1.43s;
  background-color: #00b6ff;
}
@keyframes orbit143 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-90deg) rotateY(155deg) translateX(250px) rotateZ(90deg);
  }
  15% {
    transform: rotateZ(-90deg) rotateY(155deg) translateX(250px) rotateZ(90deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-90deg) rotateY(155deg) translateX(750px) rotateZ(90deg);
  }
}
.c:nth-child(144) {
  animation: orbit144 37s infinite;
  animation-delay: 1.44s;
  background-color: #00b5ff;
}
@keyframes orbit144 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-296deg) rotateY(65deg) translateX(250px) rotateZ(296deg);
  }
  15% {
    transform: rotateZ(-296deg) rotateY(65deg) translateX(250px) rotateZ(296deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-296deg) rotateY(65deg) translateX(750px) rotateZ(296deg);
  }
}
.c:nth-child(145) {
  animation: orbit145 37s infinite;
  animation-delay: 1.45s;
  background-color: #00b4ff;
}
@keyframes orbit145 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-225deg) rotateY(3deg) translateX(250px) rotateZ(225deg);
  }
  15% {
    transform: rotateZ(-225deg) rotateY(3deg) translateX(250px) rotateZ(225deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-225deg) rotateY(3deg) translateX(750px) rotateZ(225deg);
  }
}
.c:nth-child(146) {
  animation: orbit146 37s infinite;
  animation-delay: 1.46s;
  background-color: #00b3ff;
}
@keyframes orbit146 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-89deg) rotateY(304deg) translateX(250px) rotateZ(89deg);
  }
  15% {
    transform: rotateZ(-89deg) rotateY(304deg) translateX(250px) rotateZ(89deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-89deg) rotateY(304deg) translateX(750px) rotateZ(89deg);
  }
}
.c:nth-child(147) {
  animation: orbit147 37s infinite;
  animation-delay: 1.47s;
  background-color: #00b3ff;
}
@keyframes orbit147 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-80deg) rotateY(211deg) translateX(250px) rotateZ(80deg);
  }
  15% {
    transform: rotateZ(-80deg) rotateY(211deg) translateX(250px) rotateZ(80deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-80deg) rotateY(211deg) translateX(750px) rotateZ(80deg);
  }
}
.c:nth-child(148) {
  animation: orbit148 37s infinite;
  animation-delay: 1.48s;
  background-color: #00b2ff;
}
@keyframes orbit148 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-83deg) rotateY(126deg) translateX(250px) rotateZ(83deg);
  }
  15% {
    transform: rotateZ(-83deg) rotateY(126deg) translateX(250px) rotateZ(83deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-83deg) rotateY(126deg) translateX(750px) rotateZ(83deg);
  }
}
.c:nth-child(149) {
  animation: orbit149 37s infinite;
  animation-delay: 1.49s;
  background-color: #00b1ff;
}
@keyframes orbit149 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-58deg) rotateY(22deg) translateX(250px) rotateZ(58deg);
  }
  15% {
    transform: rotateZ(-58deg) rotateY(22deg) translateX(250px) rotateZ(58deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-58deg) rotateY(22deg) translateX(750px) rotateZ(58deg);
  }
}
.c:nth-child(150) {
  animation: orbit150 37s infinite;
  animation-delay: 1.5s;
  background-color: #00b0ff;
}
@keyframes orbit150 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-137deg) rotateY(345deg) translateX(250px) rotateZ(137deg);
  }
  15% {
    transform: rotateZ(-137deg) rotateY(345deg) translateX(250px) rotateZ(137deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-137deg) rotateY(345deg) translateX(750px) rotateZ(137deg);
  }
}
.c:nth-child(151) {
  animation: orbit151 37s infinite;
  animation-delay: 1.51s;
  background-color: #00afff;
}
@keyframes orbit151 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-348deg) rotateY(223deg) translateX(250px) rotateZ(348deg);
  }
  15% {
    transform: rotateZ(-348deg) rotateY(223deg) translateX(250px) rotateZ(348deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-348deg) rotateY(223deg) translateX(750px) rotateZ(348deg);
  }
}
.c:nth-child(152) {
  animation: orbit152 37s infinite;
  animation-delay: 1.52s;
  background-color: #00aeff;
}
@keyframes orbit152 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-330deg) rotateY(294deg) translateX(250px) rotateZ(330deg);
  }
  15% {
    transform: rotateZ(-330deg) rotateY(294deg) translateX(250px) rotateZ(330deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-330deg) rotateY(294deg) translateX(750px) rotateZ(330deg);
  }
}
.c:nth-child(153) {
  animation: orbit153 37s infinite;
  animation-delay: 1.53s;
  background-color: #00aeff;
}
@keyframes orbit153 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-250deg) rotateY(44deg) translateX(250px) rotateZ(250deg);
  }
  15% {
    transform: rotateZ(-250deg) rotateY(44deg) translateX(250px) rotateZ(250deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-250deg) rotateY(44deg) translateX(750px) rotateZ(250deg);
  }
}
.c:nth-child(154) {
  animation: orbit154 37s infinite;
  animation-delay: 1.54s;
  background-color: #00adff;
}
@keyframes orbit154 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-327deg) rotateY(349deg) translateX(250px) rotateZ(327deg);
  }
  15% {
    transform: rotateZ(-327deg) rotateY(349deg) translateX(250px) rotateZ(327deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-327deg) rotateY(349deg) translateX(750px) rotateZ(327deg);
  }
}
.c:nth-child(155) {
  animation: orbit155 37s infinite;
  animation-delay: 1.55s;
  background-color: #00acff;
}
@keyframes orbit155 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-216deg) rotateY(177deg) translateX(250px) rotateZ(216deg);
  }
  15% {
    transform: rotateZ(-216deg) rotateY(177deg) translateX(250px) rotateZ(216deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-216deg) rotateY(177deg) translateX(750px) rotateZ(216deg);
  }
}
.c:nth-child(156) {
  animation: orbit156 37s infinite;
  animation-delay: 1.56s;
  background-color: #00abff;
}
@keyframes orbit156 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-10deg) rotateY(110deg) translateX(250px) rotateZ(10deg);
  }
  15% {
    transform: rotateZ(-10deg) rotateY(110deg) translateX(250px) rotateZ(10deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-10deg) rotateY(110deg) translateX(750px) rotateZ(10deg);
  }
}
.c:nth-child(157) {
  animation: orbit157 37s infinite;
  animation-delay: 1.57s;
  background-color: #00aaff;
}
@keyframes orbit157 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-270deg) rotateY(161deg) translateX(250px) rotateZ(270deg);
  }
  15% {
    transform: rotateZ(-270deg) rotateY(161deg) translateX(250px) rotateZ(270deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-270deg) rotateY(161deg) translateX(750px) rotateZ(270deg);
  }
}
.c:nth-child(158) {
  animation: orbit158 37s infinite;
  animation-delay: 1.58s;
  background-color: #00aaff;
}
@keyframes orbit158 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-246deg) rotateY(48deg) translateX(250px) rotateZ(246deg);
  }
  15% {
    transform: rotateZ(-246deg) rotateY(48deg) translateX(250px) rotateZ(246deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-246deg) rotateY(48deg) translateX(750px) rotateZ(246deg);
  }
}
.c:nth-child(159) {
  animation: orbit159 37s infinite;
  animation-delay: 1.59s;
  background-color: #00a9ff;
}
@keyframes orbit159 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-220deg) rotateY(167deg) translateX(250px) rotateZ(220deg);
  }
  15% {
    transform: rotateZ(-220deg) rotateY(167deg) translateX(250px) rotateZ(220deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-220deg) rotateY(167deg) translateX(750px) rotateZ(220deg);
  }
}
.c:nth-child(160) {
  animation: orbit160 37s infinite;
  animation-delay: 1.6s;
  background-color: #00a8ff;
}
@keyframes orbit160 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-184deg) rotateY(116deg) translateX(250px) rotateZ(184deg);
  }
  15% {
    transform: rotateZ(-184deg) rotateY(116deg) translateX(250px) rotateZ(184deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-184deg) rotateY(116deg) translateX(750px) rotateZ(184deg);
  }
}
.c:nth-child(161) {
  animation: orbit161 37s infinite;
  animation-delay: 1.61s;
  background-color: #00a7ff;
}
@keyframes orbit161 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-108deg) rotateY(357deg) translateX(250px) rotateZ(108deg);
  }
  15% {
    transform: rotateZ(-108deg) rotateY(357deg) translateX(250px) rotateZ(108deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-108deg) rotateY(357deg) translateX(750px) rotateZ(108deg);
  }
}
.c:nth-child(162) {
  animation: orbit162 37s infinite;
  animation-delay: 1.62s;
  background-color: #00a6ff;
}
@keyframes orbit162 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-316deg) rotateY(203deg) translateX(250px) rotateZ(316deg);
  }
  15% {
    transform: rotateZ(-316deg) rotateY(203deg) translateX(250px) rotateZ(316deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-316deg) rotateY(203deg) translateX(750px) rotateZ(316deg);
  }
}
.c:nth-child(163) {
  animation: orbit163 37s infinite;
  animation-delay: 1.63s;
  background-color: #00a6ff;
}
@keyframes orbit163 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-284deg) rotateY(202deg) translateX(250px) rotateZ(284deg);
  }
  15% {
    transform: rotateZ(-284deg) rotateY(202deg) translateX(250px) rotateZ(284deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-284deg) rotateY(202deg) translateX(750px) rotateZ(284deg);
  }
}
.c:nth-child(164) {
  animation: orbit164 37s infinite;
  animation-delay: 1.64s;
  background-color: #00a5ff;
}
@keyframes orbit164 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-311deg) rotateY(153deg) translateX(250px) rotateZ(311deg);
  }
  15% {
    transform: rotateZ(-311deg) rotateY(153deg) translateX(250px) rotateZ(311deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-311deg) rotateY(153deg) translateX(750px) rotateZ(311deg);
  }
}
.c:nth-child(165) {
  animation: orbit165 37s infinite;
  animation-delay: 1.65s;
  background-color: #00a4ff;
}
@keyframes orbit165 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-41deg) rotateY(280deg) translateX(250px) rotateZ(41deg);
  }
  15% {
    transform: rotateZ(-41deg) rotateY(280deg) translateX(250px) rotateZ(41deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-41deg) rotateY(280deg) translateX(750px) rotateZ(41deg);
  }
}
.c:nth-child(166) {
  animation: orbit166 37s infinite;
  animation-delay: 1.66s;
  background-color: #00a3ff;
}
@keyframes orbit166 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-328deg) rotateY(138deg) translateX(250px) rotateZ(328deg);
  }
  15% {
    transform: rotateZ(-328deg) rotateY(138deg) translateX(250px) rotateZ(328deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-328deg) rotateY(138deg) translateX(750px) rotateZ(328deg);
  }
}
.c:nth-child(167) {
  animation: orbit167 37s infinite;
  animation-delay: 1.67s;
  background-color: #00a2ff;
}
@keyframes orbit167 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-248deg) rotateY(176deg) translateX(250px) rotateZ(248deg);
  }
  15% {
    transform: rotateZ(-248deg) rotateY(176deg) translateX(250px) rotateZ(248deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-248deg) rotateY(176deg) translateX(750px) rotateZ(248deg);
  }
}
.c:nth-child(168) {
  animation: orbit168 37s infinite;
  animation-delay: 1.68s;
  background-color: #00a2ff;
}
@keyframes orbit168 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-172deg) rotateY(46deg) translateX(250px) rotateZ(172deg);
  }
  15% {
    transform: rotateZ(-172deg) rotateY(46deg) translateX(250px) rotateZ(172deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-172deg) rotateY(46deg) translateX(750px) rotateZ(172deg);
  }
}
.c:nth-child(169) {
  animation: orbit169 37s infinite;
  animation-delay: 1.69s;
  background-color: #00a1ff;
}
@keyframes orbit169 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-236deg) rotateY(84deg) translateX(250px) rotateZ(236deg);
  }
  15% {
    transform: rotateZ(-236deg) rotateY(84deg) translateX(250px) rotateZ(236deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-236deg) rotateY(84deg) translateX(750px) rotateZ(236deg);
  }
}
.c:nth-child(170) {
  animation: orbit170 37s infinite;
  animation-delay: 1.7s;
  background-color: #00a0ff;
}
@keyframes orbit170 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-165deg) rotateY(144deg) translateX(250px) rotateZ(165deg);
  }
  15% {
    transform: rotateZ(-165deg) rotateY(144deg) translateX(250px) rotateZ(165deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-165deg) rotateY(144deg) translateX(750px) rotateZ(165deg);
  }
}
.c:nth-child(171) {
  animation: orbit171 37s infinite;
  animation-delay: 1.71s;
  background-color: #009fff;
}
@keyframes orbit171 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-234deg) rotateY(216deg) translateX(250px) rotateZ(234deg);
  }
  15% {
    transform: rotateZ(-234deg) rotateY(216deg) translateX(250px) rotateZ(234deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-234deg) rotateY(216deg) translateX(750px) rotateZ(234deg);
  }
}
.c:nth-child(172) {
  animation: orbit172 37s infinite;
  animation-delay: 1.72s;
  background-color: #009eff;
}
@keyframes orbit172 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-144deg) rotateY(193deg) translateX(250px) rotateZ(144deg);
  }
  15% {
    transform: rotateZ(-144deg) rotateY(193deg) translateX(250px) rotateZ(144deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-144deg) rotateY(193deg) translateX(750px) rotateZ(144deg);
  }
}
.c:nth-child(173) {
  animation: orbit173 37s infinite;
  animation-delay: 1.73s;
  background-color: #009dff;
}
@keyframes orbit173 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-190deg) rotateY(337deg) translateX(250px) rotateZ(190deg);
  }
  15% {
    transform: rotateZ(-190deg) rotateY(337deg) translateX(250px) rotateZ(190deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-190deg) rotateY(337deg) translateX(750px) rotateZ(190deg);
  }
}
.c:nth-child(174) {
  animation: orbit174 37s infinite;
  animation-delay: 1.74s;
  background-color: #009dff;
}
@keyframes orbit174 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-41deg) rotateY(189deg) translateX(250px) rotateZ(41deg);
  }
  15% {
    transform: rotateZ(-41deg) rotateY(189deg) translateX(250px) rotateZ(41deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-41deg) rotateY(189deg) translateX(750px) rotateZ(41deg);
  }
}
.c:nth-child(175) {
  animation: orbit175 37s infinite;
  animation-delay: 1.75s;
  background-color: #009cff;
}
@keyframes orbit175 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-105deg) rotateY(13deg) translateX(250px) rotateZ(105deg);
  }
  15% {
    transform: rotateZ(-105deg) rotateY(13deg) translateX(250px) rotateZ(105deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-105deg) rotateY(13deg) translateX(750px) rotateZ(105deg);
  }
}
.c:nth-child(176) {
  animation: orbit176 37s infinite;
  animation-delay: 1.76s;
  background-color: #009bff;
}
@keyframes orbit176 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-211deg) rotateY(158deg) translateX(250px) rotateZ(211deg);
  }
  15% {
    transform: rotateZ(-211deg) rotateY(158deg) translateX(250px) rotateZ(211deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-211deg) rotateY(158deg) translateX(750px) rotateZ(211deg);
  }
}
.c:nth-child(177) {
  animation: orbit177 37s infinite;
  animation-delay: 1.77s;
  background-color: #009aff;
}
@keyframes orbit177 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-32deg) rotateY(145deg) translateX(250px) rotateZ(32deg);
  }
  15% {
    transform: rotateZ(-32deg) rotateY(145deg) translateX(250px) rotateZ(32deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-32deg) rotateY(145deg) translateX(750px) rotateZ(32deg);
  }
}
.c:nth-child(178) {
  animation: orbit178 37s infinite;
  animation-delay: 1.78s;
  background-color: #0099ff;
}
@keyframes orbit178 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-286deg) rotateY(105deg) translateX(250px) rotateZ(286deg);
  }
  15% {
    transform: rotateZ(-286deg) rotateY(105deg) translateX(250px) rotateZ(286deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-286deg) rotateY(105deg) translateX(750px) rotateZ(286deg);
  }
}
.c:nth-child(179) {
  animation: orbit179 37s infinite;
  animation-delay: 1.79s;
  background-color: #0099ff;
}
@keyframes orbit179 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-311deg) rotateY(245deg) translateX(250px) rotateZ(311deg);
  }
  15% {
    transform: rotateZ(-311deg) rotateY(245deg) translateX(250px) rotateZ(311deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-311deg) rotateY(245deg) translateX(750px) rotateZ(311deg);
  }
}
.c:nth-child(180) {
  animation: orbit180 37s infinite;
  animation-delay: 1.8s;
  background-color: #0098ff;
}
@keyframes orbit180 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-140deg) rotateY(271deg) translateX(250px) rotateZ(140deg);
  }
  15% {
    transform: rotateZ(-140deg) rotateY(271deg) translateX(250px) rotateZ(140deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-140deg) rotateY(271deg) translateX(750px) rotateZ(140deg);
  }
}
.c:nth-child(181) {
  animation: orbit181 37s infinite;
  animation-delay: 1.81s;
  background-color: #0097ff;
}
@keyframes orbit181 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-44deg) rotateY(297deg) translateX(250px) rotateZ(44deg);
  }
  15% {
    transform: rotateZ(-44deg) rotateY(297deg) translateX(250px) rotateZ(44deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-44deg) rotateY(297deg) translateX(750px) rotateZ(44deg);
  }
}
.c:nth-child(182) {
  animation: orbit182 37s infinite;
  animation-delay: 1.82s;
  background-color: #0096ff;
}
@keyframes orbit182 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-285deg) rotateY(83deg) translateX(250px) rotateZ(285deg);
  }
  15% {
    transform: rotateZ(-285deg) rotateY(83deg) translateX(250px) rotateZ(285deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-285deg) rotateY(83deg) translateX(750px) rotateZ(285deg);
  }
}
.c:nth-child(183) {
  animation: orbit183 37s infinite;
  animation-delay: 1.83s;
  background-color: #0095ff;
}
@keyframes orbit183 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-247deg) rotateY(45deg) translateX(250px) rotateZ(247deg);
  }
  15% {
    transform: rotateZ(-247deg) rotateY(45deg) translateX(250px) rotateZ(247deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-247deg) rotateY(45deg) translateX(750px) rotateZ(247deg);
  }
}
.c:nth-child(184) {
  animation: orbit184 37s infinite;
  animation-delay: 1.84s;
  background-color: #0095ff;
}
@keyframes orbit184 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-159deg) rotateY(134deg) translateX(250px) rotateZ(159deg);
  }
  15% {
    transform: rotateZ(-159deg) rotateY(134deg) translateX(250px) rotateZ(159deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-159deg) rotateY(134deg) translateX(750px) rotateZ(159deg);
  }
}
.c:nth-child(185) {
  animation: orbit185 37s infinite;
  animation-delay: 1.85s;
  background-color: #0094ff;
}
@keyframes orbit185 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-54deg) rotateY(228deg) translateX(250px) rotateZ(54deg);
  }
  15% {
    transform: rotateZ(-54deg) rotateY(228deg) translateX(250px) rotateZ(54deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-54deg) rotateY(228deg) translateX(750px) rotateZ(54deg);
  }
}
.c:nth-child(186) {
  animation: orbit186 37s infinite;
  animation-delay: 1.86s;
  background-color: #0093ff;
}
@keyframes orbit186 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-165deg) rotateY(95deg) translateX(250px) rotateZ(165deg);
  }
  15% {
    transform: rotateZ(-165deg) rotateY(95deg) translateX(250px) rotateZ(165deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-165deg) rotateY(95deg) translateX(750px) rotateZ(165deg);
  }
}
.c:nth-child(187) {
  animation: orbit187 37s infinite;
  animation-delay: 1.87s;
  background-color: #0092ff;
}
@keyframes orbit187 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-144deg) rotateY(291deg) translateX(250px) rotateZ(144deg);
  }
  15% {
    transform: rotateZ(-144deg) rotateY(291deg) translateX(250px) rotateZ(144deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-144deg) rotateY(291deg) translateX(750px) rotateZ(144deg);
  }
}
.c:nth-child(188) {
  animation: orbit188 37s infinite;
  animation-delay: 1.88s;
  background-color: #0091ff;
}
@keyframes orbit188 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-67deg) rotateY(208deg) translateX(250px) rotateZ(67deg);
  }
  15% {
    transform: rotateZ(-67deg) rotateY(208deg) translateX(250px) rotateZ(67deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-67deg) rotateY(208deg) translateX(750px) rotateZ(67deg);
  }
}
.c:nth-child(189) {
  animation: orbit189 37s infinite;
  animation-delay: 1.89s;
  background-color: #0091ff;
}
@keyframes orbit189 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-286deg) rotateY(162deg) translateX(250px) rotateZ(286deg);
  }
  15% {
    transform: rotateZ(-286deg) rotateY(162deg) translateX(250px) rotateZ(286deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-286deg) rotateY(162deg) translateX(750px) rotateZ(286deg);
  }
}
.c:nth-child(190) {
  animation: orbit190 37s infinite;
  animation-delay: 1.9s;
  background-color: #0090ff;
}
@keyframes orbit190 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-134deg) rotateY(205deg) translateX(250px) rotateZ(134deg);
  }
  15% {
    transform: rotateZ(-134deg) rotateY(205deg) translateX(250px) rotateZ(134deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-134deg) rotateY(205deg) translateX(750px) rotateZ(134deg);
  }
}
.c:nth-child(191) {
  animation: orbit191 37s infinite;
  animation-delay: 1.91s;
  background-color: #008fff;
}
@keyframes orbit191 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-220deg) rotateY(167deg) translateX(250px) rotateZ(220deg);
  }
  15% {
    transform: rotateZ(-220deg) rotateY(167deg) translateX(250px) rotateZ(220deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-220deg) rotateY(167deg) translateX(750px) rotateZ(220deg);
  }
}
.c:nth-child(192) {
  animation: orbit192 37s infinite;
  animation-delay: 1.92s;
  background-color: #008eff;
}
@keyframes orbit192 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-60deg) rotateY(275deg) translateX(250px) rotateZ(60deg);
  }
  15% {
    transform: rotateZ(-60deg) rotateY(275deg) translateX(250px) rotateZ(60deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-60deg) rotateY(275deg) translateX(750px) rotateZ(60deg);
  }
}
.c:nth-child(193) {
  animation: orbit193 37s infinite;
  animation-delay: 1.93s;
  background-color: #008dff;
}
@keyframes orbit193 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-6deg) rotateY(198deg) translateX(250px) rotateZ(6deg);
  }
  15% {
    transform: rotateZ(-6deg) rotateY(198deg) translateX(250px) rotateZ(6deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-6deg) rotateY(198deg) translateX(750px) rotateZ(6deg);
  }
}
.c:nth-child(194) {
  animation: orbit194 37s infinite;
  animation-delay: 1.94s;
  background-color: #008cff;
}
@keyframes orbit194 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-66deg) rotateY(312deg) translateX(250px) rotateZ(66deg);
  }
  15% {
    transform: rotateZ(-66deg) rotateY(312deg) translateX(250px) rotateZ(66deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-66deg) rotateY(312deg) translateX(750px) rotateZ(66deg);
  }
}
.c:nth-child(195) {
  animation: orbit195 37s infinite;
  animation-delay: 1.95s;
  background-color: #008cff;
}
@keyframes orbit195 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-118deg) rotateY(262deg) translateX(250px) rotateZ(118deg);
  }
  15% {
    transform: rotateZ(-118deg) rotateY(262deg) translateX(250px) rotateZ(118deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-118deg) rotateY(262deg) translateX(750px) rotateZ(118deg);
  }
}
.c:nth-child(196) {
  animation: orbit196 37s infinite;
  animation-delay: 1.96s;
  background-color: #008bff;
}
@keyframes orbit196 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-116deg) rotateY(243deg) translateX(250px) rotateZ(116deg);
  }
  15% {
    transform: rotateZ(-116deg) rotateY(243deg) translateX(250px) rotateZ(116deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-116deg) rotateY(243deg) translateX(750px) rotateZ(116deg);
  }
}
.c:nth-child(197) {
  animation: orbit197 37s infinite;
  animation-delay: 1.97s;
  background-color: #008aff;
}
@keyframes orbit197 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-27deg) rotateY(152deg) translateX(250px) rotateZ(27deg);
  }
  15% {
    transform: rotateZ(-27deg) rotateY(152deg) translateX(250px) rotateZ(27deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-27deg) rotateY(152deg) translateX(750px) rotateZ(27deg);
  }
}
.c:nth-child(198) {
  animation: orbit198 37s infinite;
  animation-delay: 1.98s;
  background-color: #0089ff;
}
@keyframes orbit198 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-263deg) rotateY(14deg) translateX(250px) rotateZ(263deg);
  }
  15% {
    transform: rotateZ(-263deg) rotateY(14deg) translateX(250px) rotateZ(263deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-263deg) rotateY(14deg) translateX(750px) rotateZ(263deg);
  }
}
.c:nth-child(199) {
  animation: orbit199 37s infinite;
  animation-delay: 1.99s;
  background-color: #0088ff;
}
@keyframes orbit199 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-225deg) rotateY(114deg) translateX(250px) rotateZ(225deg);
  }
  15% {
    transform: rotateZ(-225deg) rotateY(114deg) translateX(250px) rotateZ(225deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-225deg) rotateY(114deg) translateX(750px) rotateZ(225deg);
  }
}
.c:nth-child(200) {
  animation: orbit200 37s infinite;
  animation-delay: 2s;
  background-color: #0088ff;
}
@keyframes orbit200 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-39deg) rotateY(273deg) translateX(250px) rotateZ(39deg);
  }
  15% {
    transform: rotateZ(-39deg) rotateY(273deg) translateX(250px) rotateZ(39deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-39deg) rotateY(273deg) translateX(750px) rotateZ(39deg);
  }
}
.c:nth-child(201) {
  animation: orbit201 37s infinite;
  animation-delay: 2.01s;
  background-color: #0087ff;
}
@keyframes orbit201 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-300deg) rotateY(52deg) translateX(250px) rotateZ(300deg);
  }
  15% {
    transform: rotateZ(-300deg) rotateY(52deg) translateX(250px) rotateZ(300deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-300deg) rotateY(52deg) translateX(750px) rotateZ(300deg);
  }
}
.c:nth-child(202) {
  animation: orbit202 37s infinite;
  animation-delay: 2.02s;
  background-color: #0086ff;
}
@keyframes orbit202 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-172deg) rotateY(292deg) translateX(250px) rotateZ(172deg);
  }
  15% {
    transform: rotateZ(-172deg) rotateY(292deg) translateX(250px) rotateZ(172deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-172deg) rotateY(292deg) translateX(750px) rotateZ(172deg);
  }
}
.c:nth-child(203) {
  animation: orbit203 37s infinite;
  animation-delay: 2.03s;
  background-color: #0085ff;
}
@keyframes orbit203 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-99deg) rotateY(111deg) translateX(250px) rotateZ(99deg);
  }
  15% {
    transform: rotateZ(-99deg) rotateY(111deg) translateX(250px) rotateZ(99deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-99deg) rotateY(111deg) translateX(750px) rotateZ(99deg);
  }
}
.c:nth-child(204) {
  animation: orbit204 37s infinite;
  animation-delay: 2.04s;
  background-color: #0084ff;
}
@keyframes orbit204 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-254deg) rotateY(20deg) translateX(250px) rotateZ(254deg);
  }
  15% {
    transform: rotateZ(-254deg) rotateY(20deg) translateX(250px) rotateZ(254deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-254deg) rotateY(20deg) translateX(750px) rotateZ(254deg);
  }
}
.c:nth-child(205) {
  animation: orbit205 37s infinite;
  animation-delay: 2.05s;
  background-color: #0084ff;
}
@keyframes orbit205 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-260deg) rotateY(343deg) translateX(250px) rotateZ(260deg);
  }
  15% {
    transform: rotateZ(-260deg) rotateY(343deg) translateX(250px) rotateZ(260deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-260deg) rotateY(343deg) translateX(750px) rotateZ(260deg);
  }
}
.c:nth-child(206) {
  animation: orbit206 37s infinite;
  animation-delay: 2.06s;
  background-color: #0083ff;
}
@keyframes orbit206 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-185deg) rotateY(20deg) translateX(250px) rotateZ(185deg);
  }
  15% {
    transform: rotateZ(-185deg) rotateY(20deg) translateX(250px) rotateZ(185deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-185deg) rotateY(20deg) translateX(750px) rotateZ(185deg);
  }
}
.c:nth-child(207) {
  animation: orbit207 37s infinite;
  animation-delay: 2.07s;
  background-color: #0082ff;
}
@keyframes orbit207 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-34deg) rotateY(61deg) translateX(250px) rotateZ(34deg);
  }
  15% {
    transform: rotateZ(-34deg) rotateY(61deg) translateX(250px) rotateZ(34deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-34deg) rotateY(61deg) translateX(750px) rotateZ(34deg);
  }
}
.c:nth-child(208) {
  animation: orbit208 37s infinite;
  animation-delay: 2.08s;
  background-color: #0081ff;
}
@keyframes orbit208 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-70deg) rotateY(247deg) translateX(250px) rotateZ(70deg);
  }
  15% {
    transform: rotateZ(-70deg) rotateY(247deg) translateX(250px) rotateZ(70deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-70deg) rotateY(247deg) translateX(750px) rotateZ(70deg);
  }
}
.c:nth-child(209) {
  animation: orbit209 37s infinite;
  animation-delay: 2.09s;
  background-color: #0080ff;
}
@keyframes orbit209 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-81deg) rotateY(146deg) translateX(250px) rotateZ(81deg);
  }
  15% {
    transform: rotateZ(-81deg) rotateY(146deg) translateX(250px) rotateZ(81deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-81deg) rotateY(146deg) translateX(750px) rotateZ(81deg);
  }
}
.c:nth-child(210) {
  animation: orbit210 37s infinite;
  animation-delay: 2.1s;
  background-color: #0080ff;
}
@keyframes orbit210 {
  100% {
    opacity: 1;
  }
  80% {
    transform: rotateZ(-352deg) rotateY(299deg) translateX(250px) rotateZ(352deg);
  }
  15% {
    transform: rotateZ(-352deg) rotateY(299deg) translateX(250px) rotateZ(352deg);
    opacity: 1;
  }
  4% {
    opacity: .4;
    transform: rotateZ(-352deg) rotateY(299deg) translateX(750px) rotateZ(352deg);
  }
}
.services-section {
  padding: 20px 0 40px;
  margin-top: -2px;
  background-color: #020213;
  background-size: 144px 77px;
  background-image: linear-gradient(to right, #032411 1px, transparent 1px), linear-gradient(to bottom, #032411 1px, transparent 1px);
}
.services-section .section-desc {
  color: #fff;
}
.services-list {
  padding: 0;
  margin: 0;
}
@media (min-width: 769px) {
  .services-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .services-list {
    padding: 60px 0;
  }
}
.services-item {
  margin-bottom: 60px;
}
.services-item:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .services-item {
    flex-basis: 30%;
    margin-bottom: 30px;
  }
}
@media (min-width: 992px) {
  .service {
    padding-left: 60px;
  }
}
.service-title {
  position: relative;
  font-family: 'Noto Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.67;
  margin-bottom: 20px;
  color: #fff;
}
.service-title:before {
  content: '';
  display: block;
  width: 40px;
  height: 2px;
  margin-bottom: 5px;
  background-color: #18e8a4;
  transform: translateX(-50%);
}
@media (min-width: 992px) {
  .service-title:before {
    position: absolute;
    top: 50%;
    left: -10px;
    margin-bottom: 22px;
    background-color: #18e8a4;
    transform: translate(-100%, 50%);
  }
}
@media (min-width: 1200px) {
  .service-title {
    font-size: 24px;
  }
}
.service-desc {
  margin-bottom: 16px;
  font-weight: 400;
  line-height: 1.57;
  color: #fff;
  opacity: 0.6;
}
@media (min-width: 1200px) {
  .service-desc {
    margin-bottom: 22px;
  }
}
.service-link {
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  transition: all 0.2s ease-out;
  position: relative;
}
.service-link:after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 1px;
  background: #18e8a4;
  content: '';
  opacity: 1;
  transition: opacity 0.3s, height 0.2s;
}
.service-link:hover {
  color: #18e8a4;
}
.service-link:hover:after,
.service-link:focus:after {
  opacity: 1;
  height: 3px;
}
.technologies {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background: #fff;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
}
@media (min-width: 992px) {
  .technologies {
    background: transparent;
    box-shadow: none;
  }
}
.technology-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  transition: all 0.2s ease-in;
  position: relative;
  flex: 50%;
  padding: 20px;
}
.technology-box:hover .technology-title {
  color: #fff;
}
.technology-box:hover .technology-title:before {
  max-width: 100%;
  opacity: 1;
  width: 100%;
}
@media (min-width: 768px) {
  .technology-box:hover {
    background: #fff;
    border-radius: 2px;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  }
}
@media (min-width: 768px) {
  .technology-box {
    padding: 20px 14px 30px 16px;
    width: auto;
    flex: 0 0 46%;
  }
}
@media (min-width: 992px) {
  .technology-box {
    flex-basis: 25%;
  }
}
.technology-link {
  display: block;
  top: 10px;
  left: 10px;
  bottom: 10px;
  right: 10px;
  position: absolute;
}
.technology-title {
  width: 100%;
  margin-bottom: 5px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  transition: color 0.3s;
}
.technology-title:before {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  max-width: 0;
  color: #18e8a4;
  content: attr(data-hover);
  white-space: nowrap;
  transition: max-width 0.5s;
}
@media (min-width: 768px) {
  .technology-title:before {
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .technology-title {
    padding-left: 15px;
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .technology-title {
    font-size: 24px;
  }
}
.technology-list {
  padding: 0;
  margin: 0 0 0 20px;
  counter-reset: technology-list 0;
}
@media (min-width: 768px) {
  .technology-list {
    column-count: unset;
    margin: 0 0 0 45px;
  }
}
.technology-item {
  position: relative;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 400;
  line-height: 40px;
  counter-increment: technology-list 1;
}
.technology-item:before {
  content: counter(technology-list);
  position: absolute;
  top: 0;
  left: -18px;
  display: block;
  font-family: 'Noto Sans', sans-serif;
  font-weight: 700;
  line-height: 40px;
  color: #18e8a4;
}
@media (min-width: 768px) {
  .technology-item:before {
    left: -28px;
  }
}
@media (min-width: 992px) {
  .technology-item:before {
    left: -28px;
    font-size: 20px;
  }
}
@media (min-width: 992px) {
  .technology-item {
    font-size: 18px;
  }
}
.industries-cards {
  padding: 0;
}
@media (min-width: 768px) {
  .industries-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.industries-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 223px;
  margin-bottom: 20px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 18px;
  line-height: 1.13;
  letter-spacing: 0.67px;
  text-align: center;
  border-radius: 2px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: background 0.2s ease-in;
  position: relative;
}
.industries-card:last-of-type {
  margin-bottom: 0;
}
.industries-card:hover {
  font-size: 18px;
  letter-spacing: .5px;
  background-color: #18e8a4;
}
.industries-card:hover i {
  opacity: 1;
  transform: translateY(-36%);
}
.industries-card:hover p {
  transform: translateY(150%);
}
.industries-card p {
  transition: all 0.25s;
  backface-visibility: hidden;
}
.industries-card a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 223px;
  width: 100%;
  color: #000;
}
.industries-card i {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 73px;
  height: 73px;
  margin-left: -36px;
  margin-top: -36px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: all .2s;
  opacity: 0;
  transform: translateY(-90%);
}
.industries-card i.e-commerce {
  margin-left: -47px;
  background-image: url("/images/icons/e-commerce.svg");
}
.industries-card i.automotive {
  background-image: url("/images/icons/automotive.svg");
}
.industries-card i.agriculture {
  background-image: url("/images/icons/agriculture.svg");
}
.industries-card i.hospitality-travel {
  background-image: url("/images/icons/hospitality-travel.svg");
}
.industries-card i.security {
  background-image: url("/images/icons/security.svg");
}
.industries-card i.healthcare {
  background-image: url("/images/icons/healthcare.svg");
}
@media (min-width: 768px) {
  .industries-card {
    flex: 0 0 46%;
    margin-bottom: 0;
  }
  .industries-card:nth-of-type(n+3) {
    margin-top: 20px;
  }
}
@media (min-width: 1200px) {
  .industries-card {
    flex-basis: 32%;
    font-size: 24px;
  }
  .industries-card:nth-of-type(n+3) {
    margin-top: 0;
  }
  .industries-card:nth-of-type(n+4) {
    margin-top: 20px;
  }
}
.calculator-section {
  padding: 40px 0;
  background-color: #fafafa;
}
.calculator-section .section-title {
  font-size: 36px;
}
@media (min-width: 1200px) {
  .calculator-section .section-title {
    font-size: 54px;
  }
}
@media (min-width: 1200px) {
  .calculator-section {
    width: 70%;
    padding: 100px 0;
    padding-left: calc((100% - 1180px)/2);
  }
}
.calculator-btn {
  padding: 14px 30px;
}
@media (min-width: 768px) {
  .calculator-btn {
    padding: 22px 106px;
  }
}
@media (min-width: 769px) {
  .about-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.about-card {
  position: relative;
  padding: 30px 24px 30px 68px;
  margin-bottom: 20px;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
  background-color: #fff;
}
.about-card:last-of-type {
  margin-bottom: 0;
}
.about-card:before {
  content: '';
  position: absolute;
  top: 34px;
  left: 0;
  display: block;
  width: 43px;
  height: 38px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transform: translateX(33%);
}
.about-card:nth-of-type(1):before {
  background-image: url("/images/icons/about-1.svg");
}
.about-card:nth-of-type(2):before {
  background-image: url("/images/icons/about-2.svg");
}
.about-card:nth-of-type(3):before {
  background-image: url("/images/icons/about-3.svg");
}
@media (min-width: 769px) {
  .about-card:nth-of-type(n+3) {
    margin-top: 20px;
  }
}
@media (min-width: 992px) {
  .about-card:nth-of-type(n+3) {
    margin-top: 0;
  }
}
@media (min-width: 992px) {
  .about-card:nth-of-type(n+4) {
    margin-top: 20px;
  }
}
@media (min-width: 769px) {
  .about-card {
    flex: 0 0 48%;
    margin-bottom: 0;
  }
}
@media (min-width: 992px) {
  .about-card {
    flex-basis: 32%;
  }
}
@media (min-width: 1200px) {
  .about-card {
    padding: 30px 24px 30px 88px;
  }
  .about-card:before {
    transform: translateX(50%);
  }
}
.card_title {
  position: relative;
  margin-bottom: 12px;
  font-family: 'Noto Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 992px) {
  .card_title {
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .card_title {
    line-height: 1.67;
  }
}
.card_desc {
  font-weight: 400;
  line-height: 1.67;
}
.work-section {
  overflow: hidden;
}
.step-cards {
  padding: 38px 0 0;
  counter-reset: steps-list 0;
}
@media (min-width: 768px) {
  .step-cards {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-top: 40px;
  }
}
@media (min-width: 1200px) {
  .step-cards {
    padding-top: 70px;
  }
}
.step-card {
  position: relative;
  padding-left: 84px;
  margin-bottom: 30px;
  counter-increment: steps-list 1;
}
.step-card:last-of-type {
  margin-bottom: 0;
}
.step-card:before {
  content: counter(steps-list);
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-family: 400;
  font-size: 92px;
  color: #18e8a4;
}
@media (min-width: 768px) {
  .step-card {
    flex: 0 0 42%;
    margin-bottom: 0;
  }
  .step-card:nth-of-type(n+3) {
    margin-top: 40px;
  }
}