body {
    margin: 0px;
    padding: 0px;
    font-size: 14px !important;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    background-color: #f3f3f3;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.b-3 {
    font-weight: 300;
}

.b-4 {
    font-weight: 400;
}

.b-5 {
    font-weight: 500;
}

.b-6 {
    font-weight: 600;
}

.b-7 {
    font-weight: 700;
}

.container-lg {
    max-width: 1080px;
}

.container-md {
    max-width: 990px;
}

.container-sm {
    max-width: 767px;
}

.form-control {
    background-color: #f6f9fc;
    height: 45px;
    border: 1px solid #f6f9fc;
    font-size: .78rem;
}

textarea.form-control {
    background-color: #f6f9fc;
    height: 100px;
    border: 1px solid #f6f9fc;
    resize: none;
}

.form-control:focus,
.form-control:active {
    background-color: #ffffff;
    outline: none;
    border: 1px solid #d3d4d4;
    box-shadow: none;
}

a {
    color: #007bff;
}

    a:hover,
    a:focus,
    a:active {
        color: #1769c0;
    }

.link {
    color: #007bff;
}

    .link:hover,
    .link:focus,
    .link:active {
        color: #1769c0;
    }

.btn {
    font-size: .78rem;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
}

    .btn:hover,
    .btn:focus,
    .btn:active,
    .btn-primary:not(:disabled):not(.disabled).active:focus,
    .btn-primary:not(:disabled):not(.disabled):active:focus,
    .show > .btn-primary.dropdown-toggle:focus {
        box-shadow: 0px 9px 14px rgba(0, 0, 14, 0.2);
        -webkit-box-shadow: 0px 9px 14px rgba(0, 0, 14, 0.2);
        -ms-box-shadow: 0px 9px 14px rgba(0, 0, 14, 0.2);
        -moz-box-shadow: 0px 9px 14px rgba(0, 0, 14, 0.2);
    }

.btn-link {
    color: #007bff;
}

    .btn-link:hover,
    .btn-link:focus,
    .btn-link:active {
        color: #1769c0;
    }

.text-yellow {
    color: #FFEB3B;
}

.text-theme {
    color: #007bff;
}

.bg-theme {
    background-color: #007bff;
    color: #ffffff;
}

.btn-addresslik {
    padding: 0px !important;
    color: #6b7c93;
    background-color: transparent;
}

    .btn-addresslik:hover,
    .btn-addresslik:focus,
    .btn-addresslik:active {
        padding: 0px !important;
        color: #007bff;
        background-color: transparent;
        box-shadow: none;
    }

.quote-btn:hover,
.quote-btn:focus,
.quote-btn:active {
    background-color: #4caf50 !important;
}
/* body::before{
    height: 5px;
    background-color: #007bff;
    width: 100%;
    content: '';
    display: block;
    animation: barTop 2s ease-in-out 0s infinite normal none;
    -webkit-animation: barTop 2s ease-in-out 0s infinite normal none;
    -ms-animation: barTop 2s ease-in-out 0s infinite normal none;
    -moz-animation: barTop 2s ease-in-out 0s infinite normal none;
    -o-animation: barTop 2s ease-in-out 0s infinite normal none;
}
@keyframes barTop {
    0%   {background-color: #007bff;}
    50%  {background-color: #bf4157;}
    100% {background-color: #007bff;}
}
@-webkit-keyframes barTop {
    0%   {background-color: #007bff;}
    50%  {background-color: #bf4157;}
    100% {background-color: #007bff;}
}
@-moz-keyframes barTop {
    0%   {background-color: #007bff;}
    50%  {background-color: #bf4157;}
    100% {background-color: #007bff;}
}
@-ms-keyframes barTop {
    0%   {background-color: #007bff;}
    50%  {background-color: #bf4157;}
    100% {background-color: #007bff;}
} */
.text-sm {
    font-size: .78rem;
}

.text-xs {
    font-size: .58rem;
}

::-moz-selection { /* Code for Firefox */
    color: #ffffff;
    background: #d9886a;
}

::selection {
    color: #ffffff;
    background: #d9886a;
}
/* banner top */
.banner-top {
    text-align: center;
    background-image: url(../Images/bgBanner.jpg);
    padding: 15% 15px;
    width: 100%;
    min-height: 500px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    background-attachment: fixed;
    color: #ffffff;
    position: fixed !important;
}
.banner-asset-m{
  margin-top: 100vh;
}

.section-warpper {
    display: block;
    position: relative;
    width: 100%;
}

.mouseScroll {
    display: block;
    position: absolute;
    bottom: 110px;
    left: 50%;
}

    .mouseScroll::before {
        content: '';
        border: 1px solid #fff;
        width: 20px;
        height: 30px;
        display: inline-block;
        position: relative;
        border-radius: 15px;
    }

    .mouseScroll::after {
        content: '';
        width: 7px;
        height: 7px;
        display: inline-block;
        position: absolute;
        left: 50%;
        border-radius: 100%;
        background-color: #ffffff;
        margin-left: -4px;
        top: 5px;
        animation: MouseScroller 2s ease-in-out 0s infinite normal none;
        -webkit-animation: MouseScroller 2s ease-in-out 0s infinite normal none;
        -ms-animation: MouseScroller 2s ease-in-out 0s infinite normal none;
        -moz-animation: MouseScroller 2s ease-in-out 0s infinite normal none;
        -o-animation: MouseScroller 2s ease-in-out 0s infinite normal none;
    }

@keyframes MouseScroller {
    0% {
        top: 5px;
        opacity: 1;
    }

    50% {
        top: 50%;
    }

    100% {
        top: 50%;
        opacity: 0;
    }
}

@-webkit-keyframes MouseScroller {
    0% {
        top: 5px;
        opacity: 1;
    }

    50% {
        top: 50%;
    }

    100% {
        top: 50%;
        opacity: 0;
    }
}

@-moz-keyframes MouseScroller {
    0% {
        top: 5px;
        opacity: 1;
    }

    50% {
        top: 50%;
    }

    100% {
        top: 50%;
        opacity: 0;
    }
}

@-ms-keyframes MouseScroller {
    0% {
        top: 5px;
        opacity: 1;
    }

    50% {
        top: 50%;
    }

    100% {
        top: 50%;
        opacity: 0;
    }
}
/* /banner top */
.col-4-responsive {
    display: grid;
    position: relative;
    margin-top: -65px;
    width: 100%;
    z-index: 1;
    grid-template-columns: 25% 25% 25% 25%;
    border-radius: 5px;
}

    .col-4-responsive div:first-child {
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
    }

    .col-4-responsive div:last-child {
        border-top-right-radius: 7px;
        border-bottom-right-radius: 7px;
    }

.grid-1 {
    background-color: #bf4157;
    color: #ffffff;
    padding: 2em 2em;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -webkit-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -ms-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -moz-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
}

.grid-2 {
    background-color: #c06c84;
    color: #ffffff;
    padding: 2em 2em;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -webkit-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -ms-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -moz-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
}

.grid-3 {
    background-color: #d9886a;
    color: #ffffff;
    padding: 2em 2em;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -webkit-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -ms-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -moz-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
}

.grid-4 {
    background-color: #a64e4d;
    color: #ffffff;
    padding: 2em 2em;
    overflow: hidden;
    position: relative;
    box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -webkit-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -ms-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    -moz-box-shadow: 0px 9px 14px rgba(32, 34, 93, 0.28);
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
}

    .grid-1::before,
    .grid-2::before,
    .grid-3::before,
    .grid-4::before {
        position: absolute;
        z-index: 0;
        background: #3ba5eb;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        content: '';
        transform: scale(0, 0);
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -moz-transform: scale(0, 0);
        transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
    }

    .grid-1:hover::before,
    .grid-2:hover::before,
    .grid-3:hover::before,
    .grid-4:hover::before {
        position: absolute;
        z-index: 0;
        background: #454545;
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        content: '';
        transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
    }

.img-icon-detail,
.title-detail,
.content-detail,
.learnbx {
    display: block;
    position: relative;
    margin-bottom: 15px;
}

.content-detail {
    font-size: .7rem;
    min-height: 90px;
    padding-bottom: .5rem;
}
.learnbx{
    padding: .5rem;
    margin: 0px;
    padding-bottom: 0rem;
    border-top: 1px solid rgba(221, 221, 221, 0.17);
    border-radius: 0px !important;
}

.title-detail {
    text-transform: uppercase;
    font-weight: 600;
}

.sin-icon {
    width: 70px;
}

.img-icon-detail > .sin-icon {
    width: 45px;
}


.head-tittle {
    position: relative;
}

    .head-tittle::after {
        position: relative;
        height: 1px;
        width: 10%;
        background-color: #007bff;
        content: '';
        display: block;
        text-align: center;
        margin: 5px auto;
    }

.white-text {
    color: #ffffff;
}

    .white-text.head-tittle::after {
        background-color: #ffffff;
    }

.head-texter::after {
    content: attr(data-title);
    position: absolute;
    display: inline-block;
    font-size: 1.2em;
    opacity: .3;
    left: 15px;
    top: -18px;
    z-index: 67;
}

.btn-white {
    background-color: #ffffff;
    color: #007bff;
}

    .btn-white:hover,
    .btn-white:active,
    .btn-white:focus {
        background-color: #313131;
        color: #ffffff;
        border-color:#ffffff;
    }
.btn-outline-white {
    background-color: transparent;
    color: #ffffff;
    border-color:#ffffff;
}

    .btn-outline-white:hover,
    .btn-outline-white:active,
    .btn-outline-white:focus {
        color: #007bff;
        background-color: #ffffff;
    }
.btn.rounded-pill {
    border-radius: 30px;
}
/* sliderproduct */
.sliderCustom .owl-nav .owl-prev,
.sliderCustom .owl-nav .owl-next {
    background-color: #ffffff !important;
    padding: 1px 18px !important;
    font-size: 3em !important;
    line-height: 1 !important;
    padding-bottom: 6px !important;
    color: #007bff !important;
}

.sliderCustom .owl-nav .owl-prev {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    left: 0px !important;
    margin-left: -16px !important;
    position: absolute !important;
    top: 50% !important;
}

.sliderCustom .owl-nav .owl-next {
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
    right: 0px !important;
    margin-right: -16px !important;
    position: absolute !important;
    top: 50% !important;
}
/* /sliderproduct */
.web-box {
    background-color: transparent;
    width: 100%;
}

.data-bx {
    position: relative;
    padding: 3em 1em;
    border-radius: 7px;
    overflow: hidden;
    text-align: center;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
}

    .data-bx:hover {
        background-color: #fff;
        box-shadow: 0px 0px 35px rgba(0, 0, 0, .1);
        -webkit-box-shadow: 0px 0px 35px rgba(0, 0, 0, .1);
        -moz-box-shadow: 0px 0px 35px rgba(0, 0, 0, .1);
        -ms-box-shadow: 0px 0px 35px rgba(0, 0, 0, .1);
    }
/* siniLoder */
body.aciveLoder {
    overflow: hidden;
}

body .siniLoder {
    display: none;
}

body.aciveLoder .siniLoder {
    background-color: #ffffff;
    position: fixed;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 1000;
}

.siniLoder .content-siniLoder {
    background-color: #ffffff;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    width: 200px;
    z-index: 2;
    margin-left: -100px;
    margin-top: -100px;
}

    .siniLoder .content-siniLoder .brand-title {
        font-weight: 700;
        font-size: 2em;
        text-align: center;
        margin-bottom: 20px;
    }

    .siniLoder .content-siniLoder .loderElement {
        height: 3px;
        width: 100%;
        content: '';
        background-color: rgb(235, 235, 235);
        position: relative;
        overflow: hidden;
    }

        .siniLoder .content-siniLoder .loderElement::after {
            height: 3px;
            width: 90px;
            content: '';
            left: 0px;
            top: 0px;
            position: absolute;
            background-color: #007bff;
            animation: siniLoder 2s ease-in-out 0s infinite normal none;
            -webkit-animation: siniLoder 2s ease-in-out 0s infinite normal none;
            -ms-animation: siniLoder 2s ease-in-out 0s infinite normal none;
            -moz-animation: siniLoder 2s ease-in-out 0s infinite normal none;
            -o-animation: siniLoder 2s ease-in-out 0s infinite normal none;
        }

@keyframes siniLoder {
    0% {
        left: 0px;
        width: 90px;
        margin-left: -45px;
    }

    50% {
        left: 100%;
        width: 120px;
        margin-left: -60px;
    }

    100% {
        left: 0%;
        width: 90px;
        margin-left: -45px;
    }
}

@-webkit-keyframes siniLoder {
    0% {
        left: 0px;
        width: 90px;
        margin-left: -45px;
    }

    50% {
        left: 100%;
        width: 120px;
        margin-left: -60px;
    }

    100% {
        left: 0%;
        width: 90px;
        margin-left: -45px;
    }
}

@-moz-keyframes siniLoder {
    0% {
        left: 0px;
        width: 90px;
        margin-left: -45px;
    }

    50% {
        left: 100%;
        width: 120px;
        margin-left: -60px;
    }

    100% {
        left: 0%;
        width: 90px;
        margin-left: -45px;
    }
}

@-ms-keyframes siniLoder {
    0% {
        left: 0px;
        width: 90px;
        margin-left: -45px;
    }

    50% {
        left: 100%;
        width: 120px;
        margin-left: -60px;
    }

    100% {
        left: 0%;
        width: 90px;
        margin-left: -45px;
    }
}
/* /siniLoder */
.testimonial-content {
    display: block;
    position: relative;
    text-align: left;
    padding: 2em 3em;
}

    .testimonial-content::before {
        position: relative;
        display: block;
        text-align: center;
        color: #ffffff;
        content: url(../Images/icons/testimonial-ico.png);
        margin-bottom: 2em;
    }

.testimonial-bx {
    padding: 5em 2em;
    background-color: transparent;
    border-radius: 10px;
}

.testimonial-imgbx {
    position: relative;
    display: block;
}

.testimonial-cardBlock {
    position: absolute;
    display: block;
    height: 260px;
    width: 40%;
    content: '';
    background-color: #ffd517;
    top: -28px;
    left: 50%;
    margin-left: -20%;
    z-index: 0;
    border-radius: 10px;
}

.testimonial-bxcard {
    background-color: #ffffff;
    padding: 2em;
    border-radius: 5px;
    text-align: center;
}

    .testimonial-bxcard > img {
        width: 90px !important;
        margin: 0px auto;
    }

.footer-sini {
    background-color: #3a3a3a;
    display: block;
    position: relative;
    width: 100%;
    color: #dadada;
    z-index: 1;
}

.brand-footer {
    color: #dadada;
    font-size: 2em;
    margin-bottom: .58em;
    font-weight: 700;
}

.icon-bx {
    position: relative;
    padding-left: 40px;
    margin-bottom: 15px;
}

    .icon-bx::before {
        position: absolute;
        width: 35px;
        height: 35px;
        content: '';
        left: 0px;
        top: 0px;
    }

