@charset "UTF-8";
/* oxygen-regular - latin-ext_latin */
@font-face {
  font-family: "Oxygen";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/oxygen-v10-latin-ext_latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/oxygen-v10-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/oxygen-v10-latin-ext_latin-regular.woff2") format("woff2"), url("../Fonts/oxygen-v10-latin-ext_latin-regular.woff") format("woff"), url("../Fonts/oxygen-v10-latin-ext_latin-regular.ttf") format("truetype"), url("../Fonts/oxygen-v10-latin-ext_latin-regular.svg#Oxygen") format("svg"); /* Legacy iOS */
}
/* oxygen-700 - latin-ext_latin */
@font-face {
  font-family: "Oxygen";
  font-style: normal;
  font-weight: 700;
  src: url("../Fonts/oxygen-v10-latin-ext_latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/oxygen-v10-latin-ext_latin-700.eot?#iefix") format("embedded-opentype"), url("../Fonts/oxygen-v10-latin-ext_latin-700.woff2") format("woff2"), url("../Fonts/oxygen-v10-latin-ext_latin-700.woff") format("woff"), url("../Fonts/oxygen-v10-latin-ext_latin-700.ttf") format("truetype"), url("../Fonts/oxygen-v10-latin-ext_latin-700.svg#Oxygen") format("svg"); /* Legacy iOS */
}
/* catamaran-regular - latin */
@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/catamaran-v8-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/catamaran-v8-latin-regular.eot?#iefix") format("embedded-opentype"), url("../Fonts/catamaran-v8-latin-regular.woff2") format("woff2"), url("../Fonts/catamaran-v8-latin-regular.woff") format("woff"), url("../Fonts/catamaran-v8-latin-regular.ttf") format("truetype"), url("../Fonts/catamaran-v8-latin-regular.svg#Catamaran") format("svg"); /* Legacy iOS */
}
/* catamaran-600 - latin */
@font-face {
  font-family: "Catamaran";
  font-style: normal;
  font-weight: 600;
  src: url("../Fonts/catamaran-v8-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../Fonts/catamaran-v8-latin-600.eot?#iefix") format("embedded-opentype"), url("../Fonts/catamaran-v8-latin-600.woff2") format("woff2"), url("../Fonts/catamaran-v8-latin-600.woff") format("woff"), url("../Fonts/catamaran-v8-latin-600.ttf") format("truetype"), url("../Fonts/catamaran-v8-latin-600.svg#Catamaran") format("svg"); /* Legacy iOS */
}
@font-face {
  font-family: "icomoon";
  src: url("../Fonts/icomoon.eot?wdles1");
  src: url("../Fonts/icomoon.eot?wdles1#iefix") format("embedded-opentype"), url("../Fonts/icomoon.ttf?wdles1") format("truetype"), url("../Fonts/icomoon.woff?wdles1") format("woff"), url("../Fonts/icomoon.svg?wdles1#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-prev:before {
  content: "\e916";
}

.icon-next:before {
  content: "\e917";
}

.icon-Facebook:before {
  content: "\e900";
}

.icon-Filter:before {
  content: "\e901";
}

.icon-Globus:before {
  content: "\e902";
}

.icon-LinkedIn:before {
  content: "\e903";
}

.icon-ListCheckCircle:before {
  content: "\e904";
}

.icon-Lupe:before {
  content: "\e905";
}

.icon-Minus:before {
  content: "\e906";
}

.icon-MinusImKreis:before {
  content: "\e907";
}

.icon-PfeilImKreis:before {
  content: "\e908";
}

.icon-Plus:before {
  content: "\e909";
}

.icon-PlusImKreis:before {
  content: "\e90a";
}

.icon-TelefonImKreis:before {
  content: "\e90b";
}

.icon-Xing:before {
  content: "\e90c";
}

.icon-YouTube:before {
  content: "\e90d";
}

.icon-Instagram:before {
  content: "\e910";
}

.icon-Zitat:before {
  content: "\e90e";
}

.icon-box-download:before {
  content: "\e90f";
}

.icon-checklist:before {
  content: "\e911";
}

.icon-smartphone-graph:before {
  content: "\e912";
}

.icon-gears:before {
  content: "\e913";
}

.icon-lightbulb-hand:before {
  content: "\e914";
}

.icon-mobilenav:before {
  content: "\e915";
}

body {
  min-width: 320px;
  max-width: 1920px;
  margin: auto;
  overflow-x: hidden;
}
body .wrapper {
  position: relative;
}

header {
  top: 0;
  overflow-x: hidden;
}

section {
  margin-bottom: 4.8rem;
}
@media (min-width: 768px) {
  section {
    margin-bottom: 6rem;
  }
}
@media (min-width: 992px) {
  section {
    margin-bottom: 3.6rem;
  }
}
@media (min-width: 1200px) {
  section {
    margin-bottom: 7.2rem;
  }
}
section:last-of-type {
  margin-bottom: 0;
}
section.full-width .section-wrapper {
  max-width: 1920px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
@media (min-width: 992px) {
  section.home-industries .col-lg-8 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 992px) {
  section.home-industries .container,
  section.home-industries .container-sm,
  section.home-industries .container-md,
  section.home-industries .container-lg,
  section.home-industries .container-xl,
  section.home-industries .container-xxl {
    max-width: 1080px;
    margin-right: 0;
    margin-left: auto;
  }
}
@media (min-width: 1200px) {
  section.home-industries .container,
  section.home-industries .container-sm,
  section.home-industries .container-md,
  section.home-industries .container-lg,
  section.home-industries .container-xl,
  section.home-industries .container-xxl {
    max-width: 1270px;
  }
}
@media (min-width: 1400px) {
  section.home-industries .container,
  section.home-industries .container-sm,
  section.home-industries .container-md,
  section.home-industries .container-lg,
  section.home-industries .container-xl,
  section.home-industries .container-xxl {
    max-width: 1460px;
  }
}
@media (min-width: 1600px) {
  section.home-industries .container,
  section.home-industries .container-sm,
  section.home-industries .container-md,
  section.home-industries .container-lg,
  section.home-industries .container-xl,
  section.home-industries .container-xxl {
    max-width: 1740px;
  }
}
section.home-industries .section-wrapper {
  max-width: 1740px;
  margin-left: 0;
  margin-right: 0;
  position: relative;
}
section .section-wrapper {
  max-width: 1135px;
  margin-left: auto;
  margin-right: auto;
}

main > section.bg-grey:last-of-type {
  margin-bottom: 0;
}
main > section:last-of-type {
  margin-bottom: 4.8rem;
}
@media (min-width: 768px) {
  main > section:last-of-type {
    margin-bottom: 6rem;
  }
}
@media (min-width: 992px) {
  main > section:last-of-type {
    margin-bottom: 3.6rem;
  }
}
@media (min-width: 1200px) {
  main > section:last-of-type {
    margin-bottom: 7.2rem;
  }
}
main section:first-of-type {
  margin-top: 4.8rem;
}
@media (min-width: 768px) {
  main section:first-of-type {
    margin-top: 6rem;
  }
}
@media (min-width: 992px) {
  main section:first-of-type {
    margin-top: 3.6rem;
  }
}
@media (min-width: 1200px) {
  main section:first-of-type {
    margin-top: 7.2rem;
  }
}
main section:first-of-type.breadcrumbs-wrapper {
  margin-top: 0;
}
main section.breadcrumb-wrapper {
  margin-top: 0;
}

@media (min-width: 1600px) {
  .container,
  .container-sm,
  .container-md,
  .container-lg,
  .container-xl,
  .container-xxl {
    max-width: 1560px;
  }
}
.full-width > .container {
  max-width: 1920px;
  padding-right: 0;
  padding-left: 0;
}
.full-width > .container > .section-wrapper {
  max-width: 1920px;
}

:root {
  --bs-gutter-x: 1.5rem;
}

.row {
  --bs-gutter-x: 3rem;
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0 !important;
}

/* ################
#### Container ####
################ */
/* Container Backgrounds */
.bg {
  padding: 6rem 0;
}

.bg-grey {
  background-color: #f2f2f2;
}

.bg-dark-blue {
  position: relative;
  background-color: #000626;
}
@media (min-width: 768px) {
  .bg-dark-blue {
    max-width: 730px;
    margin-bottom: 13.2rem;
  }
}
@media (min-width: 992px) {
  .bg-dark-blue {
    max-width: 900px;
    margin-bottom: 12rem;
  }
}
@media (min-width: 1200px) {
  .bg-dark-blue {
    max-width: 1530px;
    margin-bottom: 19.2rem;
  }
}
@media (min-width: 768px) {
  .bg-dark-blue:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 7.2rem;
    left: 100vw;
    transform: translateX(-100%);
    background-color: #f2f2f2;
    background-image: url(../Images/dots-bottom-right.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    z-index: -1;
  }
}
@media (min-width: 992px) {
  .bg-dark-blue:after {
    top: 8.4rem;
  }
}
@media (min-width: 1200px) {
  .bg-dark-blue:after {
    top: 12rem;
  }
}
@media (min-width: 1920px) {
  .bg-dark-blue:after {
    left: 1920px;
    transform: translateX(-100%);
  }
}
@media (max-width: 1199px) {
  .bg-dark-blue .section-wrapper {
    max-width: 680px;
  }
  .bg-dark-blue .section-wrapper .col-lg-5,
  .bg-dark-blue .section-wrapper .col-lg-6 {
    width: 100%;
  }
}
.bg-dark-blue {
  /*
  right: 180px;
  @include bp-xxxl{
  	right: 100px;
  	&::before{
  		width: calc(100% - 100px);
  		left: 200px;
  	}
  }
  @include bp-xl-max{
  	right: 50px;
  	margin-top: 100px;
  	bottom: 50px;
  	.container{
  		max-width: 90%;
  		margin-left: 60px;
  		margin-right: 60px;
  	}
  	&::before{
  		width: calc(100% - 50px);
  		left: 100px;
  		top: 80px;
  	}
  }
  @include bp-md-max{
  	right: 50px;
  	&::before{
  		width: calc(100% - 50px);
  		left: 100px;
  		top: 50px;
  	}
  	.container{
  		margin-left: auto;
  		margin-right: auto;
  	}
  }
  @include bp-sm-max{
  	right: 0;
  	&::before{
  		display: none;
  	}
  	.fact{
  		margin-bottom: 15px;
  	}
  }
  */
}

.distance-to-next-section-none + section {
  margin-top: -4.8rem;
  padding-top: 4.8rem;
}
@media (min-width: 768px) {
  .distance-to-next-section-none + section {
    margin-top: -13.2rem;
    padding-top: 6rem;
  }
}
@media (min-width: 992px) {
  .distance-to-next-section-none + section {
    margin-top: -12rem;
    padding-top: 3.6rem;
  }
}
@media (min-width: 1200px) {
  .distance-to-next-section-none + section {
    margin-top: -19.2rem;
    padding-top: 7.2rem;
  }
}
.distance-to-next-section-none + section.full-width {
  padding-top: 0;
}

.distance-to-next-section-overlap:before {
  display: none;
}
.distance-to-next-section-overlap + section {
  margin-top: -4.8rem;
  padding-top: 4.8rem;
}
@media (min-width: 768px) {
  .distance-to-next-section-overlap + section {
    margin-top: -31.2rem;
    padding-top: 24rem;
  }
}
@media (min-width: 992px) {
  .distance-to-next-section-overlap + section {
    margin-top: -22.8rem;
    padding-top: 14.4rem;
  }
}
@media (min-width: 1200px) {
  .distance-to-next-section-overlap + section {
    margin-top: -40.8rem;
    padding-top: 28.8rem;
  }
}
.distance-to-next-section-overlap + section.full-width {
  padding-top: 0;
}

/* Container Background Dots */
.dots {
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .dots.bg-grey {
    background-image: none !important;
  }
}

.dots-top-left {
  background-image: url(../Images/dots-top-left.svg);
  background-position: top left;
}

.dots-left {
  background-image: url(../Images/dots-left.svg);
  background-position: center left;
}

.dots-right {
  background-image: url(../Images/dots-right.svg);
  background-position: center right;
}

.dots-right-v2 {
  background-image: url(../Images/dots-right-v2.svg);
  background-position: center right;
}

.dots-bottom-right {
  background-image: url(../Images/dots-bottom-right.svg);
  background-position: bottom right;
}

.dots-bottom-right-v2 {
  background-image: url(../Images/dots-bottom-right-v2.svg);
  background-position: bottom right;
}

@media (orientation: landscape) and (max-height: 575px) {
  .modal#personModal .modal-fullscreen-sm-down {
    top: 0 !important;
    transform: none !important;
    width: 100vw;
    height: 100%;
    max-width: none !important;
    margin: 0;
  }
}
footer {
  padding: 1rem 0;
  background-color: #000626;
  color: #fff !important;
}
footer a {
  color: #fff !important;
}
@media (min-width: 1200px) {
  footer .menu-social {
    margin-right: 70px;
  }
}
footer .menu-social li:first-of-type a {
  padding-left: 0;
}
footer .menu-social li:last-of-type a {
  padding-right: 0;
}
footer .menu-social li a {
  font-size: 1.2em;
  padding-bottom: 0;
}
footer .btn-footer + .footer-expand-menu {
  position: absolute;
  width: 350px;
  bottom: 10px;
  right: 0;
}
@media (max-width: 991px) {
  footer .btn-footer + .footer-expand-menu {
    width: 200px;
  }
}
footer .btn-footer + .footer-expand-menu a {
  display: block;
  padding: 12px 25px;
  background: white;
  color: #000 !important;
}
footer .btn-footer + .footer-expand-menu a:last-of-type {
  border-radius: 0 0 12px 12px;
}
footer .btn-footer + .footer-expand-menu span {
  display: block;
  padding: 12px 25px;
  background: white;
  color: black;
}
footer .btn-footer + .footer-expand-menu span:first-of-type {
  background: #4DA7E8;
  color: white;
  border-radius: 12px 12px 0 0;
}
footer .btn-footer + .footer-expand-menu span.btn-close {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  float: right;
  color: white;
  cursor: pointer;
  opacity: 1;
}
footer .menu-footer li span {
  display: block;
  padding: 0.5rem 1rem;
  padding-right: 1rem;
}
footer .menu-footer li:first-of-type a {
  padding-left: 0;
}
footer .menu-footer li:last-of-type a {
  padding-right: 0;
}
footer .footer-line {
  position: relative;
  margin: 20px 0;
  height: 1px;
  background: #fff;
}

.search-area form {
  padding: 28px;
  background: #fff;
}
.search-area form input {
  height: 50px;
  max-width: 580px;
  border-radius: 30px;
  background: #c3c3c3;
  color: #fff;
  font-size: 17px;
  padding: 10px 30px;
}
.search-area form input::placeholder {
  opacity: 1;
  color: #9d9d9c;
}

main .dropdown .btn.dropdown-toggle {
  position: relative;
  line-height: 1.5;
  padding: 10px 60px 8px 15px;
  background: #fff;
  border: 1px solid #0068B2;
}
main .dropdown .btn.dropdown-toggle:hover, main .dropdown .btn.dropdown-toggle:active, main .dropdown .btn.dropdown-toggle:focus {
  background: #fff;
  color: #0068B2;
}
main .dropdown .btn.dropdown-toggle:hover::before, main .dropdown .btn.dropdown-toggle:active::before, main .dropdown .btn.dropdown-toggle:focus::before {
  background: #fff;
  border: 1px solid #0068B2;
  transition: ease-in-out 0.2s;
}
main .dropdown .btn.dropdown-toggle:hover::after, main .dropdown .btn.dropdown-toggle:active::after, main .dropdown .btn.dropdown-toggle:focus::after {
  border-bottom: 2px solid #0068B2;
  border-right: 2px solid #0068B2;
  transition: ease-in-out 0.2s;
}
main .dropdown .btn.dropdown-toggle::before {
  content: "";
  width: 35px;
  height: 35px;
  top: 4px;
  right: 4px;
  background: #0068B2;
  border: 1px solid #0068B2;
  border-radius: 100%;
  position: absolute;
  transition: ease-in-out 0.2s;
}
main .dropdown .btn.dropdown-toggle::after {
  content: "";
  border: 0;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 17px;
  top: 17px;
  width: 8px;
  height: 8px;
  position: absolute;
  transform: rotateZ(45deg);
  transition: ease-in-out 0.2s;
}
main .dropdown .dropdown-menu {
  width: 100%;
  border-radius: 12px;
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.29);
  overflow-y: auto;
}
main .dropdown .dropdown-menu .dropdown-item {
  padding: 10px 20px;
}
main .dropdown .dropdown-menu .dropdown-item.active {
  background: #0068B2;
}
main .dropdown .dropdown-menu .dropdown-item:active, main .dropdown .dropdown-menu .dropdown-item:focus {
  background: #0068B2;
}
main .dropdown .dropdown-menu[data-popper-placement=bottom-start] + .dropdown-menu-arrow {
  content: "";
  height: 10px;
  width: 25px;
  opacity: 0;
  position: absolute;
  top: 38px;
  left: 35px;
  border-right: transparent 12px solid;
  border-bottom: #fff 6px solid;
  border-left: transparent 12px solid;
  z-index: 9999;
}
main .dropdown .dropdown-menu[data-popper-placement=top-start] + .dropdown-menu-arrow {
  content: "";
  height: 10px;
  width: 25px;
  opacity: 0;
  position: absolute;
  top: -3px;
  left: 35px;
  border-right: transparent 12px solid;
  border-top: #fff 6px solid;
  border-left: transparent 12px solid;
  z-index: 9999;
}
main .dropdown .dropdown-menu.show + .dropdown-menu-arrow {
  opacity: 1;
}

/* Contact Page */
#c1021 .dropdown {
  margin-top: 2.6rem;
}

.tx-powermail .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

form .dropdown.bootstrap-select {
  max-width: none;
}
form .powermail_fieldwrap {
  margin-bottom: 1.2rem;
}
form .powermail_fieldwrap label {
  font-size: 14px;
  font-size: 1.4rem;
}
form .powermail_fieldwrap input,
form .powermail_fieldwrap .form-control {
  padding: 10px 15px 8px;
  border-radius: 6px;
  border: none;
}
form .powermail_fieldwrap .form-check-input {
  padding: 0;
}
form .powermail_fieldwrap .form-check-input:checked {
  background-color: #0068B2;
  border-color: #0068B2;
}
form .powermail_fieldwrap input.btn.btn-primary {
  color: #fff;
  background-color: #0068B2;
  border: 1px solid #0068B2;
  border-radius: 25px;
}
form .powermail_fieldwrap input.btn.btn-primary:hover, form .powermail_fieldwrap input.btn.btn-primary:active, form .powermail_fieldwrap input.btn.btn-primary:focus {
  color: #0068B2;
  background-color: transparent;
  border: 1px solid #0068B2;
}
form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown.bootstrap-select, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown.bootstrap-select {
  padding: 0;
}
form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle {
  position: relative;
  background: #fff;
  border: none;
}
form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle:hover, form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle:active, form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle:focus, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle:hover, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle:active, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle:focus {
  background: #fff;
  color: #0068B2;
}
form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle:hover:before, form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle:active:before, form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle:focus:before, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle:hover:before, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle:active:before, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle:focus:before {
  background: #fff;
  border: 1px solid #0068B2;
  transition: ease-in-out 0.2s;
}
form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle:hover:after, form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle:active:after, form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle:focus:after, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle:hover:after, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle:active:after, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle:focus:after {
  border-bottom: 2px solid #0068B2;
  border-right: 2px solid #0068B2;
  transition: ease-in-out 0.2s;
}
form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle:before, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle:before {
  content: "";
  width: 35px;
  height: 35px;
  top: 4px;
  right: 4px;
  background: #0068B2;
  border: 1px solid #0068B2;
  border-radius: 100%;
  position: absolute;
  transition: ease-in-out 0.2s;
}
form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .btn.dropdown-toggle:after, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .btn.dropdown-toggle:after {
  content: "";
  border: 0;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
  right: 17px;
  top: 17px;
  width: 8px;
  height: 8px;
  position: absolute;
  transform: rotateZ(45deg);
  transition: ease-in-out 0.2s;
}
form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .dropdown-menu, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .dropdown-menu {
  width: 100%;
  box-shadow: 0px 3px 30px 0px rgba(0, 0, 0, 0.29);
}
form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .dropdown-menu .dropdown-item, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .dropdown-menu .dropdown-item {
  padding: 10px 20px;
}
form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .dropdown-menu + .dropdown-menu-arrow, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .dropdown-menu + .dropdown-menu-arrow {
  content: "";
  height: 10px;
  width: 25px;
  opacity: 0;
  position: relative;
  top: -10px;
  left: 35px;
  border-right: transparent 12px solid;
  border-bottom: #fff 6px solid;
  border-left: transparent 12px solid;
  z-index: 9999;
}
form .powermail_fieldwrap.powermail_fieldwrap_type_select .dropdown .dropdown-menu.show + .dropdown-menu-arrow, form .powermail_fieldwrap.powermail_fieldwrap_type_country .dropdown .dropdown-menu.show + .dropdown-menu-arrow {
  opacity: 1;
}
form .powermail_fieldset {
  margin-bottom: 2rem;
}
form .powermail_fieldset.row-nolabel {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) / -2);
  margin-left: calc(var(--bs-gutter-x) / -2);
}
form .powermail_fieldset.row-nolabel > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) / 2);
  padding-left: calc(var(--bs-gutter-x) / 2);
  margin-top: var(--bs-gutter-y);
}
form .powermail_fieldset.row-nolabel legend {
  display: none;
}
form .powermail_fieldset.row-nolabel .powermail_fieldwrap_privacy {
  margin-top: 3rem;
  margin-bottom: 3rem !important;
}
form .powermail_fieldset.row-nolabel .powermail_fieldwrap_privacy > label {
  display: none;
}
form .powermail_textarea {
  min-height: 150px;
}
form .powermail_legend {
  margin: 1rem 0;
}
form .powermail_legend:before {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  content: "\e904";
  color: #0068B2;
  margin-right: 10px;
  top: 3px;
}
form .powermail_fieldwrap_type_captcha label {
  display: block;
}
form .powermail_fieldwrap_type_captcha .powermail_captcha {
  width: 5em;
  display: inline-block;
}
form .powermail_fieldwrap_type_captcha .powermail_captchaimage {
  display: inline-block;
  margin-left: 2rem;
  height: 42px;
  position: relative;
  top: -2px;
}
form .powermail_fieldwrap_type_submit {
  margin-top: 3rem;
}
form .powermail_fieldwrap_type_submit .btn {
  padding: 11px 25px;
  color: #fff;
}
form .clone-wrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
form .addbutton,
form .subbutton {
  display: inline-block;
  background: #0068B2;
  border: 1px solid #0068B2;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  cursor: pointer;
  transition: ease-out 0.2s;
  margin-bottom: 1rem;
  padding: 0;
  text-align: center;
}
form .addbutton:hover, form .addbutton:active, form .addbutton:focus,
form .subbutton:hover,
form .subbutton:active,
form .subbutton:focus {
  background: #fff;
  color: #0068B2;
  transition: ease-out 0.2s;
}

fieldset.multiplier ~ .multiplier {
  display: none;
}
fieldset.multiplier ~ .multiplier legend {
  display: none;
}

.powermail_field_error {
  background: rgba(180, 0, 0, 0.1);
}

.powermail-errors-list {
  list-style: none;
  padding: 0;
}
.powermail-errors-list li {
  margin: 0.75rem 0;
  color: rgb(180, 0, 0);
  font-size: 14px;
  font-weight: 600;
}

header.page {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 999;
}
header.page.headroom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: transform 0.25s ease-in-out;
  overflow: visible;
}
header.page.headroom--unpinned {
  top: -108px;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  -moz-transition: 0.25s;
  -ms-transition: 0.25s;
  transition: 0.25s;
  -webkit-transform: translateY(-108px);
  -o-transform: translateY(-108px);
  -moz-transform: translateY(-108px);
  -ms-transform: translateY(-108px);
  transform: translateY(-108px);
}
header.page.headroom--pinned {
  top: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}
header.page .lang-nav {
  display: none;
}
@media (min-width: 768px) {
  header.page .lang-nav span {
    display: inline-block;
  }
  header.page .lang-nav span.active a {
    position: relative;
  }
  header.page .lang-nav span.active a:after {
    content: "";
    position: absolute;
    width: calc(100% - 1rem);
    height: 0.1rem;
    left: 0;
    right: 0;
    bottom: 1rem;
    margin: auto;
    background: #0068B2;
  }
  header.page .lang-nav span a {
    padding: 1rem 0.5rem;
    display: block;
  }
  header.page .lang-nav.show {
    display: inline-block;
    padding: 0 0.5rem;
  }
}
header.page .navbar {
  padding: 0;
  background-color: #fff;
  background: rgba(255, 255, 255, 0.1);
  transition: background ease 1s;
}
@media (max-width: 1199px) {
  header.page .navbar .mobile-icon-link {
    margin-left: auto;
  }
  header.page .navbar .navbar-toggler {
    padding: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
  }
}
header.page .navbar .brand-logo {
  padding: 1rem 0;
  margin: 1rem 0;
}
@media (max-width: 767px) {
  header.page .navbar .brand-logo {
    padding: 0;
    margin: 1rem 0;
  }
}
@media (max-width: 991px) {
  header.page .navbar .brand-logo img {
    width: 130px;
  }
}
@media (max-width: 767px) {
  header.page .navbar .brand-logo img {
    width: 120px;
  }
}
@media (min-width: 1200px) {
  header.page .navbar .navbar-wrapper {
    padding: 1rem 0 0;
  }
}
header.page .navbar .navbar-meta a.nav-link,
header.page .navbar .navbar-meta .nav-item.active > span {
  padding: 1rem;
  display: block;
}
@media (min-width: 1200px) {
  header.page .navbar .navbar-meta a.nav-link:hover,
  header.page .navbar .navbar-meta .nav-item.active > span:hover {
    color: #0068B2;
  }
}
@media (min-width: 1200px) {
  header.page .navbar .navbar-meta a.language-menu {
    float: left;
  }
}
@media (max-width: 1199px) {
  header.page .navbar .navbar-meta a.language-menu {
    padding: 0;
  }
}
@media (max-width: 767px) {
  header.page .navbar .navbar-meta .lang-nav.show {
    display: block;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    margin: auto;
    top: 5rem;
    background: #fff;
    border-radius: 5px;
    padding: 0.5rem 0;
  }
  header.page .navbar .navbar-meta .lang-nav.show::before {
    content: "";
    display: block;
    position: absolute;
    top: -1rem;
    left: 0;
    right: 0;
    margin: auto;
    height: 1rem;
    width: 1rem;
    border-right: transparent 1.2rem solid;
    border-bottom: #fff 0.6rem solid;
    border-left: transparent 1.2rem solid;
  }
  header.page .navbar .navbar-meta .lang-nav.show span {
    margin: 0;
    display: block;
  }
  header.page .navbar .navbar-meta .lang-nav.show span a {
    font-size: 16px;
    font-size: 1.6rem;
    display: block;
    color: #000;
    padding: 1rem 1.5rem;
    line-height: 1;
    position: relative;
  }
  header.page .navbar .navbar-meta .lang-nav.show span.active a:after {
    content: "";
    position: absolute;
    width: calc(100% - 3rem);
    height: 0.1rem;
    left: 0;
    right: 0;
    bottom: 0.5rem;
    margin: auto;
    background: #0068B2;
  }
}
header.page .navbar .navbar-main .navbar-nav > li {
  margin-right: 0;
}
header.page .navbar .navbar-main .navbar-nav > li.active {
  font-weight: bold;
}
header.page .navbar .navbar-main .navbar-nav > li:hover > a.nav-link {
  -moz-transition: color 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  color: #0068B2;
}
header.page .navbar .navbar-main .navbar-nav > li:hover > .dropdown-menu {
  display: block;
}
header.page .navbar .navbar-main .navbar-nav > li > a.nav-link {
  -moz-transition: color 0.2s ease-in;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
  padding: 1rem 1.4rem 2rem;
}
header.page .navbar .navbar-main .navbar-nav > li.dropdown > a::after {
  content: "";
  display: inline-block;
  margin-left: 7px;
  vertical-align: 3px;
  transform: rotateZ(135deg);
  width: 7px;
  height: 7px;
  border-top: 1.5px solid #0068B2;
  border-right: 1.5px solid #0068B2;
  border-bottom: 0;
  border-left: 0;
}
header.page .navbar .navbar-main .navbar-nav > li.dropdown:last-child .dropdown-menu {
  right: 0px;
  left: auto;
}
header.page .navbar .navbar-main .navbar-nav > li.dropdown:last-child .dropdown-menu::before {
  left: 165px;
}
header.page .navbar .navbar-main .navbar-nav > li span.dropdown-item-toggle::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 20px;
  top: 15px;
  transform: rotateZ(45deg);
  width: 7px;
  height: 7px;
  border-top: 1.5px solid #0068B2;
  border-right: 1.5px solid #0068B2;
  border-bottom: 0;
  border-left: 0;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu {
  min-width: 265px;
  box-shadow: 5px 5px 30px 20px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  padding: 25px 0;
  left: 1.4rem;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu li.active > a,
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu li.active > span {
  color: #0068B2;
  background: #f2f2f2;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu li.active > a.arrow::after,
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu li.active > span.arrow::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 20px;
  top: 15px;
  transform: rotateZ(45deg);
  width: 7px;
  height: 7px;
  border-top: 1.5px solid #0068B2;
  border-right: 1.5px solid #0068B2;
  border-bottom: 0;
  border-left: 0;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-item {
  position: relative;
  line-height: 26px;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-item:active {
  background: #0068B2;
  color: #fff;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-item:hover {
  background: #f2f2f2;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-item:hover + .dropdown-menu {
  display: block;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-item.dropdown-item-toggle::after {
  content: "";
  position: absolute;
  display: inline-block;
  right: 20px;
  top: 15px;
  transform: rotateZ(45deg);
  width: 7px;
  height: 7px;
  border-top: 1.5px solid #0068B2;
  border-right: 1.5px solid #0068B2;
  border-bottom: 0;
  border-left: 0;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-menu {
  left: 95%;
  top: 0;
  border: 0;
  box-shadow: 5px 5px 30px 20px rgba(0, 0, 0, 0.05);
  min-height: 100%;
  min-width: 265px;
  border-radius: 8px;
  z-index: 5;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-menu li.submenu-title {
  font-weight: 600;
  border-bottom: 1px solid #c3c3c3;
  padding: 15px 30px 15px 20px;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-menu li.active span {
  color: #0068B2;
  padding: 6px 30px 6px 20px;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-menu:hover {
  display: block;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu:hover {
  display: block;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu::before {
  content: "";
  height: 10px;
  width: 25px;
  display: block;
  position: absolute;
  top: -10px;
  left: 35px;
  border-right: transparent 12px solid;
  border-bottom: white 6px solid;
  border-left: transparent 12px solid;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu a {
  line-height: 26px;
  padding: 6px 30px 6px 20px;
  color: #000;
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu span {
  line-height: 26px;
  padding: 6px 30px 6px 20px;
}
header.page .navbar a {
  -moz-transition: color 0.2s ease-in;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
  color: #fff;
  text-decoration: none;
}
@media (min-width: 1200px) {
  header.page .icon-Lupe {
    position: relative;
    color: #0068B2;
    cursor: pointer;
    margin-left: 10px;
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 100%;
    background-color: transparent;
    transition: background-color ease-in-out 0.2s;
  }
}
@media (min-width: 1200px) and (max-width: 767px) {
  header.page .icon-Lupe {
    width: inherit;
    height: inherit;
  }
}
@media (min-width: 1200px) {
  header.page .icon-Lupe:hover {
    background-color: #fff;
    transition: background-color ease-in-out 0.2s;
  }
  header.page .icon-Lupe::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
  }
}
@media (max-width: 1199px) {
  header.page .menu-language {
    display: flex;
    align-items: center;
  }
  header.page .icon-mobilenav,
  header.page .icon-Globus,
  header.page .icon-Lupe {
    -moz-transition: color 0.2s ease-in;
    -webkit-transition: color 0.2s ease-in;
    -o-transition: color 0.2s ease-in;
    transition: color 0.2s ease-in;
    display: inline-block;
    color: #fff;
    align-self: center;
    vertical-align: middle;
    padding: 1.5rem;
  }
  header.page .icon-mobilenav:before,
  header.page .icon-Globus:before,
  header.page .icon-Lupe:before {
    font-size: 21px;
    font-size: 2.1rem;
  }
  header.page .icon-mobilenav:hover,
  header.page .icon-Globus:hover,
  header.page .icon-Lupe:hover {
    -moz-transition: color 0.2s ease-out;
    -webkit-transition: color 0.2s ease-out;
    -o-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
    color: #0068B2;
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  header.page .icon-Globus {
    display: none;
  }
}
@media (min-width: 1200px) {
  header.page .search-area {
    box-shadow: 5px 5px 30px 20px rgba(0, 0, 0, 0.05);
  }
}
@media (max-width: 767px) {
  header.page .search-area {
    box-shadow: 5px 5px 30px 20px rgba(0, 0, 0, 0.05);
  }
}
header.page .search-area form {
  padding: 28px;
  background: #fff;
}
@media (min-width: 1200px) {
  header.page .search-area form {
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.12);
  }
}
@media (max-width: 767px) {
  header.page .search-area form {
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.12);
  }
}
@media (max-width: 991px) {
  header.page .search-area form {
    padding: 10px 28px;
  }
}
header.page .search-area form input {
  height: 50px;
  max-width: 580px;
  border-radius: 30px;
  background: #f2f2f2;
  color: #9d9d9c;
  padding: 10px 30px;
  border: none;
}
header.page .search-area form input::placeholder {
  opacity: 1;
  color: #9d9d9c;
}
@media (max-width: 1199px) {
  header.page .search-area form button {
    display: none;
  }
}

.heroslider-page header.page .nav-normal {
  background: rgba(255, 255, 255, 0.9);
  transition: background ease 1s;
}
.heroslider-page header.page .nav-normal .icon-mobilenav,
.heroslider-page header.page .nav-normal .icon-Globus,
.heroslider-page header.page .nav-normal .icon-Lupe {
  color: #0068B2;
}
.heroslider-page header.page .nav-normal .container {
  border-bottom: 1px solid #0068B2;
}
.heroslider-page header.page .nav-normal a {
  -moz-transition: color 0.2s ease-in;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
  color: #000;
}

.herosingle-page header.page nav {
  background: rgba(255, 255, 255, 0.9);
  transition: background ease 1s;
}
.herosingle-page header.page nav.nav-normal .container {
  border-bottom: 1px solid #0068B2;
}
.herosingle-page header.page nav .icon-mobilenav,
.herosingle-page header.page nav .icon-Globus,
.herosingle-page header.page nav .icon-Lupe {
  color: #0068B2;
}
.herosingle-page header.page nav a {
  -moz-transition: color 0.2s ease-in;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
  color: #000;
}

.nohero-page header.page nav {
  background: rgba(255, 255, 255, 0.9);
  transition: background ease 1s;
}
.nohero-page header.page nav .container {
  border-bottom: 1px solid #0068B2;
}
.nohero-page header.page nav .icon-mobilenav,
.nohero-page header.page nav .icon-Globus,
.nohero-page header.page nav .icon-Lupe {
  color: #0068B2;
}
.nohero-page header.page nav a {
  -moz-transition: color 0.2s ease-in;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
  color: #000;
}
.nohero-page main {
  padding-top: 75px;
}
@media (min-width: 768px) {
  .nohero-page main {
    padding-top: 95px;
  }
}
@media (min-width: 1200px) {
  .nohero-page main {
    padding-top: 109px;
  }
}
@media (min-width: 1400px) {
  .nohero-page main {
    padding-top: 112px;
  }
}

.breadcrumb-wrapper .breadcrumb {
  margin-bottom: 0;
  padding: 2.4rem 0 0;
  color: #9d9d9c;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item {
  padding-left: 0.75rem;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #9d9d9c;
  padding-right: 0.75rem;
}
.breadcrumb-wrapper .breadcrumb .breadcrumb-item.active a {
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 600;
}
.breadcrumb-wrapper .breadcrumb a {
  color: #9d9d9c;
  text-decoration: none;
}

.mm-wrapper_opening .mm-menu_position-bottom,
.mm-wrapper_opening .mm-menu_position-front,
.mm-wrapper_opening .mm-menu_position-top,
.mm-wrapper_closing .mm-menu_position-bottom,
.mm-wrapper_closing .mm-menu_position-front,
.mm-wrapper_closing .mm-menu_position-top,
.mm-wrapper .mm-menu {
  background: transparent;
}

.mm-menu_offcanvas {
  width: 310px;
  max-width: 310px;
}

.mm-panels {
  background: transparent;
}
.mm-panels .mm-panel.mm-panel_opened-parent {
  transform: translate3d(-100%, 0, 0);
}
.mm-panels .mm-panel {
  background: transparent;
}
.mm-panels .mm-panel .mm-navbar_sticky {
  border-radius: 12px 0 0;
}
.mm-panels .mm-panel .mm-navbar_sticky .mm-btn_prev::before {
  border-color: #0068B2;
}
.mm-panels .mm-panel .mm-navbar_sticky .mm-navbar__title {
  position: relative;
  justify-content: flex-start;
  top: 2px;
  font-weight: bold;
  color: #000;
  font-size: 18px;
  font-size: 1.8rem;
}
.mm-panels .mm-panel .mm-navbar_sticky .navbar-toggler a {
  display: inline-block;
  position: absolute;
  right: 15px;
  top: 12px;
  cursor: pointer;
  font-size: 25px;
  color: #0068B2;
}
.mm-panels .mm-panel .mm-navbar__title {
  display: none;
}
.mm-panels .mm-panel .mm-btn_prev + .mm-navbar__title {
  display: flex;
}
.mm-panels .mm-panel .mm-listview {
  background: #fff;
  padding: 10px 0;
}
.mm-panels .mm-panel .mm-listview:last-of-type {
  border-radius: 0 0 0 12px;
}
.mm-panels .mm-panel .mm-listview .submenu-title {
  display: none;
}
.mm-panels .mm-panel .mm-listview .mm-listitem {
  border: none;
}
.mm-panels .mm-panel .mm-listview .mm-listitem.active {
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 700;
}
.mm-panels .mm-panel .mm-listview .mm-listitem::after {
  display: none;
}
.mm-panels .mm-panel .mm-listview .mm-listitem .mm-btn_next {
  border: none;
}
.mm-panels .mm-panel .mm-listview .mm-listitem .mm-btn_next::after {
  border-color: #0068B2;
}

.navbar-meta .badge {
  position: relative;
  top: -0.1em;
}

.nav-pills {
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  .nav-pills {
    margin-bottom: 4.8rem;
  }
}
@media (min-width: 992px) {
  .nav-pills {
    margin-bottom: 4.8rem;
  }
}
.nav-pills .nav-item {
  position: relative;
}
.nav-pills .nav-item .nav-link {
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  .nav-pills .nav-item .nav-link {
    font-size: 20px;
    font-size: 2rem;
  }
}
.nav-pills .nav-item .nav-link {
  padding: 1rem 0;
  color: #000;
}
.nav-pills .nav-item .nav-link:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  background: #e4e4e4;
  bottom: 0;
}
.nav-pills .nav-item .nav-link.active {
  color: #000;
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 600;
  background: transparent;
}
.nav-pills .nav-item .nav-link.active:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 6px;
  background: #0068B2;
  border-radius: 3px;
  bottom: -3px;
}

.news-list-view.news-list-isotope-view {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
}
.news-list-view.news-list-isotope-view > .row {
  height: 100%;
}
.news-list-view .card {
  border-radius: 12px;
  border: none;
  height: 100%;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  margin-top: 1.5rem;
  margin-bottom: 1.5rem !important;
}
.news-list-view .card img {
  border-radius: 12px 12px 0 0;
}
.news-list-view .card .badge {
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 8px 10px 6px;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.6);
}
.news-list-view .card .card-body {
  padding: 20px 25px 50px 25px;
}
@media (min-width: 768px) {
  .news-list-view .card .card-body {
    min-height: 350px;
  }
}
@media (min-width: 1200px) {
  .news-list-view .card .card-body {
    min-height: 300px;
  }
}
.news-list-view .card .card-body {
  height: 100%;
}
.news-list-view .card .card-body p {
  margin-bottom: 0.6rem;
}
.news-list-view .card .card-body .meta {
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 1200px) {
  .news-list-view .card .card-body .meta {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.news-list-view .card .card-body .meta {
  color: #9d9d9c;
}
.news-list-view .card .card-body .header h4 {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .news-list-view .card .card-body .header h4 {
    font-size: 19px;
    font-size: 1.9rem;
  }
}
@media (min-width: 992px) {
  .news-list-view .card .card-body .header h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .news-list-view .card .card-body .header h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.news-list-view .card .card-body .more {
  position: absolute;
  bottom: 20px;
}

.news-single .meta p {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .news-single .meta p {
    margin-bottom: 0.6rem;
  }
}
.news-single .mediaelement {
  margin: 2.4rem 0;
}
.news-single .news-related {
  border: none;
  padding: 0;
}
.news-single .news-related h4 {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .news-single .news-related h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 992px) {
  .news-single .news-related h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .news-single .news-related h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
.news-single .news-related h4 {
  padding: 1.5rem;
  border-bottom: 1px solid #e4e4e4;
}
.news-single .news-related ul {
  margin: 1.5rem;
  list-style: none;
  padding-left: 30px;
}
.news-single .news-related ul li {
  margin-bottom: 1.5rem;
  position: relative;
}
.news-single .news-related ul li:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(../Images/Icon-Download.svg);
  background-repeat: no-repeat;
  position: absolute;
  left: -30px;
}
.news-single .news-related ul li span {
  margin-top: 3px;
}
.news-single .news-related ul li span a {
  color: #000;
}
.news-single .news-related ul li span a:hover, .news-single .news-related ul li span a:focus {
  color: #4DA7E8;
}

.badge {
  background: #0068B2 !important;
}

/* ####################
#### Menu subpages ####
#################### */
/* Product categories */
@media (max-width: 991px) {
  .submenu-btn-icons {
    margin-top: 4.8rem;
  }
}
.submenu-btn-icons .btn-product-category {
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.8rem;
  border-radius: 0;
  text-align: left;
  color: #0068B2;
  padding: 2.8rem 0 2.5rem;
  border: none;
  border-bottom: 1px solid #c3c3c3;
}
.submenu-btn-icons .btn-product-category:hover, .submenu-btn-icons .btn-product-category:focus {
  -moz-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  -o-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  color: #4DA7E8;
  background: transparent;
}
@media (min-width: 768px) {
  .submenu-btn-icons .btn-product-category {
    font-size: 14px;
    font-size: 1.4rem;
    -moz-transition: color 0.2s ease-in, border-color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
    -webkit-transition: color 0.2s ease-in, border-color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
    -o-transition: color 0.2s ease-in, border-color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
    transition: color 0.2s ease-in, border-color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
    text-align: center;
    border-radius: 12px;
    background-color: #0068B2;
    color: #fff;
    padding: 3rem 1rem;
    border: none;
    box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.36);
  }
  .submenu-btn-icons .btn-product-category:hover, .submenu-btn-icons .btn-product-category:focus {
    color: #fff;
    background: #4DA7E8;
    border-bottom: none;
  }
  .submenu-btn-icons .btn-product-category img {
    height: 100%;
    max-height: 150px;
    width: 100%;
    max-width: 100px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) and (max-width: 767px) {
  .submenu-btn-icons .btn-product-category img {
    display: none;
  }
}
@media (min-width: 992px) {
  .submenu-btn-icons .btn-product-category {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .submenu-btn-icons .btn-product-category {
    font-size: 20px;
    font-size: 2rem;
  }
}
.submenu-btn-icons .btn-product-category .category {
  display: inline-block;
}
@media (min-width: 768px) {
  .submenu-btn-icons .btn-product-category .category {
    margin-top: 1rem;
    display: block;
  }
}
@media (min-width: 768px) {
  .submenu-btn-icons .col-12.col-md-6.col-lg-4 {
    margin: 1.5rem 0;
  }
}
@media (min-width: 768px) {
  .submenu-btn-icons .col-12.col-md-6 {
    margin: 1.5rem 0;
  }
}
@media (min-width: 992px) {
  .submenu-btn-icons .col-12.col-md-6 {
    margin: 0.5rem 0 2.5rem;
  }
}
@media (max-width: 991px) {
  .submenu-btn-icons .row > div:first-child .btn-product-category {
    border-top: 1px solid #c3c3c3;
  }
}

/* Industries */
.submenu-dropdown {
  margin-bottom: 2.4rem;
}

/* Business Units */
.submenu-list-with-icons {
  margin-top: 2.4rem;
}
@media (min-width: 768px) {
  .submenu-list-with-icons {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .submenu-list-with-icons {
    margin-top: 3.6rem;
  }
}
.submenu-list-with-icons li {
  border-top: 1px solid #9d9d9c;
  padding: 1.5rem 0;
}
.submenu-list-with-icons li:last-child {
  border-bottom: 1px solid #9d9d9c;
}
.submenu-list-with-icons li .icon {
  width: 70px;
  height: 50px;
}
.submenu-list-with-icons li .icon img {
  width: 70px;
  height: 50px;
}
.submenu-list-with-icons li a {
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.4;
}

/* Submenu Images */
.submenu-images {
  margin-top: 2.4rem;
}
@media (min-width: 768px) {
  .submenu-images {
    margin-top: 1.2rem;
  }
}
@media (min-width: 992px) {
  .submenu-images {
    margin-top: 3.6rem;
  }
}
.submenu-images .item {
  margin-bottom: 3.6rem;
}
@media (max-width: 767px) {
  .submenu-images .item {
    margin-bottom: 1.4rem;
  }
}
.submenu-images .item .zoom-image-wrapper {
  overflow: hidden;
  max-width: 360px;
  max-height: 205px;
  margin-bottom: 1rem;
  border-radius: 12px;
  transform: translateZ(0);
}
.submenu-images .item .zoom-image-wrapper img {
  transition: transform 0.5s ease;
}
.submenu-images .item h4 {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .submenu-images .item h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .submenu-images .item h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (max-width: 767px) {
  .submenu-images .item h4 {
    margin-bottom: 17px;
    border-bottom: 1px solid #B9B9B9;
    padding-bottom: 17px;
  }
  .submenu-images .item h4::after {
    content: "›";
    margin-left: 10px;
  }
}
.submenu-images .item:hover .zoom-image-wrapper img {
  transform: scale(1.2);
  transition: transform 0.5s ease;
}

/* Submenu Pageteaser */
.submenu-pageteaser .headline {
  margin-bottom: 1.2rem;
}

/* ###########
#### Mask ####
########### */
/* Infobox */
.infobox {
  border: 1px solid #c3c3c3;
  border-radius: 12px;
}
@media (max-width: 991px) {
  .infobox {
    margin-bottom: 2.4rem;
  }
}
.infobox .head {
  padding: 3rem 4rem;
  border-bottom: 1px solid #c3c3c3;
}
@media (max-width: 991px) {
  .infobox .head {
    padding: 2rem 3rem;
  }
}
@media (max-width: 991px) {
  .infobox .head {
    padding: 1.5rem 1.5rem;
  }
}
.infobox .head h3 {
  margin-bottom: 0;
}
.infobox .text {
  padding: 3rem 4rem;
}
@media (max-width: 991px) {
  .infobox .text {
    padding: 2rem 3rem;
  }
}
@media (max-width: 991px) {
  .infobox .text {
    padding: 1.5rem 1.5rem;
  }
}
.infobox .text li {
  margin-bottom: 1.5rem;
}
.infobox.blue {
  border: none;
  padding: 0;
}
.infobox.blue .head {
  border-radius: 12px 12px 0 0;
  background: #0068B2;
  color: #fff;
  border-bottom-color: #0068B2;
}

/* Box */
.box {
  box-shadow: 0px 8px 35px rgba(0, 0, 0, 0.15);
  background: #fff;
  border-radius: 12px;
  padding: 2.5rem 2.5rem 3rem;
}

/* Contacts */
.contact {
  padding-top: 3rem;
}
@media (max-width: 575px) {
  .contact {
    padding-top: 2rem;
  }
}
.contact p {
  font-size: 16px;
  font-size: 1.6rem;
}
.contact img {
  max-width: 135px;
}
@media (max-width: 575px) {
  .contact img {
    max-width: 100px;
  }
  .contact .flex-grow-1 {
    margin-top: 1rem;
  }
}

.contacts-service-distribution {
  margin-top: 4.5rem;
}

.contacts-contacts .contact:first-of-type {
  padding-top: 1rem;
}

.dropdown.bootstrap-select {
  width: 100% !important;
  max-width: 560px;
}
.dropdown.bootstrap-select .dropdown-menu .bs-searchbox input {
  border-radius: 50px;
  background: #f2f2f2;
  color: #9d9d9c;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 8px 11px 6px;
}
.dropdown.bootstrap-select .dropdown-item {
  white-space: inherit;
}
.dropdown.bootstrap-select *:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Modal */
.modal-open {
  padding-right: 0 !important;
}

.modal .modal-dialog {
  border-radius: 12px;
  top: 50%;
  transform: translateY(-50%) !important;
}
.modal .modal-dialog .modal-content {
  border-radius: 12px;
}
.modal .modal-dialog .modal-content .modal-header {
  border: none;
}
.modal .modal-dialog .modal-content .modal-header .arrow-prev,
.modal .modal-dialog .modal-content .modal-header .arrow-next {
  font-size: 32px;
  font-size: 3.2rem;
  margin: 0 1rem 0 0;
}
@media (max-width: 767px) {
  .modal .modal-dialog .modal-content .modal-header .arrow-prev,
  .modal .modal-dialog .modal-content .modal-header .arrow-next {
    font-size: 36px;
    font-size: 3.6rem;
  }
}
.modal .modal-dialog .modal-content .modal-header .btn-close {
  position: relative;
  background: #fff;
  color: #0068B2;
  opacity: 1;
}
.modal .modal-dialog .modal-content .modal-header .btn-close:hover, .modal .modal-dialog .modal-content .modal-header .btn-close:active, .modal .modal-dialog .modal-content .modal-header .btn-close:focus {
  opacity: 0.7;
}
.modal .modal-dialog .modal-content .modal-body {
  padding-top: 0;
}
.modal .modal-dialog .modal-content .modal-body img {
  border-radius: 5px;
}
.modal#personModal .modal-dialog {
  max-width: 680px;
}
.modal#personModal .modal-dialog .modal-header {
  padding: 2rem 3rem;
  border-bottom: 1px solid #9d9d9c;
}
@media (max-width: 575px) {
  .modal#personModal .modal-dialog .modal-header {
    padding: 2rem 2rem;
  }
}
.modal#personModal .modal-dialog .modal-body {
  padding: 0 3rem 3rem;
}
@media (max-width: 575px) {
  .modal#personModal .modal-dialog .modal-body {
    padding: 0 2rem 2rem;
  }
}

/* Testimonial */
.testimonial {
  padding: 60px;
}
@media (max-width: 991px) {
  .testimonial {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .testimonial {
    box-shadow: none;
    border-radius: 0;
    padding: 0;
  }
}
@media (min-width: 768px) {
  .testimonial .text {
    border-left: 1px solid #000;
    padding-left: 40px;
    margin-left: 10px;
  }
}
@media (min-width: 992px) {
  .testimonial .text {
    padding-left: 60px;
    margin-left: 30px;
  }
}
@media (min-width: 1200px) {
  .testimonial .text {
    padding-left: 80px;
    margin-left: 10px;
  }
}
.testimonial .image img {
  margin: 10px 0;
  max-width: 190px;
}
@media (max-width: 991px) {
  .testimonial .image img {
    max-width: 174px;
  }
}
@media (min-width: 992px) {
  .testimonial .image img {
    max-width: 240px;
  }
}
.testimonial .quote {
  color: #000;
  padding-top: 0;
  margin-top: 0;
  border-top: none;
}
.testimonial .quote:before {
  margin-left: 0;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .testimonial .quote {
    padding-left: 0;
  }
}
.testimonial .cite {
  color: #000;
  text-align: left;
}
@media (min-width: 768px) {
  .testimonial .cite {
    padding-left: 0;
  }
}

/* Accordion */
.accordion {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.accordion .accordion-item {
  border-left: none;
  border-right: none;
  border-radius: 0;
  border-color: #c3c3c3;
}
.accordion .accordion-item .accordion-header .accordion-button {
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 1200px) {
  .accordion .accordion-item .accordion-header .accordion-button {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.accordion .accordion-item .accordion-header .accordion-button {
  line-height: 1.32;
  color: #000;
  background: none;
  box-shadow: none;
  border: none;
  padding: 1rem 0;
}
.accordion .accordion-item .accordion-body {
  padding: 1rem 0;
}
.accordion {
  /* Locations */
}
.accordion.locations .accordion-item .accordion-header .accordion-button {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 1200px) {
  .accordion.locations .accordion-item .accordion-header .accordion-button {
    font-size: 20px;
    font-size: 2rem;
  }
}
.accordion.locations .accordion-item .accordion-header .accordion-button {
  padding: 1.5rem 0;
}
.accordion.locations .accordion-item .accordion-header .accordion-button span {
  padding-right: 3rem;
}
.accordion.locations .accordion-item .accordion-body {
  padding: 1.2rem 0;
}
.accordion.locations .accordion-item .accordion-body .image {
  margin-top: 0;
  margin-bottom: 1.2rem;
}
.accordion.locations .accordion-item .accordion-body .address {
  margin-bottom: 1.2rem;
}
@media (max-width: 767px) {
  .accordion.locations .accordion-item .accordion-body .buttons {
    margin-bottom: 2.4rem;
  }
}

/* Facts */
.facts .fact {
  text-align: center;
}
@media (max-width: 991px) {
  .facts .fact {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
  }
}
.facts .fact .number {
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 700;
  font-size: 35px;
  font-size: 3.5rem;
}
@media (min-width: 768px) {
  .facts .fact .number {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media (min-width: 992px) {
  .facts .fact .number {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .facts .fact .number {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
.facts .fact .number {
  line-height: 1.2;
}
.facts .fact .description {
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .facts .fact .description {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .facts .fact .description {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.facts .icons .fact .description {
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 1200px) {
  .facts .icons .fact .description {
    font-size: 25px;
    font-size: 2.5rem;
  }
}

/* Teaser with Icon */
.teaser {
  margin-top: 30px;
}
@media (max-width: 991px) {
  .teaser {
    margin-bottom: 2.4rem;
  }
}
.teaser:first-of-type {
  margin-top: 0;
}
.teaser.border-bottom p {
  margin-bottom: 30px;
}
.teaser .supheader {
  color: #999;
  font-style: italic;
}
@media (max-width: 991px) {
  .teaser img {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 991px) {
  .teaser img.big-icon {
    width: 64px;
    height: 64px;
  }
}

/* Announcement */
.announcement {
  position: relative;
  padding-top: 3.6rem;
  margin-bottom: -4.8rem;
}
@media (min-width: 768px) {
  .announcement {
    margin-bottom: -6rem;
    padding-top: 140px;
  }
}
@media (min-width: 992px) {
  .announcement {
    margin-bottom: -3.6rem;
  }
}
@media (min-width: 1200px) {
  .announcement {
    margin-bottom: -7.2rem;
    padding-top: 200px;
  }
}
.announcement-bg {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  z-index: -3;
  background-size: contain;
}
@media (min-width: 576px) {
  .announcement-bg {
    background-size: cover;
  }
}
.announcement-bg {
  background-repeat: no-repeat;
}
.announcement-bg-overlay:after {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  z-index: -2;
  background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0.25) 15%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 767px) {
  .announcement .image {
    max-width: 200px;
    margin: 0 auto;
  }
}
@media (max-width: 991px) {
  .announcement .image {
    max-width: 250px;
    margin: 0 auto;
  }
}
.announcement .box {
  padding: 4rem;
  margin-bottom: 6rem;
}
.announcement .box p:last-child {
  margin-bottom: 0;
}
.announcement .text {
  padding-bottom: 4.8rem;
}
@media (min-width: 768px) {
  .announcement .text {
    padding-bottom: 6rem;
  }
}
@media (min-width: 992px) {
  .announcement .text {
    padding-bottom: 3.6rem;
  }
}
@media (min-width: 1200px) {
  .announcement .text {
    padding-bottom: 7.2rem;
  }
}
.announcement .text h2 {
  margin-bottom: 0.5rem;
  font-size: 25px;
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .announcement .text h2 {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media (min-width: 768px) {
  .announcement .text h2 {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
@media (min-width: 1200px) {
  .announcement .text h2 {
    font-size: 55px;
    font-size: 5.5rem;
  }
}
.announcement .text .subheader {
  display: block;
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .announcement .text .subheader {
    font-size: 23px;
    font-size: 2.3rem;
  }
}
@media (min-width: 768px) {
  .announcement .text .subheader {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media (min-width: 1200px) {
  .announcement .text .subheader {
    font-size: 38px;
    font-size: 3.8rem;
  }
}
.announcement .text .badge {
  background: #0068B2;
  text-transform: uppercase;
  margin-bottom: 1.2rem;
  padding: 8px 1rem 6px;
  border-radius: 8px;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .announcement .text .badge {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 8px 2rem 6px;
    margin-bottom: 2.4rem;
  }
}
@media (min-width: 768px) {
  .announcement .text .badge {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .announcement .text .badge {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.announcement .text .benefits {
  margin: 1rem 0;
}
@media (min-width: 992px) {
  .announcement .text .benefits {
    margin: 1.5rem 0;
  }
}
.announcement .text .benefits .benefit {
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 1rem 0;
  padding: 1rem 2rem;
}
@media (min-width: 576px) {
  .announcement .text .benefits .benefit {
    padding: 2rem;
  }
}
@media (min-width: 768px) {
  .announcement .text .benefits .benefit {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 992px) {
  .announcement .text .benefits .benefit {
    margin: 1.5rem 0;
    padding: 2rem 3rem;
  }
}
@media (min-width: 1200px) {
  .announcement .text .benefits .benefit {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.announcement .text .benefits .benefit img {
  max-width: 50px;
  max-height: 50px;
}

/* Retrofit: Before After */
.before-after-slider {
  position: relative;
  height: 100%;
  width: 100%;
  max-height: 609px;
  max-width: 560px;
  overflow: hidden;
}
.before-after-slider .before,
.before-after-slider .after {
  position: absolute;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-color: white;
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  pointer-events: none;
  overflow: hidden;
}
.before-after-slider .before img,
.before-after-slider .after img {
  height: 100%;
}
.before-after-slider .before {
  position: static;
}
.before-after-slider .after {
  width: 100%;
}
.before-after-slider .scroller {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 100px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 50%;
  background-color: transparent;
  opacity: 0.9;
  pointer-events: auto;
  cursor: pointer;
  background: #0068B2;
}
.before-after-slider .scroller svg {
  position: absolute;
  left: 10px;
  top: 9px;
}
.before-after-slider .scroller:hover {
  opacity: 1;
}
.before-after-slider .scroller .scroller_thumb {
  width: 100%;
  height: 100%;
  padding: 5px;
}
.before-after-slider .scroller .scrolling {
  pointer-events: none;
  opacity: 1;
}

/* Video */
.responsive-video {
  position: relative;
  padding-bottom: 55%;
  padding-top: 15px;
  height: 0;
}
.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.responsive-video .uc-embedding-container {
  position: absolute;
  width: 100% !important;
  min-height: 100%;
}
.responsive-video .uc-embedding-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

/* Particle Animation */
.dots-wrapper {
  position: relative;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  transform-style: preserve-3d;
  perspective: 1000px;
  animation: rotate 14s infinite linear;
}

@keyframes rotate {
  100% {
    transform: rotateY(360deg) rotateX(360deg);
  }
}
.dot {
  position: absolute;
  width: 2px;
  height: 2px;
  border-radius: 50%;
  opacity: 0;
}

.dot:nth-child(1) {
  animation: orbit1 14s infinite;
  animation-delay: 0.01s;
  background-color: hsl(204.0666666667, 100%, 100%);
}

@keyframes orbit1 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-139deg) rotateY(217deg) translateX(350px) rotateZ(139deg);
  }
  80% {
    transform: rotateZ(-139deg) rotateY(217deg) translateX(350px) rotateZ(139deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-139deg) rotateY(217deg) translateX(525px) rotateZ(139deg);
  }
}
.dot:nth-child(2) {
  animation: orbit2 14s infinite;
  animation-delay: 0.02s;
  background-color: hsl(204.1333333333, 100%, 100%);
}

@keyframes orbit2 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-155deg) rotateY(291deg) translateX(350px) rotateZ(155deg);
  }
  80% {
    transform: rotateZ(-155deg) rotateY(291deg) translateX(350px) rotateZ(155deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-155deg) rotateY(291deg) translateX(525px) rotateZ(155deg);
  }
}
.dot:nth-child(3) {
  animation: orbit3 14s infinite;
  animation-delay: 0.03s;
  background-color: hsl(204.2, 100%, 100%);
}

@keyframes orbit3 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-58deg) rotateY(26deg) translateX(350px) rotateZ(58deg);
  }
  80% {
    transform: rotateZ(-58deg) rotateY(26deg) translateX(350px) rotateZ(58deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-58deg) rotateY(26deg) translateX(525px) rotateZ(58deg);
  }
}
.dot:nth-child(4) {
  animation: orbit4 14s infinite;
  animation-delay: 0.04s;
  background-color: hsl(204.2666666667, 100%, 100%);
}

@keyframes orbit4 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-356deg) rotateY(88deg) translateX(350px) rotateZ(356deg);
  }
  80% {
    transform: rotateZ(-356deg) rotateY(88deg) translateX(350px) rotateZ(356deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-356deg) rotateY(88deg) translateX(525px) rotateZ(356deg);
  }
}
.dot:nth-child(5) {
  animation: orbit5 14s infinite;
  animation-delay: 0.05s;
  background-color: hsl(204.3333333333, 100%, 100%);
}

@keyframes orbit5 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-317deg) rotateY(73deg) translateX(350px) rotateZ(317deg);
  }
  80% {
    transform: rotateZ(-317deg) rotateY(73deg) translateX(350px) rotateZ(317deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-317deg) rotateY(73deg) translateX(525px) rotateZ(317deg);
  }
}
.dot:nth-child(6) {
  animation: orbit6 14s infinite;
  animation-delay: 0.06s;
  background-color: hsl(204.4, 100%, 100%);
}

@keyframes orbit6 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-244deg) rotateY(222deg) translateX(350px) rotateZ(244deg);
  }
  80% {
    transform: rotateZ(-244deg) rotateY(222deg) translateX(350px) rotateZ(244deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-244deg) rotateY(222deg) translateX(525px) rotateZ(244deg);
  }
}
.dot:nth-child(7) {
  animation: orbit7 14s infinite;
  animation-delay: 0.07s;
  background-color: hsl(204.4666666667, 100%, 100%);
}

@keyframes orbit7 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-312deg) rotateY(262deg) translateX(350px) rotateZ(312deg);
  }
  80% {
    transform: rotateZ(-312deg) rotateY(262deg) translateX(350px) rotateZ(312deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-312deg) rotateY(262deg) translateX(525px) rotateZ(312deg);
  }
}
.dot:nth-child(8) {
  animation: orbit8 14s infinite;
  animation-delay: 0.08s;
  background-color: hsl(204.5333333333, 100%, 100%);
}

@keyframes orbit8 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-13deg) rotateY(110deg) translateX(350px) rotateZ(13deg);
  }
  80% {
    transform: rotateZ(-13deg) rotateY(110deg) translateX(350px) rotateZ(13deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-13deg) rotateY(110deg) translateX(525px) rotateZ(13deg);
  }
}
.dot:nth-child(9) {
  animation: orbit9 14s infinite;
  animation-delay: 0.09s;
  background-color: hsl(204.6, 100%, 100%);
}

@keyframes orbit9 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-140deg) rotateY(277deg) translateX(350px) rotateZ(140deg);
  }
  80% {
    transform: rotateZ(-140deg) rotateY(277deg) translateX(350px) rotateZ(140deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-140deg) rotateY(277deg) translateX(525px) rotateZ(140deg);
  }
}
.dot:nth-child(10) {
  animation: orbit10 14s infinite;
  animation-delay: 0.1s;
  background-color: hsl(204.6666666667, 100%, 100%);
}

@keyframes orbit10 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-227deg) rotateY(177deg) translateX(350px) rotateZ(227deg);
  }
  80% {
    transform: rotateZ(-227deg) rotateY(177deg) translateX(350px) rotateZ(227deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-227deg) rotateY(177deg) translateX(525px) rotateZ(227deg);
  }
}
.dot:nth-child(11) {
  animation: orbit11 14s infinite;
  animation-delay: 0.11s;
  background-color: hsl(204.7333333333, 100%, 100%);
}

@keyframes orbit11 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-261deg) rotateY(312deg) translateX(350px) rotateZ(261deg);
  }
  80% {
    transform: rotateZ(-261deg) rotateY(312deg) translateX(350px) rotateZ(261deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-261deg) rotateY(312deg) translateX(525px) rotateZ(261deg);
  }
}
.dot:nth-child(12) {
  animation: orbit12 14s infinite;
  animation-delay: 0.12s;
  background-color: hsl(204.8, 100%, 100%);
}

@keyframes orbit12 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-325deg) rotateY(273deg) translateX(350px) rotateZ(325deg);
  }
  80% {
    transform: rotateZ(-325deg) rotateY(273deg) translateX(350px) rotateZ(325deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-325deg) rotateY(273deg) translateX(525px) rotateZ(325deg);
  }
}
.dot:nth-child(13) {
  animation: orbit13 14s infinite;
  animation-delay: 0.13s;
  background-color: hsl(204.8666666667, 100%, 100%);
}

@keyframes orbit13 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-131deg) rotateY(64deg) translateX(350px) rotateZ(131deg);
  }
  80% {
    transform: rotateZ(-131deg) rotateY(64deg) translateX(350px) rotateZ(131deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-131deg) rotateY(64deg) translateX(525px) rotateZ(131deg);
  }
}
.dot:nth-child(14) {
  animation: orbit14 14s infinite;
  animation-delay: 0.14s;
  background-color: hsl(204.9333333333, 100%, 100%);
}

@keyframes orbit14 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-301deg) rotateY(317deg) translateX(350px) rotateZ(301deg);
  }
  80% {
    transform: rotateZ(-301deg) rotateY(317deg) translateX(350px) rotateZ(301deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-301deg) rotateY(317deg) translateX(525px) rotateZ(301deg);
  }
}
.dot:nth-child(15) {
  animation: orbit15 14s infinite;
  animation-delay: 0.15s;
  background-color: hsl(205, 100%, 100%);
}

@keyframes orbit15 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-71deg) rotateY(131deg) translateX(350px) rotateZ(71deg);
  }
  80% {
    transform: rotateZ(-71deg) rotateY(131deg) translateX(350px) rotateZ(71deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-71deg) rotateY(131deg) translateX(525px) rotateZ(71deg);
  }
}
.dot:nth-child(16) {
  animation: orbit16 14s infinite;
  animation-delay: 0.16s;
  background-color: hsl(205.0666666667, 100%, 100%);
}

@keyframes orbit16 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-59deg) rotateY(220deg) translateX(350px) rotateZ(59deg);
  }
  80% {
    transform: rotateZ(-59deg) rotateY(220deg) translateX(350px) rotateZ(59deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-59deg) rotateY(220deg) translateX(525px) rotateZ(59deg);
  }
}
.dot:nth-child(17) {
  animation: orbit17 14s infinite;
  animation-delay: 0.17s;
  background-color: hsl(205.1333333333, 100%, 100%);
}

@keyframes orbit17 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-19deg) rotateY(59deg) translateX(350px) rotateZ(19deg);
  }
  80% {
    transform: rotateZ(-19deg) rotateY(59deg) translateX(350px) rotateZ(19deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-19deg) rotateY(59deg) translateX(525px) rotateZ(19deg);
  }
}
.dot:nth-child(18) {
  animation: orbit18 14s infinite;
  animation-delay: 0.18s;
  background-color: hsl(205.2, 100%, 100%);
}

@keyframes orbit18 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-326deg) rotateY(237deg) translateX(350px) rotateZ(326deg);
  }
  80% {
    transform: rotateZ(-326deg) rotateY(237deg) translateX(350px) rotateZ(326deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-326deg) rotateY(237deg) translateX(525px) rotateZ(326deg);
  }
}
.dot:nth-child(19) {
  animation: orbit19 14s infinite;
  animation-delay: 0.19s;
  background-color: hsl(205.2666666667, 100%, 100%);
}

@keyframes orbit19 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-114deg) rotateY(265deg) translateX(350px) rotateZ(114deg);
  }
  80% {
    transform: rotateZ(-114deg) rotateY(265deg) translateX(350px) rotateZ(114deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-114deg) rotateY(265deg) translateX(525px) rotateZ(114deg);
  }
}
.dot:nth-child(20) {
  animation: orbit20 14s infinite;
  animation-delay: 0.2s;
  background-color: hsl(205.3333333333, 100%, 100%);
}

@keyframes orbit20 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-244deg) rotateY(45deg) translateX(350px) rotateZ(244deg);
  }
  80% {
    transform: rotateZ(-244deg) rotateY(45deg) translateX(350px) rotateZ(244deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-244deg) rotateY(45deg) translateX(525px) rotateZ(244deg);
  }
}
.dot:nth-child(21) {
  animation: orbit21 14s infinite;
  animation-delay: 0.21s;
  background-color: hsl(205.4, 100%, 100%);
}

@keyframes orbit21 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-109deg) rotateY(331deg) translateX(350px) rotateZ(109deg);
  }
  80% {
    transform: rotateZ(-109deg) rotateY(331deg) translateX(350px) rotateZ(109deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-109deg) rotateY(331deg) translateX(525px) rotateZ(109deg);
  }
}
.dot:nth-child(22) {
  animation: orbit22 14s infinite;
  animation-delay: 0.22s;
  background-color: hsl(205.4666666667, 100%, 100%);
}

@keyframes orbit22 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-101deg) rotateY(340deg) translateX(350px) rotateZ(101deg);
  }
  80% {
    transform: rotateZ(-101deg) rotateY(340deg) translateX(350px) rotateZ(101deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-101deg) rotateY(340deg) translateX(525px) rotateZ(101deg);
  }
}
.dot:nth-child(23) {
  animation: orbit23 14s infinite;
  animation-delay: 0.23s;
  background-color: hsl(205.5333333333, 100%, 100%);
}

@keyframes orbit23 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-19deg) rotateY(231deg) translateX(350px) rotateZ(19deg);
  }
  80% {
    transform: rotateZ(-19deg) rotateY(231deg) translateX(350px) rotateZ(19deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-19deg) rotateY(231deg) translateX(525px) rotateZ(19deg);
  }
}
.dot:nth-child(24) {
  animation: orbit24 14s infinite;
  animation-delay: 0.24s;
  background-color: hsl(205.6, 100%, 100%);
}

@keyframes orbit24 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-78deg) rotateY(120deg) translateX(350px) rotateZ(78deg);
  }
  80% {
    transform: rotateZ(-78deg) rotateY(120deg) translateX(350px) rotateZ(78deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-78deg) rotateY(120deg) translateX(525px) rotateZ(78deg);
  }
}
.dot:nth-child(25) {
  animation: orbit25 14s infinite;
  animation-delay: 0.25s;
  background-color: hsl(205.6666666667, 100%, 100%);
}

@keyframes orbit25 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-177deg) rotateY(207deg) translateX(350px) rotateZ(177deg);
  }
  80% {
    transform: rotateZ(-177deg) rotateY(207deg) translateX(350px) rotateZ(177deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-177deg) rotateY(207deg) translateX(525px) rotateZ(177deg);
  }
}
.dot:nth-child(26) {
  animation: orbit26 14s infinite;
  animation-delay: 0.26s;
  background-color: hsl(205.7333333333, 100%, 100%);
}

@keyframes orbit26 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-283deg) rotateY(72deg) translateX(350px) rotateZ(283deg);
  }
  80% {
    transform: rotateZ(-283deg) rotateY(72deg) translateX(350px) rotateZ(283deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-283deg) rotateY(72deg) translateX(525px) rotateZ(283deg);
  }
}
.dot:nth-child(27) {
  animation: orbit27 14s infinite;
  animation-delay: 0.27s;
  background-color: hsl(205.8, 100%, 100%);
}

@keyframes orbit27 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-329deg) rotateY(236deg) translateX(350px) rotateZ(329deg);
  }
  80% {
    transform: rotateZ(-329deg) rotateY(236deg) translateX(350px) rotateZ(329deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-329deg) rotateY(236deg) translateX(525px) rotateZ(329deg);
  }
}
.dot:nth-child(28) {
  animation: orbit28 14s infinite;
  animation-delay: 0.28s;
  background-color: hsl(205.8666666667, 100%, 100%);
}

@keyframes orbit28 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-266deg) rotateY(127deg) translateX(350px) rotateZ(266deg);
  }
  80% {
    transform: rotateZ(-266deg) rotateY(127deg) translateX(350px) rotateZ(266deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-266deg) rotateY(127deg) translateX(525px) rotateZ(266deg);
  }
}
.dot:nth-child(29) {
  animation: orbit29 14s infinite;
  animation-delay: 0.29s;
  background-color: hsl(205.9333333333, 100%, 100%);
}

@keyframes orbit29 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-273deg) rotateY(353deg) translateX(350px) rotateZ(273deg);
  }
  80% {
    transform: rotateZ(-273deg) rotateY(353deg) translateX(350px) rotateZ(273deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-273deg) rotateY(353deg) translateX(525px) rotateZ(273deg);
  }
}
.dot:nth-child(30) {
  animation: orbit30 14s infinite;
  animation-delay: 0.3s;
  background-color: hsl(206, 100%, 100%);
}

@keyframes orbit30 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-221deg) rotateY(167deg) translateX(350px) rotateZ(221deg);
  }
  80% {
    transform: rotateZ(-221deg) rotateY(167deg) translateX(350px) rotateZ(221deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-221deg) rotateY(167deg) translateX(525px) rotateZ(221deg);
  }
}
.dot:nth-child(31) {
  animation: orbit31 14s infinite;
  animation-delay: 0.31s;
  background-color: hsl(206.0666666667, 100%, 100%);
}

@keyframes orbit31 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-111deg) rotateY(349deg) translateX(350px) rotateZ(111deg);
  }
  80% {
    transform: rotateZ(-111deg) rotateY(349deg) translateX(350px) rotateZ(111deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-111deg) rotateY(349deg) translateX(525px) rotateZ(111deg);
  }
}
.dot:nth-child(32) {
  animation: orbit32 14s infinite;
  animation-delay: 0.32s;
  background-color: hsl(206.1333333333, 100%, 100%);
}

@keyframes orbit32 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-135deg) rotateY(19deg) translateX(350px) rotateZ(135deg);
  }
  80% {
    transform: rotateZ(-135deg) rotateY(19deg) translateX(350px) rotateZ(135deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-135deg) rotateY(19deg) translateX(525px) rotateZ(135deg);
  }
}
.dot:nth-child(33) {
  animation: orbit33 14s infinite;
  animation-delay: 0.33s;
  background-color: hsl(206.2, 100%, 100%);
}

@keyframes orbit33 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-199deg) rotateY(98deg) translateX(350px) rotateZ(199deg);
  }
  80% {
    transform: rotateZ(-199deg) rotateY(98deg) translateX(350px) rotateZ(199deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-199deg) rotateY(98deg) translateX(525px) rotateZ(199deg);
  }
}
.dot:nth-child(34) {
  animation: orbit34 14s infinite;
  animation-delay: 0.34s;
  background-color: hsl(206.2666666667, 100%, 100%);
}

@keyframes orbit34 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-214deg) rotateY(2deg) translateX(350px) rotateZ(214deg);
  }
  80% {
    transform: rotateZ(-214deg) rotateY(2deg) translateX(350px) rotateZ(214deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-214deg) rotateY(2deg) translateX(525px) rotateZ(214deg);
  }
}
.dot:nth-child(35) {
  animation: orbit35 14s infinite;
  animation-delay: 0.35s;
  background-color: hsl(206.3333333333, 100%, 100%);
}

@keyframes orbit35 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-42deg) rotateY(124deg) translateX(350px) rotateZ(42deg);
  }
  80% {
    transform: rotateZ(-42deg) rotateY(124deg) translateX(350px) rotateZ(42deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-42deg) rotateY(124deg) translateX(525px) rotateZ(42deg);
  }
}
.dot:nth-child(36) {
  animation: orbit36 14s infinite;
  animation-delay: 0.36s;
  background-color: hsl(206.4, 100%, 100%);
}

@keyframes orbit36 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-141deg) rotateY(233deg) translateX(350px) rotateZ(141deg);
  }
  80% {
    transform: rotateZ(-141deg) rotateY(233deg) translateX(350px) rotateZ(141deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-141deg) rotateY(233deg) translateX(525px) rotateZ(141deg);
  }
}
.dot:nth-child(37) {
  animation: orbit37 14s infinite;
  animation-delay: 0.37s;
  background-color: hsl(206.4666666667, 100%, 100%);
}

@keyframes orbit37 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-309deg) rotateY(70deg) translateX(350px) rotateZ(309deg);
  }
  80% {
    transform: rotateZ(-309deg) rotateY(70deg) translateX(350px) rotateZ(309deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-309deg) rotateY(70deg) translateX(525px) rotateZ(309deg);
  }
}
.dot:nth-child(38) {
  animation: orbit38 14s infinite;
  animation-delay: 0.38s;
  background-color: hsl(206.5333333333, 100%, 100%);
}

@keyframes orbit38 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-302deg) rotateY(294deg) translateX(350px) rotateZ(302deg);
  }
  80% {
    transform: rotateZ(-302deg) rotateY(294deg) translateX(350px) rotateZ(302deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-302deg) rotateY(294deg) translateX(525px) rotateZ(302deg);
  }
}
.dot:nth-child(39) {
  animation: orbit39 14s infinite;
  animation-delay: 0.39s;
  background-color: hsl(206.6, 100%, 100%);
}

@keyframes orbit39 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-175deg) rotateY(157deg) translateX(350px) rotateZ(175deg);
  }
  80% {
    transform: rotateZ(-175deg) rotateY(157deg) translateX(350px) rotateZ(175deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-175deg) rotateY(157deg) translateX(525px) rotateZ(175deg);
  }
}
.dot:nth-child(40) {
  animation: orbit40 14s infinite;
  animation-delay: 0.4s;
  background-color: hsl(206.6666666667, 100%, 100%);
}

@keyframes orbit40 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-162deg) rotateY(11deg) translateX(350px) rotateZ(162deg);
  }
  80% {
    transform: rotateZ(-162deg) rotateY(11deg) translateX(350px) rotateZ(162deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-162deg) rotateY(11deg) translateX(525px) rotateZ(162deg);
  }
}
.dot:nth-child(41) {
  animation: orbit41 14s infinite;
  animation-delay: 0.41s;
  background-color: hsl(206.7333333333, 100%, 100%);
}

@keyframes orbit41 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-44deg) rotateY(209deg) translateX(350px) rotateZ(44deg);
  }
  80% {
    transform: rotateZ(-44deg) rotateY(209deg) translateX(350px) rotateZ(44deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-44deg) rotateY(209deg) translateX(525px) rotateZ(44deg);
  }
}
.dot:nth-child(42) {
  animation: orbit42 14s infinite;
  animation-delay: 0.42s;
  background-color: hsl(206.8, 100%, 100%);
}

@keyframes orbit42 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-337deg) rotateY(95deg) translateX(350px) rotateZ(337deg);
  }
  80% {
    transform: rotateZ(-337deg) rotateY(95deg) translateX(350px) rotateZ(337deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-337deg) rotateY(95deg) translateX(525px) rotateZ(337deg);
  }
}
.dot:nth-child(43) {
  animation: orbit43 14s infinite;
  animation-delay: 0.43s;
  background-color: hsl(206.8666666667, 100%, 100%);
}

@keyframes orbit43 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-118deg) rotateY(228deg) translateX(350px) rotateZ(118deg);
  }
  80% {
    transform: rotateZ(-118deg) rotateY(228deg) translateX(350px) rotateZ(118deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-118deg) rotateY(228deg) translateX(525px) rotateZ(118deg);
  }
}
.dot:nth-child(44) {
  animation: orbit44 14s infinite;
  animation-delay: 0.44s;
  background-color: hsl(206.9333333333, 100%, 100%);
}

@keyframes orbit44 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-173deg) rotateY(314deg) translateX(350px) rotateZ(173deg);
  }
  80% {
    transform: rotateZ(-173deg) rotateY(314deg) translateX(350px) rotateZ(173deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-173deg) rotateY(314deg) translateX(525px) rotateZ(173deg);
  }
}
.dot:nth-child(45) {
  animation: orbit45 14s infinite;
  animation-delay: 0.45s;
  background-color: hsl(207, 100%, 100%);
}

@keyframes orbit45 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-45deg) rotateY(217deg) translateX(350px) rotateZ(45deg);
  }
  80% {
    transform: rotateZ(-45deg) rotateY(217deg) translateX(350px) rotateZ(45deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-45deg) rotateY(217deg) translateX(525px) rotateZ(45deg);
  }
}
.dot:nth-child(46) {
  animation: orbit46 14s infinite;
  animation-delay: 0.46s;
  background-color: hsl(207.0666666667, 100%, 100%);
}

@keyframes orbit46 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-117deg) rotateY(184deg) translateX(350px) rotateZ(117deg);
  }
  80% {
    transform: rotateZ(-117deg) rotateY(184deg) translateX(350px) rotateZ(117deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-117deg) rotateY(184deg) translateX(525px) rotateZ(117deg);
  }
}
.dot:nth-child(47) {
  animation: orbit47 14s infinite;
  animation-delay: 0.47s;
  background-color: hsl(207.1333333333, 100%, 100%);
}

@keyframes orbit47 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-144deg) rotateY(292deg) translateX(350px) rotateZ(144deg);
  }
  80% {
    transform: rotateZ(-144deg) rotateY(292deg) translateX(350px) rotateZ(144deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-144deg) rotateY(292deg) translateX(525px) rotateZ(144deg);
  }
}
.dot:nth-child(48) {
  animation: orbit48 14s infinite;
  animation-delay: 0.48s;
  background-color: hsl(207.2, 100%, 100%);
}

@keyframes orbit48 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-230deg) rotateY(10deg) translateX(350px) rotateZ(230deg);
  }
  80% {
    transform: rotateZ(-230deg) rotateY(10deg) translateX(350px) rotateZ(230deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-230deg) rotateY(10deg) translateX(525px) rotateZ(230deg);
  }
}
.dot:nth-child(49) {
  animation: orbit49 14s infinite;
  animation-delay: 0.49s;
  background-color: hsl(207.2666666667, 100%, 100%);
}

@keyframes orbit49 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-61deg) rotateY(355deg) translateX(350px) rotateZ(61deg);
  }
  80% {
    transform: rotateZ(-61deg) rotateY(355deg) translateX(350px) rotateZ(61deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-61deg) rotateY(355deg) translateX(525px) rotateZ(61deg);
  }
}
.dot:nth-child(50) {
  animation: orbit50 14s infinite;
  animation-delay: 0.5s;
  background-color: hsl(207.3333333333, 100%, 100%);
}

@keyframes orbit50 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-313deg) rotateY(126deg) translateX(350px) rotateZ(313deg);
  }
  80% {
    transform: rotateZ(-313deg) rotateY(126deg) translateX(350px) rotateZ(313deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-313deg) rotateY(126deg) translateX(525px) rotateZ(313deg);
  }
}
.dot:nth-child(51) {
  animation: orbit51 14s infinite;
  animation-delay: 0.51s;
  background-color: hsl(207.4, 100%, 100%);
}

@keyframes orbit51 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-148deg) rotateY(283deg) translateX(350px) rotateZ(148deg);
  }
  80% {
    transform: rotateZ(-148deg) rotateY(283deg) translateX(350px) rotateZ(148deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-148deg) rotateY(283deg) translateX(525px) rotateZ(148deg);
  }
}
.dot:nth-child(52) {
  animation: orbit52 14s infinite;
  animation-delay: 0.52s;
  background-color: hsl(207.4666666667, 100%, 100%);
}

@keyframes orbit52 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-331deg) rotateY(335deg) translateX(350px) rotateZ(331deg);
  }
  80% {
    transform: rotateZ(-331deg) rotateY(335deg) translateX(350px) rotateZ(331deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-331deg) rotateY(335deg) translateX(525px) rotateZ(331deg);
  }
}
.dot:nth-child(53) {
  animation: orbit53 14s infinite;
  animation-delay: 0.53s;
  background-color: hsl(207.5333333333, 100%, 100%);
}

@keyframes orbit53 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-252deg) rotateY(31deg) translateX(350px) rotateZ(252deg);
  }
  80% {
    transform: rotateZ(-252deg) rotateY(31deg) translateX(350px) rotateZ(252deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-252deg) rotateY(31deg) translateX(525px) rotateZ(252deg);
  }
}
.dot:nth-child(54) {
  animation: orbit54 14s infinite;
  animation-delay: 0.54s;
  background-color: hsl(207.6, 100%, 100%);
}

@keyframes orbit54 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-50deg) rotateY(54deg) translateX(350px) rotateZ(50deg);
  }
  80% {
    transform: rotateZ(-50deg) rotateY(54deg) translateX(350px) rotateZ(50deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-50deg) rotateY(54deg) translateX(525px) rotateZ(50deg);
  }
}
.dot:nth-child(55) {
  animation: orbit55 14s infinite;
  animation-delay: 0.55s;
  background-color: hsl(207.6666666667, 100%, 100%);
}

@keyframes orbit55 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-223deg) rotateY(230deg) translateX(350px) rotateZ(223deg);
  }
  80% {
    transform: rotateZ(-223deg) rotateY(230deg) translateX(350px) rotateZ(223deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-223deg) rotateY(230deg) translateX(525px) rotateZ(223deg);
  }
}
.dot:nth-child(56) {
  animation: orbit56 14s infinite;
  animation-delay: 0.56s;
  background-color: hsl(207.7333333333, 100%, 100%);
}

@keyframes orbit56 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-217deg) rotateY(27deg) translateX(350px) rotateZ(217deg);
  }
  80% {
    transform: rotateZ(-217deg) rotateY(27deg) translateX(350px) rotateZ(217deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-217deg) rotateY(27deg) translateX(525px) rotateZ(217deg);
  }
}
.dot:nth-child(57) {
  animation: orbit57 14s infinite;
  animation-delay: 0.57s;
  background-color: hsl(207.8, 100%, 100%);
}

@keyframes orbit57 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-207deg) rotateY(194deg) translateX(350px) rotateZ(207deg);
  }
  80% {
    transform: rotateZ(-207deg) rotateY(194deg) translateX(350px) rotateZ(207deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-207deg) rotateY(194deg) translateX(525px) rotateZ(207deg);
  }
}
.dot:nth-child(58) {
  animation: orbit58 14s infinite;
  animation-delay: 0.58s;
  background-color: hsl(207.8666666667, 100%, 100%);
}

@keyframes orbit58 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-193deg) rotateY(164deg) translateX(350px) rotateZ(193deg);
  }
  80% {
    transform: rotateZ(-193deg) rotateY(164deg) translateX(350px) rotateZ(193deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-193deg) rotateY(164deg) translateX(525px) rotateZ(193deg);
  }
}
.dot:nth-child(59) {
  animation: orbit59 14s infinite;
  animation-delay: 0.59s;
  background-color: hsl(207.9333333333, 100%, 100%);
}

@keyframes orbit59 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-272deg) rotateY(45deg) translateX(350px) rotateZ(272deg);
  }
  80% {
    transform: rotateZ(-272deg) rotateY(45deg) translateX(350px) rotateZ(272deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-272deg) rotateY(45deg) translateX(525px) rotateZ(272deg);
  }
}
.dot:nth-child(60) {
  animation: orbit60 14s infinite;
  animation-delay: 0.6s;
  background-color: hsl(208, 100%, 100%);
}

@keyframes orbit60 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-76deg) rotateY(63deg) translateX(350px) rotateZ(76deg);
  }
  80% {
    transform: rotateZ(-76deg) rotateY(63deg) translateX(350px) rotateZ(76deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-76deg) rotateY(63deg) translateX(525px) rotateZ(76deg);
  }
}
.dot:nth-child(61) {
  animation: orbit61 14s infinite;
  animation-delay: 0.61s;
  background-color: hsl(208.0666666667, 100%, 100%);
}

@keyframes orbit61 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-269deg) rotateY(108deg) translateX(350px) rotateZ(269deg);
  }
  80% {
    transform: rotateZ(-269deg) rotateY(108deg) translateX(350px) rotateZ(269deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-269deg) rotateY(108deg) translateX(525px) rotateZ(269deg);
  }
}
.dot:nth-child(62) {
  animation: orbit62 14s infinite;
  animation-delay: 0.62s;
  background-color: hsl(208.1333333333, 100%, 100%);
}

@keyframes orbit62 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-351deg) rotateY(96deg) translateX(350px) rotateZ(351deg);
  }
  80% {
    transform: rotateZ(-351deg) rotateY(96deg) translateX(350px) rotateZ(351deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-351deg) rotateY(96deg) translateX(525px) rotateZ(351deg);
  }
}
.dot:nth-child(63) {
  animation: orbit63 14s infinite;
  animation-delay: 0.63s;
  background-color: hsl(208.2, 100%, 100%);
}

@keyframes orbit63 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-119deg) rotateY(91deg) translateX(350px) rotateZ(119deg);
  }
  80% {
    transform: rotateZ(-119deg) rotateY(91deg) translateX(350px) rotateZ(119deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-119deg) rotateY(91deg) translateX(525px) rotateZ(119deg);
  }
}
.dot:nth-child(64) {
  animation: orbit64 14s infinite;
  animation-delay: 0.64s;
  background-color: hsl(208.2666666667, 100%, 100%);
}

@keyframes orbit64 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-167deg) rotateY(307deg) translateX(350px) rotateZ(167deg);
  }
  80% {
    transform: rotateZ(-167deg) rotateY(307deg) translateX(350px) rotateZ(167deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-167deg) rotateY(307deg) translateX(525px) rotateZ(167deg);
  }
}
.dot:nth-child(65) {
  animation: orbit65 14s infinite;
  animation-delay: 0.65s;
  background-color: hsl(208.3333333333, 100%, 100%);
}

@keyframes orbit65 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-195deg) rotateY(53deg) translateX(350px) rotateZ(195deg);
  }
  80% {
    transform: rotateZ(-195deg) rotateY(53deg) translateX(350px) rotateZ(195deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-195deg) rotateY(53deg) translateX(525px) rotateZ(195deg);
  }
}
.dot:nth-child(66) {
  animation: orbit66 14s infinite;
  animation-delay: 0.66s;
  background-color: hsl(208.4, 100%, 100%);
}

@keyframes orbit66 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-290deg) rotateY(263deg) translateX(350px) rotateZ(290deg);
  }
  80% {
    transform: rotateZ(-290deg) rotateY(263deg) translateX(350px) rotateZ(290deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-290deg) rotateY(263deg) translateX(525px) rotateZ(290deg);
  }
}
.dot:nth-child(67) {
  animation: orbit67 14s infinite;
  animation-delay: 0.67s;
  background-color: hsl(208.4666666667, 100%, 100%);
}

@keyframes orbit67 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-64deg) rotateY(291deg) translateX(350px) rotateZ(64deg);
  }
  80% {
    transform: rotateZ(-64deg) rotateY(291deg) translateX(350px) rotateZ(64deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-64deg) rotateY(291deg) translateX(525px) rotateZ(64deg);
  }
}
.dot:nth-child(68) {
  animation: orbit68 14s infinite;
  animation-delay: 0.68s;
  background-color: hsl(208.5333333333, 100%, 100%);
}

@keyframes orbit68 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-208deg) rotateY(315deg) translateX(350px) rotateZ(208deg);
  }
  80% {
    transform: rotateZ(-208deg) rotateY(315deg) translateX(350px) rotateZ(208deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-208deg) rotateY(315deg) translateX(525px) rotateZ(208deg);
  }
}
.dot:nth-child(69) {
  animation: orbit69 14s infinite;
  animation-delay: 0.69s;
  background-color: hsl(208.6, 100%, 100%);
}

@keyframes orbit69 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-98deg) rotateY(52deg) translateX(350px) rotateZ(98deg);
  }
  80% {
    transform: rotateZ(-98deg) rotateY(52deg) translateX(350px) rotateZ(98deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-98deg) rotateY(52deg) translateX(525px) rotateZ(98deg);
  }
}
.dot:nth-child(70) {
  animation: orbit70 14s infinite;
  animation-delay: 0.7s;
  background-color: hsl(208.6666666667, 100%, 100%);
}

@keyframes orbit70 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-16deg) rotateY(114deg) translateX(350px) rotateZ(16deg);
  }
  80% {
    transform: rotateZ(-16deg) rotateY(114deg) translateX(350px) rotateZ(16deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-16deg) rotateY(114deg) translateX(525px) rotateZ(16deg);
  }
}
.dot:nth-child(71) {
  animation: orbit71 14s infinite;
  animation-delay: 0.71s;
  background-color: hsl(208.7333333333, 100%, 100%);
}

@keyframes orbit71 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-142deg) rotateY(290deg) translateX(350px) rotateZ(142deg);
  }
  80% {
    transform: rotateZ(-142deg) rotateY(290deg) translateX(350px) rotateZ(142deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-142deg) rotateY(290deg) translateX(525px) rotateZ(142deg);
  }
}
.dot:nth-child(72) {
  animation: orbit72 14s infinite;
  animation-delay: 0.72s;
  background-color: hsl(208.8, 100%, 100%);
}

@keyframes orbit72 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-219deg) rotateY(124deg) translateX(350px) rotateZ(219deg);
  }
  80% {
    transform: rotateZ(-219deg) rotateY(124deg) translateX(350px) rotateZ(219deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-219deg) rotateY(124deg) translateX(525px) rotateZ(219deg);
  }
}
.dot:nth-child(73) {
  animation: orbit73 14s infinite;
  animation-delay: 0.73s;
  background-color: hsl(208.8666666667, 100%, 100%);
}

@keyframes orbit73 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-119deg) rotateY(162deg) translateX(350px) rotateZ(119deg);
  }
  80% {
    transform: rotateZ(-119deg) rotateY(162deg) translateX(350px) rotateZ(119deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-119deg) rotateY(162deg) translateX(525px) rotateZ(119deg);
  }
}
.dot:nth-child(74) {
  animation: orbit74 14s infinite;
  animation-delay: 0.74s;
  background-color: hsl(208.9333333333, 100%, 100%);
}

@keyframes orbit74 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-127deg) rotateY(107deg) translateX(350px) rotateZ(127deg);
  }
  80% {
    transform: rotateZ(-127deg) rotateY(107deg) translateX(350px) rotateZ(127deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-127deg) rotateY(107deg) translateX(525px) rotateZ(127deg);
  }
}
.dot:nth-child(75) {
  animation: orbit75 14s infinite;
  animation-delay: 0.75s;
  background-color: hsl(209, 100%, 100%);
}

@keyframes orbit75 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-82deg) rotateY(161deg) translateX(350px) rotateZ(82deg);
  }
  80% {
    transform: rotateZ(-82deg) rotateY(161deg) translateX(350px) rotateZ(82deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-82deg) rotateY(161deg) translateX(525px) rotateZ(82deg);
  }
}
.dot:nth-child(76) {
  animation: orbit76 14s infinite;
  animation-delay: 0.76s;
  background-color: hsl(209.0666666667, 100%, 100%);
}

@keyframes orbit76 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-128deg) rotateY(135deg) translateX(350px) rotateZ(128deg);
  }
  80% {
    transform: rotateZ(-128deg) rotateY(135deg) translateX(350px) rotateZ(128deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-128deg) rotateY(135deg) translateX(525px) rotateZ(128deg);
  }
}
.dot:nth-child(77) {
  animation: orbit77 14s infinite;
  animation-delay: 0.77s;
  background-color: hsl(209.1333333333, 100%, 100%);
}

@keyframes orbit77 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-86deg) rotateY(346deg) translateX(350px) rotateZ(86deg);
  }
  80% {
    transform: rotateZ(-86deg) rotateY(346deg) translateX(350px) rotateZ(86deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-86deg) rotateY(346deg) translateX(525px) rotateZ(86deg);
  }
}
.dot:nth-child(78) {
  animation: orbit78 14s infinite;
  animation-delay: 0.78s;
  background-color: hsl(209.2, 100%, 100%);
}

@keyframes orbit78 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-282deg) rotateY(64deg) translateX(350px) rotateZ(282deg);
  }
  80% {
    transform: rotateZ(-282deg) rotateY(64deg) translateX(350px) rotateZ(282deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-282deg) rotateY(64deg) translateX(525px) rotateZ(282deg);
  }
}
.dot:nth-child(79) {
  animation: orbit79 14s infinite;
  animation-delay: 0.79s;
  background-color: hsl(209.2666666667, 100%, 100%);
}

@keyframes orbit79 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-236deg) rotateY(108deg) translateX(350px) rotateZ(236deg);
  }
  80% {
    transform: rotateZ(-236deg) rotateY(108deg) translateX(350px) rotateZ(236deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-236deg) rotateY(108deg) translateX(525px) rotateZ(236deg);
  }
}
.dot:nth-child(80) {
  animation: orbit80 14s infinite;
  animation-delay: 0.8s;
  background-color: hsl(209.3333333333, 100%, 100%);
}

@keyframes orbit80 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-94deg) rotateY(81deg) translateX(350px) rotateZ(94deg);
  }
  80% {
    transform: rotateZ(-94deg) rotateY(81deg) translateX(350px) rotateZ(94deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-94deg) rotateY(81deg) translateX(525px) rotateZ(94deg);
  }
}
.dot:nth-child(81) {
  animation: orbit81 14s infinite;
  animation-delay: 0.81s;
  background-color: hsl(209.4, 100%, 100%);
}

@keyframes orbit81 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-68deg) rotateY(234deg) translateX(350px) rotateZ(68deg);
  }
  80% {
    transform: rotateZ(-68deg) rotateY(234deg) translateX(350px) rotateZ(68deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-68deg) rotateY(234deg) translateX(525px) rotateZ(68deg);
  }
}
.dot:nth-child(82) {
  animation: orbit82 14s infinite;
  animation-delay: 0.82s;
  background-color: hsl(209.4666666667, 100%, 100%);
}

@keyframes orbit82 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-151deg) rotateY(292deg) translateX(350px) rotateZ(151deg);
  }
  80% {
    transform: rotateZ(-151deg) rotateY(292deg) translateX(350px) rotateZ(151deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-151deg) rotateY(292deg) translateX(525px) rotateZ(151deg);
  }
}
.dot:nth-child(83) {
  animation: orbit83 14s infinite;
  animation-delay: 0.83s;
  background-color: hsl(209.5333333333, 100%, 100%);
}

@keyframes orbit83 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-343deg) rotateY(226deg) translateX(350px) rotateZ(343deg);
  }
  80% {
    transform: rotateZ(-343deg) rotateY(226deg) translateX(350px) rotateZ(343deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-343deg) rotateY(226deg) translateX(525px) rotateZ(343deg);
  }
}
.dot:nth-child(84) {
  animation: orbit84 14s infinite;
  animation-delay: 0.84s;
  background-color: hsl(209.6, 100%, 100%);
}

@keyframes orbit84 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-22deg) rotateY(249deg) translateX(350px) rotateZ(22deg);
  }
  80% {
    transform: rotateZ(-22deg) rotateY(249deg) translateX(350px) rotateZ(22deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-22deg) rotateY(249deg) translateX(525px) rotateZ(22deg);
  }
}
.dot:nth-child(85) {
  animation: orbit85 14s infinite;
  animation-delay: 0.85s;
  background-color: hsl(209.6666666667, 100%, 100%);
}

@keyframes orbit85 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-293deg) rotateY(162deg) translateX(350px) rotateZ(293deg);
  }
  80% {
    transform: rotateZ(-293deg) rotateY(162deg) translateX(350px) rotateZ(293deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-293deg) rotateY(162deg) translateX(525px) rotateZ(293deg);
  }
}
.dot:nth-child(86) {
  animation: orbit86 14s infinite;
  animation-delay: 0.86s;
  background-color: hsl(209.7333333333, 100%, 100%);
}

@keyframes orbit86 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-218deg) rotateY(306deg) translateX(350px) rotateZ(218deg);
  }
  80% {
    transform: rotateZ(-218deg) rotateY(306deg) translateX(350px) rotateZ(218deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-218deg) rotateY(306deg) translateX(525px) rotateZ(218deg);
  }
}
.dot:nth-child(87) {
  animation: orbit87 14s infinite;
  animation-delay: 0.87s;
  background-color: hsl(209.8, 100%, 100%);
}

@keyframes orbit87 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-195deg) rotateY(271deg) translateX(350px) rotateZ(195deg);
  }
  80% {
    transform: rotateZ(-195deg) rotateY(271deg) translateX(350px) rotateZ(195deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-195deg) rotateY(271deg) translateX(525px) rotateZ(195deg);
  }
}
.dot:nth-child(88) {
  animation: orbit88 14s infinite;
  animation-delay: 0.88s;
  background-color: hsl(209.8666666667, 100%, 100%);
}

@keyframes orbit88 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-135deg) rotateY(349deg) translateX(350px) rotateZ(135deg);
  }
  80% {
    transform: rotateZ(-135deg) rotateY(349deg) translateX(350px) rotateZ(135deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-135deg) rotateY(349deg) translateX(525px) rotateZ(135deg);
  }
}
.dot:nth-child(89) {
  animation: orbit89 14s infinite;
  animation-delay: 0.89s;
  background-color: hsl(209.9333333333, 100%, 100%);
}

@keyframes orbit89 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-343deg) rotateY(56deg) translateX(350px) rotateZ(343deg);
  }
  80% {
    transform: rotateZ(-343deg) rotateY(56deg) translateX(350px) rotateZ(343deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-343deg) rotateY(56deg) translateX(525px) rotateZ(343deg);
  }
}
.dot:nth-child(90) {
  animation: orbit90 14s infinite;
  animation-delay: 0.9s;
  background-color: hsl(210, 100%, 100%);
}

@keyframes orbit90 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-279deg) rotateY(141deg) translateX(350px) rotateZ(279deg);
  }
  80% {
    transform: rotateZ(-279deg) rotateY(141deg) translateX(350px) rotateZ(279deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-279deg) rotateY(141deg) translateX(525px) rotateZ(279deg);
  }
}
.dot:nth-child(91) {
  animation: orbit91 14s infinite;
  animation-delay: 0.91s;
  background-color: hsl(210.0666666667, 100%, 100%);
}

@keyframes orbit91 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-191deg) rotateY(238deg) translateX(350px) rotateZ(191deg);
  }
  80% {
    transform: rotateZ(-191deg) rotateY(238deg) translateX(350px) rotateZ(191deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-191deg) rotateY(238deg) translateX(525px) rotateZ(191deg);
  }
}
.dot:nth-child(92) {
  animation: orbit92 14s infinite;
  animation-delay: 0.92s;
  background-color: hsl(210.1333333333, 100%, 100%);
}

@keyframes orbit92 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-131deg) rotateY(360deg) translateX(350px) rotateZ(131deg);
  }
  80% {
    transform: rotateZ(-131deg) rotateY(360deg) translateX(350px) rotateZ(131deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-131deg) rotateY(360deg) translateX(525px) rotateZ(131deg);
  }
}
.dot:nth-child(93) {
  animation: orbit93 14s infinite;
  animation-delay: 0.93s;
  background-color: hsl(210.2, 100%, 100%);
}

@keyframes orbit93 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-95deg) rotateY(156deg) translateX(350px) rotateZ(95deg);
  }
  80% {
    transform: rotateZ(-95deg) rotateY(156deg) translateX(350px) rotateZ(95deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-95deg) rotateY(156deg) translateX(525px) rotateZ(95deg);
  }
}
.dot:nth-child(94) {
  animation: orbit94 14s infinite;
  animation-delay: 0.94s;
  background-color: hsl(210.2666666667, 100%, 100%);
}

@keyframes orbit94 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-19deg) rotateY(38deg) translateX(350px) rotateZ(19deg);
  }
  80% {
    transform: rotateZ(-19deg) rotateY(38deg) translateX(350px) rotateZ(19deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-19deg) rotateY(38deg) translateX(525px) rotateZ(19deg);
  }
}
.dot:nth-child(95) {
  animation: orbit95 14s infinite;
  animation-delay: 0.95s;
  background-color: hsl(210.3333333333, 100%, 100%);
}

@keyframes orbit95 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-12deg) rotateY(229deg) translateX(350px) rotateZ(12deg);
  }
  80% {
    transform: rotateZ(-12deg) rotateY(229deg) translateX(350px) rotateZ(12deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-12deg) rotateY(229deg) translateX(525px) rotateZ(12deg);
  }
}
.dot:nth-child(96) {
  animation: orbit96 14s infinite;
  animation-delay: 0.96s;
  background-color: hsl(210.4, 100%, 100%);
}

@keyframes orbit96 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-8deg) rotateY(161deg) translateX(350px) rotateZ(8deg);
  }
  80% {
    transform: rotateZ(-8deg) rotateY(161deg) translateX(350px) rotateZ(8deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-8deg) rotateY(161deg) translateX(525px) rotateZ(8deg);
  }
}
.dot:nth-child(97) {
  animation: orbit97 14s infinite;
  animation-delay: 0.97s;
  background-color: hsl(210.4666666667, 100%, 100%);
}

@keyframes orbit97 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-304deg) rotateY(348deg) translateX(350px) rotateZ(304deg);
  }
  80% {
    transform: rotateZ(-304deg) rotateY(348deg) translateX(350px) rotateZ(304deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-304deg) rotateY(348deg) translateX(525px) rotateZ(304deg);
  }
}
.dot:nth-child(98) {
  animation: orbit98 14s infinite;
  animation-delay: 0.98s;
  background-color: hsl(210.5333333333, 100%, 100%);
}

@keyframes orbit98 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-21deg) rotateY(12deg) translateX(350px) rotateZ(21deg);
  }
  80% {
    transform: rotateZ(-21deg) rotateY(12deg) translateX(350px) rotateZ(21deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-21deg) rotateY(12deg) translateX(525px) rotateZ(21deg);
  }
}
.dot:nth-child(99) {
  animation: orbit99 14s infinite;
  animation-delay: 0.99s;
  background-color: hsl(210.6, 100%, 100%);
}

@keyframes orbit99 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-313deg) rotateY(342deg) translateX(350px) rotateZ(313deg);
  }
  80% {
    transform: rotateZ(-313deg) rotateY(342deg) translateX(350px) rotateZ(313deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-313deg) rotateY(342deg) translateX(525px) rotateZ(313deg);
  }
}
.dot:nth-child(100) {
  animation: orbit100 14s infinite;
  animation-delay: 1s;
  background-color: hsl(210.6666666667, 100%, 100%);
}

@keyframes orbit100 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-186deg) rotateY(217deg) translateX(350px) rotateZ(186deg);
  }
  80% {
    transform: rotateZ(-186deg) rotateY(217deg) translateX(350px) rotateZ(186deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-186deg) rotateY(217deg) translateX(525px) rotateZ(186deg);
  }
}
.dot:nth-child(101) {
  animation: orbit101 14s infinite;
  animation-delay: 1.01s;
  background-color: hsl(210.7333333333, 100%, 100%);
}

@keyframes orbit101 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-232deg) rotateY(88deg) translateX(350px) rotateZ(232deg);
  }
  80% {
    transform: rotateZ(-232deg) rotateY(88deg) translateX(350px) rotateZ(232deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-232deg) rotateY(88deg) translateX(525px) rotateZ(232deg);
  }
}
.dot:nth-child(102) {
  animation: orbit102 14s infinite;
  animation-delay: 1.02s;
  background-color: hsl(210.8, 100%, 100%);
}

@keyframes orbit102 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-118deg) rotateY(83deg) translateX(350px) rotateZ(118deg);
  }
  80% {
    transform: rotateZ(-118deg) rotateY(83deg) translateX(350px) rotateZ(118deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-118deg) rotateY(83deg) translateX(525px) rotateZ(118deg);
  }
}
.dot:nth-child(103) {
  animation: orbit103 14s infinite;
  animation-delay: 1.03s;
  background-color: hsl(210.8666666667, 100%, 100%);
}

@keyframes orbit103 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-69deg) rotateY(353deg) translateX(350px) rotateZ(69deg);
  }
  80% {
    transform: rotateZ(-69deg) rotateY(353deg) translateX(350px) rotateZ(69deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-69deg) rotateY(353deg) translateX(525px) rotateZ(69deg);
  }
}
.dot:nth-child(104) {
  animation: orbit104 14s infinite;
  animation-delay: 1.04s;
  background-color: hsl(210.9333333333, 100%, 100%);
}

@keyframes orbit104 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-86deg) rotateY(230deg) translateX(350px) rotateZ(86deg);
  }
  80% {
    transform: rotateZ(-86deg) rotateY(230deg) translateX(350px) rotateZ(86deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-86deg) rotateY(230deg) translateX(525px) rotateZ(86deg);
  }
}
.dot:nth-child(105) {
  animation: orbit105 14s infinite;
  animation-delay: 1.05s;
  background-color: hsl(211, 100%, 100%);
}

@keyframes orbit105 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-94deg) rotateY(109deg) translateX(350px) rotateZ(94deg);
  }
  80% {
    transform: rotateZ(-94deg) rotateY(109deg) translateX(350px) rotateZ(94deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-94deg) rotateY(109deg) translateX(525px) rotateZ(94deg);
  }
}
.dot:nth-child(106) {
  animation: orbit106 14s infinite;
  animation-delay: 1.06s;
  background-color: hsl(211.0666666667, 100%, 100%);
}

@keyframes orbit106 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-37deg) rotateY(96deg) translateX(350px) rotateZ(37deg);
  }
  80% {
    transform: rotateZ(-37deg) rotateY(96deg) translateX(350px) rotateZ(37deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-37deg) rotateY(96deg) translateX(525px) rotateZ(37deg);
  }
}
.dot:nth-child(107) {
  animation: orbit107 14s infinite;
  animation-delay: 1.07s;
  background-color: hsl(211.1333333333, 100%, 100%);
}

@keyframes orbit107 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-245deg) rotateY(53deg) translateX(350px) rotateZ(245deg);
  }
  80% {
    transform: rotateZ(-245deg) rotateY(53deg) translateX(350px) rotateZ(245deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-245deg) rotateY(53deg) translateX(525px) rotateZ(245deg);
  }
}
.dot:nth-child(108) {
  animation: orbit108 14s infinite;
  animation-delay: 1.08s;
  background-color: hsl(211.2, 100%, 100%);
}

@keyframes orbit108 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-12deg) rotateY(173deg) translateX(350px) rotateZ(12deg);
  }
  80% {
    transform: rotateZ(-12deg) rotateY(173deg) translateX(350px) rotateZ(12deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-12deg) rotateY(173deg) translateX(525px) rotateZ(12deg);
  }
}
.dot:nth-child(109) {
  animation: orbit109 14s infinite;
  animation-delay: 1.09s;
  background-color: hsl(211.2666666667, 100%, 100%);
}

@keyframes orbit109 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-253deg) rotateY(339deg) translateX(350px) rotateZ(253deg);
  }
  80% {
    transform: rotateZ(-253deg) rotateY(339deg) translateX(350px) rotateZ(253deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-253deg) rotateY(339deg) translateX(525px) rotateZ(253deg);
  }
}
.dot:nth-child(110) {
  animation: orbit110 14s infinite;
  animation-delay: 1.1s;
  background-color: hsl(211.3333333333, 100%, 100%);
}

@keyframes orbit110 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-35deg) rotateY(268deg) translateX(350px) rotateZ(35deg);
  }
  80% {
    transform: rotateZ(-35deg) rotateY(268deg) translateX(350px) rotateZ(35deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-35deg) rotateY(268deg) translateX(525px) rotateZ(35deg);
  }
}
.dot:nth-child(111) {
  animation: orbit111 14s infinite;
  animation-delay: 1.11s;
  background-color: hsl(211.4, 100%, 100%);
}

@keyframes orbit111 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-120deg) rotateY(264deg) translateX(350px) rotateZ(120deg);
  }
  80% {
    transform: rotateZ(-120deg) rotateY(264deg) translateX(350px) rotateZ(120deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-120deg) rotateY(264deg) translateX(525px) rotateZ(120deg);
  }
}
.dot:nth-child(112) {
  animation: orbit112 14s infinite;
  animation-delay: 1.12s;
  background-color: hsl(211.4666666667, 100%, 100%);
}

@keyframes orbit112 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-359deg) rotateY(240deg) translateX(350px) rotateZ(359deg);
  }
  80% {
    transform: rotateZ(-359deg) rotateY(240deg) translateX(350px) rotateZ(359deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-359deg) rotateY(240deg) translateX(525px) rotateZ(359deg);
  }
}
.dot:nth-child(113) {
  animation: orbit113 14s infinite;
  animation-delay: 1.13s;
  background-color: hsl(211.5333333333, 100%, 100%);
}

@keyframes orbit113 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-26deg) rotateY(83deg) translateX(350px) rotateZ(26deg);
  }
  80% {
    transform: rotateZ(-26deg) rotateY(83deg) translateX(350px) rotateZ(26deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-26deg) rotateY(83deg) translateX(525px) rotateZ(26deg);
  }
}
.dot:nth-child(114) {
  animation: orbit114 14s infinite;
  animation-delay: 1.14s;
  background-color: hsl(211.6, 100%, 100%);
}

@keyframes orbit114 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-17deg) rotateY(267deg) translateX(350px) rotateZ(17deg);
  }
  80% {
    transform: rotateZ(-17deg) rotateY(267deg) translateX(350px) rotateZ(17deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-17deg) rotateY(267deg) translateX(525px) rotateZ(17deg);
  }
}
.dot:nth-child(115) {
  animation: orbit115 14s infinite;
  animation-delay: 1.15s;
  background-color: hsl(211.6666666667, 100%, 100%);
}

@keyframes orbit115 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-69deg) rotateY(214deg) translateX(350px) rotateZ(69deg);
  }
  80% {
    transform: rotateZ(-69deg) rotateY(214deg) translateX(350px) rotateZ(69deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-69deg) rotateY(214deg) translateX(525px) rotateZ(69deg);
  }
}
.dot:nth-child(116) {
  animation: orbit116 14s infinite;
  animation-delay: 1.16s;
  background-color: hsl(211.7333333333, 100%, 100%);
}

@keyframes orbit116 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-148deg) rotateY(15deg) translateX(350px) rotateZ(148deg);
  }
  80% {
    transform: rotateZ(-148deg) rotateY(15deg) translateX(350px) rotateZ(148deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-148deg) rotateY(15deg) translateX(525px) rotateZ(148deg);
  }
}
.dot:nth-child(117) {
  animation: orbit117 14s infinite;
  animation-delay: 1.17s;
  background-color: hsl(211.8, 100%, 100%);
}

@keyframes orbit117 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-322deg) rotateY(99deg) translateX(350px) rotateZ(322deg);
  }
  80% {
    transform: rotateZ(-322deg) rotateY(99deg) translateX(350px) rotateZ(322deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-322deg) rotateY(99deg) translateX(525px) rotateZ(322deg);
  }
}
.dot:nth-child(118) {
  animation: orbit118 14s infinite;
  animation-delay: 1.18s;
  background-color: hsl(211.8666666667, 100%, 100%);
}

@keyframes orbit118 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-346deg) rotateY(46deg) translateX(350px) rotateZ(346deg);
  }
  80% {
    transform: rotateZ(-346deg) rotateY(46deg) translateX(350px) rotateZ(346deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-346deg) rotateY(46deg) translateX(525px) rotateZ(346deg);
  }
}
.dot:nth-child(119) {
  animation: orbit119 14s infinite;
  animation-delay: 1.19s;
  background-color: hsl(211.9333333333, 100%, 100%);
}

@keyframes orbit119 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-66deg) rotateY(173deg) translateX(350px) rotateZ(66deg);
  }
  80% {
    transform: rotateZ(-66deg) rotateY(173deg) translateX(350px) rotateZ(66deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-66deg) rotateY(173deg) translateX(525px) rotateZ(66deg);
  }
}
.dot:nth-child(120) {
  animation: orbit120 14s infinite;
  animation-delay: 1.2s;
  background-color: hsl(212, 100%, 100%);
}

@keyframes orbit120 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-32deg) rotateY(336deg) translateX(350px) rotateZ(32deg);
  }
  80% {
    transform: rotateZ(-32deg) rotateY(336deg) translateX(350px) rotateZ(32deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-32deg) rotateY(336deg) translateX(525px) rotateZ(32deg);
  }
}
.dot:nth-child(121) {
  animation: orbit121 14s infinite;
  animation-delay: 1.21s;
  background-color: hsl(212.0666666667, 100%, 100%);
}

@keyframes orbit121 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-232deg) rotateY(246deg) translateX(350px) rotateZ(232deg);
  }
  80% {
    transform: rotateZ(-232deg) rotateY(246deg) translateX(350px) rotateZ(232deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-232deg) rotateY(246deg) translateX(525px) rotateZ(232deg);
  }
}
.dot:nth-child(122) {
  animation: orbit122 14s infinite;
  animation-delay: 1.22s;
  background-color: hsl(212.1333333333, 100%, 100%);
}

@keyframes orbit122 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-185deg) rotateY(47deg) translateX(350px) rotateZ(185deg);
  }
  80% {
    transform: rotateZ(-185deg) rotateY(47deg) translateX(350px) rotateZ(185deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-185deg) rotateY(47deg) translateX(525px) rotateZ(185deg);
  }
}
.dot:nth-child(123) {
  animation: orbit123 14s infinite;
  animation-delay: 1.23s;
  background-color: hsl(212.2, 100%, 100%);
}

@keyframes orbit123 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-165deg) rotateY(45deg) translateX(350px) rotateZ(165deg);
  }
  80% {
    transform: rotateZ(-165deg) rotateY(45deg) translateX(350px) rotateZ(165deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-165deg) rotateY(45deg) translateX(525px) rotateZ(165deg);
  }
}
.dot:nth-child(124) {
  animation: orbit124 14s infinite;
  animation-delay: 1.24s;
  background-color: hsl(212.2666666667, 100%, 100%);
}

@keyframes orbit124 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-111deg) rotateY(186deg) translateX(350px) rotateZ(111deg);
  }
  80% {
    transform: rotateZ(-111deg) rotateY(186deg) translateX(350px) rotateZ(111deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-111deg) rotateY(186deg) translateX(525px) rotateZ(111deg);
  }
}
.dot:nth-child(125) {
  animation: orbit125 14s infinite;
  animation-delay: 1.25s;
  background-color: hsl(212.3333333333, 100%, 100%);
}

@keyframes orbit125 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-94deg) rotateY(356deg) translateX(350px) rotateZ(94deg);
  }
  80% {
    transform: rotateZ(-94deg) rotateY(356deg) translateX(350px) rotateZ(94deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-94deg) rotateY(356deg) translateX(525px) rotateZ(94deg);
  }
}
.dot:nth-child(126) {
  animation: orbit126 14s infinite;
  animation-delay: 1.26s;
  background-color: hsl(212.4, 100%, 100%);
}

@keyframes orbit126 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-233deg) rotateY(91deg) translateX(350px) rotateZ(233deg);
  }
  80% {
    transform: rotateZ(-233deg) rotateY(91deg) translateX(350px) rotateZ(233deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-233deg) rotateY(91deg) translateX(525px) rotateZ(233deg);
  }
}
.dot:nth-child(127) {
  animation: orbit127 14s infinite;
  animation-delay: 1.27s;
  background-color: hsl(212.4666666667, 100%, 100%);
}

@keyframes orbit127 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-316deg) rotateY(317deg) translateX(350px) rotateZ(316deg);
  }
  80% {
    transform: rotateZ(-316deg) rotateY(317deg) translateX(350px) rotateZ(316deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-316deg) rotateY(317deg) translateX(525px) rotateZ(316deg);
  }
}
.dot:nth-child(128) {
  animation: orbit128 14s infinite;
  animation-delay: 1.28s;
  background-color: hsl(212.5333333333, 100%, 100%);
}

@keyframes orbit128 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-240deg) rotateY(152deg) translateX(350px) rotateZ(240deg);
  }
  80% {
    transform: rotateZ(-240deg) rotateY(152deg) translateX(350px) rotateZ(240deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-240deg) rotateY(152deg) translateX(525px) rotateZ(240deg);
  }
}
.dot:nth-child(129) {
  animation: orbit129 14s infinite;
  animation-delay: 1.29s;
  background-color: hsl(212.6, 100%, 100%);
}

@keyframes orbit129 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-350deg) rotateY(349deg) translateX(350px) rotateZ(350deg);
  }
  80% {
    transform: rotateZ(-350deg) rotateY(349deg) translateX(350px) rotateZ(350deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-350deg) rotateY(349deg) translateX(525px) rotateZ(350deg);
  }
}
.dot:nth-child(130) {
  animation: orbit130 14s infinite;
  animation-delay: 1.3s;
  background-color: hsl(212.6666666667, 100%, 100%);
}

@keyframes orbit130 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-358deg) rotateY(168deg) translateX(350px) rotateZ(358deg);
  }
  80% {
    transform: rotateZ(-358deg) rotateY(168deg) translateX(350px) rotateZ(358deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-358deg) rotateY(168deg) translateX(525px) rotateZ(358deg);
  }
}
.dot:nth-child(131) {
  animation: orbit131 14s infinite;
  animation-delay: 1.31s;
  background-color: hsl(212.7333333333, 100%, 100%);
}

@keyframes orbit131 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-168deg) rotateY(216deg) translateX(350px) rotateZ(168deg);
  }
  80% {
    transform: rotateZ(-168deg) rotateY(216deg) translateX(350px) rotateZ(168deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-168deg) rotateY(216deg) translateX(525px) rotateZ(168deg);
  }
}
.dot:nth-child(132) {
  animation: orbit132 14s infinite;
  animation-delay: 1.32s;
  background-color: hsl(212.8, 100%, 100%);
}

@keyframes orbit132 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-231deg) rotateY(11deg) translateX(350px) rotateZ(231deg);
  }
  80% {
    transform: rotateZ(-231deg) rotateY(11deg) translateX(350px) rotateZ(231deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-231deg) rotateY(11deg) translateX(525px) rotateZ(231deg);
  }
}
.dot:nth-child(133) {
  animation: orbit133 14s infinite;
  animation-delay: 1.33s;
  background-color: hsl(212.8666666667, 100%, 100%);
}

@keyframes orbit133 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-323deg) rotateY(63deg) translateX(350px) rotateZ(323deg);
  }
  80% {
    transform: rotateZ(-323deg) rotateY(63deg) translateX(350px) rotateZ(323deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-323deg) rotateY(63deg) translateX(525px) rotateZ(323deg);
  }
}
.dot:nth-child(134) {
  animation: orbit134 14s infinite;
  animation-delay: 1.34s;
  background-color: hsl(212.9333333333, 100%, 100%);
}

@keyframes orbit134 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-222deg) rotateY(304deg) translateX(350px) rotateZ(222deg);
  }
  80% {
    transform: rotateZ(-222deg) rotateY(304deg) translateX(350px) rotateZ(222deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-222deg) rotateY(304deg) translateX(525px) rotateZ(222deg);
  }
}
.dot:nth-child(135) {
  animation: orbit135 14s infinite;
  animation-delay: 1.35s;
  background-color: hsl(213, 100%, 100%);
}

@keyframes orbit135 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-118deg) rotateY(184deg) translateX(350px) rotateZ(118deg);
  }
  80% {
    transform: rotateZ(-118deg) rotateY(184deg) translateX(350px) rotateZ(118deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-118deg) rotateY(184deg) translateX(525px) rotateZ(118deg);
  }
}
.dot:nth-child(136) {
  animation: orbit136 14s infinite;
  animation-delay: 1.36s;
  background-color: hsl(213.0666666667, 100%, 100%);
}

@keyframes orbit136 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-227deg) rotateY(92deg) translateX(350px) rotateZ(227deg);
  }
  80% {
    transform: rotateZ(-227deg) rotateY(92deg) translateX(350px) rotateZ(227deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-227deg) rotateY(92deg) translateX(525px) rotateZ(227deg);
  }
}
.dot:nth-child(137) {
  animation: orbit137 14s infinite;
  animation-delay: 1.37s;
  background-color: hsl(213.1333333333, 100%, 100%);
}

@keyframes orbit137 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-316deg) rotateY(311deg) translateX(350px) rotateZ(316deg);
  }
  80% {
    transform: rotateZ(-316deg) rotateY(311deg) translateX(350px) rotateZ(316deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-316deg) rotateY(311deg) translateX(525px) rotateZ(316deg);
  }
}
.dot:nth-child(138) {
  animation: orbit138 14s infinite;
  animation-delay: 1.38s;
  background-color: hsl(213.2, 100%, 100%);
}

@keyframes orbit138 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-189deg) rotateY(269deg) translateX(350px) rotateZ(189deg);
  }
  80% {
    transform: rotateZ(-189deg) rotateY(269deg) translateX(350px) rotateZ(189deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-189deg) rotateY(269deg) translateX(525px) rotateZ(189deg);
  }
}
.dot:nth-child(139) {
  animation: orbit139 14s infinite;
  animation-delay: 1.39s;
  background-color: hsl(213.2666666667, 100%, 100%);
}

@keyframes orbit139 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-285deg) rotateY(305deg) translateX(350px) rotateZ(285deg);
  }
  80% {
    transform: rotateZ(-285deg) rotateY(305deg) translateX(350px) rotateZ(285deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-285deg) rotateY(305deg) translateX(525px) rotateZ(285deg);
  }
}
.dot:nth-child(140) {
  animation: orbit140 14s infinite;
  animation-delay: 1.4s;
  background-color: hsl(213.3333333333, 100%, 100%);
}

@keyframes orbit140 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-151deg) rotateY(106deg) translateX(350px) rotateZ(151deg);
  }
  80% {
    transform: rotateZ(-151deg) rotateY(106deg) translateX(350px) rotateZ(151deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-151deg) rotateY(106deg) translateX(525px) rotateZ(151deg);
  }
}
.dot:nth-child(141) {
  animation: orbit141 14s infinite;
  animation-delay: 1.41s;
  background-color: hsl(213.4, 100%, 100%);
}

@keyframes orbit141 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-48deg) rotateY(11deg) translateX(350px) rotateZ(48deg);
  }
  80% {
    transform: rotateZ(-48deg) rotateY(11deg) translateX(350px) rotateZ(48deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-48deg) rotateY(11deg) translateX(525px) rotateZ(48deg);
  }
}
.dot:nth-child(142) {
  animation: orbit142 14s infinite;
  animation-delay: 1.42s;
  background-color: hsl(213.4666666667, 100%, 100%);
}

@keyframes orbit142 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-269deg) rotateY(26deg) translateX(350px) rotateZ(269deg);
  }
  80% {
    transform: rotateZ(-269deg) rotateY(26deg) translateX(350px) rotateZ(269deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-269deg) rotateY(26deg) translateX(525px) rotateZ(269deg);
  }
}
.dot:nth-child(143) {
  animation: orbit143 14s infinite;
  animation-delay: 1.43s;
  background-color: hsl(213.5333333333, 100%, 100%);
}

@keyframes orbit143 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-301deg) rotateY(102deg) translateX(350px) rotateZ(301deg);
  }
  80% {
    transform: rotateZ(-301deg) rotateY(102deg) translateX(350px) rotateZ(301deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-301deg) rotateY(102deg) translateX(525px) rotateZ(301deg);
  }
}
.dot:nth-child(144) {
  animation: orbit144 14s infinite;
  animation-delay: 1.44s;
  background-color: hsl(213.6, 100%, 100%);
}

@keyframes orbit144 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-114deg) rotateY(232deg) translateX(350px) rotateZ(114deg);
  }
  80% {
    transform: rotateZ(-114deg) rotateY(232deg) translateX(350px) rotateZ(114deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-114deg) rotateY(232deg) translateX(525px) rotateZ(114deg);
  }
}
.dot:nth-child(145) {
  animation: orbit145 14s infinite;
  animation-delay: 1.45s;
  background-color: hsl(213.6666666667, 100%, 100%);
}

@keyframes orbit145 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-211deg) rotateY(63deg) translateX(350px) rotateZ(211deg);
  }
  80% {
    transform: rotateZ(-211deg) rotateY(63deg) translateX(350px) rotateZ(211deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-211deg) rotateY(63deg) translateX(525px) rotateZ(211deg);
  }
}
.dot:nth-child(146) {
  animation: orbit146 14s infinite;
  animation-delay: 1.46s;
  background-color: hsl(213.7333333333, 100%, 100%);
}

@keyframes orbit146 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-279deg) rotateY(349deg) translateX(350px) rotateZ(279deg);
  }
  80% {
    transform: rotateZ(-279deg) rotateY(349deg) translateX(350px) rotateZ(279deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-279deg) rotateY(349deg) translateX(525px) rotateZ(279deg);
  }
}
.dot:nth-child(147) {
  animation: orbit147 14s infinite;
  animation-delay: 1.47s;
  background-color: hsl(213.8, 100%, 100%);
}

@keyframes orbit147 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-98deg) rotateY(135deg) translateX(350px) rotateZ(98deg);
  }
  80% {
    transform: rotateZ(-98deg) rotateY(135deg) translateX(350px) rotateZ(98deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-98deg) rotateY(135deg) translateX(525px) rotateZ(98deg);
  }
}
.dot:nth-child(148) {
  animation: orbit148 14s infinite;
  animation-delay: 1.48s;
  background-color: hsl(213.8666666667, 100%, 100%);
}

@keyframes orbit148 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-105deg) rotateY(206deg) translateX(350px) rotateZ(105deg);
  }
  80% {
    transform: rotateZ(-105deg) rotateY(206deg) translateX(350px) rotateZ(105deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-105deg) rotateY(206deg) translateX(525px) rotateZ(105deg);
  }
}
.dot:nth-child(149) {
  animation: orbit149 14s infinite;
  animation-delay: 1.49s;
  background-color: hsl(213.9333333333, 100%, 100%);
}

@keyframes orbit149 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-176deg) rotateY(344deg) translateX(350px) rotateZ(176deg);
  }
  80% {
    transform: rotateZ(-176deg) rotateY(344deg) translateX(350px) rotateZ(176deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-176deg) rotateY(344deg) translateX(525px) rotateZ(176deg);
  }
}
.dot:nth-child(150) {
  animation: orbit150 14s infinite;
  animation-delay: 1.5s;
  background-color: hsl(214, 100%, 100%);
}

@keyframes orbit150 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-157deg) rotateY(56deg) translateX(350px) rotateZ(157deg);
  }
  80% {
    transform: rotateZ(-157deg) rotateY(56deg) translateX(350px) rotateZ(157deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-157deg) rotateY(56deg) translateX(525px) rotateZ(157deg);
  }
}
.dot:nth-child(151) {
  animation: orbit151 14s infinite;
  animation-delay: 1.51s;
  background-color: hsl(214.0666666667, 100%, 100%);
}

@keyframes orbit151 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-22deg) rotateY(349deg) translateX(350px) rotateZ(22deg);
  }
  80% {
    transform: rotateZ(-22deg) rotateY(349deg) translateX(350px) rotateZ(22deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-22deg) rotateY(349deg) translateX(525px) rotateZ(22deg);
  }
}
.dot:nth-child(152) {
  animation: orbit152 14s infinite;
  animation-delay: 1.52s;
  background-color: hsl(214.1333333333, 100%, 100%);
}

@keyframes orbit152 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-55deg) rotateY(81deg) translateX(350px) rotateZ(55deg);
  }
  80% {
    transform: rotateZ(-55deg) rotateY(81deg) translateX(350px) rotateZ(55deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-55deg) rotateY(81deg) translateX(525px) rotateZ(55deg);
  }
}
.dot:nth-child(153) {
  animation: orbit153 14s infinite;
  animation-delay: 1.53s;
  background-color: hsl(214.2, 100%, 100%);
}

@keyframes orbit153 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-259deg) rotateY(264deg) translateX(350px) rotateZ(259deg);
  }
  80% {
    transform: rotateZ(-259deg) rotateY(264deg) translateX(350px) rotateZ(259deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-259deg) rotateY(264deg) translateX(525px) rotateZ(259deg);
  }
}
.dot:nth-child(154) {
  animation: orbit154 14s infinite;
  animation-delay: 1.54s;
  background-color: hsl(214.2666666667, 100%, 100%);
}

@keyframes orbit154 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-236deg) rotateY(263deg) translateX(350px) rotateZ(236deg);
  }
  80% {
    transform: rotateZ(-236deg) rotateY(263deg) translateX(350px) rotateZ(236deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-236deg) rotateY(263deg) translateX(525px) rotateZ(236deg);
  }
}
.dot:nth-child(155) {
  animation: orbit155 14s infinite;
  animation-delay: 1.55s;
  background-color: hsl(214.3333333333, 100%, 100%);
}

@keyframes orbit155 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-93deg) rotateY(132deg) translateX(350px) rotateZ(93deg);
  }
  80% {
    transform: rotateZ(-93deg) rotateY(132deg) translateX(350px) rotateZ(93deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-93deg) rotateY(132deg) translateX(525px) rotateZ(93deg);
  }
}
.dot:nth-child(156) {
  animation: orbit156 14s infinite;
  animation-delay: 1.56s;
  background-color: hsl(214.4, 100%, 100%);
}

@keyframes orbit156 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-69deg) rotateY(53deg) translateX(350px) rotateZ(69deg);
  }
  80% {
    transform: rotateZ(-69deg) rotateY(53deg) translateX(350px) rotateZ(69deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-69deg) rotateY(53deg) translateX(525px) rotateZ(69deg);
  }
}
.dot:nth-child(157) {
  animation: orbit157 14s infinite;
  animation-delay: 1.57s;
  background-color: hsl(214.4666666667, 100%, 100%);
}

@keyframes orbit157 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-268deg) rotateY(283deg) translateX(350px) rotateZ(268deg);
  }
  80% {
    transform: rotateZ(-268deg) rotateY(283deg) translateX(350px) rotateZ(268deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-268deg) rotateY(283deg) translateX(525px) rotateZ(268deg);
  }
}
.dot:nth-child(158) {
  animation: orbit158 14s infinite;
  animation-delay: 1.58s;
  background-color: hsl(214.5333333333, 100%, 100%);
}

@keyframes orbit158 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-47deg) rotateY(156deg) translateX(350px) rotateZ(47deg);
  }
  80% {
    transform: rotateZ(-47deg) rotateY(156deg) translateX(350px) rotateZ(47deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-47deg) rotateY(156deg) translateX(525px) rotateZ(47deg);
  }
}
.dot:nth-child(159) {
  animation: orbit159 14s infinite;
  animation-delay: 1.59s;
  background-color: hsl(214.6, 100%, 100%);
}

@keyframes orbit159 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-202deg) rotateY(209deg) translateX(350px) rotateZ(202deg);
  }
  80% {
    transform: rotateZ(-202deg) rotateY(209deg) translateX(350px) rotateZ(202deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-202deg) rotateY(209deg) translateX(525px) rotateZ(202deg);
  }
}
.dot:nth-child(160) {
  animation: orbit160 14s infinite;
  animation-delay: 1.6s;
  background-color: hsl(214.6666666667, 100%, 100%);
}

@keyframes orbit160 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-95deg) rotateY(68deg) translateX(350px) rotateZ(95deg);
  }
  80% {
    transform: rotateZ(-95deg) rotateY(68deg) translateX(350px) rotateZ(95deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-95deg) rotateY(68deg) translateX(525px) rotateZ(95deg);
  }
}
.dot:nth-child(161) {
  animation: orbit161 14s infinite;
  animation-delay: 1.61s;
  background-color: hsl(214.7333333333, 100%, 100%);
}

@keyframes orbit161 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-136deg) rotateY(96deg) translateX(350px) rotateZ(136deg);
  }
  80% {
    transform: rotateZ(-136deg) rotateY(96deg) translateX(350px) rotateZ(136deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-136deg) rotateY(96deg) translateX(525px) rotateZ(136deg);
  }
}
.dot:nth-child(162) {
  animation: orbit162 14s infinite;
  animation-delay: 1.62s;
  background-color: hsl(214.8, 100%, 100%);
}

@keyframes orbit162 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-135deg) rotateY(63deg) translateX(350px) rotateZ(135deg);
  }
  80% {
    transform: rotateZ(-135deg) rotateY(63deg) translateX(350px) rotateZ(135deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-135deg) rotateY(63deg) translateX(525px) rotateZ(135deg);
  }
}
.dot:nth-child(163) {
  animation: orbit163 14s infinite;
  animation-delay: 1.63s;
  background-color: hsl(214.8666666667, 100%, 100%);
}

@keyframes orbit163 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-60deg) rotateY(94deg) translateX(350px) rotateZ(60deg);
  }
  80% {
    transform: rotateZ(-60deg) rotateY(94deg) translateX(350px) rotateZ(60deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-60deg) rotateY(94deg) translateX(525px) rotateZ(60deg);
  }
}
.dot:nth-child(164) {
  animation: orbit164 14s infinite;
  animation-delay: 1.64s;
  background-color: hsl(214.9333333333, 100%, 100%);
}

@keyframes orbit164 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-5deg) rotateY(113deg) translateX(350px) rotateZ(5deg);
  }
  80% {
    transform: rotateZ(-5deg) rotateY(113deg) translateX(350px) rotateZ(5deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-5deg) rotateY(113deg) translateX(525px) rotateZ(5deg);
  }
}
.dot:nth-child(165) {
  animation: orbit165 14s infinite;
  animation-delay: 1.65s;
  background-color: hsl(215, 100%, 100%);
}

@keyframes orbit165 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-235deg) rotateY(127deg) translateX(350px) rotateZ(235deg);
  }
  80% {
    transform: rotateZ(-235deg) rotateY(127deg) translateX(350px) rotateZ(235deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-235deg) rotateY(127deg) translateX(525px) rotateZ(235deg);
  }
}
.dot:nth-child(166) {
  animation: orbit166 14s infinite;
  animation-delay: 1.66s;
  background-color: hsl(215.0666666667, 100%, 100%);
}

@keyframes orbit166 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-328deg) rotateY(345deg) translateX(350px) rotateZ(328deg);
  }
  80% {
    transform: rotateZ(-328deg) rotateY(345deg) translateX(350px) rotateZ(328deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-328deg) rotateY(345deg) translateX(525px) rotateZ(328deg);
  }
}
.dot:nth-child(167) {
  animation: orbit167 14s infinite;
  animation-delay: 1.67s;
  background-color: hsl(215.1333333333, 100%, 100%);
}

@keyframes orbit167 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-250deg) rotateY(155deg) translateX(350px) rotateZ(250deg);
  }
  80% {
    transform: rotateZ(-250deg) rotateY(155deg) translateX(350px) rotateZ(250deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-250deg) rotateY(155deg) translateX(525px) rotateZ(250deg);
  }
}
.dot:nth-child(168) {
  animation: orbit168 14s infinite;
  animation-delay: 1.68s;
  background-color: hsl(215.2, 100%, 100%);
}

@keyframes orbit168 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-229deg) rotateY(155deg) translateX(350px) rotateZ(229deg);
  }
  80% {
    transform: rotateZ(-229deg) rotateY(155deg) translateX(350px) rotateZ(229deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-229deg) rotateY(155deg) translateX(525px) rotateZ(229deg);
  }
}
.dot:nth-child(169) {
  animation: orbit169 14s infinite;
  animation-delay: 1.69s;
  background-color: hsl(215.2666666667, 100%, 100%);
}

@keyframes orbit169 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-353deg) rotateY(183deg) translateX(350px) rotateZ(353deg);
  }
  80% {
    transform: rotateZ(-353deg) rotateY(183deg) translateX(350px) rotateZ(353deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-353deg) rotateY(183deg) translateX(525px) rotateZ(353deg);
  }
}
.dot:nth-child(170) {
  animation: orbit170 14s infinite;
  animation-delay: 1.7s;
  background-color: hsl(215.3333333333, 100%, 100%);
}

@keyframes orbit170 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-308deg) rotateY(96deg) translateX(350px) rotateZ(308deg);
  }
  80% {
    transform: rotateZ(-308deg) rotateY(96deg) translateX(350px) rotateZ(308deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-308deg) rotateY(96deg) translateX(525px) rotateZ(308deg);
  }
}
.dot:nth-child(171) {
  animation: orbit171 14s infinite;
  animation-delay: 1.71s;
  background-color: hsl(215.4, 100%, 100%);
}

@keyframes orbit171 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-243deg) rotateY(47deg) translateX(350px) rotateZ(243deg);
  }
  80% {
    transform: rotateZ(-243deg) rotateY(47deg) translateX(350px) rotateZ(243deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-243deg) rotateY(47deg) translateX(525px) rotateZ(243deg);
  }
}
.dot:nth-child(172) {
  animation: orbit172 14s infinite;
  animation-delay: 1.72s;
  background-color: hsl(215.4666666667, 100%, 100%);
}

@keyframes orbit172 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-49deg) rotateY(102deg) translateX(350px) rotateZ(49deg);
  }
  80% {
    transform: rotateZ(-49deg) rotateY(102deg) translateX(350px) rotateZ(49deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-49deg) rotateY(102deg) translateX(525px) rotateZ(49deg);
  }
}
.dot:nth-child(173) {
  animation: orbit173 14s infinite;
  animation-delay: 1.73s;
  background-color: hsl(215.5333333333, 100%, 100%);
}

@keyframes orbit173 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-38deg) rotateY(126deg) translateX(350px) rotateZ(38deg);
  }
  80% {
    transform: rotateZ(-38deg) rotateY(126deg) translateX(350px) rotateZ(38deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-38deg) rotateY(126deg) translateX(525px) rotateZ(38deg);
  }
}
.dot:nth-child(174) {
  animation: orbit174 14s infinite;
  animation-delay: 1.74s;
  background-color: hsl(215.6, 100%, 100%);
}

@keyframes orbit174 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-197deg) rotateY(223deg) translateX(350px) rotateZ(197deg);
  }
  80% {
    transform: rotateZ(-197deg) rotateY(223deg) translateX(350px) rotateZ(197deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-197deg) rotateY(223deg) translateX(525px) rotateZ(197deg);
  }
}
.dot:nth-child(175) {
  animation: orbit175 14s infinite;
  animation-delay: 1.75s;
  background-color: hsl(215.6666666667, 100%, 100%);
}

@keyframes orbit175 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-234deg) rotateY(351deg) translateX(350px) rotateZ(234deg);
  }
  80% {
    transform: rotateZ(-234deg) rotateY(351deg) translateX(350px) rotateZ(234deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-234deg) rotateY(351deg) translateX(525px) rotateZ(234deg);
  }
}
.dot:nth-child(176) {
  animation: orbit176 14s infinite;
  animation-delay: 1.76s;
  background-color: hsl(215.7333333333, 100%, 100%);
}

@keyframes orbit176 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-169deg) rotateY(231deg) translateX(350px) rotateZ(169deg);
  }
  80% {
    transform: rotateZ(-169deg) rotateY(231deg) translateX(350px) rotateZ(169deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-169deg) rotateY(231deg) translateX(525px) rotateZ(169deg);
  }
}
.dot:nth-child(177) {
  animation: orbit177 14s infinite;
  animation-delay: 1.77s;
  background-color: hsl(215.8, 100%, 100%);
}

@keyframes orbit177 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-135deg) rotateY(43deg) translateX(350px) rotateZ(135deg);
  }
  80% {
    transform: rotateZ(-135deg) rotateY(43deg) translateX(350px) rotateZ(135deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-135deg) rotateY(43deg) translateX(525px) rotateZ(135deg);
  }
}
.dot:nth-child(178) {
  animation: orbit178 14s infinite;
  animation-delay: 1.78s;
  background-color: hsl(215.8666666667, 100%, 100%);
}

@keyframes orbit178 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-148deg) rotateY(62deg) translateX(350px) rotateZ(148deg);
  }
  80% {
    transform: rotateZ(-148deg) rotateY(62deg) translateX(350px) rotateZ(148deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-148deg) rotateY(62deg) translateX(525px) rotateZ(148deg);
  }
}
.dot:nth-child(179) {
  animation: orbit179 14s infinite;
  animation-delay: 1.79s;
  background-color: hsl(215.9333333333, 100%, 100%);
}

@keyframes orbit179 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-18deg) rotateY(23deg) translateX(350px) rotateZ(18deg);
  }
  80% {
    transform: rotateZ(-18deg) rotateY(23deg) translateX(350px) rotateZ(18deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-18deg) rotateY(23deg) translateX(525px) rotateZ(18deg);
  }
}
.dot:nth-child(180) {
  animation: orbit180 14s infinite;
  animation-delay: 1.8s;
  background-color: hsl(216, 100%, 100%);
}

@keyframes orbit180 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-36deg) rotateY(73deg) translateX(350px) rotateZ(36deg);
  }
  80% {
    transform: rotateZ(-36deg) rotateY(73deg) translateX(350px) rotateZ(36deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-36deg) rotateY(73deg) translateX(525px) rotateZ(36deg);
  }
}
.dot:nth-child(181) {
  animation: orbit181 14s infinite;
  animation-delay: 1.81s;
  background-color: hsl(216.0666666667, 100%, 100%);
}

@keyframes orbit181 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-53deg) rotateY(120deg) translateX(350px) rotateZ(53deg);
  }
  80% {
    transform: rotateZ(-53deg) rotateY(120deg) translateX(350px) rotateZ(53deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-53deg) rotateY(120deg) translateX(525px) rotateZ(53deg);
  }
}
.dot:nth-child(182) {
  animation: orbit182 14s infinite;
  animation-delay: 1.82s;
  background-color: hsl(216.1333333333, 100%, 100%);
}

@keyframes orbit182 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-272deg) rotateY(11deg) translateX(350px) rotateZ(272deg);
  }
  80% {
    transform: rotateZ(-272deg) rotateY(11deg) translateX(350px) rotateZ(272deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-272deg) rotateY(11deg) translateX(525px) rotateZ(272deg);
  }
}
.dot:nth-child(183) {
  animation: orbit183 14s infinite;
  animation-delay: 1.83s;
  background-color: hsl(216.2, 100%, 100%);
}

@keyframes orbit183 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-348deg) rotateY(109deg) translateX(350px) rotateZ(348deg);
  }
  80% {
    transform: rotateZ(-348deg) rotateY(109deg) translateX(350px) rotateZ(348deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-348deg) rotateY(109deg) translateX(525px) rotateZ(348deg);
  }
}
.dot:nth-child(184) {
  animation: orbit184 14s infinite;
  animation-delay: 1.84s;
  background-color: hsl(216.2666666667, 100%, 100%);
}

@keyframes orbit184 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-270deg) rotateY(199deg) translateX(350px) rotateZ(270deg);
  }
  80% {
    transform: rotateZ(-270deg) rotateY(199deg) translateX(350px) rotateZ(270deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-270deg) rotateY(199deg) translateX(525px) rotateZ(270deg);
  }
}
.dot:nth-child(185) {
  animation: orbit185 14s infinite;
  animation-delay: 1.85s;
  background-color: hsl(216.3333333333, 100%, 100%);
}

@keyframes orbit185 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-319deg) rotateY(199deg) translateX(350px) rotateZ(319deg);
  }
  80% {
    transform: rotateZ(-319deg) rotateY(199deg) translateX(350px) rotateZ(319deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-319deg) rotateY(199deg) translateX(525px) rotateZ(319deg);
  }
}
.dot:nth-child(186) {
  animation: orbit186 14s infinite;
  animation-delay: 1.86s;
  background-color: hsl(216.4, 100%, 100%);
}

@keyframes orbit186 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-188deg) rotateY(265deg) translateX(350px) rotateZ(188deg);
  }
  80% {
    transform: rotateZ(-188deg) rotateY(265deg) translateX(350px) rotateZ(188deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-188deg) rotateY(265deg) translateX(525px) rotateZ(188deg);
  }
}
.dot:nth-child(187) {
  animation: orbit187 14s infinite;
  animation-delay: 1.87s;
  background-color: hsl(216.4666666667, 100%, 100%);
}

@keyframes orbit187 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-176deg) rotateY(351deg) translateX(350px) rotateZ(176deg);
  }
  80% {
    transform: rotateZ(-176deg) rotateY(351deg) translateX(350px) rotateZ(176deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-176deg) rotateY(351deg) translateX(525px) rotateZ(176deg);
  }
}
.dot:nth-child(188) {
  animation: orbit188 14s infinite;
  animation-delay: 1.88s;
  background-color: hsl(216.5333333333, 100%, 100%);
}

@keyframes orbit188 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-238deg) rotateY(70deg) translateX(350px) rotateZ(238deg);
  }
  80% {
    transform: rotateZ(-238deg) rotateY(70deg) translateX(350px) rotateZ(238deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-238deg) rotateY(70deg) translateX(525px) rotateZ(238deg);
  }
}
.dot:nth-child(189) {
  animation: orbit189 14s infinite;
  animation-delay: 1.89s;
  background-color: hsl(216.6, 100%, 100%);
}

@keyframes orbit189 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-247deg) rotateY(255deg) translateX(350px) rotateZ(247deg);
  }
  80% {
    transform: rotateZ(-247deg) rotateY(255deg) translateX(350px) rotateZ(247deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-247deg) rotateY(255deg) translateX(525px) rotateZ(247deg);
  }
}
.dot:nth-child(190) {
  animation: orbit190 14s infinite;
  animation-delay: 1.9s;
  background-color: hsl(216.6666666667, 100%, 100%);
}

@keyframes orbit190 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-334deg) rotateY(315deg) translateX(350px) rotateZ(334deg);
  }
  80% {
    transform: rotateZ(-334deg) rotateY(315deg) translateX(350px) rotateZ(334deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-334deg) rotateY(315deg) translateX(525px) rotateZ(334deg);
  }
}
.dot:nth-child(191) {
  animation: orbit191 14s infinite;
  animation-delay: 1.91s;
  background-color: hsl(216.7333333333, 100%, 100%);
}

@keyframes orbit191 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-323deg) rotateY(309deg) translateX(350px) rotateZ(323deg);
  }
  80% {
    transform: rotateZ(-323deg) rotateY(309deg) translateX(350px) rotateZ(323deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-323deg) rotateY(309deg) translateX(525px) rotateZ(323deg);
  }
}
.dot:nth-child(192) {
  animation: orbit192 14s infinite;
  animation-delay: 1.92s;
  background-color: hsl(216.8, 100%, 100%);
}

@keyframes orbit192 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-213deg) rotateY(340deg) translateX(350px) rotateZ(213deg);
  }
  80% {
    transform: rotateZ(-213deg) rotateY(340deg) translateX(350px) rotateZ(213deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-213deg) rotateY(340deg) translateX(525px) rotateZ(213deg);
  }
}
.dot:nth-child(193) {
  animation: orbit193 14s infinite;
  animation-delay: 1.93s;
  background-color: hsl(216.8666666667, 100%, 100%);
}

@keyframes orbit193 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-85deg) rotateY(96deg) translateX(350px) rotateZ(85deg);
  }
  80% {
    transform: rotateZ(-85deg) rotateY(96deg) translateX(350px) rotateZ(85deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-85deg) rotateY(96deg) translateX(525px) rotateZ(85deg);
  }
}
.dot:nth-child(194) {
  animation: orbit194 14s infinite;
  animation-delay: 1.94s;
  background-color: hsl(216.9333333333, 100%, 100%);
}

@keyframes orbit194 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-79deg) rotateY(23deg) translateX(350px) rotateZ(79deg);
  }
  80% {
    transform: rotateZ(-79deg) rotateY(23deg) translateX(350px) rotateZ(79deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-79deg) rotateY(23deg) translateX(525px) rotateZ(79deg);
  }
}
.dot:nth-child(195) {
  animation: orbit195 14s infinite;
  animation-delay: 1.95s;
  background-color: hsl(217, 100%, 100%);
}

@keyframes orbit195 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-352deg) rotateY(190deg) translateX(350px) rotateZ(352deg);
  }
  80% {
    transform: rotateZ(-352deg) rotateY(190deg) translateX(350px) rotateZ(352deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-352deg) rotateY(190deg) translateX(525px) rotateZ(352deg);
  }
}
.dot:nth-child(196) {
  animation: orbit196 14s infinite;
  animation-delay: 1.96s;
  background-color: hsl(217.0666666667, 100%, 100%);
}

@keyframes orbit196 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-201deg) rotateY(91deg) translateX(350px) rotateZ(201deg);
  }
  80% {
    transform: rotateZ(-201deg) rotateY(91deg) translateX(350px) rotateZ(201deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-201deg) rotateY(91deg) translateX(525px) rotateZ(201deg);
  }
}
.dot:nth-child(197) {
  animation: orbit197 14s infinite;
  animation-delay: 1.97s;
  background-color: hsl(217.1333333333, 100%, 100%);
}

@keyframes orbit197 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-163deg) rotateY(334deg) translateX(350px) rotateZ(163deg);
  }
  80% {
    transform: rotateZ(-163deg) rotateY(334deg) translateX(350px) rotateZ(163deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-163deg) rotateY(334deg) translateX(525px) rotateZ(163deg);
  }
}
.dot:nth-child(198) {
  animation: orbit198 14s infinite;
  animation-delay: 1.98s;
  background-color: hsl(217.2, 100%, 100%);
}

@keyframes orbit198 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-119deg) rotateY(207deg) translateX(350px) rotateZ(119deg);
  }
  80% {
    transform: rotateZ(-119deg) rotateY(207deg) translateX(350px) rotateZ(119deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-119deg) rotateY(207deg) translateX(525px) rotateZ(119deg);
  }
}
.dot:nth-child(199) {
  animation: orbit199 14s infinite;
  animation-delay: 1.99s;
  background-color: hsl(217.2666666667, 100%, 100%);
}

@keyframes orbit199 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-12deg) rotateY(107deg) translateX(350px) rotateZ(12deg);
  }
  80% {
    transform: rotateZ(-12deg) rotateY(107deg) translateX(350px) rotateZ(12deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-12deg) rotateY(107deg) translateX(525px) rotateZ(12deg);
  }
}
.dot:nth-child(200) {
  animation: orbit200 14s infinite;
  animation-delay: 2s;
  background-color: hsl(217.3333333333, 100%, 100%);
}

@keyframes orbit200 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-322deg) rotateY(109deg) translateX(350px) rotateZ(322deg);
  }
  80% {
    transform: rotateZ(-322deg) rotateY(109deg) translateX(350px) rotateZ(322deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-322deg) rotateY(109deg) translateX(525px) rotateZ(322deg);
  }
}
.dot:nth-child(201) {
  animation: orbit201 14s infinite;
  animation-delay: 2.01s;
  background-color: hsl(217.4, 100%, 100%);
}

@keyframes orbit201 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-154deg) rotateY(328deg) translateX(350px) rotateZ(154deg);
  }
  80% {
    transform: rotateZ(-154deg) rotateY(328deg) translateX(350px) rotateZ(154deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-154deg) rotateY(328deg) translateX(525px) rotateZ(154deg);
  }
}
.dot:nth-child(202) {
  animation: orbit202 14s infinite;
  animation-delay: 2.02s;
  background-color: hsl(217.4666666667, 100%, 100%);
}

@keyframes orbit202 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-234deg) rotateY(345deg) translateX(350px) rotateZ(234deg);
  }
  80% {
    transform: rotateZ(-234deg) rotateY(345deg) translateX(350px) rotateZ(234deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-234deg) rotateY(345deg) translateX(525px) rotateZ(234deg);
  }
}
.dot:nth-child(203) {
  animation: orbit203 14s infinite;
  animation-delay: 2.03s;
  background-color: hsl(217.5333333333, 100%, 100%);
}

@keyframes orbit203 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-245deg) rotateY(58deg) translateX(350px) rotateZ(245deg);
  }
  80% {
    transform: rotateZ(-245deg) rotateY(58deg) translateX(350px) rotateZ(245deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-245deg) rotateY(58deg) translateX(525px) rotateZ(245deg);
  }
}
.dot:nth-child(204) {
  animation: orbit204 14s infinite;
  animation-delay: 2.04s;
  background-color: hsl(217.6, 100%, 100%);
}

@keyframes orbit204 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-108deg) rotateY(205deg) translateX(350px) rotateZ(108deg);
  }
  80% {
    transform: rotateZ(-108deg) rotateY(205deg) translateX(350px) rotateZ(108deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-108deg) rotateY(205deg) translateX(525px) rotateZ(108deg);
  }
}
.dot:nth-child(205) {
  animation: orbit205 14s infinite;
  animation-delay: 2.05s;
  background-color: hsl(217.6666666667, 100%, 100%);
}

@keyframes orbit205 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-115deg) rotateY(339deg) translateX(350px) rotateZ(115deg);
  }
  80% {
    transform: rotateZ(-115deg) rotateY(339deg) translateX(350px) rotateZ(115deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-115deg) rotateY(339deg) translateX(525px) rotateZ(115deg);
  }
}
.dot:nth-child(206) {
  animation: orbit206 14s infinite;
  animation-delay: 2.06s;
  background-color: hsl(217.7333333333, 100%, 100%);
}

@keyframes orbit206 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-74deg) rotateY(110deg) translateX(350px) rotateZ(74deg);
  }
  80% {
    transform: rotateZ(-74deg) rotateY(110deg) translateX(350px) rotateZ(74deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-74deg) rotateY(110deg) translateX(525px) rotateZ(74deg);
  }
}
.dot:nth-child(207) {
  animation: orbit207 14s infinite;
  animation-delay: 2.07s;
  background-color: hsl(217.8, 100%, 100%);
}

@keyframes orbit207 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-340deg) rotateY(66deg) translateX(350px) rotateZ(340deg);
  }
  80% {
    transform: rotateZ(-340deg) rotateY(66deg) translateX(350px) rotateZ(340deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-340deg) rotateY(66deg) translateX(525px) rotateZ(340deg);
  }
}
.dot:nth-child(208) {
  animation: orbit208 14s infinite;
  animation-delay: 2.08s;
  background-color: hsl(217.8666666667, 100%, 100%);
}

@keyframes orbit208 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-320deg) rotateY(53deg) translateX(350px) rotateZ(320deg);
  }
  80% {
    transform: rotateZ(-320deg) rotateY(53deg) translateX(350px) rotateZ(320deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-320deg) rotateY(53deg) translateX(525px) rotateZ(320deg);
  }
}
.dot:nth-child(209) {
  animation: orbit209 14s infinite;
  animation-delay: 2.09s;
  background-color: hsl(217.9333333333, 100%, 100%);
}

@keyframes orbit209 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-34deg) rotateY(201deg) translateX(350px) rotateZ(34deg);
  }
  80% {
    transform: rotateZ(-34deg) rotateY(201deg) translateX(350px) rotateZ(34deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-34deg) rotateY(201deg) translateX(525px) rotateZ(34deg);
  }
}
.dot:nth-child(210) {
  animation: orbit210 14s infinite;
  animation-delay: 2.1s;
  background-color: hsl(218, 100%, 100%);
}

@keyframes orbit210 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-113deg) rotateY(205deg) translateX(350px) rotateZ(113deg);
  }
  80% {
    transform: rotateZ(-113deg) rotateY(205deg) translateX(350px) rotateZ(113deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-113deg) rotateY(205deg) translateX(525px) rotateZ(113deg);
  }
}
.dot:nth-child(211) {
  animation: orbit211 14s infinite;
  animation-delay: 2.11s;
  background-color: hsl(218.0666666667, 100%, 100%);
}

@keyframes orbit211 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-309deg) rotateY(195deg) translateX(350px) rotateZ(309deg);
  }
  80% {
    transform: rotateZ(-309deg) rotateY(195deg) translateX(350px) rotateZ(309deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-309deg) rotateY(195deg) translateX(525px) rotateZ(309deg);
  }
}
.dot:nth-child(212) {
  animation: orbit212 14s infinite;
  animation-delay: 2.12s;
  background-color: hsl(218.1333333333, 100%, 100%);
}

@keyframes orbit212 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-121deg) rotateY(210deg) translateX(350px) rotateZ(121deg);
  }
  80% {
    transform: rotateZ(-121deg) rotateY(210deg) translateX(350px) rotateZ(121deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-121deg) rotateY(210deg) translateX(525px) rotateZ(121deg);
  }
}
.dot:nth-child(213) {
  animation: orbit213 14s infinite;
  animation-delay: 2.13s;
  background-color: hsl(218.2, 100%, 100%);
}

@keyframes orbit213 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-52deg) rotateY(209deg) translateX(350px) rotateZ(52deg);
  }
  80% {
    transform: rotateZ(-52deg) rotateY(209deg) translateX(350px) rotateZ(52deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-52deg) rotateY(209deg) translateX(525px) rotateZ(52deg);
  }
}
.dot:nth-child(214) {
  animation: orbit214 14s infinite;
  animation-delay: 2.14s;
  background-color: hsl(218.2666666667, 100%, 100%);
}

@keyframes orbit214 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-27deg) rotateY(106deg) translateX(350px) rotateZ(27deg);
  }
  80% {
    transform: rotateZ(-27deg) rotateY(106deg) translateX(350px) rotateZ(27deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-27deg) rotateY(106deg) translateX(525px) rotateZ(27deg);
  }
}
.dot:nth-child(215) {
  animation: orbit215 14s infinite;
  animation-delay: 2.15s;
  background-color: hsl(218.3333333333, 100%, 100%);
}

@keyframes orbit215 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-205deg) rotateY(67deg) translateX(350px) rotateZ(205deg);
  }
  80% {
    transform: rotateZ(-205deg) rotateY(67deg) translateX(350px) rotateZ(205deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-205deg) rotateY(67deg) translateX(525px) rotateZ(205deg);
  }
}
.dot:nth-child(216) {
  animation: orbit216 14s infinite;
  animation-delay: 2.16s;
  background-color: hsl(218.4, 100%, 100%);
}

@keyframes orbit216 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-200deg) rotateY(36deg) translateX(350px) rotateZ(200deg);
  }
  80% {
    transform: rotateZ(-200deg) rotateY(36deg) translateX(350px) rotateZ(200deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-200deg) rotateY(36deg) translateX(525px) rotateZ(200deg);
  }
}
.dot:nth-child(217) {
  animation: orbit217 14s infinite;
  animation-delay: 2.17s;
  background-color: hsl(218.4666666667, 100%, 100%);
}

@keyframes orbit217 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-288deg) rotateY(150deg) translateX(350px) rotateZ(288deg);
  }
  80% {
    transform: rotateZ(-288deg) rotateY(150deg) translateX(350px) rotateZ(288deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-288deg) rotateY(150deg) translateX(525px) rotateZ(288deg);
  }
}
.dot:nth-child(218) {
  animation: orbit218 14s infinite;
  animation-delay: 2.18s;
  background-color: hsl(218.5333333333, 100%, 100%);
}

@keyframes orbit218 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-331deg) rotateY(338deg) translateX(350px) rotateZ(331deg);
  }
  80% {
    transform: rotateZ(-331deg) rotateY(338deg) translateX(350px) rotateZ(331deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-331deg) rotateY(338deg) translateX(525px) rotateZ(331deg);
  }
}
.dot:nth-child(219) {
  animation: orbit219 14s infinite;
  animation-delay: 2.19s;
  background-color: hsl(218.6, 100%, 100%);
}

@keyframes orbit219 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-71deg) rotateY(355deg) translateX(350px) rotateZ(71deg);
  }
  80% {
    transform: rotateZ(-71deg) rotateY(355deg) translateX(350px) rotateZ(71deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-71deg) rotateY(355deg) translateX(525px) rotateZ(71deg);
  }
}
.dot:nth-child(220) {
  animation: orbit220 14s infinite;
  animation-delay: 2.2s;
  background-color: hsl(218.6666666667, 100%, 100%);
}

@keyframes orbit220 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-57deg) rotateY(147deg) translateX(350px) rotateZ(57deg);
  }
  80% {
    transform: rotateZ(-57deg) rotateY(147deg) translateX(350px) rotateZ(57deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-57deg) rotateY(147deg) translateX(525px) rotateZ(57deg);
  }
}
.dot:nth-child(221) {
  animation: orbit221 14s infinite;
  animation-delay: 2.21s;
  background-color: hsl(218.7333333333, 100%, 100%);
}

@keyframes orbit221 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-307deg) rotateY(351deg) translateX(350px) rotateZ(307deg);
  }
  80% {
    transform: rotateZ(-307deg) rotateY(351deg) translateX(350px) rotateZ(307deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-307deg) rotateY(351deg) translateX(525px) rotateZ(307deg);
  }
}
.dot:nth-child(222) {
  animation: orbit222 14s infinite;
  animation-delay: 2.22s;
  background-color: hsl(218.8, 100%, 100%);
}

@keyframes orbit222 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-82deg) rotateY(266deg) translateX(350px) rotateZ(82deg);
  }
  80% {
    transform: rotateZ(-82deg) rotateY(266deg) translateX(350px) rotateZ(82deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-82deg) rotateY(266deg) translateX(525px) rotateZ(82deg);
  }
}
.dot:nth-child(223) {
  animation: orbit223 14s infinite;
  animation-delay: 2.23s;
  background-color: hsl(218.8666666667, 100%, 100%);
}

@keyframes orbit223 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-264deg) rotateY(25deg) translateX(350px) rotateZ(264deg);
  }
  80% {
    transform: rotateZ(-264deg) rotateY(25deg) translateX(350px) rotateZ(264deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-264deg) rotateY(25deg) translateX(525px) rotateZ(264deg);
  }
}
.dot:nth-child(224) {
  animation: orbit224 14s infinite;
  animation-delay: 2.24s;
  background-color: hsl(218.9333333333, 100%, 100%);
}

@keyframes orbit224 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-238deg) rotateY(316deg) translateX(350px) rotateZ(238deg);
  }
  80% {
    transform: rotateZ(-238deg) rotateY(316deg) translateX(350px) rotateZ(238deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-238deg) rotateY(316deg) translateX(525px) rotateZ(238deg);
  }
}
.dot:nth-child(225) {
  animation: orbit225 14s infinite;
  animation-delay: 2.25s;
  background-color: hsl(219, 100%, 100%);
}

@keyframes orbit225 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-158deg) rotateY(341deg) translateX(350px) rotateZ(158deg);
  }
  80% {
    transform: rotateZ(-158deg) rotateY(341deg) translateX(350px) rotateZ(158deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-158deg) rotateY(341deg) translateX(525px) rotateZ(158deg);
  }
}
.dot:nth-child(226) {
  animation: orbit226 14s infinite;
  animation-delay: 2.26s;
  background-color: hsl(219.0666666667, 100%, 100%);
}

@keyframes orbit226 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-294deg) rotateY(282deg) translateX(350px) rotateZ(294deg);
  }
  80% {
    transform: rotateZ(-294deg) rotateY(282deg) translateX(350px) rotateZ(294deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-294deg) rotateY(282deg) translateX(525px) rotateZ(294deg);
  }
}
.dot:nth-child(227) {
  animation: orbit227 14s infinite;
  animation-delay: 2.27s;
  background-color: hsl(219.1333333333, 100%, 100%);
}

@keyframes orbit227 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-173deg) rotateY(189deg) translateX(350px) rotateZ(173deg);
  }
  80% {
    transform: rotateZ(-173deg) rotateY(189deg) translateX(350px) rotateZ(173deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-173deg) rotateY(189deg) translateX(525px) rotateZ(173deg);
  }
}
.dot:nth-child(228) {
  animation: orbit228 14s infinite;
  animation-delay: 2.28s;
  background-color: hsl(219.2, 100%, 100%);
}

@keyframes orbit228 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-239deg) rotateY(211deg) translateX(350px) rotateZ(239deg);
  }
  80% {
    transform: rotateZ(-239deg) rotateY(211deg) translateX(350px) rotateZ(239deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-239deg) rotateY(211deg) translateX(525px) rotateZ(239deg);
  }
}
.dot:nth-child(229) {
  animation: orbit229 14s infinite;
  animation-delay: 2.29s;
  background-color: hsl(219.2666666667, 100%, 100%);
}

@keyframes orbit229 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-277deg) rotateY(119deg) translateX(350px) rotateZ(277deg);
  }
  80% {
    transform: rotateZ(-277deg) rotateY(119deg) translateX(350px) rotateZ(277deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-277deg) rotateY(119deg) translateX(525px) rotateZ(277deg);
  }
}
.dot:nth-child(230) {
  animation: orbit230 14s infinite;
  animation-delay: 2.3s;
  background-color: hsl(219.3333333333, 100%, 100%);
}

@keyframes orbit230 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-297deg) rotateY(333deg) translateX(350px) rotateZ(297deg);
  }
  80% {
    transform: rotateZ(-297deg) rotateY(333deg) translateX(350px) rotateZ(297deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-297deg) rotateY(333deg) translateX(525px) rotateZ(297deg);
  }
}
.dot:nth-child(231) {
  animation: orbit231 14s infinite;
  animation-delay: 2.31s;
  background-color: hsl(219.4, 100%, 100%);
}

@keyframes orbit231 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-110deg) rotateY(122deg) translateX(350px) rotateZ(110deg);
  }
  80% {
    transform: rotateZ(-110deg) rotateY(122deg) translateX(350px) rotateZ(110deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-110deg) rotateY(122deg) translateX(525px) rotateZ(110deg);
  }
}
.dot:nth-child(232) {
  animation: orbit232 14s infinite;
  animation-delay: 2.32s;
  background-color: hsl(219.4666666667, 100%, 100%);
}

@keyframes orbit232 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-148deg) rotateY(171deg) translateX(350px) rotateZ(148deg);
  }
  80% {
    transform: rotateZ(-148deg) rotateY(171deg) translateX(350px) rotateZ(148deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-148deg) rotateY(171deg) translateX(525px) rotateZ(148deg);
  }
}
.dot:nth-child(233) {
  animation: orbit233 14s infinite;
  animation-delay: 2.33s;
  background-color: hsl(219.5333333333, 100%, 100%);
}

@keyframes orbit233 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-132deg) rotateY(156deg) translateX(350px) rotateZ(132deg);
  }
  80% {
    transform: rotateZ(-132deg) rotateY(156deg) translateX(350px) rotateZ(132deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-132deg) rotateY(156deg) translateX(525px) rotateZ(132deg);
  }
}
.dot:nth-child(234) {
  animation: orbit234 14s infinite;
  animation-delay: 2.34s;
  background-color: hsl(219.6, 100%, 100%);
}

@keyframes orbit234 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-311deg) rotateY(205deg) translateX(350px) rotateZ(311deg);
  }
  80% {
    transform: rotateZ(-311deg) rotateY(205deg) translateX(350px) rotateZ(311deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-311deg) rotateY(205deg) translateX(525px) rotateZ(311deg);
  }
}
.dot:nth-child(235) {
  animation: orbit235 14s infinite;
  animation-delay: 2.35s;
  background-color: hsl(219.6666666667, 100%, 100%);
}

@keyframes orbit235 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-37deg) rotateY(306deg) translateX(350px) rotateZ(37deg);
  }
  80% {
    transform: rotateZ(-37deg) rotateY(306deg) translateX(350px) rotateZ(37deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-37deg) rotateY(306deg) translateX(525px) rotateZ(37deg);
  }
}
.dot:nth-child(236) {
  animation: orbit236 14s infinite;
  animation-delay: 2.36s;
  background-color: hsl(219.7333333333, 100%, 100%);
}

@keyframes orbit236 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-56deg) rotateY(254deg) translateX(350px) rotateZ(56deg);
  }
  80% {
    transform: rotateZ(-56deg) rotateY(254deg) translateX(350px) rotateZ(56deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-56deg) rotateY(254deg) translateX(525px) rotateZ(56deg);
  }
}
.dot:nth-child(237) {
  animation: orbit237 14s infinite;
  animation-delay: 2.37s;
  background-color: hsl(219.8, 100%, 100%);
}

@keyframes orbit237 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-227deg) rotateY(21deg) translateX(350px) rotateZ(227deg);
  }
  80% {
    transform: rotateZ(-227deg) rotateY(21deg) translateX(350px) rotateZ(227deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-227deg) rotateY(21deg) translateX(525px) rotateZ(227deg);
  }
}
.dot:nth-child(238) {
  animation: orbit238 14s infinite;
  animation-delay: 2.38s;
  background-color: hsl(219.8666666667, 100%, 100%);
}

@keyframes orbit238 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-40deg) rotateY(331deg) translateX(350px) rotateZ(40deg);
  }
  80% {
    transform: rotateZ(-40deg) rotateY(331deg) translateX(350px) rotateZ(40deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-40deg) rotateY(331deg) translateX(525px) rotateZ(40deg);
  }
}
.dot:nth-child(239) {
  animation: orbit239 14s infinite;
  animation-delay: 2.39s;
  background-color: hsl(219.9333333333, 100%, 100%);
}

@keyframes orbit239 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-53deg) rotateY(59deg) translateX(350px) rotateZ(53deg);
  }
  80% {
    transform: rotateZ(-53deg) rotateY(59deg) translateX(350px) rotateZ(53deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-53deg) rotateY(59deg) translateX(525px) rotateZ(53deg);
  }
}
.dot:nth-child(240) {
  animation: orbit240 14s infinite;
  animation-delay: 2.4s;
  background-color: hsl(220, 100%, 100%);
}

@keyframes orbit240 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-57deg) rotateY(256deg) translateX(350px) rotateZ(57deg);
  }
  80% {
    transform: rotateZ(-57deg) rotateY(256deg) translateX(350px) rotateZ(57deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-57deg) rotateY(256deg) translateX(525px) rotateZ(57deg);
  }
}
.dot:nth-child(241) {
  animation: orbit241 14s infinite;
  animation-delay: 2.41s;
  background-color: hsl(220.0666666667, 100%, 100%);
}

@keyframes orbit241 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-61deg) rotateY(149deg) translateX(350px) rotateZ(61deg);
  }
  80% {
    transform: rotateZ(-61deg) rotateY(149deg) translateX(350px) rotateZ(61deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-61deg) rotateY(149deg) translateX(525px) rotateZ(61deg);
  }
}
.dot:nth-child(242) {
  animation: orbit242 14s infinite;
  animation-delay: 2.42s;
  background-color: hsl(220.1333333333, 100%, 100%);
}

@keyframes orbit242 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-150deg) rotateY(280deg) translateX(350px) rotateZ(150deg);
  }
  80% {
    transform: rotateZ(-150deg) rotateY(280deg) translateX(350px) rotateZ(150deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-150deg) rotateY(280deg) translateX(525px) rotateZ(150deg);
  }
}
.dot:nth-child(243) {
  animation: orbit243 14s infinite;
  animation-delay: 2.43s;
  background-color: hsl(220.2, 100%, 100%);
}

@keyframes orbit243 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-100deg) rotateY(332deg) translateX(350px) rotateZ(100deg);
  }
  80% {
    transform: rotateZ(-100deg) rotateY(332deg) translateX(350px) rotateZ(100deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-100deg) rotateY(332deg) translateX(525px) rotateZ(100deg);
  }
}
.dot:nth-child(244) {
  animation: orbit244 14s infinite;
  animation-delay: 2.44s;
  background-color: hsl(220.2666666667, 100%, 100%);
}

@keyframes orbit244 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-289deg) rotateY(3deg) translateX(350px) rotateZ(289deg);
  }
  80% {
    transform: rotateZ(-289deg) rotateY(3deg) translateX(350px) rotateZ(289deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-289deg) rotateY(3deg) translateX(525px) rotateZ(289deg);
  }
}
.dot:nth-child(245) {
  animation: orbit245 14s infinite;
  animation-delay: 2.45s;
  background-color: hsl(220.3333333333, 100%, 100%);
}

@keyframes orbit245 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-126deg) rotateY(107deg) translateX(350px) rotateZ(126deg);
  }
  80% {
    transform: rotateZ(-126deg) rotateY(107deg) translateX(350px) rotateZ(126deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-126deg) rotateY(107deg) translateX(525px) rotateZ(126deg);
  }
}
.dot:nth-child(246) {
  animation: orbit246 14s infinite;
  animation-delay: 2.46s;
  background-color: hsl(220.4, 100%, 100%);
}

@keyframes orbit246 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-274deg) rotateY(253deg) translateX(350px) rotateZ(274deg);
  }
  80% {
    transform: rotateZ(-274deg) rotateY(253deg) translateX(350px) rotateZ(274deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-274deg) rotateY(253deg) translateX(525px) rotateZ(274deg);
  }
}
.dot:nth-child(247) {
  animation: orbit247 14s infinite;
  animation-delay: 2.47s;
  background-color: hsl(220.4666666667, 100%, 100%);
}

@keyframes orbit247 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-284deg) rotateY(170deg) translateX(350px) rotateZ(284deg);
  }
  80% {
    transform: rotateZ(-284deg) rotateY(170deg) translateX(350px) rotateZ(284deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-284deg) rotateY(170deg) translateX(525px) rotateZ(284deg);
  }
}
.dot:nth-child(248) {
  animation: orbit248 14s infinite;
  animation-delay: 2.48s;
  background-color: hsl(220.5333333333, 100%, 100%);
}

@keyframes orbit248 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-160deg) rotateY(71deg) translateX(350px) rotateZ(160deg);
  }
  80% {
    transform: rotateZ(-160deg) rotateY(71deg) translateX(350px) rotateZ(160deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-160deg) rotateY(71deg) translateX(525px) rotateZ(160deg);
  }
}
.dot:nth-child(249) {
  animation: orbit249 14s infinite;
  animation-delay: 2.49s;
  background-color: hsl(220.6, 100%, 100%);
}

@keyframes orbit249 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-60deg) rotateY(71deg) translateX(350px) rotateZ(60deg);
  }
  80% {
    transform: rotateZ(-60deg) rotateY(71deg) translateX(350px) rotateZ(60deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-60deg) rotateY(71deg) translateX(525px) rotateZ(60deg);
  }
}
.dot:nth-child(250) {
  animation: orbit250 14s infinite;
  animation-delay: 2.5s;
  background-color: hsl(220.6666666667, 100%, 100%);
}

@keyframes orbit250 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-73deg) rotateY(10deg) translateX(350px) rotateZ(73deg);
  }
  80% {
    transform: rotateZ(-73deg) rotateY(10deg) translateX(350px) rotateZ(73deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-73deg) rotateY(10deg) translateX(525px) rotateZ(73deg);
  }
}
.dot:nth-child(251) {
  animation: orbit251 14s infinite;
  animation-delay: 2.51s;
  background-color: hsl(220.7333333333, 100%, 100%);
}

@keyframes orbit251 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-43deg) rotateY(343deg) translateX(350px) rotateZ(43deg);
  }
  80% {
    transform: rotateZ(-43deg) rotateY(343deg) translateX(350px) rotateZ(43deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-43deg) rotateY(343deg) translateX(525px) rotateZ(43deg);
  }
}
.dot:nth-child(252) {
  animation: orbit252 14s infinite;
  animation-delay: 2.52s;
  background-color: hsl(220.8, 100%, 100%);
}

@keyframes orbit252 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-69deg) rotateY(199deg) translateX(350px) rotateZ(69deg);
  }
  80% {
    transform: rotateZ(-69deg) rotateY(199deg) translateX(350px) rotateZ(69deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-69deg) rotateY(199deg) translateX(525px) rotateZ(69deg);
  }
}
.dot:nth-child(253) {
  animation: orbit253 14s infinite;
  animation-delay: 2.53s;
  background-color: hsl(220.8666666667, 100%, 100%);
}

@keyframes orbit253 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-344deg) rotateY(338deg) translateX(350px) rotateZ(344deg);
  }
  80% {
    transform: rotateZ(-344deg) rotateY(338deg) translateX(350px) rotateZ(344deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-344deg) rotateY(338deg) translateX(525px) rotateZ(344deg);
  }
}
.dot:nth-child(254) {
  animation: orbit254 14s infinite;
  animation-delay: 2.54s;
  background-color: hsl(220.9333333333, 100%, 100%);
}

@keyframes orbit254 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-67deg) rotateY(57deg) translateX(350px) rotateZ(67deg);
  }
  80% {
    transform: rotateZ(-67deg) rotateY(57deg) translateX(350px) rotateZ(67deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-67deg) rotateY(57deg) translateX(525px) rotateZ(67deg);
  }
}
.dot:nth-child(255) {
  animation: orbit255 14s infinite;
  animation-delay: 2.55s;
  background-color: hsl(221, 100%, 100%);
}

@keyframes orbit255 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-251deg) rotateY(296deg) translateX(350px) rotateZ(251deg);
  }
  80% {
    transform: rotateZ(-251deg) rotateY(296deg) translateX(350px) rotateZ(251deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-251deg) rotateY(296deg) translateX(525px) rotateZ(251deg);
  }
}
.dot:nth-child(256) {
  animation: orbit256 14s infinite;
  animation-delay: 2.56s;
  background-color: hsl(221.0666666667, 100%, 100%);
}

@keyframes orbit256 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-216deg) rotateY(233deg) translateX(350px) rotateZ(216deg);
  }
  80% {
    transform: rotateZ(-216deg) rotateY(233deg) translateX(350px) rotateZ(216deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-216deg) rotateY(233deg) translateX(525px) rotateZ(216deg);
  }
}
.dot:nth-child(257) {
  animation: orbit257 14s infinite;
  animation-delay: 2.57s;
  background-color: hsl(221.1333333333, 100%, 100%);
}

@keyframes orbit257 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-37deg) rotateY(114deg) translateX(350px) rotateZ(37deg);
  }
  80% {
    transform: rotateZ(-37deg) rotateY(114deg) translateX(350px) rotateZ(37deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-37deg) rotateY(114deg) translateX(525px) rotateZ(37deg);
  }
}
.dot:nth-child(258) {
  animation: orbit258 14s infinite;
  animation-delay: 2.58s;
  background-color: hsl(221.2, 100%, 100%);
}

@keyframes orbit258 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-131deg) rotateY(332deg) translateX(350px) rotateZ(131deg);
  }
  80% {
    transform: rotateZ(-131deg) rotateY(332deg) translateX(350px) rotateZ(131deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-131deg) rotateY(332deg) translateX(525px) rotateZ(131deg);
  }
}
.dot:nth-child(259) {
  animation: orbit259 14s infinite;
  animation-delay: 2.59s;
  background-color: hsl(221.2666666667, 100%, 100%);
}

@keyframes orbit259 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-300deg) rotateY(314deg) translateX(350px) rotateZ(300deg);
  }
  80% {
    transform: rotateZ(-300deg) rotateY(314deg) translateX(350px) rotateZ(300deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-300deg) rotateY(314deg) translateX(525px) rotateZ(300deg);
  }
}
.dot:nth-child(260) {
  animation: orbit260 14s infinite;
  animation-delay: 2.6s;
  background-color: hsl(221.3333333333, 100%, 100%);
}

@keyframes orbit260 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-156deg) rotateY(97deg) translateX(350px) rotateZ(156deg);
  }
  80% {
    transform: rotateZ(-156deg) rotateY(97deg) translateX(350px) rotateZ(156deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-156deg) rotateY(97deg) translateX(525px) rotateZ(156deg);
  }
}
.dot:nth-child(261) {
  animation: orbit261 14s infinite;
  animation-delay: 2.61s;
  background-color: hsl(221.4, 100%, 100%);
}

@keyframes orbit261 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-116deg) rotateY(160deg) translateX(350px) rotateZ(116deg);
  }
  80% {
    transform: rotateZ(-116deg) rotateY(160deg) translateX(350px) rotateZ(116deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-116deg) rotateY(160deg) translateX(525px) rotateZ(116deg);
  }
}
.dot:nth-child(262) {
  animation: orbit262 14s infinite;
  animation-delay: 2.62s;
  background-color: hsl(221.4666666667, 100%, 100%);
}

@keyframes orbit262 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-329deg) rotateY(215deg) translateX(350px) rotateZ(329deg);
  }
  80% {
    transform: rotateZ(-329deg) rotateY(215deg) translateX(350px) rotateZ(329deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-329deg) rotateY(215deg) translateX(525px) rotateZ(329deg);
  }
}
.dot:nth-child(263) {
  animation: orbit263 14s infinite;
  animation-delay: 2.63s;
  background-color: hsl(221.5333333333, 100%, 100%);
}

@keyframes orbit263 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-138deg) rotateY(108deg) translateX(350px) rotateZ(138deg);
  }
  80% {
    transform: rotateZ(-138deg) rotateY(108deg) translateX(350px) rotateZ(138deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-138deg) rotateY(108deg) translateX(525px) rotateZ(138deg);
  }
}
.dot:nth-child(264) {
  animation: orbit264 14s infinite;
  animation-delay: 2.64s;
  background-color: hsl(221.6, 100%, 100%);
}

@keyframes orbit264 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-271deg) rotateY(103deg) translateX(350px) rotateZ(271deg);
  }
  80% {
    transform: rotateZ(-271deg) rotateY(103deg) translateX(350px) rotateZ(271deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-271deg) rotateY(103deg) translateX(525px) rotateZ(271deg);
  }
}
.dot:nth-child(265) {
  animation: orbit265 14s infinite;
  animation-delay: 2.65s;
  background-color: hsl(221.6666666667, 100%, 100%);
}

@keyframes orbit265 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-277deg) rotateY(94deg) translateX(350px) rotateZ(277deg);
  }
  80% {
    transform: rotateZ(-277deg) rotateY(94deg) translateX(350px) rotateZ(277deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-277deg) rotateY(94deg) translateX(525px) rotateZ(277deg);
  }
}
.dot:nth-child(266) {
  animation: orbit266 14s infinite;
  animation-delay: 2.66s;
  background-color: hsl(221.7333333333, 100%, 100%);
}

@keyframes orbit266 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-285deg) rotateY(195deg) translateX(350px) rotateZ(285deg);
  }
  80% {
    transform: rotateZ(-285deg) rotateY(195deg) translateX(350px) rotateZ(285deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-285deg) rotateY(195deg) translateX(525px) rotateZ(285deg);
  }
}
.dot:nth-child(267) {
  animation: orbit267 14s infinite;
  animation-delay: 2.67s;
  background-color: hsl(221.8, 100%, 100%);
}

@keyframes orbit267 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-66deg) rotateY(196deg) translateX(350px) rotateZ(66deg);
  }
  80% {
    transform: rotateZ(-66deg) rotateY(196deg) translateX(350px) rotateZ(66deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-66deg) rotateY(196deg) translateX(525px) rotateZ(66deg);
  }
}
.dot:nth-child(268) {
  animation: orbit268 14s infinite;
  animation-delay: 2.68s;
  background-color: hsl(221.8666666667, 100%, 100%);
}

@keyframes orbit268 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-310deg) rotateY(9deg) translateX(350px) rotateZ(310deg);
  }
  80% {
    transform: rotateZ(-310deg) rotateY(9deg) translateX(350px) rotateZ(310deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-310deg) rotateY(9deg) translateX(525px) rotateZ(310deg);
  }
}
.dot:nth-child(269) {
  animation: orbit269 14s infinite;
  animation-delay: 2.69s;
  background-color: hsl(221.9333333333, 100%, 100%);
}

@keyframes orbit269 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-310deg) rotateY(299deg) translateX(350px) rotateZ(310deg);
  }
  80% {
    transform: rotateZ(-310deg) rotateY(299deg) translateX(350px) rotateZ(310deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-310deg) rotateY(299deg) translateX(525px) rotateZ(310deg);
  }
}
.dot:nth-child(270) {
  animation: orbit270 14s infinite;
  animation-delay: 2.7s;
  background-color: hsl(222, 100%, 100%);
}

@keyframes orbit270 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-162deg) rotateY(89deg) translateX(350px) rotateZ(162deg);
  }
  80% {
    transform: rotateZ(-162deg) rotateY(89deg) translateX(350px) rotateZ(162deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-162deg) rotateY(89deg) translateX(525px) rotateZ(162deg);
  }
}
.dot:nth-child(271) {
  animation: orbit271 14s infinite;
  animation-delay: 2.71s;
  background-color: hsl(222.0666666667, 100%, 100%);
}

@keyframes orbit271 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-23deg) rotateY(208deg) translateX(350px) rotateZ(23deg);
  }
  80% {
    transform: rotateZ(-23deg) rotateY(208deg) translateX(350px) rotateZ(23deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-23deg) rotateY(208deg) translateX(525px) rotateZ(23deg);
  }
}
.dot:nth-child(272) {
  animation: orbit272 14s infinite;
  animation-delay: 2.72s;
  background-color: hsl(222.1333333333, 100%, 100%);
}

@keyframes orbit272 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-26deg) rotateY(344deg) translateX(350px) rotateZ(26deg);
  }
  80% {
    transform: rotateZ(-26deg) rotateY(344deg) translateX(350px) rotateZ(26deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-26deg) rotateY(344deg) translateX(525px) rotateZ(26deg);
  }
}
.dot:nth-child(273) {
  animation: orbit273 14s infinite;
  animation-delay: 2.73s;
  background-color: hsl(222.2, 100%, 100%);
}

@keyframes orbit273 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-147deg) rotateY(192deg) translateX(350px) rotateZ(147deg);
  }
  80% {
    transform: rotateZ(-147deg) rotateY(192deg) translateX(350px) rotateZ(147deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-147deg) rotateY(192deg) translateX(525px) rotateZ(147deg);
  }
}
.dot:nth-child(274) {
  animation: orbit274 14s infinite;
  animation-delay: 2.74s;
  background-color: hsl(222.2666666667, 100%, 100%);
}

@keyframes orbit274 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-235deg) rotateY(331deg) translateX(350px) rotateZ(235deg);
  }
  80% {
    transform: rotateZ(-235deg) rotateY(331deg) translateX(350px) rotateZ(235deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-235deg) rotateY(331deg) translateX(525px) rotateZ(235deg);
  }
}
.dot:nth-child(275) {
  animation: orbit275 14s infinite;
  animation-delay: 2.75s;
  background-color: hsl(222.3333333333, 100%, 100%);
}

@keyframes orbit275 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-226deg) rotateY(360deg) translateX(350px) rotateZ(226deg);
  }
  80% {
    transform: rotateZ(-226deg) rotateY(360deg) translateX(350px) rotateZ(226deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-226deg) rotateY(360deg) translateX(525px) rotateZ(226deg);
  }
}
.dot:nth-child(276) {
  animation: orbit276 14s infinite;
  animation-delay: 2.76s;
  background-color: hsl(222.4, 100%, 100%);
}

@keyframes orbit276 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-135deg) rotateY(323deg) translateX(350px) rotateZ(135deg);
  }
  80% {
    transform: rotateZ(-135deg) rotateY(323deg) translateX(350px) rotateZ(135deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-135deg) rotateY(323deg) translateX(525px) rotateZ(135deg);
  }
}
.dot:nth-child(277) {
  animation: orbit277 14s infinite;
  animation-delay: 2.77s;
  background-color: hsl(222.4666666667, 100%, 100%);
}

@keyframes orbit277 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-46deg) rotateY(110deg) translateX(350px) rotateZ(46deg);
  }
  80% {
    transform: rotateZ(-46deg) rotateY(110deg) translateX(350px) rotateZ(46deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-46deg) rotateY(110deg) translateX(525px) rotateZ(46deg);
  }
}
.dot:nth-child(278) {
  animation: orbit278 14s infinite;
  animation-delay: 2.78s;
  background-color: hsl(222.5333333333, 100%, 100%);
}

@keyframes orbit278 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-183deg) rotateY(241deg) translateX(350px) rotateZ(183deg);
  }
  80% {
    transform: rotateZ(-183deg) rotateY(241deg) translateX(350px) rotateZ(183deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-183deg) rotateY(241deg) translateX(525px) rotateZ(183deg);
  }
}
.dot:nth-child(279) {
  animation: orbit279 14s infinite;
  animation-delay: 2.79s;
  background-color: hsl(222.6, 100%, 100%);
}

@keyframes orbit279 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-155deg) rotateY(341deg) translateX(350px) rotateZ(155deg);
  }
  80% {
    transform: rotateZ(-155deg) rotateY(341deg) translateX(350px) rotateZ(155deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-155deg) rotateY(341deg) translateX(525px) rotateZ(155deg);
  }
}
.dot:nth-child(280) {
  animation: orbit280 14s infinite;
  animation-delay: 2.8s;
  background-color: hsl(222.6666666667, 100%, 100%);
}

@keyframes orbit280 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-32deg) rotateY(292deg) translateX(350px) rotateZ(32deg);
  }
  80% {
    transform: rotateZ(-32deg) rotateY(292deg) translateX(350px) rotateZ(32deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-32deg) rotateY(292deg) translateX(525px) rotateZ(32deg);
  }
}
.dot:nth-child(281) {
  animation: orbit281 14s infinite;
  animation-delay: 2.81s;
  background-color: hsl(222.7333333333, 100%, 100%);
}

@keyframes orbit281 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-204deg) rotateY(85deg) translateX(350px) rotateZ(204deg);
  }
  80% {
    transform: rotateZ(-204deg) rotateY(85deg) translateX(350px) rotateZ(204deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-204deg) rotateY(85deg) translateX(525px) rotateZ(204deg);
  }
}
.dot:nth-child(282) {
  animation: orbit282 14s infinite;
  animation-delay: 2.82s;
  background-color: hsl(222.8, 100%, 100%);
}

@keyframes orbit282 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-242deg) rotateY(84deg) translateX(350px) rotateZ(242deg);
  }
  80% {
    transform: rotateZ(-242deg) rotateY(84deg) translateX(350px) rotateZ(242deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-242deg) rotateY(84deg) translateX(525px) rotateZ(242deg);
  }
}
.dot:nth-child(283) {
  animation: orbit283 14s infinite;
  animation-delay: 2.83s;
  background-color: hsl(222.8666666667, 100%, 100%);
}

@keyframes orbit283 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-228deg) rotateY(163deg) translateX(350px) rotateZ(228deg);
  }
  80% {
    transform: rotateZ(-228deg) rotateY(163deg) translateX(350px) rotateZ(228deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-228deg) rotateY(163deg) translateX(525px) rotateZ(228deg);
  }
}
.dot:nth-child(284) {
  animation: orbit284 14s infinite;
  animation-delay: 2.84s;
  background-color: hsl(222.9333333333, 100%, 100%);
}

@keyframes orbit284 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-338deg) rotateY(203deg) translateX(350px) rotateZ(338deg);
  }
  80% {
    transform: rotateZ(-338deg) rotateY(203deg) translateX(350px) rotateZ(338deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-338deg) rotateY(203deg) translateX(525px) rotateZ(338deg);
  }
}
.dot:nth-child(285) {
  animation: orbit285 14s infinite;
  animation-delay: 2.85s;
  background-color: hsl(223, 100%, 100%);
}

@keyframes orbit285 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-160deg) rotateY(352deg) translateX(350px) rotateZ(160deg);
  }
  80% {
    transform: rotateZ(-160deg) rotateY(352deg) translateX(350px) rotateZ(160deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-160deg) rotateY(352deg) translateX(525px) rotateZ(160deg);
  }
}
.dot:nth-child(286) {
  animation: orbit286 14s infinite;
  animation-delay: 2.86s;
  background-color: hsl(223.0666666667, 100%, 100%);
}

@keyframes orbit286 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-235deg) rotateY(58deg) translateX(350px) rotateZ(235deg);
  }
  80% {
    transform: rotateZ(-235deg) rotateY(58deg) translateX(350px) rotateZ(235deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-235deg) rotateY(58deg) translateX(525px) rotateZ(235deg);
  }
}
.dot:nth-child(287) {
  animation: orbit287 14s infinite;
  animation-delay: 2.87s;
  background-color: hsl(223.1333333333, 100%, 100%);
}

@keyframes orbit287 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-229deg) rotateY(159deg) translateX(350px) rotateZ(229deg);
  }
  80% {
    transform: rotateZ(-229deg) rotateY(159deg) translateX(350px) rotateZ(229deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-229deg) rotateY(159deg) translateX(525px) rotateZ(229deg);
  }
}
.dot:nth-child(288) {
  animation: orbit288 14s infinite;
  animation-delay: 2.88s;
  background-color: hsl(223.2, 100%, 100%);
}

@keyframes orbit288 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-325deg) rotateY(159deg) translateX(350px) rotateZ(325deg);
  }
  80% {
    transform: rotateZ(-325deg) rotateY(159deg) translateX(350px) rotateZ(325deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-325deg) rotateY(159deg) translateX(525px) rotateZ(325deg);
  }
}
.dot:nth-child(289) {
  animation: orbit289 14s infinite;
  animation-delay: 2.89s;
  background-color: hsl(223.2666666667, 100%, 100%);
}

@keyframes orbit289 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-248deg) rotateY(294deg) translateX(350px) rotateZ(248deg);
  }
  80% {
    transform: rotateZ(-248deg) rotateY(294deg) translateX(350px) rotateZ(248deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-248deg) rotateY(294deg) translateX(525px) rotateZ(248deg);
  }
}
.dot:nth-child(290) {
  animation: orbit290 14s infinite;
  animation-delay: 2.9s;
  background-color: hsl(223.3333333333, 100%, 100%);
}

@keyframes orbit290 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-26deg) rotateY(176deg) translateX(350px) rotateZ(26deg);
  }
  80% {
    transform: rotateZ(-26deg) rotateY(176deg) translateX(350px) rotateZ(26deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-26deg) rotateY(176deg) translateX(525px) rotateZ(26deg);
  }
}
.dot:nth-child(291) {
  animation: orbit291 14s infinite;
  animation-delay: 2.91s;
  background-color: hsl(223.4, 100%, 100%);
}

@keyframes orbit291 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-213deg) rotateY(306deg) translateX(350px) rotateZ(213deg);
  }
  80% {
    transform: rotateZ(-213deg) rotateY(306deg) translateX(350px) rotateZ(213deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-213deg) rotateY(306deg) translateX(525px) rotateZ(213deg);
  }
}
.dot:nth-child(292) {
  animation: orbit292 14s infinite;
  animation-delay: 2.92s;
  background-color: hsl(223.4666666667, 100%, 100%);
}

@keyframes orbit292 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-334deg) rotateY(13deg) translateX(350px) rotateZ(334deg);
  }
  80% {
    transform: rotateZ(-334deg) rotateY(13deg) translateX(350px) rotateZ(334deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-334deg) rotateY(13deg) translateX(525px) rotateZ(334deg);
  }
}
.dot:nth-child(293) {
  animation: orbit293 14s infinite;
  animation-delay: 2.93s;
  background-color: hsl(223.5333333333, 100%, 100%);
}

@keyframes orbit293 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-225deg) rotateY(155deg) translateX(350px) rotateZ(225deg);
  }
  80% {
    transform: rotateZ(-225deg) rotateY(155deg) translateX(350px) rotateZ(225deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-225deg) rotateY(155deg) translateX(525px) rotateZ(225deg);
  }
}
.dot:nth-child(294) {
  animation: orbit294 14s infinite;
  animation-delay: 2.94s;
  background-color: hsl(223.6, 100%, 100%);
}

@keyframes orbit294 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-236deg) rotateY(290deg) translateX(350px) rotateZ(236deg);
  }
  80% {
    transform: rotateZ(-236deg) rotateY(290deg) translateX(350px) rotateZ(236deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-236deg) rotateY(290deg) translateX(525px) rotateZ(236deg);
  }
}
.dot:nth-child(295) {
  animation: orbit295 14s infinite;
  animation-delay: 2.95s;
  background-color: hsl(223.6666666667, 100%, 100%);
}

@keyframes orbit295 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-136deg) rotateY(7deg) translateX(350px) rotateZ(136deg);
  }
  80% {
    transform: rotateZ(-136deg) rotateY(7deg) translateX(350px) rotateZ(136deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-136deg) rotateY(7deg) translateX(525px) rotateZ(136deg);
  }
}
.dot:nth-child(296) {
  animation: orbit296 14s infinite;
  animation-delay: 2.96s;
  background-color: hsl(223.7333333333, 100%, 100%);
}

@keyframes orbit296 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-303deg) rotateY(205deg) translateX(350px) rotateZ(303deg);
  }
  80% {
    transform: rotateZ(-303deg) rotateY(205deg) translateX(350px) rotateZ(303deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-303deg) rotateY(205deg) translateX(525px) rotateZ(303deg);
  }
}
.dot:nth-child(297) {
  animation: orbit297 14s infinite;
  animation-delay: 2.97s;
  background-color: hsl(223.8, 100%, 100%);
}

@keyframes orbit297 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-137deg) rotateY(304deg) translateX(350px) rotateZ(137deg);
  }
  80% {
    transform: rotateZ(-137deg) rotateY(304deg) translateX(350px) rotateZ(137deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-137deg) rotateY(304deg) translateX(525px) rotateZ(137deg);
  }
}
.dot:nth-child(298) {
  animation: orbit298 14s infinite;
  animation-delay: 2.98s;
  background-color: hsl(223.8666666667, 100%, 100%);
}

@keyframes orbit298 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-230deg) rotateY(356deg) translateX(350px) rotateZ(230deg);
  }
  80% {
    transform: rotateZ(-230deg) rotateY(356deg) translateX(350px) rotateZ(230deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-230deg) rotateY(356deg) translateX(525px) rotateZ(230deg);
  }
}
.dot:nth-child(299) {
  animation: orbit299 14s infinite;
  animation-delay: 2.99s;
  background-color: hsl(223.9333333333, 100%, 100%);
}

@keyframes orbit299 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-338deg) rotateY(154deg) translateX(350px) rotateZ(338deg);
  }
  80% {
    transform: rotateZ(-338deg) rotateY(154deg) translateX(350px) rotateZ(338deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-338deg) rotateY(154deg) translateX(525px) rotateZ(338deg);
  }
}
.dot:nth-child(300) {
  animation: orbit300 14s infinite;
  animation-delay: 3s;
  background-color: hsl(224, 100%, 100%);
}

@keyframes orbit300 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-292deg) rotateY(109deg) translateX(350px) rotateZ(292deg);
  }
  80% {
    transform: rotateZ(-292deg) rotateY(109deg) translateX(350px) rotateZ(292deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-292deg) rotateY(109deg) translateX(525px) rotateZ(292deg);
  }
}
.dot:nth-child(301) {
  animation: orbit301 14s infinite;
  animation-delay: 3.01s;
  background-color: hsl(224.0666666667, 100%, 100%);
}

@keyframes orbit301 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-350deg) rotateY(270deg) translateX(350px) rotateZ(350deg);
  }
  80% {
    transform: rotateZ(-350deg) rotateY(270deg) translateX(350px) rotateZ(350deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-350deg) rotateY(270deg) translateX(525px) rotateZ(350deg);
  }
}
.dot:nth-child(302) {
  animation: orbit302 14s infinite;
  animation-delay: 3.02s;
  background-color: hsl(224.1333333333, 100%, 100%);
}

@keyframes orbit302 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-234deg) rotateY(131deg) translateX(350px) rotateZ(234deg);
  }
  80% {
    transform: rotateZ(-234deg) rotateY(131deg) translateX(350px) rotateZ(234deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-234deg) rotateY(131deg) translateX(525px) rotateZ(234deg);
  }
}
.dot:nth-child(303) {
  animation: orbit303 14s infinite;
  animation-delay: 3.03s;
  background-color: hsl(224.2, 100%, 100%);
}

@keyframes orbit303 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-305deg) rotateY(123deg) translateX(350px) rotateZ(305deg);
  }
  80% {
    transform: rotateZ(-305deg) rotateY(123deg) translateX(350px) rotateZ(305deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-305deg) rotateY(123deg) translateX(525px) rotateZ(305deg);
  }
}
.dot:nth-child(304) {
  animation: orbit304 14s infinite;
  animation-delay: 3.04s;
  background-color: hsl(224.2666666667, 100%, 100%);
}

@keyframes orbit304 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-283deg) rotateY(19deg) translateX(350px) rotateZ(283deg);
  }
  80% {
    transform: rotateZ(-283deg) rotateY(19deg) translateX(350px) rotateZ(283deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-283deg) rotateY(19deg) translateX(525px) rotateZ(283deg);
  }
}
.dot:nth-child(305) {
  animation: orbit305 14s infinite;
  animation-delay: 3.05s;
  background-color: hsl(224.3333333333, 100%, 100%);
}

@keyframes orbit305 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-244deg) rotateY(253deg) translateX(350px) rotateZ(244deg);
  }
  80% {
    transform: rotateZ(-244deg) rotateY(253deg) translateX(350px) rotateZ(244deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-244deg) rotateY(253deg) translateX(525px) rotateZ(244deg);
  }
}
.dot:nth-child(306) {
  animation: orbit306 14s infinite;
  animation-delay: 3.06s;
  background-color: hsl(224.4, 100%, 100%);
}

@keyframes orbit306 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-156deg) rotateY(72deg) translateX(350px) rotateZ(156deg);
  }
  80% {
    transform: rotateZ(-156deg) rotateY(72deg) translateX(350px) rotateZ(156deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-156deg) rotateY(72deg) translateX(525px) rotateZ(156deg);
  }
}
.dot:nth-child(307) {
  animation: orbit307 14s infinite;
  animation-delay: 3.07s;
  background-color: hsl(224.4666666667, 100%, 100%);
}

@keyframes orbit307 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-259deg) rotateY(174deg) translateX(350px) rotateZ(259deg);
  }
  80% {
    transform: rotateZ(-259deg) rotateY(174deg) translateX(350px) rotateZ(259deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-259deg) rotateY(174deg) translateX(525px) rotateZ(259deg);
  }
}
.dot:nth-child(308) {
  animation: orbit308 14s infinite;
  animation-delay: 3.08s;
  background-color: hsl(224.5333333333, 100%, 100%);
}

@keyframes orbit308 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-276deg) rotateY(8deg) translateX(350px) rotateZ(276deg);
  }
  80% {
    transform: rotateZ(-276deg) rotateY(8deg) translateX(350px) rotateZ(276deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-276deg) rotateY(8deg) translateX(525px) rotateZ(276deg);
  }
}
.dot:nth-child(309) {
  animation: orbit309 14s infinite;
  animation-delay: 3.09s;
  background-color: hsl(224.6, 100%, 100%);
}

@keyframes orbit309 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-156deg) rotateY(247deg) translateX(350px) rotateZ(156deg);
  }
  80% {
    transform: rotateZ(-156deg) rotateY(247deg) translateX(350px) rotateZ(156deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-156deg) rotateY(247deg) translateX(525px) rotateZ(156deg);
  }
}
.dot:nth-child(310) {
  animation: orbit310 14s infinite;
  animation-delay: 3.1s;
  background-color: hsl(224.6666666667, 100%, 100%);
}

@keyframes orbit310 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-340deg) rotateY(298deg) translateX(350px) rotateZ(340deg);
  }
  80% {
    transform: rotateZ(-340deg) rotateY(298deg) translateX(350px) rotateZ(340deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-340deg) rotateY(298deg) translateX(525px) rotateZ(340deg);
  }
}
.dot:nth-child(311) {
  animation: orbit311 14s infinite;
  animation-delay: 3.11s;
  background-color: hsl(224.7333333333, 100%, 100%);
}

@keyframes orbit311 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-157deg) rotateY(157deg) translateX(350px) rotateZ(157deg);
  }
  80% {
    transform: rotateZ(-157deg) rotateY(157deg) translateX(350px) rotateZ(157deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-157deg) rotateY(157deg) translateX(525px) rotateZ(157deg);
  }
}
.dot:nth-child(312) {
  animation: orbit312 14s infinite;
  animation-delay: 3.12s;
  background-color: hsl(224.8, 100%, 100%);
}

@keyframes orbit312 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-334deg) rotateY(349deg) translateX(350px) rotateZ(334deg);
  }
  80% {
    transform: rotateZ(-334deg) rotateY(349deg) translateX(350px) rotateZ(334deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-334deg) rotateY(349deg) translateX(525px) rotateZ(334deg);
  }
}
.dot:nth-child(313) {
  animation: orbit313 14s infinite;
  animation-delay: 3.13s;
  background-color: hsl(224.8666666667, 100%, 100%);
}

@keyframes orbit313 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-43deg) rotateY(287deg) translateX(350px) rotateZ(43deg);
  }
  80% {
    transform: rotateZ(-43deg) rotateY(287deg) translateX(350px) rotateZ(43deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-43deg) rotateY(287deg) translateX(525px) rotateZ(43deg);
  }
}
.dot:nth-child(314) {
  animation: orbit314 14s infinite;
  animation-delay: 3.14s;
  background-color: hsl(224.9333333333, 100%, 100%);
}

@keyframes orbit314 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-334deg) rotateY(320deg) translateX(350px) rotateZ(334deg);
  }
  80% {
    transform: rotateZ(-334deg) rotateY(320deg) translateX(350px) rotateZ(334deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-334deg) rotateY(320deg) translateX(525px) rotateZ(334deg);
  }
}
.dot:nth-child(315) {
  animation: orbit315 14s infinite;
  animation-delay: 3.15s;
  background-color: hsl(225, 100%, 100%);
}

@keyframes orbit315 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-113deg) rotateY(12deg) translateX(350px) rotateZ(113deg);
  }
  80% {
    transform: rotateZ(-113deg) rotateY(12deg) translateX(350px) rotateZ(113deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-113deg) rotateY(12deg) translateX(525px) rotateZ(113deg);
  }
}
.dot:nth-child(316) {
  animation: orbit316 14s infinite;
  animation-delay: 3.16s;
  background-color: hsl(225.0666666667, 100%, 100%);
}

@keyframes orbit316 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-135deg) rotateY(173deg) translateX(350px) rotateZ(135deg);
  }
  80% {
    transform: rotateZ(-135deg) rotateY(173deg) translateX(350px) rotateZ(135deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-135deg) rotateY(173deg) translateX(525px) rotateZ(135deg);
  }
}
.dot:nth-child(317) {
  animation: orbit317 14s infinite;
  animation-delay: 3.17s;
  background-color: hsl(225.1333333333, 100%, 100%);
}

@keyframes orbit317 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-69deg) rotateY(54deg) translateX(350px) rotateZ(69deg);
  }
  80% {
    transform: rotateZ(-69deg) rotateY(54deg) translateX(350px) rotateZ(69deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-69deg) rotateY(54deg) translateX(525px) rotateZ(69deg);
  }
}
.dot:nth-child(318) {
  animation: orbit318 14s infinite;
  animation-delay: 3.18s;
  background-color: hsl(225.2, 100%, 100%);
}

@keyframes orbit318 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-204deg) rotateY(222deg) translateX(350px) rotateZ(204deg);
  }
  80% {
    transform: rotateZ(-204deg) rotateY(222deg) translateX(350px) rotateZ(204deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-204deg) rotateY(222deg) translateX(525px) rotateZ(204deg);
  }
}
.dot:nth-child(319) {
  animation: orbit319 14s infinite;
  animation-delay: 3.19s;
  background-color: hsl(225.2666666667, 100%, 100%);
}

@keyframes orbit319 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-319deg) rotateY(349deg) translateX(350px) rotateZ(319deg);
  }
  80% {
    transform: rotateZ(-319deg) rotateY(349deg) translateX(350px) rotateZ(319deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-319deg) rotateY(349deg) translateX(525px) rotateZ(319deg);
  }
}
.dot:nth-child(320) {
  animation: orbit320 14s infinite;
  animation-delay: 3.2s;
  background-color: hsl(225.3333333333, 100%, 100%);
}

@keyframes orbit320 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-349deg) rotateY(9deg) translateX(350px) rotateZ(349deg);
  }
  80% {
    transform: rotateZ(-349deg) rotateY(9deg) translateX(350px) rotateZ(349deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-349deg) rotateY(9deg) translateX(525px) rotateZ(349deg);
  }
}
.dot:nth-child(321) {
  animation: orbit321 14s infinite;
  animation-delay: 3.21s;
  background-color: hsl(225.4, 100%, 100%);
}

@keyframes orbit321 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-140deg) rotateY(147deg) translateX(350px) rotateZ(140deg);
  }
  80% {
    transform: rotateZ(-140deg) rotateY(147deg) translateX(350px) rotateZ(140deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-140deg) rotateY(147deg) translateX(525px) rotateZ(140deg);
  }
}
.dot:nth-child(322) {
  animation: orbit322 14s infinite;
  animation-delay: 3.22s;
  background-color: hsl(225.4666666667, 100%, 100%);
}

@keyframes orbit322 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-230deg) rotateY(272deg) translateX(350px) rotateZ(230deg);
  }
  80% {
    transform: rotateZ(-230deg) rotateY(272deg) translateX(350px) rotateZ(230deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-230deg) rotateY(272deg) translateX(525px) rotateZ(230deg);
  }
}
.dot:nth-child(323) {
  animation: orbit323 14s infinite;
  animation-delay: 3.23s;
  background-color: hsl(225.5333333333, 100%, 100%);
}

@keyframes orbit323 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-186deg) rotateY(151deg) translateX(350px) rotateZ(186deg);
  }
  80% {
    transform: rotateZ(-186deg) rotateY(151deg) translateX(350px) rotateZ(186deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-186deg) rotateY(151deg) translateX(525px) rotateZ(186deg);
  }
}
.dot:nth-child(324) {
  animation: orbit324 14s infinite;
  animation-delay: 3.24s;
  background-color: hsl(225.6, 100%, 100%);
}

@keyframes orbit324 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-282deg) rotateY(291deg) translateX(350px) rotateZ(282deg);
  }
  80% {
    transform: rotateZ(-282deg) rotateY(291deg) translateX(350px) rotateZ(282deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-282deg) rotateY(291deg) translateX(525px) rotateZ(282deg);
  }
}
.dot:nth-child(325) {
  animation: orbit325 14s infinite;
  animation-delay: 3.25s;
  background-color: hsl(225.6666666667, 100%, 100%);
}

@keyframes orbit325 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-62deg) rotateY(210deg) translateX(350px) rotateZ(62deg);
  }
  80% {
    transform: rotateZ(-62deg) rotateY(210deg) translateX(350px) rotateZ(62deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-62deg) rotateY(210deg) translateX(525px) rotateZ(62deg);
  }
}
.dot:nth-child(326) {
  animation: orbit326 14s infinite;
  animation-delay: 3.26s;
  background-color: hsl(225.7333333333, 100%, 100%);
}

@keyframes orbit326 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-345deg) rotateY(1deg) translateX(350px) rotateZ(345deg);
  }
  80% {
    transform: rotateZ(-345deg) rotateY(1deg) translateX(350px) rotateZ(345deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-345deg) rotateY(1deg) translateX(525px) rotateZ(345deg);
  }
}
.dot:nth-child(327) {
  animation: orbit327 14s infinite;
  animation-delay: 3.27s;
  background-color: hsl(225.8, 100%, 100%);
}

@keyframes orbit327 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-66deg) rotateY(27deg) translateX(350px) rotateZ(66deg);
  }
  80% {
    transform: rotateZ(-66deg) rotateY(27deg) translateX(350px) rotateZ(66deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-66deg) rotateY(27deg) translateX(525px) rotateZ(66deg);
  }
}
.dot:nth-child(328) {
  animation: orbit328 14s infinite;
  animation-delay: 3.28s;
  background-color: hsl(225.8666666667, 100%, 100%);
}

@keyframes orbit328 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-132deg) rotateY(277deg) translateX(350px) rotateZ(132deg);
  }
  80% {
    transform: rotateZ(-132deg) rotateY(277deg) translateX(350px) rotateZ(132deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-132deg) rotateY(277deg) translateX(525px) rotateZ(132deg);
  }
}
.dot:nth-child(329) {
  animation: orbit329 14s infinite;
  animation-delay: 3.29s;
  background-color: hsl(225.9333333333, 100%, 100%);
}

@keyframes orbit329 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-48deg) rotateY(51deg) translateX(350px) rotateZ(48deg);
  }
  80% {
    transform: rotateZ(-48deg) rotateY(51deg) translateX(350px) rotateZ(48deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-48deg) rotateY(51deg) translateX(525px) rotateZ(48deg);
  }
}
.dot:nth-child(330) {
  animation: orbit330 14s infinite;
  animation-delay: 3.3s;
  background-color: hsl(226, 100%, 100%);
}

@keyframes orbit330 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-75deg) rotateY(57deg) translateX(350px) rotateZ(75deg);
  }
  80% {
    transform: rotateZ(-75deg) rotateY(57deg) translateX(350px) rotateZ(75deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-75deg) rotateY(57deg) translateX(525px) rotateZ(75deg);
  }
}
.dot:nth-child(331) {
  animation: orbit331 14s infinite;
  animation-delay: 3.31s;
  background-color: hsl(226.0666666667, 100%, 100%);
}

@keyframes orbit331 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-150deg) rotateY(62deg) translateX(350px) rotateZ(150deg);
  }
  80% {
    transform: rotateZ(-150deg) rotateY(62deg) translateX(350px) rotateZ(150deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-150deg) rotateY(62deg) translateX(525px) rotateZ(150deg);
  }
}
.dot:nth-child(332) {
  animation: orbit332 14s infinite;
  animation-delay: 3.32s;
  background-color: hsl(226.1333333333, 100%, 100%);
}

@keyframes orbit332 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-231deg) rotateY(52deg) translateX(350px) rotateZ(231deg);
  }
  80% {
    transform: rotateZ(-231deg) rotateY(52deg) translateX(350px) rotateZ(231deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-231deg) rotateY(52deg) translateX(525px) rotateZ(231deg);
  }
}
.dot:nth-child(333) {
  animation: orbit333 14s infinite;
  animation-delay: 3.33s;
  background-color: hsl(226.2, 100%, 100%);
}

@keyframes orbit333 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-293deg) rotateY(117deg) translateX(350px) rotateZ(293deg);
  }
  80% {
    transform: rotateZ(-293deg) rotateY(117deg) translateX(350px) rotateZ(293deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-293deg) rotateY(117deg) translateX(525px) rotateZ(293deg);
  }
}
.dot:nth-child(334) {
  animation: orbit334 14s infinite;
  animation-delay: 3.34s;
  background-color: hsl(226.2666666667, 100%, 100%);
}

@keyframes orbit334 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-332deg) rotateY(89deg) translateX(350px) rotateZ(332deg);
  }
  80% {
    transform: rotateZ(-332deg) rotateY(89deg) translateX(350px) rotateZ(332deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-332deg) rotateY(89deg) translateX(525px) rotateZ(332deg);
  }
}
.dot:nth-child(335) {
  animation: orbit335 14s infinite;
  animation-delay: 3.35s;
  background-color: hsl(226.3333333333, 100%, 100%);
}

@keyframes orbit335 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-192deg) rotateY(209deg) translateX(350px) rotateZ(192deg);
  }
  80% {
    transform: rotateZ(-192deg) rotateY(209deg) translateX(350px) rotateZ(192deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-192deg) rotateY(209deg) translateX(525px) rotateZ(192deg);
  }
}
.dot:nth-child(336) {
  animation: orbit336 14s infinite;
  animation-delay: 3.36s;
  background-color: hsl(226.4, 100%, 100%);
}

@keyframes orbit336 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-1deg) rotateY(305deg) translateX(350px) rotateZ(1deg);
  }
  80% {
    transform: rotateZ(-1deg) rotateY(305deg) translateX(350px) rotateZ(1deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-1deg) rotateY(305deg) translateX(525px) rotateZ(1deg);
  }
}
.dot:nth-child(337) {
  animation: orbit337 14s infinite;
  animation-delay: 3.37s;
  background-color: hsl(226.4666666667, 100%, 100%);
}

@keyframes orbit337 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-56deg) rotateY(251deg) translateX(350px) rotateZ(56deg);
  }
  80% {
    transform: rotateZ(-56deg) rotateY(251deg) translateX(350px) rotateZ(56deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-56deg) rotateY(251deg) translateX(525px) rotateZ(56deg);
  }
}
.dot:nth-child(338) {
  animation: orbit338 14s infinite;
  animation-delay: 3.38s;
  background-color: hsl(226.5333333333, 100%, 100%);
}

@keyframes orbit338 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-33deg) rotateY(27deg) translateX(350px) rotateZ(33deg);
  }
  80% {
    transform: rotateZ(-33deg) rotateY(27deg) translateX(350px) rotateZ(33deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-33deg) rotateY(27deg) translateX(525px) rotateZ(33deg);
  }
}
.dot:nth-child(339) {
  animation: orbit339 14s infinite;
  animation-delay: 3.39s;
  background-color: hsl(226.6, 100%, 100%);
}

@keyframes orbit339 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-120deg) rotateY(302deg) translateX(350px) rotateZ(120deg);
  }
  80% {
    transform: rotateZ(-120deg) rotateY(302deg) translateX(350px) rotateZ(120deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-120deg) rotateY(302deg) translateX(525px) rotateZ(120deg);
  }
}
.dot:nth-child(340) {
  animation: orbit340 14s infinite;
  animation-delay: 3.4s;
  background-color: hsl(226.6666666667, 100%, 100%);
}

@keyframes orbit340 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-309deg) rotateY(353deg) translateX(350px) rotateZ(309deg);
  }
  80% {
    transform: rotateZ(-309deg) rotateY(353deg) translateX(350px) rotateZ(309deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-309deg) rotateY(353deg) translateX(525px) rotateZ(309deg);
  }
}
.dot:nth-child(341) {
  animation: orbit341 14s infinite;
  animation-delay: 3.41s;
  background-color: hsl(226.7333333333, 100%, 100%);
}

@keyframes orbit341 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-4deg) rotateY(218deg) translateX(350px) rotateZ(4deg);
  }
  80% {
    transform: rotateZ(-4deg) rotateY(218deg) translateX(350px) rotateZ(4deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-4deg) rotateY(218deg) translateX(525px) rotateZ(4deg);
  }
}
.dot:nth-child(342) {
  animation: orbit342 14s infinite;
  animation-delay: 3.42s;
  background-color: hsl(226.8, 100%, 100%);
}

@keyframes orbit342 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-158deg) rotateY(150deg) translateX(350px) rotateZ(158deg);
  }
  80% {
    transform: rotateZ(-158deg) rotateY(150deg) translateX(350px) rotateZ(158deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-158deg) rotateY(150deg) translateX(525px) rotateZ(158deg);
  }
}
.dot:nth-child(343) {
  animation: orbit343 14s infinite;
  animation-delay: 3.43s;
  background-color: hsl(226.8666666667, 100%, 100%);
}

@keyframes orbit343 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-208deg) rotateY(48deg) translateX(350px) rotateZ(208deg);
  }
  80% {
    transform: rotateZ(-208deg) rotateY(48deg) translateX(350px) rotateZ(208deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-208deg) rotateY(48deg) translateX(525px) rotateZ(208deg);
  }
}
.dot:nth-child(344) {
  animation: orbit344 14s infinite;
  animation-delay: 3.44s;
  background-color: hsl(226.9333333333, 100%, 100%);
}

@keyframes orbit344 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-94deg) rotateY(283deg) translateX(350px) rotateZ(94deg);
  }
  80% {
    transform: rotateZ(-94deg) rotateY(283deg) translateX(350px) rotateZ(94deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-94deg) rotateY(283deg) translateX(525px) rotateZ(94deg);
  }
}
.dot:nth-child(345) {
  animation: orbit345 14s infinite;
  animation-delay: 3.45s;
  background-color: hsl(227, 100%, 100%);
}

@keyframes orbit345 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-315deg) rotateY(105deg) translateX(350px) rotateZ(315deg);
  }
  80% {
    transform: rotateZ(-315deg) rotateY(105deg) translateX(350px) rotateZ(315deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-315deg) rotateY(105deg) translateX(525px) rotateZ(315deg);
  }
}
.dot:nth-child(346) {
  animation: orbit346 14s infinite;
  animation-delay: 3.46s;
  background-color: hsl(227.0666666667, 100%, 100%);
}

@keyframes orbit346 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-49deg) rotateY(53deg) translateX(350px) rotateZ(49deg);
  }
  80% {
    transform: rotateZ(-49deg) rotateY(53deg) translateX(350px) rotateZ(49deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-49deg) rotateY(53deg) translateX(525px) rotateZ(49deg);
  }
}
.dot:nth-child(347) {
  animation: orbit347 14s infinite;
  animation-delay: 3.47s;
  background-color: hsl(227.1333333333, 100%, 100%);
}

@keyframes orbit347 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-210deg) rotateY(162deg) translateX(350px) rotateZ(210deg);
  }
  80% {
    transform: rotateZ(-210deg) rotateY(162deg) translateX(350px) rotateZ(210deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-210deg) rotateY(162deg) translateX(525px) rotateZ(210deg);
  }
}
.dot:nth-child(348) {
  animation: orbit348 14s infinite;
  animation-delay: 3.48s;
  background-color: hsl(227.2, 100%, 100%);
}

@keyframes orbit348 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-239deg) rotateY(253deg) translateX(350px) rotateZ(239deg);
  }
  80% {
    transform: rotateZ(-239deg) rotateY(253deg) translateX(350px) rotateZ(239deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-239deg) rotateY(253deg) translateX(525px) rotateZ(239deg);
  }
}
.dot:nth-child(349) {
  animation: orbit349 14s infinite;
  animation-delay: 3.49s;
  background-color: hsl(227.2666666667, 100%, 100%);
}

@keyframes orbit349 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-203deg) rotateY(6deg) translateX(350px) rotateZ(203deg);
  }
  80% {
    transform: rotateZ(-203deg) rotateY(6deg) translateX(350px) rotateZ(203deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-203deg) rotateY(6deg) translateX(525px) rotateZ(203deg);
  }
}
.dot:nth-child(350) {
  animation: orbit350 14s infinite;
  animation-delay: 3.5s;
  background-color: hsl(227.3333333333, 100%, 100%);
}

@keyframes orbit350 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-81deg) rotateY(191deg) translateX(350px) rotateZ(81deg);
  }
  80% {
    transform: rotateZ(-81deg) rotateY(191deg) translateX(350px) rotateZ(81deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-81deg) rotateY(191deg) translateX(525px) rotateZ(81deg);
  }
}
.dot:nth-child(351) {
  animation: orbit351 14s infinite;
  animation-delay: 3.51s;
  background-color: hsl(227.4, 100%, 100%);
}

@keyframes orbit351 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-293deg) rotateY(68deg) translateX(350px) rotateZ(293deg);
  }
  80% {
    transform: rotateZ(-293deg) rotateY(68deg) translateX(350px) rotateZ(293deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-293deg) rotateY(68deg) translateX(525px) rotateZ(293deg);
  }
}
.dot:nth-child(352) {
  animation: orbit352 14s infinite;
  animation-delay: 3.52s;
  background-color: hsl(227.4666666667, 100%, 100%);
}

@keyframes orbit352 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-175deg) rotateY(290deg) translateX(350px) rotateZ(175deg);
  }
  80% {
    transform: rotateZ(-175deg) rotateY(290deg) translateX(350px) rotateZ(175deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-175deg) rotateY(290deg) translateX(525px) rotateZ(175deg);
  }
}
.dot:nth-child(353) {
  animation: orbit353 14s infinite;
  animation-delay: 3.53s;
  background-color: hsl(227.5333333333, 100%, 100%);
}

@keyframes orbit353 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-244deg) rotateY(256deg) translateX(350px) rotateZ(244deg);
  }
  80% {
    transform: rotateZ(-244deg) rotateY(256deg) translateX(350px) rotateZ(244deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-244deg) rotateY(256deg) translateX(525px) rotateZ(244deg);
  }
}
.dot:nth-child(354) {
  animation: orbit354 14s infinite;
  animation-delay: 3.54s;
  background-color: hsl(227.6, 100%, 100%);
}

@keyframes orbit354 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-106deg) rotateY(313deg) translateX(350px) rotateZ(106deg);
  }
  80% {
    transform: rotateZ(-106deg) rotateY(313deg) translateX(350px) rotateZ(106deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-106deg) rotateY(313deg) translateX(525px) rotateZ(106deg);
  }
}
.dot:nth-child(355) {
  animation: orbit355 14s infinite;
  animation-delay: 3.55s;
  background-color: hsl(227.6666666667, 100%, 100%);
}

@keyframes orbit355 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-36deg) rotateY(40deg) translateX(350px) rotateZ(36deg);
  }
  80% {
    transform: rotateZ(-36deg) rotateY(40deg) translateX(350px) rotateZ(36deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-36deg) rotateY(40deg) translateX(525px) rotateZ(36deg);
  }
}
.dot:nth-child(356) {
  animation: orbit356 14s infinite;
  animation-delay: 3.56s;
  background-color: hsl(227.7333333333, 100%, 100%);
}

@keyframes orbit356 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-5deg) rotateY(151deg) translateX(350px) rotateZ(5deg);
  }
  80% {
    transform: rotateZ(-5deg) rotateY(151deg) translateX(350px) rotateZ(5deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-5deg) rotateY(151deg) translateX(525px) rotateZ(5deg);
  }
}
.dot:nth-child(357) {
  animation: orbit357 14s infinite;
  animation-delay: 3.57s;
  background-color: hsl(227.8, 100%, 100%);
}

@keyframes orbit357 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-323deg) rotateY(146deg) translateX(350px) rotateZ(323deg);
  }
  80% {
    transform: rotateZ(-323deg) rotateY(146deg) translateX(350px) rotateZ(323deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-323deg) rotateY(146deg) translateX(525px) rotateZ(323deg);
  }
}
.dot:nth-child(358) {
  animation: orbit358 14s infinite;
  animation-delay: 3.58s;
  background-color: hsl(227.8666666667, 100%, 100%);
}

@keyframes orbit358 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-65deg) rotateY(35deg) translateX(350px) rotateZ(65deg);
  }
  80% {
    transform: rotateZ(-65deg) rotateY(35deg) translateX(350px) rotateZ(65deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-65deg) rotateY(35deg) translateX(525px) rotateZ(65deg);
  }
}
.dot:nth-child(359) {
  animation: orbit359 14s infinite;
  animation-delay: 3.59s;
  background-color: hsl(227.9333333333, 100%, 100%);
}

@keyframes orbit359 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-151deg) rotateY(341deg) translateX(350px) rotateZ(151deg);
  }
  80% {
    transform: rotateZ(-151deg) rotateY(341deg) translateX(350px) rotateZ(151deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-151deg) rotateY(341deg) translateX(525px) rotateZ(151deg);
  }
}
.dot:nth-child(360) {
  animation: orbit360 14s infinite;
  animation-delay: 3.6s;
  background-color: hsl(228, 100%, 100%);
}

@keyframes orbit360 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-289deg) rotateY(122deg) translateX(350px) rotateZ(289deg);
  }
  80% {
    transform: rotateZ(-289deg) rotateY(122deg) translateX(350px) rotateZ(289deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-289deg) rotateY(122deg) translateX(525px) rotateZ(289deg);
  }
}
.dot:nth-child(361) {
  animation: orbit361 14s infinite;
  animation-delay: 3.61s;
  background-color: hsl(228.0666666667, 100%, 100%);
}

@keyframes orbit361 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-22deg) rotateY(323deg) translateX(350px) rotateZ(22deg);
  }
  80% {
    transform: rotateZ(-22deg) rotateY(323deg) translateX(350px) rotateZ(22deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-22deg) rotateY(323deg) translateX(525px) rotateZ(22deg);
  }
}
.dot:nth-child(362) {
  animation: orbit362 14s infinite;
  animation-delay: 3.62s;
  background-color: hsl(228.1333333333, 100%, 100%);
}

@keyframes orbit362 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-166deg) rotateY(116deg) translateX(350px) rotateZ(166deg);
  }
  80% {
    transform: rotateZ(-166deg) rotateY(116deg) translateX(350px) rotateZ(166deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-166deg) rotateY(116deg) translateX(525px) rotateZ(166deg);
  }
}
.dot:nth-child(363) {
  animation: orbit363 14s infinite;
  animation-delay: 3.63s;
  background-color: hsl(228.2, 100%, 100%);
}

@keyframes orbit363 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-106deg) rotateY(16deg) translateX(350px) rotateZ(106deg);
  }
  80% {
    transform: rotateZ(-106deg) rotateY(16deg) translateX(350px) rotateZ(106deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-106deg) rotateY(16deg) translateX(525px) rotateZ(106deg);
  }
}
.dot:nth-child(364) {
  animation: orbit364 14s infinite;
  animation-delay: 3.64s;
  background-color: hsl(228.2666666667, 100%, 100%);
}

@keyframes orbit364 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-253deg) rotateY(75deg) translateX(350px) rotateZ(253deg);
  }
  80% {
    transform: rotateZ(-253deg) rotateY(75deg) translateX(350px) rotateZ(253deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-253deg) rotateY(75deg) translateX(525px) rotateZ(253deg);
  }
}
.dot:nth-child(365) {
  animation: orbit365 14s infinite;
  animation-delay: 3.65s;
  background-color: hsl(228.3333333333, 100%, 100%);
}

@keyframes orbit365 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-1deg) rotateY(317deg) translateX(350px) rotateZ(1deg);
  }
  80% {
    transform: rotateZ(-1deg) rotateY(317deg) translateX(350px) rotateZ(1deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-1deg) rotateY(317deg) translateX(525px) rotateZ(1deg);
  }
}
.dot:nth-child(366) {
  animation: orbit366 14s infinite;
  animation-delay: 3.66s;
  background-color: hsl(228.4, 100%, 100%);
}

@keyframes orbit366 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-155deg) rotateY(156deg) translateX(350px) rotateZ(155deg);
  }
  80% {
    transform: rotateZ(-155deg) rotateY(156deg) translateX(350px) rotateZ(155deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-155deg) rotateY(156deg) translateX(525px) rotateZ(155deg);
  }
}
.dot:nth-child(367) {
  animation: orbit367 14s infinite;
  animation-delay: 3.67s;
  background-color: hsl(228.4666666667, 100%, 100%);
}

@keyframes orbit367 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-214deg) rotateY(345deg) translateX(350px) rotateZ(214deg);
  }
  80% {
    transform: rotateZ(-214deg) rotateY(345deg) translateX(350px) rotateZ(214deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-214deg) rotateY(345deg) translateX(525px) rotateZ(214deg);
  }
}
.dot:nth-child(368) {
  animation: orbit368 14s infinite;
  animation-delay: 3.68s;
  background-color: hsl(228.5333333333, 100%, 100%);
}

@keyframes orbit368 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-249deg) rotateY(283deg) translateX(350px) rotateZ(249deg);
  }
  80% {
    transform: rotateZ(-249deg) rotateY(283deg) translateX(350px) rotateZ(249deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-249deg) rotateY(283deg) translateX(525px) rotateZ(249deg);
  }
}
.dot:nth-child(369) {
  animation: orbit369 14s infinite;
  animation-delay: 3.69s;
  background-color: hsl(228.6, 100%, 100%);
}

@keyframes orbit369 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-93deg) rotateY(145deg) translateX(350px) rotateZ(93deg);
  }
  80% {
    transform: rotateZ(-93deg) rotateY(145deg) translateX(350px) rotateZ(93deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-93deg) rotateY(145deg) translateX(525px) rotateZ(93deg);
  }
}
.dot:nth-child(370) {
  animation: orbit370 14s infinite;
  animation-delay: 3.7s;
  background-color: hsl(228.6666666667, 100%, 100%);
}

@keyframes orbit370 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-102deg) rotateY(332deg) translateX(350px) rotateZ(102deg);
  }
  80% {
    transform: rotateZ(-102deg) rotateY(332deg) translateX(350px) rotateZ(102deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-102deg) rotateY(332deg) translateX(525px) rotateZ(102deg);
  }
}
.dot:nth-child(371) {
  animation: orbit371 14s infinite;
  animation-delay: 3.71s;
  background-color: hsl(228.7333333333, 100%, 100%);
}

@keyframes orbit371 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-7deg) rotateY(82deg) translateX(350px) rotateZ(7deg);
  }
  80% {
    transform: rotateZ(-7deg) rotateY(82deg) translateX(350px) rotateZ(7deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-7deg) rotateY(82deg) translateX(525px) rotateZ(7deg);
  }
}
.dot:nth-child(372) {
  animation: orbit372 14s infinite;
  animation-delay: 3.72s;
  background-color: hsl(228.8, 100%, 100%);
}

@keyframes orbit372 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-15deg) rotateY(243deg) translateX(350px) rotateZ(15deg);
  }
  80% {
    transform: rotateZ(-15deg) rotateY(243deg) translateX(350px) rotateZ(15deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-15deg) rotateY(243deg) translateX(525px) rotateZ(15deg);
  }
}
.dot:nth-child(373) {
  animation: orbit373 14s infinite;
  animation-delay: 3.73s;
  background-color: hsl(228.8666666667, 100%, 100%);
}

@keyframes orbit373 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-164deg) rotateY(336deg) translateX(350px) rotateZ(164deg);
  }
  80% {
    transform: rotateZ(-164deg) rotateY(336deg) translateX(350px) rotateZ(164deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-164deg) rotateY(336deg) translateX(525px) rotateZ(164deg);
  }
}
.dot:nth-child(374) {
  animation: orbit374 14s infinite;
  animation-delay: 3.74s;
  background-color: hsl(228.9333333333, 100%, 100%);
}

@keyframes orbit374 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-309deg) rotateY(29deg) translateX(350px) rotateZ(309deg);
  }
  80% {
    transform: rotateZ(-309deg) rotateY(29deg) translateX(350px) rotateZ(309deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-309deg) rotateY(29deg) translateX(525px) rotateZ(309deg);
  }
}
.dot:nth-child(375) {
  animation: orbit375 14s infinite;
  animation-delay: 3.75s;
  background-color: hsl(229, 100%, 100%);
}

@keyframes orbit375 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-210deg) rotateY(109deg) translateX(350px) rotateZ(210deg);
  }
  80% {
    transform: rotateZ(-210deg) rotateY(109deg) translateX(350px) rotateZ(210deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-210deg) rotateY(109deg) translateX(525px) rotateZ(210deg);
  }
}
.dot:nth-child(376) {
  animation: orbit376 14s infinite;
  animation-delay: 3.76s;
  background-color: hsl(229.0666666667, 100%, 100%);
}

@keyframes orbit376 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-232deg) rotateY(107deg) translateX(350px) rotateZ(232deg);
  }
  80% {
    transform: rotateZ(-232deg) rotateY(107deg) translateX(350px) rotateZ(232deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-232deg) rotateY(107deg) translateX(525px) rotateZ(232deg);
  }
}
.dot:nth-child(377) {
  animation: orbit377 14s infinite;
  animation-delay: 3.77s;
  background-color: hsl(229.1333333333, 100%, 100%);
}

@keyframes orbit377 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-71deg) rotateY(122deg) translateX(350px) rotateZ(71deg);
  }
  80% {
    transform: rotateZ(-71deg) rotateY(122deg) translateX(350px) rotateZ(71deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-71deg) rotateY(122deg) translateX(525px) rotateZ(71deg);
  }
}
.dot:nth-child(378) {
  animation: orbit378 14s infinite;
  animation-delay: 3.78s;
  background-color: hsl(229.2, 100%, 100%);
}

@keyframes orbit378 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-198deg) rotateY(39deg) translateX(350px) rotateZ(198deg);
  }
  80% {
    transform: rotateZ(-198deg) rotateY(39deg) translateX(350px) rotateZ(198deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-198deg) rotateY(39deg) translateX(525px) rotateZ(198deg);
  }
}
.dot:nth-child(379) {
  animation: orbit379 14s infinite;
  animation-delay: 3.79s;
  background-color: hsl(229.2666666667, 100%, 100%);
}

@keyframes orbit379 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-22deg) rotateY(11deg) translateX(350px) rotateZ(22deg);
  }
  80% {
    transform: rotateZ(-22deg) rotateY(11deg) translateX(350px) rotateZ(22deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-22deg) rotateY(11deg) translateX(525px) rotateZ(22deg);
  }
}
.dot:nth-child(380) {
  animation: orbit380 14s infinite;
  animation-delay: 3.8s;
  background-color: hsl(229.3333333333, 100%, 100%);
}

@keyframes orbit380 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-315deg) rotateY(240deg) translateX(350px) rotateZ(315deg);
  }
  80% {
    transform: rotateZ(-315deg) rotateY(240deg) translateX(350px) rotateZ(315deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-315deg) rotateY(240deg) translateX(525px) rotateZ(315deg);
  }
}
.dot:nth-child(381) {
  animation: orbit381 14s infinite;
  animation-delay: 3.81s;
  background-color: hsl(229.4, 100%, 100%);
}

@keyframes orbit381 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-79deg) rotateY(269deg) translateX(350px) rotateZ(79deg);
  }
  80% {
    transform: rotateZ(-79deg) rotateY(269deg) translateX(350px) rotateZ(79deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-79deg) rotateY(269deg) translateX(525px) rotateZ(79deg);
  }
}
.dot:nth-child(382) {
  animation: orbit382 14s infinite;
  animation-delay: 3.82s;
  background-color: hsl(229.4666666667, 100%, 100%);
}

@keyframes orbit382 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-151deg) rotateY(86deg) translateX(350px) rotateZ(151deg);
  }
  80% {
    transform: rotateZ(-151deg) rotateY(86deg) translateX(350px) rotateZ(151deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-151deg) rotateY(86deg) translateX(525px) rotateZ(151deg);
  }
}
.dot:nth-child(383) {
  animation: orbit383 14s infinite;
  animation-delay: 3.83s;
  background-color: hsl(229.5333333333, 100%, 100%);
}

@keyframes orbit383 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-138deg) rotateY(236deg) translateX(350px) rotateZ(138deg);
  }
  80% {
    transform: rotateZ(-138deg) rotateY(236deg) translateX(350px) rotateZ(138deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-138deg) rotateY(236deg) translateX(525px) rotateZ(138deg);
  }
}
.dot:nth-child(384) {
  animation: orbit384 14s infinite;
  animation-delay: 3.84s;
  background-color: hsl(229.6, 100%, 100%);
}

@keyframes orbit384 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-116deg) rotateY(280deg) translateX(350px) rotateZ(116deg);
  }
  80% {
    transform: rotateZ(-116deg) rotateY(280deg) translateX(350px) rotateZ(116deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-116deg) rotateY(280deg) translateX(525px) rotateZ(116deg);
  }
}
.dot:nth-child(385) {
  animation: orbit385 14s infinite;
  animation-delay: 3.85s;
  background-color: hsl(229.6666666667, 100%, 100%);
}

@keyframes orbit385 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-146deg) rotateY(283deg) translateX(350px) rotateZ(146deg);
  }
  80% {
    transform: rotateZ(-146deg) rotateY(283deg) translateX(350px) rotateZ(146deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-146deg) rotateY(283deg) translateX(525px) rotateZ(146deg);
  }
}
.dot:nth-child(386) {
  animation: orbit386 14s infinite;
  animation-delay: 3.86s;
  background-color: hsl(229.7333333333, 100%, 100%);
}

@keyframes orbit386 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-137deg) rotateY(27deg) translateX(350px) rotateZ(137deg);
  }
  80% {
    transform: rotateZ(-137deg) rotateY(27deg) translateX(350px) rotateZ(137deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-137deg) rotateY(27deg) translateX(525px) rotateZ(137deg);
  }
}
.dot:nth-child(387) {
  animation: orbit387 14s infinite;
  animation-delay: 3.87s;
  background-color: hsl(229.8, 100%, 100%);
}

@keyframes orbit387 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-218deg) rotateY(358deg) translateX(350px) rotateZ(218deg);
  }
  80% {
    transform: rotateZ(-218deg) rotateY(358deg) translateX(350px) rotateZ(218deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-218deg) rotateY(358deg) translateX(525px) rotateZ(218deg);
  }
}
.dot:nth-child(388) {
  animation: orbit388 14s infinite;
  animation-delay: 3.88s;
  background-color: hsl(229.8666666667, 100%, 100%);
}

@keyframes orbit388 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-200deg) rotateY(229deg) translateX(350px) rotateZ(200deg);
  }
  80% {
    transform: rotateZ(-200deg) rotateY(229deg) translateX(350px) rotateZ(200deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-200deg) rotateY(229deg) translateX(525px) rotateZ(200deg);
  }
}
.dot:nth-child(389) {
  animation: orbit389 14s infinite;
  animation-delay: 3.89s;
  background-color: hsl(229.9333333333, 100%, 100%);
}

@keyframes orbit389 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-93deg) rotateY(17deg) translateX(350px) rotateZ(93deg);
  }
  80% {
    transform: rotateZ(-93deg) rotateY(17deg) translateX(350px) rotateZ(93deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-93deg) rotateY(17deg) translateX(525px) rotateZ(93deg);
  }
}
.dot:nth-child(390) {
  animation: orbit390 14s infinite;
  animation-delay: 3.9s;
  background-color: hsl(230, 100%, 100%);
}

@keyframes orbit390 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-239deg) rotateY(70deg) translateX(350px) rotateZ(239deg);
  }
  80% {
    transform: rotateZ(-239deg) rotateY(70deg) translateX(350px) rotateZ(239deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-239deg) rotateY(70deg) translateX(525px) rotateZ(239deg);
  }
}
.dot:nth-child(391) {
  animation: orbit391 14s infinite;
  animation-delay: 3.91s;
  background-color: hsl(230.0666666667, 100%, 100%);
}

@keyframes orbit391 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-199deg) rotateY(150deg) translateX(350px) rotateZ(199deg);
  }
  80% {
    transform: rotateZ(-199deg) rotateY(150deg) translateX(350px) rotateZ(199deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-199deg) rotateY(150deg) translateX(525px) rotateZ(199deg);
  }
}
.dot:nth-child(392) {
  animation: orbit392 14s infinite;
  animation-delay: 3.92s;
  background-color: hsl(230.1333333333, 100%, 100%);
}

@keyframes orbit392 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-263deg) rotateY(207deg) translateX(350px) rotateZ(263deg);
  }
  80% {
    transform: rotateZ(-263deg) rotateY(207deg) translateX(350px) rotateZ(263deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-263deg) rotateY(207deg) translateX(525px) rotateZ(263deg);
  }
}
.dot:nth-child(393) {
  animation: orbit393 14s infinite;
  animation-delay: 3.93s;
  background-color: hsl(230.2, 100%, 100%);
}

@keyframes orbit393 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-106deg) rotateY(250deg) translateX(350px) rotateZ(106deg);
  }
  80% {
    transform: rotateZ(-106deg) rotateY(250deg) translateX(350px) rotateZ(106deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-106deg) rotateY(250deg) translateX(525px) rotateZ(106deg);
  }
}
.dot:nth-child(394) {
  animation: orbit394 14s infinite;
  animation-delay: 3.94s;
  background-color: hsl(230.2666666667, 100%, 100%);
}

@keyframes orbit394 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-29deg) rotateY(279deg) translateX(350px) rotateZ(29deg);
  }
  80% {
    transform: rotateZ(-29deg) rotateY(279deg) translateX(350px) rotateZ(29deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-29deg) rotateY(279deg) translateX(525px) rotateZ(29deg);
  }
}
.dot:nth-child(395) {
  animation: orbit395 14s infinite;
  animation-delay: 3.95s;
  background-color: hsl(230.3333333333, 100%, 100%);
}

@keyframes orbit395 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-1deg) rotateY(119deg) translateX(350px) rotateZ(1deg);
  }
  80% {
    transform: rotateZ(-1deg) rotateY(119deg) translateX(350px) rotateZ(1deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-1deg) rotateY(119deg) translateX(525px) rotateZ(1deg);
  }
}
.dot:nth-child(396) {
  animation: orbit396 14s infinite;
  animation-delay: 3.96s;
  background-color: hsl(230.4, 100%, 100%);
}

@keyframes orbit396 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-273deg) rotateY(321deg) translateX(350px) rotateZ(273deg);
  }
  80% {
    transform: rotateZ(-273deg) rotateY(321deg) translateX(350px) rotateZ(273deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-273deg) rotateY(321deg) translateX(525px) rotateZ(273deg);
  }
}
.dot:nth-child(397) {
  animation: orbit397 14s infinite;
  animation-delay: 3.97s;
  background-color: hsl(230.4666666667, 100%, 100%);
}

@keyframes orbit397 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-308deg) rotateY(233deg) translateX(350px) rotateZ(308deg);
  }
  80% {
    transform: rotateZ(-308deg) rotateY(233deg) translateX(350px) rotateZ(308deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-308deg) rotateY(233deg) translateX(525px) rotateZ(308deg);
  }
}
.dot:nth-child(398) {
  animation: orbit398 14s infinite;
  animation-delay: 3.98s;
  background-color: hsl(230.5333333333, 100%, 100%);
}

@keyframes orbit398 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-151deg) rotateY(100deg) translateX(350px) rotateZ(151deg);
  }
  80% {
    transform: rotateZ(-151deg) rotateY(100deg) translateX(350px) rotateZ(151deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-151deg) rotateY(100deg) translateX(525px) rotateZ(151deg);
  }
}
.dot:nth-child(399) {
  animation: orbit399 14s infinite;
  animation-delay: 3.99s;
  background-color: hsl(230.6, 100%, 100%);
}

@keyframes orbit399 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-209deg) rotateY(25deg) translateX(350px) rotateZ(209deg);
  }
  80% {
    transform: rotateZ(-209deg) rotateY(25deg) translateX(350px) rotateZ(209deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-209deg) rotateY(25deg) translateX(525px) rotateZ(209deg);
  }
}
.dot:nth-child(400) {
  animation: orbit400 14s infinite;
  animation-delay: 4s;
  background-color: hsl(230.6666666667, 100%, 100%);
}

@keyframes orbit400 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-172deg) rotateY(139deg) translateX(350px) rotateZ(172deg);
  }
  80% {
    transform: rotateZ(-172deg) rotateY(139deg) translateX(350px) rotateZ(172deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-172deg) rotateY(139deg) translateX(525px) rotateZ(172deg);
  }
}
.dot:nth-child(401) {
  animation: orbit401 14s infinite;
  animation-delay: 4.01s;
  background-color: hsl(230.7333333333, 100%, 100%);
}

@keyframes orbit401 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-290deg) rotateY(351deg) translateX(350px) rotateZ(290deg);
  }
  80% {
    transform: rotateZ(-290deg) rotateY(351deg) translateX(350px) rotateZ(290deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-290deg) rotateY(351deg) translateX(525px) rotateZ(290deg);
  }
}
.dot:nth-child(402) {
  animation: orbit402 14s infinite;
  animation-delay: 4.02s;
  background-color: hsl(230.8, 100%, 100%);
}

@keyframes orbit402 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-268deg) rotateY(312deg) translateX(350px) rotateZ(268deg);
  }
  80% {
    transform: rotateZ(-268deg) rotateY(312deg) translateX(350px) rotateZ(268deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-268deg) rotateY(312deg) translateX(525px) rotateZ(268deg);
  }
}
.dot:nth-child(403) {
  animation: orbit403 14s infinite;
  animation-delay: 4.03s;
  background-color: hsl(230.8666666667, 100%, 100%);
}

@keyframes orbit403 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-27deg) rotateY(192deg) translateX(350px) rotateZ(27deg);
  }
  80% {
    transform: rotateZ(-27deg) rotateY(192deg) translateX(350px) rotateZ(27deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-27deg) rotateY(192deg) translateX(525px) rotateZ(27deg);
  }
}
.dot:nth-child(404) {
  animation: orbit404 14s infinite;
  animation-delay: 4.04s;
  background-color: hsl(230.9333333333, 100%, 100%);
}

@keyframes orbit404 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-352deg) rotateY(313deg) translateX(350px) rotateZ(352deg);
  }
  80% {
    transform: rotateZ(-352deg) rotateY(313deg) translateX(350px) rotateZ(352deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-352deg) rotateY(313deg) translateX(525px) rotateZ(352deg);
  }
}
.dot:nth-child(405) {
  animation: orbit405 14s infinite;
  animation-delay: 4.05s;
  background-color: hsl(231, 100%, 100%);
}

@keyframes orbit405 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-6deg) rotateY(27deg) translateX(350px) rotateZ(6deg);
  }
  80% {
    transform: rotateZ(-6deg) rotateY(27deg) translateX(350px) rotateZ(6deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-6deg) rotateY(27deg) translateX(525px) rotateZ(6deg);
  }
}
.dot:nth-child(406) {
  animation: orbit406 14s infinite;
  animation-delay: 4.06s;
  background-color: hsl(231.0666666667, 100%, 100%);
}

@keyframes orbit406 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-309deg) rotateY(156deg) translateX(350px) rotateZ(309deg);
  }
  80% {
    transform: rotateZ(-309deg) rotateY(156deg) translateX(350px) rotateZ(309deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-309deg) rotateY(156deg) translateX(525px) rotateZ(309deg);
  }
}
.dot:nth-child(407) {
  animation: orbit407 14s infinite;
  animation-delay: 4.07s;
  background-color: hsl(231.1333333333, 100%, 100%);
}

@keyframes orbit407 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-316deg) rotateY(230deg) translateX(350px) rotateZ(316deg);
  }
  80% {
    transform: rotateZ(-316deg) rotateY(230deg) translateX(350px) rotateZ(316deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-316deg) rotateY(230deg) translateX(525px) rotateZ(316deg);
  }
}
.dot:nth-child(408) {
  animation: orbit408 14s infinite;
  animation-delay: 4.08s;
  background-color: hsl(231.2, 100%, 100%);
}

@keyframes orbit408 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-150deg) rotateY(207deg) translateX(350px) rotateZ(150deg);
  }
  80% {
    transform: rotateZ(-150deg) rotateY(207deg) translateX(350px) rotateZ(150deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-150deg) rotateY(207deg) translateX(525px) rotateZ(150deg);
  }
}
.dot:nth-child(409) {
  animation: orbit409 14s infinite;
  animation-delay: 4.09s;
  background-color: hsl(231.2666666667, 100%, 100%);
}

@keyframes orbit409 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-286deg) rotateY(324deg) translateX(350px) rotateZ(286deg);
  }
  80% {
    transform: rotateZ(-286deg) rotateY(324deg) translateX(350px) rotateZ(286deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-286deg) rotateY(324deg) translateX(525px) rotateZ(286deg);
  }
}
.dot:nth-child(410) {
  animation: orbit410 14s infinite;
  animation-delay: 4.1s;
  background-color: hsl(231.3333333333, 100%, 100%);
}

@keyframes orbit410 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-208deg) rotateY(332deg) translateX(350px) rotateZ(208deg);
  }
  80% {
    transform: rotateZ(-208deg) rotateY(332deg) translateX(350px) rotateZ(208deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-208deg) rotateY(332deg) translateX(525px) rotateZ(208deg);
  }
}
.dot:nth-child(411) {
  animation: orbit411 14s infinite;
  animation-delay: 4.11s;
  background-color: hsl(231.4, 100%, 100%);
}

@keyframes orbit411 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-76deg) rotateY(217deg) translateX(350px) rotateZ(76deg);
  }
  80% {
    transform: rotateZ(-76deg) rotateY(217deg) translateX(350px) rotateZ(76deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-76deg) rotateY(217deg) translateX(525px) rotateZ(76deg);
  }
}
.dot:nth-child(412) {
  animation: orbit412 14s infinite;
  animation-delay: 4.12s;
  background-color: hsl(231.4666666667, 100%, 100%);
}

@keyframes orbit412 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-239deg) rotateY(56deg) translateX(350px) rotateZ(239deg);
  }
  80% {
    transform: rotateZ(-239deg) rotateY(56deg) translateX(350px) rotateZ(239deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-239deg) rotateY(56deg) translateX(525px) rotateZ(239deg);
  }
}
.dot:nth-child(413) {
  animation: orbit413 14s infinite;
  animation-delay: 4.13s;
  background-color: hsl(231.5333333333, 100%, 100%);
}

@keyframes orbit413 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-43deg) rotateY(17deg) translateX(350px) rotateZ(43deg);
  }
  80% {
    transform: rotateZ(-43deg) rotateY(17deg) translateX(350px) rotateZ(43deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-43deg) rotateY(17deg) translateX(525px) rotateZ(43deg);
  }
}
.dot:nth-child(414) {
  animation: orbit414 14s infinite;
  animation-delay: 4.14s;
  background-color: hsl(231.6, 100%, 100%);
}

@keyframes orbit414 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-349deg) rotateY(183deg) translateX(350px) rotateZ(349deg);
  }
  80% {
    transform: rotateZ(-349deg) rotateY(183deg) translateX(350px) rotateZ(349deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-349deg) rotateY(183deg) translateX(525px) rotateZ(349deg);
  }
}
.dot:nth-child(415) {
  animation: orbit415 14s infinite;
  animation-delay: 4.15s;
  background-color: hsl(231.6666666667, 100%, 100%);
}

@keyframes orbit415 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-262deg) rotateY(331deg) translateX(350px) rotateZ(262deg);
  }
  80% {
    transform: rotateZ(-262deg) rotateY(331deg) translateX(350px) rotateZ(262deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-262deg) rotateY(331deg) translateX(525px) rotateZ(262deg);
  }
}
.dot:nth-child(416) {
  animation: orbit416 14s infinite;
  animation-delay: 4.16s;
  background-color: hsl(231.7333333333, 100%, 100%);
}

@keyframes orbit416 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-293deg) rotateY(326deg) translateX(350px) rotateZ(293deg);
  }
  80% {
    transform: rotateZ(-293deg) rotateY(326deg) translateX(350px) rotateZ(293deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-293deg) rotateY(326deg) translateX(525px) rotateZ(293deg);
  }
}
.dot:nth-child(417) {
  animation: orbit417 14s infinite;
  animation-delay: 4.17s;
  background-color: hsl(231.8, 100%, 100%);
}

@keyframes orbit417 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-343deg) rotateY(74deg) translateX(350px) rotateZ(343deg);
  }
  80% {
    transform: rotateZ(-343deg) rotateY(74deg) translateX(350px) rotateZ(343deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-343deg) rotateY(74deg) translateX(525px) rotateZ(343deg);
  }
}
.dot:nth-child(418) {
  animation: orbit418 14s infinite;
  animation-delay: 4.18s;
  background-color: hsl(231.8666666667, 100%, 100%);
}

@keyframes orbit418 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-206deg) rotateY(108deg) translateX(350px) rotateZ(206deg);
  }
  80% {
    transform: rotateZ(-206deg) rotateY(108deg) translateX(350px) rotateZ(206deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-206deg) rotateY(108deg) translateX(525px) rotateZ(206deg);
  }
}
.dot:nth-child(419) {
  animation: orbit419 14s infinite;
  animation-delay: 4.19s;
  background-color: hsl(231.9333333333, 100%, 100%);
}

@keyframes orbit419 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-85deg) rotateY(355deg) translateX(350px) rotateZ(85deg);
  }
  80% {
    transform: rotateZ(-85deg) rotateY(355deg) translateX(350px) rotateZ(85deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-85deg) rotateY(355deg) translateX(525px) rotateZ(85deg);
  }
}
.dot:nth-child(420) {
  animation: orbit420 14s infinite;
  animation-delay: 4.2s;
  background-color: hsl(232, 100%, 100%);
}

@keyframes orbit420 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-301deg) rotateY(101deg) translateX(350px) rotateZ(301deg);
  }
  80% {
    transform: rotateZ(-301deg) rotateY(101deg) translateX(350px) rotateZ(301deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-301deg) rotateY(101deg) translateX(525px) rotateZ(301deg);
  }
}
.dot:nth-child(421) {
  animation: orbit421 14s infinite;
  animation-delay: 4.21s;
  background-color: hsl(232.0666666667, 100%, 100%);
}

@keyframes orbit421 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-61deg) rotateY(188deg) translateX(350px) rotateZ(61deg);
  }
  80% {
    transform: rotateZ(-61deg) rotateY(188deg) translateX(350px) rotateZ(61deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-61deg) rotateY(188deg) translateX(525px) rotateZ(61deg);
  }
}
.dot:nth-child(422) {
  animation: orbit422 14s infinite;
  animation-delay: 4.22s;
  background-color: hsl(232.1333333333, 100%, 100%);
}

@keyframes orbit422 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-89deg) rotateY(304deg) translateX(350px) rotateZ(89deg);
  }
  80% {
    transform: rotateZ(-89deg) rotateY(304deg) translateX(350px) rotateZ(89deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-89deg) rotateY(304deg) translateX(525px) rotateZ(89deg);
  }
}
.dot:nth-child(423) {
  animation: orbit423 14s infinite;
  animation-delay: 4.23s;
  background-color: hsl(232.2, 100%, 100%);
}

@keyframes orbit423 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-138deg) rotateY(356deg) translateX(350px) rotateZ(138deg);
  }
  80% {
    transform: rotateZ(-138deg) rotateY(356deg) translateX(350px) rotateZ(138deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-138deg) rotateY(356deg) translateX(525px) rotateZ(138deg);
  }
}
.dot:nth-child(424) {
  animation: orbit424 14s infinite;
  animation-delay: 4.24s;
  background-color: hsl(232.2666666667, 100%, 100%);
}

@keyframes orbit424 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-207deg) rotateY(86deg) translateX(350px) rotateZ(207deg);
  }
  80% {
    transform: rotateZ(-207deg) rotateY(86deg) translateX(350px) rotateZ(207deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-207deg) rotateY(86deg) translateX(525px) rotateZ(207deg);
  }
}
.dot:nth-child(425) {
  animation: orbit425 14s infinite;
  animation-delay: 4.25s;
  background-color: hsl(232.3333333333, 100%, 100%);
}

@keyframes orbit425 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-77deg) rotateY(136deg) translateX(350px) rotateZ(77deg);
  }
  80% {
    transform: rotateZ(-77deg) rotateY(136deg) translateX(350px) rotateZ(77deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-77deg) rotateY(136deg) translateX(525px) rotateZ(77deg);
  }
}
.dot:nth-child(426) {
  animation: orbit426 14s infinite;
  animation-delay: 4.26s;
  background-color: hsl(232.4, 100%, 100%);
}

@keyframes orbit426 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-302deg) rotateY(339deg) translateX(350px) rotateZ(302deg);
  }
  80% {
    transform: rotateZ(-302deg) rotateY(339deg) translateX(350px) rotateZ(302deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-302deg) rotateY(339deg) translateX(525px) rotateZ(302deg);
  }
}
.dot:nth-child(427) {
  animation: orbit427 14s infinite;
  animation-delay: 4.27s;
  background-color: hsl(232.4666666667, 100%, 100%);
}

@keyframes orbit427 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-349deg) rotateY(41deg) translateX(350px) rotateZ(349deg);
  }
  80% {
    transform: rotateZ(-349deg) rotateY(41deg) translateX(350px) rotateZ(349deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-349deg) rotateY(41deg) translateX(525px) rotateZ(349deg);
  }
}
.dot:nth-child(428) {
  animation: orbit428 14s infinite;
  animation-delay: 4.28s;
  background-color: hsl(232.5333333333, 100%, 100%);
}

@keyframes orbit428 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-97deg) rotateY(306deg) translateX(350px) rotateZ(97deg);
  }
  80% {
    transform: rotateZ(-97deg) rotateY(306deg) translateX(350px) rotateZ(97deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-97deg) rotateY(306deg) translateX(525px) rotateZ(97deg);
  }
}
.dot:nth-child(429) {
  animation: orbit429 14s infinite;
  animation-delay: 4.29s;
  background-color: hsl(232.6, 100%, 100%);
}

@keyframes orbit429 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-352deg) rotateY(255deg) translateX(350px) rotateZ(352deg);
  }
  80% {
    transform: rotateZ(-352deg) rotateY(255deg) translateX(350px) rotateZ(352deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-352deg) rotateY(255deg) translateX(525px) rotateZ(352deg);
  }
}
.dot:nth-child(430) {
  animation: orbit430 14s infinite;
  animation-delay: 4.3s;
  background-color: hsl(232.6666666667, 100%, 100%);
}

@keyframes orbit430 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-192deg) rotateY(152deg) translateX(350px) rotateZ(192deg);
  }
  80% {
    transform: rotateZ(-192deg) rotateY(152deg) translateX(350px) rotateZ(192deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-192deg) rotateY(152deg) translateX(525px) rotateZ(192deg);
  }
}
.dot:nth-child(431) {
  animation: orbit431 14s infinite;
  animation-delay: 4.31s;
  background-color: hsl(232.7333333333, 100%, 100%);
}

@keyframes orbit431 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-311deg) rotateY(190deg) translateX(350px) rotateZ(311deg);
  }
  80% {
    transform: rotateZ(-311deg) rotateY(190deg) translateX(350px) rotateZ(311deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-311deg) rotateY(190deg) translateX(525px) rotateZ(311deg);
  }
}
.dot:nth-child(432) {
  animation: orbit432 14s infinite;
  animation-delay: 4.32s;
  background-color: hsl(232.8, 100%, 100%);
}

@keyframes orbit432 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-299deg) rotateY(159deg) translateX(350px) rotateZ(299deg);
  }
  80% {
    transform: rotateZ(-299deg) rotateY(159deg) translateX(350px) rotateZ(299deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-299deg) rotateY(159deg) translateX(525px) rotateZ(299deg);
  }
}
.dot:nth-child(433) {
  animation: orbit433 14s infinite;
  animation-delay: 4.33s;
  background-color: hsl(232.8666666667, 100%, 100%);
}

@keyframes orbit433 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-253deg) rotateY(272deg) translateX(350px) rotateZ(253deg);
  }
  80% {
    transform: rotateZ(-253deg) rotateY(272deg) translateX(350px) rotateZ(253deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-253deg) rotateY(272deg) translateX(525px) rotateZ(253deg);
  }
}
.dot:nth-child(434) {
  animation: orbit434 14s infinite;
  animation-delay: 4.34s;
  background-color: hsl(232.9333333333, 100%, 100%);
}

@keyframes orbit434 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-32deg) rotateY(96deg) translateX(350px) rotateZ(32deg);
  }
  80% {
    transform: rotateZ(-32deg) rotateY(96deg) translateX(350px) rotateZ(32deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-32deg) rotateY(96deg) translateX(525px) rotateZ(32deg);
  }
}
.dot:nth-child(435) {
  animation: orbit435 14s infinite;
  animation-delay: 4.35s;
  background-color: hsl(233, 100%, 100%);
}

@keyframes orbit435 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-41deg) rotateY(133deg) translateX(350px) rotateZ(41deg);
  }
  80% {
    transform: rotateZ(-41deg) rotateY(133deg) translateX(350px) rotateZ(41deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-41deg) rotateY(133deg) translateX(525px) rotateZ(41deg);
  }
}
.dot:nth-child(436) {
  animation: orbit436 14s infinite;
  animation-delay: 4.36s;
  background-color: hsl(233.0666666667, 100%, 100%);
}

@keyframes orbit436 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-289deg) rotateY(299deg) translateX(350px) rotateZ(289deg);
  }
  80% {
    transform: rotateZ(-289deg) rotateY(299deg) translateX(350px) rotateZ(289deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-289deg) rotateY(299deg) translateX(525px) rotateZ(289deg);
  }
}
.dot:nth-child(437) {
  animation: orbit437 14s infinite;
  animation-delay: 4.37s;
  background-color: hsl(233.1333333333, 100%, 100%);
}

@keyframes orbit437 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-24deg) rotateY(113deg) translateX(350px) rotateZ(24deg);
  }
  80% {
    transform: rotateZ(-24deg) rotateY(113deg) translateX(350px) rotateZ(24deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-24deg) rotateY(113deg) translateX(525px) rotateZ(24deg);
  }
}
.dot:nth-child(438) {
  animation: orbit438 14s infinite;
  animation-delay: 4.38s;
  background-color: hsl(233.2, 100%, 100%);
}

@keyframes orbit438 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-266deg) rotateY(334deg) translateX(350px) rotateZ(266deg);
  }
  80% {
    transform: rotateZ(-266deg) rotateY(334deg) translateX(350px) rotateZ(266deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-266deg) rotateY(334deg) translateX(525px) rotateZ(266deg);
  }
}
.dot:nth-child(439) {
  animation: orbit439 14s infinite;
  animation-delay: 4.39s;
  background-color: hsl(233.2666666667, 100%, 100%);
}

@keyframes orbit439 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-167deg) rotateY(74deg) translateX(350px) rotateZ(167deg);
  }
  80% {
    transform: rotateZ(-167deg) rotateY(74deg) translateX(350px) rotateZ(167deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-167deg) rotateY(74deg) translateX(525px) rotateZ(167deg);
  }
}
.dot:nth-child(440) {
  animation: orbit440 14s infinite;
  animation-delay: 4.4s;
  background-color: hsl(233.3333333333, 100%, 100%);
}

@keyframes orbit440 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-223deg) rotateY(147deg) translateX(350px) rotateZ(223deg);
  }
  80% {
    transform: rotateZ(-223deg) rotateY(147deg) translateX(350px) rotateZ(223deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-223deg) rotateY(147deg) translateX(525px) rotateZ(223deg);
  }
}
.dot:nth-child(441) {
  animation: orbit441 14s infinite;
  animation-delay: 4.41s;
  background-color: hsl(233.4, 100%, 100%);
}

@keyframes orbit441 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-114deg) rotateY(252deg) translateX(350px) rotateZ(114deg);
  }
  80% {
    transform: rotateZ(-114deg) rotateY(252deg) translateX(350px) rotateZ(114deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-114deg) rotateY(252deg) translateX(525px) rotateZ(114deg);
  }
}
.dot:nth-child(442) {
  animation: orbit442 14s infinite;
  animation-delay: 4.42s;
  background-color: hsl(233.4666666667, 100%, 100%);
}

@keyframes orbit442 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-234deg) rotateY(282deg) translateX(350px) rotateZ(234deg);
  }
  80% {
    transform: rotateZ(-234deg) rotateY(282deg) translateX(350px) rotateZ(234deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-234deg) rotateY(282deg) translateX(525px) rotateZ(234deg);
  }
}
.dot:nth-child(443) {
  animation: orbit443 14s infinite;
  animation-delay: 4.43s;
  background-color: hsl(233.5333333333, 100%, 100%);
}

@keyframes orbit443 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-236deg) rotateY(227deg) translateX(350px) rotateZ(236deg);
  }
  80% {
    transform: rotateZ(-236deg) rotateY(227deg) translateX(350px) rotateZ(236deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-236deg) rotateY(227deg) translateX(525px) rotateZ(236deg);
  }
}
.dot:nth-child(444) {
  animation: orbit444 14s infinite;
  animation-delay: 4.44s;
  background-color: hsl(233.6, 100%, 100%);
}

@keyframes orbit444 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-72deg) rotateY(211deg) translateX(350px) rotateZ(72deg);
  }
  80% {
    transform: rotateZ(-72deg) rotateY(211deg) translateX(350px) rotateZ(72deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-72deg) rotateY(211deg) translateX(525px) rotateZ(72deg);
  }
}
.dot:nth-child(445) {
  animation: orbit445 14s infinite;
  animation-delay: 4.45s;
  background-color: hsl(233.6666666667, 100%, 100%);
}

@keyframes orbit445 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-217deg) rotateY(42deg) translateX(350px) rotateZ(217deg);
  }
  80% {
    transform: rotateZ(-217deg) rotateY(42deg) translateX(350px) rotateZ(217deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-217deg) rotateY(42deg) translateX(525px) rotateZ(217deg);
  }
}
.dot:nth-child(446) {
  animation: orbit446 14s infinite;
  animation-delay: 4.46s;
  background-color: hsl(233.7333333333, 100%, 100%);
}

@keyframes orbit446 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-176deg) rotateY(340deg) translateX(350px) rotateZ(176deg);
  }
  80% {
    transform: rotateZ(-176deg) rotateY(340deg) translateX(350px) rotateZ(176deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-176deg) rotateY(340deg) translateX(525px) rotateZ(176deg);
  }
}
.dot:nth-child(447) {
  animation: orbit447 14s infinite;
  animation-delay: 4.47s;
  background-color: hsl(233.8, 100%, 100%);
}

@keyframes orbit447 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-119deg) rotateY(9deg) translateX(350px) rotateZ(119deg);
  }
  80% {
    transform: rotateZ(-119deg) rotateY(9deg) translateX(350px) rotateZ(119deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-119deg) rotateY(9deg) translateX(525px) rotateZ(119deg);
  }
}
.dot:nth-child(448) {
  animation: orbit448 14s infinite;
  animation-delay: 4.48s;
  background-color: hsl(233.8666666667, 100%, 100%);
}

@keyframes orbit448 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-261deg) rotateY(71deg) translateX(350px) rotateZ(261deg);
  }
  80% {
    transform: rotateZ(-261deg) rotateY(71deg) translateX(350px) rotateZ(261deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-261deg) rotateY(71deg) translateX(525px) rotateZ(261deg);
  }
}
.dot:nth-child(449) {
  animation: orbit449 14s infinite;
  animation-delay: 4.49s;
  background-color: hsl(233.9333333333, 100%, 100%);
}

@keyframes orbit449 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-292deg) rotateY(97deg) translateX(350px) rotateZ(292deg);
  }
  80% {
    transform: rotateZ(-292deg) rotateY(97deg) translateX(350px) rotateZ(292deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-292deg) rotateY(97deg) translateX(525px) rotateZ(292deg);
  }
}
.dot:nth-child(450) {
  animation: orbit450 14s infinite;
  animation-delay: 4.5s;
  background-color: hsl(234, 100%, 100%);
}

@keyframes orbit450 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-153deg) rotateY(165deg) translateX(350px) rotateZ(153deg);
  }
  80% {
    transform: rotateZ(-153deg) rotateY(165deg) translateX(350px) rotateZ(153deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-153deg) rotateY(165deg) translateX(525px) rotateZ(153deg);
  }
}
.dot:nth-child(451) {
  animation: orbit451 14s infinite;
  animation-delay: 4.51s;
  background-color: hsl(234.0666666667, 100%, 100%);
}

@keyframes orbit451 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-85deg) rotateY(259deg) translateX(350px) rotateZ(85deg);
  }
  80% {
    transform: rotateZ(-85deg) rotateY(259deg) translateX(350px) rotateZ(85deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-85deg) rotateY(259deg) translateX(525px) rotateZ(85deg);
  }
}
.dot:nth-child(452) {
  animation: orbit452 14s infinite;
  animation-delay: 4.52s;
  background-color: hsl(234.1333333333, 100%, 100%);
}

@keyframes orbit452 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-171deg) rotateY(257deg) translateX(350px) rotateZ(171deg);
  }
  80% {
    transform: rotateZ(-171deg) rotateY(257deg) translateX(350px) rotateZ(171deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-171deg) rotateY(257deg) translateX(525px) rotateZ(171deg);
  }
}
.dot:nth-child(453) {
  animation: orbit453 14s infinite;
  animation-delay: 4.53s;
  background-color: hsl(234.2, 100%, 100%);
}

@keyframes orbit453 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-260deg) rotateY(158deg) translateX(350px) rotateZ(260deg);
  }
  80% {
    transform: rotateZ(-260deg) rotateY(158deg) translateX(350px) rotateZ(260deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-260deg) rotateY(158deg) translateX(525px) rotateZ(260deg);
  }
}
.dot:nth-child(454) {
  animation: orbit454 14s infinite;
  animation-delay: 4.54s;
  background-color: hsl(234.2666666667, 100%, 100%);
}

@keyframes orbit454 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-79deg) rotateY(214deg) translateX(350px) rotateZ(79deg);
  }
  80% {
    transform: rotateZ(-79deg) rotateY(214deg) translateX(350px) rotateZ(79deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-79deg) rotateY(214deg) translateX(525px) rotateZ(79deg);
  }
}
.dot:nth-child(455) {
  animation: orbit455 14s infinite;
  animation-delay: 4.55s;
  background-color: hsl(234.3333333333, 100%, 100%);
}

@keyframes orbit455 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-99deg) rotateY(69deg) translateX(350px) rotateZ(99deg);
  }
  80% {
    transform: rotateZ(-99deg) rotateY(69deg) translateX(350px) rotateZ(99deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-99deg) rotateY(69deg) translateX(525px) rotateZ(99deg);
  }
}
.dot:nth-child(456) {
  animation: orbit456 14s infinite;
  animation-delay: 4.56s;
  background-color: hsl(234.4, 100%, 100%);
}

@keyframes orbit456 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-153deg) rotateY(175deg) translateX(350px) rotateZ(153deg);
  }
  80% {
    transform: rotateZ(-153deg) rotateY(175deg) translateX(350px) rotateZ(153deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-153deg) rotateY(175deg) translateX(525px) rotateZ(153deg);
  }
}
.dot:nth-child(457) {
  animation: orbit457 14s infinite;
  animation-delay: 4.57s;
  background-color: hsl(234.4666666667, 100%, 100%);
}

@keyframes orbit457 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-145deg) rotateY(178deg) translateX(350px) rotateZ(145deg);
  }
  80% {
    transform: rotateZ(-145deg) rotateY(178deg) translateX(350px) rotateZ(145deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-145deg) rotateY(178deg) translateX(525px) rotateZ(145deg);
  }
}
.dot:nth-child(458) {
  animation: orbit458 14s infinite;
  animation-delay: 4.58s;
  background-color: hsl(234.5333333333, 100%, 100%);
}

@keyframes orbit458 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-253deg) rotateY(222deg) translateX(350px) rotateZ(253deg);
  }
  80% {
    transform: rotateZ(-253deg) rotateY(222deg) translateX(350px) rotateZ(253deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-253deg) rotateY(222deg) translateX(525px) rotateZ(253deg);
  }
}
.dot:nth-child(459) {
  animation: orbit459 14s infinite;
  animation-delay: 4.59s;
  background-color: hsl(234.6, 100%, 100%);
}

@keyframes orbit459 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-357deg) rotateY(101deg) translateX(350px) rotateZ(357deg);
  }
  80% {
    transform: rotateZ(-357deg) rotateY(101deg) translateX(350px) rotateZ(357deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-357deg) rotateY(101deg) translateX(525px) rotateZ(357deg);
  }
}
.dot:nth-child(460) {
  animation: orbit460 14s infinite;
  animation-delay: 4.6s;
  background-color: hsl(234.6666666667, 100%, 100%);
}

@keyframes orbit460 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-160deg) rotateY(261deg) translateX(350px) rotateZ(160deg);
  }
  80% {
    transform: rotateZ(-160deg) rotateY(261deg) translateX(350px) rotateZ(160deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-160deg) rotateY(261deg) translateX(525px) rotateZ(160deg);
  }
}
.dot:nth-child(461) {
  animation: orbit461 14s infinite;
  animation-delay: 4.61s;
  background-color: hsl(234.7333333333, 100%, 100%);
}

@keyframes orbit461 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-186deg) rotateY(70deg) translateX(350px) rotateZ(186deg);
  }
  80% {
    transform: rotateZ(-186deg) rotateY(70deg) translateX(350px) rotateZ(186deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-186deg) rotateY(70deg) translateX(525px) rotateZ(186deg);
  }
}
.dot:nth-child(462) {
  animation: orbit462 14s infinite;
  animation-delay: 4.62s;
  background-color: hsl(234.8, 100%, 100%);
}

@keyframes orbit462 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-352deg) rotateY(144deg) translateX(350px) rotateZ(352deg);
  }
  80% {
    transform: rotateZ(-352deg) rotateY(144deg) translateX(350px) rotateZ(352deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-352deg) rotateY(144deg) translateX(525px) rotateZ(352deg);
  }
}
.dot:nth-child(463) {
  animation: orbit463 14s infinite;
  animation-delay: 4.63s;
  background-color: hsl(234.8666666667, 100%, 100%);
}

@keyframes orbit463 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-63deg) rotateY(70deg) translateX(350px) rotateZ(63deg);
  }
  80% {
    transform: rotateZ(-63deg) rotateY(70deg) translateX(350px) rotateZ(63deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-63deg) rotateY(70deg) translateX(525px) rotateZ(63deg);
  }
}
.dot:nth-child(464) {
  animation: orbit464 14s infinite;
  animation-delay: 4.64s;
  background-color: hsl(234.9333333333, 100%, 100%);
}

@keyframes orbit464 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-199deg) rotateY(319deg) translateX(350px) rotateZ(199deg);
  }
  80% {
    transform: rotateZ(-199deg) rotateY(319deg) translateX(350px) rotateZ(199deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-199deg) rotateY(319deg) translateX(525px) rotateZ(199deg);
  }
}
.dot:nth-child(465) {
  animation: orbit465 14s infinite;
  animation-delay: 4.65s;
  background-color: hsl(235, 100%, 100%);
}

@keyframes orbit465 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-314deg) rotateY(288deg) translateX(350px) rotateZ(314deg);
  }
  80% {
    transform: rotateZ(-314deg) rotateY(288deg) translateX(350px) rotateZ(314deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-314deg) rotateY(288deg) translateX(525px) rotateZ(314deg);
  }
}
.dot:nth-child(466) {
  animation: orbit466 14s infinite;
  animation-delay: 4.66s;
  background-color: hsl(235.0666666667, 100%, 100%);
}

@keyframes orbit466 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-242deg) rotateY(246deg) translateX(350px) rotateZ(242deg);
  }
  80% {
    transform: rotateZ(-242deg) rotateY(246deg) translateX(350px) rotateZ(242deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-242deg) rotateY(246deg) translateX(525px) rotateZ(242deg);
  }
}
.dot:nth-child(467) {
  animation: orbit467 14s infinite;
  animation-delay: 4.67s;
  background-color: hsl(235.1333333333, 100%, 100%);
}

@keyframes orbit467 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-91deg) rotateY(82deg) translateX(350px) rotateZ(91deg);
  }
  80% {
    transform: rotateZ(-91deg) rotateY(82deg) translateX(350px) rotateZ(91deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-91deg) rotateY(82deg) translateX(525px) rotateZ(91deg);
  }
}
.dot:nth-child(468) {
  animation: orbit468 14s infinite;
  animation-delay: 4.68s;
  background-color: hsl(235.2, 100%, 100%);
}

@keyframes orbit468 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-294deg) rotateY(89deg) translateX(350px) rotateZ(294deg);
  }
  80% {
    transform: rotateZ(-294deg) rotateY(89deg) translateX(350px) rotateZ(294deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-294deg) rotateY(89deg) translateX(525px) rotateZ(294deg);
  }
}
.dot:nth-child(469) {
  animation: orbit469 14s infinite;
  animation-delay: 4.69s;
  background-color: hsl(235.2666666667, 100%, 100%);
}

@keyframes orbit469 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-354deg) rotateY(230deg) translateX(350px) rotateZ(354deg);
  }
  80% {
    transform: rotateZ(-354deg) rotateY(230deg) translateX(350px) rotateZ(354deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-354deg) rotateY(230deg) translateX(525px) rotateZ(354deg);
  }
}
.dot:nth-child(470) {
  animation: orbit470 14s infinite;
  animation-delay: 4.7s;
  background-color: hsl(235.3333333333, 100%, 100%);
}

@keyframes orbit470 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-27deg) rotateY(222deg) translateX(350px) rotateZ(27deg);
  }
  80% {
    transform: rotateZ(-27deg) rotateY(222deg) translateX(350px) rotateZ(27deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-27deg) rotateY(222deg) translateX(525px) rotateZ(27deg);
  }
}
.dot:nth-child(471) {
  animation: orbit471 14s infinite;
  animation-delay: 4.71s;
  background-color: hsl(235.4, 100%, 100%);
}

@keyframes orbit471 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-41deg) rotateY(148deg) translateX(350px) rotateZ(41deg);
  }
  80% {
    transform: rotateZ(-41deg) rotateY(148deg) translateX(350px) rotateZ(41deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-41deg) rotateY(148deg) translateX(525px) rotateZ(41deg);
  }
}
.dot:nth-child(472) {
  animation: orbit472 14s infinite;
  animation-delay: 4.72s;
  background-color: hsl(235.4666666667, 100%, 100%);
}

@keyframes orbit472 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-229deg) rotateY(160deg) translateX(350px) rotateZ(229deg);
  }
  80% {
    transform: rotateZ(-229deg) rotateY(160deg) translateX(350px) rotateZ(229deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-229deg) rotateY(160deg) translateX(525px) rotateZ(229deg);
  }
}
.dot:nth-child(473) {
  animation: orbit473 14s infinite;
  animation-delay: 4.73s;
  background-color: hsl(235.5333333333, 100%, 100%);
}

@keyframes orbit473 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-279deg) rotateY(103deg) translateX(350px) rotateZ(279deg);
  }
  80% {
    transform: rotateZ(-279deg) rotateY(103deg) translateX(350px) rotateZ(279deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-279deg) rotateY(103deg) translateX(525px) rotateZ(279deg);
  }
}
.dot:nth-child(474) {
  animation: orbit474 14s infinite;
  animation-delay: 4.74s;
  background-color: hsl(235.6, 100%, 100%);
}

@keyframes orbit474 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-249deg) rotateY(150deg) translateX(350px) rotateZ(249deg);
  }
  80% {
    transform: rotateZ(-249deg) rotateY(150deg) translateX(350px) rotateZ(249deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-249deg) rotateY(150deg) translateX(525px) rotateZ(249deg);
  }
}
.dot:nth-child(475) {
  animation: orbit475 14s infinite;
  animation-delay: 4.75s;
  background-color: hsl(235.6666666667, 100%, 100%);
}

@keyframes orbit475 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-66deg) rotateY(104deg) translateX(350px) rotateZ(66deg);
  }
  80% {
    transform: rotateZ(-66deg) rotateY(104deg) translateX(350px) rotateZ(66deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-66deg) rotateY(104deg) translateX(525px) rotateZ(66deg);
  }
}
.dot:nth-child(476) {
  animation: orbit476 14s infinite;
  animation-delay: 4.76s;
  background-color: hsl(235.7333333333, 100%, 100%);
}

@keyframes orbit476 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-300deg) rotateY(25deg) translateX(350px) rotateZ(300deg);
  }
  80% {
    transform: rotateZ(-300deg) rotateY(25deg) translateX(350px) rotateZ(300deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-300deg) rotateY(25deg) translateX(525px) rotateZ(300deg);
  }
}
.dot:nth-child(477) {
  animation: orbit477 14s infinite;
  animation-delay: 4.77s;
  background-color: hsl(235.8, 100%, 100%);
}

@keyframes orbit477 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-152deg) rotateY(180deg) translateX(350px) rotateZ(152deg);
  }
  80% {
    transform: rotateZ(-152deg) rotateY(180deg) translateX(350px) rotateZ(152deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-152deg) rotateY(180deg) translateX(525px) rotateZ(152deg);
  }
}
.dot:nth-child(478) {
  animation: orbit478 14s infinite;
  animation-delay: 4.78s;
  background-color: hsl(235.8666666667, 100%, 100%);
}

@keyframes orbit478 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-49deg) rotateY(360deg) translateX(350px) rotateZ(49deg);
  }
  80% {
    transform: rotateZ(-49deg) rotateY(360deg) translateX(350px) rotateZ(49deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-49deg) rotateY(360deg) translateX(525px) rotateZ(49deg);
  }
}
.dot:nth-child(479) {
  animation: orbit479 14s infinite;
  animation-delay: 4.79s;
  background-color: hsl(235.9333333333, 100%, 100%);
}

@keyframes orbit479 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-267deg) rotateY(265deg) translateX(350px) rotateZ(267deg);
  }
  80% {
    transform: rotateZ(-267deg) rotateY(265deg) translateX(350px) rotateZ(267deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-267deg) rotateY(265deg) translateX(525px) rotateZ(267deg);
  }
}
.dot:nth-child(480) {
  animation: orbit480 14s infinite;
  animation-delay: 4.8s;
  background-color: hsl(236, 100%, 100%);
}

@keyframes orbit480 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-288deg) rotateY(183deg) translateX(350px) rotateZ(288deg);
  }
  80% {
    transform: rotateZ(-288deg) rotateY(183deg) translateX(350px) rotateZ(288deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-288deg) rotateY(183deg) translateX(525px) rotateZ(288deg);
  }
}
.dot:nth-child(481) {
  animation: orbit481 14s infinite;
  animation-delay: 4.81s;
  background-color: hsl(236.0666666667, 100%, 100%);
}

@keyframes orbit481 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-225deg) rotateY(228deg) translateX(350px) rotateZ(225deg);
  }
  80% {
    transform: rotateZ(-225deg) rotateY(228deg) translateX(350px) rotateZ(225deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-225deg) rotateY(228deg) translateX(525px) rotateZ(225deg);
  }
}
.dot:nth-child(482) {
  animation: orbit482 14s infinite;
  animation-delay: 4.82s;
  background-color: hsl(236.1333333333, 100%, 100%);
}

@keyframes orbit482 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-46deg) rotateY(115deg) translateX(350px) rotateZ(46deg);
  }
  80% {
    transform: rotateZ(-46deg) rotateY(115deg) translateX(350px) rotateZ(46deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-46deg) rotateY(115deg) translateX(525px) rotateZ(46deg);
  }
}
.dot:nth-child(483) {
  animation: orbit483 14s infinite;
  animation-delay: 4.83s;
  background-color: hsl(236.2, 100%, 100%);
}

@keyframes orbit483 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-219deg) rotateY(200deg) translateX(350px) rotateZ(219deg);
  }
  80% {
    transform: rotateZ(-219deg) rotateY(200deg) translateX(350px) rotateZ(219deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-219deg) rotateY(200deg) translateX(525px) rotateZ(219deg);
  }
}
.dot:nth-child(484) {
  animation: orbit484 14s infinite;
  animation-delay: 4.84s;
  background-color: hsl(236.2666666667, 100%, 100%);
}

@keyframes orbit484 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-3deg) rotateY(336deg) translateX(350px) rotateZ(3deg);
  }
  80% {
    transform: rotateZ(-3deg) rotateY(336deg) translateX(350px) rotateZ(3deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-3deg) rotateY(336deg) translateX(525px) rotateZ(3deg);
  }
}
.dot:nth-child(485) {
  animation: orbit485 14s infinite;
  animation-delay: 4.85s;
  background-color: hsl(236.3333333333, 100%, 100%);
}

@keyframes orbit485 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-212deg) rotateY(299deg) translateX(350px) rotateZ(212deg);
  }
  80% {
    transform: rotateZ(-212deg) rotateY(299deg) translateX(350px) rotateZ(212deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-212deg) rotateY(299deg) translateX(525px) rotateZ(212deg);
  }
}
.dot:nth-child(486) {
  animation: orbit486 14s infinite;
  animation-delay: 4.86s;
  background-color: hsl(236.4, 100%, 100%);
}

@keyframes orbit486 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-257deg) rotateY(197deg) translateX(350px) rotateZ(257deg);
  }
  80% {
    transform: rotateZ(-257deg) rotateY(197deg) translateX(350px) rotateZ(257deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-257deg) rotateY(197deg) translateX(525px) rotateZ(257deg);
  }
}
.dot:nth-child(487) {
  animation: orbit487 14s infinite;
  animation-delay: 4.87s;
  background-color: hsl(236.4666666667, 100%, 100%);
}

@keyframes orbit487 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-264deg) rotateY(72deg) translateX(350px) rotateZ(264deg);
  }
  80% {
    transform: rotateZ(-264deg) rotateY(72deg) translateX(350px) rotateZ(264deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-264deg) rotateY(72deg) translateX(525px) rotateZ(264deg);
  }
}
.dot:nth-child(488) {
  animation: orbit488 14s infinite;
  animation-delay: 4.88s;
  background-color: hsl(236.5333333333, 100%, 100%);
}

@keyframes orbit488 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-138deg) rotateY(265deg) translateX(350px) rotateZ(138deg);
  }
  80% {
    transform: rotateZ(-138deg) rotateY(265deg) translateX(350px) rotateZ(138deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-138deg) rotateY(265deg) translateX(525px) rotateZ(138deg);
  }
}
.dot:nth-child(489) {
  animation: orbit489 14s infinite;
  animation-delay: 4.89s;
  background-color: hsl(236.6, 100%, 100%);
}

@keyframes orbit489 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-169deg) rotateY(180deg) translateX(350px) rotateZ(169deg);
  }
  80% {
    transform: rotateZ(-169deg) rotateY(180deg) translateX(350px) rotateZ(169deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-169deg) rotateY(180deg) translateX(525px) rotateZ(169deg);
  }
}
.dot:nth-child(490) {
  animation: orbit490 14s infinite;
  animation-delay: 4.9s;
  background-color: hsl(236.6666666667, 100%, 100%);
}

@keyframes orbit490 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-184deg) rotateY(119deg) translateX(350px) rotateZ(184deg);
  }
  80% {
    transform: rotateZ(-184deg) rotateY(119deg) translateX(350px) rotateZ(184deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-184deg) rotateY(119deg) translateX(525px) rotateZ(184deg);
  }
}
.dot:nth-child(491) {
  animation: orbit491 14s infinite;
  animation-delay: 4.91s;
  background-color: hsl(236.7333333333, 100%, 100%);
}

@keyframes orbit491 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-240deg) rotateY(24deg) translateX(350px) rotateZ(240deg);
  }
  80% {
    transform: rotateZ(-240deg) rotateY(24deg) translateX(350px) rotateZ(240deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-240deg) rotateY(24deg) translateX(525px) rotateZ(240deg);
  }
}
.dot:nth-child(492) {
  animation: orbit492 14s infinite;
  animation-delay: 4.92s;
  background-color: hsl(236.8, 100%, 100%);
}

@keyframes orbit492 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-194deg) rotateY(298deg) translateX(350px) rotateZ(194deg);
  }
  80% {
    transform: rotateZ(-194deg) rotateY(298deg) translateX(350px) rotateZ(194deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-194deg) rotateY(298deg) translateX(525px) rotateZ(194deg);
  }
}
.dot:nth-child(493) {
  animation: orbit493 14s infinite;
  animation-delay: 4.93s;
  background-color: hsl(236.8666666667, 100%, 100%);
}

@keyframes orbit493 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-159deg) rotateY(185deg) translateX(350px) rotateZ(159deg);
  }
  80% {
    transform: rotateZ(-159deg) rotateY(185deg) translateX(350px) rotateZ(159deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-159deg) rotateY(185deg) translateX(525px) rotateZ(159deg);
  }
}
.dot:nth-child(494) {
  animation: orbit494 14s infinite;
  animation-delay: 4.94s;
  background-color: hsl(236.9333333333, 100%, 100%);
}

@keyframes orbit494 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-252deg) rotateY(356deg) translateX(350px) rotateZ(252deg);
  }
  80% {
    transform: rotateZ(-252deg) rotateY(356deg) translateX(350px) rotateZ(252deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-252deg) rotateY(356deg) translateX(525px) rotateZ(252deg);
  }
}
.dot:nth-child(495) {
  animation: orbit495 14s infinite;
  animation-delay: 4.95s;
  background-color: hsl(237, 100%, 100%);
}

@keyframes orbit495 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-88deg) rotateY(282deg) translateX(350px) rotateZ(88deg);
  }
  80% {
    transform: rotateZ(-88deg) rotateY(282deg) translateX(350px) rotateZ(88deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-88deg) rotateY(282deg) translateX(525px) rotateZ(88deg);
  }
}
.dot:nth-child(496) {
  animation: orbit496 14s infinite;
  animation-delay: 4.96s;
  background-color: hsl(237.0666666667, 100%, 100%);
}

@keyframes orbit496 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-245deg) rotateY(119deg) translateX(350px) rotateZ(245deg);
  }
  80% {
    transform: rotateZ(-245deg) rotateY(119deg) translateX(350px) rotateZ(245deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-245deg) rotateY(119deg) translateX(525px) rotateZ(245deg);
  }
}
.dot:nth-child(497) {
  animation: orbit497 14s infinite;
  animation-delay: 4.97s;
  background-color: hsl(237.1333333333, 100%, 100%);
}

@keyframes orbit497 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-87deg) rotateY(203deg) translateX(350px) rotateZ(87deg);
  }
  80% {
    transform: rotateZ(-87deg) rotateY(203deg) translateX(350px) rotateZ(87deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-87deg) rotateY(203deg) translateX(525px) rotateZ(87deg);
  }
}
.dot:nth-child(498) {
  animation: orbit498 14s infinite;
  animation-delay: 4.98s;
  background-color: hsl(237.2, 100%, 100%);
}

@keyframes orbit498 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-252deg) rotateY(143deg) translateX(350px) rotateZ(252deg);
  }
  80% {
    transform: rotateZ(-252deg) rotateY(143deg) translateX(350px) rotateZ(252deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-252deg) rotateY(143deg) translateX(525px) rotateZ(252deg);
  }
}
.dot:nth-child(499) {
  animation: orbit499 14s infinite;
  animation-delay: 4.99s;
  background-color: hsl(237.2666666667, 100%, 100%);
}

@keyframes orbit499 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-144deg) rotateY(5deg) translateX(350px) rotateZ(144deg);
  }
  80% {
    transform: rotateZ(-144deg) rotateY(5deg) translateX(350px) rotateZ(144deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-144deg) rotateY(5deg) translateX(525px) rotateZ(144deg);
  }
}
.dot:nth-child(500) {
  animation: orbit500 14s infinite;
  animation-delay: 5s;
  background-color: hsl(237.3333333333, 100%, 100%);
}

@keyframes orbit500 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-269deg) rotateY(83deg) translateX(350px) rotateZ(269deg);
  }
  80% {
    transform: rotateZ(-269deg) rotateY(83deg) translateX(350px) rotateZ(269deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-269deg) rotateY(83deg) translateX(525px) rotateZ(269deg);
  }
}
.dot:nth-child(501) {
  animation: orbit501 14s infinite;
  animation-delay: 5.01s;
  background-color: hsl(237.4, 100%, 100%);
}

@keyframes orbit501 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-79deg) rotateY(160deg) translateX(350px) rotateZ(79deg);
  }
  80% {
    transform: rotateZ(-79deg) rotateY(160deg) translateX(350px) rotateZ(79deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-79deg) rotateY(160deg) translateX(525px) rotateZ(79deg);
  }
}
.dot:nth-child(502) {
  animation: orbit502 14s infinite;
  animation-delay: 5.02s;
  background-color: hsl(237.4666666667, 100%, 100%);
}

@keyframes orbit502 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-239deg) rotateY(248deg) translateX(350px) rotateZ(239deg);
  }
  80% {
    transform: rotateZ(-239deg) rotateY(248deg) translateX(350px) rotateZ(239deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-239deg) rotateY(248deg) translateX(525px) rotateZ(239deg);
  }
}
.dot:nth-child(503) {
  animation: orbit503 14s infinite;
  animation-delay: 5.03s;
  background-color: hsl(237.5333333333, 100%, 100%);
}

@keyframes orbit503 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-348deg) rotateY(204deg) translateX(350px) rotateZ(348deg);
  }
  80% {
    transform: rotateZ(-348deg) rotateY(204deg) translateX(350px) rotateZ(348deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-348deg) rotateY(204deg) translateX(525px) rotateZ(348deg);
  }
}
.dot:nth-child(504) {
  animation: orbit504 14s infinite;
  animation-delay: 5.04s;
  background-color: hsl(237.6, 100%, 100%);
}

@keyframes orbit504 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-338deg) rotateY(194deg) translateX(350px) rotateZ(338deg);
  }
  80% {
    transform: rotateZ(-338deg) rotateY(194deg) translateX(350px) rotateZ(338deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-338deg) rotateY(194deg) translateX(525px) rotateZ(338deg);
  }
}
.dot:nth-child(505) {
  animation: orbit505 14s infinite;
  animation-delay: 5.05s;
  background-color: hsl(237.6666666667, 100%, 100%);
}

@keyframes orbit505 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-156deg) rotateY(137deg) translateX(350px) rotateZ(156deg);
  }
  80% {
    transform: rotateZ(-156deg) rotateY(137deg) translateX(350px) rotateZ(156deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-156deg) rotateY(137deg) translateX(525px) rotateZ(156deg);
  }
}
.dot:nth-child(506) {
  animation: orbit506 14s infinite;
  animation-delay: 5.06s;
  background-color: hsl(237.7333333333, 100%, 100%);
}

@keyframes orbit506 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-165deg) rotateY(187deg) translateX(350px) rotateZ(165deg);
  }
  80% {
    transform: rotateZ(-165deg) rotateY(187deg) translateX(350px) rotateZ(165deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-165deg) rotateY(187deg) translateX(525px) rotateZ(165deg);
  }
}
.dot:nth-child(507) {
  animation: orbit507 14s infinite;
  animation-delay: 5.07s;
  background-color: hsl(237.8, 100%, 100%);
}

@keyframes orbit507 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-10deg) rotateY(47deg) translateX(350px) rotateZ(10deg);
  }
  80% {
    transform: rotateZ(-10deg) rotateY(47deg) translateX(350px) rotateZ(10deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-10deg) rotateY(47deg) translateX(525px) rotateZ(10deg);
  }
}
.dot:nth-child(508) {
  animation: orbit508 14s infinite;
  animation-delay: 5.08s;
  background-color: hsl(237.8666666667, 100%, 100%);
}

@keyframes orbit508 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-288deg) rotateY(162deg) translateX(350px) rotateZ(288deg);
  }
  80% {
    transform: rotateZ(-288deg) rotateY(162deg) translateX(350px) rotateZ(288deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-288deg) rotateY(162deg) translateX(525px) rotateZ(288deg);
  }
}
.dot:nth-child(509) {
  animation: orbit509 14s infinite;
  animation-delay: 5.09s;
  background-color: hsl(237.9333333333, 100%, 100%);
}

@keyframes orbit509 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-225deg) rotateY(14deg) translateX(350px) rotateZ(225deg);
  }
  80% {
    transform: rotateZ(-225deg) rotateY(14deg) translateX(350px) rotateZ(225deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-225deg) rotateY(14deg) translateX(525px) rotateZ(225deg);
  }
}
.dot:nth-child(510) {
  animation: orbit510 14s infinite;
  animation-delay: 5.1s;
  background-color: hsl(238, 100%, 100%);
}

@keyframes orbit510 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-118deg) rotateY(44deg) translateX(350px) rotateZ(118deg);
  }
  80% {
    transform: rotateZ(-118deg) rotateY(44deg) translateX(350px) rotateZ(118deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-118deg) rotateY(44deg) translateX(525px) rotateZ(118deg);
  }
}
.dot:nth-child(511) {
  animation: orbit511 14s infinite;
  animation-delay: 5.11s;
  background-color: hsl(238.0666666667, 100%, 100%);
}

@keyframes orbit511 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-9deg) rotateY(249deg) translateX(350px) rotateZ(9deg);
  }
  80% {
    transform: rotateZ(-9deg) rotateY(249deg) translateX(350px) rotateZ(9deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-9deg) rotateY(249deg) translateX(525px) rotateZ(9deg);
  }
}
.dot:nth-child(512) {
  animation: orbit512 14s infinite;
  animation-delay: 5.12s;
  background-color: hsl(238.1333333333, 100%, 100%);
}

@keyframes orbit512 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-55deg) rotateY(237deg) translateX(350px) rotateZ(55deg);
  }
  80% {
    transform: rotateZ(-55deg) rotateY(237deg) translateX(350px) rotateZ(55deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-55deg) rotateY(237deg) translateX(525px) rotateZ(55deg);
  }
}
.dot:nth-child(513) {
  animation: orbit513 14s infinite;
  animation-delay: 5.13s;
  background-color: hsl(238.2, 100%, 100%);
}

@keyframes orbit513 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-53deg) rotateY(99deg) translateX(350px) rotateZ(53deg);
  }
  80% {
    transform: rotateZ(-53deg) rotateY(99deg) translateX(350px) rotateZ(53deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-53deg) rotateY(99deg) translateX(525px) rotateZ(53deg);
  }
}
.dot:nth-child(514) {
  animation: orbit514 14s infinite;
  animation-delay: 5.14s;
  background-color: hsl(238.2666666667, 100%, 100%);
}

@keyframes orbit514 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-184deg) rotateY(292deg) translateX(350px) rotateZ(184deg);
  }
  80% {
    transform: rotateZ(-184deg) rotateY(292deg) translateX(350px) rotateZ(184deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-184deg) rotateY(292deg) translateX(525px) rotateZ(184deg);
  }
}
.dot:nth-child(515) {
  animation: orbit515 14s infinite;
  animation-delay: 5.15s;
  background-color: hsl(238.3333333333, 100%, 100%);
}

@keyframes orbit515 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-154deg) rotateY(49deg) translateX(350px) rotateZ(154deg);
  }
  80% {
    transform: rotateZ(-154deg) rotateY(49deg) translateX(350px) rotateZ(154deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-154deg) rotateY(49deg) translateX(525px) rotateZ(154deg);
  }
}
.dot:nth-child(516) {
  animation: orbit516 14s infinite;
  animation-delay: 5.16s;
  background-color: hsl(238.4, 100%, 100%);
}

@keyframes orbit516 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-341deg) rotateY(142deg) translateX(350px) rotateZ(341deg);
  }
  80% {
    transform: rotateZ(-341deg) rotateY(142deg) translateX(350px) rotateZ(341deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-341deg) rotateY(142deg) translateX(525px) rotateZ(341deg);
  }
}
.dot:nth-child(517) {
  animation: orbit517 14s infinite;
  animation-delay: 5.17s;
  background-color: hsl(238.4666666667, 100%, 100%);
}

@keyframes orbit517 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-276deg) rotateY(39deg) translateX(350px) rotateZ(276deg);
  }
  80% {
    transform: rotateZ(-276deg) rotateY(39deg) translateX(350px) rotateZ(276deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-276deg) rotateY(39deg) translateX(525px) rotateZ(276deg);
  }
}
.dot:nth-child(518) {
  animation: orbit518 14s infinite;
  animation-delay: 5.18s;
  background-color: hsl(238.5333333333, 100%, 100%);
}

@keyframes orbit518 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-244deg) rotateY(104deg) translateX(350px) rotateZ(244deg);
  }
  80% {
    transform: rotateZ(-244deg) rotateY(104deg) translateX(350px) rotateZ(244deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-244deg) rotateY(104deg) translateX(525px) rotateZ(244deg);
  }
}
.dot:nth-child(519) {
  animation: orbit519 14s infinite;
  animation-delay: 5.19s;
  background-color: hsl(238.6, 100%, 100%);
}

@keyframes orbit519 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-102deg) rotateY(220deg) translateX(350px) rotateZ(102deg);
  }
  80% {
    transform: rotateZ(-102deg) rotateY(220deg) translateX(350px) rotateZ(102deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-102deg) rotateY(220deg) translateX(525px) rotateZ(102deg);
  }
}
.dot:nth-child(520) {
  animation: orbit520 14s infinite;
  animation-delay: 5.2s;
  background-color: hsl(238.6666666667, 100%, 100%);
}

@keyframes orbit520 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-308deg) rotateY(201deg) translateX(350px) rotateZ(308deg);
  }
  80% {
    transform: rotateZ(-308deg) rotateY(201deg) translateX(350px) rotateZ(308deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-308deg) rotateY(201deg) translateX(525px) rotateZ(308deg);
  }
}
.dot:nth-child(521) {
  animation: orbit521 14s infinite;
  animation-delay: 5.21s;
  background-color: hsl(238.7333333333, 100%, 100%);
}

@keyframes orbit521 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-78deg) rotateY(257deg) translateX(350px) rotateZ(78deg);
  }
  80% {
    transform: rotateZ(-78deg) rotateY(257deg) translateX(350px) rotateZ(78deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-78deg) rotateY(257deg) translateX(525px) rotateZ(78deg);
  }
}
.dot:nth-child(522) {
  animation: orbit522 14s infinite;
  animation-delay: 5.22s;
  background-color: hsl(238.8, 100%, 100%);
}

@keyframes orbit522 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-170deg) rotateY(73deg) translateX(350px) rotateZ(170deg);
  }
  80% {
    transform: rotateZ(-170deg) rotateY(73deg) translateX(350px) rotateZ(170deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-170deg) rotateY(73deg) translateX(525px) rotateZ(170deg);
  }
}
.dot:nth-child(523) {
  animation: orbit523 14s infinite;
  animation-delay: 5.23s;
  background-color: hsl(238.8666666667, 100%, 100%);
}

@keyframes orbit523 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-12deg) rotateY(244deg) translateX(350px) rotateZ(12deg);
  }
  80% {
    transform: rotateZ(-12deg) rotateY(244deg) translateX(350px) rotateZ(12deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-12deg) rotateY(244deg) translateX(525px) rotateZ(12deg);
  }
}
.dot:nth-child(524) {
  animation: orbit524 14s infinite;
  animation-delay: 5.24s;
  background-color: hsl(238.9333333333, 100%, 100%);
}

@keyframes orbit524 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-72deg) rotateY(139deg) translateX(350px) rotateZ(72deg);
  }
  80% {
    transform: rotateZ(-72deg) rotateY(139deg) translateX(350px) rotateZ(72deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-72deg) rotateY(139deg) translateX(525px) rotateZ(72deg);
  }
}
.dot:nth-child(525) {
  animation: orbit525 14s infinite;
  animation-delay: 5.25s;
  background-color: hsl(239, 100%, 100%);
}

@keyframes orbit525 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-263deg) rotateY(343deg) translateX(350px) rotateZ(263deg);
  }
  80% {
    transform: rotateZ(-263deg) rotateY(343deg) translateX(350px) rotateZ(263deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-263deg) rotateY(343deg) translateX(525px) rotateZ(263deg);
  }
}
.dot:nth-child(526) {
  animation: orbit526 14s infinite;
  animation-delay: 5.26s;
  background-color: hsl(239.0666666667, 100%, 100%);
}

@keyframes orbit526 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-103deg) rotateY(116deg) translateX(350px) rotateZ(103deg);
  }
  80% {
    transform: rotateZ(-103deg) rotateY(116deg) translateX(350px) rotateZ(103deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-103deg) rotateY(116deg) translateX(525px) rotateZ(103deg);
  }
}
.dot:nth-child(527) {
  animation: orbit527 14s infinite;
  animation-delay: 5.27s;
  background-color: hsl(239.1333333333, 100%, 100%);
}

@keyframes orbit527 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-311deg) rotateY(223deg) translateX(350px) rotateZ(311deg);
  }
  80% {
    transform: rotateZ(-311deg) rotateY(223deg) translateX(350px) rotateZ(311deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-311deg) rotateY(223deg) translateX(525px) rotateZ(311deg);
  }
}
.dot:nth-child(528) {
  animation: orbit528 14s infinite;
  animation-delay: 5.28s;
  background-color: hsl(239.2, 100%, 100%);
}

@keyframes orbit528 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-202deg) rotateY(345deg) translateX(350px) rotateZ(202deg);
  }
  80% {
    transform: rotateZ(-202deg) rotateY(345deg) translateX(350px) rotateZ(202deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-202deg) rotateY(345deg) translateX(525px) rotateZ(202deg);
  }
}
.dot:nth-child(529) {
  animation: orbit529 14s infinite;
  animation-delay: 5.29s;
  background-color: hsl(239.2666666667, 100%, 100%);
}

@keyframes orbit529 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-91deg) rotateY(2deg) translateX(350px) rotateZ(91deg);
  }
  80% {
    transform: rotateZ(-91deg) rotateY(2deg) translateX(350px) rotateZ(91deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-91deg) rotateY(2deg) translateX(525px) rotateZ(91deg);
  }
}
.dot:nth-child(530) {
  animation: orbit530 14s infinite;
  animation-delay: 5.3s;
  background-color: hsl(239.3333333333, 100%, 100%);
}

@keyframes orbit530 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-79deg) rotateY(217deg) translateX(350px) rotateZ(79deg);
  }
  80% {
    transform: rotateZ(-79deg) rotateY(217deg) translateX(350px) rotateZ(79deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-79deg) rotateY(217deg) translateX(525px) rotateZ(79deg);
  }
}
.dot:nth-child(531) {
  animation: orbit531 14s infinite;
  animation-delay: 5.31s;
  background-color: hsl(239.4, 100%, 100%);
}

@keyframes orbit531 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-5deg) rotateY(327deg) translateX(350px) rotateZ(5deg);
  }
  80% {
    transform: rotateZ(-5deg) rotateY(327deg) translateX(350px) rotateZ(5deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-5deg) rotateY(327deg) translateX(525px) rotateZ(5deg);
  }
}
.dot:nth-child(532) {
  animation: orbit532 14s infinite;
  animation-delay: 5.32s;
  background-color: hsl(239.4666666667, 100%, 100%);
}

@keyframes orbit532 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-95deg) rotateY(287deg) translateX(350px) rotateZ(95deg);
  }
  80% {
    transform: rotateZ(-95deg) rotateY(287deg) translateX(350px) rotateZ(95deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-95deg) rotateY(287deg) translateX(525px) rotateZ(95deg);
  }
}
.dot:nth-child(533) {
  animation: orbit533 14s infinite;
  animation-delay: 5.33s;
  background-color: hsl(239.5333333333, 100%, 100%);
}

@keyframes orbit533 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-116deg) rotateY(342deg) translateX(350px) rotateZ(116deg);
  }
  80% {
    transform: rotateZ(-116deg) rotateY(342deg) translateX(350px) rotateZ(116deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-116deg) rotateY(342deg) translateX(525px) rotateZ(116deg);
  }
}
.dot:nth-child(534) {
  animation: orbit534 14s infinite;
  animation-delay: 5.34s;
  background-color: hsl(239.6, 100%, 100%);
}

@keyframes orbit534 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-268deg) rotateY(227deg) translateX(350px) rotateZ(268deg);
  }
  80% {
    transform: rotateZ(-268deg) rotateY(227deg) translateX(350px) rotateZ(268deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-268deg) rotateY(227deg) translateX(525px) rotateZ(268deg);
  }
}
.dot:nth-child(535) {
  animation: orbit535 14s infinite;
  animation-delay: 5.35s;
  background-color: hsl(239.6666666667, 100%, 100%);
}

@keyframes orbit535 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-218deg) rotateY(171deg) translateX(350px) rotateZ(218deg);
  }
  80% {
    transform: rotateZ(-218deg) rotateY(171deg) translateX(350px) rotateZ(218deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-218deg) rotateY(171deg) translateX(525px) rotateZ(218deg);
  }
}
.dot:nth-child(536) {
  animation: orbit536 14s infinite;
  animation-delay: 5.36s;
  background-color: hsl(239.7333333333, 100%, 100%);
}

@keyframes orbit536 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-319deg) rotateY(314deg) translateX(350px) rotateZ(319deg);
  }
  80% {
    transform: rotateZ(-319deg) rotateY(314deg) translateX(350px) rotateZ(319deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-319deg) rotateY(314deg) translateX(525px) rotateZ(319deg);
  }
}
.dot:nth-child(537) {
  animation: orbit537 14s infinite;
  animation-delay: 5.37s;
  background-color: hsl(239.8, 100%, 100%);
}

@keyframes orbit537 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-35deg) rotateY(311deg) translateX(350px) rotateZ(35deg);
  }
  80% {
    transform: rotateZ(-35deg) rotateY(311deg) translateX(350px) rotateZ(35deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-35deg) rotateY(311deg) translateX(525px) rotateZ(35deg);
  }
}
.dot:nth-child(538) {
  animation: orbit538 14s infinite;
  animation-delay: 5.38s;
  background-color: hsl(239.8666666667, 100%, 100%);
}

@keyframes orbit538 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-19deg) rotateY(18deg) translateX(350px) rotateZ(19deg);
  }
  80% {
    transform: rotateZ(-19deg) rotateY(18deg) translateX(350px) rotateZ(19deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-19deg) rotateY(18deg) translateX(525px) rotateZ(19deg);
  }
}
.dot:nth-child(539) {
  animation: orbit539 14s infinite;
  animation-delay: 5.39s;
  background-color: hsl(239.9333333333, 100%, 100%);
}

@keyframes orbit539 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-87deg) rotateY(74deg) translateX(350px) rotateZ(87deg);
  }
  80% {
    transform: rotateZ(-87deg) rotateY(74deg) translateX(350px) rotateZ(87deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-87deg) rotateY(74deg) translateX(525px) rotateZ(87deg);
  }
}
.dot:nth-child(540) {
  animation: orbit540 14s infinite;
  animation-delay: 5.4s;
  background-color: hsl(240, 100%, 100%);
}

@keyframes orbit540 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-115deg) rotateY(201deg) translateX(350px) rotateZ(115deg);
  }
  80% {
    transform: rotateZ(-115deg) rotateY(201deg) translateX(350px) rotateZ(115deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-115deg) rotateY(201deg) translateX(525px) rotateZ(115deg);
  }
}
.dot:nth-child(541) {
  animation: orbit541 14s infinite;
  animation-delay: 5.41s;
  background-color: hsl(240.0666666667, 100%, 100%);
}

@keyframes orbit541 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-320deg) rotateY(311deg) translateX(350px) rotateZ(320deg);
  }
  80% {
    transform: rotateZ(-320deg) rotateY(311deg) translateX(350px) rotateZ(320deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-320deg) rotateY(311deg) translateX(525px) rotateZ(320deg);
  }
}
.dot:nth-child(542) {
  animation: orbit542 14s infinite;
  animation-delay: 5.42s;
  background-color: hsl(240.1333333333, 100%, 100%);
}

@keyframes orbit542 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-311deg) rotateY(113deg) translateX(350px) rotateZ(311deg);
  }
  80% {
    transform: rotateZ(-311deg) rotateY(113deg) translateX(350px) rotateZ(311deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-311deg) rotateY(113deg) translateX(525px) rotateZ(311deg);
  }
}
.dot:nth-child(543) {
  animation: orbit543 14s infinite;
  animation-delay: 5.43s;
  background-color: hsl(240.2, 100%, 100%);
}

@keyframes orbit543 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-342deg) rotateY(308deg) translateX(350px) rotateZ(342deg);
  }
  80% {
    transform: rotateZ(-342deg) rotateY(308deg) translateX(350px) rotateZ(342deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-342deg) rotateY(308deg) translateX(525px) rotateZ(342deg);
  }
}
.dot:nth-child(544) {
  animation: orbit544 14s infinite;
  animation-delay: 5.44s;
  background-color: hsl(240.2666666667, 100%, 100%);
}

@keyframes orbit544 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-180deg) rotateY(356deg) translateX(350px) rotateZ(180deg);
  }
  80% {
    transform: rotateZ(-180deg) rotateY(356deg) translateX(350px) rotateZ(180deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-180deg) rotateY(356deg) translateX(525px) rotateZ(180deg);
  }
}
.dot:nth-child(545) {
  animation: orbit545 14s infinite;
  animation-delay: 5.45s;
  background-color: hsl(240.3333333333, 100%, 100%);
}

@keyframes orbit545 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-80deg) rotateY(39deg) translateX(350px) rotateZ(80deg);
  }
  80% {
    transform: rotateZ(-80deg) rotateY(39deg) translateX(350px) rotateZ(80deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-80deg) rotateY(39deg) translateX(525px) rotateZ(80deg);
  }
}
.dot:nth-child(546) {
  animation: orbit546 14s infinite;
  animation-delay: 5.46s;
  background-color: hsl(240.4, 100%, 100%);
}

@keyframes orbit546 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-184deg) rotateY(54deg) translateX(350px) rotateZ(184deg);
  }
  80% {
    transform: rotateZ(-184deg) rotateY(54deg) translateX(350px) rotateZ(184deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-184deg) rotateY(54deg) translateX(525px) rotateZ(184deg);
  }
}
.dot:nth-child(547) {
  animation: orbit547 14s infinite;
  animation-delay: 5.47s;
  background-color: hsl(240.4666666667, 100%, 100%);
}

@keyframes orbit547 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-270deg) rotateY(156deg) translateX(350px) rotateZ(270deg);
  }
  80% {
    transform: rotateZ(-270deg) rotateY(156deg) translateX(350px) rotateZ(270deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-270deg) rotateY(156deg) translateX(525px) rotateZ(270deg);
  }
}
.dot:nth-child(548) {
  animation: orbit548 14s infinite;
  animation-delay: 5.48s;
  background-color: hsl(240.5333333333, 100%, 100%);
}

@keyframes orbit548 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-10deg) rotateY(56deg) translateX(350px) rotateZ(10deg);
  }
  80% {
    transform: rotateZ(-10deg) rotateY(56deg) translateX(350px) rotateZ(10deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-10deg) rotateY(56deg) translateX(525px) rotateZ(10deg);
  }
}
.dot:nth-child(549) {
  animation: orbit549 14s infinite;
  animation-delay: 5.49s;
  background-color: hsl(240.6, 100%, 100%);
}

@keyframes orbit549 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-14deg) rotateY(85deg) translateX(350px) rotateZ(14deg);
  }
  80% {
    transform: rotateZ(-14deg) rotateY(85deg) translateX(350px) rotateZ(14deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-14deg) rotateY(85deg) translateX(525px) rotateZ(14deg);
  }
}
.dot:nth-child(550) {
  animation: orbit550 14s infinite;
  animation-delay: 5.5s;
  background-color: hsl(240.6666666667, 100%, 100%);
}

@keyframes orbit550 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-25deg) rotateY(222deg) translateX(350px) rotateZ(25deg);
  }
  80% {
    transform: rotateZ(-25deg) rotateY(222deg) translateX(350px) rotateZ(25deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-25deg) rotateY(222deg) translateX(525px) rotateZ(25deg);
  }
}
.dot:nth-child(551) {
  animation: orbit551 14s infinite;
  animation-delay: 5.51s;
  background-color: hsl(240.7333333333, 100%, 100%);
}

@keyframes orbit551 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-77deg) rotateY(45deg) translateX(350px) rotateZ(77deg);
  }
  80% {
    transform: rotateZ(-77deg) rotateY(45deg) translateX(350px) rotateZ(77deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-77deg) rotateY(45deg) translateX(525px) rotateZ(77deg);
  }
}
.dot:nth-child(552) {
  animation: orbit552 14s infinite;
  animation-delay: 5.52s;
  background-color: hsl(240.8, 100%, 100%);
}

@keyframes orbit552 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-199deg) rotateY(99deg) translateX(350px) rotateZ(199deg);
  }
  80% {
    transform: rotateZ(-199deg) rotateY(99deg) translateX(350px) rotateZ(199deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-199deg) rotateY(99deg) translateX(525px) rotateZ(199deg);
  }
}
.dot:nth-child(553) {
  animation: orbit553 14s infinite;
  animation-delay: 5.53s;
  background-color: hsl(240.8666666667, 100%, 100%);
}

@keyframes orbit553 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-318deg) rotateY(315deg) translateX(350px) rotateZ(318deg);
  }
  80% {
    transform: rotateZ(-318deg) rotateY(315deg) translateX(350px) rotateZ(318deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-318deg) rotateY(315deg) translateX(525px) rotateZ(318deg);
  }
}
.dot:nth-child(554) {
  animation: orbit554 14s infinite;
  animation-delay: 5.54s;
  background-color: hsl(240.9333333333, 100%, 100%);
}

@keyframes orbit554 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-219deg) rotateY(206deg) translateX(350px) rotateZ(219deg);
  }
  80% {
    transform: rotateZ(-219deg) rotateY(206deg) translateX(350px) rotateZ(219deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-219deg) rotateY(206deg) translateX(525px) rotateZ(219deg);
  }
}
.dot:nth-child(555) {
  animation: orbit555 14s infinite;
  animation-delay: 5.55s;
  background-color: hsl(241, 100%, 100%);
}

@keyframes orbit555 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-191deg) rotateY(240deg) translateX(350px) rotateZ(191deg);
  }
  80% {
    transform: rotateZ(-191deg) rotateY(240deg) translateX(350px) rotateZ(191deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-191deg) rotateY(240deg) translateX(525px) rotateZ(191deg);
  }
}
.dot:nth-child(556) {
  animation: orbit556 14s infinite;
  animation-delay: 5.56s;
  background-color: hsl(241.0666666667, 100%, 100%);
}

@keyframes orbit556 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-155deg) rotateY(356deg) translateX(350px) rotateZ(155deg);
  }
  80% {
    transform: rotateZ(-155deg) rotateY(356deg) translateX(350px) rotateZ(155deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-155deg) rotateY(356deg) translateX(525px) rotateZ(155deg);
  }
}
.dot:nth-child(557) {
  animation: orbit557 14s infinite;
  animation-delay: 5.57s;
  background-color: hsl(241.1333333333, 100%, 100%);
}

@keyframes orbit557 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-280deg) rotateY(283deg) translateX(350px) rotateZ(280deg);
  }
  80% {
    transform: rotateZ(-280deg) rotateY(283deg) translateX(350px) rotateZ(280deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-280deg) rotateY(283deg) translateX(525px) rotateZ(280deg);
  }
}
.dot:nth-child(558) {
  animation: orbit558 14s infinite;
  animation-delay: 5.58s;
  background-color: hsl(241.2, 100%, 100%);
}

@keyframes orbit558 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-113deg) rotateY(203deg) translateX(350px) rotateZ(113deg);
  }
  80% {
    transform: rotateZ(-113deg) rotateY(203deg) translateX(350px) rotateZ(113deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-113deg) rotateY(203deg) translateX(525px) rotateZ(113deg);
  }
}
.dot:nth-child(559) {
  animation: orbit559 14s infinite;
  animation-delay: 5.59s;
  background-color: hsl(241.2666666667, 100%, 100%);
}

@keyframes orbit559 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-41deg) rotateY(187deg) translateX(350px) rotateZ(41deg);
  }
  80% {
    transform: rotateZ(-41deg) rotateY(187deg) translateX(350px) rotateZ(41deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-41deg) rotateY(187deg) translateX(525px) rotateZ(41deg);
  }
}
.dot:nth-child(560) {
  animation: orbit560 14s infinite;
  animation-delay: 5.6s;
  background-color: hsl(241.3333333333, 100%, 100%);
}

@keyframes orbit560 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-87deg) rotateY(155deg) translateX(350px) rotateZ(87deg);
  }
  80% {
    transform: rotateZ(-87deg) rotateY(155deg) translateX(350px) rotateZ(87deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-87deg) rotateY(155deg) translateX(525px) rotateZ(87deg);
  }
}
.dot:nth-child(561) {
  animation: orbit561 14s infinite;
  animation-delay: 5.61s;
  background-color: hsl(241.4, 100%, 100%);
}

@keyframes orbit561 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-251deg) rotateY(206deg) translateX(350px) rotateZ(251deg);
  }
  80% {
    transform: rotateZ(-251deg) rotateY(206deg) translateX(350px) rotateZ(251deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-251deg) rotateY(206deg) translateX(525px) rotateZ(251deg);
  }
}
.dot:nth-child(562) {
  animation: orbit562 14s infinite;
  animation-delay: 5.62s;
  background-color: hsl(241.4666666667, 100%, 100%);
}

@keyframes orbit562 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-257deg) rotateY(334deg) translateX(350px) rotateZ(257deg);
  }
  80% {
    transform: rotateZ(-257deg) rotateY(334deg) translateX(350px) rotateZ(257deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-257deg) rotateY(334deg) translateX(525px) rotateZ(257deg);
  }
}
.dot:nth-child(563) {
  animation: orbit563 14s infinite;
  animation-delay: 5.63s;
  background-color: hsl(241.5333333333, 100%, 100%);
}

@keyframes orbit563 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-195deg) rotateY(276deg) translateX(350px) rotateZ(195deg);
  }
  80% {
    transform: rotateZ(-195deg) rotateY(276deg) translateX(350px) rotateZ(195deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-195deg) rotateY(276deg) translateX(525px) rotateZ(195deg);
  }
}
.dot:nth-child(564) {
  animation: orbit564 14s infinite;
  animation-delay: 5.64s;
  background-color: hsl(241.6, 100%, 100%);
}

@keyframes orbit564 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-353deg) rotateY(144deg) translateX(350px) rotateZ(353deg);
  }
  80% {
    transform: rotateZ(-353deg) rotateY(144deg) translateX(350px) rotateZ(353deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-353deg) rotateY(144deg) translateX(525px) rotateZ(353deg);
  }
}
.dot:nth-child(565) {
  animation: orbit565 14s infinite;
  animation-delay: 5.65s;
  background-color: hsl(241.6666666667, 100%, 100%);
}

@keyframes orbit565 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-128deg) rotateY(50deg) translateX(350px) rotateZ(128deg);
  }
  80% {
    transform: rotateZ(-128deg) rotateY(50deg) translateX(350px) rotateZ(128deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-128deg) rotateY(50deg) translateX(525px) rotateZ(128deg);
  }
}
.dot:nth-child(566) {
  animation: orbit566 14s infinite;
  animation-delay: 5.66s;
  background-color: hsl(241.7333333333, 100%, 100%);
}

@keyframes orbit566 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-103deg) rotateY(323deg) translateX(350px) rotateZ(103deg);
  }
  80% {
    transform: rotateZ(-103deg) rotateY(323deg) translateX(350px) rotateZ(103deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-103deg) rotateY(323deg) translateX(525px) rotateZ(103deg);
  }
}
.dot:nth-child(567) {
  animation: orbit567 14s infinite;
  animation-delay: 5.67s;
  background-color: hsl(241.8, 100%, 100%);
}

@keyframes orbit567 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-216deg) rotateY(347deg) translateX(350px) rotateZ(216deg);
  }
  80% {
    transform: rotateZ(-216deg) rotateY(347deg) translateX(350px) rotateZ(216deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-216deg) rotateY(347deg) translateX(525px) rotateZ(216deg);
  }
}
.dot:nth-child(568) {
  animation: orbit568 14s infinite;
  animation-delay: 5.68s;
  background-color: hsl(241.8666666667, 100%, 100%);
}

@keyframes orbit568 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-270deg) rotateY(336deg) translateX(350px) rotateZ(270deg);
  }
  80% {
    transform: rotateZ(-270deg) rotateY(336deg) translateX(350px) rotateZ(270deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-270deg) rotateY(336deg) translateX(525px) rotateZ(270deg);
  }
}
.dot:nth-child(569) {
  animation: orbit569 14s infinite;
  animation-delay: 5.69s;
  background-color: hsl(241.9333333333, 100%, 100%);
}

@keyframes orbit569 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-146deg) rotateY(278deg) translateX(350px) rotateZ(146deg);
  }
  80% {
    transform: rotateZ(-146deg) rotateY(278deg) translateX(350px) rotateZ(146deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-146deg) rotateY(278deg) translateX(525px) rotateZ(146deg);
  }
}
.dot:nth-child(570) {
  animation: orbit570 14s infinite;
  animation-delay: 5.7s;
  background-color: hsl(242, 100%, 100%);
}

@keyframes orbit570 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-255deg) rotateY(214deg) translateX(350px) rotateZ(255deg);
  }
  80% {
    transform: rotateZ(-255deg) rotateY(214deg) translateX(350px) rotateZ(255deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-255deg) rotateY(214deg) translateX(525px) rotateZ(255deg);
  }
}
.dot:nth-child(571) {
  animation: orbit571 14s infinite;
  animation-delay: 5.71s;
  background-color: hsl(242.0666666667, 100%, 100%);
}

@keyframes orbit571 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-49deg) rotateY(102deg) translateX(350px) rotateZ(49deg);
  }
  80% {
    transform: rotateZ(-49deg) rotateY(102deg) translateX(350px) rotateZ(49deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-49deg) rotateY(102deg) translateX(525px) rotateZ(49deg);
  }
}
.dot:nth-child(572) {
  animation: orbit572 14s infinite;
  animation-delay: 5.72s;
  background-color: hsl(242.1333333333, 100%, 100%);
}

@keyframes orbit572 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-77deg) rotateY(349deg) translateX(350px) rotateZ(77deg);
  }
  80% {
    transform: rotateZ(-77deg) rotateY(349deg) translateX(350px) rotateZ(77deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-77deg) rotateY(349deg) translateX(525px) rotateZ(77deg);
  }
}
.dot:nth-child(573) {
  animation: orbit573 14s infinite;
  animation-delay: 5.73s;
  background-color: hsl(242.2, 100%, 100%);
}

@keyframes orbit573 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-317deg) rotateY(255deg) translateX(350px) rotateZ(317deg);
  }
  80% {
    transform: rotateZ(-317deg) rotateY(255deg) translateX(350px) rotateZ(317deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-317deg) rotateY(255deg) translateX(525px) rotateZ(317deg);
  }
}
.dot:nth-child(574) {
  animation: orbit574 14s infinite;
  animation-delay: 5.74s;
  background-color: hsl(242.2666666667, 100%, 100%);
}

@keyframes orbit574 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-307deg) rotateY(91deg) translateX(350px) rotateZ(307deg);
  }
  80% {
    transform: rotateZ(-307deg) rotateY(91deg) translateX(350px) rotateZ(307deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-307deg) rotateY(91deg) translateX(525px) rotateZ(307deg);
  }
}
.dot:nth-child(575) {
  animation: orbit575 14s infinite;
  animation-delay: 5.75s;
  background-color: hsl(242.3333333333, 100%, 100%);
}

@keyframes orbit575 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-205deg) rotateY(345deg) translateX(350px) rotateZ(205deg);
  }
  80% {
    transform: rotateZ(-205deg) rotateY(345deg) translateX(350px) rotateZ(205deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-205deg) rotateY(345deg) translateX(525px) rotateZ(205deg);
  }
}
.dot:nth-child(576) {
  animation: orbit576 14s infinite;
  animation-delay: 5.76s;
  background-color: hsl(242.4, 100%, 100%);
}

@keyframes orbit576 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-345deg) rotateY(270deg) translateX(350px) rotateZ(345deg);
  }
  80% {
    transform: rotateZ(-345deg) rotateY(270deg) translateX(350px) rotateZ(345deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-345deg) rotateY(270deg) translateX(525px) rotateZ(345deg);
  }
}
.dot:nth-child(577) {
  animation: orbit577 14s infinite;
  animation-delay: 5.77s;
  background-color: hsl(242.4666666667, 100%, 100%);
}

@keyframes orbit577 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-163deg) rotateY(273deg) translateX(350px) rotateZ(163deg);
  }
  80% {
    transform: rotateZ(-163deg) rotateY(273deg) translateX(350px) rotateZ(163deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-163deg) rotateY(273deg) translateX(525px) rotateZ(163deg);
  }
}
.dot:nth-child(578) {
  animation: orbit578 14s infinite;
  animation-delay: 5.78s;
  background-color: hsl(242.5333333333, 100%, 100%);
}

@keyframes orbit578 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-13deg) rotateY(42deg) translateX(350px) rotateZ(13deg);
  }
  80% {
    transform: rotateZ(-13deg) rotateY(42deg) translateX(350px) rotateZ(13deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-13deg) rotateY(42deg) translateX(525px) rotateZ(13deg);
  }
}
.dot:nth-child(579) {
  animation: orbit579 14s infinite;
  animation-delay: 5.79s;
  background-color: hsl(242.6, 100%, 100%);
}

@keyframes orbit579 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-334deg) rotateY(205deg) translateX(350px) rotateZ(334deg);
  }
  80% {
    transform: rotateZ(-334deg) rotateY(205deg) translateX(350px) rotateZ(334deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-334deg) rotateY(205deg) translateX(525px) rotateZ(334deg);
  }
}
.dot:nth-child(580) {
  animation: orbit580 14s infinite;
  animation-delay: 5.8s;
  background-color: hsl(242.6666666667, 100%, 100%);
}

@keyframes orbit580 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-250deg) rotateY(262deg) translateX(350px) rotateZ(250deg);
  }
  80% {
    transform: rotateZ(-250deg) rotateY(262deg) translateX(350px) rotateZ(250deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-250deg) rotateY(262deg) translateX(525px) rotateZ(250deg);
  }
}
.dot:nth-child(581) {
  animation: orbit581 14s infinite;
  animation-delay: 5.81s;
  background-color: hsl(242.7333333333, 100%, 100%);
}

@keyframes orbit581 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-1deg) rotateY(354deg) translateX(350px) rotateZ(1deg);
  }
  80% {
    transform: rotateZ(-1deg) rotateY(354deg) translateX(350px) rotateZ(1deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-1deg) rotateY(354deg) translateX(525px) rotateZ(1deg);
  }
}
.dot:nth-child(582) {
  animation: orbit582 14s infinite;
  animation-delay: 5.82s;
  background-color: hsl(242.8, 100%, 100%);
}

@keyframes orbit582 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-267deg) rotateY(297deg) translateX(350px) rotateZ(267deg);
  }
  80% {
    transform: rotateZ(-267deg) rotateY(297deg) translateX(350px) rotateZ(267deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-267deg) rotateY(297deg) translateX(525px) rotateZ(267deg);
  }
}
.dot:nth-child(583) {
  animation: orbit583 14s infinite;
  animation-delay: 5.83s;
  background-color: hsl(242.8666666667, 100%, 100%);
}

@keyframes orbit583 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-352deg) rotateY(220deg) translateX(350px) rotateZ(352deg);
  }
  80% {
    transform: rotateZ(-352deg) rotateY(220deg) translateX(350px) rotateZ(352deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-352deg) rotateY(220deg) translateX(525px) rotateZ(352deg);
  }
}
.dot:nth-child(584) {
  animation: orbit584 14s infinite;
  animation-delay: 5.84s;
  background-color: hsl(242.9333333333, 100%, 100%);
}

@keyframes orbit584 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-132deg) rotateY(317deg) translateX(350px) rotateZ(132deg);
  }
  80% {
    transform: rotateZ(-132deg) rotateY(317deg) translateX(350px) rotateZ(132deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-132deg) rotateY(317deg) translateX(525px) rotateZ(132deg);
  }
}
.dot:nth-child(585) {
  animation: orbit585 14s infinite;
  animation-delay: 5.85s;
  background-color: hsl(243, 100%, 100%);
}

@keyframes orbit585 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-163deg) rotateY(4deg) translateX(350px) rotateZ(163deg);
  }
  80% {
    transform: rotateZ(-163deg) rotateY(4deg) translateX(350px) rotateZ(163deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-163deg) rotateY(4deg) translateX(525px) rotateZ(163deg);
  }
}
.dot:nth-child(586) {
  animation: orbit586 14s infinite;
  animation-delay: 5.86s;
  background-color: hsl(243.0666666667, 100%, 100%);
}

@keyframes orbit586 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-72deg) rotateY(321deg) translateX(350px) rotateZ(72deg);
  }
  80% {
    transform: rotateZ(-72deg) rotateY(321deg) translateX(350px) rotateZ(72deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-72deg) rotateY(321deg) translateX(525px) rotateZ(72deg);
  }
}
.dot:nth-child(587) {
  animation: orbit587 14s infinite;
  animation-delay: 5.87s;
  background-color: hsl(243.1333333333, 100%, 100%);
}

@keyframes orbit587 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-149deg) rotateY(359deg) translateX(350px) rotateZ(149deg);
  }
  80% {
    transform: rotateZ(-149deg) rotateY(359deg) translateX(350px) rotateZ(149deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-149deg) rotateY(359deg) translateX(525px) rotateZ(149deg);
  }
}
.dot:nth-child(588) {
  animation: orbit588 14s infinite;
  animation-delay: 5.88s;
  background-color: hsl(243.2, 100%, 100%);
}

@keyframes orbit588 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-189deg) rotateY(102deg) translateX(350px) rotateZ(189deg);
  }
  80% {
    transform: rotateZ(-189deg) rotateY(102deg) translateX(350px) rotateZ(189deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-189deg) rotateY(102deg) translateX(525px) rotateZ(189deg);
  }
}
.dot:nth-child(589) {
  animation: orbit589 14s infinite;
  animation-delay: 5.89s;
  background-color: hsl(243.2666666667, 100%, 100%);
}

@keyframes orbit589 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-254deg) rotateY(50deg) translateX(350px) rotateZ(254deg);
  }
  80% {
    transform: rotateZ(-254deg) rotateY(50deg) translateX(350px) rotateZ(254deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-254deg) rotateY(50deg) translateX(525px) rotateZ(254deg);
  }
}
.dot:nth-child(590) {
  animation: orbit590 14s infinite;
  animation-delay: 5.9s;
  background-color: hsl(243.3333333333, 100%, 100%);
}

@keyframes orbit590 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-208deg) rotateY(121deg) translateX(350px) rotateZ(208deg);
  }
  80% {
    transform: rotateZ(-208deg) rotateY(121deg) translateX(350px) rotateZ(208deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-208deg) rotateY(121deg) translateX(525px) rotateZ(208deg);
  }
}
.dot:nth-child(591) {
  animation: orbit591 14s infinite;
  animation-delay: 5.91s;
  background-color: hsl(243.4, 100%, 100%);
}

@keyframes orbit591 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-124deg) rotateY(18deg) translateX(350px) rotateZ(124deg);
  }
  80% {
    transform: rotateZ(-124deg) rotateY(18deg) translateX(350px) rotateZ(124deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-124deg) rotateY(18deg) translateX(525px) rotateZ(124deg);
  }
}
.dot:nth-child(592) {
  animation: orbit592 14s infinite;
  animation-delay: 5.92s;
  background-color: hsl(243.4666666667, 100%, 100%);
}

@keyframes orbit592 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-26deg) rotateY(201deg) translateX(350px) rotateZ(26deg);
  }
  80% {
    transform: rotateZ(-26deg) rotateY(201deg) translateX(350px) rotateZ(26deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-26deg) rotateY(201deg) translateX(525px) rotateZ(26deg);
  }
}
.dot:nth-child(593) {
  animation: orbit593 14s infinite;
  animation-delay: 5.93s;
  background-color: hsl(243.5333333333, 100%, 100%);
}

@keyframes orbit593 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-175deg) rotateY(75deg) translateX(350px) rotateZ(175deg);
  }
  80% {
    transform: rotateZ(-175deg) rotateY(75deg) translateX(350px) rotateZ(175deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-175deg) rotateY(75deg) translateX(525px) rotateZ(175deg);
  }
}
.dot:nth-child(594) {
  animation: orbit594 14s infinite;
  animation-delay: 5.94s;
  background-color: hsl(243.6, 100%, 100%);
}

@keyframes orbit594 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-84deg) rotateY(118deg) translateX(350px) rotateZ(84deg);
  }
  80% {
    transform: rotateZ(-84deg) rotateY(118deg) translateX(350px) rotateZ(84deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-84deg) rotateY(118deg) translateX(525px) rotateZ(84deg);
  }
}
.dot:nth-child(595) {
  animation: orbit595 14s infinite;
  animation-delay: 5.95s;
  background-color: hsl(243.6666666667, 100%, 100%);
}

@keyframes orbit595 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-104deg) rotateY(79deg) translateX(350px) rotateZ(104deg);
  }
  80% {
    transform: rotateZ(-104deg) rotateY(79deg) translateX(350px) rotateZ(104deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-104deg) rotateY(79deg) translateX(525px) rotateZ(104deg);
  }
}
.dot:nth-child(596) {
  animation: orbit596 14s infinite;
  animation-delay: 5.96s;
  background-color: hsl(243.7333333333, 100%, 100%);
}

@keyframes orbit596 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-261deg) rotateY(333deg) translateX(350px) rotateZ(261deg);
  }
  80% {
    transform: rotateZ(-261deg) rotateY(333deg) translateX(350px) rotateZ(261deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-261deg) rotateY(333deg) translateX(525px) rotateZ(261deg);
  }
}
.dot:nth-child(597) {
  animation: orbit597 14s infinite;
  animation-delay: 5.97s;
  background-color: hsl(243.8, 100%, 100%);
}

@keyframes orbit597 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-94deg) rotateY(358deg) translateX(350px) rotateZ(94deg);
  }
  80% {
    transform: rotateZ(-94deg) rotateY(358deg) translateX(350px) rotateZ(94deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-94deg) rotateY(358deg) translateX(525px) rotateZ(94deg);
  }
}
.dot:nth-child(598) {
  animation: orbit598 14s infinite;
  animation-delay: 5.98s;
  background-color: hsl(243.8666666667, 100%, 100%);
}

@keyframes orbit598 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-54deg) rotateY(168deg) translateX(350px) rotateZ(54deg);
  }
  80% {
    transform: rotateZ(-54deg) rotateY(168deg) translateX(350px) rotateZ(54deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-54deg) rotateY(168deg) translateX(525px) rotateZ(54deg);
  }
}
.dot:nth-child(599) {
  animation: orbit599 14s infinite;
  animation-delay: 5.99s;
  background-color: hsl(243.9333333333, 100%, 100%);
}

@keyframes orbit599 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-69deg) rotateY(309deg) translateX(350px) rotateZ(69deg);
  }
  80% {
    transform: rotateZ(-69deg) rotateY(309deg) translateX(350px) rotateZ(69deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-69deg) rotateY(309deg) translateX(525px) rotateZ(69deg);
  }
}
.dot:nth-child(600) {
  animation: orbit600 14s infinite;
  animation-delay: 6s;
  background-color: hsl(244, 100%, 100%);
}

@keyframes orbit600 {
  20% {
    opacity: 1;
  }
  30% {
    transform: rotateZ(-218deg) rotateY(75deg) translateX(350px) rotateZ(218deg);
  }
  80% {
    transform: rotateZ(-218deg) rotateY(75deg) translateX(350px) rotateZ(218deg);
    opacity: 1;
  }
  100% {
    transform: rotateZ(-218deg) rotateY(75deg) translateX(525px) rotateZ(218deg);
  }
}
/* iFrame Smart Factory */
.iframe-box.smartfactory-homepage {
  background: #f0f0f0;
  margin-bottom: -7.2rem;
}
.iframe-box.iframe-box-margin1 {
  padding: 0 12.5%;
}
.iframe-box .ratio-vh100 {
  height: calc(100vh - 75px);
}
@media (min-width: 768px) {
  .iframe-box .ratio-vh100 {
    height: calc(100vh - 95px);
  }
}
@media (min-width: 1200px) {
  .iframe-box .ratio-vh100 {
    height: calc(100vh - 109px);
  }
}
@media (min-width: 1400px) {
  .iframe-box .ratio-vh100 {
    height: calc(100vh - 112px);
  }
}

/* Safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    table.dataTable thead,
    table.dataTable tbody.table-content {
      background: #fff;
    }
    table.dataTable tfoot.productfilter,
    table.dataTable tbody.productfilter {
      background: #E6E6E6;
    }
    table.dataTable tbody.table-content tr:hover {
      background: #0068B2;
    }
  }
}
.wrapper-table {
  position: relative;
  z-index: 10;
}
.wrapper-table:before {
  content: "";
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  border-radius: 12px;
  box-shadow: 0px 3px 45px 10px rgba(0, 0, 0, 0.12);
  height: 153px;
}

.table-wrapper {
  max-height: 600px;
  overflow-y: scroll;
  overflow-x: hidden;
  border-radius: 12px;
}
@media (max-width: 991px) {
  .table-wrapper {
    overflow-x: scroll;
  }
}

table.dataTable {
  width: 100% !important;
  border-radius: 12px;
  position: relative;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
table.dataTable .toggle-filter {
  cursor: pointer;
  padding: 5px;
  padding-left: 40px;
  display: inline-block;
  position: relative;
}
table.dataTable .toggle-filter::before {
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e901";
  display: block;
  color: #0068B2;
  position: absolute;
  left: 0;
  font-size: 27px;
}
table.dataTable thead,
table.dataTable tbody.table-content {
  border-radius: 12px;
  /*
  	set shadow & background color 
   */
  box-shadow: 1000vw 0 0 #fff inset;
  -webkit-background: #fff;
  background: #fff;
  position: relative;
  z-index: 10;
}
table.dataTable thead {
  position: sticky;
  top: 0;
}
table.dataTable tbody.productfilter {
  position: sticky;
}
table.dataTable thead {
  z-index: 100;
}
table.dataTable thead th,
table.dataTable tbody.table-content td {
  padding: 20px 20px;
  border: 0;
  border-right: 1px solid #9d9d9c;
  border-bottom: 1px solid #9d9d9c;
}
table.dataTable thead th:last-child,
table.dataTable tbody.table-content td:last-child {
  border-right: none;
}
table.dataTable thead th {
  max-height: 65px;
}
table.dataTable thead tr:first-child th {
  vertical-align: middle;
  border-right: none;
}
table.dataTable thead tr:last-child th,
table.dataTable thead tr:last-child td,
table.dataTable tbody.table-content tr:last-child th,
table.dataTable tbody.table-content tr:last-child td {
  border-bottom: none;
}
table.dataTable tbody.table-content td:not(:first-child) {
  border-right: none;
}
table.dataTable thead tr:first-of-type th {
  font-size: 30px;
  font-weight: bold;
  padding-top: 23px;
}
table.dataTable thead tr:first-of-type th:last-of-type {
  text-align: right;
  font-size: 20px;
}
table.dataTable thead tr th.sorting::before, table.dataTable thead tr th.sorting::after {
  content: "";
  display: block;
  border-left: 1px solid #0068B2;
  border-bottom: 1px solid #0068B2;
  width: 7px;
  height: 7px;
}
table.dataTable thead tr th.sorting::before {
  transform: rotateZ(-45deg);
  bottom: 25px;
  right: 20px;
}
table.dataTable thead tr th.sorting::after {
  transform: rotateZ(135deg);
  bottom: 35px;
  right: 20px;
}
table.dataTable thead tr th.sorting::before, table.dataTable thead tr th.sorting::after {
  opacity: 1;
}
table.dataTable thead tr th.sorting.sorting_desc::before {
  opacity: 0;
}
table.dataTable thead tr th.sorting.sorting_asc::after {
  opacity: 0;
}
table.dataTable tbody tr td {
  font-size: 16px;
  font-weight: bold;
}
table.dataTable tbody tr td:first-of-type {
  color: #0068B2;
  font-size: 20px;
  font-weight: bold;
}
table.dataTable tbody.table-content tr {
  cursor: pointer;
}
table.dataTable tbody.table-content tr td:first-of-type a {
  transition: none;
}
table.dataTable tbody.table-content tr:first-of-type:hover {
  border-radius: 12px 12px 0 0;
}
table.dataTable tbody.table-content tr:last-of-type:hover {
  border-radius: 0 0 12px 12px;
}
table.dataTable tbody.table-content tr:hover {
  box-shadow: 1000vw 0 0 #0068B2 inset;
  -webkit-background: #0068B2;
  background: #0068B2;
  color: #fff;
}
table.dataTable tbody.table-content tr:hover td:first-of-type {
  color: #fff;
}
table.dataTable tbody.table-content tr:hover td:first-of-type a {
  color: #fff;
  transition: none;
}
table.dataTable tbody.table-content tr:hover td:first-of-type a::after {
  content: "";
  display: inline-block;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  width: 12px;
  height: 12px;
  margin-left: 10px;
  transform: rotate(-135deg);
}
table.dataTable tfoot.space,
table.dataTable tbody.space {
  display: table;
  height: 10px;
}
table.dataTable tfoot.productfilter,
table.dataTable tbody.productfilter {
  position: sticky;
  z-index: 50;
  top: 135px;
  border-radius: 12px;
  /* set background color */
  box-shadow: 1000vw 0 0 #E6E6E6 inset;
  -webkit-background: #E6E6E6;
  background: #E6E6E6;
  vertical-align: top;
  transform: translateY(-10px);
}
table.dataTable tfoot.productfilter td > div,
table.dataTable tbody.productfilter td > div {
  padding: 0px 20px 0px;
  max-height: 0;
  transition: max-height 0.2s ease-out, padding 0.25s ease-out;
  overflow: hidden;
  font-weight: normal;
  font-size: 13px;
}
table.dataTable tfoot.productfilter td > div.show,
table.dataTable tbody.productfilter td > div.show {
  padding: 50px 20px 20px;
  transition: max-height 0.25s ease-in, padding 0.2s ease-in;
  max-height: 300px;
  overflow: visible;
}
@media (min-width: 992px) {
  table.dataTable tfoot.productfilter td > div .form-check-label,
  table.dataTable tbody.productfilter td > div .form-check-label {
    white-space: nowrap;
  }
}
table.dataTable tfoot.productfilter .slider.slider-horizontal,
table.dataTable tbody.productfilter .slider.slider-horizontal {
  margin-top: 30px;
  width: 100%;
}
table.dataTable tfoot.productfilter .slider.slider-horizontal .slider-tick-label-container,
table.dataTable tbody.productfilter .slider.slider-horizontal .slider-tick-label-container {
  margin-top: -30px;
  margin-left: -10px;
  margin-right: -10px;
}
table.dataTable tfoot.productfilter .slider.slider-horizontal .slider-tick-label-container .slider-tick-label,
table.dataTable tbody.productfilter .slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
  width: auto !important;
}
table.dataTable tfoot.productfilter .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:first-child,
table.dataTable tbody.productfilter .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:first-child {
  float: left;
}
table.dataTable tfoot.productfilter .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-child,
table.dataTable tbody.productfilter .slider.slider-horizontal .slider-tick-label-container .slider-tick-label:last-child {
  float: right;
}
table.dataTable tfoot.productfilter .slider.slider-horizontal .slider-handle,
table.dataTable tbody.productfilter .slider.slider-horizontal .slider-handle {
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
}
table.dataTable tfoot.productfilter .slider.slider-horizontal .slider-selection,
table.dataTable tbody.productfilter .slider.slider-horizontal .slider-selection {
  background: #0068B2;
  box-shadow: none;
}
table.dataTable tfoot.productfilter .slider.slider-horizontal .slider-track,
table.dataTable tfoot.productfilter .slider.slider-horizontal .slider-track-low,
table.dataTable tfoot.productfilter .slider.slider-horizontal .slider-track-high,
table.dataTable tbody.productfilter .slider.slider-horizontal .slider-track,
table.dataTable tbody.productfilter .slider.slider-horizontal .slider-track-low,
table.dataTable tbody.productfilter .slider.slider-horizontal .slider-track-high {
  background: #fff;
  box-shadow: none;
  border-radius: 20px;
}
table.dataTable tfoot.productfilter .slider.slider-horizontal .tooltip .tooltip-inner,
table.dataTable tbody.productfilter .slider.slider-horizontal .tooltip .tooltip-inner {
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 600;
  background: #fff;
  color: #000;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
  font-size: 12px;
}
table.dataTable tfoot.productfilter .slider.slider-horizontal .tooltip .arrow,
table.dataTable tbody.productfilter .slider.slider-horizontal .tooltip .arrow {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 4px 5px 4px;
  border-color: transparent transparent #fff;
  margin-left: -4px;
}

#product-detail {
  /* Related products */
}
#product-detail .related-products {
  position: relative;
  z-index: 1;
}
#product-detail .related-products a,
#product-detail .related-products span {
  position: relative;
  display: inline-block;
  padding: 5px 20px 0 15px;
  box-shadow: 3px 0 5px rgba(0, 0, 0, 0.1);
}
@media (min-width: 576px) {
  #product-detail .related-products a,
  #product-detail .related-products span {
    padding: 10px 55px 5px 35px;
  }
}
#product-detail .related-products a {
  background: #f2f2f2;
  color: #9d9d9c;
  border-radius: 0 12px 0 0;
  margin-left: -12px;
  padding: 5px 20px 0 27px;
  z-index: 9;
}
@media (min-width: 576px) {
  #product-detail .related-products a {
    padding: 10px 55px 5px 47px;
  }
}
#product-detail .related-products a.item2 {
  z-index: 8;
}
#product-detail .related-products a.item3 {
  z-index: 7;
}
#product-detail .related-products a.item4 {
  z-index: 6;
}
#product-detail .related-products a.item5 {
  z-index: 5;
}
#product-detail .related-products span {
  background: #0068B2;
  color: #fff;
  border-radius: 12px 12px 0 0;
  z-index: 10;
}
@media (min-width: 1200px) {
  #product-detail .related-products span {
    margin-left: -35px;
  }
}
#product-detail .related-product-padding {
  position: relative;
  z-index: 2;
  background: #fff;
  box-shadow: 0px -10px 16px -17px rgba(0, 0, 0, 0.3);
  padding-top: 2.4rem;
}
@media (min-width: 768px) {
  #product-detail .related-product-padding {
    padding-top: 3.6rem;
  }
}
@media (min-width: 992px) {
  #product-detail .related-product-padding {
    padding-top: 7.2rem;
  }
}
@media (min-width: 1200px) {
  #product-detail .related-product-padding {
    padding-top: 7.2rem;
  }
}
#product-detail h1 .subheader {
  display: block;
  margin-top: 0.5rem;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  #product-detail h1 .subheader {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  #product-detail h1 .subheader {
    font-size: 20px;
    font-size: 2rem;
  }
}
#product-detail {
  /* Image slider */
}
#product-detail .product-slider-large {
  margin: 1rem 0;
}
@media (max-width: 991px) {
  #product-detail .product-slider-large {
    margin: 2.4rem 0;
  }
}
#product-detail .product-slider-small .product-slide-small {
  padding: 30px 15px 0;
}
#product-detail .product-slider-small .product-image-small {
  margin-top: 30px;
  max-width: calc(50% - 15px);
  float: left;
}
#product-detail .product-slider-small .product-image-small:first-of-type {
  margin-right: 15px;
}
#product-detail .product-slider-small .product-image-small:last-of-type {
  margin-left: 15px;
}
#product-detail .product-slider-small img {
  border: 2px solid transparent;
}
#product-detail .product-slider-small .slick-current img {
  border: 2px solid #0068B2;
}
#product-detail .product-slider-small .slick-dots {
  margin-top: 1rem;
}
#product-detail .detail-advantages h2 {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  #product-detail .detail-advantages h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
#product-detail .detail-advantages h2 {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding: 1.2rem 0;
  margin: 1.2rem 0;
}
@media (min-width: 768px) {
  #product-detail .detail-advantages h2 {
    margin: 2.4rem 0;
  }
}
@media (min-width: 1200px) {
  #product-detail .detail-advantages h2 {
    margin: 3.6rem 0 2.4rem;
  }
}
#product-detail {
  /* Tabs */
}
#product-detail .details-header {
  cursor: pointer;
}
#product-detail .details-header h3 {
  position: relative;
  text-align: center;
  padding: 1.5rem 0;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 0;
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 1200px) {
  #product-detail .details-header h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
#product-detail .details-header h3 span {
  position: relative;
  font-size: 30px;
}
@media (min-width: 1200px) {
  #product-detail .details-header h3 span {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
#product-detail .details-header h3 span {
  top: 6px;
  color: #0068B2;
}
#product-detail .details-header.active h3 {
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 600;
}
#product-detail .details-header.active h3:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -3px;
  width: 100%;
  height: 5px;
  border-radius: 5px;
  background-color: #0068B2;
}
#product-detail #details-wrapper {
  position: relative;
  padding-top: 3.6rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 3.6rem;
}
#product-detail #details-wrapper .details-content {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
}
@media (min-width: 768px) {
  #product-detail #details-wrapper .details-content {
    width: 50%;
  }
}
#product-detail #details-wrapper .details-content.active {
  position: relative;
  display: block;
}
#product-detail #details-wrapper .details-content table {
  border-color: #e4e4e4;
  vertical-align: top;
  margin-bottom: 1rem;
  width: 100%;
}
#product-detail #details-wrapper .details-content table tbody,
#product-detail #details-wrapper .details-content table td,
#product-detail #details-wrapper .details-content table tfoot,
#product-detail #details-wrapper .details-content table th,
#product-detail #details-wrapper .details-content table thead,
#product-detail #details-wrapper .details-content table tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
#product-detail #details-wrapper .details-content table > :not(caption) > * > * {
  padding: 0.5rem 0;
  border-bottom-width: 1px;
}
#product-detail #details-wrapper .details-content table td {
  padding-right: 2rem;
}
@media (max-width: 575px) {
  #product-detail #details-wrapper .details-content table td:first-of-type {
    width: 70%;
  }
}
@media (min-width: 576px) {
  #product-detail #details-wrapper .details-content table td:first-of-type {
    width: 70%;
  }
}
@media (min-width: 768px) {
  #product-detail #details-wrapper .details-content table td {
    width: 50%;
  }
}
@media (max-width: 767px) {
  #product-detail .detail-buttons .same-categeory-products {
    margin-top: 2.4rem;
  }
}
#product-detail .detail-buttons .same-categeory-products .dropdown-menu {
  max-height: 400px;
}

/* ###################
#### Slick slider ####
################### */
/* Slick slider default css -- START */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  min-height: 1px;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slick slider default css -- END */
.arrow-prev,
.arrow-next {
  color: #0068B2;
  cursor: pointer;
  transition: ease-in-out 0.2s;
  border-radius: 100%;
  border: 1px solid #0068B2;
  font-size: 30px;
  font-size: 3rem;
}
@media (min-width: 768px) {
  .arrow-prev,
  .arrow-next {
    font-size: 39px;
    font-size: 3.9rem;
  }
}
@media (min-width: 992px) {
  .arrow-prev,
  .arrow-next {
    font-size: 48px;
    font-size: 4.8rem;
  }
}
.arrow-prev:hover, .arrow-prev:active, .arrow-prev:focus,
.arrow-next:hover,
.arrow-next:active,
.arrow-next:focus {
  background: #0068B2;
  color: #fff;
  border-color: #0068B2;
  transition: ease-in-out 0.2s;
}

.slick-dots {
  list-style: none;
  display: none;
  width: auto;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  padding: 0;
}
.slick-dots[style] {
  display: inline-block;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li:hover button::before {
  color: #0068B2;
  opacity: 0.75;
}
.slick-dots li.slick-active button::before {
  color: #0068B2;
  opacity: 1;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button::before {
  font-family: "slick";
  font-size: 35px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Hero slider */
section.hero {
  position: relative;
}
section.hero .hero-slider div.figure,
section.hero .hero-single div.figure {
  position: relative;
  margin: 0;
  z-index: 15;
}
@media (max-width: 991px) {
  section.hero .hero-slider div.figure,
  section.hero .hero-single div.figure {
    border-bottom: 1px solid #9d9d9c;
  }
}
section.hero .hero-slider div.figure div.figcaption,
section.hero .hero-single div.figure div.figcaption {
  margin-top: 0;
  padding-top: 3.6rem;
  padding-bottom: 2.4rem;
}
@media (min-width: 768px) {
  section.hero .hero-slider div.figure div.figcaption,
  section.hero .hero-single div.figure div.figcaption {
    padding-top: 6rem;
    padding-bottom: 3.6rem;
  }
}
@media (min-width: 992px) {
  section.hero .hero-slider div.figure div.figcaption,
  section.hero .hero-single div.figure div.figcaption {
    padding-top: 0;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
  section.hero .hero-slider div.figure div.figcaption,
  section.hero .hero-single div.figure div.figcaption {
    position: absolute;
    top: 50%;
    transform: translateY(-40%);
    widows: 100%;
    left: 0;
    right: 0;
    margin-top: 0;
    color: #fff;
  }
  section.hero .hero-slider div.figure div.figcaption h1,
  section.hero .hero-slider div.figure div.figcaption h2,
  section.hero .hero-slider div.figure div.figcaption p,
  section.hero .hero-single div.figure div.figcaption h1,
  section.hero .hero-single div.figure div.figcaption h2,
  section.hero .hero-single div.figure div.figcaption p {
    width: 66%;
  }
  section.hero .hero-slider div.figure div.figcaption a.btn.btn-primary,
  section.hero .hero-single div.figure div.figcaption a.btn.btn-primary {
    border-color: #fff;
    color: #fff;
  }
  section.hero .hero-slider div.figure div.figcaption a.btn.btn-primary:hover, section.hero .hero-slider div.figure div.figcaption a.btn.btn-primary:focus, section.hero .hero-slider div.figure div.figcaption a.btn.btn-primary:active,
  section.hero .hero-single div.figure div.figcaption a.btn.btn-primary:hover,
  section.hero .hero-single div.figure div.figcaption a.btn.btn-primary:focus,
  section.hero .hero-single div.figure div.figcaption a.btn.btn-primary:active {
    border-color: #fff;
    color: #0068B2;
    background-color: #fff;
  }
}
section.hero .hero-slider div.figure img,
section.hero .hero-single div.figure img {
  object-fit: cover;
  min-height: 350px;
}
@media (min-width: 768px) {
  section.hero .hero-slider div.figure img,
  section.hero .hero-single div.figure img {
    min-height: 465px;
  }
}
section.hero .supheader {
  font-style: italic;
}
section.hero {
  /* Hotline button on page Field Service */
}
section.hero .cta {
  color: #000;
  padding: 1rem 2rem 1rem 1.3rem;
  font-size: 17px;
  font-size: 1.7rem;
}
@media (min-width: 1200px) {
  section.hero .cta {
    font-size: 20px;
    font-size: 2rem;
  }
}
section.hero .cta {
  margin: 3rem 0 2rem;
  max-width: 290px;
}
@media (min-width: 992px) {
  section.hero .cta {
    max-width: 350px;
  }
}
section.hero .cta .cta-image {
  min-height: auto !important;
  padding: 1rem;
}
@media (min-width: 992px) {
  section.hero .cta .cta-image {
    padding: 0.7rem;
  }
}
section.hero .cta .cta-header {
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 700;
}
section.hero .cta a {
  color: #000;
  text-decoration: none;
}
section.hero .cta a:hover, section.hero .cta a:active, section.hero .cta a:focus {
  color: #0068B2;
}
section.hero {
  /* Claim */
}
section.hero .claim-wrapper {
  margin-top: 2rem;
  color: #000;
}
@media (min-width: 992px) {
  section.hero .claim-wrapper {
    color: #fff;
    position: absolute;
    width: 100%;
    z-index: 50;
    bottom: 4rem;
  }
}

/* Slider: news */
.news-slider {
  margin: 0 -1rem;
}
.news-slider .slick-track {
  display: flex !important;
  padding-bottom: 2rem;
}
@media (min-width: 375px) and (max-width: 574px) {
  .news-slider .slick-list {
    padding-right: 15%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .news-slider .slick-list {
    padding-right: 20%;
  }
}
.news-slider .news-slide {
  margin: 0 1rem;
}
.news-slider .news-slide .card {
  border-radius: 12px;
  border: none;
  height: 100%;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.news-slider .news-slide .card img {
  border-radius: 12px 12px 0 0;
}
.news-slider .news-slide .card .badge {
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 600;
  position: absolute;
  top: 20px;
  left: 20px;
  padding: 8px 10px 6px;
  box-shadow: 0px 3px 30px rgba(0, 0, 0, 0.6);
}
.news-slider .news-slide .card .card-body {
  padding: 20px 25px 50px 25px;
  min-height: 260px;
  height: 100%;
}
.news-slider .news-slide .card .card-body .more {
  position: absolute;
  bottom: 20px;
}

/* Slider: example of use */
.image-slider.image-slider-dots,
.image-slider-big.image-slider-dots {
  margin: -48px -1rem 0;
}
@media (max-width: 767px) {
  .image-slider.image-slider-dots,
  .image-slider-big.image-slider-dots {
    margin-top: -39px;
  }
}
.image-slider.image-slider-dots .button-wrapper,
.image-slider-big.image-slider-dots .button-wrapper {
  height: 48px;
}
@media (max-width: 767px) {
  .image-slider.image-slider-dots .button-wrapper,
  .image-slider-big.image-slider-dots .button-wrapper {
    height: 39px;
  }
}
.image-slider.image-slider-dots .button-wrapper,
.image-slider-big.image-slider-dots .button-wrapper {
  text-align: right;
}
.image-slider.image-slider-dots .button-wrapper .arrow-prev,
.image-slider.image-slider-dots .button-wrapper .arrow-next,
.image-slider-big.image-slider-dots .button-wrapper .arrow-prev,
.image-slider-big.image-slider-dots .button-wrapper .arrow-next {
  margin: 0 1rem;
}
.image-slider.image-slider-line,
.image-slider-big.image-slider-line {
  margin: 1rem -1rem 0;
}
.image-slider.image-slider-line .image-slide img,
.image-slider-big.image-slider-line .image-slide img {
  border-radius: 8px;
}
.image-slider .slider,
.image-slider-big .slider {
  margin-top: 1rem;
}
.image-slider .slick-track,
.image-slider-big .slick-track {
  margin-left: 0;
  margin-right: 0;
}
.image-slider .image-slide,
.image-slider-big .image-slide {
  margin: 0 1rem;
}
.image-slider .image-slide figure figcaption,
.image-slider-big .image-slide figure figcaption {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 1rem;
}

.hero-slider-progress-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1200px) {
  .hero-slider-progress-wrapper {
    right: calc((100vw - 1110px) / 2);
  }
}
@media (min-width: 1400px) {
  .hero-slider-progress-wrapper {
    right: calc((100vw - 1290px) / 2);
  }
}
@media (min-width: 1600px) {
  .hero-slider-progress-wrapper {
    right: calc((100vw - 1530px) / 2);
  }
}
@media (min-width: 1920px) {
  .hero-slider-progress-wrapper {
    right: 195px;
  }
}

.slider-progress-wrapper {
  height: 100%;
  text-align: center;
}
.hero-slider-progress-wrapper .slider-progress-wrapper {
  height: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 50px;
  right: 0;
}
@media (max-width: 1199px) {
  .hero-slider-progress-wrapper .slider-progress-wrapper {
    right: 30px;
  }
}
@media (max-width: 767px) {
  .slider-progress-wrapper .slider-progress-counter,
  .slider-progress-wrapper .slider-progress-counter {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.slider-progress-wrapper .slider-progress-counter,
.slider-progress-wrapper .slider-progress-counter {
  font-size: 30px;
  font-size: 3rem;
  color: #0068B2;
}
.slider-progress-wrapper .slider-progress-counter.hero-slider-progress-counter,
.slider-progress-wrapper .slider-progress-counter.hero-slider-progress-counter {
  color: #fff;
}
.slider-progress-wrapper .slider-progress-bar {
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  width: 6px;
  height: calc(100% - 122px);
}
@media (min-width: 768px) {
  .slider-progress-wrapper .slider-progress-bar {
    height: calc(100% - 150px);
  }
}
@media (min-width: 992px) {
  .slider-progress-wrapper .slider-progress-bar {
    height: calc(100% - 160px);
  }
}
.slider-progress-wrapper .slider-progress-bar {
  border-radius: 6px;
  overflow: hidden;
  background-color: transparent;
  background-image: linear-gradient(to bottom, #0068B2, #0068B2);
  background-repeat: no-repeat;
  background-size: 100% 0;
  transition: background-size 0.4s ease-in-out;
}
.slider-progress-wrapper .slider-progress-bar:after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 1px;
  height: 100%;
  background: #0068B2;
}
.slider-progress-wrapper .slider-progress-bar.hero-slider-progress-bar {
  background-image: linear-gradient(to bottom, #fff, #fff);
  height: 200px;
}
@media (min-width: 1400px) {
  .slider-progress-wrapper .slider-progress-bar.hero-slider-progress-bar {
    height: 300px;
  }
}
.slider-progress-wrapper .slider-progress-bar.hero-slider-progress-bar::after {
  background: #fff;
}
.slider-progress-wrapper .slider-progress-button-wrapper .arrow-next {
  display: inline-block;
  margin-top: 1rem;
}
.slider-progress-wrapper .slider-progress-button-wrapper.hero-slider-progress-button-wrapper .arrow-next {
  display: inline-block;
  margin-top: 1rem;
  color: #fff;
  border-color: #fff;
}
.slider-progress-wrapper .slider-progress-button-wrapper.hero-slider-progress-button-wrapper .arrow-next:hover, .slider-progress-wrapper .slider-progress-button-wrapper.hero-slider-progress-button-wrapper .arrow-next:active, .slider-progress-wrapper .slider-progress-button-wrapper.hero-slider-progress-button-wrapper .arrow-next:focus {
  background: #fff;
  color: #0068B2;
  border-color: #fff;
}

/* Homepage: slider industries */
.submenu-imageslider .menu-slide {
  margin: 0 0 0 2rem;
  position: relative;
  border-radius: 12px;
  overflow: hidden;
}
@media (max-width: 991px) {
  .submenu-imageslider .menu-slide {
    margin-left: 0;
    margin-right: 23px;
  }
}
.submenu-imageslider .menu-slide span {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 0 1.5rem;
  color: #fff;
  width: 100%;
  position: absolute;
  top: 1rem;
  left: 0;
  display: block;
}
.submenu-imageslider .menu-slide a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(51, 51, 51, 0.75) 0%, rgba(118, 118, 118, 0.5) 25%, rgba(255, 255, 255, 0) 100%);
}
.submenu-imageslider .slick-list {
  padding-right: 15%;
}
@media (min-width: 576px) {
  .submenu-imageslider .slick-list {
    padding-right: 30%;
  }
}
.submenu-imageslider span {
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 700;
  font-size: 10px;
  font-size: 1rem;
}
@media (min-width: 1200px) {
  .submenu-imageslider span {
    font-size: 10px;
    font-size: 1rem;
  }
}

/* History */
.history-wrapper {
  margin-top: 3.6rem;
}
.history-wrapper .history-nav .nav-item {
  font-size: 20px;
  font-size: 2rem;
  flex-basis: 0;
  flex: 1 1 0px;
}
.history-wrapper .history-nav .nav-item .history-link {
  cursor: pointer;
}
.history-wrapper .history-dots-wrapper > .slick-dots {
  display: flex;
  width: 100%;
  padding: 0;
  top: 0;
}
.history-wrapper .history-dots-wrapper > .slick-dots li {
  flex-grow: 1;
}
@media (max-width: 991px) {
  .history-wrapper .history-dots-wrapper > .slick-dots li {
    opacity: 0;
  }
}
.history-wrapper .history-dots-wrapper > .slick-dots li button {
  display: block;
  width: 100%;
  opacity: 0;
  transform: translateY(-100%);
  padding: 0;
}
.history-wrapper .history-dots-wrapper > .slick-dots li::before {
  content: "";
  background: #0068B2;
  width: 100%;
  display: block;
  height: 2px;
  position: absolute;
  top: 17px;
  left: -50%;
}
.history-wrapper .history-dots-wrapper > .slick-dots li::after {
  content: "";
  background: #0068B2;
  width: 18px;
  height: 18px;
  display: block;
  top: 10px;
  position: absolute;
  right: 50%;
  border-radius: 100%;
  transform: translateX(50%);
  z-index: 99;
}
.history-wrapper .history-dots-wrapper > .slick-dots li.slick-active ~ li::before,
.history-wrapper .history-dots-wrapper > .slick-dots li.slick-active ~ li::after {
  background: #c3c3c3;
}
.history-wrapper .history-dots-wrapper > .slick-dots li:first-of-type::before {
  display: none;
}
.history-wrapper .history-slider-big {
  margin-top: 3.6rem;
}
.history-wrapper .history-slider-big .history-slider-small > .slick-dots {
  padding: 0;
  margin: 0;
  position: relative;
  width: auto;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
}
.history-wrapper .history-slider-big .history-slider-small > .slick-dots li {
  display: block;
  float: left;
  border-radius: 100%;
  background: #c3c3c3;
  border: none;
  color: transparent;
  width: 8px;
  height: 8px;
  margin: 10px 10px 0;
}
.history-wrapper .history-slider-big .history-slider-small > .slick-dots li.slick-active {
  background: #0068B2;
}
.history-wrapper .history-slider-big .history-slider-small > .slick-dots li button {
  display: block;
  color: transparent;
  opacity: 0;
  padding: 0;
}
.history-wrapper .history-slider-big .history-slider-small .history-slide-small img {
  border-radius: 15px;
}
@media (max-width: 991px) {
  .history-wrapper .history-slider-big .text {
    margin-top: 3.6rem;
    margin-bottom: 1.2rem;
  }
}
.history-wrapper .history-button-wrapper {
  margin-top: 1rem;
  text-align: right;
}
.history-wrapper .history-button-wrapper .arrow-prev,
.history-wrapper .history-button-wrapper .arrow-next {
  margin: 0 1rem;
}
.history-wrapper .history-button-wrapper .arrow-next {
  margin: 0 0 0 1rem;
}

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none !important;
}

html,
:root {
  font-size: 62.5%;
  /* setzt Basis auf 10px */
}

body {
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 400;
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  line-height: 1.5;
}

h1,
.h1,
h2,
.h2,
h3,
h4 {
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 700;
}

.hero h1,
.hero h2,
.hero .h1,
.hero .h2 {
  font-size: 22px;
  font-size: 2.2rem;
}
@media (min-width: 768px) {
  .hero h1,
  .hero h2,
  .hero .h1,
  .hero .h2 {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media (min-width: 1200px) {
  .hero h1,
  .hero h2,
  .hero .h1,
  .hero .h2 {
    font-size: 40px;
    font-size: 4rem;
  }
}
.hero p {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 768px) {
  .hero p {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  .hero p {
    font-size: 20px;
    font-size: 2rem;
  }
}
.hero a {
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
@media (min-width: 1200px) {
  .hero a {
    margin-top: 2.4rem;
  }
}
.hero .claim {
  line-height: 1.2666666667;
  font-size: 22px;
  font-size: 2.2rem;
}
@media (min-width: 768px) {
  .hero .claim {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
@media (min-width: 1400px) {
  .hero .claim {
    font-size: 50px;
    font-size: 5rem;
  }
}

h1,
.h1,
h2,
.h2,
h1.small {
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 768px) {
  h1,
  .h1,
  h2,
  .h2,
  h1.small {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
@media (min-width: 1200px) {
  h1,
  .h1,
  h2,
  .h2,
  h1.small {
    font-size: 30px;
    font-size: 3rem;
  }
}
h1,
.h1,
h2,
.h2,
h1.small {
  margin-bottom: 1.2rem;
  line-height: 1.2666666667;
}
.bg-dark-blue h1,
.bg-dark-blue .h1,
.bg-dark-blue h2,
.bg-dark-blue .h2,
.bg-dark-blue h1.small {
  font-size: 25px;
  font-size: 2.5rem;
}
@media (min-width: 768px) {
  .bg-dark-blue h1,
  .bg-dark-blue .h1,
  .bg-dark-blue h2,
  .bg-dark-blue .h2,
  .bg-dark-blue h1.small {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media (min-width: 1200px) {
  .bg-dark-blue h1,
  .bg-dark-blue .h1,
  .bg-dark-blue h2,
  .bg-dark-blue .h2,
  .bg-dark-blue h1.small {
    font-size: 35px;
    font-size: 3.5rem;
  }
}

h1 + b,
h1 + strong,
h2 + b,
h2 + strong {
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  h1 + b,
  h1 + strong,
  h2 + b,
  h2 + strong {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media (min-width: 1200px) {
  h1 + b,
  h1 + strong,
  h2 + b,
  h2 + strong {
    font-size: 20px;
    font-size: 2rem;
  }
}

h3 {
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 768px) {
  h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  h3 {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
h3 {
  margin-bottom: 1.2rem;
  line-height: 1.32;
}

p + h3 {
  margin-top: 2.4rem;
}

h4 {
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
h4 {
  margin-bottom: 1.2rem;
  line-height: 1.4;
}

h100 {
  display: none;
}

p {
  margin-bottom: 1.2rem;
}
p.figcaption {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  p.figcaption {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 1200px) {
  p.figcaption {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
p.figcaption {
  margin-top: 1rem;
  opacity: 0.7;
}

.image {
  margin: 1rem 0;
}
.image figcaption {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .image figcaption {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .image figcaption {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.image figcaption {
  margin-top: 1rem;
  opacity: 0.7;
}

h1 + .image,
h2 + .image,
h3 + .image,
h4 + .image,
p + .image,
ul + .image,
ol + .image {
  margin: 2.4rem 0;
}
h1 + .accordion,
h2 + .accordion,
h3 + .accordion,
h4 + .accordion,
p + .accordion,
ul + .accordion,
ol + .accordion {
  margin-top: 2.4rem;
}

.subheader {
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 600;
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .subheader {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1200px) {
  .subheader {
    font-size: 20px;
    font-size: 2rem;
  }
}
.subheader {
  margin-bottom: 1.2rem;
  line-height: 1.4;
}
.subheader + .row {
  margin-top: 3rem;
}

hr {
  background-color: #e4e4e4;
  opacity: 1;
}

b,
strong {
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 600;
  font-weight: 600;
}

blockquote,
.quote {
  padding-top: 4rem;
  margin-top: 2rem;
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 400;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 1200px) {
  blockquote,
  .quote {
    font-size: 20px;
    font-size: 2rem;
  }
}
blockquote,
.quote {
  font-style: italic;
  color: #0068B2;
}
@media (min-width: 768px) {
  blockquote,
  .quote {
    padding-left: 8rem;
  }
}
@media (min-width: 992px) {
  blockquote,
  .quote {
    padding-left: 0;
  }
}
blockquote:before,
.quote:before {
  content: "";
  background-image: url(../Images/Icon-Quote.svg);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  display: block;
  width: 31px;
  height: 32px;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  blockquote:before,
  .quote:before {
    margin-left: -8rem;
  }
}
@media (min-width: 992px) {
  blockquote:before,
  .quote:before {
    width: 43px;
    height: 45px;
    margin-left: -5px;
  }
}
@media (min-width: 992px) {
  blockquote,
  .quote {
    border-top: 1px solid #9d9d9c;
  }
}

cite,
.cite {
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 400;
  color: #0068B2;
}
@media (min-width: 768px) {
  cite,
  .cite {
    padding-left: 8rem;
  }
}
@media (min-width: 992px) {
  cite,
  .cite {
    padding-left: 0;
    text-align: right;
  }
}

.related-products a,
.related-products span {
  font-size: 16px;
  font-size: 1.6rem;
}
@media (min-width: 768px) {
  .related-products a,
  .related-products span {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  .related-products a,
  .related-products span {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.related-products a,
.related-products span {
  font-weight: 600;
}

.ce-headline-center {
  text-align: center;
}

figcaption {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  figcaption {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 1200px) {
  figcaption {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
figcaption {
  margin-top: 1rem;
}

.slider-modal figcaption {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .slider-modal figcaption {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 1200px) {
  .slider-modal figcaption {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

p + ul.list-icon-check {
  margin-top: 2rem;
}

form input,
form .form-control {
  font-size: 16px;
  font-size: 1.6rem;
}
form .powermail_fieldwrap_type_submit .btn {
  font-size: 16px;
  font-size: 1.6rem;
}
form .powermail_legend {
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 1200px) {
  form .powermail_legend {
    font-size: 20px;
    font-size: 2rem;
  }
}
form .powermail_legend {
  font-weight: bold;
}
form .powermail_legend::before {
  font-size: 22px;
  font-size: 2.2rem;
}
@media (min-width: 1200px) {
  form .powermail_legend::before {
    font-size: 25px;
    font-size: 2.5rem;
  }
}

ul.list-icon-check, .detail-advantages ul {
  list-style: none;
  padding-left: 40px;
}
ul.list-icon-check li, .detail-advantages ul li {
  margin-bottom: 1.5rem;
  position: relative;
}
ul.list-icon-check li:before, .detail-advantages ul li:before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url(../Images/Icon-List-Check.svg);
  position: absolute;
  left: -40px;
}
ul.list-icon-check li a::after, .detail-advantages ul li a::after {
  content: "›";
}

ul.lines {
  list-style: none;
  padding-left: 0;
  margin-top: 3rem;
}
ul.lines li {
  border-top: 1px solid #c3c3c3;
  font-family: "Oxygen", Arial, Helvetics, sans-serif;
  font-weight: 700;
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 768px) {
  ul.lines li {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media (min-width: 1200px) {
  ul.lines li {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
ul.lines li {
  line-height: 1.32;
  color: #000;
  padding: 1.5rem 0;
}
ul.lines li:last-child {
  border-bottom: 1px solid #c3c3c3;
}

.dropdown .dropdown-menu .dropdown-item {
  font-size: 16px;
  font-size: 1.6rem;
}

header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-item {
  font-size: calc(1.6rem + (100vw - 57.5rem) / (140 - 57.5) * 0.2);
}
@media (max-width: 575px) {
  header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-item {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1400px) {
  header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-item {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-menu li.submenu-title {
  font-size: calc(1.6rem + (100vw - 57.5rem) / (140 - 57.5) * 0.2);
}
@media (max-width: 575px) {
  header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-menu li.submenu-title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1400px) {
  header.page .navbar .navbar-main .navbar-nav > li > .dropdown-menu .dropdown-menu li.submenu-title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
header.page .navbar a {
  font-size: calc(1.6rem + (100vw - 57.5rem) / (140 - 57.5) * 0.2);
}
@media (max-width: 575px) {
  header.page .navbar a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1400px) {
  header.page .navbar a {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
header.page .navbar .navbar-meta a,
header.page .navbar .navbar-meta span {
  font-size: calc(1.6rem + (100vw - 57.5rem) / (140 - 57.5) * 0);
}
@media (max-width: 575px) {
  header.page .navbar .navbar-meta a,
  header.page .navbar .navbar-meta span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1400px) {
  header.page .navbar .navbar-meta a,
  header.page .navbar .navbar-meta span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
header.page .search-area form input {
  font-size: calc(1.6rem + (100vw - 57.5rem) / (140 - 57.5) * 0.2);
}
@media (max-width: 575px) {
  header.page .search-area form input {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 1400px) {
  header.page .search-area form input {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.breadcrumb {
  font-size: 14px;
  font-size: 1.4rem;
}

.hero a,
main a {
  color: #0068B2;
  text-decoration: none;
  -moz-transition: color 0.2s ease-in;
  -webkit-transition: color 0.2s ease-in;
  -o-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.hero a:hover, .hero a:focus,
main a:hover,
main a:focus {
  color: #4DA7E8;
  -moz-transition: color 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out;
  -o-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
}
.hero .invers,
main .invers {
  color: #fff;
}
.hero .invers a,
main .invers a {
  color: #4DA7E8;
}
.hero .invers a:hover, .hero .invers a:focus,
main .invers a:hover,
main .invers a:focus {
  color: rgba(77, 167, 232, 0.75);
}

a.btn,
button.btn {
  font-family: "Catamaran", Arial, Helvetics, sans-serif;
  font-weight: 400;
  -moz-transition: color 0.2s ease-in, border-color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
  -webkit-transition: color 0.2s ease-in, border-color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
  -o-transition: color 0.2s ease-in, border-color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
  transition: color 0.2s ease-in, border-color 0.2s ease-in, background-color 0.2s ease-in, opacity 0.2s ease-in;
  font-size: 16px;
  font-size: 1.6rem;
  border-radius: 30px;
  background: transparent;
  line-height: 1.5;
  padding: 10px 15px 8px;
}
a.btn.btn-primary,
button.btn.btn-primary {
  border: 1px solid #0068B2;
  color: #0068B2;
}
.invers a.btn.btn-primary,
.invers button.btn.btn-primary {
  border: 1px solid #fff;
  color: #fff;
}
a.btn.btn-primary:hover, a.btn.btn-primary:focus,
button.btn.btn-primary:hover,
button.btn.btn-primary:focus {
  -moz-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  -o-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  border: 1px solid #0068B2;
  background-color: #0068B2;
  color: #fff;
}
a.btn.btn-cta,
button.btn.btn-cta {
  border: 1px solid #0068B2;
  background: #0068B2;
  color: #fff;
}
.invers a.btn.btn-cta,
.invers button.btn.btn-cta {
  border: 1px solid #fff;
  background: #fff;
  color: #0068B2;
}
a.btn.btn-cta:hover, a.btn.btn-cta:focus,
button.btn.btn-cta:hover,
button.btn.btn-cta:focus {
  border: 1px solid #4DA7E8;
  -moz-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  -o-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  background-color: #4DA7E8;
  color: #fff;
}
a.btn.btn-footer,
button.btn.btn-footer {
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
a.btn.btn-footer:hover, a.btn.btn-footer:focus,
button.btn.btn-footer:hover,
button.btn.btn-footer:focus {
  border: 1px solid #4DA7E8;
  -moz-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  -webkit-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  -o-transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  transition: color 0.2s ease-out, border-color 0.2s ease-out, background-color 0.2s ease-out, opacity 0.2s ease-out;
  color: #4DA7E8;
}

footer a:hover {
  color: #4DA7E8;
}

.hero-slider-animation .hero-slider-bottom {
  position: relative;
  z-index: 1;
}
.hero-slider-animation .hero-slider-bottom figure {
  margin: 0;
}
@media (max-width: 991px) {
  .hero-slider-animation .animation-wrapper {
    display: none;
  }
}
.hero-slider-animation .animation-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  z-index: 10;
  pointer-events: none;
}
.hero-slider-animation .animation-wrapper .animation {
  position: absolute;
  height: 100%;
  max-height: 900px;
  width: 100%;
  top: 0;
  margin: auto;
  z-index: 1000;
  pointer-events: none;
}
.hero-slider-animation .animation-wrapper .animation > div {
  height: 100%;
  overflow: hidden;
}
.hero-slider-animation .animation-wrapper .animation > div > canvas {
  position: relative;
}
@media (min-width: 992px) {
  .hero-slider-animation .animation-wrapper .animation > div > canvas {
    transform: translateX(-36%) translateY(25%);
  }
}
@media (min-width: 1200px) {
  .hero-slider-animation .animation-wrapper .animation > div > canvas {
    transform: translateX(-36%) translateY(25%);
  }
}
@media (min-width: 1400px) {
  .hero-slider-animation .animation-wrapper .animation > div > canvas {
    transform: translateX(-40%) translateY(40%);
  }
}
.hero-slider-animation .hero-slider-top:not(.slick-initialized) .text {
  display: none;
}
@media (max-width: 991px) {
  .hero-slider-animation .hero-slider-top {
    border-bottom: 1px solid #9d9d9c;
  }
}
@media (min-width: 992px) {
  .hero-slider-animation .hero-slider-top {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
  }
  .hero-slider-animation .hero-slider-top .slick-list {
    height: 100%;
  }
  .hero-slider-animation .hero-slider-top .slick-list .slick-track {
    margin-top: 12.5%;
  }
}
.hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text p:last-child,
.hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text a:last-child {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text {
    padding: 6rem 0;
  }
}
@media (min-width: 992px) {
  .hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text {
    color: #fff;
    max-width: 90%;
  }
}
@media (min-width: 1200px) {
  .hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text {
    max-width: 75%;
  }
  .hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text .h1,
  .hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text .h2 {
    max-width: 50vw;
  }
}
@media (min-width: 1400px) {
  .hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text {
    max-width: 66%;
  }
}
@media (min-width: 992px) {
  .hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text a.btn.btn-primary {
    border-color: #fff;
    color: #fff;
  }
  .hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text a.btn.btn-primary:hover, .hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text a.btn.btn-primary:focus, .hero-slider-animation .hero-slider-top .slick-list .slick-track .hero-slide .text a.btn.btn-primary:active {
    border-color: #fff;
    color: #0068B2;
    background-color: #fff;
  }
}
.hero-slider-animation .hero-slider-progress-wrapper {
  z-index: 100;
}

.animation-wrap {
  position: relative;
  background: #000;
}
.animation-wrap img {
  opacity: 1;
}
.animation-wrap:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  top: 0;
  margin: auto;
  left: 0;
}
.animation-wrap .animation {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  margin: auto;
  z-index: 10;
}
.animation-wrap .animation > div {
  height: 100%;
  overflow: hidden;
}
.animation-wrap .animation > div > canvas {
  position: relative;
}
.animation-wrap .animation-header {
  position: absolute;
  top: 55%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  z-index: 1000;
}
.animation-wrap .animation-header h2,
.animation-wrap .animation-header p {
  max-width: 66%;
}
.animation-wrap .animation-header .btn-primary {
  border-color: #fff;
  color: #fff;
}
.animation-wrap.pull-box-left .animation > div > canvas {
  transform: translateX(-40%) translateY(40%);
}

/* Search */
.tx-kesearch-pi1 #form_kesearch_pi1 .kesearch_searchbox .kesearchbox {
  height: 50px;
}
.tx-kesearch-pi1 #form_kesearch_pi1 .kesearch_searchbox .kesearchbox #ke_search_sword {
  display: inline-block;
  width: 100%;
  height: 50px;
  border-radius: 30px;
  background: #9d9d9c;
  color: #fff;
  padding: 10px 30px;
}
.tx-kesearch-pi1 #kesearch_results .result-list-item span.hit {
  color: #0068B2;
}
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom .pages_total {
  border: 0;
}
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom .pages_total .result_txt {
  margin-bottom: 1rem;
}
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom .pages_total .kesearch_pagebrowser .page-item .page-link {
  color: #0068B2;
}
.tx-kesearch-pi1 #kesearch_pagebrowser_bottom .pages_total .kesearch_pagebrowser .page-item.active .page-link {
  color: #fff;
  border-color: #0068B2;
  background-color: #0068B2;
}