@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}

.swiper {
    --swiper-theme-color: #eef8ff;
    --swiper-pagination-color: #bbe3ff;
    /* 两种都可以 */
}

body {
    overflow-x: hidden;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

li {
    list-style: none;
}

.sub-item-list > li.active {
    border-bottom: 0 none;
}

.sub-item-list > li {
    height: 40px;
    border-top: 1px solid #0066c9;
    font-size: 12px;
    line-height: 40px;
}

.a-active {
    border-bottom: 2px solid #5aa4ed;
}

.a-active > a {
    color: #fff !important;
}

.a-active > svg {
    color: #fff !important;
}

.phone {
    display: none;
}

.pc {
    display: block;
}

.is-ie {
    display: none;
}

.active {
    border-bottom: 2px solid #5aa4ed;
}

.active > a {
    color: #fff !important;
}

.active > svg {
    color: #fff !important;
}

.container {
    max-width: 1200px;
}

.loading-bg {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: white;
    top: 0;
    left: 0;
}

.loading-bg > img {
    width: 120px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -60px;
    margin-top: -180px;
}

@keyframes rotates {
    0% {
        transform: rotateY(0deg);
    }
    100% {
        transform: rotateY(360deg);
    }
}

p.count {
    color: #5a95d4;
    position: fixed;
    top: 48%;
    z-index: 100;
    right: 50%;
}

.progress {
    position: fixed;
    width: 200px;
    height: 10px;
    bottom: 50px;
    z-index: 100;
    right: 50%;
    top: 52%;
    margin-top: -5px;
    margin-right: -100px;
    border-radius: 25px;
}

.progress-bar {
    background-color: #5a95d4;
}

.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: white;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@-webkit-keyframes loader {
    0%,
    10%,
    100% {
        width: 80px;
        height: 80px;
    }
    65% {
        width: 150px;
        height: 150px;
    }
}

@keyframes loader {
    0%,
    10%,
    100% {
        width: 80px;
        height: 80px;
    }
    65% {
        width: 150px;
        height: 150px;
    }
}

@-webkit-keyframes loaderBlock {
    0%,
    30% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #cccccc;
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes loaderBlock {
    0%,
    30% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #cccccc;
    }
    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@-webkit-keyframes loaderBlockInverse {
    0%,
    20% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #cccccc;
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

@keyframes loaderBlockInverse {
    0%,
    20% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    55% {
        background-color: #cccccc;
    }
    100% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
}

.preloader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
    transform: translate(-50%, -50%) rotate(45deg) translate3d(0, 0, 0);
    -webkit-animation: loader 1.2s infinite ease-in-out;
    animation: loader 1.2s infinite ease-in-out;
}

.preloader .loader span {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background-color: #2861ac;
    -webkit-animation: loaderBlock 1.2s infinite ease-in-out both;
    animation: loaderBlock 1.2s infinite ease-in-out both;
}

.preloader .loader span:nth-child(1) {
    top: 0;
    left: 0;
}

.preloader .loader span:nth-child(2) {
    top: 0;
    right: 0;
    -webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
    animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}

.preloader .loader span:nth-child(3) {
    bottom: 0;
    left: 0;
    -webkit-animation: loaderBlockInverse 1.2s infinite ease-in-out both;
    animation: loaderBlockInverse 1.2s infinite ease-in-out both;
}

.preloader .loader span:nth-child(4) {
    bottom: 0;
    right: 0;
}

@media (min-width: 2560px) {
    .banner .img-words #canvasWrapper {
        left: -90px !important;
    }

    .guangyun {
        margin-left: 82px !important;
    }

    .guangyun2 {
        margin-left: 166px !important;
    }

    .banner .img-words > img:nth-child(2) {
        right: 20% !important;
    }
}




.guangyun2 {
    position: absolute;
    background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0) 33%, white 43%, rgba(255, 255, 255, 0) 47%, rgba(255, 255, 255, 0) 100%);
    border-radius: 50%;
    width: 230px;
    height: 230px;
    margin-top: -113px;
    margin-left: 164px;
    top: 50%;
    left: 50%;
    animation: flash 1.8s infinite;
    z-index: 2;
}

.guangyun {
    position: absolute;
    background: radial-gradient(ellipse at center, rgba(89, 169, 239, 0) 36%, #59a9ef 43%, rgba(89, 169, 239, 0) 47%, rgba(89, 169, 239, 0) 100%);
    border-radius: 50%;
    width: 440px;
    height: 440px;
    margin-top: -218px;
    margin-left: 60px;
    top: 50%;
    left: 50%;
    animation: flash 3s infinite;
    z-index: 2;
}

.particle {
    position: absolute;
    top: 50%;
    right: 30%;
    height: 24vh;
    perspective: 200px;
}

.particle i:before, .particle i:after {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    content: "";
    opacity: 0;
}

.particle i:nth-child(1):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p1 11s -3s infinite;
}

.particle i:nth-child(1):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p1 11s 10.8s infinite;
}