.address-icon.icon-bx::before {
    background-image: url(../Images/icons/placeholder.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65%;
}

.phone-icon.icon-bx::before {
    background-image: url(../Images/icons/telephone.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65%;
}

.email-icon.icon-bx::before {
    background-image: url(../Images/icons/email.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 65%;
}

.footerLink-list,
.social-footer-list {
    list-style: none;
    display: block;
    position: relative;
    padding: 0px;
    margin: 0px;
}

    .footerLink-list li {
        display: block;
        position: relative;
        list-style: none;
    }

.title-footer {
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 2em;
}

.footerLink-list li a {
    display: inline-block;
    position: relative;
    padding: .5em 0px;
    color: #dadada;
    font-size: 90%;
    font-weight: 600;
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
}

    .footerLink-list li a:hover,
    .footerLink-list li a:active,
    .footerLink-list li a:focus {
        color: #1769c0;
        text-decoration: none;
    }

    .footerLink-list li a::before {
        content: '>';
        font-weight: 700;
        font-size: 1em;
        margin-right: 10px;
    }

.copyright-footer {
    position: relative;
    display: inline-block;
    background-color: #313131;
    width: 100%;
    padding: 2em;
}

.social-footer-list li {
    display: inline-block;
    position: relative;
    list-style: none;
    margin: 5px;
}

    .social-footer-list li a {
        border: 1px solid #dadada;
        display: inline-block;
        padding: .78em 1em;
        border-radius: 100%;
        color: #dadada;
        width: 45px;
        height: 45px;
        text-align: center;
        transition: all 300ms ease-in-out;
        -webkit-transition: all 300ms ease-in-out;
        -ms-transition: all 300ms ease-in-out;
        -moz-transition: all 300ms ease-in-out;
    }

        .social-footer-list li a:hover,
        .social-footer-list li a:active,
        .social-footer-list li a:focus {
            color: #ffffff;
            text-decoration: none;
            background-color: #1769c0;
            border: 1px solid #1769c0;
        }

.addressbx {
    background-image: url(../Images/Digital-World-Map-PNG.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}

.img-sini {
    width: 100%;
    margin: 0px auto;
    display: block;
}

.bgNibula {
    background-image: url(../Images/technology-pic.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    background-attachment: local;
    background-color: #fff;
}

.ssd {
    position: absolute;
    background-color: #007bff;
    content: '';
    height: 100%;
    width: 50%;
    top: 0px;
    left: 0px;
    transform: skewX(10deg);
}
/* side menu */
.menubx-sini{
        position: relative;
        display: block;
        z-index: 1000;
        background-color: #f5f5f5;
        height: 100%;
        box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
        -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
        -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
        -ms-box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
        transition: all 500ms ease-in-out;
        -webkit-transition: all 500ms ease-in-out;
        -ms-transition: all 500ms ease-in-out;
        -moz-transition: all 500ms ease-in-out;
    }

        .menubx-sini .menu-main {
            position: relative;
            width: 100%;
            display: block;
        }
    .menubx-sini .menu-main .link-menu {
        display: block;
        position: relative;
        padding: .78em 1.7em;
        color: #101010;
        background-color: transparent;
        text-align: left;
    }


    .menubx-sini .menu-main .link-menu:hover,
    .menubx-sini .menu-main .link-menu:active,
    .menubx-sini .menu-main .link-menu:focus,
    .menubx-sini .menu-main .link-menu.active {
        display: block;
        position: relative;
        padding: .78em 1.7em;
        background-color: #ffffff;
        color: #3ba5eb;
        text-decoration: none;
    }

.menubx-sini .navbar-brand {
     padding: 0px;
}
.mainmenu-bx {
    display: none;
    grid-template-columns: 20% 60% 20%;
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
}
body.asideActive .menubx-sini {
    right: 0px;
}
body.asideActive .mainmenu-bx {
    display: grid;
    grid-template-columns: 20% 60% 20%;
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1010;
}
.asideCenter,
.asideLeft{
    padding: 1em;
}
body.asideActive {
    overflow: hidden;
    margin-right: 15px;
}

.brandMenu {
    background-color: transparent;
    color: #303030;
    font-size: 2em;
    font-weight: 700;
    text-align: center;
    font-size: .78em;
    position: relative;
    display: inline-block;
}

.menusticky {
    position: fixed;
    display: block;
    width: 50px;
    left: 0%;
    top: 80px;
    text-align: center;
    z-index: 1000;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
    transition: all 300ms ease-in-out;
    -webkit-transition: all 300ms ease-in-out;
    -ms-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
}

    .menusticky .menu-main {
        display: block;
        position: relative;
        width: 100%;
        text-align: center;
    }

        .menusticky .menu-main .link-menu {
            display: inline-block;
            position: relative;
            color: #303030;
            margin: .78em 1em;
        }

            .menusticky .menu-main .link-menu .icon-circle {
                display: block;
                position: relative;
                background-color: #303030;
                content: '';
                width: 10px;
                height: 10px;
                border-radius: 100%;
            }

            .menusticky .menu-main .link-menu:hover .icon-circle {
                display: block;
                position: relative;
                background-color: #1769c0;
                border-radius: 100%;
            }

.sinitip {
    display: block;
    position: absolute;
    background-color: #007bff;
    color: #ffffff;
    top: -9px;
    min-width: 130px;
    z-index: 1000000;
    padding: .58em;
    font-size: .78em;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
    -ms-box-shadow: 0px 0px 14px rgba(0, 0, 0, .2);
}

    .sinitip:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent #007bff transparent transparent;
    }

    .sinitip.bottom:after {
        content: "";
        position: absolute;
        left: 50%;
        top: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #007bff transparent transparent transparent;
    }

    .sinitip.right {
        left: 40px;
    }

    .sinitip.bottom {
        bottom: -40px;
        top: initial;
        left: -50px;
    }

.main-menu-btn {
    margin-top: 5px;
    height: 36px;
    display: inline-block;
    position: fixed;
    top: 20px;
    right: 30px;
    z-index: 999;
    box-shadow: 0px 0px 14px #007bff;
}

body.asideActive .main-menu-btn {
    margin-top: 5px;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.2);
}

.main-menu-btn .menu-line {
    position: relative;
    border: 1px solid transparent;
    margin-bottom: 2px;
    content: '';
    background-color: #ffffff;
    width: 19px;
    height: 2px;
    display: block;
}

.main-menu-btn.btn-sidemenu {
    background-color: #ffffff !important;
    padding: 1em;
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    position: absolute;
    top: 0px;
    left: -47px;
    z-index: 1;
}

.responsive-menu-sini .main-menu-btn .menu-line {
    background-color: #ffffff;
    display: none;
}

    .responsive-menu-sini .main-menu-btn .menu-line:first-child {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        display: block;
        top: 2px;
    }

    .responsive-menu-sini .main-menu-btn .menu-line:last-child {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        display: block;
        top: -2px;
    }
/* /side menu */
.ideaMix {
    animation: typewriter 4s steps(22) 1s 1 normal both;
    /*blinkTextCursor 300ms steps(22) infinite normal;*/
    display: inline-block;
}

.line-1 {
    position: relative;
    top: 0%;
    width: 430px;
    margin: 0px;
    /*border-right: 2px solid rgba(255,255,255,.75);*/
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(20%);
}

@keyframes typewriter {
    from {
        width: 0;
    }

    to {
        width: 430px;
    }
}

@keyframes blinkTextCursor {
    from {
        border-right-color: rgba(255,255,255,.75);
    }

    to {
        border-right-color: transparent;
    }
}

.btn-scroller {
    border-radius: 100%;
    height: 60px;
    width: 60px;
    padding: 18px;
    position: absolute;
    top: -77px;
    right: 0px;
}

section.contact-sales-header {
    padding-bottom: 50px;
    position: relative;
    background-color: #f3f3f3;
}

    section.contact-sales-header .headline {
        position: relative;
        padding-top: 83px;
        max-width: 680px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        z-index: 1;
    }

    section.contact-sales-header .common-IntroText,
    label,
    .text-blash {
        color: #6b7c93;
    }

.form-sector {
    background-color: #ffffff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);
    padding: 4em;
    margin-top: 4em;
    margin-bottom: 2em;
    border-radius: 5px;
    z-index: 1;
}

.stripbg {
    background-color: #f3f3f3;
    position: absolute;
    top: 90px;
    left: 0px;
    z-index: 0;
    content: '';
    height: 338px;
    width: 100%;
    transform: skewY(-9deg);
}

.center-block {
    margin-right: auto;
    margin-left: auto;
}

.form-bx {
    background: #1769c0;
    background: linear-gradient(90deg,#1769c0,#68d4f8 200%);
    background: -webkit-linear-gradient(90deg,#1769c0,#68d4f8 200%);
    background-repeat: no-repeat;
    background-position: top left;
}

    .form-bx::after {
        background-image: url(../Images/dots-left.svg);
        position: absolute;
        display: inline-block;
        right: 0px;
        top: 40px;
        width: 300px;
        content: '';
        height: 300px;
        background-repeat: no-repeat;
        background-size: 60%;
    }

    .form-bx::before {
        background-image: url(../Images/dots-left.svg);
        position: absolute;
        display: inline-block;
        left: 0px;
        top: 330px;
        width: 300px;
        content: '';
        height: 300px;
        background-repeat: no-repeat;
        background-size: 60%;
    }

.hover-topper {
    position: relative;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    top: 0px;
    border-radius: 5px;
}

    .hover-topper:hover {
        position: relative;
        box-shadow: 0px 0px 34px rgba(0, 0, 0, .2);
        top: -10px;
    }

.contTits {
    color: #007bff;
    background-color: #ebebeb;
    border-left: 4px solid #007bff;
    padding: 10px 15px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    margin-bottom: 2em;
}

.icon-offre img {
    width: 60px;
    z-index: 1;
}

.icon-offre {
    position: relative;
    display: block;
    margin: 0px auto;
    margin-bottom: 3em;
    width: 130px;
}

.hover-topper .icon-offre::after {
    content: '';
    width: 50px;
    height: 50px;
    background-color: #d2edff;
    position: absolute;
    border-radius: 100%;
    z-index: -1;
    left: 0px;
    top: 0px;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
}

.hover-topper:hover .icon-offre::after {
    left: 10px;
    top: 14px;
    background-color: #61bbf7;
}

/* sini-grid */
.sini-grid-container {
    position: relative;
    padding: 0px;
}

.sini-grid-detail {
    position: relative;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, .2);
    top: 0px;
    padding: 2em;
    height: 225px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    overflow: hidden;
    border-radius: 5px;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
}

[data-label="sinigrid"] {
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
}

.sini-grid-detail .overlayer {
    background-color: rgba(0, 123, 255, 0.8);
    position: absolute;
    padding: 1em;
    bottom: 0px;
    left: 0px;
    width: 100%;
    color: #ffffff;
    height: 20%;
    transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
}

.sini-grid-detail:hover .overlayer {
    background-color: rgba(0, 123, 255, 0.8);
    position: absolute;
    bottom: 0px;
    height: 100%;
    left: 0px;
    width: 100%;
    padding: 5em 1em;
}

.workingbulb {
    display: block;
    margin: 7px auto;
    width: 100px;
    position: relative;
}

.discription-project {
    display: none;
}

.workingbulb::after {
    display: block;
    margin: 7px auto;
    width: 30px;
    height: 30px;
    background-image: url(../Images/icons/idea_gear.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 12;
    content: '';
    margin-left: -15px;
    margin-top: -30px;
    animation: gearLoad 2s ease-in-out 0s infinite normal none;
    -webkit-animation: gearLoad 2s ease-in-out 0s infinite normal none;
    -ms-animation: gearLoad 2s ease-in-out 0s infinite normal none;
    -moz-animation: gearLoad 2s ease-in-out 0s infinite normal none;
    -o-animation: gearLoad 2s ease-in-out 0s infinite normal none;
}

@keyframes gearLoad {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes gearLoad {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-moz-keyframes gearLoad {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-ms-keyframes gearLoad {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.workingbulb img {
    width: 100px;
}

.modal-xg {
    max-width: 80%;
}

.ErrorLap {
    width: 300px;
    display: block;
    position: relative;
    margin: 1em auto;
}

    .ErrorLap::before {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 40%;
        left: 80px;
        content: '';
        z-index: 100;
        background-repeat: no-repeat;
        background-image: url(../Images/icons/eyeClose.png);
        background-size: contain;
    }

    .ErrorLap::after {
        width: 30px;
        height: 30px;
        position: absolute;
        top: 40%;
        right: 80px;
        content: '';
        z-index: 100;
        background-repeat: no-repeat;
        background-image: url(../Images/icons/eyeClose.png);
        background-size: contain;
    }

    .ErrorLap:hover::before,
    .ErrorLap:hover::after {
        background-image: url(../Images/icons/eyeopen.png);
    }

/* sini-grid END */
.responsive-menu-sini {
    display: block;
    position: relative;
}
.responsive-menu-sini .btn.main-menu-btn {
        position: absolute;
        top: 50%;
        right: 12px;
        margin-top: -15px;
    }
.menu-titlebx {
        font-size: 2em;
        font-weight: 700;
        text-transform: uppercase;
        color: #e3e3e3;
        padding: .78em;
        display: block;
        position: relative;
    }
.owl-carousel .owl-dots,
.owl-nav{
    display: none !important;
}
#stars {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
    top:0px
}
.slider-btn {
    position: absolute;
    top: 46px;
    right: 100px;
    z-index: 1000;
}
#menuslider .icon-offre {
    position: relative;
    display: block;
    margin: 0px auto;
    margin-bottom: 3em;
    width: 70px;
}
.company-bx{
    position: relative;
}
@media(max-width: 998px) {
    .container-sm-p-0 {
        padding: 0px;
    }

.main-menu-btn {
    margin-top: 5px;
    display: inline-block;
    position: fixed;
    top: 20px;
    right: 30px;
    z-index: 999;
    box-shadow: 0px 0px 14px #007bff;
}

    .navbar-brand {
        display: block;
        padding-top: .3125rem;
        padding-bottom: .3125rem;
        margin-right: 0rem;
        font-size: 1.25rem;
        line-height: inherit;
        white-space: nowrap;
        width: 100%;
    }

    .brandMenu {
        background-color: #303030;
        color: #ffffff;
        font-size: 2em;
        font-weight: 700;
        text-align: center;
        font-size: .78em;
        position: relative;
        display: block;
        width: 100%;
    }
    .menusticky {
        position: fixed;
        display: block;
        width: 50px;
        left: 3%;
        top: 20px;
        text-align: center;
        border-radius: 5px;
    }
}

@media(max-width: 767px) {
    .asideCenter,
    .asideLeft{
        display:none;
    }
    body.asideActive .mainmenu-bx {
    display: grid;
    grid-template-columns: 100%;
    background-color: #fff;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1000;
}
    .slider-btn {
    position: relative;
    top: initial;
    right: initial;
    z-index: 1000;
    text-align: center;
}
    .ssd {
    position: absolute;
    background-color: #007bff;
    content: '';
    height: 50%;
    width: 100%;
    top: 0px;
    left: 0px;
    transform: skewX(0deg);
}
    .menusticky .menu-main {
        display: none;
    }

    .ideaMix {
        font-size: 80%;
        animation: typewriter 4s steps(18) 1s 1 normal both;
        display: inline-block;
    }

    .line-1 {
        position: relative;
        top: 0%;
        width: 340px;
        margin: 0px;
        border-right: 2px solid rgba(255,255,255,.75);
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        transform: translateY(20%);
    }

    @keyframes typewriter {
        from {
            width: 0;
        }

        to {
            width: 340px;
        }
    }

    @keyframes blinkTextCursor {
        from {
            border-right-color: rgba(255,255,255,.75);
        }

        to {
            border-right-color: transparent;
        }
    }

    .col-4-responsive {
        display: grid;
        position: relative;
        margin-top: -65px;
        width: 100%;
        z-index: 1;
        grid-template-columns: 100%;
        border-radius: 5px;
    }

    .banner-top {
        text-align: center;
        background-image: url(../Images/bgBanner.jpg);
        padding: 15% 15px;
        width: 100%;
        min-height: 500px;
        background-repeat: no-repeat;
        background-position: top center;
        background-size: cover;
        background-attachment: fixed;
        color: #ffffff;
    }
}

@media (max-width: 320px){
    .ideaMix {
        font-size: 55%;
        animation: typewriter 4s steps(18) 1s 1 normal both;
        display: inline-block;
    }
    
.line-1 {
    position: relative;
    top: 0%;
    width: 250px;
    margin: 0px;
    /*border-right: 2px solid rgba(255,255,255,.75);*/
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    transform: translateY(20%);
}

@keyframes typewriter {
    from {
        width: 0;
    }

    to {
        width: 250px;
    }
}

@keyframes blinkTextCursor {
    from {
        border-right-color: rgba(255,255,255,.75);
    }

    to {
        border-right-color: transparent;
    }
}
}

.wrap {
    position: relative;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    transform-style: preserve-3d;
    perspective: 1000px;
    animation: rotate 14s infinite linear;
  }
  
  @keyframes rotate {
    100% {
      transform: rotateY(360deg) rotateX(360deg);
    }
  }
  .c {
    position: absolute;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    opacity: 0;
  }
  
  .c:nth-child(1) {
    animation: orbit1 14s infinite;
    animation-delay: 0.01s;
    background-color: #007bff;
  }
  
  @keyframes orbit1 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-195deg) rotateY(186deg) translateX(100px) rotateZ(195deg);
    }
    80% {
      transform: rotateZ(-195deg) rotateY(186deg) translateX(100px) rotateZ(195deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-195deg) rotateY(186deg) translateX(300px) rotateZ(195deg);
      opacity: 1;
    }
  }
  .c:nth-child(2) {
    animation: orbit2 14s infinite;
    animation-delay: 0.02s;
    background-color: #076edb;
  }
  
  @keyframes orbit2 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-163deg) rotateY(60deg) translateX(100px) rotateZ(163deg);
    }
    80% {
      transform: rotateZ(-163deg) rotateY(60deg) translateX(100px) rotateZ(163deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-163deg) rotateY(60deg) translateX(300px) rotateZ(163deg);
      opacity: 1;
    }
  }
  .c:nth-child(3) {
    animation: orbit3 14s infinite;
    animation-delay: 0.03s;
    background-color: #007bff;
  }
  
  @keyframes orbit3 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-19deg) rotateY(298deg) translateX(100px) rotateZ(19deg);
    }
    80% {
      transform: rotateZ(-19deg) rotateY(298deg) translateX(100px) rotateZ(19deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-19deg) rotateY(298deg) translateX(300px) rotateZ(19deg);
      opacity: 1;
    }
  }
  .c:nth-child(4) {
    animation: orbit4 14s infinite;
    animation-delay: 0.04s;
    background-color: #007bff;
  }
  
  @keyframes orbit4 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-189deg) rotateY(92deg) translateX(100px) rotateZ(189deg);
    }
    80% {
      transform: rotateZ(-189deg) rotateY(92deg) translateX(100px) rotateZ(189deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-189deg) rotateY(92deg) translateX(300px) rotateZ(189deg);
      opacity: 1;
    }
  }
  .c:nth-child(5) {
    animation: orbit5 14s infinite;
    animation-delay: 0.05s;
    background-color: #0860be;
  }
  
  @keyframes orbit5 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-297deg) rotateY(161deg) translateX(100px) rotateZ(297deg);
    }
    80% {
      transform: rotateZ(-297deg) rotateY(161deg) translateX(100px) rotateZ(297deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-297deg) rotateY(161deg) translateX(300px) rotateZ(297deg);
      opacity: 1;
    }
  }
  .c:nth-child(6) {
    animation: orbit6 14s infinite;
    animation-delay: 0.06s;
    background-color: #0860be;
  }
  
  @keyframes orbit6 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-37deg) rotateY(32deg) translateX(100px) rotateZ(37deg);
    }
    80% {
      transform: rotateZ(-37deg) rotateY(32deg) translateX(100px) rotateZ(37deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-37deg) rotateY(32deg) translateX(300px) rotateZ(37deg);
      opacity: 1;
    }
  }
  .c:nth-child(7) {
    animation: orbit7 14s infinite;
    animation-delay: 0.07s;
    background-color: #0860be;
  }
  
  @keyframes orbit7 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-159deg) rotateY(54deg) translateX(100px) rotateZ(159deg);
    }
    80% {
      transform: rotateZ(-159deg) rotateY(54deg) translateX(100px) rotateZ(159deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-159deg) rotateY(54deg) translateX(300px) rotateZ(159deg);
      opacity: 1;
    }
  }
  .c:nth-child(8) {
    animation: orbit8 14s infinite;
    animation-delay: 0.08s;
    background-color: #0957aa;
  }
  
  @keyframes orbit8 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-344deg) rotateY(219deg) translateX(100px) rotateZ(344deg);
    }
    80% {
      transform: rotateZ(-344deg) rotateY(219deg) translateX(100px) rotateZ(344deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-344deg) rotateY(219deg) translateX(300px) rotateZ(344deg);
      opacity: 1;
    }
  }
  .c:nth-child(9) {
    animation: orbit9 14s infinite;
    animation-delay: 0.09s;
    background-color: #0957aa;
  }
  
  @keyframes orbit9 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-322deg) rotateY(315deg) translateX(100px) rotateZ(322deg);
    }
    80% {
      transform: rotateZ(-322deg) rotateY(315deg) translateX(100px) rotateZ(322deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-322deg) rotateY(315deg) translateX(300px) rotateZ(322deg);
      opacity: 1;
    }
  }
  .c:nth-child(10) {
    animation: orbit10 14s infinite;
    animation-delay: 0.1s;
    background-color: #0957aa;
  }
  
  @keyframes orbit10 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-209deg) rotateY(149deg) translateX(100px) rotateZ(209deg);
    }
    80% {
      transform: rotateZ(-209deg) rotateY(149deg) translateX(100px) rotateZ(209deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-209deg) rotateY(149deg) translateX(300px) rotateZ(209deg);
      opacity: 1;
    }
  }
  .c:nth-child(11) {
    animation: orbit11 14s infinite;
    animation-delay: 0.11s;
    background-color: #0957aa;
  }
  
  @keyframes orbit11 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-324deg) rotateY(349deg) translateX(100px) rotateZ(324deg);
    }
    80% {
      transform: rotateZ(-324deg) rotateY(349deg) translateX(100px) rotateZ(324deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-324deg) rotateY(349deg) translateX(300px) rotateZ(324deg);
      opacity: 1;
    }
  }
  .c:nth-child(12) {
    animation: orbit12 14s infinite;
    animation-delay: 0.12s;
    background-color: #0957aa;
  }
  
  @keyframes orbit12 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-229deg) rotateY(229deg) translateX(100px) rotateZ(229deg);
    }
    80% {
      transform: rotateZ(-229deg) rotateY(229deg) translateX(100px) rotateZ(229deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-229deg) rotateY(229deg) translateX(300px) rotateZ(229deg);
      opacity: 1;
    }
  }
  .c:nth-child(13) {
    animation: orbit13 14s infinite;
    animation-delay: 0.13s;
    background-color: #0957aa;
  }
  
  @keyframes orbit13 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-157deg) rotateY(101deg) translateX(100px) rotateZ(157deg);
    }
    80% {
      transform: rotateZ(-157deg) rotateY(101deg) translateX(100px) rotateZ(157deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-157deg) rotateY(101deg) translateX(300px) rotateZ(157deg);
      opacity: 1;
    }
  }
  .c:nth-child(14) {
    animation: orbit14 14s infinite;
    animation-delay: 0.14s;
    background-color: #0957aa;
  }
  
  @keyframes orbit14 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-150deg) rotateY(354deg) translateX(100px) rotateZ(150deg);
    }
    80% {
      transform: rotateZ(-150deg) rotateY(354deg) translateX(100px) rotateZ(150deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-150deg) rotateY(354deg) translateX(300px) rotateZ(150deg);
      opacity: 1;
    }
  }
  .c:nth-child(15) {
    animation: orbit15 14s infinite;
    animation-delay: 0.15s;
    background-color: #ff0900;
  }
  
  @keyframes orbit15 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-239deg) rotateY(43deg) translateX(100px) rotateZ(239deg);
    }
    80% {
      transform: rotateZ(-239deg) rotateY(43deg) translateX(100px) rotateZ(239deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-239deg) rotateY(43deg) translateX(300px) rotateZ(239deg);
      opacity: 1;
    }
  }
  .c:nth-child(16) {
    animation: orbit16 14s infinite;
    animation-delay: 0.16s;
    background-color: #ff0900;
  }
  
  @keyframes orbit16 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-194deg) rotateY(316deg) translateX(100px) rotateZ(194deg);
    }
    80% {
      transform: rotateZ(-194deg) rotateY(316deg) translateX(100px) rotateZ(194deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-194deg) rotateY(316deg) translateX(300px) rotateZ(194deg);
      opacity: 1;
    }
  }
  .c:nth-child(17) {
    animation: orbit17 14s infinite;
    animation-delay: 0.17s;
    background-color: #ff0a00;
  }
  
  @keyframes orbit17 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-79deg) rotateY(349deg) translateX(100px) rotateZ(79deg);
    }
    80% {
      transform: rotateZ(-79deg) rotateY(349deg) translateX(100px) rotateZ(79deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-79deg) rotateY(349deg) translateX(300px) rotateZ(79deg);
      opacity: 1;
    }
  }
  .c:nth-child(18) {
    animation: orbit18 14s infinite;
    animation-delay: 0.18s;
    background-color: #ff0a00;
  }
  
  @keyframes orbit18 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-276deg) rotateY(355deg) translateX(100px) rotateZ(276deg);
    }
    80% {
      transform: rotateZ(-276deg) rotateY(355deg) translateX(100px) rotateZ(276deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-276deg) rotateY(355deg) translateX(300px) rotateZ(276deg);
      opacity: 1;
    }
  }
  .c:nth-child(19) {
    animation: orbit19 14s infinite;
    animation-delay: 0.19s;
    background-color: #ff0b00;
  }
  
  @keyframes orbit19 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-351deg) rotateY(228deg) translateX(100px) rotateZ(351deg);
    }
    80% {
      transform: rotateZ(-351deg) rotateY(228deg) translateX(100px) rotateZ(351deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-351deg) rotateY(228deg) translateX(300px) rotateZ(351deg);
      opacity: 1;
    }
  }
  .c:nth-child(20) {
    animation: orbit20 14s infinite;
    animation-delay: 0.2s;
    background-color: #ff0b00;
  }
  
  @keyframes orbit20 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-160deg) rotateY(91deg) translateX(100px) rotateZ(160deg);
    }
    80% {
      transform: rotateZ(-160deg) rotateY(91deg) translateX(100px) rotateZ(160deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-160deg) rotateY(91deg) translateX(300px) rotateZ(160deg);
      opacity: 1;
    }
  }
  .c:nth-child(21) {
    animation: orbit21 14s infinite;
    animation-delay: 0.21s;
    background-color: #ff0c00;
  }
  
  @keyframes orbit21 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-64deg) rotateY(97deg) translateX(100px) rotateZ(64deg);
    }
    80% {
      transform: rotateZ(-64deg) rotateY(97deg) translateX(100px) rotateZ(64deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-64deg) rotateY(97deg) translateX(300px) rotateZ(64deg);
      opacity: 1;
    }
  }
  .c:nth-child(22) {
    animation: orbit22 14s infinite;
    animation-delay: 0.22s;
    background-color: #ff0c00;
  }
  
  @keyframes orbit22 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-300deg) rotateY(109deg) translateX(100px) rotateZ(300deg);
    }
    80% {
      transform: rotateZ(-300deg) rotateY(109deg) translateX(100px) rotateZ(300deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-300deg) rotateY(109deg) translateX(300px) rotateZ(300deg);
      opacity: 1;
    }
  }
  .c:nth-child(23) {
    animation: orbit23 14s infinite;
    animation-delay: 0.23s;
    background-color: #ff0d00;
  }
  
  @keyframes orbit23 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-331deg) rotateY(252deg) translateX(100px) rotateZ(331deg);
    }
    80% {
      transform: rotateZ(-331deg) rotateY(252deg) translateX(100px) rotateZ(331deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-331deg) rotateY(252deg) translateX(300px) rotateZ(331deg);
      opacity: 1;
    }
  }
  .c:nth-child(24) {
    animation: orbit24 14s infinite;
    animation-delay: 0.24s;
    background-color: #ff0e00;
  }
  
  @keyframes orbit24 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-2deg) rotateY(288deg) translateX(100px) rotateZ(2deg);
    }
    80% {
      transform: rotateZ(-2deg) rotateY(288deg) translateX(100px) rotateZ(2deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-2deg) rotateY(288deg) translateX(300px) rotateZ(2deg);
      opacity: 1;
    }
  }
  .c:nth-child(25) {
    animation: orbit25 14s infinite;
    animation-delay: 0.25s;
    background-color: #ff0e00;
  }
  
  @keyframes orbit25 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-113deg) rotateY(324deg) translateX(100px) rotateZ(113deg);
    }
    80% {
      transform: rotateZ(-113deg) rotateY(324deg) translateX(100px) rotateZ(113deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-113deg) rotateY(324deg) translateX(300px) rotateZ(113deg);
      opacity: 1;
    }
  }
  .c:nth-child(26) {
    animation: orbit26 14s infinite;
    animation-delay: 0.26s;
    background-color: #ff0f00;
  }
  
  @keyframes orbit26 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-100deg) rotateY(287deg) translateX(100px) rotateZ(100deg);
    }
    80% {
      transform: rotateZ(-100deg) rotateY(287deg) translateX(100px) rotateZ(100deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-100deg) rotateY(287deg) translateX(300px) rotateZ(100deg);
      opacity: 1;
    }
  }
  .c:nth-child(27) {
    animation: orbit27 14s infinite;
    animation-delay: 0.27s;
    background-color: #ff0f00;
  }
  
  @keyframes orbit27 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-212deg) rotateY(22deg) translateX(100px) rotateZ(212deg);
    }
    80% {
      transform: rotateZ(-212deg) rotateY(22deg) translateX(100px) rotateZ(212deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-212deg) rotateY(22deg) translateX(300px) rotateZ(212deg);
      opacity: 1;
    }
  }
  .c:nth-child(28) {
    animation: orbit28 14s infinite;
    animation-delay: 0.28s;
    background-color: #ff1000;
  }
  
  @keyframes orbit28 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-224deg) rotateY(337deg) translateX(100px) rotateZ(224deg);
    }
    80% {
      transform: rotateZ(-224deg) rotateY(337deg) translateX(100px) rotateZ(224deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-224deg) rotateY(337deg) translateX(300px) rotateZ(224deg);
      opacity: 1;
    }
  }
  .c:nth-child(29) {
    animation: orbit29 14s infinite;
    animation-delay: 0.29s;
    background-color: #ff1000;
  }
  
  @keyframes orbit29 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-347deg) rotateY(136deg) translateX(100px) rotateZ(347deg);
    }
    80% {
      transform: rotateZ(-347deg) rotateY(136deg) translateX(100px) rotateZ(347deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-347deg) rotateY(136deg) translateX(300px) rotateZ(347deg);
      opacity: 1;
    }
  }
  .c:nth-child(30) {
    animation: orbit30 14s infinite;
    animation-delay: 0.3s;
    background-color: #ff1100;
  }
  
  @keyframes orbit30 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-303deg) rotateY(23deg) translateX(100px) rotateZ(303deg);
    }
    80% {
      transform: rotateZ(-303deg) rotateY(23deg) translateX(100px) rotateZ(303deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-303deg) rotateY(23deg) translateX(300px) rotateZ(303deg);
      opacity: 1;
    }
  }
  .c:nth-child(31) {
    animation: orbit31 14s infinite;
    animation-delay: 0.31s;
    background-color: #ff1200;
  }
  
  @keyframes orbit31 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-360deg) rotateY(149deg) translateX(100px) rotateZ(360deg);
    }
    80% {
      transform: rotateZ(-360deg) rotateY(149deg) translateX(100px) rotateZ(360deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-360deg) rotateY(149deg) translateX(300px) rotateZ(360deg);
      opacity: 1;
    }
  }
  .c:nth-child(32) {
    animation: orbit32 14s infinite;
    animation-delay: 0.32s;
    background-color: #ff1200;
  }
  
  @keyframes orbit32 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-291deg) rotateY(211deg) translateX(100px) rotateZ(291deg);
    }
    80% {
      transform: rotateZ(-291deg) rotateY(211deg) translateX(100px) rotateZ(291deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-291deg) rotateY(211deg) translateX(300px) rotateZ(291deg);
      opacity: 1;
    }
  }
  .c:nth-child(33) {
    animation: orbit33 14s infinite;
    animation-delay: 0.33s;
    background-color: #ff1300;
  }
  
  @keyframes orbit33 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-245deg) rotateY(155deg) translateX(100px) rotateZ(245deg);
    }
    80% {
      transform: rotateZ(-245deg) rotateY(155deg) translateX(100px) rotateZ(245deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-245deg) rotateY(155deg) translateX(300px) rotateZ(245deg);
      opacity: 1;
    }
  }
  .c:nth-child(34) {
    animation: orbit34 14s infinite;
    animation-delay: 0.34s;
    background-color: #ff1300;
  }
  
  @keyframes orbit34 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-325deg) rotateY(36deg) translateX(100px) rotateZ(325deg);
    }
    80% {
      transform: rotateZ(-325deg) rotateY(36deg) translateX(100px) rotateZ(325deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-325deg) rotateY(36deg) translateX(300px) rotateZ(325deg);
      opacity: 1;
    }
  }
  .c:nth-child(35) {
    animation: orbit35 14s infinite;
    animation-delay: 0.35s;
    background-color: #ff1400;
  }
  
  @keyframes orbit35 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-42deg) rotateY(305deg) translateX(100px) rotateZ(42deg);
    }
    80% {
      transform: rotateZ(-42deg) rotateY(305deg) translateX(100px) rotateZ(42deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-42deg) rotateY(305deg) translateX(300px) rotateZ(42deg);
      opacity: 1;
    }
  }
  .c:nth-child(36) {
    animation: orbit36 14s infinite;
    animation-delay: 0.36s;
    background-color: #ff1400;
  }
  
  @keyframes orbit36 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-340deg) rotateY(84deg) translateX(100px) rotateZ(340deg);
    }
    80% {
      transform: rotateZ(-340deg) rotateY(84deg) translateX(100px) rotateZ(340deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-340deg) rotateY(84deg) translateX(300px) rotateZ(340deg);
      opacity: 1;
    }
  }
  .c:nth-child(37) {
    animation: orbit37 14s infinite;
    animation-delay: 0.37s;
    background-color: #ff1500;
  }
  
  @keyframes orbit37 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-230deg) rotateY(78deg) translateX(100px) rotateZ(230deg);
    }
    80% {
      transform: rotateZ(-230deg) rotateY(78deg) translateX(100px) rotateZ(230deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-230deg) rotateY(78deg) translateX(300px) rotateZ(230deg);
      opacity: 1;
    }
  }
  .c:nth-child(38) {
    animation: orbit38 14s infinite;
    animation-delay: 0.38s;
    background-color: #ff1600;
  }
  
  @keyframes orbit38 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-186deg) rotateY(194deg) translateX(100px) rotateZ(186deg);
    }
    80% {
      transform: rotateZ(-186deg) rotateY(194deg) translateX(100px) rotateZ(186deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-186deg) rotateY(194deg) translateX(300px) rotateZ(186deg);
      opacity: 1;
    }
  }
  .c:nth-child(39) {
    animation: orbit39 14s infinite;
    animation-delay: 0.39s;
    background-color: #ff1600;
  }
  
  @keyframes orbit39 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-119deg) rotateY(297deg) translateX(100px) rotateZ(119deg);
    }
    80% {
      transform: rotateZ(-119deg) rotateY(297deg) translateX(100px) rotateZ(119deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-119deg) rotateY(297deg) translateX(300px) rotateZ(119deg);
      opacity: 1;
    }
  }
  .c:nth-child(40) {
    animation: orbit40 14s infinite;
    animation-delay: 0.4s;
    background-color: #ff1700;
  }
  
  @keyframes orbit40 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-153deg) rotateY(29deg) translateX(100px) rotateZ(153deg);
    }
    80% {
      transform: rotateZ(-153deg) rotateY(29deg) translateX(100px) rotateZ(153deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-153deg) rotateY(29deg) translateX(300px) rotateZ(153deg);
      opacity: 1;
    }
  }
  .c:nth-child(41) {
    animation: orbit41 14s infinite;
    animation-delay: 0.41s;
    background-color: #ff1700;
  }
  
  @keyframes orbit41 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-84deg) rotateY(339deg) translateX(100px) rotateZ(84deg);
    }
    80% {
      transform: rotateZ(-84deg) rotateY(339deg) translateX(100px) rotateZ(84deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-84deg) rotateY(339deg) translateX(300px) rotateZ(84deg);
      opacity: 1;
    }
  }
  .c:nth-child(42) {
    animation: orbit42 14s infinite;
    animation-delay: 0.42s;
    background-color: #ff1800;
  }
  
  @keyframes orbit42 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-269deg) rotateY(144deg) translateX(100px) rotateZ(269deg);
    }
    80% {
      transform: rotateZ(-269deg) rotateY(144deg) translateX(100px) rotateZ(269deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-269deg) rotateY(144deg) translateX(300px) rotateZ(269deg);
      opacity: 1;
    }
  }
  .c:nth-child(43) {
    animation: orbit43 14s infinite;
    animation-delay: 0.43s;
    background-color: #ff1800;
  }
  
  @keyframes orbit43 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-204deg) rotateY(294deg) translateX(100px) rotateZ(204deg);
    }
    80% {
      transform: rotateZ(-204deg) rotateY(294deg) translateX(100px) rotateZ(204deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-204deg) rotateY(294deg) translateX(300px) rotateZ(204deg);
      opacity: 1;
    }
  }
  .c:nth-child(44) {
    animation: orbit44 14s infinite;
    animation-delay: 0.44s;
    background-color: #ff1900;
  }
  
  @keyframes orbit44 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-2deg) rotateY(82deg) translateX(100px) rotateZ(2deg);
    }
    80% {
      transform: rotateZ(-2deg) rotateY(82deg) translateX(100px) rotateZ(2deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-2deg) rotateY(82deg) translateX(300px) rotateZ(2deg);
      opacity: 1;
    }
  }
  .c:nth-child(45) {
    animation: orbit45 14s infinite;
    animation-delay: 0.45s;
    background-color: #ff1a00;
  }
  
  @keyframes orbit45 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-189deg) rotateY(110deg) translateX(100px) rotateZ(189deg);
    }
    80% {
      transform: rotateZ(-189deg) rotateY(110deg) translateX(100px) rotateZ(189deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-189deg) rotateY(110deg) translateX(300px) rotateZ(189deg);
      opacity: 1;
    }
  }
  .c:nth-child(46) {
    animation: orbit46 14s infinite;
    animation-delay: 0.46s;
    background-color: #ff1a00;
  }
  
  @keyframes orbit46 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-37deg) rotateY(69deg) translateX(100px) rotateZ(37deg);
    }
    80% {
      transform: rotateZ(-37deg) rotateY(69deg) translateX(100px) rotateZ(37deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-37deg) rotateY(69deg) translateX(300px) rotateZ(37deg);
      opacity: 1;
    }
  }
  .c:nth-child(47) {
    animation: orbit47 14s infinite;
    animation-delay: 0.47s;
    background-color: #ff1b00;
  }
  
  @keyframes orbit47 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-210deg) rotateY(173deg) translateX(100px) rotateZ(210deg);
    }
    80% {
      transform: rotateZ(-210deg) rotateY(173deg) translateX(100px) rotateZ(210deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-210deg) rotateY(173deg) translateX(300px) rotateZ(210deg);
      opacity: 1;
    }
  }
  .c:nth-child(48) {
    animation: orbit48 14s infinite;
    animation-delay: 0.48s;
    background-color: #ff1b00;
  }
  
  @keyframes orbit48 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-266deg) rotateY(268deg) translateX(100px) rotateZ(266deg);
    }
    80% {
      transform: rotateZ(-266deg) rotateY(268deg) translateX(100px) rotateZ(266deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-266deg) rotateY(268deg) translateX(300px) rotateZ(266deg);
      opacity: 1;
    }
  }
  .c:nth-child(49) {
    animation: orbit49 14s infinite;
    animation-delay: 0.49s;
    background-color: #ff1c00;
  }
  
  @keyframes orbit49 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-92deg) rotateY(143deg) translateX(100px) rotateZ(92deg);
    }
    80% {
      transform: rotateZ(-92deg) rotateY(143deg) translateX(100px) rotateZ(92deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-92deg) rotateY(143deg) translateX(300px) rotateZ(92deg);
      opacity: 1;
    }
  }
  .c:nth-child(50) {
    animation: orbit50 14s infinite;
    animation-delay: 0.5s;
    background-color: #ff1c00;
  }
  
  @keyframes orbit50 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-164deg) rotateY(276deg) translateX(100px) rotateZ(164deg);
    }
    80% {
      transform: rotateZ(-164deg) rotateY(276deg) translateX(100px) rotateZ(164deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-164deg) rotateY(276deg) translateX(300px) rotateZ(164deg);
      opacity: 1;
    }
  }
  .c:nth-child(51) {
    animation: orbit51 14s infinite;
    animation-delay: 0.51s;
    background-color: #ff1d00;
  }
  
  @keyframes orbit51 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-290deg) rotateY(22deg) translateX(100px) rotateZ(290deg);
    }
    80% {
      transform: rotateZ(-290deg) rotateY(22deg) translateX(100px) rotateZ(290deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-290deg) rotateY(22deg) translateX(300px) rotateZ(290deg);
      opacity: 1;
    }
  }
  .c:nth-child(52) {
    animation: orbit52 14s infinite;
    animation-delay: 0.52s;
    background-color: #ff1d00;
  }
  
  @keyframes orbit52 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-293deg) rotateY(290deg) translateX(100px) rotateZ(293deg);
    }
    80% {
      transform: rotateZ(-293deg) rotateY(290deg) translateX(100px) rotateZ(293deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-293deg) rotateY(290deg) translateX(300px) rotateZ(293deg);
      opacity: 1;
    }
  }
  .c:nth-child(53) {
    animation: orbit53 14s infinite;
    animation-delay: 0.53s;
    background-color: #ff1e00;
  }
  
  @keyframes orbit53 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-83deg) rotateY(276deg) translateX(100px) rotateZ(83deg);
    }
    80% {
      transform: rotateZ(-83deg) rotateY(276deg) translateX(100px) rotateZ(83deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-83deg) rotateY(276deg) translateX(300px) rotateZ(83deg);
      opacity: 1;
    }
  }
  .c:nth-child(54) {
    animation: orbit54 14s infinite;
    animation-delay: 0.54s;
    background-color: #ff1f00;
  }
  
  @keyframes orbit54 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-282deg) rotateY(28deg) translateX(100px) rotateZ(282deg);
    }
    80% {
      transform: rotateZ(-282deg) rotateY(28deg) translateX(100px) rotateZ(282deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-282deg) rotateY(28deg) translateX(300px) rotateZ(282deg);
      opacity: 1;
    }
  }
  .c:nth-child(55) {
    animation: orbit55 14s infinite;
    animation-delay: 0.55s;
    background-color: #ff1f00;
  }
  
  @keyframes orbit55 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-35deg) rotateY(110deg) translateX(100px) rotateZ(35deg);
    }
    80% {
      transform: rotateZ(-35deg) rotateY(110deg) translateX(100px) rotateZ(35deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-35deg) rotateY(110deg) translateX(300px) rotateZ(35deg);
      opacity: 1;
    }
  }
  .c:nth-child(56) {
    animation: orbit56 14s infinite;
    animation-delay: 0.56s;
    background-color: #ff2000;
  }
  
  @keyframes orbit56 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-20deg) rotateY(28deg) translateX(100px) rotateZ(20deg);
    }
    80% {
      transform: rotateZ(-20deg) rotateY(28deg) translateX(100px) rotateZ(20deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-20deg) rotateY(28deg) translateX(300px) rotateZ(20deg);
      opacity: 1;
    }
  }
  .c:nth-child(57) {
    animation: orbit57 14s infinite;
    animation-delay: 0.57s;
    background-color: #ff2000;
  }
  
  @keyframes orbit57 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-298deg) rotateY(8deg) translateX(100px) rotateZ(298deg);
    }
    80% {
      transform: rotateZ(-298deg) rotateY(8deg) translateX(100px) rotateZ(298deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-298deg) rotateY(8deg) translateX(300px) rotateZ(298deg);
      opacity: 1;
    }
  }
  .c:nth-child(58) {
    animation: orbit58 14s infinite;
    animation-delay: 0.58s;
    background-color: #ff2100;
  }
  
  @keyframes orbit58 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-359deg) rotateY(180deg) translateX(100px) rotateZ(359deg);
    }
    80% {
      transform: rotateZ(-359deg) rotateY(180deg) translateX(100px) rotateZ(359deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-359deg) rotateY(180deg) translateX(300px) rotateZ(359deg);
      opacity: 1;
    }
  }
  .c:nth-child(59) {
    animation: orbit59 14s infinite;
    animation-delay: 0.59s;
    background-color: #ff2100;
  }
  
  @keyframes orbit59 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-288deg) rotateY(122deg) translateX(100px) rotateZ(288deg);
    }
    80% {
      transform: rotateZ(-288deg) rotateY(122deg) translateX(100px) rotateZ(288deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-288deg) rotateY(122deg) translateX(300px) rotateZ(288deg);
      opacity: 1;
    }
  }
  .c:nth-child(60) {
    animation: orbit60 14s infinite;
    animation-delay: 0.6s;
    background-color: #ff2200;
  }
  
  @keyframes orbit60 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-279deg) rotateY(261deg) translateX(100px) rotateZ(279deg);
    }
    80% {
      transform: rotateZ(-279deg) rotateY(261deg) translateX(100px) rotateZ(279deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-279deg) rotateY(261deg) translateX(300px) rotateZ(279deg);
      opacity: 1;
    }
  }
  .c:nth-child(61) {
    animation: orbit61 14s infinite;
    animation-delay: 0.61s;
    background-color: #ff2300;
  }
  
  @keyframes orbit61 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-83deg) rotateY(242deg) translateX(100px) rotateZ(83deg);
    }
    80% {
      transform: rotateZ(-83deg) rotateY(242deg) translateX(100px) rotateZ(83deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-83deg) rotateY(242deg) translateX(300px) rotateZ(83deg);
      opacity: 1;
    }
  }
  .c:nth-child(62) {
    animation: orbit62 14s infinite;
    animation-delay: 0.62s;
    background-color: #ff2300;
  }
  
  @keyframes orbit62 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-228deg) rotateY(178deg) translateX(100px) rotateZ(228deg);
    }
    80% {
      transform: rotateZ(-228deg) rotateY(178deg) translateX(100px) rotateZ(228deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-228deg) rotateY(178deg) translateX(300px) rotateZ(228deg);
      opacity: 1;
    }
  }
  .c:nth-child(63) {
    animation: orbit63 14s infinite;
    animation-delay: 0.63s;
    background-color: #ff2400;
  }
  
  @keyframes orbit63 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-347deg) rotateY(28deg) translateX(100px) rotateZ(347deg);
    }
    80% {
      transform: rotateZ(-347deg) rotateY(28deg) translateX(100px) rotateZ(347deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-347deg) rotateY(28deg) translateX(300px) rotateZ(347deg);
      opacity: 1;
    }
  }
  .c:nth-child(64) {
    animation: orbit64 14s infinite;
    animation-delay: 0.64s;
    background-color: #ff2400;
  }
  
  @keyframes orbit64 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-154deg) rotateY(83deg) translateX(100px) rotateZ(154deg);
    }
    80% {
      transform: rotateZ(-154deg) rotateY(83deg) translateX(100px) rotateZ(154deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-154deg) rotateY(83deg) translateX(300px) rotateZ(154deg);
      opacity: 1;
    }
  }
  .c:nth-child(65) {
    animation: orbit65 14s infinite;
    animation-delay: 0.65s;
    background-color: #ff2500;
  }
  
  @keyframes orbit65 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-170deg) rotateY(70deg) translateX(100px) rotateZ(170deg);
    }
    80% {
      transform: rotateZ(-170deg) rotateY(70deg) translateX(100px) rotateZ(170deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-170deg) rotateY(70deg) translateX(300px) rotateZ(170deg);
      opacity: 1;
    }
  }
  .c:nth-child(66) {
    animation: orbit66 14s infinite;
    animation-delay: 0.66s;
    background-color: #ff2500;
  }
  
  @keyframes orbit66 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-206deg) rotateY(226deg) translateX(100px) rotateZ(206deg);
    }
    80% {
      transform: rotateZ(-206deg) rotateY(226deg) translateX(100px) rotateZ(206deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-206deg) rotateY(226deg) translateX(300px) rotateZ(206deg);
      opacity: 1;
    }
  }
  .c:nth-child(67) {
    animation: orbit67 14s infinite;
    animation-delay: 0.67s;
    background-color: #ff2600;
  }
  
  @keyframes orbit67 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-146deg) rotateY(354deg) translateX(100px) rotateZ(146deg);
    }
    80% {
      transform: rotateZ(-146deg) rotateY(354deg) translateX(100px) rotateZ(146deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-146deg) rotateY(354deg) translateX(300px) rotateZ(146deg);
      opacity: 1;
    }
  }
  .c:nth-child(68) {
    animation: orbit68 14s infinite;
    animation-delay: 0.68s;
    background-color: #ff2700;
  }
  
  @keyframes orbit68 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-267deg) rotateY(141deg) translateX(100px) rotateZ(267deg);
    }
    80% {
      transform: rotateZ(-267deg) rotateY(141deg) translateX(100px) rotateZ(267deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-267deg) rotateY(141deg) translateX(300px) rotateZ(267deg);
      opacity: 1;
    }
  }
  .c:nth-child(69) {
    animation: orbit69 14s infinite;
    animation-delay: 0.69s;
    background-color: #ff2700;
  }
  
  @keyframes orbit69 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-126deg) rotateY(248deg) translateX(100px) rotateZ(126deg);
    }
    80% {
      transform: rotateZ(-126deg) rotateY(248deg) translateX(100px) rotateZ(126deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-126deg) rotateY(248deg) translateX(300px) rotateZ(126deg);
      opacity: 1;
    }
  }
  .c:nth-child(70) {
    animation: orbit70 14s infinite;
    animation-delay: 0.7s;
    background-color: #ff2800;
  }
  
  @keyframes orbit70 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-239deg) rotateY(160deg) translateX(100px) rotateZ(239deg);
    }
    80% {
      transform: rotateZ(-239deg) rotateY(160deg) translateX(100px) rotateZ(239deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-239deg) rotateY(160deg) translateX(300px) rotateZ(239deg);
      opacity: 1;
    }
  }
  .c:nth-child(71) {
    animation: orbit71 14s infinite;
    animation-delay: 0.71s;
    background-color: #ff2800;
  }
  
  @keyframes orbit71 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-340deg) rotateY(13deg) translateX(100px) rotateZ(340deg);
    }
    80% {
      transform: rotateZ(-340deg) rotateY(13deg) translateX(100px) rotateZ(340deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-340deg) rotateY(13deg) translateX(300px) rotateZ(340deg);
      opacity: 1;
    }
  }
  .c:nth-child(72) {
    animation: orbit72 14s infinite;
    animation-delay: 0.72s;
    background-color: #ff2900;
  }
  
  @keyframes orbit72 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-182deg) rotateY(4deg) translateX(100px) rotateZ(182deg);
    }
    80% {
      transform: rotateZ(-182deg) rotateY(4deg) translateX(100px) rotateZ(182deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-182deg) rotateY(4deg) translateX(300px) rotateZ(182deg);
      opacity: 1;
    }
  }
  .c:nth-child(73) {
    animation: orbit73 14s infinite;
    animation-delay: 0.73s;
    background-color: #ff2900;
  }
  
  @keyframes orbit73 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-40deg) rotateY(352deg) translateX(100px) rotateZ(40deg);
    }
    80% {
      transform: rotateZ(-40deg) rotateY(352deg) translateX(100px) rotateZ(40deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-40deg) rotateY(352deg) translateX(300px) rotateZ(40deg);
      opacity: 1;
    }
  }
  .c:nth-child(74) {
    animation: orbit74 14s infinite;
    animation-delay: 0.74s;
    background-color: #ff2a00;
  }
  
  @keyframes orbit74 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-105deg) rotateY(10deg) translateX(100px) rotateZ(105deg);
    }
    80% {
      transform: rotateZ(-105deg) rotateY(10deg) translateX(100px) rotateZ(105deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-105deg) rotateY(10deg) translateX(300px) rotateZ(105deg);
      opacity: 1;
    }
  }
  .c:nth-child(75) {
    animation: orbit75 14s infinite;
    animation-delay: 0.75s;
    background-color: #ff2b00;
  }
  
  @keyframes orbit75 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-196deg) rotateY(267deg) translateX(100px) rotateZ(196deg);
    }
    80% {
      transform: rotateZ(-196deg) rotateY(267deg) translateX(100px) rotateZ(196deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-196deg) rotateY(267deg) translateX(300px) rotateZ(196deg);
      opacity: 1;
    }
  }
  .c:nth-child(76) {
    animation: orbit76 14s infinite;
    animation-delay: 0.76s;
    background-color: #ff2b00;
  }
  
  @keyframes orbit76 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-126deg) rotateY(253deg) translateX(100px) rotateZ(126deg);
    }
    80% {
      transform: rotateZ(-126deg) rotateY(253deg) translateX(100px) rotateZ(126deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-126deg) rotateY(253deg) translateX(300px) rotateZ(126deg);
      opacity: 1;
    }
  }
  .c:nth-child(77) {
    animation: orbit77 14s infinite;
    animation-delay: 0.77s;
    background-color: #ff2c00;
  }
  
  @keyframes orbit77 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-241deg) rotateY(122deg) translateX(100px) rotateZ(241deg);
    }
    80% {
      transform: rotateZ(-241deg) rotateY(122deg) translateX(100px) rotateZ(241deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-241deg) rotateY(122deg) translateX(300px) rotateZ(241deg);
      opacity: 1;
    }
  }
  .c:nth-child(78) {
    animation: orbit78 14s infinite;
    animation-delay: 0.78s;
    background-color: #ff2c00;
  }
  
  @keyframes orbit78 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-129deg) rotateY(173deg) translateX(100px) rotateZ(129deg);
    }
    80% {
      transform: rotateZ(-129deg) rotateY(173deg) translateX(100px) rotateZ(129deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-129deg) rotateY(173deg) translateX(300px) rotateZ(129deg);
      opacity: 1;
    }
  }
  .c:nth-child(79) {
    animation: orbit79 14s infinite;
    animation-delay: 0.79s;
    background-color: #ff2d00;
  }
  
  @keyframes orbit79 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-152deg) rotateY(287deg) translateX(100px) rotateZ(152deg);
    }
    80% {
      transform: rotateZ(-152deg) rotateY(287deg) translateX(100px) rotateZ(152deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-152deg) rotateY(287deg) translateX(300px) rotateZ(152deg);
      opacity: 1;
    }
  }
  .c:nth-child(80) {
    animation: orbit80 14s infinite;
    animation-delay: 0.8s;
    background-color: #ff2d00;
  }
  
  @keyframes orbit80 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-188deg) rotateY(123deg) translateX(100px) rotateZ(188deg);
    }
    80% {
      transform: rotateZ(-188deg) rotateY(123deg) translateX(100px) rotateZ(188deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-188deg) rotateY(123deg) translateX(300px) rotateZ(188deg);
      opacity: 1;
    }
  }
  .c:nth-child(81) {
    animation: orbit81 14s infinite;
    animation-delay: 0.81s;
    background-color: #ff2e00;
  }
  
  @keyframes orbit81 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-270deg) rotateY(129deg) translateX(100px) rotateZ(270deg);
    }
    80% {
      transform: rotateZ(-270deg) rotateY(129deg) translateX(100px) rotateZ(270deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-270deg) rotateY(129deg) translateX(300px) rotateZ(270deg);
      opacity: 1;
    }
  }
  .c:nth-child(82) {
    animation: orbit82 14s infinite;
    animation-delay: 0.82s;
    background-color: #ff2e00;
  }
  
  @keyframes orbit82 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-105deg) rotateY(317deg) translateX(100px) rotateZ(105deg);
    }
    80% {
      transform: rotateZ(-105deg) rotateY(317deg) translateX(100px) rotateZ(105deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-105deg) rotateY(317deg) translateX(300px) rotateZ(105deg);
      opacity: 1;
    }
  }
  .c:nth-child(83) {
    animation: orbit83 14s infinite;
    animation-delay: 0.83s;
    background-color: #ff2f00;
  }
  
  @keyframes orbit83 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-306deg) rotateY(84deg) translateX(100px) rotateZ(306deg);
    }
    80% {
      transform: rotateZ(-306deg) rotateY(84deg) translateX(100px) rotateZ(306deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-306deg) rotateY(84deg) translateX(300px) rotateZ(306deg);
      opacity: 1;
    }
  }
  .c:nth-child(84) {
    animation: orbit84 14s infinite;
    animation-delay: 0.84s;
    background-color: #ff3000;
  }
  
  @keyframes orbit84 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-69deg) rotateY(219deg) translateX(100px) rotateZ(69deg);
    }
    80% {
      transform: rotateZ(-69deg) rotateY(219deg) translateX(100px) rotateZ(69deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-69deg) rotateY(219deg) translateX(300px) rotateZ(69deg);
      opacity: 1;
    }
  }
  .c:nth-child(85) {
    animation: orbit85 14s infinite;
    animation-delay: 0.85s;
    background-color: #ff3000;
  }
  
  @keyframes orbit85 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-267deg) rotateY(164deg) translateX(100px) rotateZ(267deg);
    }
    80% {
      transform: rotateZ(-267deg) rotateY(164deg) translateX(100px) rotateZ(267deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-267deg) rotateY(164deg) translateX(300px) rotateZ(267deg);
      opacity: 1;
    }
  }
  .c:nth-child(86) {
    animation: orbit86 14s infinite;
    animation-delay: 0.86s;
    background-color: #ff3100;
  }
  
  @keyframes orbit86 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-284deg) rotateY(276deg) translateX(100px) rotateZ(284deg);
    }
    80% {
      transform: rotateZ(-284deg) rotateY(276deg) translateX(100px) rotateZ(284deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-284deg) rotateY(276deg) translateX(300px) rotateZ(284deg);
      opacity: 1;
    }
  }
  .c:nth-child(87) {
    animation: orbit87 14s infinite;
    animation-delay: 0.87s;
    background-color: #ff3100;
  }
  
  @keyframes orbit87 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-119deg) rotateY(151deg) translateX(100px) rotateZ(119deg);
    }
    80% {
      transform: rotateZ(-119deg) rotateY(151deg) translateX(100px) rotateZ(119deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-119deg) rotateY(151deg) translateX(300px) rotateZ(119deg);
      opacity: 1;
    }
  }
  .c:nth-child(88) {
    animation: orbit88 14s infinite;
    animation-delay: 0.88s;
    background-color: #ff3200;
  }
  
  @keyframes orbit88 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-345deg) rotateY(356deg) translateX(100px) rotateZ(345deg);
    }
    80% {
      transform: rotateZ(-345deg) rotateY(356deg) translateX(100px) rotateZ(345deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-345deg) rotateY(356deg) translateX(300px) rotateZ(345deg);
      opacity: 1;
    }
  }
  .c:nth-child(89) {
    animation: orbit89 14s infinite;
    animation-delay: 0.89s;
    background-color: #ff3200;
  }
  
  @keyframes orbit89 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-21deg) rotateY(146deg) translateX(100px) rotateZ(21deg);
    }
    80% {
      transform: rotateZ(-21deg) rotateY(146deg) translateX(100px) rotateZ(21deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-21deg) rotateY(146deg) translateX(300px) rotateZ(21deg);
      opacity: 1;
    }
  }
  .c:nth-child(90) {
    animation: orbit90 14s infinite;
    animation-delay: 0.9s;
    background-color: #ff3300;
  }
  
  @keyframes orbit90 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-221deg) rotateY(29deg) translateX(100px) rotateZ(221deg);
    }
    80% {
      transform: rotateZ(-221deg) rotateY(29deg) translateX(100px) rotateZ(221deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-221deg) rotateY(29deg) translateX(300px) rotateZ(221deg);
      opacity: 1;
    }
  }
  .c:nth-child(91) {
    animation: orbit91 14s infinite;
    animation-delay: 0.91s;
    background-color: #ff3400;
  }
  
  @keyframes orbit91 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-259deg) rotateY(154deg) translateX(100px) rotateZ(259deg);
    }
    80% {
      transform: rotateZ(-259deg) rotateY(154deg) translateX(100px) rotateZ(259deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-259deg) rotateY(154deg) translateX(300px) rotateZ(259deg);
      opacity: 1;
    }
  }
  .c:nth-child(92) {
    animation: orbit92 14s infinite;
    animation-delay: 0.92s;
    background-color: #ff3400;
  }
  
  @keyframes orbit92 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-284deg) rotateY(131deg) translateX(100px) rotateZ(284deg);
    }
    80% {
      transform: rotateZ(-284deg) rotateY(131deg) translateX(100px) rotateZ(284deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-284deg) rotateY(131deg) translateX(300px) rotateZ(284deg);
      opacity: 1;
    }
  }
  .c:nth-child(93) {
    animation: orbit93 14s infinite;
    animation-delay: 0.93s;
    background-color: #ff3500;
  }
  
  @keyframes orbit93 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-201deg) rotateY(205deg) translateX(100px) rotateZ(201deg);
    }
    80% {
      transform: rotateZ(-201deg) rotateY(205deg) translateX(100px) rotateZ(201deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-201deg) rotateY(205deg) translateX(300px) rotateZ(201deg);
      opacity: 1;
    }
  }
  .c:nth-child(94) {
    animation: orbit94 14s infinite;
    animation-delay: 0.94s;
    background-color: #ff3500;
  }
  
  @keyframes orbit94 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-36deg) rotateY(174deg) translateX(100px) rotateZ(36deg);
    }
    80% {
      transform: rotateZ(-36deg) rotateY(174deg) translateX(100px) rotateZ(36deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-36deg) rotateY(174deg) translateX(300px) rotateZ(36deg);
      opacity: 1;
    }
  }
  .c:nth-child(95) {
    animation: orbit95 14s infinite;
    animation-delay: 0.95s;
    background-color: #ff3600;
  }
  
  @keyframes orbit95 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-356deg) rotateY(337deg) translateX(100px) rotateZ(356deg);
    }
    80% {
      transform: rotateZ(-356deg) rotateY(337deg) translateX(100px) rotateZ(356deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-356deg) rotateY(337deg) translateX(300px) rotateZ(356deg);
      opacity: 1;
    }
  }
  .c:nth-child(96) {
    animation: orbit96 14s infinite;
    animation-delay: 0.96s;
    background-color: #ff3600;
  }
  
  @keyframes orbit96 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-312deg) rotateY(106deg) translateX(100px) rotateZ(312deg);
    }
    80% {
      transform: rotateZ(-312deg) rotateY(106deg) translateX(100px) rotateZ(312deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-312deg) rotateY(106deg) translateX(300px) rotateZ(312deg);
      opacity: 1;
    }
  }
  .c:nth-child(97) {
    animation: orbit97 14s infinite;
    animation-delay: 0.97s;
    background-color: #ff3700;
  }
  
  @keyframes orbit97 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-261deg) rotateY(141deg) translateX(100px) rotateZ(261deg);
    }
    80% {
      transform: rotateZ(-261deg) rotateY(141deg) translateX(100px) rotateZ(261deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-261deg) rotateY(141deg) translateX(300px) rotateZ(261deg);
      opacity: 1;
    }
  }
  .c:nth-child(98) {
    animation: orbit98 14s infinite;
    animation-delay: 0.98s;
    background-color: #ff3800;
  }
  
  @keyframes orbit98 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-134deg) rotateY(66deg) translateX(100px) rotateZ(134deg);
    }
    80% {
      transform: rotateZ(-134deg) rotateY(66deg) translateX(100px) rotateZ(134deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-134deg) rotateY(66deg) translateX(300px) rotateZ(134deg);
      opacity: 1;
    }
  }
  .c:nth-child(99) {
    animation: orbit99 14s infinite;
    animation-delay: 0.99s;
    background-color: #ff3800;
  }
  
  @keyframes orbit99 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-40deg) rotateY(313deg) translateX(100px) rotateZ(40deg);
    }
    80% {
      transform: rotateZ(-40deg) rotateY(313deg) translateX(100px) rotateZ(40deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-40deg) rotateY(313deg) translateX(300px) rotateZ(40deg);
      opacity: 1;
    }
  }
  .c:nth-child(100) {
    animation: orbit100 14s infinite;
    animation-delay: 1s;
    background-color: #ff3900;
  }
  
  @keyframes orbit100 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-84deg) rotateY(106deg) translateX(100px) rotateZ(84deg);
    }
    80% {
      transform: rotateZ(-84deg) rotateY(106deg) translateX(100px) rotateZ(84deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-84deg) rotateY(106deg) translateX(300px) rotateZ(84deg);
      opacity: 1;
    }
  }
  .c:nth-child(101) {
    animation: orbit101 14s infinite;
    animation-delay: 1.01s;
    background-color: #ff3900;
  }
  
  @keyframes orbit101 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-251deg) rotateY(275deg) translateX(100px) rotateZ(251deg);
    }
    80% {
      transform: rotateZ(-251deg) rotateY(275deg) translateX(100px) rotateZ(251deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-251deg) rotateY(275deg) translateX(300px) rotateZ(251deg);
      opacity: 1;
    }
  }
  .c:nth-child(102) {
    animation: orbit102 14s infinite;
    animation-delay: 1.02s;
    background-color: #ff3a00;
  }
  
  @keyframes orbit102 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-242deg) rotateY(28deg) translateX(100px) rotateZ(242deg);
    }
    80% {
      transform: rotateZ(-242deg) rotateY(28deg) translateX(100px) rotateZ(242deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-242deg) rotateY(28deg) translateX(300px) rotateZ(242deg);
      opacity: 1;
    }
  }
  .c:nth-child(103) {
    animation: orbit103 14s infinite;
    animation-delay: 1.03s;
    background-color: #ff3a00;
  }
  
  @keyframes orbit103 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-165deg) rotateY(287deg) translateX(100px) rotateZ(165deg);
    }
    80% {
      transform: rotateZ(-165deg) rotateY(287deg) translateX(100px) rotateZ(165deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-165deg) rotateY(287deg) translateX(300px) rotateZ(165deg);
      opacity: 1;
    }
  }
  .c:nth-child(104) {
    animation: orbit104 14s infinite;
    animation-delay: 1.04s;
    background-color: #ff3b00;
  }
  
  @keyframes orbit104 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-67deg) rotateY(132deg) translateX(100px) rotateZ(67deg);
    }
    80% {
      transform: rotateZ(-67deg) rotateY(132deg) translateX(100px) rotateZ(67deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-67deg) rotateY(132deg) translateX(300px) rotateZ(67deg);
      opacity: 1;
    }
  }
  .c:nth-child(105) {
    animation: orbit105 14s infinite;
    animation-delay: 1.05s;
    background-color: #ff3c00;
  }
  
  @keyframes orbit105 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-149deg) rotateY(158deg) translateX(100px) rotateZ(149deg);
    }
    80% {
      transform: rotateZ(-149deg) rotateY(158deg) translateX(100px) rotateZ(149deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-149deg) rotateY(158deg) translateX(300px) rotateZ(149deg);
      opacity: 1;
    }
  }
  .c:nth-child(106) {
    animation: orbit106 14s infinite;
    animation-delay: 1.06s;
    background-color: #ff3c00;
  }
  
  @keyframes orbit106 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-134deg) rotateY(333deg) translateX(100px) rotateZ(134deg);
    }
    80% {
      transform: rotateZ(-134deg) rotateY(333deg) translateX(100px) rotateZ(134deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-134deg) rotateY(333deg) translateX(300px) rotateZ(134deg);
      opacity: 1;
    }
  }
  .c:nth-child(107) {
    animation: orbit107 14s infinite;
    animation-delay: 1.07s;
    background-color: #ff3d00;
  }
  
  @keyframes orbit107 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-3deg) rotateY(297deg) translateX(100px) rotateZ(3deg);
    }
    80% {
      transform: rotateZ(-3deg) rotateY(297deg) translateX(100px) rotateZ(3deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-3deg) rotateY(297deg) translateX(300px) rotateZ(3deg);
      opacity: 1;
    }
  }
  .c:nth-child(108) {
    animation: orbit108 14s infinite;
    animation-delay: 1.08s;
    background-color: #ff3d00;
  }
  
  @keyframes orbit108 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-329deg) rotateY(262deg) translateX(100px) rotateZ(329deg);
    }
    80% {
      transform: rotateZ(-329deg) rotateY(262deg) translateX(100px) rotateZ(329deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-329deg) rotateY(262deg) translateX(300px) rotateZ(329deg);
      opacity: 1;
    }
  }
  .c:nth-child(109) {
    animation: orbit109 14s infinite;
    animation-delay: 1.09s;
    background-color: #ff3e00;
  }
  
  @keyframes orbit109 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-313deg) rotateY(71deg) translateX(100px) rotateZ(313deg);
    }
    80% {
      transform: rotateZ(-313deg) rotateY(71deg) translateX(100px) rotateZ(313deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-313deg) rotateY(71deg) translateX(300px) rotateZ(313deg);
      opacity: 1;
    }
  }
  .c:nth-child(110) {
    animation: orbit110 14s infinite;
    animation-delay: 1.1s;
    background-color: #ff3e00;
  }
  
  @keyframes orbit110 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-152deg) rotateY(281deg) translateX(100px) rotateZ(152deg);
    }
    80% {
      transform: rotateZ(-152deg) rotateY(281deg) translateX(100px) rotateZ(152deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-152deg) rotateY(281deg) translateX(300px) rotateZ(152deg);
      opacity: 1;
    }
  }
  .c:nth-child(111) {
    animation: orbit111 14s infinite;
    animation-delay: 1.11s;
    background-color: #ff3f00;
  }
  
  @keyframes orbit111 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-161deg) rotateY(242deg) translateX(100px) rotateZ(161deg);
    }
    80% {
      transform: rotateZ(-161deg) rotateY(242deg) translateX(100px) rotateZ(161deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-161deg) rotateY(242deg) translateX(300px) rotateZ(161deg);
      opacity: 1;
    }
  }
  .c:nth-child(112) {
    animation: orbit112 14s infinite;
    animation-delay: 1.12s;
    background-color: #ff3f00;
  }
  
  @keyframes orbit112 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-330deg) rotateY(51deg) translateX(100px) rotateZ(330deg);
    }
    80% {
      transform: rotateZ(-330deg) rotateY(51deg) translateX(100px) rotateZ(330deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-330deg) rotateY(51deg) translateX(300px) rotateZ(330deg);
      opacity: 1;
    }
  }
  .c:nth-child(113) {
    animation: orbit113 14s infinite;
    animation-delay: 1.13s;
    background-color: #ff4000;
  }
  
  @keyframes orbit113 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-12deg) rotateY(80deg) translateX(100px) rotateZ(12deg);
    }
    80% {
      transform: rotateZ(-12deg) rotateY(80deg) translateX(100px) rotateZ(12deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-12deg) rotateY(80deg) translateX(300px) rotateZ(12deg);
      opacity: 1;
    }
  }
  .c:nth-child(114) {
    animation: orbit114 14s infinite;
    animation-delay: 1.14s;
    background-color: #ff4100;
  }
  
  @keyframes orbit114 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-56deg) rotateY(278deg) translateX(100px) rotateZ(56deg);
    }
    80% {
      transform: rotateZ(-56deg) rotateY(278deg) translateX(100px) rotateZ(56deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-56deg) rotateY(278deg) translateX(300px) rotateZ(56deg);
      opacity: 1;
    }
  }
  .c:nth-child(115) {
    animation: orbit115 14s infinite;
    animation-delay: 1.15s;
    background-color: #ff4100;
  }
  
  @keyframes orbit115 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-84deg) rotateY(219deg) translateX(100px) rotateZ(84deg);
    }
    80% {
      transform: rotateZ(-84deg) rotateY(219deg) translateX(100px) rotateZ(84deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-84deg) rotateY(219deg) translateX(300px) rotateZ(84deg);
      opacity: 1;
    }
  }
  .c:nth-child(116) {
    animation: orbit116 14s infinite;
    animation-delay: 1.16s;
    background-color: #ff4200;
  }
  
  @keyframes orbit116 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-258deg) rotateY(230deg) translateX(100px) rotateZ(258deg);
    }
    80% {
      transform: rotateZ(-258deg) rotateY(230deg) translateX(100px) rotateZ(258deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-258deg) rotateY(230deg) translateX(300px) rotateZ(258deg);
      opacity: 1;
    }
  }
  .c:nth-child(117) {
    animation: orbit117 14s infinite;
    animation-delay: 1.17s;
    background-color: #ff4200;
  }
  
  @keyframes orbit117 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-136deg) rotateY(123deg) translateX(100px) rotateZ(136deg);
    }
    80% {
      transform: rotateZ(-136deg) rotateY(123deg) translateX(100px) rotateZ(136deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-136deg) rotateY(123deg) translateX(300px) rotateZ(136deg);
      opacity: 1;
    }
  }
  .c:nth-child(118) {
    animation: orbit118 14s infinite;
    animation-delay: 1.18s;
    background-color: #ff4300;
  }
  
  @keyframes orbit118 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-138deg) rotateY(321deg) translateX(100px) rotateZ(138deg);
    }
    80% {
      transform: rotateZ(-138deg) rotateY(321deg) translateX(100px) rotateZ(138deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-138deg) rotateY(321deg) translateX(300px) rotateZ(138deg);
      opacity: 1;
    }
  }
  .c:nth-child(119) {
    animation: orbit119 14s infinite;
    animation-delay: 1.19s;
    background-color: #ff4300;
  }
  
  @keyframes orbit119 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-273deg) rotateY(298deg) translateX(100px) rotateZ(273deg);
    }
    80% {
      transform: rotateZ(-273deg) rotateY(298deg) translateX(100px) rotateZ(273deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-273deg) rotateY(298deg) translateX(300px) rotateZ(273deg);
      opacity: 1;
    }
  }
  .c:nth-child(120) {
    animation: orbit120 14s infinite;
    animation-delay: 1.2s;
    background-color: #ff4400;
  }
  
  @keyframes orbit120 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-37deg) rotateY(159deg) translateX(100px) rotateZ(37deg);
    }
    80% {
      transform: rotateZ(-37deg) rotateY(159deg) translateX(100px) rotateZ(37deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-37deg) rotateY(159deg) translateX(300px) rotateZ(37deg);
      opacity: 1;
    }
  }
  .c:nth-child(121) {
    animation: orbit121 14s infinite;
    animation-delay: 1.21s;
    background-color: orangered;
  }
  
  @keyframes orbit121 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-239deg) rotateY(53deg) translateX(100px) rotateZ(239deg);
    }
    80% {
      transform: rotateZ(-239deg) rotateY(53deg) translateX(100px) rotateZ(239deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-239deg) rotateY(53deg) translateX(300px) rotateZ(239deg);
      opacity: 1;
    }
  }
  .c:nth-child(122) {
    animation: orbit122 14s infinite;
    animation-delay: 1.22s;
    background-color: orangered;
  }
  
  @keyframes orbit122 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-200deg) rotateY(343deg) translateX(100px) rotateZ(200deg);
    }
    80% {
      transform: rotateZ(-200deg) rotateY(343deg) translateX(100px) rotateZ(200deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-200deg) rotateY(343deg) translateX(300px) rotateZ(200deg);
      opacity: 1;
    }
  }
  .c:nth-child(123) {
    animation: orbit123 14s infinite;
    animation-delay: 1.23s;
    background-color: #ff4600;
  }
  
  @keyframes orbit123 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-227deg) rotateY(154deg) translateX(100px) rotateZ(227deg);
    }
    80% {
      transform: rotateZ(-227deg) rotateY(154deg) translateX(100px) rotateZ(227deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-227deg) rotateY(154deg) translateX(300px) rotateZ(227deg);
      opacity: 1;
    }
  }
  .c:nth-child(124) {
    animation: orbit124 14s infinite;
    animation-delay: 1.24s;
    background-color: #ff4600;
  }
  
  @keyframes orbit124 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-97deg) rotateY(197deg) translateX(100px) rotateZ(97deg);
    }
    80% {
      transform: rotateZ(-97deg) rotateY(197deg) translateX(100px) rotateZ(97deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-97deg) rotateY(197deg) translateX(300px) rotateZ(97deg);
      opacity: 1;
    }
  }
  .c:nth-child(125) {
    animation: orbit125 14s infinite;
    animation-delay: 1.25s;
    background-color: #ff4700;
  }
  
  @keyframes orbit125 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-67deg) rotateY(331deg) translateX(100px) rotateZ(67deg);
    }
    80% {
      transform: rotateZ(-67deg) rotateY(331deg) translateX(100px) rotateZ(67deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-67deg) rotateY(331deg) translateX(300px) rotateZ(67deg);
      opacity: 1;
    }
  }
  .c:nth-child(126) {
    animation: orbit126 14s infinite;
    animation-delay: 1.26s;
    background-color: #ff4700;
  }
  
  @keyframes orbit126 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-327deg) rotateY(126deg) translateX(100px) rotateZ(327deg);
    }
    80% {
      transform: rotateZ(-327deg) rotateY(126deg) translateX(100px) rotateZ(327deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-327deg) rotateY(126deg) translateX(300px) rotateZ(327deg);
      opacity: 1;
    }
  }
  .c:nth-child(127) {
    animation: orbit127 14s infinite;
    animation-delay: 1.27s;
    background-color: #ff4800;
  }
  
  @keyframes orbit127 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-131deg) rotateY(165deg) translateX(100px) rotateZ(131deg);
    }
    80% {
      transform: rotateZ(-131deg) rotateY(165deg) translateX(100px) rotateZ(131deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-131deg) rotateY(165deg) translateX(300px) rotateZ(131deg);
      opacity: 1;
    }
  }
  .c:nth-child(128) {
    animation: orbit128 14s infinite;
    animation-delay: 1.28s;
    background-color: #ff4900;
  }
  
  @keyframes orbit128 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-285deg) rotateY(241deg) translateX(100px) rotateZ(285deg);
    }
    80% {
      transform: rotateZ(-285deg) rotateY(241deg) translateX(100px) rotateZ(285deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-285deg) rotateY(241deg) translateX(300px) rotateZ(285deg);
      opacity: 1;
    }
  }
  .c:nth-child(129) {
    animation: orbit129 14s infinite;
    animation-delay: 1.29s;
    background-color: #ff4900;
  }
  
  @keyframes orbit129 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-119deg) rotateY(71deg) translateX(100px) rotateZ(119deg);
    }
    80% {
      transform: rotateZ(-119deg) rotateY(71deg) translateX(100px) rotateZ(119deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-119deg) rotateY(71deg) translateX(300px) rotateZ(119deg);
      opacity: 1;
    }
  }
  .c:nth-child(130) {
    animation: orbit130 14s infinite;
    animation-delay: 1.3s;
    background-color: #ff4a00;
  }
  
  @keyframes orbit130 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-282deg) rotateY(231deg) translateX(100px) rotateZ(282deg);
    }
    80% {
      transform: rotateZ(-282deg) rotateY(231deg) translateX(100px) rotateZ(282deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-282deg) rotateY(231deg) translateX(300px) rotateZ(282deg);
      opacity: 1;
    }
  }
  .c:nth-child(131) {
    animation: orbit131 14s infinite;
    animation-delay: 1.31s;
    background-color: #ff4a00;
  }
  
  @keyframes orbit131 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-286deg) rotateY(277deg) translateX(100px) rotateZ(286deg);
    }
    80% {
      transform: rotateZ(-286deg) rotateY(277deg) translateX(100px) rotateZ(286deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-286deg) rotateY(277deg) translateX(300px) rotateZ(286deg);
      opacity: 1;
    }
  }
  .c:nth-child(132) {
    animation: orbit132 14s infinite;
    animation-delay: 1.32s;
    background-color: #ff4b00;
  }
  
  @keyframes orbit132 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-130deg) rotateY(182deg) translateX(100px) rotateZ(130deg);
    }
    80% {
      transform: rotateZ(-130deg) rotateY(182deg) translateX(100px) rotateZ(130deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-130deg) rotateY(182deg) translateX(300px) rotateZ(130deg);
      opacity: 1;
    }
  }
  .c:nth-child(133) {
    animation: orbit133 14s infinite;
    animation-delay: 1.33s;
    background-color: #ff4b00;
  }
  
  @keyframes orbit133 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-309deg) rotateY(187deg) translateX(100px) rotateZ(309deg);
    }
    80% {
      transform: rotateZ(-309deg) rotateY(187deg) translateX(100px) rotateZ(309deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-309deg) rotateY(187deg) translateX(300px) rotateZ(309deg);
      opacity: 1;
    }
  }
  .c:nth-child(134) {
    animation: orbit134 14s infinite;
    animation-delay: 1.34s;
    background-color: #ff4c00;
  }
  
  @keyframes orbit134 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-273deg) rotateY(303deg) translateX(100px) rotateZ(273deg);
    }
    80% {
      transform: rotateZ(-273deg) rotateY(303deg) translateX(100px) rotateZ(273deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-273deg) rotateY(303deg) translateX(300px) rotateZ(273deg);
      opacity: 1;
    }
  }
  .c:nth-child(135) {
    animation: orbit135 14s infinite;
    animation-delay: 1.35s;
    background-color: #ff4d00;
  }
  
  @keyframes orbit135 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-17deg) rotateY(322deg) translateX(100px) rotateZ(17deg);
    }
    80% {
      transform: rotateZ(-17deg) rotateY(322deg) translateX(100px) rotateZ(17deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-17deg) rotateY(322deg) translateX(300px) rotateZ(17deg);
      opacity: 1;
    }
  }
  .c:nth-child(136) {
    animation: orbit136 14s infinite;
    animation-delay: 1.36s;
    background-color: #ff4d00;
  }
  
  @keyframes orbit136 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-346deg) rotateY(8deg) translateX(100px) rotateZ(346deg);
    }
    80% {
      transform: rotateZ(-346deg) rotateY(8deg) translateX(100px) rotateZ(346deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-346deg) rotateY(8deg) translateX(300px) rotateZ(346deg);
      opacity: 1;
    }
  }
  .c:nth-child(137) {
    animation: orbit137 14s infinite;
    animation-delay: 1.37s;
    background-color: #ff4e00;
  }
  
  @keyframes orbit137 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-245deg) rotateY(179deg) translateX(100px) rotateZ(245deg);
    }
    80% {
      transform: rotateZ(-245deg) rotateY(179deg) translateX(100px) rotateZ(245deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-245deg) rotateY(179deg) translateX(300px) rotateZ(245deg);
      opacity: 1;
    }
  }
  .c:nth-child(138) {
    animation: orbit138 14s infinite;
    animation-delay: 1.38s;
    background-color: #ff4e00;
  }
  
  @keyframes orbit138 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-241deg) rotateY(30deg) translateX(100px) rotateZ(241deg);
    }
    80% {
      transform: rotateZ(-241deg) rotateY(30deg) translateX(100px) rotateZ(241deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-241deg) rotateY(30deg) translateX(300px) rotateZ(241deg);
      opacity: 1;
    }
  }
  .c:nth-child(139) {
    animation: orbit139 14s infinite;
    animation-delay: 1.39s;
    background-color: #ff4f00;
  }
  
  @keyframes orbit139 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-325deg) rotateY(272deg) translateX(100px) rotateZ(325deg);
    }
    80% {
      transform: rotateZ(-325deg) rotateY(272deg) translateX(100px) rotateZ(325deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-325deg) rotateY(272deg) translateX(300px) rotateZ(325deg);
      opacity: 1;
    }
  }
  .c:nth-child(140) {
    animation: orbit140 14s infinite;
    animation-delay: 1.4s;
    background-color: #ff4f00;
  }
  
  @keyframes orbit140 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-168deg) rotateY(293deg) translateX(100px) rotateZ(168deg);
    }
    80% {
      transform: rotateZ(-168deg) rotateY(293deg) translateX(100px) rotateZ(168deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-168deg) rotateY(293deg) translateX(300px) rotateZ(168deg);
      opacity: 1;
    }
  }
  .c:nth-child(141) {
    animation: orbit141 14s infinite;
    animation-delay: 1.41s;
    background-color: #ff5000;
  }
  
  @keyframes orbit141 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-42deg) rotateY(154deg) translateX(100px) rotateZ(42deg);
    }
    80% {
      transform: rotateZ(-42deg) rotateY(154deg) translateX(100px) rotateZ(42deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-42deg) rotateY(154deg) translateX(300px) rotateZ(42deg);
      opacity: 1;
    }
  }
  .c:nth-child(142) {
    animation: orbit142 14s infinite;
    animation-delay: 1.42s;
    background-color: #ff5000;
  }
  
  @keyframes orbit142 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-73deg) rotateY(38deg) translateX(100px) rotateZ(73deg);
    }
    80% {
      transform: rotateZ(-73deg) rotateY(38deg) translateX(100px) rotateZ(73deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-73deg) rotateY(38deg) translateX(300px) rotateZ(73deg);
      opacity: 1;
    }
  }
  .c:nth-child(143) {
    animation: orbit143 14s infinite;
    animation-delay: 1.43s;
    background-color: #ff5100;
  }
  
  @keyframes orbit143 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-321deg) rotateY(97deg) translateX(100px) rotateZ(321deg);
    }
    80% {
      transform: rotateZ(-321deg) rotateY(97deg) translateX(100px) rotateZ(321deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-321deg) rotateY(97deg) translateX(300px) rotateZ(321deg);
      opacity: 1;
    }
  }
  .c:nth-child(144) {
    animation: orbit144 14s infinite;
    animation-delay: 1.44s;
    background-color: #ff5200;
  }
  
  @keyframes orbit144 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-76deg) rotateY(300deg) translateX(100px) rotateZ(76deg);
    }
    80% {
      transform: rotateZ(-76deg) rotateY(300deg) translateX(100px) rotateZ(76deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-76deg) rotateY(300deg) translateX(300px) rotateZ(76deg);
      opacity: 1;
    }
  }
  .c:nth-child(145) {
    animation: orbit145 14s infinite;
    animation-delay: 1.45s;
    background-color: #ff5200;
  }
  
  @keyframes orbit145 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-122deg) rotateY(8deg) translateX(100px) rotateZ(122deg);
    }
    80% {
      transform: rotateZ(-122deg) rotateY(8deg) translateX(100px) rotateZ(122deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-122deg) rotateY(8deg) translateX(300px) rotateZ(122deg);
      opacity: 1;
    }
  }
  .c:nth-child(146) {
    animation: orbit146 14s infinite;
    animation-delay: 1.46s;
    background-color: #ff5300;
  }
  
  @keyframes orbit146 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-210deg) rotateY(223deg) translateX(100px) rotateZ(210deg);
    }
    80% {
      transform: rotateZ(-210deg) rotateY(223deg) translateX(100px) rotateZ(210deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-210deg) rotateY(223deg) translateX(300px) rotateZ(210deg);
      opacity: 1;
    }
  }
  .c:nth-child(147) {
    animation: orbit147 14s infinite;
    animation-delay: 1.47s;
    background-color: #ff5300;
  }
  
  @keyframes orbit147 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-107deg) rotateY(355deg) translateX(100px) rotateZ(107deg);
    }
    80% {
      transform: rotateZ(-107deg) rotateY(355deg) translateX(100px) rotateZ(107deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-107deg) rotateY(355deg) translateX(300px) rotateZ(107deg);
      opacity: 1;
    }
  }
  .c:nth-child(148) {
    animation: orbit148 14s infinite;
    animation-delay: 1.48s;
    background-color: #ff5400;
  }
  
  @keyframes orbit148 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-17deg) rotateY(133deg) translateX(100px) rotateZ(17deg);
    }
    80% {
      transform: rotateZ(-17deg) rotateY(133deg) translateX(100px) rotateZ(17deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-17deg) rotateY(133deg) translateX(300px) rotateZ(17deg);
      opacity: 1;
    }
  }
  .c:nth-child(149) {
    animation: orbit149 14s infinite;
    animation-delay: 1.49s;
    background-color: #ff5400;
  }
  
  @keyframes orbit149 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-171deg) rotateY(20deg) translateX(100px) rotateZ(171deg);
    }
    80% {
      transform: rotateZ(-171deg) rotateY(20deg) translateX(100px) rotateZ(171deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-171deg) rotateY(20deg) translateX(300px) rotateZ(171deg);
      opacity: 1;
    }
  }
  .c:nth-child(150) {
    animation: orbit150 14s infinite;
    animation-delay: 1.5s;
    background-color: #ff5500;
  }
  
  @keyframes orbit150 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-135deg) rotateY(12deg) translateX(100px) rotateZ(135deg);
    }
    80% {
      transform: rotateZ(-135deg) rotateY(12deg) translateX(100px) rotateZ(135deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-135deg) rotateY(12deg) translateX(300px) rotateZ(135deg);
      opacity: 1;
    }
  }
  .c:nth-child(151) {
    animation: orbit151 14s infinite;
    animation-delay: 1.51s;
    background-color: #ff5600;
  }
  
  @keyframes orbit151 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-48deg) rotateY(255deg) translateX(100px) rotateZ(48deg);
    }
    80% {
      transform: rotateZ(-48deg) rotateY(255deg) translateX(100px) rotateZ(48deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-48deg) rotateY(255deg) translateX(300px) rotateZ(48deg);
      opacity: 1;
    }
  }
  .c:nth-child(152) {
    animation: orbit152 14s infinite;
    animation-delay: 1.52s;
    background-color: #ff5600;
  }
  
  @keyframes orbit152 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-70deg) rotateY(75deg) translateX(100px) rotateZ(70deg);
    }
    80% {
      transform: rotateZ(-70deg) rotateY(75deg) translateX(100px) rotateZ(70deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-70deg) rotateY(75deg) translateX(300px) rotateZ(70deg);
      opacity: 1;
    }
  }
  .c:nth-child(153) {
    animation: orbit153 14s infinite;
    animation-delay: 1.53s;
    background-color: #ff5700;
  }
  
  @keyframes orbit153 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-95deg) rotateY(290deg) translateX(100px) rotateZ(95deg);
    }
    80% {
      transform: rotateZ(-95deg) rotateY(290deg) translateX(100px) rotateZ(95deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-95deg) rotateY(290deg) translateX(300px) rotateZ(95deg);
      opacity: 1;
    }
  }
  .c:nth-child(154) {
    animation: orbit154 14s infinite;
    animation-delay: 1.54s;
    background-color: #ff5700;
  }
  
  @keyframes orbit154 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-52deg) rotateY(302deg) translateX(100px) rotateZ(52deg);
    }
    80% {
      transform: rotateZ(-52deg) rotateY(302deg) translateX(100px) rotateZ(52deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-52deg) rotateY(302deg) translateX(300px) rotateZ(52deg);
      opacity: 1;
    }
  }
  .c:nth-child(155) {
    animation: orbit155 14s infinite;
    animation-delay: 1.55s;
    background-color: #ff5800;
  }
  
  @keyframes orbit155 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-324deg) rotateY(359deg) translateX(100px) rotateZ(324deg);
    }
    80% {
      transform: rotateZ(-324deg) rotateY(359deg) translateX(100px) rotateZ(324deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-324deg) rotateY(359deg) translateX(300px) rotateZ(324deg);
      opacity: 1;
    }
  }
  .c:nth-child(156) {
    animation: orbit156 14s infinite;
    animation-delay: 1.56s;
    background-color: #ff5800;
  }
  
  @keyframes orbit156 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-138deg) rotateY(348deg) translateX(100px) rotateZ(138deg);
    }
    80% {
      transform: rotateZ(-138deg) rotateY(348deg) translateX(100px) rotateZ(138deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-138deg) rotateY(348deg) translateX(300px) rotateZ(138deg);
      opacity: 1;
    }
  }
  .c:nth-child(157) {
    animation: orbit157 14s infinite;
    animation-delay: 1.57s;
    background-color: #ff5900;
  }
  
  @keyframes orbit157 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-35deg) rotateY(331deg) translateX(100px) rotateZ(35deg);
    }
    80% {
      transform: rotateZ(-35deg) rotateY(331deg) translateX(100px) rotateZ(35deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-35deg) rotateY(331deg) translateX(300px) rotateZ(35deg);
      opacity: 1;
    }
  }
  .c:nth-child(158) {
    animation: orbit158 14s infinite;
    animation-delay: 1.58s;
    background-color: #ff5a00;
  }
  
  @keyframes orbit158 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-5deg) rotateY(125deg) translateX(100px) rotateZ(5deg);
    }
    80% {
      transform: rotateZ(-5deg) rotateY(125deg) translateX(100px) rotateZ(5deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-5deg) rotateY(125deg) translateX(300px) rotateZ(5deg);
      opacity: 1;
    }
  }
  .c:nth-child(159) {
    animation: orbit159 14s infinite;
    animation-delay: 1.59s;
    background-color: #ff5a00;
  }
  
  @keyframes orbit159 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-142deg) rotateY(253deg) translateX(100px) rotateZ(142deg);
    }
    80% {
      transform: rotateZ(-142deg) rotateY(253deg) translateX(100px) rotateZ(142deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-142deg) rotateY(253deg) translateX(300px) rotateZ(142deg);
      opacity: 1;
    }
  }
  .c:nth-child(160) {
    animation: orbit160 14s infinite;
    animation-delay: 1.6s;
    background-color: #ff5b00;
  }
  
  @keyframes orbit160 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-213deg) rotateY(292deg) translateX(100px) rotateZ(213deg);
    }
    80% {
      transform: rotateZ(-213deg) rotateY(292deg) translateX(100px) rotateZ(213deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-213deg) rotateY(292deg) translateX(300px) rotateZ(213deg);
      opacity: 1;
    }
  }
  .c:nth-child(161) {
    animation: orbit161 14s infinite;
    animation-delay: 1.61s;
    background-color: #ff5b00;
  }
  
  @keyframes orbit161 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-297deg) rotateY(316deg) translateX(100px) rotateZ(297deg);
    }
    80% {
      transform: rotateZ(-297deg) rotateY(316deg) translateX(100px) rotateZ(297deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-297deg) rotateY(316deg) translateX(300px) rotateZ(297deg);
      opacity: 1;
    }
  }
  .c:nth-child(162) {
    animation: orbit162 14s infinite;
    animation-delay: 1.62s;
    background-color: #ff5c00;
  }
  
  @keyframes orbit162 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-152deg) rotateY(17deg) translateX(100px) rotateZ(152deg);
    }
    80% {
      transform: rotateZ(-152deg) rotateY(17deg) translateX(100px) rotateZ(152deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-152deg) rotateY(17deg) translateX(300px) rotateZ(152deg);
      opacity: 1;
    }
  }
  .c:nth-child(163) {
    animation: orbit163 14s infinite;
    animation-delay: 1.63s;
    background-color: #ff5c00;
  }
  
  @keyframes orbit163 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-1deg) rotateY(289deg) translateX(100px) rotateZ(1deg);
    }
    80% {
      transform: rotateZ(-1deg) rotateY(289deg) translateX(100px) rotateZ(1deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-1deg) rotateY(289deg) translateX(300px) rotateZ(1deg);
      opacity: 1;
    }
  }
  .c:nth-child(164) {
    animation: orbit164 14s infinite;
    animation-delay: 1.64s;
    background-color: #ff5d00;
  }
  
  @keyframes orbit164 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-78deg) rotateY(90deg) translateX(100px) rotateZ(78deg);
    }
    80% {
      transform: rotateZ(-78deg) rotateY(90deg) translateX(100px) rotateZ(78deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-78deg) rotateY(90deg) translateX(300px) rotateZ(78deg);
      opacity: 1;
    }
  }
  .c:nth-child(165) {
    animation: orbit165 14s infinite;
    animation-delay: 1.65s;
    background-color: #ff5e00;
  }
  
  @keyframes orbit165 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-270deg) rotateY(134deg) translateX(100px) rotateZ(270deg);
    }
    80% {
      transform: rotateZ(-270deg) rotateY(134deg) translateX(100px) rotateZ(270deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-270deg) rotateY(134deg) translateX(300px) rotateZ(270deg);
      opacity: 1;
    }
  }
  .c:nth-child(166) {
    animation: orbit166 14s infinite;
    animation-delay: 1.66s;
    background-color: #ff5e00;
  }
  
  @keyframes orbit166 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-234deg) rotateY(238deg) translateX(100px) rotateZ(234deg);
    }
    80% {
      transform: rotateZ(-234deg) rotateY(238deg) translateX(100px) rotateZ(234deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-234deg) rotateY(238deg) translateX(300px) rotateZ(234deg);
      opacity: 1;
    }
  }
  .c:nth-child(167) {
    animation: orbit167 14s infinite;
    animation-delay: 1.67s;
    background-color: #ff5f00;
  }
  
  @keyframes orbit167 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-177deg) rotateY(110deg) translateX(100px) rotateZ(177deg);
    }
    80% {
      transform: rotateZ(-177deg) rotateY(110deg) translateX(100px) rotateZ(177deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-177deg) rotateY(110deg) translateX(300px) rotateZ(177deg);
      opacity: 1;
    }
  }
  .c:nth-child(168) {
    animation: orbit168 14s infinite;
    animation-delay: 1.68s;
    background-color: #ff5f00;
  }
  
  @keyframes orbit168 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-190deg) rotateY(345deg) translateX(100px) rotateZ(190deg);
    }
    80% {
      transform: rotateZ(-190deg) rotateY(345deg) translateX(100px) rotateZ(190deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-190deg) rotateY(345deg) translateX(300px) rotateZ(190deg);
      opacity: 1;
    }
  }
  .c:nth-child(169) {
    animation: orbit169 14s infinite;
    animation-delay: 1.69s;
    background-color: #ff6000;
  }
  
  @keyframes orbit169 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-302deg) rotateY(306deg) translateX(100px) rotateZ(302deg);
    }
    80% {
      transform: rotateZ(-302deg) rotateY(306deg) translateX(100px) rotateZ(302deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-302deg) rotateY(306deg) translateX(300px) rotateZ(302deg);
      opacity: 1;
    }
  }
  .c:nth-child(170) {
    animation: orbit170 14s infinite;
    animation-delay: 1.7s;
    background-color: #ff6000;
  }
  
  @keyframes orbit170 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-242deg) rotateY(265deg) translateX(100px) rotateZ(242deg);
    }
    80% {
      transform: rotateZ(-242deg) rotateY(265deg) translateX(100px) rotateZ(242deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-242deg) rotateY(265deg) translateX(300px) rotateZ(242deg);
      opacity: 1;
    }
  }
  .c:nth-child(171) {
    animation: orbit171 14s infinite;
    animation-delay: 1.71s;
    background-color: #ff6100;
  }
  
  @keyframes orbit171 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-132deg) rotateY(306deg) translateX(100px) rotateZ(132deg);
    }
    80% {
      transform: rotateZ(-132deg) rotateY(306deg) translateX(100px) rotateZ(132deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-132deg) rotateY(306deg) translateX(300px) rotateZ(132deg);
      opacity: 1;
    }
  }
  .c:nth-child(172) {
    animation: orbit172 14s infinite;
    animation-delay: 1.72s;
    background-color: #ff6100;
  }
  
  @keyframes orbit172 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-229deg) rotateY(44deg) translateX(100px) rotateZ(229deg);
    }
    80% {
      transform: rotateZ(-229deg) rotateY(44deg) translateX(100px) rotateZ(229deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-229deg) rotateY(44deg) translateX(300px) rotateZ(229deg);
      opacity: 1;
    }
  }
  .c:nth-child(173) {
    animation: orbit173 14s infinite;
    animation-delay: 1.73s;
    background-color: #ff6200;
  }
  
  @keyframes orbit173 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-24deg) rotateY(285deg) translateX(100px) rotateZ(24deg);
    }
    80% {
      transform: rotateZ(-24deg) rotateY(285deg) translateX(100px) rotateZ(24deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-24deg) rotateY(285deg) translateX(300px) rotateZ(24deg);
      opacity: 1;
    }
  }
  .c:nth-child(174) {
    animation: orbit174 14s infinite;
    animation-delay: 1.74s;
    background-color: #ff6300;
  }
  
  @keyframes orbit174 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-74deg) rotateY(347deg) translateX(100px) rotateZ(74deg);
    }
    80% {
      transform: rotateZ(-74deg) rotateY(347deg) translateX(100px) rotateZ(74deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-74deg) rotateY(347deg) translateX(300px) rotateZ(74deg);
      opacity: 1;
    }
  }
  .c:nth-child(175) {
    animation: orbit175 14s infinite;
    animation-delay: 1.75s;
    background-color: #ff6300;
  }
  
  @keyframes orbit175 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-3deg) rotateY(343deg) translateX(100px) rotateZ(3deg);
    }
    80% {
      transform: rotateZ(-3deg) rotateY(343deg) translateX(100px) rotateZ(3deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-3deg) rotateY(343deg) translateX(300px) rotateZ(3deg);
      opacity: 1;
    }
  }
  .c:nth-child(176) {
    animation: orbit176 14s infinite;
    animation-delay: 1.76s;
    background-color: #ff6400;
  }
  
  @keyframes orbit176 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-350deg) rotateY(346deg) translateX(100px) rotateZ(350deg);
    }
    80% {
      transform: rotateZ(-350deg) rotateY(346deg) translateX(100px) rotateZ(350deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-350deg) rotateY(346deg) translateX(300px) rotateZ(350deg);
      opacity: 1;
    }
  }
  .c:nth-child(177) {
    animation: orbit177 14s infinite;
    animation-delay: 1.77s;
    background-color: #ff6400;
  }
  
  @keyframes orbit177 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-78deg) rotateY(356deg) translateX(100px) rotateZ(78deg);
    }
    80% {
      transform: rotateZ(-78deg) rotateY(356deg) translateX(100px) rotateZ(78deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-78deg) rotateY(356deg) translateX(300px) rotateZ(78deg);
      opacity: 1;
    }
  }
  .c:nth-child(178) {
    animation: orbit178 14s infinite;
    animation-delay: 1.78s;
    background-color: #ff6500;
  }
  
  @keyframes orbit178 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-210deg) rotateY(347deg) translateX(100px) rotateZ(210deg);
    }
    80% {
      transform: rotateZ(-210deg) rotateY(347deg) translateX(100px) rotateZ(210deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-210deg) rotateY(347deg) translateX(300px) rotateZ(210deg);
      opacity: 1;
    }
  }
  .c:nth-child(179) {
    animation: orbit179 14s infinite;
    animation-delay: 1.79s;
    background-color: #ff6500;
  }
  
  @keyframes orbit179 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-332deg) rotateY(62deg) translateX(100px) rotateZ(332deg);
    }
    80% {
      transform: rotateZ(-332deg) rotateY(62deg) translateX(100px) rotateZ(332deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-332deg) rotateY(62deg) translateX(300px) rotateZ(332deg);
      opacity: 1;
    }
  }
  .c:nth-child(180) {
    animation: orbit180 14s infinite;
    animation-delay: 1.8s;
    background-color: #ff6600;
  }
  
  @keyframes orbit180 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-8deg) rotateY(243deg) translateX(100px) rotateZ(8deg);
    }
    80% {
      transform: rotateZ(-8deg) rotateY(243deg) translateX(100px) rotateZ(8deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-8deg) rotateY(243deg) translateX(300px) rotateZ(8deg);
      opacity: 1;
    }
  }
  .c:nth-child(181) {
    animation: orbit181 14s infinite;
    animation-delay: 1.81s;
    background-color: #ff6700;
  }
  
  @keyframes orbit181 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-198deg) rotateY(138deg) translateX(100px) rotateZ(198deg);
    }
    80% {
      transform: rotateZ(-198deg) rotateY(138deg) translateX(100px) rotateZ(198deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-198deg) rotateY(138deg) translateX(300px) rotateZ(198deg);
      opacity: 1;
    }
  }
  .c:nth-child(182) {
    animation: orbit182 14s infinite;
    animation-delay: 1.82s;
    background-color: #ff6700;
  }
  
  @keyframes orbit182 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-39deg) rotateY(151deg) translateX(100px) rotateZ(39deg);
    }
    80% {
      transform: rotateZ(-39deg) rotateY(151deg) translateX(100px) rotateZ(39deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-39deg) rotateY(151deg) translateX(300px) rotateZ(39deg);
      opacity: 1;
    }
  }
  .c:nth-child(183) {
    animation: orbit183 14s infinite;
    animation-delay: 1.83s;
    background-color: #ff6800;
  }
  
  @keyframes orbit183 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-272deg) rotateY(217deg) translateX(100px) rotateZ(272deg);
    }
    80% {
      transform: rotateZ(-272deg) rotateY(217deg) translateX(100px) rotateZ(272deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-272deg) rotateY(217deg) translateX(300px) rotateZ(272deg);
      opacity: 1;
    }
  }
  .c:nth-child(184) {
    animation: orbit184 14s infinite;
    animation-delay: 1.84s;
    background-color: #ff6800;
  }
  
  @keyframes orbit184 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-261deg) rotateY(134deg) translateX(100px) rotateZ(261deg);
    }
    80% {
      transform: rotateZ(-261deg) rotateY(134deg) translateX(100px) rotateZ(261deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-261deg) rotateY(134deg) translateX(300px) rotateZ(261deg);
      opacity: 1;
    }
  }
  .c:nth-child(185) {
    animation: orbit185 14s infinite;
    animation-delay: 1.85s;
    background-color: #ff6900;
  }
  
  @keyframes orbit185 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-204deg) rotateY(296deg) translateX(100px) rotateZ(204deg);
    }
    80% {
      transform: rotateZ(-204deg) rotateY(296deg) translateX(100px) rotateZ(204deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-204deg) rotateY(296deg) translateX(300px) rotateZ(204deg);
      opacity: 1;
    }
  }
  .c:nth-child(186) {
    animation: orbit186 14s infinite;
    animation-delay: 1.86s;
    background-color: #ff6900;
  }
  
  @keyframes orbit186 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-203deg) rotateY(185deg) translateX(100px) rotateZ(203deg);
    }
    80% {
      transform: rotateZ(-203deg) rotateY(185deg) translateX(100px) rotateZ(203deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-203deg) rotateY(185deg) translateX(300px) rotateZ(203deg);
      opacity: 1;
    }
  }
  .c:nth-child(187) {
    animation: orbit187 14s infinite;
    animation-delay: 1.87s;
    background-color: #ff6a00;
  }
  
  @keyframes orbit187 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-231deg) rotateY(100deg) translateX(100px) rotateZ(231deg);
    }
    80% {
      transform: rotateZ(-231deg) rotateY(100deg) translateX(100px) rotateZ(231deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-231deg) rotateY(100deg) translateX(300px) rotateZ(231deg);
      opacity: 1;
    }
  }
  .c:nth-child(188) {
    animation: orbit188 14s infinite;
    animation-delay: 1.88s;
    background-color: #ff6b00;
  }
  
  @keyframes orbit188 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-65deg) rotateY(24deg) translateX(100px) rotateZ(65deg);
    }
    80% {
      transform: rotateZ(-65deg) rotateY(24deg) translateX(100px) rotateZ(65deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-65deg) rotateY(24deg) translateX(300px) rotateZ(65deg);
      opacity: 1;
    }
  }
  .c:nth-child(189) {
    animation: orbit189 14s infinite;
    animation-delay: 1.89s;
    background-color: #ff6b00;
  }
  
  @keyframes orbit189 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-74deg) rotateY(24deg) translateX(100px) rotateZ(74deg);
    }
    80% {
      transform: rotateZ(-74deg) rotateY(24deg) translateX(100px) rotateZ(74deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-74deg) rotateY(24deg) translateX(300px) rotateZ(74deg);
      opacity: 1;
    }
  }
  .c:nth-child(190) {
    animation: orbit190 14s infinite;
    animation-delay: 1.9s;
    background-color: #ff6c00;
  }
  
  @keyframes orbit190 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-308deg) rotateY(13deg) translateX(100px) rotateZ(308deg);
    }
    80% {
      transform: rotateZ(-308deg) rotateY(13deg) translateX(100px) rotateZ(308deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-308deg) rotateY(13deg) translateX(300px) rotateZ(308deg);
      opacity: 1;
    }
  }
  .c:nth-child(191) {
    animation: orbit191 14s infinite;
    animation-delay: 1.91s;
    background-color: #ff6c00;
  }
  
  @keyframes orbit191 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-131deg) rotateY(19deg) translateX(100px) rotateZ(131deg);
    }
    80% {
      transform: rotateZ(-131deg) rotateY(19deg) translateX(100px) rotateZ(131deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-131deg) rotateY(19deg) translateX(300px) rotateZ(131deg);
      opacity: 1;
    }
  }
  .c:nth-child(192) {
    animation: orbit192 14s infinite;
    animation-delay: 1.92s;
    background-color: #ff6d00;
  }
  
  @keyframes orbit192 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-192deg) rotateY(143deg) translateX(100px) rotateZ(192deg);
    }
    80% {
      transform: rotateZ(-192deg) rotateY(143deg) translateX(100px) rotateZ(192deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-192deg) rotateY(143deg) translateX(300px) rotateZ(192deg);
      opacity: 1;
    }
  }
  .c:nth-child(193) {
    animation: orbit193 14s infinite;
    animation-delay: 1.93s;
    background-color: #ff6d00;
  }
  
  @keyframes orbit193 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-287deg) rotateY(319deg) translateX(100px) rotateZ(287deg);
    }
    80% {
      transform: rotateZ(-287deg) rotateY(319deg) translateX(100px) rotateZ(287deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-287deg) rotateY(319deg) translateX(300px) rotateZ(287deg);
      opacity: 1;
    }
  }
  .c:nth-child(194) {
    animation: orbit194 14s infinite;
    animation-delay: 1.94s;
    background-color: #ff6e00;
  }
  
  @keyframes orbit194 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-25deg) rotateY(77deg) translateX(100px) rotateZ(25deg);
    }
    80% {
      transform: rotateZ(-25deg) rotateY(77deg) translateX(100px) rotateZ(25deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-25deg) rotateY(77deg) translateX(300px) rotateZ(25deg);
      opacity: 1;
    }
  }
  .c:nth-child(195) {
    animation: orbit195 14s infinite;
    animation-delay: 1.95s;
    background-color: #ff6f00;
  }
  
  @keyframes orbit195 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-239deg) rotateY(132deg) translateX(100px) rotateZ(239deg);
    }
    80% {
      transform: rotateZ(-239deg) rotateY(132deg) translateX(100px) rotateZ(239deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-239deg) rotateY(132deg) translateX(300px) rotateZ(239deg);
      opacity: 1;
    }
  }
  .c:nth-child(196) {
    animation: orbit196 14s infinite;
    animation-delay: 1.96s;
    background-color: #ff6f00;
  }
  
  @keyframes orbit196 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-194deg) rotateY(222deg) translateX(100px) rotateZ(194deg);
    }
    80% {
      transform: rotateZ(-194deg) rotateY(222deg) translateX(100px) rotateZ(194deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-194deg) rotateY(222deg) translateX(300px) rotateZ(194deg);
      opacity: 1;
    }
  }
  .c:nth-child(197) {
    animation: orbit197 14s infinite;
    animation-delay: 1.97s;
    background-color: #ff7000;
  }
  
  @keyframes orbit197 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-309deg) rotateY(251deg) translateX(100px) rotateZ(309deg);
    }
    80% {
      transform: rotateZ(-309deg) rotateY(251deg) translateX(100px) rotateZ(309deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-309deg) rotateY(251deg) translateX(300px) rotateZ(309deg);
      opacity: 1;
    }
  }
  .c:nth-child(198) {
    animation: orbit198 14s infinite;
    animation-delay: 1.98s;
    background-color: #ff7000;
  }
  
  @keyframes orbit198 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-82deg) rotateY(213deg) translateX(100px) rotateZ(82deg);
    }
    80% {
      transform: rotateZ(-82deg) rotateY(213deg) translateX(100px) rotateZ(82deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-82deg) rotateY(213deg) translateX(300px) rotateZ(82deg);
      opacity: 1;
    }
  }
  .c:nth-child(199) {
    animation: orbit199 14s infinite;
    animation-delay: 1.99s;
    background-color: #ff7100;
  }
  
  @keyframes orbit199 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-346deg) rotateY(306deg) translateX(100px) rotateZ(346deg);
    }
    80% {
      transform: rotateZ(-346deg) rotateY(306deg) translateX(100px) rotateZ(346deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-346deg) rotateY(306deg) translateX(300px) rotateZ(346deg);
      opacity: 1;
    }
  }
  .c:nth-child(200) {
    animation: orbit200 14s infinite;
    animation-delay: 2s;
    background-color: #ff7100;
  }
  
  @keyframes orbit200 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-268deg) rotateY(88deg) translateX(100px) rotateZ(268deg);
    }
    80% {
      transform: rotateZ(-268deg) rotateY(88deg) translateX(100px) rotateZ(268deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-268deg) rotateY(88deg) translateX(300px) rotateZ(268deg);
      opacity: 1;
    }
  }
  .c:nth-child(201) {
    animation: orbit201 14s infinite;
    animation-delay: 2.01s;
    background-color: #ff7200;
  }
  
  @keyframes orbit201 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-221deg) rotateY(6deg) translateX(100px) rotateZ(221deg);
    }
    80% {
      transform: rotateZ(-221deg) rotateY(6deg) translateX(100px) rotateZ(221deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-221deg) rotateY(6deg) translateX(300px) rotateZ(221deg);
      opacity: 1;
    }
  }
  .c:nth-child(202) {
    animation: orbit202 14s infinite;
    animation-delay: 2.02s;
    background-color: #ff7200;
  }
  
  @keyframes orbit202 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-128deg) rotateY(245deg) translateX(100px) rotateZ(128deg);
    }
    80% {
      transform: rotateZ(-128deg) rotateY(245deg) translateX(100px) rotateZ(128deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-128deg) rotateY(245deg) translateX(300px) rotateZ(128deg);
      opacity: 1;
    }
  }
  .c:nth-child(203) {
    animation: orbit203 14s infinite;
    animation-delay: 2.03s;
    background-color: #ff7300;
  }
  
  @keyframes orbit203 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-28deg) rotateY(295deg) translateX(100px) rotateZ(28deg);
    }
    80% {
      transform: rotateZ(-28deg) rotateY(295deg) translateX(100px) rotateZ(28deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-28deg) rotateY(295deg) translateX(300px) rotateZ(28deg);
      opacity: 1;
    }
  }
  .c:nth-child(204) {
    animation: orbit204 14s infinite;
    animation-delay: 2.04s;
    background-color: #ff7400;
  }
  
  @keyframes orbit204 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-234deg) rotateY(229deg) translateX(100px) rotateZ(234deg);
    }
    80% {
      transform: rotateZ(-234deg) rotateY(229deg) translateX(100px) rotateZ(234deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-234deg) rotateY(229deg) translateX(300px) rotateZ(234deg);
      opacity: 1;
    }
  }
  .c:nth-child(205) {
    animation: orbit205 14s infinite;
    animation-delay: 2.05s;
    background-color: #ff7400;
  }
  
  @keyframes orbit205 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-14deg) rotateY(278deg) translateX(100px) rotateZ(14deg);
    }
    80% {
      transform: rotateZ(-14deg) rotateY(278deg) translateX(100px) rotateZ(14deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-14deg) rotateY(278deg) translateX(300px) rotateZ(14deg);
      opacity: 1;
    }
  }
  .c:nth-child(206) {
    animation: orbit206 14s infinite;
    animation-delay: 2.06s;
    background-color: #ff7500;
  }
  
  @keyframes orbit206 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-353deg) rotateY(122deg) translateX(100px) rotateZ(353deg);
    }
    80% {
      transform: rotateZ(-353deg) rotateY(122deg) translateX(100px) rotateZ(353deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-353deg) rotateY(122deg) translateX(300px) rotateZ(353deg);
      opacity: 1;
    }
  }
  .c:nth-child(207) {
    animation: orbit207 14s infinite;
    animation-delay: 2.07s;
    background-color: #ff7500;
  }
  
  @keyframes orbit207 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-109deg) rotateY(320deg) translateX(100px) rotateZ(109deg);
    }
    80% {
      transform: rotateZ(-109deg) rotateY(320deg) translateX(100px) rotateZ(109deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-109deg) rotateY(320deg) translateX(300px) rotateZ(109deg);
      opacity: 1;
    }
  }
  .c:nth-child(208) {
    animation: orbit208 14s infinite;
    animation-delay: 2.08s;
    background-color: #ff7600;
  }
  
  @keyframes orbit208 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-353deg) rotateY(345deg) translateX(100px) rotateZ(353deg);
    }
    80% {
      transform: rotateZ(-353deg) rotateY(345deg) translateX(100px) rotateZ(353deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-353deg) rotateY(345deg) translateX(300px) rotateZ(353deg);
      opacity: 1;
    }
  }
  .c:nth-child(209) {
    animation: orbit209 14s infinite;
    animation-delay: 2.09s;
    background-color: #ff7600;
  }
  
  @keyframes orbit209 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-208deg) rotateY(70deg) translateX(100px) rotateZ(208deg);
    }
    80% {
      transform: rotateZ(-208deg) rotateY(70deg) translateX(100px) rotateZ(208deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-208deg) rotateY(70deg) translateX(300px) rotateZ(208deg);
      opacity: 1;
    }
  }
  .c:nth-child(210) {
    animation: orbit210 14s infinite;
    animation-delay: 2.1s;
    background-color: #ff7700;
  }
  
  @keyframes orbit210 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-349deg) rotateY(227deg) translateX(100px) rotateZ(349deg);
    }
    80% {
      transform: rotateZ(-349deg) rotateY(227deg) translateX(100px) rotateZ(349deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-349deg) rotateY(227deg) translateX(300px) rotateZ(349deg);
      opacity: 1;
    }
  }
  .c:nth-child(211) {
    animation: orbit211 14s infinite;
    animation-delay: 2.11s;
    background-color: #ff7800;
  }
  
  @keyframes orbit211 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-150deg) rotateY(332deg) translateX(100px) rotateZ(150deg);
    }
    80% {
      transform: rotateZ(-150deg) rotateY(332deg) translateX(100px) rotateZ(150deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-150deg) rotateY(332deg) translateX(300px) rotateZ(150deg);
      opacity: 1;
    }
  }
  .c:nth-child(212) {
    animation: orbit212 14s infinite;
    animation-delay: 2.12s;
    background-color: #ff7800;
  }
  
  @keyframes orbit212 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-149deg) rotateY(142deg) translateX(100px) rotateZ(149deg);
    }
    80% {
      transform: rotateZ(-149deg) rotateY(142deg) translateX(100px) rotateZ(149deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-149deg) rotateY(142deg) translateX(300px) rotateZ(149deg);
      opacity: 1;
    }
  }
  .c:nth-child(213) {
    animation: orbit213 14s infinite;
    animation-delay: 2.13s;
    background-color: #ff7900;
  }
  
  @keyframes orbit213 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-234deg) rotateY(85deg) translateX(100px) rotateZ(234deg);
    }
    80% {
      transform: rotateZ(-234deg) rotateY(85deg) translateX(100px) rotateZ(234deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-234deg) rotateY(85deg) translateX(300px) rotateZ(234deg);
      opacity: 1;
    }
  }
  .c:nth-child(214) {
    animation: orbit214 14s infinite;
    animation-delay: 2.14s;
    background-color: #ff7900;
  }
  
  @keyframes orbit214 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-278deg) rotateY(293deg) translateX(100px) rotateZ(278deg);
    }
    80% {
      transform: rotateZ(-278deg) rotateY(293deg) translateX(100px) rotateZ(278deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-278deg) rotateY(293deg) translateX(300px) rotateZ(278deg);
      opacity: 1;
    }
  }
  .c:nth-child(215) {
    animation: orbit215 14s infinite;
    animation-delay: 2.15s;
    background-color: #ff7a00;
  }
  
  @keyframes orbit215 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-211deg) rotateY(72deg) translateX(100px) rotateZ(211deg);
    }
    80% {
      transform: rotateZ(-211deg) rotateY(72deg) translateX(100px) rotateZ(211deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-211deg) rotateY(72deg) translateX(300px) rotateZ(211deg);
      opacity: 1;
    }
  }
  .c:nth-child(216) {
    animation: orbit216 14s infinite;
    animation-delay: 2.16s;
    background-color: #ff7a00;
  }
  
  @keyframes orbit216 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-53deg) rotateY(109deg) translateX(100px) rotateZ(53deg);
    }
    80% {
      transform: rotateZ(-53deg) rotateY(109deg) translateX(100px) rotateZ(53deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-53deg) rotateY(109deg) translateX(300px) rotateZ(53deg);
      opacity: 1;
    }
  }
  .c:nth-child(217) {
    animation: orbit217 14s infinite;
    animation-delay: 2.17s;
    background-color: #ff7b00;
  }
  
  @keyframes orbit217 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-129deg) rotateY(72deg) translateX(100px) rotateZ(129deg);
    }
    80% {
      transform: rotateZ(-129deg) rotateY(72deg) translateX(100px) rotateZ(129deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-129deg) rotateY(72deg) translateX(300px) rotateZ(129deg);
      opacity: 1;
    }
  }
  .c:nth-child(218) {
    animation: orbit218 14s infinite;
    animation-delay: 2.18s;
    background-color: #ff7c00;
  }
  
  @keyframes orbit218 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-47deg) rotateY(151deg) translateX(100px) rotateZ(47deg);
    }
    80% {
      transform: rotateZ(-47deg) rotateY(151deg) translateX(100px) rotateZ(47deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-47deg) rotateY(151deg) translateX(300px) rotateZ(47deg);
      opacity: 1;
    }
  }
  .c:nth-child(219) {
    animation: orbit219 14s infinite;
    animation-delay: 2.19s;
    background-color: #ff7c00;
  }
  
  @keyframes orbit219 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-285deg) rotateY(49deg) translateX(100px) rotateZ(285deg);
    }
    80% {
      transform: rotateZ(-285deg) rotateY(49deg) translateX(100px) rotateZ(285deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-285deg) rotateY(49deg) translateX(300px) rotateZ(285deg);
      opacity: 1;
    }
  }
  .c:nth-child(220) {
    animation: orbit220 14s infinite;
    animation-delay: 2.2s;
    background-color: #ff7d00;
  }
  
  @keyframes orbit220 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-162deg) rotateY(359deg) translateX(100px) rotateZ(162deg);
    }
    80% {
      transform: rotateZ(-162deg) rotateY(359deg) translateX(100px) rotateZ(162deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-162deg) rotateY(359deg) translateX(300px) rotateZ(162deg);
      opacity: 1;
    }
  }
  .c:nth-child(221) {
    animation: orbit221 14s infinite;
    animation-delay: 2.21s;
    background-color: #ff7d00;
  }
  
  @keyframes orbit221 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-296deg) rotateY(85deg) translateX(100px) rotateZ(296deg);
    }
    80% {
      transform: rotateZ(-296deg) rotateY(85deg) translateX(100px) rotateZ(296deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-296deg) rotateY(85deg) translateX(300px) rotateZ(296deg);
      opacity: 1;
    }
  }
  .c:nth-child(222) {
    animation: orbit222 14s infinite;
    animation-delay: 2.22s;
    background-color: #ff7e00;
  }
  
  @keyframes orbit222 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-86deg) rotateY(359deg) translateX(100px) rotateZ(86deg);
    }
    80% {
      transform: rotateZ(-86deg) rotateY(359deg) translateX(100px) rotateZ(86deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-86deg) rotateY(359deg) translateX(300px) rotateZ(86deg);
      opacity: 1;
    }
  }
  .c:nth-child(223) {
    animation: orbit223 14s infinite;
    animation-delay: 2.23s;
    background-color: #ff7e00;
  }
  
  @keyframes orbit223 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-200deg) rotateY(117deg) translateX(100px) rotateZ(200deg);
    }
    80% {
      transform: rotateZ(-200deg) rotateY(117deg) translateX(100px) rotateZ(200deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-200deg) rotateY(117deg) translateX(300px) rotateZ(200deg);
      opacity: 1;
    }
  }
  .c:nth-child(224) {
    animation: orbit224 14s infinite;
    animation-delay: 2.24s;
    background-color: #ff7f00;
  }
  
  @keyframes orbit224 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-261deg) rotateY(278deg) translateX(100px) rotateZ(261deg);
    }
    80% {
      transform: rotateZ(-261deg) rotateY(278deg) translateX(100px) rotateZ(261deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-261deg) rotateY(278deg) translateX(300px) rotateZ(261deg);
      opacity: 1;
    }
  }
  .c:nth-child(225) {
    animation: orbit225 14s infinite;
    animation-delay: 2.25s;
    background-color: #ff8000;
  }
  
  @keyframes orbit225 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-111deg) rotateY(94deg) translateX(100px) rotateZ(111deg);
    }
    80% {
      transform: rotateZ(-111deg) rotateY(94deg) translateX(100px) rotateZ(111deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-111deg) rotateY(94deg) translateX(300px) rotateZ(111deg);
      opacity: 1;
    }
  }
  .c:nth-child(226) {
    animation: orbit226 14s infinite;
    animation-delay: 2.26s;
    background-color: #ff8000;
  }
  
  @keyframes orbit226 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-335deg) rotateY(2deg) translateX(100px) rotateZ(335deg);
    }
    80% {
      transform: rotateZ(-335deg) rotateY(2deg) translateX(100px) rotateZ(335deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-335deg) rotateY(2deg) translateX(300px) rotateZ(335deg);
      opacity: 1;
    }
  }
  .c:nth-child(227) {
    animation: orbit227 14s infinite;
    animation-delay: 2.27s;
    background-color: #ff8100;
  }
  
  @keyframes orbit227 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-110deg) rotateY(144deg) translateX(100px) rotateZ(110deg);
    }
    80% {
      transform: rotateZ(-110deg) rotateY(144deg) translateX(100px) rotateZ(110deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-110deg) rotateY(144deg) translateX(300px) rotateZ(110deg);
      opacity: 1;
    }
  }
  .c:nth-child(228) {
    animation: orbit228 14s infinite;
    animation-delay: 2.28s;
    background-color: #ff8100;
  }
  
  @keyframes orbit228 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-117deg) rotateY(212deg) translateX(100px) rotateZ(117deg);
    }
    80% {
      transform: rotateZ(-117deg) rotateY(212deg) translateX(100px) rotateZ(117deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-117deg) rotateY(212deg) translateX(300px) rotateZ(117deg);
      opacity: 1;
    }
  }
  .c:nth-child(229) {
    animation: orbit229 14s infinite;
    animation-delay: 2.29s;
    background-color: #ff8200;
  }
  
  @keyframes orbit229 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-348deg) rotateY(357deg) translateX(100px) rotateZ(348deg);
    }
    80% {
      transform: rotateZ(-348deg) rotateY(357deg) translateX(100px) rotateZ(348deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-348deg) rotateY(357deg) translateX(300px) rotateZ(348deg);
      opacity: 1;
    }
  }
  .c:nth-child(230) {
    animation: orbit230 14s infinite;
    animation-delay: 2.3s;
    background-color: #ff8200;
  }
  
  @keyframes orbit230 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-296deg) rotateY(162deg) translateX(100px) rotateZ(296deg);
    }
    80% {
      transform: rotateZ(-296deg) rotateY(162deg) translateX(100px) rotateZ(296deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-296deg) rotateY(162deg) translateX(300px) rotateZ(296deg);
      opacity: 1;
    }
  }
  .c:nth-child(231) {
    animation: orbit231 14s infinite;
    animation-delay: 2.31s;
    background-color: #ff8300;
  }
  
  @keyframes orbit231 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-296deg) rotateY(274deg) translateX(100px) rotateZ(296deg);
    }
    80% {
      transform: rotateZ(-296deg) rotateY(274deg) translateX(100px) rotateZ(296deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-296deg) rotateY(274deg) translateX(300px) rotateZ(296deg);
      opacity: 1;
    }
  }
  .c:nth-child(232) {
    animation: orbit232 14s infinite;
    animation-delay: 2.32s;
    background-color: #ff8300;
  }
  
  @keyframes orbit232 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-272deg) rotateY(159deg) translateX(100px) rotateZ(272deg);
    }
    80% {
      transform: rotateZ(-272deg) rotateY(159deg) translateX(100px) rotateZ(272deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-272deg) rotateY(159deg) translateX(300px) rotateZ(272deg);
      opacity: 1;
    }
  }
  .c:nth-child(233) {
    animation: orbit233 14s infinite;
    animation-delay: 2.33s;
    background-color: #ff8400;
  }
  
  @keyframes orbit233 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-116deg) rotateY(259deg) translateX(100px) rotateZ(116deg);
    }
    80% {
      transform: rotateZ(-116deg) rotateY(259deg) translateX(100px) rotateZ(116deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-116deg) rotateY(259deg) translateX(300px) rotateZ(116deg);
      opacity: 1;
    }
  }
  .c:nth-child(234) {
    animation: orbit234 14s infinite;
    animation-delay: 2.34s;
    background-color: #ff8500;
  }
  
  @keyframes orbit234 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-160deg) rotateY(111deg) translateX(100px) rotateZ(160deg);
    }
    80% {
      transform: rotateZ(-160deg) rotateY(111deg) translateX(100px) rotateZ(160deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-160deg) rotateY(111deg) translateX(300px) rotateZ(160deg);
      opacity: 1;
    }
  }
  .c:nth-child(235) {
    animation: orbit235 14s infinite;
    animation-delay: 2.35s;
    background-color: #ff8500;
  }
  
  @keyframes orbit235 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-153deg) rotateY(59deg) translateX(100px) rotateZ(153deg);
    }
    80% {
      transform: rotateZ(-153deg) rotateY(59deg) translateX(100px) rotateZ(153deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-153deg) rotateY(59deg) translateX(300px) rotateZ(153deg);
      opacity: 1;
    }
  }
  .c:nth-child(236) {
    animation: orbit236 14s infinite;
    animation-delay: 2.36s;
    background-color: #ff8600;
  }
  
  @keyframes orbit236 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-129deg) rotateY(253deg) translateX(100px) rotateZ(129deg);
    }
    80% {
      transform: rotateZ(-129deg) rotateY(253deg) translateX(100px) rotateZ(129deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-129deg) rotateY(253deg) translateX(300px) rotateZ(129deg);
      opacity: 1;
    }
  }
  .c:nth-child(237) {
    animation: orbit237 14s infinite;
    animation-delay: 2.37s;
    background-color: #ff8600;
  }
  
  @keyframes orbit237 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-340deg) rotateY(263deg) translateX(100px) rotateZ(340deg);
    }
    80% {
      transform: rotateZ(-340deg) rotateY(263deg) translateX(100px) rotateZ(340deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-340deg) rotateY(263deg) translateX(300px) rotateZ(340deg);
      opacity: 1;
    }
  }
  .c:nth-child(238) {
    animation: orbit238 14s infinite;
    animation-delay: 2.38s;
    background-color: #ff8700;
  }
  
  @keyframes orbit238 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-359deg) rotateY(260deg) translateX(100px) rotateZ(359deg);
    }
    80% {
      transform: rotateZ(-359deg) rotateY(260deg) translateX(100px) rotateZ(359deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-359deg) rotateY(260deg) translateX(300px) rotateZ(359deg);
      opacity: 1;
    }
  }
  .c:nth-child(239) {
    animation: orbit239 14s infinite;
    animation-delay: 2.39s;
    background-color: #ff8700;
  }
  
  @keyframes orbit239 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-349deg) rotateY(214deg) translateX(100px) rotateZ(349deg);
    }
    80% {
      transform: rotateZ(-349deg) rotateY(214deg) translateX(100px) rotateZ(349deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-349deg) rotateY(214deg) translateX(300px) rotateZ(349deg);
      opacity: 1;
    }
  }
  .c:nth-child(240) {
    animation: orbit240 14s infinite;
    animation-delay: 2.4s;
    background-color: #ff8800;
  }
  
  @keyframes orbit240 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-213deg) rotateY(357deg) translateX(100px) rotateZ(213deg);
    }
    80% {
      transform: rotateZ(-213deg) rotateY(357deg) translateX(100px) rotateZ(213deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-213deg) rotateY(357deg) translateX(300px) rotateZ(213deg);
      opacity: 1;
    }
  }
  .c:nth-child(241) {
    animation: orbit241 14s infinite;
    animation-delay: 2.41s;
    background-color: #ff8900;
  }
  
  @keyframes orbit241 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-291deg) rotateY(142deg) translateX(100px) rotateZ(291deg);
    }
    80% {
      transform: rotateZ(-291deg) rotateY(142deg) translateX(100px) rotateZ(291deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-291deg) rotateY(142deg) translateX(300px) rotateZ(291deg);
      opacity: 1;
    }
  }
  .c:nth-child(242) {
    animation: orbit242 14s infinite;
    animation-delay: 2.42s;
    background-color: #ff8900;
  }
  
  @keyframes orbit242 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-90deg) rotateY(139deg) translateX(100px) rotateZ(90deg);
    }
    80% {
      transform: rotateZ(-90deg) rotateY(139deg) translateX(100px) rotateZ(90deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-90deg) rotateY(139deg) translateX(300px) rotateZ(90deg);
      opacity: 1;
    }
  }
  .c:nth-child(243) {
    animation: orbit243 14s infinite;
    animation-delay: 2.43s;
    background-color: #ff8a00;
  }
  
  @keyframes orbit243 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-338deg) rotateY(188deg) translateX(100px) rotateZ(338deg);
    }
    80% {
      transform: rotateZ(-338deg) rotateY(188deg) translateX(100px) rotateZ(338deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-338deg) rotateY(188deg) translateX(300px) rotateZ(338deg);
      opacity: 1;
    }
  }
  .c:nth-child(244) {
    animation: orbit244 14s infinite;
    animation-delay: 2.44s;
    background-color: #ff8a00;
  }
  
  @keyframes orbit244 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-12deg) rotateY(120deg) translateX(100px) rotateZ(12deg);
    }
    80% {
      transform: rotateZ(-12deg) rotateY(120deg) translateX(100px) rotateZ(12deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-12deg) rotateY(120deg) translateX(300px) rotateZ(12deg);
      opacity: 1;
    }
  }
  .c:nth-child(245) {
    animation: orbit245 14s infinite;
    animation-delay: 2.45s;
    background-color: #ff8b00;
  }
  
  @keyframes orbit245 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-155deg) rotateY(192deg) translateX(100px) rotateZ(155deg);
    }
    80% {
      transform: rotateZ(-155deg) rotateY(192deg) translateX(100px) rotateZ(155deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-155deg) rotateY(192deg) translateX(300px) rotateZ(155deg);
      opacity: 1;
    }
  }
  .c:nth-child(246) {
    animation: orbit246 14s infinite;
    animation-delay: 2.46s;
    background-color: #ff8b00;
  }
  
  @keyframes orbit246 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-356deg) rotateY(26deg) translateX(100px) rotateZ(356deg);
    }
    80% {
      transform: rotateZ(-356deg) rotateY(26deg) translateX(100px) rotateZ(356deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-356deg) rotateY(26deg) translateX(300px) rotateZ(356deg);
      opacity: 1;
    }
  }
  .c:nth-child(247) {
    animation: orbit247 14s infinite;
    animation-delay: 2.47s;
    background-color: darkorange;
  }
  
  @keyframes orbit247 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-133deg) rotateY(105deg) translateX(100px) rotateZ(133deg);
    }
    80% {
      transform: rotateZ(-133deg) rotateY(105deg) translateX(100px) rotateZ(133deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-133deg) rotateY(105deg) translateX(300px) rotateZ(133deg);
      opacity: 1;
    }
  }
  .c:nth-child(248) {
    animation: orbit248 14s infinite;
    animation-delay: 2.48s;
    background-color: #ff8d00;
  }
  
  @keyframes orbit248 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-222deg) rotateY(8deg) translateX(100px) rotateZ(222deg);
    }
    80% {
      transform: rotateZ(-222deg) rotateY(8deg) translateX(100px) rotateZ(222deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-222deg) rotateY(8deg) translateX(300px) rotateZ(222deg);
      opacity: 1;
    }
  }
  .c:nth-child(249) {
    animation: orbit249 14s infinite;
    animation-delay: 2.49s;
    background-color: #ff8d00;
  }
  
  @keyframes orbit249 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-310deg) rotateY(271deg) translateX(100px) rotateZ(310deg);
    }
    80% {
      transform: rotateZ(-310deg) rotateY(271deg) translateX(100px) rotateZ(310deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-310deg) rotateY(271deg) translateX(300px) rotateZ(310deg);
      opacity: 1;
    }
  }
  .c:nth-child(250) {
    animation: orbit250 14s infinite;
    animation-delay: 2.5s;
    background-color: #ff8e00;
  }
  
  @keyframes orbit250 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-106deg) rotateY(117deg) translateX(100px) rotateZ(106deg);
    }
    80% {
      transform: rotateZ(-106deg) rotateY(117deg) translateX(100px) rotateZ(106deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-106deg) rotateY(117deg) translateX(300px) rotateZ(106deg);
      opacity: 1;
    }
  }
  .c:nth-child(251) {
    animation: orbit251 14s infinite;
    animation-delay: 2.51s;
    background-color: #ff8e00;
  }
  
  @keyframes orbit251 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-323deg) rotateY(30deg) translateX(100px) rotateZ(323deg);
    }
    80% {
      transform: rotateZ(-323deg) rotateY(30deg) translateX(100px) rotateZ(323deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-323deg) rotateY(30deg) translateX(300px) rotateZ(323deg);
      opacity: 1;
    }
  }
  .c:nth-child(252) {
    animation: orbit252 14s infinite;
    animation-delay: 2.52s;
    background-color: #ff8f00;
  }
  
  @keyframes orbit252 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-291deg) rotateY(120deg) translateX(100px) rotateZ(291deg);
    }
    80% {
      transform: rotateZ(-291deg) rotateY(120deg) translateX(100px) rotateZ(291deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-291deg) rotateY(120deg) translateX(300px) rotateZ(291deg);
      opacity: 1;
    }
  }
  .c:nth-child(253) {
    animation: orbit253 14s infinite;
    animation-delay: 2.53s;
    background-color: #ff8f00;
  }
  
  @keyframes orbit253 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-234deg) rotateY(151deg) translateX(100px) rotateZ(234deg);
    }
    80% {
      transform: rotateZ(-234deg) rotateY(151deg) translateX(100px) rotateZ(234deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-234deg) rotateY(151deg) translateX(300px) rotateZ(234deg);
      opacity: 1;
    }
  }
  .c:nth-child(254) {
    animation: orbit254 14s infinite;
    animation-delay: 2.54s;
    background-color: #ff9000;
  }
  
  @keyframes orbit254 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-101deg) rotateY(336deg) translateX(100px) rotateZ(101deg);
    }
    80% {
      transform: rotateZ(-101deg) rotateY(336deg) translateX(100px) rotateZ(101deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-101deg) rotateY(336deg) translateX(300px) rotateZ(101deg);
      opacity: 1;
    }
  }
  .c:nth-child(255) {
    animation: orbit255 14s infinite;
    animation-delay: 2.55s;
    background-color: #ff9100;
  }
  
  @keyframes orbit255 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-293deg) rotateY(104deg) translateX(100px) rotateZ(293deg);
    }
    80% {
      transform: rotateZ(-293deg) rotateY(104deg) translateX(100px) rotateZ(293deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-293deg) rotateY(104deg) translateX(300px) rotateZ(293deg);
      opacity: 1;
    }
  }
  .c:nth-child(256) {
    animation: orbit256 14s infinite;
    animation-delay: 2.56s;
    background-color: #ff9100;
  }
  
  @keyframes orbit256 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-19deg) rotateY(223deg) translateX(100px) rotateZ(19deg);
    }
    80% {
      transform: rotateZ(-19deg) rotateY(223deg) translateX(100px) rotateZ(19deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-19deg) rotateY(223deg) translateX(300px) rotateZ(19deg);
      opacity: 1;
    }
  }
  .c:nth-child(257) {
    animation: orbit257 14s infinite;
    animation-delay: 2.57s;
    background-color: #ff9200;
  }
  
  @keyframes orbit257 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-8deg) rotateY(43deg) translateX(100px) rotateZ(8deg);
    }
    80% {
      transform: rotateZ(-8deg) rotateY(43deg) translateX(100px) rotateZ(8deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-8deg) rotateY(43deg) translateX(300px) rotateZ(8deg);
      opacity: 1;
    }
  }
  .c:nth-child(258) {
    animation: orbit258 14s infinite;
    animation-delay: 2.58s;
    background-color: #ff9200;
  }
  
  @keyframes orbit258 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-38deg) rotateY(159deg) translateX(100px) rotateZ(38deg);
    }
    80% {
      transform: rotateZ(-38deg) rotateY(159deg) translateX(100px) rotateZ(38deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-38deg) rotateY(159deg) translateX(300px) rotateZ(38deg);
      opacity: 1;
    }
  }
  .c:nth-child(259) {
    animation: orbit259 14s infinite;
    animation-delay: 2.59s;
    background-color: #ff9300;
  }
  
  @keyframes orbit259 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-352deg) rotateY(196deg) translateX(100px) rotateZ(352deg);
    }
    80% {
      transform: rotateZ(-352deg) rotateY(196deg) translateX(100px) rotateZ(352deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-352deg) rotateY(196deg) translateX(300px) rotateZ(352deg);
      opacity: 1;
    }
  }
  .c:nth-child(260) {
    animation: orbit260 14s infinite;
    animation-delay: 2.6s;
    background-color: #ff9300;
  }
  
  @keyframes orbit260 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-48deg) rotateY(197deg) translateX(100px) rotateZ(48deg);
    }
    80% {
      transform: rotateZ(-48deg) rotateY(197deg) translateX(100px) rotateZ(48deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-48deg) rotateY(197deg) translateX(300px) rotateZ(48deg);
      opacity: 1;
    }
  }
  .c:nth-child(261) {
    animation: orbit261 14s infinite;
    animation-delay: 2.61s;
    background-color: #ff9400;
  }
  
  @keyframes orbit261 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-356deg) rotateY(98deg) translateX(100px) rotateZ(356deg);
    }
    80% {
      transform: rotateZ(-356deg) rotateY(98deg) translateX(100px) rotateZ(356deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-356deg) rotateY(98deg) translateX(300px) rotateZ(356deg);
      opacity: 1;
    }
  }
  .c:nth-child(262) {
    animation: orbit262 14s infinite;
    animation-delay: 2.62s;
    background-color: #ff9400;
  }
  
  @keyframes orbit262 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-281deg) rotateY(116deg) translateX(100px) rotateZ(281deg);
    }
    80% {
      transform: rotateZ(-281deg) rotateY(116deg) translateX(100px) rotateZ(281deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-281deg) rotateY(116deg) translateX(300px) rotateZ(281deg);
      opacity: 1;
    }
  }
  .c:nth-child(263) {
    animation: orbit263 14s infinite;
    animation-delay: 2.63s;
    background-color: #ff9500;
  }
  
  @keyframes orbit263 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-305deg) rotateY(293deg) translateX(100px) rotateZ(305deg);
    }
    80% {
      transform: rotateZ(-305deg) rotateY(293deg) translateX(100px) rotateZ(305deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-305deg) rotateY(293deg) translateX(300px) rotateZ(305deg);
      opacity: 1;
    }
  }
  .c:nth-child(264) {
    animation: orbit264 14s infinite;
    animation-delay: 2.64s;
    background-color: #ff9600;
  }
  
  @keyframes orbit264 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-351deg) rotateY(188deg) translateX(100px) rotateZ(351deg);
    }
    80% {
      transform: rotateZ(-351deg) rotateY(188deg) translateX(100px) rotateZ(351deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-351deg) rotateY(188deg) translateX(300px) rotateZ(351deg);
      opacity: 1;
    }
  }
  .c:nth-child(265) {
    animation: orbit265 14s infinite;
    animation-delay: 2.65s;
    background-color: #ff9600;
  }
  
  @keyframes orbit265 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-178deg) rotateY(17deg) translateX(100px) rotateZ(178deg);
    }
    80% {
      transform: rotateZ(-178deg) rotateY(17deg) translateX(100px) rotateZ(178deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-178deg) rotateY(17deg) translateX(300px) rotateZ(178deg);
      opacity: 1;
    }
  }
  .c:nth-child(266) {
    animation: orbit266 14s infinite;
    animation-delay: 2.66s;
    background-color: #ff9700;
  }
  
  @keyframes orbit266 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-25deg) rotateY(84deg) translateX(100px) rotateZ(25deg);
    }
    80% {
      transform: rotateZ(-25deg) rotateY(84deg) translateX(100px) rotateZ(25deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-25deg) rotateY(84deg) translateX(300px) rotateZ(25deg);
      opacity: 1;
    }
  }
  .c:nth-child(267) {
    animation: orbit267 14s infinite;
    animation-delay: 2.67s;
    background-color: #ff9700;
  }
  
  @keyframes orbit267 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-77deg) rotateY(199deg) translateX(100px) rotateZ(77deg);
    }
    80% {
      transform: rotateZ(-77deg) rotateY(199deg) translateX(100px) rotateZ(77deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-77deg) rotateY(199deg) translateX(300px) rotateZ(77deg);
      opacity: 1;
    }
  }
  .c:nth-child(268) {
    animation: orbit268 14s infinite;
    animation-delay: 2.68s;
    background-color: #ff9800;
  }
  
  @keyframes orbit268 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-39deg) rotateY(242deg) translateX(100px) rotateZ(39deg);
    }
    80% {
      transform: rotateZ(-39deg) rotateY(242deg) translateX(100px) rotateZ(39deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-39deg) rotateY(242deg) translateX(300px) rotateZ(39deg);
      opacity: 1;
    }
  }
  .c:nth-child(269) {
    animation: orbit269 14s infinite;
    animation-delay: 2.69s;
    background-color: #ff9800;
  }
  
  @keyframes orbit269 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-54deg) rotateY(207deg) translateX(100px) rotateZ(54deg);
    }
    80% {
      transform: rotateZ(-54deg) rotateY(207deg) translateX(100px) rotateZ(54deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-54deg) rotateY(207deg) translateX(300px) rotateZ(54deg);
      opacity: 1;
    }
  }
  .c:nth-child(270) {
    animation: orbit270 14s infinite;
    animation-delay: 2.7s;
    background-color: #ff9900;
  }
  
  @keyframes orbit270 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-175deg) rotateY(224deg) translateX(100px) rotateZ(175deg);
    }
    80% {
      transform: rotateZ(-175deg) rotateY(224deg) translateX(100px) rotateZ(175deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-175deg) rotateY(224deg) translateX(300px) rotateZ(175deg);
      opacity: 1;
    }
  }
  .c:nth-child(271) {
    animation: orbit271 14s infinite;
    animation-delay: 2.71s;
    background-color: #ff9a00;
  }
  
  @keyframes orbit271 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-193deg) rotateY(84deg) translateX(100px) rotateZ(193deg);
    }
    80% {
      transform: rotateZ(-193deg) rotateY(84deg) translateX(100px) rotateZ(193deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-193deg) rotateY(84deg) translateX(300px) rotateZ(193deg);
      opacity: 1;
    }
  }
  .c:nth-child(272) {
    animation: orbit272 14s infinite;
    animation-delay: 2.72s;
    background-color: #ff9a00;
  }
  
  @keyframes orbit272 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-118deg) rotateY(61deg) translateX(100px) rotateZ(118deg);
    }
    80% {
      transform: rotateZ(-118deg) rotateY(61deg) translateX(100px) rotateZ(118deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-118deg) rotateY(61deg) translateX(300px) rotateZ(118deg);
      opacity: 1;
    }
  }
  .c:nth-child(273) {
    animation: orbit273 14s infinite;
    animation-delay: 2.73s;
    background-color: #ff9b00;
  }
  
  @keyframes orbit273 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-248deg) rotateY(247deg) translateX(100px) rotateZ(248deg);
    }
    80% {
      transform: rotateZ(-248deg) rotateY(247deg) translateX(100px) rotateZ(248deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-248deg) rotateY(247deg) translateX(300px) rotateZ(248deg);
      opacity: 1;
    }
  }
  .c:nth-child(274) {
    animation: orbit274 14s infinite;
    animation-delay: 2.74s;
    background-color: #ff9b00;
  }
  
  @keyframes orbit274 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-40deg) rotateY(354deg) translateX(100px) rotateZ(40deg);
    }
    80% {
      transform: rotateZ(-40deg) rotateY(354deg) translateX(100px) rotateZ(40deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-40deg) rotateY(354deg) translateX(300px) rotateZ(40deg);
      opacity: 1;
    }
  }
  .c:nth-child(275) {
    animation: orbit275 14s infinite;
    animation-delay: 2.75s;
    background-color: #ff9c00;
  }
  
  @keyframes orbit275 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-184deg) rotateY(311deg) translateX(100px) rotateZ(184deg);
    }
    80% {
      transform: rotateZ(-184deg) rotateY(311deg) translateX(100px) rotateZ(184deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-184deg) rotateY(311deg) translateX(300px) rotateZ(184deg);
      opacity: 1;
    }
  }
  .c:nth-child(276) {
    animation: orbit276 14s infinite;
    animation-delay: 2.76s;
    background-color: #ff9c00;
  }
  
  @keyframes orbit276 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-158deg) rotateY(349deg) translateX(100px) rotateZ(158deg);
    }
    80% {
      transform: rotateZ(-158deg) rotateY(349deg) translateX(100px) rotateZ(158deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-158deg) rotateY(349deg) translateX(300px) rotateZ(158deg);
      opacity: 1;
    }
  }
  .c:nth-child(277) {
    animation: orbit277 14s infinite;
    animation-delay: 2.77s;
    background-color: #ff9d00;
  }
  
  @keyframes orbit277 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-264deg) rotateY(349deg) translateX(100px) rotateZ(264deg);
    }
    80% {
      transform: rotateZ(-264deg) rotateY(349deg) translateX(100px) rotateZ(264deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-264deg) rotateY(349deg) translateX(300px) rotateZ(264deg);
      opacity: 1;
    }
  }
  .c:nth-child(278) {
    animation: orbit278 14s infinite;
    animation-delay: 2.78s;
    background-color: #ff9e00;
  }
  
  @keyframes orbit278 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-17deg) rotateY(77deg) translateX(100px) rotateZ(17deg);
    }
    80% {
      transform: rotateZ(-17deg) rotateY(77deg) translateX(100px) rotateZ(17deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-17deg) rotateY(77deg) translateX(300px) rotateZ(17deg);
      opacity: 1;
    }
  }
  .c:nth-child(279) {
    animation: orbit279 14s infinite;
    animation-delay: 2.79s;
    background-color: #ff9e00;
  }
  
  @keyframes orbit279 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-9deg) rotateY(260deg) translateX(100px) rotateZ(9deg);
    }
    80% {
      transform: rotateZ(-9deg) rotateY(260deg) translateX(100px) rotateZ(9deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-9deg) rotateY(260deg) translateX(300px) rotateZ(9deg);
      opacity: 1;
    }
  }
  .c:nth-child(280) {
    animation: orbit280 14s infinite;
    animation-delay: 2.8s;
    background-color: #ff9f00;
  }
  
  @keyframes orbit280 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-218deg) rotateY(355deg) translateX(100px) rotateZ(218deg);
    }
    80% {
      transform: rotateZ(-218deg) rotateY(355deg) translateX(100px) rotateZ(218deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-218deg) rotateY(355deg) translateX(300px) rotateZ(218deg);
      opacity: 1;
    }
  }
  .c:nth-child(281) {
    animation: orbit281 14s infinite;
    animation-delay: 2.81s;
    background-color: #ff9f00;
  }
  
  @keyframes orbit281 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-22deg) rotateY(271deg) translateX(100px) rotateZ(22deg);
    }
    80% {
      transform: rotateZ(-22deg) rotateY(271deg) translateX(100px) rotateZ(22deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-22deg) rotateY(271deg) translateX(300px) rotateZ(22deg);
      opacity: 1;
    }
  }
  .c:nth-child(282) {
    animation: orbit282 14s infinite;
    animation-delay: 2.82s;
    background-color: #ffa000;
  }
  
  @keyframes orbit282 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-46deg) rotateY(260deg) translateX(100px) rotateZ(46deg);
    }
    80% {
      transform: rotateZ(-46deg) rotateY(260deg) translateX(100px) rotateZ(46deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-46deg) rotateY(260deg) translateX(300px) rotateZ(46deg);
      opacity: 1;
    }
  }
  .c:nth-child(283) {
    animation: orbit283 14s infinite;
    animation-delay: 2.83s;
    background-color: #ffa000;
  }
  
  @keyframes orbit283 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-192deg) rotateY(13deg) translateX(100px) rotateZ(192deg);
    }
    80% {
      transform: rotateZ(-192deg) rotateY(13deg) translateX(100px) rotateZ(192deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-192deg) rotateY(13deg) translateX(300px) rotateZ(192deg);
      opacity: 1;
    }
  }
  .c:nth-child(284) {
    animation: orbit284 14s infinite;
    animation-delay: 2.84s;
    background-color: #ffa100;
  }
  
  @keyframes orbit284 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-146deg) rotateY(191deg) translateX(100px) rotateZ(146deg);
    }
    80% {
      transform: rotateZ(-146deg) rotateY(191deg) translateX(100px) rotateZ(146deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-146deg) rotateY(191deg) translateX(300px) rotateZ(146deg);
      opacity: 1;
    }
  }
  .c:nth-child(285) {
    animation: orbit285 14s infinite;
    animation-delay: 2.85s;
    background-color: #ffa200;
  }
  
  @keyframes orbit285 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-116deg) rotateY(268deg) translateX(100px) rotateZ(116deg);
    }
    80% {
      transform: rotateZ(-116deg) rotateY(268deg) translateX(100px) rotateZ(116deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-116deg) rotateY(268deg) translateX(300px) rotateZ(116deg);
      opacity: 1;
    }
  }
  .c:nth-child(286) {
    animation: orbit286 14s infinite;
    animation-delay: 2.86s;
    background-color: #ffa200;
  }
  
  @keyframes orbit286 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-187deg) rotateY(291deg) translateX(100px) rotateZ(187deg);
    }
    80% {
      transform: rotateZ(-187deg) rotateY(291deg) translateX(100px) rotateZ(187deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-187deg) rotateY(291deg) translateX(300px) rotateZ(187deg);
      opacity: 1;
    }
  }
  .c:nth-child(287) {
    animation: orbit287 14s infinite;
    animation-delay: 2.87s;
    background-color: #ffa300;
  }
  
  @keyframes orbit287 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-274deg) rotateY(205deg) translateX(100px) rotateZ(274deg);
    }
    80% {
      transform: rotateZ(-274deg) rotateY(205deg) translateX(100px) rotateZ(274deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-274deg) rotateY(205deg) translateX(300px) rotateZ(274deg);
      opacity: 1;
    }
  }
  .c:nth-child(288) {
    animation: orbit288 14s infinite;
    animation-delay: 2.88s;
    background-color: #ffa300;
  }
  
  @keyframes orbit288 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-341deg) rotateY(172deg) translateX(100px) rotateZ(341deg);
    }
    80% {
      transform: rotateZ(-341deg) rotateY(172deg) translateX(100px) rotateZ(341deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-341deg) rotateY(172deg) translateX(300px) rotateZ(341deg);
      opacity: 1;
    }
  }
  .c:nth-child(289) {
    animation: orbit289 14s infinite;
    animation-delay: 2.89s;
    background-color: #ffa400;
  }
  
  @keyframes orbit289 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-11deg) rotateY(109deg) translateX(100px) rotateZ(11deg);
    }
    80% {
      transform: rotateZ(-11deg) rotateY(109deg) translateX(100px) rotateZ(11deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-11deg) rotateY(109deg) translateX(300px) rotateZ(11deg);
      opacity: 1;
    }
  }
  .c:nth-child(290) {
    animation: orbit290 14s infinite;
    animation-delay: 2.9s;
    background-color: #ffa400;
  }
  
  @keyframes orbit290 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-257deg) rotateY(131deg) translateX(100px) rotateZ(257deg);
    }
    80% {
      transform: rotateZ(-257deg) rotateY(131deg) translateX(100px) rotateZ(257deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-257deg) rotateY(131deg) translateX(300px) rotateZ(257deg);
      opacity: 1;
    }
  }
  .c:nth-child(291) {
    animation: orbit291 14s infinite;
    animation-delay: 2.91s;
    background-color: orange;
  }
  
  @keyframes orbit291 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-290deg) rotateY(134deg) translateX(100px) rotateZ(290deg);
    }
    80% {
      transform: rotateZ(-290deg) rotateY(134deg) translateX(100px) rotateZ(290deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-290deg) rotateY(134deg) translateX(300px) rotateZ(290deg);
      opacity: 1;
    }
  }
  .c:nth-child(292) {
    animation: orbit292 14s infinite;
    animation-delay: 2.92s;
    background-color: orange;
  }
  
  @keyframes orbit292 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-232deg) rotateY(63deg) translateX(100px) rotateZ(232deg);
    }
    80% {
      transform: rotateZ(-232deg) rotateY(63deg) translateX(100px) rotateZ(232deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-232deg) rotateY(63deg) translateX(300px) rotateZ(232deg);
      opacity: 1;
    }
  }
  .c:nth-child(293) {
    animation: orbit293 14s infinite;
    animation-delay: 2.93s;
    background-color: #ffa600;
  }
  
  @keyframes orbit293 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-125deg) rotateY(64deg) translateX(100px) rotateZ(125deg);
    }
    80% {
      transform: rotateZ(-125deg) rotateY(64deg) translateX(100px) rotateZ(125deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-125deg) rotateY(64deg) translateX(300px) rotateZ(125deg);
      opacity: 1;
    }
  }
  .c:nth-child(294) {
    animation: orbit294 14s infinite;
    animation-delay: 2.94s;
    background-color: #ffa700;
  }
  
  @keyframes orbit294 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-47deg) rotateY(44deg) translateX(100px) rotateZ(47deg);
    }
    80% {
      transform: rotateZ(-47deg) rotateY(44deg) translateX(100px) rotateZ(47deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-47deg) rotateY(44deg) translateX(300px) rotateZ(47deg);
      opacity: 1;
    }
  }
  .c:nth-child(295) {
    animation: orbit295 14s infinite;
    animation-delay: 2.95s;
    background-color: #ffa700;
  }
  
  @keyframes orbit295 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-205deg) rotateY(230deg) translateX(100px) rotateZ(205deg);
    }
    80% {
      transform: rotateZ(-205deg) rotateY(230deg) translateX(100px) rotateZ(205deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-205deg) rotateY(230deg) translateX(300px) rotateZ(205deg);
      opacity: 1;
    }
  }
  .c:nth-child(296) {
    animation: orbit296 14s infinite;
    animation-delay: 2.96s;
    background-color: #ffa800;
  }
  
  @keyframes orbit296 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-27deg) rotateY(130deg) translateX(100px) rotateZ(27deg);
    }
    80% {
      transform: rotateZ(-27deg) rotateY(130deg) translateX(100px) rotateZ(27deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-27deg) rotateY(130deg) translateX(300px) rotateZ(27deg);
      opacity: 1;
    }
  }
  .c:nth-child(297) {
    animation: orbit297 14s infinite;
    animation-delay: 2.97s;
    background-color: #ffa800;
  }
  
  @keyframes orbit297 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-243deg) rotateY(300deg) translateX(100px) rotateZ(243deg);
    }
    80% {
      transform: rotateZ(-243deg) rotateY(300deg) translateX(100px) rotateZ(243deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-243deg) rotateY(300deg) translateX(300px) rotateZ(243deg);
      opacity: 1;
    }
  }
  .c:nth-child(298) {
    animation: orbit298 14s infinite;
    animation-delay: 2.98s;
    background-color: #ffa900;
  }
  
  @keyframes orbit298 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-168deg) rotateY(130deg) translateX(100px) rotateZ(168deg);
    }
    80% {
      transform: rotateZ(-168deg) rotateY(130deg) translateX(100px) rotateZ(168deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-168deg) rotateY(130deg) translateX(300px) rotateZ(168deg);
      opacity: 1;
    }
  }
  .c:nth-child(299) {
    animation: orbit299 14s infinite;
    animation-delay: 2.99s;
    background-color: #ffa900;
  }
  
  @keyframes orbit299 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-181deg) rotateY(280deg) translateX(100px) rotateZ(181deg);
    }
    80% {
      transform: rotateZ(-181deg) rotateY(280deg) translateX(100px) rotateZ(181deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-181deg) rotateY(280deg) translateX(300px) rotateZ(181deg);
      opacity: 1;
    }
  }
  .c:nth-child(300) {
    animation: orbit300 14s infinite;
    animation-delay: 3s;
  }
  
  @keyframes orbit300 {
    20% {
      opacity: 1;
    }
    30% {
      transform: rotateZ(-125deg) rotateY(273deg) translateX(100px) rotateZ(125deg);
    }
    80% {
      transform: rotateZ(-125deg) rotateY(273deg) translateX(100px) rotateZ(125deg);
      opacity: 1;
    }
    100% {
      transform: rotateZ(-125deg) rotateY(273deg) translateX(300px) rotateZ(125deg);
      opacity: 1;
    }
  }
  .c{
      background-color: #3496ff !important;
  }

  #clock {
    position: relative;
    display: block;
    width: 130px;
    height: 130px;
    margin: 20px auto 0 auto;
    background: url(../Images/clk/clockface.png);
    list-style: none;
    background-size: contain;
    padding: 0px;
    }
  
  #sec, #min, #hour {
    position: absolute;
    width: 7px;
    height: 130px;
    top: 50%;
    left: 50%;
    margin-top: -65px;
    margin-left: -4;
    }
  
  #sec {
    background: url(../Images/clk/sechand.png);
    z-index: 3;
       }
     
  #min {
    background: url(../Images/clk/minhand.png);
    z-index: 2;
       }
     
  #hour {
    background: url(../Images/clk/hourhand.png);
    z-index: 1;
       }