@keyframes p1 {
    0% {
        transform: translate3d(580px, 551px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(2):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p2 10.6s -6s infinite;
}

.particle i:nth-child(2):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p2 11s 1.8s infinite;
}

@keyframes p2 {
    0% {
        transform: translate3d(-382px, 490px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(3):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p3 10.4s -5.4s infinite;
}

.particle i:nth-child(3):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p3 11s 2.4s infinite;
}

@keyframes p3 {
    0% {
        transform: translate3d(-154px, -23px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(4):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p4 10.4s -3.6s infinite;
}

.particle i:nth-child(4):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p4 12s 0.6s infinite;
}

@keyframes p4 {
    0% {
        transform: translate3d(-369px, -690px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(5):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p5 10.6s -6s infinite;
}

.particle i:nth-child(5):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p5 11.5s 3s infinite;
}

@keyframes p5 {
    0% {
        transform: translate3d(159px, 301px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(6):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p6 11s -2.4s infinite;
}

.particle i:nth-child(6):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p6 10.5s 7.8s infinite;
}

@keyframes p6 {
    0% {
        transform: translate3d(-711px, 233px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(7):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p7 10.6s -1.2s infinite;
}

.particle i:nth-child(7):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p7 11s 4.8s infinite;
}

@keyframes p7 {
    0% {
        transform: translate3d(224px, 679px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(8):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p8 10.2s -5.4s infinite;
}

.particle i:nth-child(8):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p8 11.5s 8.4s infinite;
}

@keyframes p8 {
    0% {
        transform: translate3d(724px, -232px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(9):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p9 10.6s -6s infinite;
}

.particle i:nth-child(9):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p9 12s 1.8s infinite;
}

@keyframes p9 {
    0% {
        transform: translate3d(9px, -541px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(10):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p10 10.2s -3.6s infinite;
}

.particle i:nth-child(10):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p10 12s 0.6s infinite;
}

@keyframes p10 {
    0% {
        transform: translate3d(-9px, -598px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(11):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p11 10.6s -3.6s infinite;
}

.particle i:nth-child(11):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p11 11s 10.2s infinite;
}

@keyframes p11 {
    0% {
        transform: translate3d(710px, 449px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(12):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p12 10.6s -0.6s infinite;
}

.particle i:nth-child(12):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p12 12.5s 4.2s infinite;
}

@keyframes p12 {
    0% {
        transform: translate3d(791px, -264px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(13):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p13 10.8s -5.4s infinite;
}

.particle i:nth-child(13):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p13 11.5s 1.8s infinite;
}

@keyframes p13 {
    0% {
        transform: translate3d(-642px, 234px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(14):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p14 10.4s -1.8s infinite;
}

.particle i:nth-child(14):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p14 12s 1.8s infinite;
}

@keyframes p14 {
    0% {
        transform: translate3d(-176px, -599px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(15):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p15 10.2s -3s infinite;
}

.particle i:nth-child(15):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p15 10.5s 4.2s infinite;
}

@keyframes p15 {
    0% {
        transform: translate3d(107px, 470px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(16):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p16 10.8s -6s infinite;
}

.particle i:nth-child(16):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p16 10.5s 6.6s infinite;
}

@keyframes p16 {
    0% {
        transform: translate3d(-618px, -393px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(17):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p17 11s -0.6s infinite;
}

.particle i:nth-child(17):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p17 11s 1.8s infinite;
}

@keyframes p17 {
    0% {
        transform: translate3d(672px, 99px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(18):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p18 10.8s -2.4s infinite;
}

.particle i:nth-child(18):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p18 12.5s 9s infinite;
}

@keyframes p18 {
    0% {
        transform: translate3d(-469px, 454px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(19):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p19 10.8s -6s infinite;
}

.particle i:nth-child(19):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p19 12.5s 8.4s infinite;
}

@keyframes p19 {
    0% {
        transform: translate3d(108px, 341px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(20):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p20 10.8s -2.4s infinite;
}

.particle i:nth-child(20):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p20 12s 1.2s infinite;
}

@keyframes p20 {
    0% {
        transform: translate3d(177px, 344px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(21):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p21 10.6s -3.6s infinite;
}

.particle i:nth-child(21):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p21 12s 6.6s infinite;
}

@keyframes p21 {
    0% {
        transform: translate3d(351px, -105px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(22):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p22 11s -4.2s infinite;
}

.particle i:nth-child(22):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p22 11s 1.8s infinite;
}

@keyframes p22 {
    0% {
        transform: translate3d(135px, -214px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(23):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p23 10.6s -5.4s infinite;
}

.particle i:nth-child(23):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p23 12.5s 0.6s infinite;
}

@keyframes p23 {
    0% {
        transform: translate3d(104px, -68px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(24):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p24 10.2s -3.6s infinite;
}

.particle i:nth-child(24):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p24 11s 11.4s infinite;
}

@keyframes p24 {
    0% {
        transform: translate3d(-332px, -761px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(25):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p25 10.8s -4.2s infinite;
}

.particle i:nth-child(25):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p25 11s 11.4s infinite;
}

@keyframes p25 {
    0% {
        transform: translate3d(385px, -542px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(26):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p26 10.4s -2.4s infinite;
}

.particle i:nth-child(26):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p26 12.5s 8.4s infinite;
}

@keyframes p26 {
    0% {
        transform: translate3d(-614px, -415px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(27):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p27 10.2s -2.4s infinite;
}

.particle i:nth-child(27):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p27 10.5s 6s infinite;
}

@keyframes p27 {
    0% {
        transform: translate3d(-675px, -553px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(28):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p28 10.6s -1.2s infinite;
}

.particle i:nth-child(28):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p28 12.5s 11.4s infinite;
}

@keyframes p28 {
    0% {
        transform: translate3d(471px, -485px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(29):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p29 10.6s -3s infinite;
}

.particle i:nth-child(29):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p29 12.5s 0.6s infinite;
}

@keyframes p29 {
    0% {
        transform: translate3d(690px, 398px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(30):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p30 10.4s -1.8s infinite;
}

.particle i:nth-child(30):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p30 12s 5.4s infinite;
}

@keyframes p30 {
    0% {
        transform: translate3d(-425px, 752px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(31):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p31 10.2s -6s infinite;
}

.particle i:nth-child(31):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p31 11.5s 7.2s infinite;
}

@keyframes p31 {
    0% {
        transform: translate3d(445px, -196px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(32):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p32 10.6s -2.4s infinite;
}

.particle i:nth-child(32):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p32 12s 6.6s infinite;
}

@keyframes p32 {
    0% {
        transform: translate3d(306px, -616px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(33):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p33 10.8s -0.6s infinite;
}

.particle i:nth-child(33):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p33 12.5s 8.4s infinite;
}

@keyframes p33 {
    0% {
        transform: translate3d(486px, -219px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(34):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p34 10.4s -6s infinite;
}

.particle i:nth-child(34):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p34 10.5s 10.2s infinite;
}

@keyframes p34 {
    0% {
        transform: translate3d(414px, 196px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(35):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p35 11s -0.6s infinite;
}

.particle i:nth-child(35):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p35 12.5s 7.8s infinite;
}

@keyframes p35 {
    0% {
        transform: translate3d(700px, -281px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(36):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p36 10.8s -4.2s infinite;
}

.particle i:nth-child(36):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p36 12.5s 5.4s infinite;
}

@keyframes p36 {
    0% {
        transform: translate3d(-238px, -436px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(37):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p37 11s -1.2s infinite;
}

.particle i:nth-child(37):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p37 11s 5.4s infinite;
}

@keyframes p37 {
    0% {
        transform: translate3d(618px, -401px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(38):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p38 10.6s -5.4s infinite;
}

.particle i:nth-child(38):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p38 12.5s 3.6s infinite;
}

@keyframes p38 {
    0% {
        transform: translate3d(-553px, -56px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(39):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p39 10.8s -6s infinite;
}

.particle i:nth-child(39):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p39 12s 9.6s infinite;
}

@keyframes p39 {
    0% {
        transform: translate3d(604px, 706px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(40):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p40 10.6s -4.2s infinite;
}

.particle i:nth-child(40):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p40 10.5s 2.4s infinite;
}

@keyframes p40 {
    0% {
        transform: translate3d(702px, 662px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(41):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p41 10.8s -5.4s infinite;
}

.particle i:nth-child(41):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p41 11.5s 12s infinite;
}

@keyframes p41 {
    0% {
        transform: translate3d(341px, -138px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(42):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p42 11s -3s infinite;
}

.particle i:nth-child(42):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p42 12.5s 4.2s infinite;
}

@keyframes p42 {
    0% {
        transform: translate3d(-508px, 15px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(43):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p43 10.2s -5.4s infinite;
}

.particle i:nth-child(43):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p43 11s 1.8s infinite;
}

@keyframes p43 {
    0% {
        transform: translate3d(552px, -422px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(44):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p44 10.4s -6s infinite;
}

.particle i:nth-child(44):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p44 12s 3.6s infinite;
}

@keyframes p44 {
    0% {
        transform: translate3d(-237px, -343px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(45):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p45 10.6s -0.6s infinite;
}

.particle i:nth-child(45):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p45 10.5s 7.8s infinite;
}

@keyframes p45 {
    0% {
        transform: translate3d(-359px, -513px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(46):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p46 10.2s -3.6s infinite;
}

.particle i:nth-child(46):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p46 12s 1.2s infinite;
}

@keyframes p46 {
    0% {
        transform: translate3d(-89px, -581px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(47):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p47 10.4s -4.2s infinite;
}

.particle i:nth-child(47):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p47 12.5s 7.2s infinite;
}

@keyframes p47 {
    0% {
        transform: translate3d(-106px, 192px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(48):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p48 11s -3.6s infinite;
}

.particle i:nth-child(48):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p48 12s 7.2s infinite;
}

@keyframes p48 {
    0% {
        transform: translate3d(-321px, -459px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(49):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p49 10.6s -4.2s infinite;
}

.particle i:nth-child(49):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p49 10.5s 10.8s infinite;
}

@keyframes p49 {
    0% {
        transform: translate3d(-411px, 298px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(50):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p50 10.2s -1.8s infinite;
}

.particle i:nth-child(50):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p50 11s 2.4s infinite;
}

@keyframes p50 {
    0% {
        transform: translate3d(-477px, -129px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(51):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p51 11s -4.8s infinite;
}

.particle i:nth-child(51):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p51 11s 1.8s infinite;
}

@keyframes p51 {
    0% {
        transform: translate3d(-725px, -130px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(52):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p52 10.4s -5.4s infinite;
}

.particle i:nth-child(52):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p52 11s 1.8s infinite;
}

@keyframes p52 {
    0% {
        transform: translate3d(53px, 104px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(53):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p53 10.6s -2.4s infinite;
}

.particle i:nth-child(53):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p53 10.5s 10.8s infinite;
}

@keyframes p53 {
    0% {
        transform: translate3d(441px, 532px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(54):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p54 11s -3.6s infinite;
}

.particle i:nth-child(54):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p54 11s 6.6s infinite;
}

@keyframes p54 {
    0% {
        transform: translate3d(-45px, -176px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(55):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p55 10.2s -5.4s infinite;
}

.particle i:nth-child(55):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p55 10.5s 7.2s infinite;
}

@keyframes p55 {
    0% {
        transform: translate3d(300px, -772px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(56):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p56 10.8s -1.2s infinite;
}

.particle i:nth-child(56):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p56 11s 5.4s infinite;
}

@keyframes p56 {
    0% {
        transform: translate3d(234px, 307px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(57):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p57 10.2s -4.2s infinite;
}

.particle i:nth-child(57):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p57 11s 11.4s infinite;
}

@keyframes p57 {
    0% {
        transform: translate3d(-193px, -558px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(58):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p58 11s -4.8s infinite;
}

.particle i:nth-child(58):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p58 12.5s 8.4s infinite;
}

@keyframes p58 {
    0% {
        transform: translate3d(-37px, 168px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(59):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p59 10.4s -4.8s infinite;
}

.particle i:nth-child(59):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p59 11s 4.2s infinite;
}

@keyframes p59 {
    0% {
        transform: translate3d(-343px, 458px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(60):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p60 10.4s -1.2s infinite;
}

.particle i:nth-child(60):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p60 11s 3s infinite;
}

@keyframes p60 {
    0% {
        transform: translate3d(128px, 271px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(61):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p61 10.2s -1.8s infinite;
}

.particle i:nth-child(61):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p61 12s 7.8s infinite;
}

@keyframes p61 {
    0% {
        transform: translate3d(312px, -759px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(62):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p62 10.6s -4.8s infinite;
}

.particle i:nth-child(62):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p62 11.5s 7.2s infinite;
}

@keyframes p62 {
    0% {
        transform: translate3d(-725px, -757px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(63):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p63 11s -3s infinite;
}

.particle i:nth-child(63):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p63 11s 1.8s infinite;
}

@keyframes p63 {
    0% {
        transform: translate3d(-405px, 182px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(64):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p64 10.2s -3.6s infinite;
}

.particle i:nth-child(64):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p64 11s 7.2s infinite;
}

@keyframes p64 {
    0% {
        transform: translate3d(146px, -538px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(65):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p65 11s -3.6s infinite;
}

.particle i:nth-child(65):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p65 12.5s 1.8s infinite;
}

@keyframes p65 {
    0% {
        transform: translate3d(-147px, 202px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(66):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p66 10.4s -1.2s infinite;
}

.particle i:nth-child(66):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p66 11s 4.8s infinite;
}

@keyframes p66 {
    0% {
        transform: translate3d(-577px, -699px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(67):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p67 10.8s -2.4s infinite;
}

.particle i:nth-child(67):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p67 12.5s 5.4s infinite;
}

@keyframes p67 {
    0% {
        transform: translate3d(587px, 313px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(68):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p68 10.6s -3s infinite;
}

.particle i:nth-child(68):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p68 10.5s 12s infinite;
}

@keyframes p68 {
    0% {
        transform: translate3d(673px, 189px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(69):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p69 10.6s -1.8s infinite;
}

.particle i:nth-child(69):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p69 11.5s 9s infinite;
}

@keyframes p69 {
    0% {
        transform: translate3d(-161px, -187px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(70):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p70 10.4s -4.2s infinite;
}

.particle i:nth-child(70):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p70 11s 4.8s infinite;
}

@keyframes p70 {
    0% {
        transform: translate3d(-439px, -343px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(71):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p71 10.2s -6s infinite;
}

.particle i:nth-child(71):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p71 12.5s 0.6s infinite;
}

@keyframes p71 {
    0% {
        transform: translate3d(598px, -753px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(72):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p72 10.4s -1.8s infinite;
}

.particle i:nth-child(72):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p72 11.5s 7.2s infinite;
}

@keyframes p72 {
    0% {
        transform: translate3d(724px, -502px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(73):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p73 10.8s -2.4s infinite;
}

.particle i:nth-child(73):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p73 11.5s 10.8s infinite;
}

@keyframes p73 {
    0% {
        transform: translate3d(-385px, -589px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(74):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p74 10.6s -3s infinite;
}

.particle i:nth-child(74):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p74 10.5s 2.4s infinite;
}

@keyframes p74 {
    0% {
        transform: translate3d(-380px, -198px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(75):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p75 10.6s -3.6s infinite;
}

.particle i:nth-child(75):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p75 11s 10.2s infinite;
}

@keyframes p75 {
    0% {
        transform: translate3d(571px, 454px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(76):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p76 10.8s -4.2s infinite;
}

.particle i:nth-child(76):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p76 11s 0.6s infinite;
}

@keyframes p76 {
    0% {
        transform: translate3d(-677px, 213px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(77):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p77 10.8s -1.8s infinite;
}

.particle i:nth-child(77):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p77 11.5s 2.4s infinite;
}

@keyframes p77 {
    0% {
        transform: translate3d(374px, -755px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(78):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p78 11s -5.4s infinite;
}

.particle i:nth-child(78):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p78 10.5s 3s infinite;
}

@keyframes p78 {
    0% {
        transform: translate3d(-29px, 602px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(79):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p79 11s -0.6s infinite;
}

.particle i:nth-child(79):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p79 11.5s 11.4s infinite;
}

@keyframes p79 {
    0% {
        transform: translate3d(590px, 28px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(80):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p80 10.6s -3s infinite;
}

.particle i:nth-child(80):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p80 12.5s 9.6s infinite;
}

@keyframes p80 {
    0% {
        transform: translate3d(530px, 296px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(81):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p81 11s -3.6s infinite;
}

.particle i:nth-child(81):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p81 12s 7.2s infinite;
}

@keyframes p81 {
    0% {
        transform: translate3d(688px, 408px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(82):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p82 10.8s -6s infinite;
}

.particle i:nth-child(82):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p82 11.5s 7.8s infinite;
}

@keyframes p82 {
    0% {
        transform: translate3d(52px, 779px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(83):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p83 11s -6s infinite;
}

.particle i:nth-child(83):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p83 12.5s 11.4s infinite;
}

@keyframes p83 {
    0% {
        transform: translate3d(-285px, 534px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(84):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p84 10.4s -4.8s infinite;
}

.particle i:nth-child(84):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p84 11s 11.4s infinite;
}

@keyframes p84 {
    0% {
        transform: translate3d(253px, 658px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(85):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p85 10.4s -3.6s infinite;
}

.particle i:nth-child(85):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p85 10.5s 3.6s infinite;
}

@keyframes p85 {
    0% {
        transform: translate3d(-771px, 144px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(86):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p86 10.6s -5.4s infinite;
}

.particle i:nth-child(86):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p86 11s 6.6s infinite;
}

@keyframes p86 {
    0% {
        transform: translate3d(591px, 15px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(87):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p87 10.4s -5.4s infinite;
}

.particle i:nth-child(87):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p87 12.5s 12s infinite;
}

@keyframes p87 {
    0% {
        transform: translate3d(107px, 704px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(88):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p88 11s -1.2s infinite;
}

.particle i:nth-child(88):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p88 12.5s 3s infinite;
}

@keyframes p88 {
    0% {
        transform: translate3d(-178px, 529px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(89):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p89 11s -2.4s infinite;
}

.particle i:nth-child(89):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p89 12.5s 3s infinite;
}

@keyframes p89 {
    0% {
        transform: translate3d(-468px, 681px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(90):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p90 10.6s -0.6s infinite;
}

.particle i:nth-child(90):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p90 11.5s 9.6s infinite;
}

@keyframes p90 {
    0% {
        transform: translate3d(-765px, 72px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(91):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p91 10.4s -3s infinite;
}

.particle i:nth-child(91):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p91 12s 6s infinite;
}

@keyframes p91 {
    0% {
        transform: translate3d(-153px, 584px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(92):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p92 11s -1.8s infinite;
}

.particle i:nth-child(92):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p92 11.5s 4.2s infinite;
}

@keyframes p92 {
    0% {
        transform: translate3d(747px, 401px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(93):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p93 11s -0.6s infinite;
}

.particle i:nth-child(93):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p93 11.5s 6s infinite;
}

@keyframes p93 {
    0% {
        transform: translate3d(-95px, 30px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(94):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p94 10.4s -2.4s infinite;
}

.particle i:nth-child(94):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p94 11.5s 7.2s infinite;
}

@keyframes p94 {
    0% {
        transform: translate3d(-760px, -250px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(95):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p95 11s -3.6s infinite;
}

.particle i:nth-child(95):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p95 12.5s 9s infinite;
}

@keyframes p95 {
    0% {
        transform: translate3d(-292px, -580px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(96):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p96 10.2s -6s infinite;
}

.particle i:nth-child(96):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p96 12s 4.2s infinite;
}

@keyframes p96 {
    0% {
        transform: translate3d(-233px, 45px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(97):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p97 10.8s -4.2s infinite;
}

.particle i:nth-child(97):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p97 11.5s 9.6s infinite;
}

@keyframes p97 {
    0% {
        transform: translate3d(-676px, -441px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(98):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p98 10.4s -3.6s infinite;
}

.particle i:nth-child(98):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p98 11s 7.8s infinite;
}

@keyframes p98 {
    0% {
        transform: translate3d(-455px, -527px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(99):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p99 10.2s -2.4s infinite;
}

.particle i:nth-child(99):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p99 10.5s 5.4s infinite;
}

@keyframes p99 {
    0% {
        transform: translate3d(-84px, -227px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(100):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p100 10.6s -4.2s infinite;
}

.particle i:nth-child(100):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p100 10.5s 5.4s infinite;
}

@keyframes p100 {
    0% {
        transform: translate3d(335px, 389px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(101):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p101 10.2s -1.2s infinite;
}

.particle i:nth-child(101):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p101 10.5s 3.6s infinite;
}

@keyframes p101 {
    0% {
        transform: translate3d(-290px, 465px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(102):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p102 10.4s -3s infinite;
}

.particle i:nth-child(102):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p102 12.5s 3s infinite;
}

@keyframes p102 {
    0% {
        transform: translate3d(480px, 201px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(103):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p103 10.4s -4.2s infinite;
}

.particle i:nth-child(103):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p103 10.5s 2.4s infinite;
}

@keyframes p103 {
    0% {
        transform: translate3d(335px, -596px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(104):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p104 10.8s -4.2s infinite;
}

.particle i:nth-child(104):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p104 11.5s 4.8s infinite;
}

@keyframes p104 {
    0% {
        transform: translate3d(-587px, 323px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(105):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p105 10.8s -6s infinite;
}

.particle i:nth-child(105):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p105 11s 3s infinite;
}

@keyframes p105 {
    0% {
        transform: translate3d(170px, 601px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(106):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p106 10.8s -6s infinite;
}

.particle i:nth-child(106):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p106 11s 2.4s infinite;
}

@keyframes p106 {
    0% {
        transform: translate3d(772px, -756px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(107):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p107 10.2s -5.4s infinite;
}

.particle i:nth-child(107):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p107 10.5s 7.8s infinite;
}

@keyframes p107 {
    0% {
        transform: translate3d(305px, -711px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(108):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p108 11s -2.4s infinite;
}

.particle i:nth-child(108):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p108 12s 0.6s infinite;
}

@keyframes p108 {
    0% {
        transform: translate3d(408px, -551px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(109):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p109 10.8s -6s infinite;
}

.particle i:nth-child(109):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p109 11s 12s infinite;
}

@keyframes p109 {
    0% {
        transform: translate3d(-437px, 403px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(110):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p110 10.2s -1.2s infinite;
}

.particle i:nth-child(110):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p110 12s 7.2s infinite;
}

@keyframes p110 {
    0% {
        transform: translate3d(81px, -286px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(111):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p111 10.8s -2.4s infinite;
}

.particle i:nth-child(111):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p111 12s 7.8s infinite;
}

@keyframes p111 {
    0% {
        transform: translate3d(-36px, 285px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(112):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p112 11s -3.6s infinite;
}

.particle i:nth-child(112):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p112 11.5s 7.2s infinite;
}

@keyframes p112 {
    0% {
        transform: translate3d(-566px, 430px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(113):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p113 10.6s -4.2s infinite;
}

.particle i:nth-child(113):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p113 12.5s 1.8s infinite;
}

@keyframes p113 {
    0% {
        transform: translate3d(751px, 557px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(114):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p114 10.4s -6s infinite;
}

.particle i:nth-child(114):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p114 11s 11.4s infinite;
}

@keyframes p114 {
    0% {
        transform: translate3d(479px, -630px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(115):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p115 11s -0.6s infinite;
}

.particle i:nth-child(115):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p115 12.5s 1.8s infinite;
}

@keyframes p115 {
    0% {
        transform: translate3d(-581px, 563px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(116):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p116 10.4s -4.8s infinite;
}

.particle i:nth-child(116):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p116 10.5s 8.4s infinite;
}

@keyframes p116 {
    0% {
        transform: translate3d(247px, 798px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(117):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p117 10.4s -1.2s infinite;
}

.particle i:nth-child(117):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p117 11s 5.4s infinite;
}

@keyframes p117 {
    0% {
        transform: translate3d(-51px, -276px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(118):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p118 10.6s -5.4s infinite;
}

.particle i:nth-child(118):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p118 11s 12s infinite;
}

@keyframes p118 {
    0% {
        transform: translate3d(-288px, -129px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(119):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p119 10.6s -2.4s infinite;
}

.particle i:nth-child(119):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p119 10.5s 7.2s infinite;
}

@keyframes p119 {
    0% {
        transform: translate3d(103px, -66px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(120):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p120 10.6s -1.8s infinite;
}

.particle i:nth-child(120):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p120 12.5s 11.4s infinite;
}

@keyframes p120 {
    0% {
        transform: translate3d(-437px, 41px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(121):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p121 10.4s -1.2s infinite;
}

.particle i:nth-child(121):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p121 11s 2.4s infinite;
}

@keyframes p121 {
    0% {
        transform: translate3d(709px, -744px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(122):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p122 10.6s -4.8s infinite;
}

.particle i:nth-child(122):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p122 12s 6.6s infinite;
}

@keyframes p122 {
    0% {
        transform: translate3d(-89px, -593px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(123):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p123 10.2s -5.4s infinite;
}

.particle i:nth-child(123):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p123 11.5s 2.4s infinite;
}

@keyframes p123 {
    0% {
        transform: translate3d(677px, -664px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(124):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p124 10.6s -4.8s infinite;
}

.particle i:nth-child(124):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p124 11.5s 11.4s infinite;
}

@keyframes p124 {
    0% {
        transform: translate3d(-261px, 662px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(125):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p125 11s -1.2s infinite;
}

.particle i:nth-child(125):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p125 11s 7.2s infinite;
}

@keyframes p125 {
    0% {
        transform: translate3d(-722px, 212px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(126):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p126 10.2s -4.8s infinite;
}

.particle i:nth-child(126):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p126 12.5s 9s infinite;
}

@keyframes p126 {
    0% {
        transform: translate3d(45px, -137px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(127):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p127 10.6s -2.4s infinite;
}

.particle i:nth-child(127):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p127 12s 11.4s infinite;
}

@keyframes p127 {
    0% {
        transform: translate3d(-713px, 284px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(128):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p128 10.8s -6s infinite;
}

.particle i:nth-child(128):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p128 12s 1.2s infinite;
}

@keyframes p128 {
    0% {
        transform: translate3d(-690px, -23px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(129):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p129 10.8s -2.4s infinite;
}

.particle i:nth-child(129):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p129 12s 10.2s infinite;
}

@keyframes p129 {
    0% {
        transform: translate3d(570px, -605px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(130):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p130 10.2s -4.2s infinite;
}

.particle i:nth-child(130):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p130 11.5s 8.4s infinite;
}

@keyframes p130 {
    0% {
        transform: translate3d(-187px, -329px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(131):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p131 10.8s -4.8s infinite;
}

.particle i:nth-child(131):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p131 11.5s 1.8s infinite;
}

@keyframes p131 {
    0% {
        transform: translate3d(372px, 138px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(132):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p132 11s -5.4s infinite;
}

.particle i:nth-child(132):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p132 12.5s 3s infinite;
}

@keyframes p132 {
    0% {
        transform: translate3d(171px, 768px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(133):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p133 10.8s -5.4s infinite;
}

.particle i:nth-child(133):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p133 11s 9s infinite;
}

@keyframes p133 {
    0% {
        transform: translate3d(-603px, -117px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(134):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p134 11s -2.4s infinite;
}

.particle i:nth-child(134):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p134 11.5s 0.6s infinite;
}

@keyframes p134 {
    0% {
        transform: translate3d(238px, 255px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(135):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p135 11s -1.8s infinite;
}

.particle i:nth-child(135):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p135 11.5s 8.4s infinite;
}

@keyframes p135 {
    0% {
        transform: translate3d(-725px, 118px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(136):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p136 10.4s -5.4s infinite;
}

.particle i:nth-child(136):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p136 11s 9.6s infinite;
}

@keyframes p136 {
    0% {
        transform: translate3d(-454px, -586px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(137):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p137 10.4s -2.4s infinite;
}

.particle i:nth-child(137):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p137 11s 4.8s infinite;
}

@keyframes p137 {
    0% {
        transform: translate3d(714px, 725px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(138):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p138 11s -1.8s infinite;
}

.particle i:nth-child(138):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p138 12.5s 10.8s infinite;
}

@keyframes p138 {
    0% {
        transform: translate3d(-689px, -710px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(139):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p139 10.2s -4.2s infinite;
}

.particle i:nth-child(139):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p139 11.5s 8.4s infinite;
}

@keyframes p139 {
    0% {
        transform: translate3d(-33px, 419px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(140):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p140 10.4s -1.2s infinite;
}

.particle i:nth-child(140):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p140 10.5s 5.4s infinite;
}

@keyframes p140 {
    0% {
        transform: translate3d(-422px, 308px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(141):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p141 10.8s -6s infinite;
}

.particle i:nth-child(141):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p141 11s 6s infinite;
}

@keyframes p141 {
    0% {
        transform: translate3d(-538px, -59px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(142):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p142 10.8s -4.8s infinite;
}

.particle i:nth-child(142):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p142 12.5s 4.2s infinite;
}

@keyframes p142 {
    0% {
        transform: translate3d(194px, -719px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(143):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p143 10.2s -2.4s infinite;
}

.particle i:nth-child(143):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p143 11s 9s infinite;
}

@keyframes p143 {
    0% {
        transform: translate3d(503px, 732px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(144):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p144 10.2s -5.4s infinite;
}

.particle i:nth-child(144):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p144 11.5s 4.8s infinite;
}

@keyframes p144 {
    0% {
        transform: translate3d(562px, 664px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(145):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p145 10.4s -1.2s infinite;
}

.particle i:nth-child(145):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p145 10.5s 10.8s infinite;
}

@keyframes p145 {
    0% {
        transform: translate3d(302px, -28px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(146):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p146 10.4s -0.6s infinite;
}

.particle i:nth-child(146):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p146 12.5s 9.6s infinite;
}

@keyframes p146 {
    0% {
        transform: translate3d(778px, 305px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(147):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p147 11s -3.6s infinite;
}

.particle i:nth-child(147):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p147 11.5s 0.6s infinite;
}

@keyframes p147 {
    0% {
        transform: translate3d(-338px, 100px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(148):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p148 10.8s -3s infinite;
}

.particle i:nth-child(148):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p148 12s 3s infinite;
}

@keyframes p148 {
    0% {
        transform: translate3d(593px, -647px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(149):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p149 10.4s -3s infinite;
}

.particle i:nth-child(149):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p149 11.5s 1.8s infinite;
}

@keyframes p149 {
    0% {
        transform: translate3d(384px, 658px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(150):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p150 11s -3s infinite;
}

.particle i:nth-child(150):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p150 11.5s 12s infinite;
}

@keyframes p150 {
    0% {
        transform: translate3d(61px, -587px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(151):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p151 10.2s -3s infinite;
}

.particle i:nth-child(151):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p151 11.5s 12s infinite;
}

@keyframes p151 {
    0% {
        transform: translate3d(353px, 543px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(152):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p152 10.2s -4.2s infinite;
}

.particle i:nth-child(152):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p152 12s 0.6s infinite;
}

@keyframes p152 {
    0% {
        transform: translate3d(-264px, -127px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(153):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p153 10.8s -4.2s infinite;
}

.particle i:nth-child(153):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p153 11.5s 3.6s infinite;
}

@keyframes p153 {
    0% {
        transform: translate3d(-748px, 513px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(154):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p154 10.6s -4.8s infinite;
}

.particle i:nth-child(154):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p154 11.5s 6s infinite;
}

@keyframes p154 {
    0% {
        transform: translate3d(-745px, 395px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(155):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p155 10.2s -1.2s infinite;
}

.particle i:nth-child(155):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p155 11.5s 9s infinite;
}

@keyframes p155 {
    0% {
        transform: translate3d(-165px, -314px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(156):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p156 10.4s -5.4s infinite;
}

.particle i:nth-child(156):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p156 11.5s 12s infinite;
}

@keyframes p156 {
    0% {
        transform: translate3d(37px, 283px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(157):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p157 10.6s -4.8s infinite;
}

.particle i:nth-child(157):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p157 11s 12s infinite;
}

@keyframes p157 {
    0% {
        transform: translate3d(-487px, 708px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(158):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p158 10.6s -5.4s infinite;
}

.particle i:nth-child(158):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p158 10.5s 12s infinite;
}

@keyframes p158 {
    0% {
        transform: translate3d(-215px, -606px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(159):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p159 10.8s -4.2s infinite;
}

.particle i:nth-child(159):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p159 10.5s 3s infinite;
}

@keyframes p159 {
    0% {
        transform: translate3d(339px, -157px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(160):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p160 11s -6s infinite;
}

.particle i:nth-child(160):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p160 11s 11.4s infinite;
}

@keyframes p160 {
    0% {
        transform: translate3d(39px, -397px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(161):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p161 10.2s -4.2s infinite;
}

.particle i:nth-child(161):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p161 10.5s 11.4s infinite;
}

@keyframes p161 {
    0% {
        transform: translate3d(-751px, 693px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(162):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p162 10.4s -3s infinite;
}

.particle i:nth-child(162):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p162 11.5s 1.8s infinite;
}

@keyframes p162 {
    0% {
        transform: translate3d(-82px, -199px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(163):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p163 11s -3.6s infinite;
}

.particle i:nth-child(163):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p163 10.5s 2.4s infinite;
}

@keyframes p163 {
    0% {
        transform: translate3d(794px, -292px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(164):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p164 10.8s -3s infinite;
}

.particle i:nth-child(164):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p164 11s 9s infinite;
}

@keyframes p164 {
    0% {
        transform: translate3d(110px, -666px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(165):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p165 10.8s -6s infinite;
}

.particle i:nth-child(165):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p165 10.5s 7.8s infinite;
}

@keyframes p165 {
    0% {
        transform: translate3d(-415px, 632px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(166):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p166 10.6s -5.4s infinite;
}

.particle i:nth-child(166):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p166 12s 2.4s infinite;
}

@keyframes p166 {
    0% {
        transform: translate3d(-371px, -520px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(167):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p167 10.6s -4.8s infinite;
}

.particle i:nth-child(167):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p167 12.5s 6.6s infinite;
}

@keyframes p167 {
    0% {
        transform: translate3d(398px, 538px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(168):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p168 10.6s -6s infinite;
}

.particle i:nth-child(168):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p168 11.5s 7.8s infinite;
}

@keyframes p168 {
    0% {
        transform: translate3d(-397px, -445px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(169):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p169 10.4s -4.2s infinite;
}

.particle i:nth-child(169):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p169 12s 1.8s infinite;
}

@keyframes p169 {
    0% {
        transform: translate3d(96px, -420px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(170):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p170 10.8s -6s infinite;
}

.particle i:nth-child(170):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p170 12.5s 11.4s infinite;
}

@keyframes p170 {
    0% {
        transform: translate3d(312px, -165px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(171):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p171 10.4s -4.2s infinite;
}

.particle i:nth-child(171):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p171 11.5s 12s infinite;
}

@keyframes p171 {
    0% {
        transform: translate3d(-74px, 678px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(172):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p172 10.6s -0.6s infinite;
}

.particle i:nth-child(172):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p172 11s 11.4s infinite;
}

@keyframes p172 {
    0% {
        transform: translate3d(536px, 48px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(173):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p173 10.6s -4.8s infinite;
}

.particle i:nth-child(173):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p173 10.5s 4.2s infinite;
}

@keyframes p173 {
    0% {
        transform: translate3d(231px, -95px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(174):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p174 10.8s -0.6s infinite;
}

.particle i:nth-child(174):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p174 11.5s 9.6s infinite;
}

@keyframes p174 {
    0% {
        transform: translate3d(725px, -493px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(175):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p175 10.8s -0.6s infinite;
}

.particle i:nth-child(175):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p175 11s 4.2s infinite;
}

@keyframes p175 {
    0% {
        transform: translate3d(-129px, 660px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(176):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p176 11s -0.6s infinite;
}

.particle i:nth-child(176):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p176 12s 6s infinite;
}

@keyframes p176 {
    0% {
        transform: translate3d(430px, 401px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(177):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p177 10.2s -1.8s infinite;
}

.particle i:nth-child(177):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p177 12.5s 3s infinite;
}

@keyframes p177 {
    0% {
        transform: translate3d(461px, -767px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(178):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p178 10.6s -5.4s infinite;
}

.particle i:nth-child(178):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p178 11s 7.8s infinite;
}

@keyframes p178 {
    0% {
        transform: translate3d(461px, 631px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(179):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p179 10.4s -1.8s infinite;
}

.particle i:nth-child(179):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p179 11s 7.2s infinite;
}

@keyframes p179 {
    0% {
        transform: translate3d(568px, -296px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(180):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p180 10.6s -2.4s infinite;
}

.particle i:nth-child(180):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p180 12s 9s infinite;
}

@keyframes p180 {
    0% {
        transform: translate3d(-800px, 744px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(181):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p181 11s -1.2s infinite;
}

.particle i:nth-child(181):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p181 11s 4.8s infinite;
}

@keyframes p181 {
    0% {
        transform: translate3d(-551px, -631px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(182):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p182 10.4s -6s infinite;
}

.particle i:nth-child(182):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p182 12s 3s infinite;
}

@keyframes p182 {
    0% {
        transform: translate3d(721px, -252px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(183):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p183 10.8s -6s infinite;
}

.particle i:nth-child(183):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p183 11.5s 10.8s infinite;
}

@keyframes p183 {
    0% {
        transform: translate3d(586px, 259px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(184):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p184 10.2s -5.4s infinite;
}

.particle i:nth-child(184):after {
    width: 7px;
    height: 7px;
    background: #d6dc48;
    animation: p184 12.5s 10.8s infinite;
}

@keyframes p184 {
    0% {
        transform: translate3d(-193px, -452px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(185):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p185 10.4s -0.6s infinite;
}

.particle i:nth-child(185):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p185 10.5s 9.6s infinite;
}

@keyframes p185 {
    0% {
        transform: translate3d(-83px, 541px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(186):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p186 10.4s -6s infinite;
}

.particle i:nth-child(186):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p186 10.5s 1.2s infinite;
}

@keyframes p186 {
    0% {
        transform: translate3d(-76px, 332px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(187):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p187 10.2s -3.6s infinite;
}

.particle i:nth-child(187):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p187 12.5s 8.4s infinite;
}

@keyframes p187 {
    0% {
        transform: translate3d(285px, 566px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(188):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p188 10.4s -4.2s infinite;
}

.particle i:nth-child(188):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p188 10.5s 3s infinite;
}

@keyframes p188 {
    0% {
        transform: translate3d(295px, -135px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(189):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p189 11s -3s infinite;
}

.particle i:nth-child(189):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p189 10.5s 11.4s infinite;
}

@keyframes p189 {
    0% {
        transform: translate3d(680px, -669px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(190):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p190 10.4s -4.8s infinite;
}

.particle i:nth-child(190):after {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p190 12.5s 0.6s infinite;
}

@keyframes p190 {
    0% {
        transform: translate3d(287px, -456px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(191):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p191 10.6s -2.4s infinite;
}

.particle i:nth-child(191):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p191 11.5s 7.8s infinite;
}

@keyframes p191 {
    0% {
        transform: translate3d(460px, -651px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(192):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p192 10.8s -1.2s infinite;
}

.particle i:nth-child(192):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p192 11.5s 8.4s infinite;
}

@keyframes p192 {
    0% {
        transform: translate3d(116px, 763px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(193):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p193 10.2s -1.2s infinite;
}

.particle i:nth-child(193):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p193 10.5s 11.4s infinite;
}

@keyframes p193 {
    0% {
        transform: translate3d(-141px, -508px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(194):before {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p194 10.6s -6s infinite;
}

.particle i:nth-child(194):after {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p194 12.5s 6s infinite;
}

@keyframes p194 {
    0% {
        transform: translate3d(585px, -281px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(195):before {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p195 10.4s -4.8s infinite;
}

.particle i:nth-child(195):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p195 12s 2.4s infinite;
}

@keyframes p195 {
    0% {
        transform: translate3d(471px, 206px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(196):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p196 10.2s -3.6s infinite;
}

.particle i:nth-child(196):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p196 10.5s 4.8s infinite;
}

@keyframes p196 {
    0% {
        transform: translate3d(378px, -348px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(197):before {
    width: 6px;
    height: 6px;
    background: #d6dc48;
    animation: p197 11s -3s infinite;
}

.particle i:nth-child(197):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p197 10.5s 1.2s infinite;
}

@keyframes p197 {
    0% {
        transform: translate3d(-693px, -563px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(198):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p198 10.4s -1.2s infinite;
}

.particle i:nth-child(198):after {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p198 10.5s 11.4s infinite;
}

@keyframes p198 {
    0% {
        transform: translate3d(-378px, 720px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(199):before {
    width: 3px;
    height: 3px;
    background: #d6dc48;
    animation: p199 10.8s -2.4s infinite;
}

.particle i:nth-child(199):after {
    width: 4px;
    height: 4px;
    background: #d6dc48;
    animation: p199 12s 1.8s infinite;
}

@keyframes p199 {
    0% {
        transform: translate3d(-603px, 120px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(200):before {
    width: 5px;
    height: 5px;
    background: #d6dc48;
    animation: p200 10.4s -1.2s infinite;
}

.particle i:nth-child(200):after {
    width: 2px;
    height: 2px;
    background: #d6dc48;
    animation: p200 10.5s 11.4s infinite;
}

@keyframes p200 {
    0% {
        transform: translate3d(199px, -456px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(201):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p201 10.2s -6s infinite;
}

.particle i:nth-child(201):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p201 12.5s 10.8s infinite;
}

@keyframes p201 {
    0% {
        transform: translate3d(-472px, 783px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(202):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p202 10.4s -3s infinite;
}

.particle i:nth-child(202):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p202 12.5s 12s infinite;
}

@keyframes p202 {
    0% {
        transform: translate3d(-486px, -582px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(203):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p203 11s -2.4s infinite;
}

.particle i:nth-child(203):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p203 10.5s 10.8s infinite;
}

@keyframes p203 {
    0% {
        transform: translate3d(316px, -417px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(204):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p204 10.4s -6s infinite;
}

.particle i:nth-child(204):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p204 10.5s 1.8s infinite;
}

@keyframes p204 {
    0% {
        transform: translate3d(622px, 755px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(205):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p205 10.8s -6s infinite;
}

.particle i:nth-child(205):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p205 12.5s 1.8s infinite;
}

@keyframes p205 {
    0% {
        transform: translate3d(-509px, 648px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(206):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p206 10.2s -3s infinite;
}

.particle i:nth-child(206):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p206 12.5s 1.8s infinite;
}

@keyframes p206 {
    0% {
        transform: translate3d(562px, -588px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(207):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p207 10.2s -2.4s infinite;
}

.particle i:nth-child(207):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p207 12.5s 5.4s infinite;
}

@keyframes p207 {
    0% {
        transform: translate3d(-538px, -232px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(208):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p208 11s -1.8s infinite;
}

.particle i:nth-child(208):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p208 12s 3s infinite;
}

@keyframes p208 {
    0% {
        transform: translate3d(423px, 399px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(209):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p209 10.4s -1.2s infinite;
}

.particle i:nth-child(209):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p209 11.5s 5.4s infinite;
}

@keyframes p209 {
    0% {
        transform: translate3d(-335px, 375px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(210):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p210 11s -5.4s infinite;
}

.particle i:nth-child(210):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p210 12s 4.8s infinite;
}

@keyframes p210 {
    0% {
        transform: translate3d(-500px, -199px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(211):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p211 10.2s -4.8s infinite;
}

.particle i:nth-child(211):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p211 12s 11.4s infinite;
}

@keyframes p211 {
    0% {
        transform: translate3d(426px, 141px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(212):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p212 10.4s -6s infinite;
}

.particle i:nth-child(212):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p212 10.5s 8.4s infinite;
}

@keyframes p212 {
    0% {
        transform: translate3d(-466px, -440px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(213):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p213 11s -6s infinite;
}

.particle i:nth-child(213):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p213 11.5s 9.6s infinite;
}

@keyframes p213 {
    0% {
        transform: translate3d(252px, 260px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(214):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p214 11s -6s infinite;
}

.particle i:nth-child(214):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p214 10.5s 7.8s infinite;
}

@keyframes p214 {
    0% {
        transform: translate3d(453px, -558px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(215):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p215 10.6s -5.4s infinite;
}

.particle i:nth-child(215):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p215 12.5s 10.8s infinite;
}

@keyframes p215 {
    0% {
        transform: translate3d(-578px, 521px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(216):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p216 10.8s -4.2s infinite;
}

.particle i:nth-child(216):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p216 11.5s 3s infinite;
}

@keyframes p216 {
    0% {
        transform: translate3d(-52px, -164px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(217):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p217 10.8s -4.8s infinite;
}

.particle i:nth-child(217):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p217 12s 7.2s infinite;
}

@keyframes p217 {
    0% {
        transform: translate3d(747px, -286px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(218):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p218 10.2s -4.8s infinite;
}

.particle i:nth-child(218):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p218 11.5s 4.2s infinite;
}

@keyframes p218 {
    0% {
        transform: translate3d(-21px, -686px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(219):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p219 10.2s -4.8s infinite;
}

.particle i:nth-child(219):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p219 11s 3s infinite;
}

@keyframes p219 {
    0% {
        transform: translate3d(228px, -661px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(220):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p220 10.2s -5.4s infinite;
}

.particle i:nth-child(220):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p220 12.5s 9s infinite;
}

@keyframes p220 {
    0% {
        transform: translate3d(-716px, 28px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(221):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p221 10.2s -4.8s infinite;
}

.particle i:nth-child(221):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p221 12.5s 9.6s infinite;
}

@keyframes p221 {
    0% {
        transform: translate3d(-196px, -391px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(222):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p222 10.2s -1.2s infinite;
}

.particle i:nth-child(222):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p222 11s 4.2s infinite;
}

@keyframes p222 {
    0% {
        transform: translate3d(590px, -123px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(223):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p223 10.2s -2.4s infinite;
}

.particle i:nth-child(223):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p223 12.5s 12s infinite;
}

@keyframes p223 {
    0% {
        transform: translate3d(629px, 3px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(224):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p224 11s -0.6s infinite;
}

.particle i:nth-child(224):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p224 10.5s 6s infinite;
}

@keyframes p224 {
    0% {
        transform: translate3d(-68px, 365px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(225):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p225 10.4s -5.4s infinite;
}

.particle i:nth-child(225):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p225 12.5s 1.8s infinite;
}

@keyframes p225 {
    0% {
        transform: translate3d(506px, 199px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(226):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p226 10.8s -1.2s infinite;
}

.particle i:nth-child(226):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p226 11.5s 7.8s infinite;
}

@keyframes p226 {
    0% {
        transform: translate3d(-721px, -422px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(227):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p227 10.8s -3.6s infinite;
}

.particle i:nth-child(227):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p227 12s 12s infinite;
}

@keyframes p227 {
    0% {
        transform: translate3d(-437px, -73px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(228):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p228 11s -3.6s infinite;
}

.particle i:nth-child(228):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p228 12s 8.4s infinite;
}

@keyframes p228 {
    0% {
        transform: translate3d(-655px, -21px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(229):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p229 11s -2.4s infinite;
}

.particle i:nth-child(229):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p229 12s 4.8s infinite;
}

@keyframes p229 {
    0% {
        transform: translate3d(422px, 784px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(230):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p230 10.8s -0.6s infinite;
}

.particle i:nth-child(230):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p230 12s 8.4s infinite;
}

@keyframes p230 {
    0% {
        transform: translate3d(-37px, 665px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(231):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p231 10.8s -1.2s infinite;
}

.particle i:nth-child(231):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p231 11s 2.4s infinite;
}

@keyframes p231 {
    0% {
        transform: translate3d(-540px, 511px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(232):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p232 10.2s -1.8s infinite;
}

.particle i:nth-child(232):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p232 11s 10.8s infinite;
}

@keyframes p232 {
    0% {
        transform: translate3d(563px, 797px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(233):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p233 10.4s -6s infinite;
}

.particle i:nth-child(233):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p233 10.5s 7.2s infinite;
}

@keyframes p233 {
    0% {
        transform: translate3d(265px, -335px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(234):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p234 11s -4.2s infinite;
}

.particle i:nth-child(234):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p234 12s 10.8s infinite;
}

@keyframes p234 {
    0% {
        transform: translate3d(528px, 760px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(235):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p235 10.4s -2.4s infinite;
}

.particle i:nth-child(235):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p235 11.5s 8.4s infinite;
}

@keyframes p235 {
    0% {
        transform: translate3d(358px, 794px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(236):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p236 10.4s -2.4s infinite;
}

.particle i:nth-child(236):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p236 12.5s 0.6s infinite;
}

@keyframes p236 {
    0% {
        transform: translate3d(360px, -727px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(237):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p237 10.2s -4.8s infinite;
}

.particle i:nth-child(237):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p237 10.5s 9.6s infinite;
}

@keyframes p237 {
    0% {
        transform: translate3d(-746px, -333px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(238):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p238 10.4s -0.6s infinite;
}

.particle i:nth-child(238):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p238 11.5s 6.6s infinite;
}

@keyframes p238 {
    0% {
        transform: translate3d(192px, 654px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(239):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p239 10.4s -1.2s infinite;
}

.particle i:nth-child(239):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p239 11.5s 4.8s infinite;
}

@keyframes p239 {
    0% {
        transform: translate3d(348px, 13px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(240):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p240 10.4s -3s infinite;
}

.particle i:nth-child(240):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p240 10.5s 9s infinite;
}

@keyframes p240 {
    0% {
        transform: translate3d(662px, -212px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(241):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p241 11s -0.6s infinite;
}

.particle i:nth-child(241):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p241 12.5s 2.4s infinite;
}

@keyframes p241 {
    0% {
        transform: translate3d(-267px, -406px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(242):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p242 10.8s -1.8s infinite;
}

.particle i:nth-child(242):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p242 11.5s 2.4s infinite;
}

@keyframes p242 {
    0% {
        transform: translate3d(376px, -96px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(243):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p243 10.4s -0.6s infinite;
}

.particle i:nth-child(243):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p243 12.5s 6.6s infinite;
}

@keyframes p243 {
    0% {
        transform: translate3d(-609px, -87px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(244):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p244 11s -3s infinite;
}

.particle i:nth-child(244):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p244 10.5s 7.2s infinite;
}

@keyframes p244 {
    0% {
        transform: translate3d(-564px, 407px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(245):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p245 10.8s -4.2s infinite;
}

.particle i:nth-child(245):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p245 11s 2.4s infinite;
}

@keyframes p245 {
    0% {
        transform: translate3d(358px, -208px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(246):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p246 11s -4.2s infinite;
}

.particle i:nth-child(246):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p246 11s 9.6s infinite;
}

@keyframes p246 {
    0% {
        transform: translate3d(-544px, 146px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(247):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p247 10.6s -1.8s infinite;
}

.particle i:nth-child(247):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p247 11s 5.4s infinite;
}

@keyframes p247 {
    0% {
        transform: translate3d(-393px, -779px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(248):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p248 11s -6s infinite;
}

.particle i:nth-child(248):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p248 11.5s 6s infinite;
}

@keyframes p248 {
    0% {
        transform: translate3d(15px, 371px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(249):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p249 10.4s -3.6s infinite;
}

.particle i:nth-child(249):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p249 10.5s 10.2s infinite;
}

@keyframes p249 {
    0% {
        transform: translate3d(-576px, 319px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(250):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p250 10.2s -3s infinite;
}

.particle i:nth-child(250):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p250 12s 0.6s infinite;
}

@keyframes p250 {
    0% {
        transform: translate3d(64px, -497px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(251):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p251 10.2s -3s infinite;
}

.particle i:nth-child(251):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p251 12.5s 4.2s infinite;
}

@keyframes p251 {
    0% {
        transform: translate3d(403px, 277px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(252):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p252 11s -5.4s infinite;
}

.particle i:nth-child(252):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p252 10.5s 0.6s infinite;
}

@keyframes p252 {
    0% {
        transform: translate3d(622px, -415px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(253):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p253 10.4s -3s infinite;
}

.particle i:nth-child(253):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p253 12s 1.8s infinite;
}

@keyframes p253 {
    0% {
        transform: translate3d(356px, -376px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(254):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p254 10.8s -4.8s infinite;
}

.particle i:nth-child(254):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p254 10.5s 7.2s infinite;
}

@keyframes p254 {
    0% {
        transform: translate3d(783px, -9px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(255):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p255 10.2s -4.2s infinite;
}

.particle i:nth-child(255):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p255 11s 11.4s infinite;
}

@keyframes p255 {
    0% {
        transform: translate3d(643px, -420px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(256):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p256 11s -3.6s infinite;
}

.particle i:nth-child(256):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p256 12.5s 0.6s infinite;
}

@keyframes p256 {
    0% {
        transform: translate3d(157px, 222px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(257):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p257 10.8s -3.6s infinite;
}

.particle i:nth-child(257):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p257 12.5s 4.8s infinite;
}

@keyframes p257 {
    0% {
        transform: translate3d(588px, -436px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(258):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p258 10.4s -4.8s infinite;
}

.particle i:nth-child(258):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p258 12s 3.6s infinite;
}

@keyframes p258 {
    0% {
        transform: translate3d(281px, 708px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(259):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p259 10.4s -0.6s infinite;
}

.particle i:nth-child(259):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p259 12.5s 1.8s infinite;
}

@keyframes p259 {
    0% {
        transform: translate3d(485px, 35px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(260):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p260 10.2s -4.8s infinite;
}

.particle i:nth-child(260):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p260 12.5s 5.4s infinite;
}

@keyframes p260 {
    0% {
        transform: translate3d(-392px, 338px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(261):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p261 10.4s -6s infinite;
}

.particle i:nth-child(261):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p261 12s 10.8s infinite;
}

@keyframes p261 {
    0% {
        transform: translate3d(394px, 189px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(262):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p262 10.6s -6s infinite;
}

.particle i:nth-child(262):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p262 11s 6s infinite;
}

@keyframes p262 {
    0% {
        transform: translate3d(502px, 1px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(263):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p263 10.2s -2.4s infinite;
}

.particle i:nth-child(263):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p263 10.5s 6s infinite;
}

@keyframes p263 {
    0% {
        transform: translate3d(-47px, -589px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(264):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p264 10.6s -5.4s infinite;
}

.particle i:nth-child(264):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p264 11.5s 1.2s infinite;
}

@keyframes p264 {
    0% {
        transform: translate3d(260px, 745px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(265):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p265 10.8s -2.4s infinite;
}

.particle i:nth-child(265):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p265 11s 6s infinite;
}

@keyframes p265 {
    0% {
        transform: translate3d(125px, 698px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(266):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p266 10.4s -3s infinite;
}

.particle i:nth-child(266):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p266 11.5s 9s infinite;
}

@keyframes p266 {
    0% {
        transform: translate3d(211px, 743px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(267):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p267 11s -1.8s infinite;
}

.particle i:nth-child(267):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p267 12s 4.8s infinite;
}

@keyframes p267 {
    0% {
        transform: translate3d(-492px, 65px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(268):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p268 11s -5.4s infinite;
}

.particle i:nth-child(268):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p268 11.5s 10.2s infinite;
}

@keyframes p268 {
    0% {
        transform: translate3d(-118px, -771px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(269):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p269 11s -2.4s infinite;
}

.particle i:nth-child(269):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p269 11.5s 4.8s infinite;
}

@keyframes p269 {
    0% {
        transform: translate3d(481px, -235px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(270):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p270 11s -0.6s infinite;
}

.particle i:nth-child(270):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p270 10.5s 7.2s infinite;
}

@keyframes p270 {
    0% {
        transform: translate3d(35px, -782px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(271):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p271 10.2s -3.6s infinite;
}

.particle i:nth-child(271):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p271 12s 7.8s infinite;
}

@keyframes p271 {
    0% {
        transform: translate3d(-366px, -213px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(272):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p272 11s -4.8s infinite;
}

.particle i:nth-child(272):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p272 11s 3s infinite;
}

@keyframes p272 {
    0% {
        transform: translate3d(-256px, -711px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(273):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p273 10.8s -1.8s infinite;
}

.particle i:nth-child(273):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p273 11s 10.2s infinite;
}

@keyframes p273 {
    0% {
        transform: translate3d(40px, -423px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(274):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p274 10.2s -6s infinite;
}

.particle i:nth-child(274):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p274 11.5s 2.4s infinite;
}

@keyframes p274 {
    0% {
        transform: translate3d(774px, 122px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(275):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p275 11s -4.8s infinite;
}

.particle i:nth-child(275):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p275 12.5s 7.8s infinite;
}

@keyframes p275 {
    0% {
        transform: translate3d(494px, 748px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(276):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p276 11s -4.8s infinite;
}

.particle i:nth-child(276):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p276 10.5s 8.4s infinite;
}

@keyframes p276 {
    0% {
        transform: translate3d(-591px, 534px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(277):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p277 10.4s -2.4s infinite;
}

.particle i:nth-child(277):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p277 12s 6.6s infinite;
}

@keyframes p277 {
    0% {
        transform: translate3d(119px, -408px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(278):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p278 10.6s -0.6s infinite;
}

.particle i:nth-child(278):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p278 10.5s 9.6s infinite;
}

@keyframes p278 {
    0% {
        transform: translate3d(-15px, -627px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(279):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p279 10.4s -3.6s infinite;
}

.particle i:nth-child(279):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p279 10.5s 7.2s infinite;
}

@keyframes p279 {
    0% {
        transform: translate3d(23px, 366px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(280):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p280 10.4s -3s infinite;
}

.particle i:nth-child(280):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p280 12.5s 10.8s infinite;
}

@keyframes p280 {
    0% {
        transform: translate3d(-139px, -331px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(281):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p281 10.6s -4.8s infinite;
}

.particle i:nth-child(281):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p281 10.5s 9s infinite;
}

@keyframes p281 {
    0% {
        transform: translate3d(-461px, -389px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(282):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p282 10.2s -3s infinite;
}

.particle i:nth-child(282):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p282 11.5s 12s infinite;
}

@keyframes p282 {
    0% {
        transform: translate3d(-311px, -315px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(283):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p283 11s -1.8s infinite;
}

.particle i:nth-child(283):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p283 11s 2.4s infinite;
}

@keyframes p283 {
    0% {
        transform: translate3d(-654px, -75px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(284):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p284 11s -6s infinite;
}

.particle i:nth-child(284):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p284 10.5s 0.6s infinite;
}

@keyframes p284 {
    0% {
        transform: translate3d(423px, 509px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(285):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p285 10.2s -3s infinite;
}

.particle i:nth-child(285):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p285 12.5s 0.6s infinite;
}

@keyframes p285 {
    0% {
        transform: translate3d(-289px, 634px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(286):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p286 11s -6s infinite;
}

.particle i:nth-child(286):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p286 12.5s 3s infinite;
}

@keyframes p286 {
    0% {
        transform: translate3d(599px, 267px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(287):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p287 11s -0.6s infinite;
}

.particle i:nth-child(287):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p287 11.5s 10.2s infinite;
}

@keyframes p287 {
    0% {
        transform: translate3d(-221px, -544px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(288):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p288 10.4s -5.4s infinite;
}

.particle i:nth-child(288):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p288 12s 11.4s infinite;
}

@keyframes p288 {
    0% {
        transform: translate3d(165px, -358px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(289):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p289 11s -3.6s infinite;
}

.particle i:nth-child(289):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p289 12s 8.4s infinite;
}

@keyframes p289 {
    0% {
        transform: translate3d(-559px, -84px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(290):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p290 10.8s -2.4s infinite;
}

.particle i:nth-child(290):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p290 12s 7.2s infinite;
}

@keyframes p290 {
    0% {
        transform: translate3d(152px, 24px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(291):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p291 11s -1.2s infinite;
}

.particle i:nth-child(291):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p291 12.5s 5.4s infinite;
}

@keyframes p291 {
    0% {
        transform: translate3d(-576px, -193px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(292):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p292 10.8s -3.6s infinite;
}

.particle i:nth-child(292):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p292 11s 3s infinite;
}

@keyframes p292 {
    0% {
        transform: translate3d(-411px, -707px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(293):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p293 10.4s -1.2s infinite;
}

.particle i:nth-child(293):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p293 11s 7.8s infinite;
}

@keyframes p293 {
    0% {
        transform: translate3d(-642px, 413px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(294):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p294 10.2s -0.6s infinite;
}

.particle i:nth-child(294):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p294 11.5s 7.8s infinite;
}

@keyframes p294 {
    0% {
        transform: translate3d(-300px, 131px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(295):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p295 11s -3.6s infinite;
}

.particle i:nth-child(295):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p295 10.5s 0.6s infinite;
}

@keyframes p295 {
    0% {
        transform: translate3d(514px, 650px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(296):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p296 10.8s -1.8s infinite;
}

.particle i:nth-child(296):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p296 11s 7.8s infinite;
}

@keyframes p296 {
    0% {
        transform: translate3d(28px, -747px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(297):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p297 10.4s -3.6s infinite;
}

.particle i:nth-child(297):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p297 11.5s 8.4s infinite;
}

@keyframes p297 {
    0% {
        transform: translate3d(-199px, 180px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(298):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p298 10.8s -3.6s infinite;
}

.particle i:nth-child(298):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p298 10.5s 2.4s infinite;
}

@keyframes p298 {
    0% {
        transform: translate3d(791px, 170px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(299):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p299 10.8s -2.4s infinite;
}

.particle i:nth-child(299):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p299 12s 4.2s infinite;
}

@keyframes p299 {
    0% {
        transform: translate3d(690px, -143px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(300):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p300 10.4s -5.4s infinite;
}

.particle i:nth-child(300):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p300 12s 3s infinite;
}

@keyframes p300 {
    0% {
        transform: translate3d(-665px, -349px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(301):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p301 11s -6s infinite;
}

.particle i:nth-child(301):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p301 10.5s 9.6s infinite;
}

@keyframes p301 {
    0% {
        transform: translate3d(379px, 41px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(302):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p302 10.4s -3.6s infinite;
}

.particle i:nth-child(302):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p302 11.5s 9s infinite;
}

@keyframes p302 {
    0% {
        transform: translate3d(-526px, -276px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(303):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p303 10.2s -3.6s infinite;
}

.particle i:nth-child(303):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p303 12.5s 1.8s infinite;
}

@keyframes p303 {
    0% {
        transform: translate3d(-594px, -600px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(304):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p304 10.6s -1.8s infinite;
}

.particle i:nth-child(304):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p304 11.5s 4.8s infinite;
}

@keyframes p304 {
    0% {
        transform: translate3d(-121px, -265px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(305):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p305 10.2s -5.4s infinite;
}

.particle i:nth-child(305):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p305 10.5s 4.8s infinite;
}

@keyframes p305 {
    0% {
        transform: translate3d(768px, -798px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(306):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p306 10.4s -4.2s infinite;
}

.particle i:nth-child(306):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p306 10.5s 0.6s infinite;
}

@keyframes p306 {
    0% {
        transform: translate3d(238px, 136px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(307):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p307 11s -1.2s infinite;
}

.particle i:nth-child(307):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p307 12.5s 3.6s infinite;
}

@keyframes p307 {
    0% {
        transform: translate3d(-353px, -628px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(308):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p308 10.8s -6s infinite;
}

.particle i:nth-child(308):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p308 11s 7.2s infinite;
}

@keyframes p308 {
    0% {
        transform: translate3d(117px, -306px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(309):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p309 11s -2.4s infinite;
}

.particle i:nth-child(309):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p309 10.5s 9.6s infinite;
}

@keyframes p309 {
    0% {
        transform: translate3d(-312px, 522px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(310):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p310 10.4s -6s infinite;
}

.particle i:nth-child(310):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p310 11.5s 8.4s infinite;
}

@keyframes p310 {
    0% {
        transform: translate3d(611px, -177px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(311):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p311 10.4s -2.4s infinite;
}

.particle i:nth-child(311):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p311 11.5s 12s infinite;
}

@keyframes p311 {
    0% {
        transform: translate3d(100px, 376px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(312):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p312 10.6s -4.2s infinite;
}

.particle i:nth-child(312):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p312 12s 8.4s infinite;
}

@keyframes p312 {
    0% {
        transform: translate3d(25px, 553px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(313):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p313 10.4s -2.4s infinite;
}

.particle i:nth-child(313):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p313 12.5s 10.2s infinite;
}

@keyframes p313 {
    0% {
        transform: translate3d(587px, 451px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(314):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p314 10.4s -4.2s infinite;
}

.particle i:nth-child(314):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p314 11.5s 0.6s infinite;
}

@keyframes p314 {
    0% {
        transform: translate3d(679px, -388px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(315):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p315 10.2s -4.8s infinite;
}

.particle i:nth-child(315):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p315 12s 2.4s infinite;
}

@keyframes p315 {
    0% {
        transform: translate3d(748px, 129px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(316):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p316 10.6s -1.8s infinite;
}

.particle i:nth-child(316):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p316 11.5s 1.2s infinite;
}

@keyframes p316 {
    0% {
        transform: translate3d(793px, 76px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(317):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p317 11s -4.2s infinite;
}

.particle i:nth-child(317):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p317 12.5s 3.6s infinite;
}

@keyframes p317 {
    0% {
        transform: translate3d(573px, 102px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(318):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p318 10.8s -5.4s infinite;
}

.particle i:nth-child(318):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p318 12.5s 1.2s infinite;
}

@keyframes p318 {
    0% {
        transform: translate3d(-611px, 299px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(319):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p319 10.6s -4.8s infinite;
}

.particle i:nth-child(319):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p319 12.5s 2.4s infinite;
}

@keyframes p319 {
    0% {
        transform: translate3d(178px, -490px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(320):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p320 11s -4.8s infinite;
}

.particle i:nth-child(320):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p320 11.5s 10.2s infinite;
}

@keyframes p320 {
    0% {
        transform: translate3d(-251px, 74px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(321):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p321 10.6s -6s infinite;
}

.particle i:nth-child(321):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p321 12s 7.8s infinite;
}

@keyframes p321 {
    0% {
        transform: translate3d(342px, -507px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(322):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p322 10.6s -6s infinite;
}

.particle i:nth-child(322):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p322 12.5s 1.2s infinite;
}

@keyframes p322 {
    0% {
        transform: translate3d(735px, -738px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(323):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p323 10.6s -0.6s infinite;
}

.particle i:nth-child(323):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p323 11s 3s infinite;
}

@keyframes p323 {
    0% {
        transform: translate3d(724px, 225px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(324):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p324 10.2s -2.4s infinite;
}

.particle i:nth-child(324):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p324 10.5s 9.6s infinite;
}

@keyframes p324 {
    0% {
        transform: translate3d(679px, 402px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(325):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p325 11s -5.4s infinite;
}

.particle i:nth-child(325):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p325 10.5s 4.2s infinite;
}

@keyframes p325 {
    0% {
        transform: translate3d(147px, 423px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(326):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p326 10.4s -1.2s infinite;
}

.particle i:nth-child(326):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p326 11.5s 5.4s infinite;
}

@keyframes p326 {
    0% {
        transform: translate3d(-103px, -699px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(327):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p327 10.6s -3s infinite;
}

.particle i:nth-child(327):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p327 12.5s 0.6s infinite;
}

@keyframes p327 {
    0% {
        transform: translate3d(-265px, 411px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(328):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p328 11s -5.4s infinite;
}

.particle i:nth-child(328):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p328 12.5s 7.2s infinite;
}

@keyframes p328 {
    0% {
        transform: translate3d(555px, -474px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(329):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p329 10.6s -0.6s infinite;
}

.particle i:nth-child(329):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p329 11s 1.2s infinite;
}

@keyframes p329 {
    0% {
        transform: translate3d(657px, 668px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(330):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p330 10.2s -2.4s infinite;
}

.particle i:nth-child(330):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p330 12.5s 5.4s infinite;
}

@keyframes p330 {
    0% {
        transform: translate3d(76px, -443px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(331):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p331 10.4s -3s infinite;
}

.particle i:nth-child(331):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p331 12.5s 6.6s infinite;
}

@keyframes p331 {
    0% {
        transform: translate3d(498px, -368px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(332):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p332 10.8s -5.4s infinite;
}

.particle i:nth-child(332):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p332 10.5s 8.4s infinite;
}

@keyframes p332 {
    0% {
        transform: translate3d(546px, -511px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(333):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p333 11s -6s infinite;
}

.particle i:nth-child(333):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p333 12.5s 1.8s infinite;
}

@keyframes p333 {
    0% {
        transform: translate3d(-263px, 574px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(334):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p334 10.8s -5.4s infinite;
}

.particle i:nth-child(334):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p334 12s 12s infinite;
}

@keyframes p334 {
    0% {
        transform: translate3d(-785px, -609px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(335):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p335 10.4s -4.2s infinite;
}

.particle i:nth-child(335):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p335 10.5s 9s infinite;
}

@keyframes p335 {
    0% {
        transform: translate3d(507px, -323px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(336):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p336 10.8s -0.6s infinite;
}

.particle i:nth-child(336):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p336 12.5s 9.6s infinite;
}

@keyframes p336 {
    0% {
        transform: translate3d(-363px, 395px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(337):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p337 10.8s -2.4s infinite;
}

.particle i:nth-child(337):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p337 12s 12s infinite;
}

@keyframes p337 {
    0% {
        transform: translate3d(34px, -756px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(338):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p338 10.4s -5.4s infinite;
}

.particle i:nth-child(338):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p338 12.5s 3s infinite;
}

@keyframes p338 {
    0% {
        transform: translate3d(153px, -761px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(339):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p339 10.4s -4.8s infinite;
}

.particle i:nth-child(339):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p339 12s 9s infinite;
}

@keyframes p339 {
    0% {
        transform: translate3d(589px, -708px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(340):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p340 11s -1.8s infinite;
}

.particle i:nth-child(340):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p340 11.5s 12s infinite;
}

@keyframes p340 {
    0% {
        transform: translate3d(456px, 293px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(341):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p341 11s -5.4s infinite;
}

.particle i:nth-child(341):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p341 10.5s 0.6s infinite;
}

@keyframes p341 {
    0% {
        transform: translate3d(442px, 99px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(342):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p342 10.2s -4.8s infinite;
}

.particle i:nth-child(342):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p342 12s 0.6s infinite;
}

@keyframes p342 {
    0% {
        transform: translate3d(-124px, -468px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(343):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p343 10.6s -3.6s infinite;
}

.particle i:nth-child(343):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p343 12s 3s infinite;
}

@keyframes p343 {
    0% {
        transform: translate3d(485px, -136px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(344):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p344 11s -0.6s infinite;
}

.particle i:nth-child(344):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p344 11.5s 7.2s infinite;
}

@keyframes p344 {
    0% {
        transform: translate3d(-291px, 413px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(345):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p345 11s -3.6s infinite;
}

.particle i:nth-child(345):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p345 11s 9s infinite;
}

@keyframes p345 {
    0% {
        transform: translate3d(-339px, 91px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(346):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p346 10.6s -1.2s infinite;
}

.particle i:nth-child(346):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p346 11.5s 7.2s infinite;
}

@keyframes p346 {
    0% {
        transform: translate3d(542px, -619px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(347):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p347 10.2s -3s infinite;
}

.particle i:nth-child(347):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p347 12.5s 4.2s infinite;
}

@keyframes p347 {
    0% {
        transform: translate3d(-492px, 230px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(348):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p348 10.2s -5.4s infinite;
}

.particle i:nth-child(348):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p348 11s 6s infinite;
}

@keyframes p348 {
    0% {
        transform: translate3d(-584px, -382px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(349):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p349 10.2s -1.8s infinite;
}

.particle i:nth-child(349):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p349 11.5s 11.4s infinite;
}

@keyframes p349 {
    0% {
        transform: translate3d(361px, -179px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(350):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p350 10.2s -5.4s infinite;
}

.particle i:nth-child(350):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p350 11.5s 9.6s infinite;
}

@keyframes p350 {
    0% {
        transform: translate3d(316px, -712px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(351):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p351 10.4s -5.4s infinite;
}

.particle i:nth-child(351):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p351 12.5s 8.4s infinite;
}

@keyframes p351 {
    0% {
        transform: translate3d(114px, -43px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(352):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p352 10.8s -3.6s infinite;
}

.particle i:nth-child(352):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p352 11.5s 3.6s infinite;
}

@keyframes p352 {
    0% {
        transform: translate3d(88px, -25px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(353):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p353 10.4s -5.4s infinite;
}

.particle i:nth-child(353):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p353 11.5s 6.6s infinite;
}

@keyframes p353 {
    0% {
        transform: translate3d(73px, -333px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(354):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p354 10.4s -0.6s infinite;
}

.particle i:nth-child(354):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p354 12s 3.6s infinite;
}

@keyframes p354 {
    0% {
        transform: translate3d(-409px, -179px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(355):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p355 10.4s -4.2s infinite;
}

.particle i:nth-child(355):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p355 12.5s 1.8s infinite;
}

@keyframes p355 {
    0% {
        transform: translate3d(53px, -789px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(356):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p356 10.2s -2.4s infinite;
}

.particle i:nth-child(356):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p356 12s 11.4s infinite;
}

@keyframes p356 {
    0% {
        transform: translate3d(316px, 653px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(357):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p357 10.4s -1.2s infinite;
}

.particle i:nth-child(357):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p357 12.5s 1.8s infinite;
}

@keyframes p357 {
    0% {
        transform: translate3d(241px, -670px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(358):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p358 10.2s -5.4s infinite;
}

.particle i:nth-child(358):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p358 12s 7.2s infinite;
}

@keyframes p358 {
    0% {
        transform: translate3d(800px, 168px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(359):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p359 10.8s -1.2s infinite;
}

.particle i:nth-child(359):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p359 12.5s 12s infinite;
}

@keyframes p359 {
    0% {
        transform: translate3d(443px, -304px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(360):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p360 11s -1.2s infinite;
}

.particle i:nth-child(360):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p360 11.5s 12s infinite;
}

@keyframes p360 {
    0% {
        transform: translate3d(-196px, 534px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(361):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p361 10.4s -1.2s infinite;
}

.particle i:nth-child(361):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p361 11s 8.4s infinite;
}

@keyframes p361 {
    0% {
        transform: translate3d(116px, -240px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(362):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p362 10.2s -3s infinite;
}

.particle i:nth-child(362):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p362 11s 3s infinite;
}

@keyframes p362 {
    0% {
        transform: translate3d(-359px, 9px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(363):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p363 10.2s -0.6s infinite;
}

.particle i:nth-child(363):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p363 10.5s 6.6s infinite;
}

@keyframes p363 {
    0% {
        transform: translate3d(-559px, -5px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(364):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p364 10.2s -3s infinite;
}

.particle i:nth-child(364):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p364 12s 5.4s infinite;
}

@keyframes p364 {
    0% {
        transform: translate3d(444px, -93px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(365):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p365 10.8s -4.2s infinite;
}

.particle i:nth-child(365):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p365 10.5s 3.6s infinite;
}

@keyframes p365 {
    0% {
        transform: translate3d(522px, 79px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(366):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p366 10.2s -1.2s infinite;
}

.particle i:nth-child(366):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p366 11s 10.8s infinite;
}

@keyframes p366 {
    0% {
        transform: translate3d(658px, 645px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(367):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p367 11s -3.6s infinite;
}

.particle i:nth-child(367):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p367 12s 7.8s infinite;
}

@keyframes p367 {
    0% {
        transform: translate3d(-300px, -391px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(368):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p368 11s -3.6s infinite;
}

.particle i:nth-child(368):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p368 12.5s 6.6s infinite;
}

@keyframes p368 {
    0% {
        transform: translate3d(-212px, -711px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(369):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p369 10.4s -5.4s infinite;
}

.particle i:nth-child(369):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p369 10.5s 10.8s infinite;
}

@keyframes p369 {
    0% {
        transform: translate3d(-729px, -721px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(370):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p370 10.8s -2.4s infinite;
}

.particle i:nth-child(370):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p370 11.5s 0.6s infinite;
}

@keyframes p370 {
    0% {
        transform: translate3d(-289px, 79px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(371):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p371 10.2s -1.8s infinite;
}

.particle i:nth-child(371):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p371 11.5s 10.2s infinite;
}

@keyframes p371 {
    0% {
        transform: translate3d(-247px, 133px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(372):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p372 10.6s -3.6s infinite;
}

.particle i:nth-child(372):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p372 10.5s 9.6s infinite;
}

@keyframes p372 {
    0% {
        transform: translate3d(-437px, 554px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(373):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p373 10.2s -2.4s infinite;
}

.particle i:nth-child(373):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p373 12.5s 6.6s infinite;
}

@keyframes p373 {
    0% {
        transform: translate3d(621px, -142px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(374):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p374 11s -1.2s infinite;
}

.particle i:nth-child(374):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p374 12.5s 6.6s infinite;
}

@keyframes p374 {
    0% {
        transform: translate3d(-502px, 265px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(375):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p375 10.2s -0.6s infinite;
}

.particle i:nth-child(375):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p375 12s 3.6s infinite;
}

@keyframes p375 {
    0% {
        transform: translate3d(-691px, -627px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(376):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p376 10.6s -2.4s infinite;
}

.particle i:nth-child(376):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p376 11s 4.8s infinite;
}

@keyframes p376 {
    0% {
        transform: translate3d(-647px, 35px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(377):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p377 10.8s -5.4s infinite;
}

.particle i:nth-child(377):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p377 12s 0.6s infinite;
}

@keyframes p377 {
    0% {
        transform: translate3d(466px, 565px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(378):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p378 10.8s -4.2s infinite;
}

.particle i:nth-child(378):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p378 11s 1.8s infinite;
}

@keyframes p378 {
    0% {
        transform: translate3d(-588px, -119px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(379):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p379 10.6s -5.4s infinite;
}

.particle i:nth-child(379):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p379 10.5s 10.8s infinite;
}

@keyframes p379 {
    0% {
        transform: translate3d(482px, 619px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(380):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p380 11s -1.2s infinite;
}

.particle i:nth-child(380):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p380 11s 1.8s infinite;
}

@keyframes p380 {
    0% {
        transform: translate3d(316px, -593px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(381):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p381 10.6s -0.6s infinite;
}

.particle i:nth-child(381):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p381 12.5s 4.8s infinite;
}

@keyframes p381 {
    0% {
        transform: translate3d(720px, -152px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(382):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p382 10.6s -1.2s infinite;
}

.particle i:nth-child(382):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p382 12.5s 11.4s infinite;
}

@keyframes p382 {
    0% {
        transform: translate3d(-504px, -473px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(383):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p383 10.8s -1.8s infinite;
}

.particle i:nth-child(383):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p383 11.5s 3.6s infinite;
}

@keyframes p383 {
    0% {
        transform: translate3d(265px, -695px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(384):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p384 11s -3.6s infinite;
}

.particle i:nth-child(384):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p384 11s 10.8s infinite;
}

@keyframes p384 {
    0% {
        transform: translate3d(-532px, -346px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(385):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p385 10.8s -4.8s infinite;
}

.particle i:nth-child(385):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p385 10.5s 10.8s infinite;
}

@keyframes p385 {
    0% {
        transform: translate3d(513px, 796px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(386):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p386 10.8s -1.2s infinite;
}

.particle i:nth-child(386):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p386 11.5s 10.2s infinite;
}

@keyframes p386 {
    0% {
        transform: translate3d(536px, -388px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(387):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p387 10.8s -0.6s infinite;
}

.particle i:nth-child(387):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p387 12s 6s infinite;
}

@keyframes p387 {
    0% {
        transform: translate3d(-548px, 201px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(388):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p388 10.4s -1.2s infinite;
}

.particle i:nth-child(388):after {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p388 12.5s 9.6s infinite;
}

@keyframes p388 {
    0% {
        transform: translate3d(-307px, -655px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(389):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p389 11s -1.8s infinite;
}

.particle i:nth-child(389):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p389 10.5s 1.8s infinite;
}

@keyframes p389 {
    0% {
        transform: translate3d(716px, 781px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(390):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p390 10.6s -0.6s infinite;
}

.particle i:nth-child(390):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p390 11s 4.8s infinite;
}

@keyframes p390 {
    0% {
        transform: translate3d(775px, -325px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(391):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p391 10.8s -5.4s infinite;
}

.particle i:nth-child(391):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p391 10.5s 1.8s infinite;
}

@keyframes p391 {
    0% {
        transform: translate3d(449px, 648px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(392):before {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p392 11s -5.4s infinite;
}

.particle i:nth-child(392):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p392 12.5s 7.8s infinite;
}

@keyframes p392 {
    0% {
        transform: translate3d(413px, -479px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(393):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p393 10.8s -6s infinite;
}

.particle i:nth-child(393):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p393 12s 1.8s infinite;
}

@keyframes p393 {
    0% {
        transform: translate3d(-446px, 405px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(394):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p394 11s -3s infinite;
}

.particle i:nth-child(394):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p394 12.5s 11.4s infinite;
}

@keyframes p394 {
    0% {
        transform: translate3d(-786px, -375px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(395):before {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p395 10.6s -0.6s infinite;
}

.particle i:nth-child(395):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p395 12.5s 7.8s infinite;
}

@keyframes p395 {
    0% {
        transform: translate3d(-317px, 58px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(396):before {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p396 10.6s -1.2s infinite;
}

.particle i:nth-child(396):after {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p396 12s 5.4s infinite;
}

@keyframes p396 {
    0% {
        transform: translate3d(-352px, 765px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(397):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p397 10.6s -5.4s infinite;
}

.particle i:nth-child(397):after {
    width: 7px;
    height: 7px;
    background: #0fadee;
    animation: p397 12s 6s infinite;
}

@keyframes p397 {
    0% {
        transform: translate3d(-669px, -47px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(398):before {
    width: 6px;
    height: 6px;
    background: #0fadee;
    animation: p398 10.4s -3s infinite;
}

.particle i:nth-child(398):after {
    width: 3px;
    height: 3px;
    background: #0fadee;
    animation: p398 11.5s 7.8s infinite;
}

@keyframes p398 {
    0% {
        transform: translate3d(-512px, 536px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(399):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p399 10.2s -3.6s infinite;
}

.particle i:nth-child(399):after {
    width: 5px;
    height: 5px;
    background: #0fadee;
    animation: p399 11s 2.4s infinite;
}

@keyframes p399 {
    0% {
        transform: translate3d(578px, 765px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

.particle i:nth-child(400):before {
    width: 4px;
    height: 4px;
    background: #0fadee;
    animation: p400 10.2s -4.2s infinite;
}

.particle i:nth-child(400):after {
    width: 2px;
    height: 2px;
    background: #0fadee;
    animation: p400 11s 9.6s infinite;
}

@keyframes p400 {
    0% {
        transform: translate3d(-581px, 300px, 0);
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    100% {
        transform: translate3d(0, 0, 0) scale(0.6);
        opacity: 0;
    }
}

::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    background-color: #ebeef5;
}

::-webkit-scrollbar-thumb {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #ccc;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background: white;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, li, img {
    margin: 0;
}

p, h1, h2, h3, h4, h5, h6, ul, ol, li, img, .container {
    padding: 0;
}

.top.fixed {
    background-color: #0162b3 !important;
    animation: 900ms cubic-bezier(0.2, 1, 0.22, 1) 0s normal none 1 running fadeInDown;
}

.ie-top {
    background: #0162b3 !important;
}


.banner {
    width: 100%;
    height: 500px;
    overflow: hidden;
    background: url("/asset/css/new/images/new/banner.png") no-repeat center;
    -webkit-background-size: cover;
    background-size: cover;
}

.banner .img-words {
    height: 100%;
    position: relative;
    margin:0 auto;
}

.banner .img-words #canvasWrapper {
    position: absolute;
    left: 0;
    top: -30px;
}

.banner .img-words > img:nth-child(1) {
    width: 390px;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -34px;
    z-index: 2;
}

.banner .img-words > img:nth-child(2) {
    position: absolute;
    width: 160px;
    top: 50%;
    right: 21.5%;
    margin-top: -80px;
    z-index: 2;
}

.show-active {
    display: block !important;
    animation: flash 3s;
    animation-iteration-count: 1;
}

@keyframes flash1 {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0.4;
    }
    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: 0;
    }
    40% {
        opacity: 0.8;
    }
    50% {
        opacity: 1;
    }
    60% {
        opacity: 0.9;
    }
    80% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}


#business-produce {
    background-color: #f2f5fb;
}

#business-produce .produce {
    margin: 0 auto;
    text-align: center;
}

#business-produce .produce .produce-words {
    padding: 0;
    padding-bottom: 40px;
}

#business-produce .produce .produce-words h1 {
    margin-top: 106px;
    margin-bottom: 16px;
    color: #1d1d1f;
    font-size: 40px;
    font-weight: 600;
}

#business-produce .produce .produce-words p {
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    padding: 0;
    color: #333333;
    line-height: 34px;
}

#produce-specialty {
    background-color: #8abdf8;
}

#produce-specialty .specialty {
    margin: 0 auto;
}

#produce-specialty .specialty .specialty-lists > ul {
    display: flex;
}

#produce-specialty .specialty .specialty-lists > ul > li {
    height: 66px;
    cursor: pointer;
    text-align: center;
    line-height: 66px;
    width: 20%;
    font-size: 18px;
    word-break: normal;
    color: #f2f5fb;
}

#produce-specialty .specialty .specialty-lists > ul li.specialty-active {
    background-color: #0062b2;
}

.ccs-active {
    animation: flash1 1s;
    animation-iteration-count: 1;
}

#specialty-content .content-spe {
    margin: 0 auto;
}

#specialty-content .content-spe .ccc {
    padding: 0;
    padding-top: 40px;
    text-align: center;
}

#specialty-content .content-spe .ccc > h1 {
    font-size: 32px;
    line-height: 46px;
    color: #1d1d1f;
    font-weight: 200;
}

#specialty-content .content-spe .ccc > img {
    margin-top: 20px;
    width: 14px;
    height: 7px;
    margin-bottom: 20px;
}

#specialty-content .ccc-image {
    height: 700px;
    border-top: 1px solid #a0c9f9;
    background-color: #f2f5fb;
}

#specialty-content .ccc-image .iii {
    padding: 0;
    padding-top: 30px;
    margin: 0 auto;
    height: 100%;
}

#specialty-content .ccc-image .iii > div {
    height: 100%;
}

#specialty-content .ccc-image .iii > div img {
    margin: 70px 0;
}

#produce-jiagou .jiagou {
    margin: 0 auto;
}

#produce-jiagou .jiagou .ccc {
    padding: 0;
    padding-top: 40px;
    text-align: center;
}

#produce-jiagou .jiagou .ccc > h1 {
    font-weight: 200;
    font-size: 32px;
    line-height: 46px;
    color: #1d1d1f;
}

#produce-jiagou .jiagou .ccc > img {
    margin-top: 20px;
    width: 14px;
    height: 7px;
    margin-bottom: 20px;
}

#produce-jiagou .ccc-image {
    height: 700px;
    border-top: 1px solid #a0c9f9;
    background-color: #f2f5fb;
}

#produce-jiagou .ccc-image .iii {
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
}

#produce-jiagou .ccc-image .iii > div .wbd {
    margin-top: 30px;
}

#produce-jiagou .ccc-image .iii > div > ul {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
}

#produce-jiagou .ccc-image .iii > div > ul > li {
    width: 300px;
    height: 60px;
    text-align: center;
    border: 2px solid #b1d1f8;
    border-radius: 20px;
    line-height: 60px;
    background-color: #fff;
    color: #0062b2;
}

#produce-jiagou, #produce-length1, #produce-length2, #produce-length3 {
    display: none;
}

#produce-length1 .jiagou, #produce-length2 .jiagou, #produce-length3 .jiagou {
    margin: 0 auto;
}

#produce-length1 .jiagou .ccc, #produce-length2 .jiagou .ccc, #produce-length3 .jiagou .ccc {
    padding-top: 40px;
    text-align: center;
}

#produce-length1 .jiagou .ccc .phone, #produce-length2 .jiagou .ccc .phone, #produce-length3 .jiagou .ccc .phone {
    display: none;
}

#produce-length1 .jiagou .ccc .pc, #produce-length2 .jiagou .ccc .pc, #produce-length3 .jiagou .ccc .pc {
    display: block;
}

#produce-length1 .jiagou .ccc > h1, #produce-length2 .jiagou .ccc > h1, #produce-length3 .jiagou .ccc > h1 {
    font-size: 32px;
    font-weight: 100;
    line-height: 46px;
    color: #1d1d1f;
    font-family: PingFang SC Thin, Arial, Helvetica, sans-serif;
}

#produce-length1 .jiagou .ccc > img, #produce-length2 .jiagou .ccc > img, #produce-length3 .jiagou .ccc > img {
    margin-top: 20px;
    width: 14px;
    height: 7px;
    margin-bottom: 20px;
}

#produce-length1 .ccc-image, #produce-length2 .ccc-image, #produce-length3 .ccc-image {
    border-top: 1px solid #a0c9f9;
    height: 700px;
    background-color: #f2f5fb;
}

#produce-length1 .ccc-image .iii, #produce-length2 .ccc-image .iii, #produce-length3 .ccc-image .iii {
    height: 100%;
    padding: 0;
    padding-top: 30px;
    padding-bottom: 30px;
    margin: 0 auto;
}

#produce-length1 .ccc-image .iii .mts, #produce-length2 .ccc-image .iii .mts, #produce-length3 .ccc-image .iii .mts {
    margin-top: 60px;
}

#produce-length1 .ccc-image .iii .tttyr, #produce-length2 .ccc-image .iii .tttyr, #produce-length3 .ccc-image .iii .tttyr {
    margin-top: -88px;
}

#produce-length1 .ccc-image .iii .tttyr2, #produce-length2 .ccc-image .iii .tttyr2, #produce-length3 .ccc-image .iii .tttyr2 {
    display: none;
}

#produce-length1 .ccc-image .iii .ccccccc, #produce-length2 .ccc-image .iii .ccccccc, #produce-length3 .ccc-image .iii .ccccccc {
    margin-top: 40px;
}

#produce-length1 .ccc-image .iii > div, #produce-length2 .ccc-image .iii > div, #produce-length3 .ccc-image .iii > div {
    height: 100%;
    padding: 0;
}

#produce-length1 .ccc-image .iii > div .dandu.is-ie, #produce-length2 .ccc-image .iii > div .dandu.is-ie, #produce-length3 .ccc-image .iii > div .dandu.is-ie {
    width: 100%;
}

#produce-length1 .ccc-image .iii > div > ul, #produce-length2 .ccc-image .iii > div > ul, #produce-length3 .ccc-image .iii > div > ul {
    display: flex;
    margin-bottom: 30px;
    justify-content: space-between;
}

#produce-length1 .ccc-image .iii > div > ul > li, #produce-length2 .ccc-image .iii > div > ul > li, #produce-length3 .ccc-image .iii > div > ul > li {
    width: 300px;
    height: 60px;
    text-align: center;
    border: 2px solid #b1d1f8;
    border-radius: 20px;
    line-height: 60px;
    background-color: #fff;
    color: #0062b2;
}

#produce-length1 .ccc-image .iii > div .description, #produce-length2 .ccc-image .iii > div .description, #produce-length3 .ccc-image .iii > div .description {
    position: relative;
    left: -60px;
    width: 458px;
    margin-top: 170px;
    font-weight: 200;
    color: #0062b2;
    font-size: 16px;
    padding-right: 14px;
    line-height: 32px;
}

#business-sence {
    background-color: #fff;
}

#business-sence .sence {
    padding: 0;
    margin: 0 auto;
}

#business-sence .sence .ccc {
    padding: 0;
    padding-top: 74px;
    text-align: center;
}

#business-sence .sence .ccc .tab-list-shu {
    padding: 0;
    margin-top: 48px;
    margin-bottom: 50px;
}

#business-sence .sence .ccc .tab-list-shu .left {
    padding: 0;
    padding-right: 10px;
}

#business-sence .sence .ccc .tab-list-shu .left > ul > li {
    cursor: pointer;
    height: 152px;
    padding: 36px 0 24px 0;
    text-align: center;
    background-color: #eef8ff;
    border: 1px solid #cee5fc;
    margin: 2px 0;
}

#business-sence .sence .ccc .tab-list-shu .left > ul > li > img {
    width: 44px;
}

#business-sence .sence .ccc .tab-list-shu .left > ul > li > p {
    color: #0062b0;
    font-size: 18px;
    margin-top: 10px;
    font-weight: 600;

}

#business-sence .sence .ccc .tab-list-shu .left > ul > li:nth-child(1) {
    margin: 0;
}

#business-sence .sence .ccc .tab-list-shu .left > ul .shu-active {
    background-color: #0062b2;
}

#business-sence .sence .ccc .tab-list-shu .left > ul .shu-active > p {
    color: #fff;
}

#business-sence .sence .ccc .tab-list-shu .right {
    padding: 0;
}

#business-sence .sence .ccc .tab-list-shu .right .shu-img {
    display: none;
}

#business-sence .sence .ccc .tab-list-shu .right .active-img {
    display: block;
    animation: flash1 1s;
    animation-iteration-count: 1;
}

#business-sence .sence .ccc .title {
    color: #1d1d1f;
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 16px;
}

#business-sence .sence .ccc .sub-title {
    display: none;
    font-size: 32px;
    font-weight: 200;
    line-height: 46px;
    color: #1d1d1f;
}

#business-sence .sence .ccc .active-sub-title {
    display: block;
}

#business-more {
    background-color: #f2f5fb;
}

#business-more .more {
    margin: 0 auto;
}

#business-more .more .ccc {
    padding-top: 92px;
    text-align: center;
}

#business-more .more .ccc .title {
    color: #1d1d1f;
    font-size: 40px;
    font-weight: bold;
    margin-bottom: 16px;
}

#business-more .more .ccc .sub-title {
    font-size: 32px;
    line-height: 46px;
    color: #1d1d1f;
    font-weight: 200;
}

#business-more .more .ccc > img {
    width: 70%;
    margin-top: 60px;
    margin-bottom: 92px;
}

#business-more .more .yaosu-shichang {
    display: flex;
    justify-content: space-around;
}

#business-more .more .yaosu-shichang > div p {
    margin: 0;
    font-weight: bold;
    color: #0062b2;
    font-size: 20px;
}

#business-more .more .yaosu-shichang > div h1 {
    color: #0062b2;
    font-size: 60px;
}

.c2_head .c2_nav li:hover .nav_second a {
    height: 48px !important;
}
/*.c2_head .c2_nav li:hover {*/
/*    height: 48px !important;*/
/*}*/

.c1_head .c1_nav li .nav_second{
    margin: -20px -20px 0;
}
.c1_head .c1_nav li:hover .nav_second a {
    height: 44px !important;
}
/*.c1_head .c1_nav li:hover {*/
/*    height: 44px !important;*/
/*}*/

#main-team .team .team-words > p {
    width: 100% !important;
}

#business-product .really .product-image {
    height: 270px !important;
}


#business-sence .sence .ccc .tab-list-shu .left > ul > li {
    margin: 0 !important;
    border: 0 none !important;
}



#business-center {
    background-color: #fff;
    padding:106px 0 106px 0;

}

#business-center .business {
    margin: 0 auto;
    text-align: center;
}

#business-center .business .business-words > h2 {
    font-size: 40px;
    margin-bottom: 16px;
    color: #1d1d1f;
    font-weight: 600;
}

#business-center .business .business-words > h4 {
    color: #1d1d1f;
    font-size: 30px;
    line-height: 36px;
    font-weight: 100;
    font-family: PingFang SC Thin, Arial, Helvetica, sans-serif;
}

#business-center .business .business-words > p {
    line-height: 28px;
    font-weight: 200;
    font-size: 16px;
    color: #333333;
    padding:36px 0 50px 0 ;
}

#business-center .business .business-image {
    width:680px;
    text-align: center;
    margin: 0 auto;
}