/*

Theme Name: Salient Child Theme

Description: This is a custom child theme for Salient

Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266

Author: ThemeNectar

Author URI:  https://themeforest.net/user/themenectar

Template: salient

Version: 1.0

*/

body #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul .current-menu-ancestor > a {
    background-color: transparent !important;
}
.main-slider-migrate .bxctslider_contain .slick-slide:nth-child(5) .bxcontent,
.main-slider-migrate .bxctslider_contain .slick-slide:nth-child(6) .bxcontent,
.main-slider-migrate .bxctslider_contain .slick-slide:nth-child(7) .bxcontent {
    display: none;
}

#st-get-involed .row-bg-overlay {
    background: linear-gradient(90deg, rgba(244, 244, 244, 1) 50%, rgba(244, 244, 244, 0.51) 100%) !important;
}

.fancybox-container a {
    width: 40%;
    margin: 0 auto;
}

.fancybox-container img {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    height: auto;
}

.st-list-teams h2 {
    margin-top: 20px;
}

.box-contact-events {
    display: none;
}

.excerpt-event.show .rm-event {
    display: none;
}

body .no-padding-bottom {
    padding-bottom: 0px;
}

body .font-36 {
    font-size: 36px;
    line-height: 45px;
}

body .font-20 {
    font-size: 20px;
    line-height: 32px;
}

body .font-24 {
    font-size: 24px;
    line-height: 34px;
}

body .font-28 {
    font-size: 28px;
    line-height: 37px;
}

body strong.font-25 {
    font-size: 25px;
    line-height: 32px;
}

body .font-25 {
    font-size: 25px;
    line-height: 32px;
}

.st-our-story {
    padding: 0 140px;
}

body .font-29 {
    font-size: 29px;
    line-height: 38px;
}

body .font-48 {
    font-size: 48px;
    line-height: 65px;
}

body .font-44 {
    font-size: 44px;
    line-height: 58px;
}

body .fw-800 {
    font-weight: 800;
}

body .font-30 {
    font-size: 30px;
    line-height: 35px;
}

body .font-18 {
    font-size: 18px;
    line-height: 25px;
}

body .fw-600 {
    font-weight: 600;
}

body .ft-brush {
    font-family: 'Caveat Brush';
    font-weight: 400;
}

body .ft-museo {
    font-family: 'Museo Sans Rounded 300';
    font-weight: 300;
}

body .margin-top-35 {
    margin-top: 35px;
}

body .margin-top-55 {
    margin-top: 55px;
}

body .margin-top-40 {
    margin-top: 40px;
}

body .wpb_text_column.wpb_content_element.margin-top-35 {
    margin-top: 35px;
}

body .wpb_text_column.wpb_content_element.margin-top-40 {
    margin-top: 40px;
}

body .wpb_text_column.wpb_content_element.margin-top-70 {
    margin-top: 70px;
}

body .margin-top-100 {
    margin-top: 100px;
}

body .margin-top-30 {
    margin-top: 30px;
}

body .margin-top-65 {
    margin-top: 65px;
}

#list-events-page {
    padding: 0 245px;
}

.st-donate-meals {
    margin-top: 30px;
    padding: 0 410px 0;
}

#st-for-individual {
    padding: 0 160px 0 200px;
}

#st-for-individual-bt {
    padding: 0 134px;
    margin-top: 80px;
    margin-bottom: 105px;
}

div#st-for-youth {
    margin-top: 50px;
}

#st-for-youth.bgcontain .row-bg {
    background-size: auto 200px;
}

div#st-for-youth .bxround_yellowtr::before {
    background: url(./images/circle-124.png) center center / contain no-repeat;
    width: 120px;
    height: 120px;
    right: 150px;
    position: absolute;
    top: -30px;
}

body .pdlr-140-170 {
    padding: 0 170px 0 140px;
}

.wpb_row.full-width-content.st-for-education {
    margin-bottom: 100px;
}

.list-info-contact-bt {
    padding: 0 180px;
}

#st-coprorate {
    padding: 0 135px;
    margin-bottom: 50px;
}

#st-coprorate .bxround_yellowtb::after {
    background: url(./images/circle-124.png) center center / contain no-repeat;
    width: 124px;
    height: 124px;
    left: -210px;
    bottom: -90px;
}

#st-coprorate .bxround_yellowtb::before {
    display: none;
}

#st-coprorate .st-coprorate-content {
    background-position: right top !important;
    background-repeat: no-repeat !important;
    padding-top: 35px;
}

.st-list-enventcpr {
    padding-left: 175px;
}

#st-coprorate-bt {
    padding: 0 120px 0 180px;
    margin-top: 85px;
    margin-bottom: 215px;
}

.padding-left-100 .vc_column-inner .wpb_text_column {
    padding-left: 100px;
}

.bxpostevent .btn-load {
    margin-top: 30px;
}

body p {
    padding-bottom: 30px;
}

.wpb_wrapper>div.list-testimonials {
    margin-bottom: 0;
    margin-top: 32px;
}

.full-width-content.vc_row-fluid .wpb_column .wpb_row.margin-top-35 {
    margin-top: 35px;
}

.full-width-content.vc_row-fluid .wpb_column .wpb_row.margin-top-55 {
    margin-top: 55px;
}

.wpb_wrapper>div.word-big {
    margin-bottom: 0;
    line-height: 28px;
}

.word-big {
    display: flex;
}

.word-big b {
    width: 60px;
    height: 60px;
    text-align: center;
    background: #1E96FC;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 116%;
    color: #F4F4F4;
    border-radius: 10px;
    margin-right: 13px;
}

.line-bottom {
    display: inline-block;
    border-bottom: 3px solid rgba(190, 190, 190, 0.5);
    padding: 0 35px;
}

.slick-slider>button {
    width: 30px;
    height: 29px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    top: 50%;
    transform: translatey(-50%);
    bottom: auto;
    z-index: 9999;
}

button.bg-arrow-right {
    background-image: url('./images/arrow-right.png') !important;
    right: -30px;
}

button.bg-arrow-left {
    background-image: url('./images/arrow-left.png') !important;
    left: -30px;
}

.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.btn-load {
    background-color: unset !important;
    background-image: url('./images/load-more.png');
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0 !important;
    width: 162px;
    height: 56px;
    display: inline-block;
    text-align: center;
    transition: all 0.5s;
    margin-top: 63px;
}

.btn-load span {
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    font-weight: 800;
    font-family: 'Nunito';
    text-transform: uppercase;
}

.btn-load:hover {
    transform: translateY(-10px);
    transition: all 0.5s;
}

body #header-outer #logo,
#header-outer .logo-spacing {
    margin-top: 31px;
    margin-bottom: 40px;
}

#header-outer .container {
    max-width: 100%;
    padding: 0 35px;
}

#header-outer ul li.btn-menu a {
    font-size: 15px;
    line-height: 27px;
    font-weight: 800;
    padding: 8px 20px !important;
    background: #FFF200;
    border-radius: 20px;
    transition: all 0.5s !important;
}

#header-outer ul li.btn-menu a:hover {
    transition: all 0.5s;
    transform: translateY(-5px);
}

#header-outer .col.span_3 {
    margin-right: 33px;
}

#header-outer[data-lhe=animated_underline] #top nav>ul>li>a {
    margin-top: 18px;
}

#header-outer[data-lhe=animated_underline] #top nav>ul>li.btn-menu>a {
    margin-top: 18px;
}

#header-outer[data-lhe=animated_underline] #top nav>ul>li:first-child>a {
    margin-left: 0 !important;
}

.banner-home {
    padding: 400px 0;
}

div#footer-outer .container {
    max-width: 100%;
    padding: 0 150px;
}

#footer-outer .col {
    width: calc(100% - 700px);
    margin-right: 0;
}

#footer-outer .col:nth-child(2) {
    display: flex;
    width: 480px;
}

#footer-outer .col:last-child {
    width: 220px;
}

div#nav_menu-3 {
    margin-top: 52px;
    margin-left: 60px;
}

#footer-outer #footer-widgets .widget h4 {
    position: relative;
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 33px;
    text-transform: capitalize !important;
    margin-bottom: 18px;
}

#footer-outer #footer-widgets .widget h4::before {
    content: '';
    position: absolute;
    height: 3px;
    width: 130px;
    bottom: -5px;
    left: 0;
    background: #FFF200;
}

#footer-outer #footer-widgets .col .widget_nav_menu ul li a {
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 160%;
    color: #4D4D4D;
}

#footer-outer ul.social {
    margin-top: 32px;
}

.social li {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 0 !important;
    text-align: center;
}

#footer-outer .social li>a {
    color: #BEBEBE !important;
}

#footer-outer .social li>a {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    background-size: auto;
}

#footer-outer .social li>a.link-fb {
    background-image: url('./images/icon-facebook.png');

}

#footer-outer .social li>a.link-ins {
    background-image: url('./images/icon-instagram.png');

}

#footer-outer .social li>a.link-linked {
    background-image: url('./images/icon-linkedin.png');

}

#st-testimonials {
    padding: 0 135px;
    text-align: center;
}

.slide-st .slick-track {
    display: flex !important;
}

#st-testimonials .slick-slide {
    margin: 0 23px;
    border: 3px solid #73D87D;
    padding: 10px;

}

.slide-st .slick-slide {
    height: inherit !important;
    box-sizing: border-box;
    border-radius: 20px;

}

#st-testimonials .list-itemtestimonials {
    padding: 72px 0 74px;
}


.slide-st .slick-slide img {
    display: block;
    margin: auto;
}

.image-testimonials img {
    margin: auto;
}

#st-list-articles {
    padding: 0 205px;
    text-align: center;
}

#st-list-articles .list-itemtestimonials {
    padding: 80px 0 55px;
}

#st-list-articles .slick-slide {
    margin: 0 20px;
    border: 3px solid #FFC600;
    border-radius: 20px;
    padding: 5px;
}

#st-list-articles .slick-slide>* {
    height: 100%;
}

#st-list-articles .slick-slide>div>* {
    height: 100%;
}

#st-list-articles .slick-slide .imageestimonials {
    height: 100%;
}

#st-list-articles .slick-slide .imageestimonials a {
    height: 100%;
    display: flex;
    align-items: center;
}

#st-top-home {
    padding: 0 125px;
}

.st-top-our-team {
    padding: 0 90px;
}

.st-top-home {
    padding: 50px 0 60px;
}

#st-top-home.wpb_row .row-bg {
    background-size: 100% auto;
}

div#st-wwa {
    padding: 0 120px;
}

div#st-wwa.st-wwa-new {
    padding: 0 140px;
}

.st-wwa .col-who-we-are-image>.vc_column-inner {
    padding: 90px 0;
}

#st-wwa .image-video {
    border-radius: 100%;
    position: relative;
}

#st-wwa .btn-play a {
    width: 172px;
    height: 172px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 20px;
    left: 0px;
    background: #FFC600;
    border: 10px solid #F4F4F4;
    border-radius: 100%;
    transition: all 0.3s ease-in;
}

#st-wwa .btn-play a:hover {
    transition: all 0.3s ease-in;
    box-shadow: 10px 10px 10px rgb(77 77 77 / 30%), -10px -10px 10px rgb(255 255 255 / 60%);
}

#st-wwa .btn-play a:hover i {
    transition: all 0.3s ease-in;
    transform: scale(1.05);
}

#st-wwa .btn-play a i {
    transition: all 0.3s ease-in;
    background-image: url(./images/play-bt.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 32px;
    height: 35px;
}

#st-wwa .btn-play a i::before {
    display: none;
}

button.slick-prev::before,
button.slick-next::before {
    display: none;
}

.st-wwa h1 {
    margin-bottom: 11px;
}

#st-mission-goals {
    padding: 0 120px;
}

.padding-tbt-75-90>.vc_column-inner {
    padding: 75px 0 90px;
}

.list-icon .iwithtext .iwt-icon {
    width: 71px;
}

.list-icon .iwithtext .iwt-text {
    padding-left: 90px;
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #BEBEBE;
}

.list-icon .iwithtext .iwt-text strong {
    font-size: 36px;
    line-height: 116%;
    color: #4D4D4D;
    margin-bottom: 4px;
    display: block;
}

.row .col .list-icon .iwithtext .iwt-icon img:not([srcset]) {
    width: auto;
}

#st-get-involed {
    padding: 0 105px;
}

#st-get-involed.wpb_row .row-bg {
    background-size: cover;
}

.st-get-involed {
    padding: 70px 0;
}

.st-get-involed .wpb_wrapper>div.iwithtext:nth-child(3) {
    margin-top: 25px;
}

.st-get-involed .wpb_wrapper>div.iwithtext {
    margin-top: 85px;
    margin-bottom: 0;
}

.st-get-involed .iwithtext .iwt-text {
    padding-left: 70px;
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #BEBEBE;
}

.st-get-involed .iwithtext .iwt-icon {
    width: 50px;
}

.st-get-involed .iwithtext .iwt-text {
    padding-left: 90px;
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #4D4D4D;
}

.st-get-involed .iwithtext .iwt-text strong {
    font-size: 24px;
    line-height: 33px;
    margin-bottom: 5px;
    color: #4D4D4D;
}

.st-get-involed .iwithtext .iwt-text a {
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
}

.row .col .st-get-involed .iwithtext .iwt-icon img:not([srcset]) {
    width: auto;
}

#st-events-home {
    padding: 0 155px 0 175px;
}

.bxpostevent .thumb {
    padding: 105px 0;
    border-radius: 10px;
}

.bxpostevent .bx_post_slide {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -70px;
}

.bxpostevent .bx_post_slide .bxitem {
    transition: all 0.5s;
    width: calc(33.33% - 70px);
    border: 3px solid rgba(190, 190, 190, 0.5);
    box-sizing: border-box;
    border-radius: 30px;
    margin: 35px;
}

.bxpostevent .bx_post_slide .bxitem:hover {
    transition: all 0.5s;
    box-shadow: 2px 3px 10px 5px rgb(77 77 77 / 50%);
    border-color: #73d87d;
    transform: translateY(-10px);
}

.bxpostevent .bxinner {
    padding: 27px 35px 36px 38px;
}

.bxpostevent .rm-event {
    text-transform: uppercase;
    color: #1e96fc;
    font-weight: 800;
    font-size: 14px;
    line-height: 19px;
    transition: all 0.5s;
}

.bxpostevent .rm-event:hover {
    color: #FFF200;
    transition: all 0.5s;
}

.line-event {
    width: 100%;
    height: 3px;
    background: rgba(190, 190, 190, 0.5);
    margin: 30px 0;
    position: relative;
}

.line-event::before {
    content: '';
    position: absolute;
    width: 148px;
    height: 3px;
    right: 0;
    top: 0;

}

.line-event.stt-on::before {
    background: #1E96FC;
}

.line-event.stt-up::before {
    background: #FFC600;
}

.line-event.stt-closed::before {
    background: #73d87d;
}

h4.title-post a {
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 116%;
    color: #4D4D4D;
}

p.status-event {
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    text-align: center;
    color: #FFFFFF;
    padding: 5px 15px;
    display: inline-block;
    margin-bottom: 20px;
}

.bxevents_lists p.status-event {
    font-size: 18px;
    line-height: 25px;
    padding: 4px 18px;
}

.excerpt-event {
    margin-top: 10px;
}

.st-btnload {
    text-align: center;
}

.st-via-contact {
    padding-top: 35px;
    padding-bottom: 70px;
}

.st-heading-munti-color .heading-multi {
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    font-size: 120px;
    line-height: 130px;
    text-align: center;
    padding: 55px 0;
}

.st-heading-munti-color .heading-multi p {
    display: inline-block;
    padding-bottom: 0;
    margin-right: 20px;
}

.st-our-gallery .row_col_wrap_12_inner .vc_column-inner {
    padding: 0 120px;
}

.list-testimonials .slick-arrow::before {
    display: none;
}

#st-newletters .gform_legacy_markup_wrapper form input:not([type=submit]),
#st-newletters .gform_legacy_markup_wrapper form .select2-container--default .select2-selection--single {
    border-bottom: 3px solid #4D4D4D;
    border-top: none;
    border-right: none;
    border-left: none;
    background: none;
    padding: 12px 0;
    font-family: Nunito;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #4D4D4D;
}

#st-newletters .gform_legacy_markup_wrapper form input[type=submit] {
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    font-size: 16px;
    line-height: 22px;
    color: #FFFFFF;
    background-image: url(./images/btn-blue.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0 !important;
    width: 162px;
    height: 56px;
    background-color: unset !important;
    transition: all 0.5s;
}

#st-newletters .gform_legacy_markup_wrapper form input::placeholder {
    font-family: Nunito;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 25px;
    color: #4D4D4D;
}

#st-newletters .gform_legacy_markup_wrapper .gform_footer {
    text-align: right;
    margin-top: 50px;
    padding: 0;
}

#st-newletters .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
    padding: 0 30px;
    margin-bottom: 0;
}

#st-newletters .gform_legacy_markup_wrapper .fancy-select-wrap {
    padding-top: 0;
}

.mw-1376 .row_col_wrap_12_inner {
    max-width: 1376px;
    margin: 0 auto;
}

html body .full-width-content.vc_row-fluid .span_12 .mw-1376 .row_col_wrap_12_inner {
    margin: 0 auto;
}

.st-newletter-home {
    padding: 50px 0 90px;
}

body[data-button-style^="rounded"] .nectar-button.btn-custom {
    border-radius: 0 !important;
    margin-top: 33px;
    text-align: center;
    min-width: 150px;
    border-radius: 6px !important;
    transition: all 0.5s
}

body a.nectar-button:hover {
    background-color: #FFF200 !important;
    color: #000;
    transition: all 0.5s
}

#st-about-us {
    margin-top: 40px;
}

.st-free-contact p {
    padding-bottom: 22px;
    font-size: 28px;
    font-weight: 700;
}

.st-about-content {
    padding: 125px 120px 95px;
}

.st-about-content .custom-content-right {
    padding-left: 300px;

}

.wpb_text_column.wpb_content_element.custom-content-right:last-child {
    margin-top: -30px;
    position: relative;
}

.st-keppus-busy {
    padding: 95px 0;
}

.st-keppus-busy a {
    color: #1e96fc;
}

#st-donate {
    padding: 0 155px 0;
    margin-top: 40px;
}

#st-donate .bxround_yellowtr::before {
    background: url(./images/circle-139.png) center center / contain no-repeat;
    width: 139px;
    height: 139px;
    right: 0;
    position: absolute;
    top: -139px;
}

#st-donate .bxround_yellowbl::after {
    background: url(./images/circle-217.png) center center / contain no-repeat;
    width: 217px;
    height: 217px;
    left: -35px;
    position: absolute;
    bottom: -50px;
}

.padl-50>.vc_column-inner {
    padding-left: 50px;
}

#st-donate.wpb_row .row-bg {
    background-size: auto;
}

.st-donate-content {
    padding: 15px 0 155px;
}

.bxheadingct {
    margin-top: 95px;
}

body #footer-outer #footer-widgets .col p {
    padding-bottom: 0px;
}

body #footer-outer .widget {
    margin-bottom: 0;
}

body #footer-outer .row {
    padding: 55px 0 45px;
    margin-bottom: 0;
}

#footer-outer #footer-widgets .col ul.social li {
    margin-right: 12px;
}

.col-list-info .vc_column-inner {
    padding-top: 55px;
    padding-left: 160px;
}

.row .col .col-list-info .iwithtext .iwt-icon img:not([srcset]) {
    width: auto;
}

.col-list-info .iwithtext .iwt-text {
    padding-left: 50px;
}

.col-list-info .iwithtext .iwt-text strong {
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    font-size: 24px;
    line-height: 33px;
    color: #4D4D4D;
}

.col-list-info .iwithtext .iwt-text a {
    color: #4D4D4D;
}

.col-list-info .wpb_wrapper>div.iwithtext {
    margin-bottom: 45px;
}

#st-contact-us {
    margin-bottom: 45px;
    margin-top: 85px;
}

#st-contact-us .social-contact li>a {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    width: 45px;
    height: 45px;
}

#st-contact-us .social-contact {
    margin-left: 0;
    margin-bottom: 0;
}

#st-contact-us .social-contact li>a.link-ins {
    background-image: url('./images/ct-inst.png');
}

#st-contact-us .social-contact li>a.link-fb {
    background-image: url(./images/ct-fb.png);
}

#st-contact-us .social-contact li>a.link-linked {
    background-image: url(./images/ct-inked.png);
}

.social-contact li {
    display: inline-block;
    width: 45px;
    height: 45px;
    padding: 0 !important;
    text-align: center;
    list-style: none;
    margin-right: 46px;

}

.social-contact li:last-child {
    margin-right: 0;
}

.wpb_text_column.wpb_content_element.content-ctus {
    margin: 25px 0 40px;
}

.st-list-stories {
    padding: 0 87px;
}

.bxpoststories {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -24px;
}

.wpb_wrapper>div.bxpoststories {
    margin-bottom: 0;
}

.bxpoststories .bxitem {
    width: calc(33.33% - 48px);
    margin: 48px 24px;
    border: 3px solid #FFC600;
    box-sizing: border-box;
    border-radius: 20px;
    text-align: center;
    padding: 10px;
    transition: all 0.5s;
}

.bxpoststories .bxitem:hover {
    transition: all 0.5s;
    box-shadow: 2px 3px 10px 5px rgb(77 77 77 / 50%);
    transform: translateY(-10px);
}

.st-list-stories .btn-load {
    margin-top: 20px;
}

.row>.st-list-stories.wpb_row:last-child {
    margin-bottom: 96px;
}


.heading-tag {
    display: flex;
    justify-content: center;
    align-items: center;
}

.heading-tag p {
    padding-bottom: 0;
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    font-size: 48px;
    line-height: 65px;
    text-align: center;
    padding: 0 5px;
}

.st-leader-teams {
    margin-top: 40px;
}

div#st-angle-volunteer {
    margin-top: 50px;
    margin-bottom: 50px;
}

.st-list-teams-bottom {
    margin-top: 40px;
}


.panel {
    padding: 50px 0 0;
    display: none;
}

ul.list-item-faq li:first-child .panel {
    display: block;
}

.answerw-des {
    display: none;
}

ul.list-item-faq {
    margin-left: 0;
}

ul.list-item-faq li {
    list-style: none;
    margin-bottom: 55px;
}

ul.list-item-faq li h4 {
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 116%;
    color: #FFFFFF;
    padding: 7px 22px 7px 28px;
    background: #1E96FC;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

ul.list-item-faq li h4.active {
    background: #73D87D;
}

ul.list-item-faq li h4.active i {
    display: none;
}

.st-show-faqs {
    margin-top: 60px;
}

.item-faq {
    display: flex;
    margin-bottom: 55px;
    cursor: pointer;
}

.des-faq {
    width: calc(100% - 75px);
    padding-left: 40px;
}

.stt-faq {
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    font-size: 48px;
    line-height: 65px;
    text-align: center;
    color: #FFFFFF;
    background: #BEBEBE;
    border-radius: 10px;
    width: 75px;
    height: 75px;
    transition: all 0.5s;
}

.item-faq.active .stt-faq {
    height: auto;
    background: #FFC600;
    transition: all 0.5s;
}

.des-faq h3,
.des-faq h3 a {
    font-family: Nunito;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 116%;
    color: #4D4D4D;
    margin-bottom: 28px;
}

.answerw-des {
    font-family: Nunito;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #000000;
    margin-top: 28px;
}

#st-list-gallery-home {
    padding: 0 120px;
    margin-top: 40px;
}

body .nectar-video-box[data-color="default-accent-color"] .nectar_video_lightbox {
    background-color: rgba(255, 255, 255, 0.4) !important;
}

body .nectar-video-box .nectar_video_lightbox path {
    fill: rgba(255, 255, 255, 0.6) !important;
}

#st-list-gallery-home .img-with-aniamtion-wrap img,
#st-list-gallery-home .nectar-video-box img {
    border-radius: 30px;
}

#st-list-gallery-home .nectar-video-box .inner-wrap {
    border-radius: 30px;
}

.col-gallery-left .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation,
.col-gallery-right .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation {
    margin-bottom: 24px;
}

#st-list-gallery-home h5 {
    font-weight: 800;
    font-size: 24px;
    line-height: 33px;
    color: #4D4D4D;
}

#st-list-gallery-home p {
    font-weight: 600;
    font-size: 18px;
    line-height: 25px;
    color: #4D4D4D;
}

.col-gallery-middle .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation {
    margin-top: 12px;
}

.row .col .st-our-gallery .vc_separator h4 {
    font-weight: 800;
    font-size: 48px;
    line-height: 65px;
    color: #4D4D4D;
}

#gallery-mansory {
    padding: 0 124px;
    margin-top: 95px;
}

#st-video-gallery {
    padding: 0 124px;
    margin-top: 95px;
    margin-bottom: 95px;
}

.bxgll_msry {
    display: flex;
    margin-top: 50px;
}

.bxgll_msry .col-50 {
    width: 49%;
}

.bxgll_msry .col-25 {
    width: 26%;
}

.bxgll_msry .boxflex-img {
    display: flex;
}

.bxgll_msry .boxflex-img .gg_item {
    width: 50%;
    padding: 15px;
}

.bxgll_msry .col-last .gg_item:last-child {
    padding-top: 15px;
}

#list-events-page p.des {
    padding-bottom: 20px;
}

#st-testimonial-migrant {
    padding: 0 85px;
}

#st-testimonial-volunteer .st-testimonial-mansory .vc_column-inner {
    padding: 40px 125px 0;
}

.line-heading {
    border-bottom: 5px solid rgba(190, 190, 190, 0.5);
    margin-bottom: 13px;
}

body .pdlr-175 {
    padding: 0 175px;
}

.st-free-contact .row_col_wrap_12 {
    padding: 105px 175px;
}

.st-free-contact {
    padding: 0 200px;
}

.st-migrant-videos {
    padding: 0 125px;
}

.container-wrap .row>.wpb_row.st-migrant-videos:last-child {
    margin-bottom: 95px;
}

.bxthumb {
    overflow: hidden;
    border-radius: 20px;
    background: linear-gradient(180deg, #DEEED4 31.25%, #ADB9A5 60.35%);
}


.wpb_wrapper>div.word-big p {
    padding-bottom: 0;
}

.st-about-content .bxround_yellowtr::before {
    content: "";
    background: url(./images/circle-128.png) center center / contain no-repeat;
    width: 128px;
    height: 128px;
    left: 50px;
    right: auto;
    position: absolute;
    bottom: 0;
    top: auto;
}

#st-about-us.wpb_row .row-bg {
    background-size: auto;
}

#st-about-us.wpb_row .row-bg {
    background-size: auto;
    background-position-y: 175px !important;
}

body #header-outer #top .sf-menu>li ul {
    padding: 15px;
    width: 320px;
    border: 3px solid #4D4D4D;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: #fff !important;
}

body #header-outer #top .sf-menu>li ul>li>a span {
    font-family: Nunito;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 160%;
    color: #4D4D4D;
}

body #header-outer:not([data-format="left-header"]) #top nav>ul>li:not(.megamenu) ul a:hover {
    background-color: transparent !important;
    color: #4D4D4D !important;
}
body #header-outer #top nav > ul > li:not(.megamenu) .sfHover > a, 
body #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) .sfHover > a, 
body #header-outer nav > ul > .megamenu > ul ul .sfHover > a {
    background-color: transparent !important;
}
.wpb_row.margin-bottom-80 {
    margin-bottom: 80px;
}

.csline-social ul li a i {
    width: 30px;
    height: 30px;
    font-size: 33px;
}

i.fa-brands.fa-facebook-messenger {
    background-image: url(./images/messenger-ic.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 30px;
    height: 30px;
}

body #header-outer:not([data-format="left-header"]) #top nav>ul>li:not(.megamenu) ul .current-menu-item>a {
    background-color: unset !important;
}

body #header-outer:not([data-format="left-header"]) #top nav>ul>li:not(.megamenu) ul .current-menu-item>a span {
    border-bottom: 2px solid #fff200;
}

.st-via-email-events a {
    color: #1E96FC;
}

.st-via-email-events a.via-mail {
    color: #4d4d4d;
}

#st-contact-us .iwithtext .iwt-icon {
    top: 5px;
}

body .ascend #footer-outer .widget.widget_nav_menu li {
    padding: 2 !important;
}

#st-wwa .btn-play a {
    animation: animate 1.5s linear infinite;
}

@keyframes animate {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 198, 0.5);
        box-shadow: 0 0 0 0 rgba(255, 198, 0.5);
    }

    30% {
        -moz-box-shadow: 0 0 0 1500px rgba(255, 198, 0, 0);
        box-shadow: 0 0 0 60px rgba(255, 198, 0, 0);
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 198, 0, 0);
        box-shadow: 0 0 0 0 rgba(255, 198, 0, 0);
    }
}


.st-heading-munti-color .heading-multi {
    position: relative;
    -webkit-animation: linear infinite;
    -webkit-animation-name: run;
    -webkit-animation-duration: 10s;
    -webkit-animation-delay: 2s;
    width: 150%;
    right: 150%;
}

.st-heading-munti-color .heading-multi {
    display: block;
    width: 150%;
    height: 100%;
    position: relative;
    overflow: hidden;
    animation: marquee 16s linear infinite;
}

@keyframes marquee {
    0% {
        left: 150%;
    }

    100% {
        left: -150%;
    }
}


.img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.img-with-animation.banner-contactus {
    border-radius: 30px;
}

#st-newletters .gform_legacy_markup_wrapper form input[type=submit]:hover {
    transform: translatey(-5px);
    transition: all 0.5s;
}


body .fancybox-stage {
    max-width: 50%;
    margin: auto;
}

body .fancybox-slide--image .fancybox-content {
    left: 50%;
    transform: translateX(-50%) !important;
    height: 100% !important;
}

.gall_event_item .item a {
    display: block !important;
}

.fancybox-navigation {
    height: 100%;
    max-width: 50%;
    margin: auto;
    position: relative;
}

body .fancybox-navigation .fancybox-button--arrow_left {
    left: 20px;
}

body .fancybox-navigation .fancybox-button--arrow_right {
    right: 20px;
}

body .fancybox-content {
    width: 100%;
    height: auto;
    text-align: center;
}


.item-fade {
    -webkit-animation-name: cf4FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 15s;
    -moz-animation-name: cf4FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 15s;
    -o-animation-name: cf4FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 15s;
    animation-name: cf4FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

.item-fade {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-size: auto;
    background-position: left;
}

#for-migrate-worked-image .item-fade {
    padding: 300px;
}

#for-migrate-worked-image {
    position: relative;
    padding: 300px;
}

.deepavali-ss .item-fade {
    padding: 260px;
}

.deepavali-ss {
    position: relative;
    padding: 260px;
}

@keyframes cf4FadeInOut {
    0% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    33% {
        opacity: 0;
    }

    83% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}


.item-fade:nth-of-type(1) {
    animation-delay: 11s;
}

.item-fade:nth-of-type(2) {
    animation-delay: 7s;
}

.item-fade:nth-of-type(3) {
    animation-delay: 3s;
}

.item-fade:nth-of-type(4) {
    /*animation-delay: 0s;*/
}

.show-mobile {
    display: none !important;
}

#slide-banner-image .item-fade {
    background-position: center top;
    background-size: cover;
    padding: 480px 0;
}

#slide-banner-image .item-fade-slide {
    background-position: center top;
    background-size: cover;
    height: 1024px;
    position: relative;
}
#slide-banner-image .item-fade-slide a {
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
}
@keyframes cf4FadeInOutct {
    0% {
        opacity: 1;
    }

    17% {
        opacity: 1;
    }

    25% {
        opacity: 0;
    }

    92% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.item-fade-four:nth-of-type(1) {
    animation-delay: 6s;
}

.item-fade-four:nth-of-type(2) {
    animation-delay: 4s;
}

.item-fade-four:nth-of-type(3) {
    animation-delay: 2s;
}

.item-fade-four img:nth-of-type(4) {
    animation-delay: 0;
}


.item-fade-four {
    -webkit-animation-name: cf4FadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 15s;
    -moz-animation-name: cf4FadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 15s;
    -o-animation-name: cf4FadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 15s;
    animation-name: cf4FadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 8s;
}

.item-fade-four {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}

#mission-goal-image .item-fade-four {
    padding: 340px;
}

#mission-goal-image {
    position: relative;
    padding: 340px;
}

body .list-dots {
    list-style-type: disc;
}

.full-width-content.vc_row-fluid .wpb_column .wpb_row.st-mt-25-percent {
    margin-top: -25%;
}


.st-list-media {
    margin-top: 50px;
    margin-bottom: 50px;
}

.bx_list_media {
    display: flex;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.row .col h3.title_datetime {
    font-size: 22px;
    font-weight: 700;
    display: inline-block;
    border-bottom: 1px solid #ffc600;
    color: #b8f2ff;
    text-transform: uppercase;
}

.row .col h5.title-media {
    font-size: 20px;
    font-weight: 700;
}

.bx_list_media .bxitem p {
    padding-top: 10px;
    padding-bottom: 15px;
    margin-top: auto;
}

.bx_list_media .bxitem a {
    display: inline-block;
    margin-top: auto;
    text-transform: capitalize;
}

.bx_list_media .bxitem>* {
    width: 100%;
}

.bx_list_media .bxitem {
    width: calc(25% - 30px);
    margin: 15px;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    background: #fff;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);
    border-radius: 20px;
}

.bxmedia {
    padding: 20px 40px;
    border-bottom: 2px solid #BEBEBE80;
}

.full-width-content.vc_row-fluid .wpb_column .wpb_row.st-video-media {
    margin-top: 30px;
}

.st-video-media .bxlistvideopp .bxvideos .bxitem {
    margin-top: 30px;
}

.bxlistvideopp .bxvideos .bxitem a::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(0 0 0 / 30%);
}

.bxheading-ct {
    padding: 0 20px;
    margin: 50px auto;
    padding-bottom: 30px;
    font-size: 48px;
    text-transform: uppercase;
    position: relative;
}

.bxheading-ct strong {
    padding: 0 30px;
    border-bottom: 8px solid #ddd;
}

.st-video-media-heading .wpb_text_column>.wpb_wrapper>.bxheading-ct:last-child {
    margin-bottom: 50px;
}

.wpb_text_column>.wpb_wrapper>.bxheading-ct:last-child {
    margin-bottom: 50px;
}

.st-award p strong {
    font-weight: bold;
    color: #b8f2ff;
    text-transform: uppercase;
}

.st-video-media-heading {
    padding-top: 80px;
}

.st-award li::marker {
    color: #FFF200;
}

#st-list-gallery-home .bxhead_line {
    display: none;
}

.st-video-media .bxcirle-img {
    padding: 180px;
    border-radius: 0;
}

.st-video-media .btn-play a {
    animation: animate 1.5s linear infinite;
}

.st-video-media .btn-play a {
    width: 100px;
    height: 100px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(./images/Ellipse-9.png);
    border-radius: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: all 0.3s ease-in;
}

.st-video-media .btn-play a i {
    transition: all 0.3s ease-in;
    background-image: url(./images/play-bt.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 25px;
    height: 27px;
}

.st-video-media .bxtnvideo_contain.style-1 .btn-play a {
    bottom: -30px;
    left: 30%;

}

.st-video-media .bxtnvideo_contain.style-2 .btn-play a {
    top: 0px;
    right: 80px;

}

.st-video-media .bxtnvideo_contain.style-3 .btn-play a {
    bottom: -30px;
    right: 120px;

}

.st-video-media .btn-play a i::before {
    display: none;
}

.st-video-media-two {
    padding-bottom: 100px;
}

.st-free-contact .row_col_wrap_12_inner {
    padding: 120px 175px;
}

body .pdlr-25-percent {
    padding: 0 22%;
}

.full-width-content.vc_row-fluid .wpb_column .wpb_row.margin-bottom-80 {
    margin-bottom: 80px;
}

.st-migrate .padding-left-80>.vc_column-inner {
    padding-left: 80px;
}

.st-migrate .padding-right-80>.vc_column-inner {
    padding-right: 80px;
}

.full-width-content.vc_row-fluid .wpb_column .wpb_row.st-migrant-videos {
    margin-bottom: 80px;
}

.st-list-tabs .list-tabs {
    text-align: center;
}

.list-tabs ul {
    margin-left: 40px;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.list-tabs ul li {
    list-style: none;
    margin-left: 80px;
}

.list-tabs ul li:first-child {
    margin-left: 0;
}

.list-tabs.list-tabs-type-2 ul li a {
    color: #F0B94D;
    border: 3px solid #F0B94D;
}

.list-tabs.list-tabs-type-2 ul li a {
    padding: 16px 15px;
    min-width: 180px;
    text-align: center;
}

.list-tabs ul li a {
    color: #007EA7;
    display: inline-block;
    padding: 16px 50px;
    border: 3px solid #007EA7;
    box-sizing: border-box;
    border-radius: 15px;
    position: relative;
    transition: all 0.5s;
    min-width: 180px;
    text-align: center;
}

.st-list-tabs ul li {
    list-style: none;
}

.list-tabs.list-tabs-type-2 ul li.active a {
    color: #fff;
    border: none;
    color: #fff;
    background: linear-gradient(270deg, #F08A4D 10.83%, #F0B94D 105.56%);
}

.pdlr-125 {
    padding: 0 125px;
}

.pdlr-140 {
    padding: 0 140px;
}

.font-bold {
    font-weight: bold;
}

.st-three-box {
    padding-top: 40px;
    padding-bottom: 30px;
}

.content-three-box>.vc_column-inner {
    padding-top: 50px;
    padding-bottom: 60px;
}

.three-box-numb {
    width: 480px;
    height: 390px;
    position: relative;
}

.three-box-numb .item p {
    padding-bottom: 5px;
    color: #fff;
}

.three-box-numb .numb {
    font-size: 27px;
    line-height: 36px;
    letter-spacing: -0.5px;
    padding-top: 5px;
}

.three-box-numb .name-data {
    font-size: 11px;
    line-height: 36px;
    letter-spacing: 1px;
}

.three-box-numb .item {
    position: absolute;
    width: 150px;
    height: 140px;
    background: #FFC600;
    border-radius: 15px;
    text-align: center;
    padding: 15px;
}

.three-box-numb .item.meals {
    left: 20px;
    top: 30px;
}

.three-box-numb .item.care-packs {
    right: -20px;
    top: 50px;
    background: #E09B00;
}

.three-box-numb .item.data-card {
    left: 30%;
    bottom: 60px;
    background: #1E96FC;
}

.st-testi-ourteam .iwithtext .iwt-icon {
    position: relative;
    left: 0;
    top: 0;
}

.st-testi-ourteam .iwt-icon img {
    width: 85px !important;
    height: 85px;
}

.st-testi-ourteam .iwithtext {
    display: flex;
    justify-content: center;
}

.st-testi-ourteam .iwithtext .iwt-text {
    padding-left: 30px;
    width: calc(100% - 115px);
}

.testi-outeam h3 {
    font-size: 32px;
    line-height: 36px;
    color: #FFC600;
}

body .magt-100 {
    margin-top: 100px;
}

body .magt-50 {
    margin-top: 50px;
}

body .magt-40 {
    margin-top: 40px;
}

body .magt-30 {
    margin-top: 30px;
}

body .magt-10 {
    margin-top: 10px;
}

.full-width-content.vc_row-fluid .wpb_column .wpb_row.st-list-teams {
    margin-bottom: 50px;
}

.st-list-teams .vc_col-sm-4>.vc_column-inner {
    padding: 0 30px;
}

body .font-regular {
    font-weight: 400;
}

body .wpb_text_column.wpb_content_element:last-child.magt-100 {
    margin-top: 100px;
}

.list-name-directors {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.list-name-directors .item {
    width: 33.33%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}

.list-name-directors .item img {
    width: 17px;
    height: 15px;
    margin-right: 30px;
}

.st-list-director .row_col_wrap_12 {
    padding-top: 75px;
    padding-bottom: 75px;
}

.list-name-directors .item p {
    font-size: 28px;
    line-height: 43px;
    font-weight: bold;
}

body .marb-55 {
    margin-bottom: 55px;
}

.st-testimonial-mansory {
    padding-top: 0px;
    padding-bottom: 90px;
}

body .txt-up {
    text-transform: uppercase;
}

.row-aboutus-content {
    padding-top: 130px;
    padding-bottom: 50px;
}

.st-about-itrains {
    padding: 0 260px;
}

.full-width-content.vc_row-fluid .wpb_column .wpb_row.row-story-content {
    margin: 40px 0;
}

.list-our-key {
    margin-left: 0;
}

.list-our-key li {
    list-style: none;
    padding-left: 55px;
    position: relative;
    margin-top: 55px;
}

.list-our-key li i {
    position: absolute;
    left: 0;
    top: 0x;
    color: #e2d723;
    font-size: 26px;
}

.st-our-key {
    padding: 0 220px;
}

.st-our-key .row_col_wrap_12 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.row-below-listkey {
    padding-top: 50px;
    padding-bottom: 50px;
}

.bxourteam_box {
    text-align: center;
    padding: 40px;
    border-radius: 10px;
    height: 100%;
}

.st-list-box .vc_row.vc_row-o-equal-height>.span_12>.wpb_column>.vc_column-inner>.wpb_wrapper {
    height: 100%;
}

.st-list-box .vc_row.vc_row-o-equal-height>.span_12>.vc_column_container>.vc_column-inner {
    height: 100%;
}

.bxourteam_box .item_box h2 {
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
}

.bxourteam_box .item_box p {
    font-size: 20px;
    line-height: 32px;
    font-weight: 400;
}

.st-list-box {
    padding: 0 20px;
}


.st-list-box.wpb_row .row-bg {
    background-size: contain;
    opacity: 0.8;
}

.st-wwa-new::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -90px;
    width: 150px;
    height: 150px;
    background-image: url('./images/bg-middle-wwa.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left bottom;
    z-index: 999;
}

.st-about-itrains.wpb_row .row-bg-wrap>.inner-wrap>.row-bg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 40px;
    background-image: url('./images/bg-top-wwa.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right top;
}

.st-about-itrains.wpb_row .row-bg-wrap>.inner-wrap>.row-bg::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-image: url(./images/bg-bottom-wwa.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position-x: 30px;
    background-position-y: bottom;
}

.st-addition-wwa.wpb_row .row-bg-wrap>.inner-wrap>.row-bg::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 90px;
    background-image: url('./images/circle-top.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: right top;
}

.st-addition-wwa.wpb_row .row-bg-wrap>.inner-wrap>.row-bg::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 100px;
    background-image: url('./images/circle-bottom.png');
    background-size: auto;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.item-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 60px;
    width: 120px;
    margin: 0 auto;
    border-radius: 10px;
}

.fancybox-content .item-bg {
    padding: 150px;
    width: 50%;
}

.st-list-tabs .list-tabs ul {
    margin-left: 0;
}

body .st-list-stories .img-with-animation.img-mart-45 {
    margin-top: 45px;
}

body #footer-outer #copyright[data-layout=centered] {
    padding: 20px 0;
}

body #footer-outer #copyright p {
    font-size: 18px;
}

.content-white h2,
.content-white p,
.content-white p a {
    color: #fff !important;
}

/*Chrismas Snow*/

.snow-christ {
    padding: 0;
    margin: 0;
    width: 100%;
    height: 110vh;
    position: absolute;
    top: 0;
    z-index: 99;
}

.snowflake {
    --size: 1vw;
    width: var(--size);
    height: var(--size);
    background: #fff;
    border-radius: 50%;
    position: fixed;
    top: -5vh;
    z-index: 99;
}

@keyframes snowfall {
    0% {
        transform: translate3d(var(--left-ini), 0, 0);
    }

    10% {
        transform: translate3d(var(--left-end), 10vh, 0);
    }

    20% {
        transform: translate3d(var(--left-end), 20vh, 0);
    }

    30% {
        transform: translate3d(var(--left-end), 30vh, 0);
    }

    40% {
        transform: translate3d(var(--left-end), 40vh, 0);
    }

    50% {
        transform: translate3d(var(--left-end), 50vh, 0);
    }

    60% {
        transform: translate3d(var(--left-end), 60vh, 0);
    }

    70% {
        transform: translate3d(var(--left-end), 70vh, 0);
    }

    80% {
        transform: translate3d(var(--left-end), 80vh, 0);
    }

    90% {
        transform: translate3d(var(--left-end), 90vh, 0);
    }

    100% {
        transform: translate3d(var(--left-end), 100vh, 0);
    }
}

.snowflake:nth-child(1) {
    --size: 0.2vw;
    --left-ini: 8vw;
    --left-end: -4vw;
    left: 61vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -2s;
}

.snowflake:nth-child(2) {
    --size: 0.4vw;
    --left-ini: 3vw;
    --left-end: 2vw;
    left: 30vw;
    animation: snowfall 6s linear infinite;
    animation-delay: -4s;
}

.snowflake:nth-child(3) {
    --size: 0.6vw;
    --left-ini: 4vw;
    --left-end: 9vw;
    left: 1vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -2s;
}

.snowflake:nth-child(4) {
    --size: 0.2vw;
    --left-ini: 4vw;
    --left-end: -3vw;
    left: 58vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -7s;
}

.snowflake:nth-child(5) {
    --size: 1vw;
    --left-ini: 1vw;
    --left-end: 3vw;
    left: 21vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -9s;
}

.snowflake:nth-child(6) {
    --size: 1vw;
    --left-ini: -6vw;
    --left-end: -6vw;
    left: 56vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -8s;
}

.snowflake:nth-child(7) {
    --size: 0.2vw;
    --left-ini: -3vw;
    --left-end: 2vw;
    left: 9vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -7s;
}

.snowflake:nth-child(8) {
    --size: 0.8vw;
    --left-ini: 6vw;
    --left-end: -9vw;
    left: 92vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -5s;
}

.snowflake:nth-child(9) {
    --size: 0.8vw;
    --left-ini: 6vw;
    --left-end: 0vw;
    left: 92vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -7s;
}

.snowflake:nth-child(10) {
    --size: 0.4vw;
    --left-ini: -6vw;
    --left-end: 1vw;
    left: 19vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -7s;
}

.snowflake:nth-child(11) {
    --size: 0.2vw;
    --left-ini: 1vw;
    --left-end: 6vw;
    left: 96vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -4s;
}

.snowflake:nth-child(12) {
    --size: 0.8vw;
    --left-ini: -4vw;
    --left-end: 3vw;
    left: 1vw;
    animation: snowfall 6s linear infinite;
    animation-delay: -3s;
}

.snowflake:nth-child(13) {
    --size: 0.4vw;
    --left-ini: -7vw;
    --left-end: 3vw;
    left: 30vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -10s;
}

.snowflake:nth-child(14) {
    --size: 1vw;
    --left-ini: -2vw;
    --left-end: 3vw;
    left: 59vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -10s;
}

.snowflake:nth-child(15) {
    --size: 1vw;
    --left-ini: -8vw;
    --left-end: 9vw;
    left: 34vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -6s;
}

.snowflake:nth-child(16) {
    --size: 0.6vw;
    --left-ini: 7vw;
    --left-end: 7vw;
    left: 56vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -6s;
}

.snowflake:nth-child(17) {
    --size: 0.6vw;
    --left-ini: 1vw;
    --left-end: 7vw;
    left: 99vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -10s;
}

.snowflake:nth-child(18) {
    --size: 0.4vw;
    --left-ini: 7vw;
    --left-end: 7vw;
    left: 31vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -7s;
}

.snowflake:nth-child(19) {
    --size: 0.6vw;
    --left-ini: -2vw;
    --left-end: 2vw;
    left: 86vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -9s;
}

.snowflake:nth-child(20) {
    --size: 0.8vw;
    --left-ini: 4vw;
    --left-end: -9vw;
    left: 77vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -2s;
}

.snowflake:nth-child(21) {
    --size: 0.6vw;
    --left-ini: -1vw;
    --left-end: 6vw;
    left: 24vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -1s;
}

.snowflake:nth-child(22) {
    --size: 1vw;
    --left-ini: -1vw;
    --left-end: 3vw;
    left: 14vw;
    animation: snowfall 14s linear infinite;
    animation-delay: -6s;
}

.snowflake:nth-child(23) {
    --size: 0.4vw;
    --left-ini: 0vw;
    --left-end: -8vw;
    left: 98vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -4s;
}

.snowflake:nth-child(24) {
    --size: 0.8vw;
    --left-ini: -3vw;
    --left-end: 5vw;
    left: 48vw;
    animation: snowfall 6s linear infinite;
    animation-delay: -10s;
}

.snowflake:nth-child(25) {
    --size: 0.8vw;
    --left-ini: -9vw;
    --left-end: 1vw;
    left: 80vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -6s;
}

.snowflake:nth-child(26) {
    --size: 0.6vw;
    --left-ini: -6vw;
    --left-end: 1vw;
    left: 34vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -10s;
}

.snowflake:nth-child(27) {
    --size: 0.6vw;
    --left-ini: -8vw;
    --left-end: 5vw;
    left: 18vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -10s;
}

.snowflake:nth-child(28) {
    --size: 0.2vw;
    --left-ini: -5vw;
    --left-end: -6vw;
    left: 46vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -5s;
}

.snowflake:nth-child(29) {
    --size: 0.4vw;
    --left-ini: -4vw;
    --left-end: 6vw;
    left: 90vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -5s;
}

.snowflake:nth-child(30) {
    --size: 0.8vw;
    --left-ini: -2vw;
    --left-end: 4vw;
    left: 35vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -9s;
}

.snowflake:nth-child(31) {
    --size: 1vw;
    --left-ini: 1vw;
    --left-end: -1vw;
    left: 83vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -7s;
}

.snowflake:nth-child(32) {
    --size: 1vw;
    --left-ini: -3vw;
    --left-end: -5vw;
    left: 58vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -10s;
}

.snowflake:nth-child(33) {
    --size: 0.8vw;
    --left-ini: 8vw;
    --left-end: -4vw;
    left: 77vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -1s;
}

.snowflake:nth-child(34) {
    --size: 0.2vw;
    --left-ini: 1vw;
    --left-end: 3vw;
    left: 38vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -8s;
}

.snowflake:nth-child(35) {
    --size: 0.2vw;
    --left-ini: -1vw;
    --left-end: -7vw;
    left: 30vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -3s;
}

.snowflake:nth-child(36) {
    --size: 0.4vw;
    --left-ini: -7vw;
    --left-end: -8vw;
    left: 15vw;
    animation: snowfall 7s linear infinite;
    animation-delay: -8s;
}

.snowflake:nth-child(37) {
    --size: 0.4vw;
    --left-ini: 6vw;
    --left-end: 9vw;
    left: 8vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -4s;
}

.snowflake:nth-child(38) {
    --size: 0.2vw;
    --left-ini: 10vw;
    --left-end: 10vw;
    left: 31vw;
    animation: snowfall 15s linear infinite;
    animation-delay: -1s;
}

.snowflake:nth-child(39) {
    --size: 0.6vw;
    --left-ini: 9vw;
    --left-end: -6vw;
    left: 78vw;
    animation: snowfall 13s linear infinite;
    animation-delay: -9s;
}

.snowflake:nth-child(40) {
    --size: 0.4vw;
    --left-ini: 10vw;
    --left-end: -9vw;
    left: 94vw;
    animation: snowfall 11s linear infinite;
    animation-delay: -8s;
}

.snowflake:nth-child(41) {
    --size: 1vw;
    --left-ini: -5vw;
    --left-end: 2vw;
    left: 62vw;
    animation: snowfall 9s linear infinite;
    animation-delay: -7s;
}

.snowflake:nth-child(42) {
    --size: 0.2vw;
    --left-ini: -6vw;
    --left-end: 4vw;
    left: 4vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -7s;
}

.snowflake:nth-child(43) {
    --size: 1vw;
    --left-ini: 1vw;
    --left-end: -2vw;
    left: 54vw;
    animation: snowfall 8s linear infinite;
    animation-delay: -3s;
}

.snowflake:nth-child(44) {
    --size: 0.8vw;
    --left-ini: 7vw;
    --left-end: 6vw;
    left: 21vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -8s;
}

.snowflake:nth-child(45) {
    --size: 1vw;
    --left-ini: 9vw;
    --left-end: -3vw;
    left: 74vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -9s;
}

.snowflake:nth-child(46) {
    --size: 1vw;
    --left-ini: -3vw;
    --left-end: -8vw;
    left: 100vw;
    animation: snowfall 6s linear infinite;
    animation-delay: -3s;
}

.snowflake:nth-child(47) {
    --size: 0.4vw;
    --left-ini: 9vw;
    --left-end: 5vw;
    left: 10vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -1s;
}

.snowflake:nth-child(48) {
    --size: 1vw;
    --left-ini: -1vw;
    --left-end: -9vw;
    left: 1vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -2s;
}

.snowflake:nth-child(49) {
    --size: 0.2vw;
    --left-ini: -3vw;
    --left-end: -5vw;
    left: 88vw;
    animation: snowfall 10s linear infinite;
    animation-delay: -2s;
}

.snowflake:nth-child(50) {
    --size: 0.4vw;
    --left-ini: -2vw;
    --left-end: 6vw;
    left: 79vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -2s;
}

.snowflake:nth-child(51) {
    --size: 0.8vw;
    --left-ini: -3vw;
    --left-end: 5vw;
    left: 17vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -6s;
}

.snowflake:nth-child(52) {
    --size: 1vw;
    --left-ini: -1vw;
    --left-end: 7vw;
    left: 15vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -2s;
}

.snowflake:nth-child(53) {
    --size: 0.4vw;
    --left-ini: -1vw;
    --left-end: 4vw;
    left: 12vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -6s;
}

.snowflake:nth-child(54) {
    --size: 0.7vw;
    --left-ini: -2vw;
    --left-end: 6vw;
    left: 10vw;
    animation: snowfall 12s linear infinite;
    animation-delay: -2s;
}

/* added small blur every 6 snowflakes*/
.snowflake:nth-child(6n) {
    filter: blur(1px);
}

.snow-flare .snowflake {
    filter: blur(3px);
    background: #FEDE17;
}

.spark {
    background: linear-gradient(90deg, #ff0, red, #ff0);
    ;
    font-family: 'Helvetica', sans-serif;
    visibility: hidden;
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    box-shadow: 0 0 5px #AB000B;
    filter: blur(2px);
}

/*.title-light-effect {
    --interval: 1s;
    display: block;
    text-shadow: 0 0 10px var(--color1), 0 0 20px var(--color2), 0 0 40px var(--color3), 0 0 80px var(--color4);
    will-change: filter, color;
    filter: saturate(60%);
    animation: flicker steps(100) var(--interval) 1s infinite;
}
.title-light-effect {
  color: lightyellow;
  --color1: yellow;
  --color2: gold;
  --color3: orange;
  --color4: darkred;
  margin-bottom: 30px;
}
.col-center {
    text-align: center;
}
@keyframes flicker {
  50% {
    color: white;
    filter: saturate(200%) hue-rotate(20deg);
  }
}*/



/*button effect*/
a.btn-light-effect {
    position: relative;
    text-align: center;
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    text-decoration: none;
    box-sizing: border-box;
    background: linear-gradient(90deg, yellow, orange, red, violet, purple, blue, yellow);
    background-size: 400%;
    border-radius: 30px;
    z-index: 1;
    transition: all 0.5s;
}

.btn-light-effect:hover {
    color: #fff !important;
    transform: translateY(-5px);
    transition: all 0.5s;
}




/*dêpavali*/



.candle-abu {
    position: relative;
    /* top: 760px;
  left: 130px;*/
    z-index: 99;
}

/*.candle-abu.candle-right {
    right: 130px;
    left: auto;
}*/
.candle {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.candle-flame {
    width: 15px;
    height: 30px;
    background: #ffad00;
    border-radius: 8px 8px 8px 8px/20px 20px 8px 8px;
    box-shadow: 0px 0px 20px 0px #ffad00;
    -webkit-animation: flame-twirl 10s ease infinite, glow 2s ease infinite;
    animation: flame-twirl 12s ease infinite, glow 2s ease infinite;
}

.candle-wick {
    height: 10px;
    width: 3px;
    background: #ad87a9;
}

.candle-wax {
    width: 140px;
    height: auto;
    border-radius: 6px;
}

.candle-stand {
    width: 100px;
    height: 8px;
    background: #fff;
    border-radius: 3px;
}

@-webkit-keyframes flame-twirl {

    0%,
    22%,
    49%,
    62%,
    81%,
    100% {
        border-radius: 2px 14px 8px 8px/20px 20px 8px 8px;
    }

    14%,
    32%,
    56%,
    70%,
    89% {
        border-radius: 14px 2px 8px 8px/20px 20px 8px 8px;
    }
}

@keyframes flame-twirl {

    0%,
    22%,
    49%,
    62%,
    81%,
    100% {
        border-radius: 2px 14px 8px 8px/20px 20px 8px 8px;
    }

    14%,
    32%,
    56%,
    70%,
    89% {
        border-radius: 14px 2px 8px 8px/20px 20px 8px 8px;
    }
}

@-webkit-keyframes glow {

    0%,
    30%,
    60%,
    80%,
    100% {
        box-shadow: 0 0 20px 0 #ffad00;
    }

    20%,
    50%,
    70% {
        box-shadow: 0 0 22px 0 #ffad00;
    }
}

@keyframes glow {

    0%,
    30%,
    60%,
    80%,
    100% {
        box-shadow: 0 0 20px 0 #ffad00;
    }

    20%,
    50%,
    70% {
        box-shadow: 0 0 22px 0 #ffad00;
    }
}





/*firely*/
/*.st-firefly {
    position: fixed;
    width: 100%;
    height: 300px;
    bottom: 0;
    z-index: 999;
    background-color: #f42b03;
    background-image: linear-gradient(316deg, #f42b03 0%, #ffbe0b 74%);
}*/
.firefly {
    position: fixed;
    left: 50%;
    top: 50%;
    width: 0.5vw;
    height: 0.5vw;
    margin: -0.2vw 0 0 9.8vw;
    animation: ease 1500s alternate infinite;
    pointer-events: none;
    z-index: 999;

}

.firefly::before,
.firefly::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    transform-origin: -10vw;
}

.firefly::before {
    background: linear-gradient(316deg, #f42b03 0%, #ffbe0b 74%);
    ;
    opacity: 0.8;
    animation: drift ease alternate infinite;
}

.firefly::after {
    background: linear-gradient(316deg, #f42b03 0%, #ffbe0b 74%);
    ;
    opacity: 0;
    box-shadow: 0 0 5px 5px yellow;
    border-radius: 50%;
    filter: blur(0.5px);
    animation: drift ease alternate infinite, flash ease infinite;
}

.firefly:nth-child(1) {
    animation-name: move1;
}

.firefly:nth-child(1)::before {
    animation-duration: 18s;
}

.firefly:nth-child(1)::after {
    animation-duration: 18s, 7935ms;
    animation-delay: 0ms, 5287ms;
}

@keyframes move1 {
    0% {
        transform: translateX(-34vw) translateY(27vh) scale(0.94);
    }

    4.347826087% {
        transform: translateX(6vw) translateY(21vh) scale(0.4);
    }

    8.6956521739% {
        transform: translateX(-43vw) translateY(-3vh) scale(0.43);
    }

    13.0434782609% {
        transform: translateX(38vw) translateY(34vh) scale(0.96);
    }

    17.3913043478% {
        transform: translateX(-2vw) translateY(24vh) scale(0.61);
    }

    21.7391304348% {
        transform: translateX(-45vw) translateY(-41vh) scale(0.89);
    }

    26.0869565217% {
        transform: translateX(35vw) translateY(-17vh) scale(0.27);
    }

    30.4347826087% {
        transform: translateX(-17vw) translateY(-40vh) scale(0.31);
    }

    34.7826086957% {
        transform: translateX(20vw) translateY(-23vh) scale(0.32);
    }

    39.1304347826% {
        transform: translateX(12vw) translateY(-12vh) scale(0.83);
    }

    43.4782608696% {
        transform: translateX(30vw) translateY(11vh) scale(0.79);
    }

    47.8260869565% {
        transform: translateX(47vw) translateY(-46vh) scale(0.53);
    }

    52.1739130435% {
        transform: translateX(-3vw) translateY(3vh) scale(0.71);
    }

    56.5217391304% {
        transform: translateX(38vw) translateY(-19vh) scale(0.71);
    }

    60.8695652174% {
        transform: translateX(44vw) translateY(27vh) scale(0.41);
    }

    65.2173913043% {
        transform: translateX(-34vw) translateY(29vh) scale(0.86);
    }

    69.5652173913% {
        transform: translateX(-13vw) translateY(25vh) scale(0.81);
    }

    73.9130434783% {
        transform: translateX(-23vw) translateY(31vh) scale(0.87);
    }

    78.2608695652% {
        transform: translateX(29vw) translateY(5vh) scale(0.76);
    }

    82.6086956522% {
        transform: translateX(20vw) translateY(-22vh) scale(0.8);
    }

    86.9565217391% {
        transform: translateX(4vw) translateY(-36vh) scale(0.85);
    }

    91.3043478261% {
        transform: translateX(-47vw) translateY(48vh) scale(0.41);
    }

    95.652173913% {
        transform: translateX(-29vw) translateY(18vh) scale(0.61);
    }

    100% {
        transform: translateX(-9vw) translateY(16vh) scale(0.42);
    }
}

.firefly:nth-child(2) {
    animation-name: move2;
}

.firefly:nth-child(2)::before {
    animation-duration: 17s;
}

.firefly:nth-child(2)::after {
    animation-duration: 17s, 9071ms;
    animation-delay: 0ms, 3458ms;
}

@keyframes move2 {
    0% {
        transform: translateX(-12vw) translateY(-14vh) scale(0.49);
    }

    4.1666666667% {
        transform: translateX(-13vw) translateY(-25vh) scale(0.93);
    }

    8.3333333333% {
        transform: translateX(21vw) translateY(-42vh) scale(0.65);
    }

    12.5% {
        transform: translateX(-22vw) translateY(22vh) scale(0.95);
    }

    16.6666666667% {
        transform: translateX(-33vw) translateY(34vh) scale(0.91);
    }

    20.8333333333% {
        transform: translateX(6vw) translateY(-8vh) scale(0.91);
    }

    25% {
        transform: translateX(22vw) translateY(31vh) scale(0.38);
    }

    29.1666666667% {
        transform: translateX(49vw) translateY(-16vh) scale(0.5);
    }

    33.3333333333% {
        transform: translateX(40vw) translateY(-36vh) scale(0.55);
    }

    37.5% {
        transform: translateX(10vw) translateY(35vh) scale(0.97);
    }

    41.6666666667% {
        transform: translateX(32vw) translateY(-18vh) scale(0.35);
    }

    45.8333333333% {
        transform: translateX(42vw) translateY(-35vh) scale(0.94);
    }

    50% {
        transform: translateX(50vw) translateY(8vh) scale(0.36);
    }

    54.1666666667% {
        transform: translateX(14vw) translateY(-35vh) scale(0.98);
    }

    58.3333333333% {
        transform: translateX(-49vw) translateY(0vh) scale(0.69);
    }

    62.5% {
        transform: translateX(13vw) translateY(2vh) scale(0.27);
    }

    66.6666666667% {
        transform: translateX(-49vw) translateY(-14vh) scale(0.73);
    }

    70.8333333333% {
        transform: translateX(-15vw) translateY(49vh) scale(0.88);
    }

    75% {
        transform: translateX(-3vw) translateY(-36vh) scale(0.63);
    }

    79.1666666667% {
        transform: translateX(-3vw) translateY(1vh) scale(0.86);
    }

    83.3333333333% {
        transform: translateX(-40vw) translateY(20vh) scale(0.3);
    }

    87.5% {
        transform: translateX(-3vw) translateY(34vh) scale(0.94);
    }

    91.6666666667% {
        transform: translateX(39vw) translateY(-16vh) scale(0.96);
    }

    95.8333333333% {
        transform: translateX(31vw) translateY(-44vh) scale(0.54);
    }

    100% {
        transform: translateX(41vw) translateY(-20vh) scale(0.53);
    }
}

.firefly:nth-child(3) {
    animation-name: move3;
}

.firefly:nth-child(3)::before {
    animation-duration: 12s;
}

.firefly:nth-child(3)::after {
    animation-duration: 12s, 5305ms;
    animation-delay: 0ms, 2865ms;
}

@keyframes move3 {
    0% {
        transform: translateX(3vw) translateY(31vh) scale(0.61);
    }

    4.1666666667% {
        transform: translateX(37vw) translateY(-34vh) scale(0.62);
    }

    8.3333333333% {
        transform: translateX(-13vw) translateY(12vh) scale(0.58);
    }

    12.5% {
        transform: translateX(-41vw) translateY(30vh) scale(0.95);
    }

    16.6666666667% {
        transform: translateX(-7vw) translateY(5vh) scale(0.36);
    }

    20.8333333333% {
        transform: translateX(-46vw) translateY(39vh) scale(0.36);
    }

    25% {
        transform: translateX(2vw) translateY(-3vh) scale(0.88);
    }

    29.1666666667% {
        transform: translateX(23vw) translateY(-10vh) scale(0.85);
    }

    33.3333333333% {
        transform: translateX(0vw) translateY(48vh) scale(0.6);
    }

    37.5% {
        transform: translateX(14vw) translateY(-27vh) scale(0.65);
    }

    41.6666666667% {
        transform: translateX(35vw) translateY(23vh) scale(0.9);
    }

    45.8333333333% {
        transform: translateX(19vw) translateY(10vh) scale(0.88);
    }

    50% {
        transform: translateX(43vw) translateY(-11vh) scale(0.59);
    }

    54.1666666667% {
        transform: translateX(-4vw) translateY(34vh) scale(0.49);
    }

    58.3333333333% {
        transform: translateX(-28vw) translateY(39vh) scale(0.54);
    }

    62.5% {
        transform: translateX(-47vw) translateY(-21vh) scale(0.78);
    }

    66.6666666667% {
        transform: translateX(7vw) translateY(-3vh) scale(0.73);
    }

    70.8333333333% {
        transform: translateX(33vw) translateY(11vh) scale(0.96);
    }

    75% {
        transform: translateX(7vw) translateY(-35vh) scale(0.66);
    }

    79.1666666667% {
        transform: translateX(19vw) translateY(6vh) scale(0.7);
    }

    83.3333333333% {
        transform: translateX(50vw) translateY(50vh) scale(0.56);
    }

    87.5% {
        transform: translateX(5vw) translateY(50vh) scale(0.26);
    }

    91.6666666667% {
        transform: translateX(-47vw) translateY(-12vh) scale(0.77);
    }

    95.8333333333% {
        transform: translateX(41vw) translateY(-22vh) scale(0.71);
    }

    100% {
        transform: translateX(-38vw) translateY(-1vh) scale(0.49);
    }
}

.firefly:nth-child(4) {
    animation-name: move4;
}

.firefly:nth-child(4)::before {
    animation-duration: 14s;
}

.firefly:nth-child(4)::after {
    animation-duration: 14s, 9755ms;
    animation-delay: 0ms, 6084ms;
}

@keyframes move4 {
    0% {
        transform: translateX(-45vw) translateY(2vh) scale(0.76);
    }

    4.7619047619% {
        transform: translateX(-25vw) translateY(-36vh) scale(0.3);
    }

    9.5238095238% {
        transform: translateX(26vw) translateY(46vh) scale(0.77);
    }

    14.2857142857% {
        transform: translateX(-16vw) translateY(29vh) scale(0.31);
    }

    19.0476190476% {
        transform: translateX(2vw) translateY(46vh) scale(0.82);
    }

    23.8095238095% {
        transform: translateX(24vw) translateY(9vh) scale(0.5);
    }

    28.5714285714% {
        transform: translateX(40vw) translateY(-28vh) scale(0.81);
    }

    33.3333333333% {
        transform: translateX(32vw) translateY(-18vh) scale(0.91);
    }

    38.0952380952% {
        transform: translateX(27vw) translateY(31vh) scale(0.87);
    }

    42.8571428571% {
        transform: translateX(46vw) translateY(21vh) scale(0.36);
    }

    47.619047619% {
        transform: translateX(-18vw) translateY(-26vh) scale(0.32);
    }

    52.380952381% {
        transform: translateX(-22vw) translateY(-15vh) scale(0.63);
    }

    57.1428571429% {
        transform: translateX(-12vw) translateY(1vh) scale(0.65);
    }

    61.9047619048% {
        transform: translateX(18vw) translateY(-39vh) scale(0.8);
    }

    66.6666666667% {
        transform: translateX(8vw) translateY(1vh) scale(0.31);
    }

    71.4285714286% {
        transform: translateX(19vw) translateY(-45vh) scale(0.6);
    }

    76.1904761905% {
        transform: translateX(3vw) translateY(39vh) scale(0.62);
    }

    80.9523809524% {
        transform: translateX(-15vw) translateY(30vh) scale(0.4);
    }

    85.7142857143% {
        transform: translateX(-34vw) translateY(16vh) scale(0.57);
    }

    90.4761904762% {
        transform: translateX(-13vw) translateY(-42vh) scale(0.35);
    }

    95.2380952381% {
        transform: translateX(22vw) translateY(-18vh) scale(0.61);
    }

    100% {
        transform: translateX(50vw) translateY(-31vh) scale(0.51);
    }
}

.firefly:nth-child(5) {
    animation-name: move5;
}

.firefly:nth-child(5)::before {
    animation-duration: 13s;
}

.firefly:nth-child(5)::after {
    animation-duration: 13s, 10697ms;
    animation-delay: 0ms, 7200ms;
}

@keyframes move5 {
    0% {
        transform: translateX(-26vw) translateY(-33vh) scale(0.89);
    }

    4.5454545455% {
        transform: translateX(-4vw) translateY(-40vh) scale(0.26);
    }

    9.0909090909% {
        transform: translateX(14vw) translateY(-28vh) scale(0.28);
    }

    13.6363636364% {
        transform: translateX(47vw) translateY(-9vh) scale(0.61);
    }

    18.1818181818% {
        transform: translateX(40vw) translateY(11vh) scale(0.44);
    }

    22.7272727273% {
        transform: translateX(41vw) translateY(-44vh) scale(0.65);
    }

    27.2727272727% {
        transform: translateX(7vw) translateY(-6vh) scale(0.31);
    }

    31.8181818182% {
        transform: translateX(25vw) translateY(46vh) scale(0.84);
    }

    36.3636363636% {
        transform: translateX(-19vw) translateY(-26vh) scale(0.35);
    }

    40.9090909091% {
        transform: translateX(-20vw) translateY(33vh) scale(0.58);
    }

    45.4545454545% {
        transform: translateX(-19vw) translateY(30vh) scale(0.83);
    }

    50% {
        transform: translateX(5vw) translateY(29vh) scale(0.9);
    }

    54.5454545455% {
        transform: translateX(34vw) translateY(30vh) scale(0.43);
    }

    59.0909090909% {
        transform: translateX(22vw) translateY(12vh) scale(0.37);
    }

    63.6363636364% {
        transform: translateX(-43vw) translateY(-47vh) scale(0.61);
    }

    68.1818181818% {
        transform: translateX(-47vw) translateY(26vh) scale(0.62);
    }

    72.7272727273% {
        transform: translateX(26vw) translateY(19vh) scale(0.64);
    }

    77.2727272727% {
        transform: translateX(9vw) translateY(22vh) scale(0.74);
    }

    81.8181818182% {
        transform: translateX(46vw) translateY(12vh) scale(0.39);
    }

    86.3636363636% {
        transform: translateX(-10vw) translateY(-33vh) scale(0.41);
    }

    90.9090909091% {
        transform: translateX(-28vw) translateY(24vh) scale(0.26);
    }

    95.4545454545% {
        transform: translateX(46vw) translateY(29vh) scale(0.75);
    }

    100% {
        transform: translateX(36vw) translateY(-40vh) scale(0.29);
    }
}

.firefly:nth-child(6) {
    animation-name: move6;
}

.firefly:nth-child(6)::before {
    animation-duration: 11s;
}

.firefly:nth-child(6)::after {
    animation-duration: 11s, 8457ms;
    animation-delay: 0ms, 6382ms;
}

@keyframes move6 {
    0% {
        transform: translateX(-7vw) translateY(-40vh) scale(0.63);
    }

    5.8823529412% {
        transform: translateX(-3vw) translateY(-7vh) scale(0.62);
    }

    11.7647058824% {
        transform: translateX(32vw) translateY(12vh) scale(0.72);
    }

    17.6470588235% {
        transform: translateX(18vw) translateY(-12vh) scale(0.41);
    }

    23.5294117647% {
        transform: translateX(46vw) translateY(-39vh) scale(0.99);
    }

    29.4117647059% {
        transform: translateX(-17vw) translateY(49vh) scale(0.73);
    }

    35.2941176471% {
        transform: translateX(-31vw) translateY(-31vh) scale(0.44);
    }

    41.1764705882% {
        transform: translateX(-26vw) translateY(49vh) scale(0.27);
    }

    47.0588235294% {
        transform: translateX(-10vw) translateY(-49vh) scale(0.71);
    }

    52.9411764706% {
        transform: translateX(25vw) translateY(6vh) scale(0.57);
    }

    58.8235294118% {
        transform: translateX(-8vw) translateY(45vh) scale(0.85);
    }

    64.7058823529% {
        transform: translateX(-47vw) translateY(-41vh) scale(0.77);
    }

    70.5882352941% {
        transform: translateX(44vw) translateY(7vh) scale(0.85);
    }

    76.4705882353% {
        transform: translateX(-24vw) translateY(-7vh) scale(0.92);
    }

    82.3529411765% {
        transform: translateX(-8vw) translateY(8vh) scale(0.82);
    }

    88.2352941176% {
        transform: translateX(29vw) translateY(-14vh) scale(0.37);
    }

    94.1176470588% {
        transform: translateX(-10vw) translateY(21vh) scale(0.63);
    }

    100% {
        transform: translateX(-42vw) translateY(25vh) scale(0.31);
    }
}

.firefly:nth-child(7) {
    animation-name: move7;
}

.firefly:nth-child(7)::before {
    animation-duration: 18s;
}

.firefly:nth-child(7)::after {
    animation-duration: 18s, 7135ms;
    animation-delay: 0ms, 4195ms;
}

@keyframes move7 {
    0% {
        transform: translateX(26vw) translateY(-17vh) scale(0.86);
    }

    4% {
        transform: translateX(31vw) translateY(50vh) scale(0.66);
    }

    8% {
        transform: translateX(45vw) translateY(31vh) scale(0.6);
    }

    12% {
        transform: translateX(17vw) translateY(29vh) scale(0.65);
    }

    16% {
        transform: translateX(22vw) translateY(-43vh) scale(0.96);
    }

    20% {
        transform: translateX(-14vw) translateY(38vh) scale(0.74);
    }

    24% {
        transform: translateX(16vw) translateY(-5vh) scale(0.98);
    }

    28% {
        transform: translateX(44vw) translateY(-38vh) scale(0.44);
    }

    32% {
        transform: translateX(-22vw) translateY(1vh) scale(0.26);
    }

    36% {
        transform: translateX(-4vw) translateY(30vh) scale(0.79);
    }

    40% {
        transform: translateX(5vw) translateY(-48vh) scale(0.48);
    }

    44% {
        transform: translateX(-6vw) translateY(-49vh) scale(0.89);
    }

    48% {
        transform: translateX(47vw) translateY(-13vh) scale(0.32);
    }

    52% {
        transform: translateX(34vw) translateY(1vh) scale(0.92);
    }

    56% {
        transform: translateX(-30vw) translateY(50vh) scale(0.48);
    }

    60% {
        transform: translateX(17vw) translateY(36vh) scale(0.85);
    }

    64% {
        transform: translateX(22vw) translateY(18vh) scale(0.69);
    }

    68% {
        transform: translateX(-48vw) translateY(-14vh) scale(0.65);
    }

    72% {
        transform: translateX(27vw) translateY(-47vh) scale(0.95);
    }

    76% {
        transform: translateX(25vw) translateY(44vh) scale(0.58);
    }

    80% {
        transform: translateX(47vw) translateY(47vh) scale(0.62);
    }

    84% {
        transform: translateX(37vw) translateY(-48vh) scale(0.45);
    }

    88% {
        transform: translateX(43vw) translateY(34vh) scale(0.3);
    }

    92% {
        transform: translateX(-36vw) translateY(-11vh) scale(0.92);
    }

    96% {
        transform: translateX(4vw) translateY(40vh) scale(0.33);
    }

    100% {
        transform: translateX(17vw) translateY(9vh) scale(0.94);
    }
}

.firefly:nth-child(8) {
    animation-name: move8;
}

.firefly:nth-child(8)::before {
    animation-duration: 14s;
}

.firefly:nth-child(8)::after {
    animation-duration: 14s, 9226ms;
    animation-delay: 0ms, 2059ms;
}

@keyframes move8 {
    0% {
        transform: translateX(44vw) translateY(28vh) scale(0.59);
    }

    3.5714285714% {
        transform: translateX(18vw) translateY(-47vh) scale(0.33);
    }

    7.1428571429% {
        transform: translateX(37vw) translateY(47vh) scale(0.48);
    }

    10.7142857143% {
        transform: translateX(17vw) translateY(-47vh) scale(0.29);
    }

    14.2857142857% {
        transform: translateX(50vw) translateY(-29vh) scale(0.75);
    }

    17.8571428571% {
        transform: translateX(38vw) translateY(-28vh) scale(0.27);
    }

    21.4285714286% {
        transform: translateX(1vw) translateY(-11vh) scale(0.75);
    }

    25% {
        transform: translateX(35vw) translateY(-1vh) scale(0.64);
    }

    28.5714285714% {
        transform: translateX(-4vw) translateY(35vh) scale(0.96);
    }

    32.1428571429% {
        transform: translateX(25vw) translateY(-33vh) scale(1);
    }

    35.7142857143% {
        transform: translateX(28vw) translateY(45vh) scale(0.94);
    }

    39.2857142857% {
        transform: translateX(2vw) translateY(30vh) scale(0.95);
    }

    42.8571428571% {
        transform: translateX(-41vw) translateY(15vh) scale(0.85);
    }

    46.4285714286% {
        transform: translateX(17vw) translateY(-25vh) scale(0.29);
    }

    50% {
        transform: translateX(12vw) translateY(1vh) scale(0.67);
    }

    53.5714285714% {
        transform: translateX(22vw) translateY(36vh) scale(0.61);
    }

    57.1428571429% {
        transform: translateX(37vw) translateY(-49vh) scale(0.78);
    }

    60.7142857143% {
        transform: translateX(-10vw) translateY(-20vh) scale(0.3);
    }

    64.2857142857% {
        transform: translateX(21vw) translateY(6vh) scale(0.52);
    }

    67.8571428571% {
        transform: translateX(-40vw) translateY(-2vh) scale(0.8);
    }

    71.4285714286% {
        transform: translateX(-15vw) translateY(-17vh) scale(0.78);
    }

    75% {
        transform: translateX(0vw) translateY(43vh) scale(0.26);
    }

    78.5714285714% {
        transform: translateX(9vw) translateY(-47vh) scale(0.28);
    }

    82.1428571429% {
        transform: translateX(-8vw) translateY(9vh) scale(0.53);
    }

    85.7142857143% {
        transform: translateX(3vw) translateY(-35vh) scale(0.77);
    }

    89.2857142857% {
        transform: translateX(12vw) translateY(21vh) scale(0.29);
    }

    92.8571428571% {
        transform: translateX(9vw) translateY(-12vh) scale(0.91);
    }

    96.4285714286% {
        transform: translateX(3vw) translateY(-43vh) scale(0.95);
    }

    100% {
        transform: translateX(-41vw) translateY(-27vh) scale(0.99);
    }
}

.firefly:nth-child(9) {
    animation-name: move9;
}

.firefly:nth-child(9)::before {
    animation-duration: 12s;
}

.firefly:nth-child(9)::after {
    animation-duration: 12s, 8379ms;
    animation-delay: 0ms, 4839ms;
}

@keyframes move9 {
    0% {
        transform: translateX(49vw) translateY(37vh) scale(0.71);
    }

    4.7619047619% {
        transform: translateX(26vw) translateY(38vh) scale(0.6);
    }

    9.5238095238% {
        transform: translateX(30vw) translateY(39vh) scale(0.78);
    }

    14.2857142857% {
        transform: translateX(42vw) translateY(1vh) scale(0.33);
    }

    19.0476190476% {
        transform: translateX(-41vw) translateY(37vh) scale(0.64);
    }

    23.8095238095% {
        transform: translateX(-5vw) translateY(3vh) scale(0.52);
    }

    28.5714285714% {
        transform: translateX(-39vw) translateY(-34vh) scale(0.75);
    }

    33.3333333333% {
        transform: translateX(-14vw) translateY(13vh) scale(0.98);
    }

    38.0952380952% {
        transform: translateX(46vw) translateY(46vh) scale(0.98);
    }

    42.8571428571% {
        transform: translateX(7vw) translateY(-36vh) scale(0.69);
    }

    47.619047619% {
        transform: translateX(-43vw) translateY(4vh) scale(0.55);
    }

    52.380952381% {
        transform: translateX(-14vw) translateY(-30vh) scale(0.71);
    }

    57.1428571429% {
        transform: translateX(-4vw) translateY(-12vh) scale(0.48);
    }

    61.9047619048% {
        transform: translateX(3vw) translateY(-44vh) scale(0.86);
    }

    66.6666666667% {
        transform: translateX(32vw) translateY(-1vh) scale(0.41);
    }

    71.4285714286% {
        transform: translateX(5vw) translateY(39vh) scale(0.52);
    }

    76.1904761905% {
        transform: translateX(-26vw) translateY(7vh) scale(0.59);
    }

    80.9523809524% {
        transform: translateX(16vw) translateY(43vh) scale(0.61);
    }

    85.7142857143% {
        transform: translateX(21vw) translateY(-40vh) scale(0.85);
    }

    90.4761904762% {
        transform: translateX(-21vw) translateY(-10vh) scale(0.84);
    }

    95.2380952381% {
        transform: translateX(0vw) translateY(24vh) scale(0.72);
    }

    100% {
        transform: translateX(40vw) translateY(22vh) scale(0.41);
    }
}

.firefly:nth-child(10) {
    animation-name: move10;
}

.firefly:nth-child(10)::before {
    animation-duration: 11s;
}

.firefly:nth-child(10)::after {
    animation-duration: 11s, 9734ms;
    animation-delay: 0ms, 2151ms;
}

@keyframes move10 {
    0% {
        transform: translateX(-46vw) translateY(-5vh) scale(0.33);
    }

    4.347826087% {
        transform: translateX(-41vw) translateY(-22vh) scale(0.76);
    }

    8.6956521739% {
        transform: translateX(-19vw) translateY(45vh) scale(0.75);
    }

    13.0434782609% {
        transform: translateX(14vw) translateY(10vh) scale(0.76);
    }

    17.3913043478% {
        transform: translateX(-21vw) translateY(16vh) scale(0.4);
    }

    21.7391304348% {
        transform: translateX(9vw) translateY(-41vh) scale(0.29);
    }

    26.0869565217% {
        transform: translateX(42vw) translateY(32vh) scale(0.66);
    }

    30.4347826087% {
        transform: translateX(10vw) translateY(37vh) scale(0.26);
    }

    34.7826086957% {
        transform: translateX(16vw) translateY(43vh) scale(0.44);
    }

    39.1304347826% {
        transform: translateX(48vw) translateY(-46vh) scale(0.73);
    }

    43.4782608696% {
        transform: translateX(-1vw) translateY(24vh) scale(0.7);
    }

    47.8260869565% {
        transform: translateX(-37vw) translateY(-25vh) scale(0.27);
    }

    52.1739130435% {
        transform: translateX(39vw) translateY(32vh) scale(0.9);
    }

    56.5217391304% {
        transform: translateX(-17vw) translateY(-48vh) scale(0.29);
    }

    60.8695652174% {
        transform: translateX(-27vw) translateY(20vh) scale(0.78);
    }

    65.2173913043% {
        transform: translateX(26vw) translateY(-16vh) scale(0.96);
    }

    69.5652173913% {
        transform: translateX(-8vw) translateY(-24vh) scale(0.9);
    }

    73.9130434783% {
        transform: translateX(31vw) translateY(46vh) scale(0.72);
    }

    78.2608695652% {
        transform: translateX(-4vw) translateY(-15vh) scale(0.48);
    }

    82.6086956522% {
        transform: translateX(37vw) translateY(31vh) scale(0.69);
    }

    86.9565217391% {
        transform: translateX(31vw) translateY(-5vh) scale(0.82);
    }

    91.3043478261% {
        transform: translateX(9vw) translateY(-15vh) scale(0.47);
    }

    95.652173913% {
        transform: translateX(50vw) translateY(-13vh) scale(0.93);
    }

    100% {
        transform: translateX(9vw) translateY(23vh) scale(0.63);
    }
}

.firefly:nth-child(11) {
    animation-name: move11;
}

.firefly:nth-child(11)::before {
    animation-duration: 12s;
}

.firefly:nth-child(11)::after {
    animation-duration: 12s, 10158ms;
    animation-delay: 0ms, 5986ms;
}

@keyframes move11 {
    0% {
        transform: translateX(-3vw) translateY(-41vh) scale(0.45);
    }

    4.1666666667% {
        transform: translateX(27vw) translateY(45vh) scale(0.83);
    }

    8.3333333333% {
        transform: translateX(12vw) translateY(-26vh) scale(0.93);
    }

    12.5% {
        transform: translateX(12vw) translateY(-19vh) scale(0.98);
    }

    16.6666666667% {
        transform: translateX(31vw) translateY(-14vh) scale(0.86);
    }

    20.8333333333% {
        transform: translateX(-18vw) translateY(-22vh) scale(0.73);
    }

    25% {
        transform: translateX(9vw) translateY(-1vh) scale(0.86);
    }

    29.1666666667% {
        transform: translateX(49vw) translateY(40vh) scale(0.27);
    }

    33.3333333333% {
        transform: translateX(25vw) translateY(-16vh) scale(0.47);
    }

    37.5% {
        transform: translateX(22vw) translateY(47vh) scale(0.36);
    }

    41.6666666667% {
        transform: translateX(44vw) translateY(-21vh) scale(0.66);
    }

    45.8333333333% {
        transform: translateX(23vw) translateY(11vh) scale(0.53);
    }

    50% {
        transform: translateX(-26vw) translateY(-4vh) scale(0.52);
    }

    54.1666666667% {
        transform: translateX(-42vw) translateY(-13vh) scale(0.58);
    }

    58.3333333333% {
        transform: translateX(35vw) translateY(26vh) scale(0.93);
    }

    62.5% {
        transform: translateX(30vw) translateY(-26vh) scale(0.6);
    }

    66.6666666667% {
        transform: translateX(-32vw) translateY(38vh) scale(0.95);
    }

    70.8333333333% {
        transform: translateX(-37vw) translateY(15vh) scale(0.98);
    }

    75% {
        transform: translateX(16vw) translateY(50vh) scale(0.52);
    }

    79.1666666667% {
        transform: translateX(-44vw) translateY(24vh) scale(0.54);
    }

    83.3333333333% {
        transform: translateX(-30vw) translateY(6vh) scale(0.89);
    }

    87.5% {
        transform: translateX(14vw) translateY(-21vh) scale(0.98);
    }

    91.6666666667% {
        transform: translateX(21vw) translateY(-16vh) scale(0.91);
    }

    95.8333333333% {
        transform: translateX(31vw) translateY(36vh) scale(0.27);
    }

    100% {
        transform: translateX(-25vw) translateY(2vh) scale(0.9);
    }
}

.firefly:nth-child(12) {
    animation-name: move12;
}

.firefly:nth-child(12)::before {
    animation-duration: 10s;
}

.firefly:nth-child(12)::after {
    animation-duration: 10s, 5615ms;
    animation-delay: 0ms, 6429ms;
}

@keyframes move12 {
    0% {
        transform: translateX(27vw) translateY(-43vh) scale(0.44);
    }

    4.7619047619% {
        transform: translateX(22vw) translateY(-31vh) scale(0.39);
    }

    9.5238095238% {
        transform: translateX(-48vw) translateY(6vh) scale(0.8);
    }

    14.2857142857% {
        transform: translateX(-28vw) translateY(36vh) scale(0.44);
    }

    19.0476190476% {
        transform: translateX(30vw) translateY(-43vh) scale(0.8);
    }

    23.8095238095% {
        transform: translateX(32vw) translateY(-2vh) scale(0.28);
    }

    28.5714285714% {
        transform: translateX(35vw) translateY(43vh) scale(0.38);
    }

    33.3333333333% {
        transform: translateX(43vw) translateY(42vh) scale(0.92);
    }

    38.0952380952% {
        transform: translateX(14vw) translateY(45vh) scale(0.75);
    }

    42.8571428571% {
        transform: translateX(46vw) translateY(43vh) scale(0.41);
    }

    47.619047619% {
        transform: translateX(15vw) translateY(-49vh) scale(0.27);
    }

    52.380952381% {
        transform: translateX(-31vw) translateY(-38vh) scale(0.58);
    }

    57.1428571429% {
        transform: translateX(18vw) translateY(9vh) scale(0.58);
    }

    61.9047619048% {
        transform: translateX(19vw) translateY(-13vh) scale(0.5);
    }

    66.6666666667% {
        transform: translateX(-13vw) translateY(-28vh) scale(0.77);
    }

    71.4285714286% {
        transform: translateX(-39vw) translateY(-16vh) scale(0.37);
    }

    76.1904761905% {
        transform: translateX(-26vw) translateY(-39vh) scale(0.76);
    }

    80.9523809524% {
        transform: translateX(36vw) translateY(-47vh) scale(0.35);
    }

    85.7142857143% {
        transform: translateX(-26vw) translateY(10vh) scale(0.49);
    }

    90.4761904762% {
        transform: translateX(4vw) translateY(-30vh) scale(0.41);
    }

    95.2380952381% {
        transform: translateX(14vw) translateY(-1vh) scale(0.92);
    }

    100% {
        transform: translateX(47vw) translateY(-27vh) scale(0.74);
    }
}

.firefly:nth-child(13) {
    animation-name: move13;
}

.firefly:nth-child(13)::before {
    animation-duration: 14s;
}

.firefly:nth-child(13)::after {
    animation-duration: 14s, 5339ms;
    animation-delay: 0ms, 2693ms;
}

@keyframes move13 {
    0% {
        transform: translateX(16vw) translateY(-15vh) scale(0.44);
    }

    4.7619047619% {
        transform: translateX(-16vw) translateY(-20vh) scale(0.6);
    }

    9.5238095238% {
        transform: translateX(27vw) translateY(36vh) scale(0.96);
    }

    14.2857142857% {
        transform: translateX(48vw) translateY(6vh) scale(0.54);
    }

    19.0476190476% {
        transform: translateX(-13vw) translateY(-25vh) scale(0.92);
    }

    23.8095238095% {
        transform: translateX(-19vw) translateY(-31vh) scale(0.56);
    }

    28.5714285714% {
        transform: translateX(-26vw) translateY(27vh) scale(0.44);
    }

    33.3333333333% {
        transform: translateX(-9vw) translateY(-14vh) scale(0.97);
    }

    38.0952380952% {
        transform: translateX(17vw) translateY(45vh) scale(0.5);
    }

    42.8571428571% {
        transform: translateX(-1vw) translateY(46vh) scale(0.96);
    }

    47.619047619% {
        transform: translateX(29vw) translateY(-33vh) scale(0.91);
    }

    52.380952381% {
        transform: translateX(-23vw) translateY(-41vh) scale(0.62);
    }

    57.1428571429% {
        transform: translateX(0vw) translateY(50vh) scale(0.5);
    }

    61.9047619048% {
        transform: translateX(48vw) translateY(44vh) scale(0.97);
    }

    66.6666666667% {
        transform: translateX(-14vw) translateY(0vh) scale(0.57);
    }

    71.4285714286% {
        transform: translateX(18vw) translateY(34vh) scale(0.72);
    }

    76.1904761905% {
        transform: translateX(-4vw) translateY(-24vh) scale(0.94);
    }

    80.9523809524% {
        transform: translateX(1vw) translateY(-14vh) scale(0.45);
    }

    85.7142857143% {
        transform: translateX(-20vw) translateY(-48vh) scale(0.51);
    }

    90.4761904762% {
        transform: translateX(28vw) translateY(32vh) scale(0.72);
    }

    95.2380952381% {
        transform: translateX(-43vw) translateY(32vh) scale(0.9);
    }

    100% {
        transform: translateX(29vw) translateY(39vh) scale(0.98);
    }
}

.firefly:nth-child(14) {
    animation-name: move14;
}

.firefly:nth-child(14)::before {
    animation-duration: 12s;
}

.firefly:nth-child(14)::after {
    animation-duration: 12s, 9144ms;
    animation-delay: 0ms, 2370ms;
}

@keyframes move14 {
    0% {
        transform: translateX(-36vw) translateY(8vh) scale(0.85);
    }

    4.7619047619% {
        transform: translateX(-37vw) translateY(-19vh) scale(0.63);
    }

    9.5238095238% {
        transform: translateX(27vw) translateY(35vh) scale(0.97);
    }

    14.2857142857% {
        transform: translateX(-3vw) translateY(18vh) scale(0.6);
    }

    19.0476190476% {
        transform: translateX(-49vw) translateY(-44vh) scale(0.94);
    }

    23.8095238095% {
        transform: translateX(25vw) translateY(-46vh) scale(0.26);
    }

    28.5714285714% {
        transform: translateX(14vw) translateY(-42vh) scale(0.98);
    }

    33.3333333333% {
        transform: translateX(-12vw) translateY(13vh) scale(0.78);
    }

    38.0952380952% {
        transform: translateX(30vw) translateY(24vh) scale(0.63);
    }

    42.8571428571% {
        transform: translateX(10vw) translateY(-30vh) scale(0.9);
    }

    47.619047619% {
        transform: translateX(-37vw) translateY(0vh) scale(0.47);
    }

    52.380952381% {
        transform: translateX(42vw) translateY(12vh) scale(0.71);
    }

    57.1428571429% {
        transform: translateX(31vw) translateY(8vh) scale(0.56);
    }

    61.9047619048% {
        transform: translateX(-32vw) translateY(44vh) scale(0.42);
    }

    66.6666666667% {
        transform: translateX(14vw) translateY(-47vh) scale(0.88);
    }

    71.4285714286% {
        transform: translateX(40vw) translateY(-18vh) scale(0.99);
    }

    76.1904761905% {
        transform: translateX(21vw) translateY(0vh) scale(1);
    }

    80.9523809524% {
        transform: translateX(48vw) translateY(-17vh) scale(0.66);
    }

    85.7142857143% {
        transform: translateX(20vw) translateY(39vh) scale(0.54);
    }

    90.4761904762% {
        transform: translateX(22vw) translateY(-14vh) scale(0.45);
    }

    95.2380952381% {
        transform: translateX(-27vw) translateY(6vh) scale(0.79);
    }

    100% {
        transform: translateX(26vw) translateY(11vh) scale(0.85);
    }
}

.firefly:nth-child(15) {
    animation-name: move15;
}

.firefly:nth-child(15)::before {
    animation-duration: 9s;
}

.firefly:nth-child(15)::after {
    animation-duration: 9s, 5913ms;
    animation-delay: 0ms, 2641ms;
}

@keyframes move15 {
    0% {
        transform: translateX(-10vw) translateY(34vh) scale(0.95);
    }

    4.5454545455% {
        transform: translateX(-45vw) translateY(8vh) scale(0.86);
    }

    9.0909090909% {
        transform: translateX(-32vw) translateY(18vh) scale(0.96);
    }

    13.6363636364% {
        transform: translateX(-37vw) translateY(-38vh) scale(0.43);
    }

    18.1818181818% {
        transform: translateX(-35vw) translateY(-13vh) scale(0.58);
    }

    22.7272727273% {
        transform: translateX(36vw) translateY(-11vh) scale(0.49);
    }

    27.2727272727% {
        transform: translateX(6vw) translateY(28vh) scale(0.91);
    }

    31.8181818182% {
        transform: translateX(-1vw) translateY(-49vh) scale(0.96);
    }

    36.3636363636% {
        transform: translateX(21vw) translateY(-20vh) scale(0.5);
    }

    40.9090909091% {
        transform: translateX(-31vw) translateY(-19vh) scale(0.69);
    }

    45.4545454545% {
        transform: translateX(26vw) translateY(-12vh) scale(0.68);
    }

    50% {
        transform: translateX(-11vw) translateY(-48vh) scale(0.77);
    }

    54.5454545455% {
        transform: translateX(-1vw) translateY(-30vh) scale(0.94);
    }

    59.0909090909% {
        transform: translateX(-22vw) translateY(50vh) scale(0.3);
    }

    63.6363636364% {
        transform: translateX(10vw) translateY(-36vh) scale(0.9);
    }

    68.1818181818% {
        transform: translateX(17vw) translateY(19vh) scale(0.36);
    }

    72.7272727273% {
        transform: translateX(8vw) translateY(-45vh) scale(0.66);
    }

    77.2727272727% {
        transform: translateX(-29vw) translateY(12vh) scale(0.3);
    }

    81.8181818182% {
        transform: translateX(-44vw) translateY(-1vh) scale(0.37);
    }

    86.3636363636% {
        transform: translateX(48vw) translateY(16vh) scale(0.99);
    }

    90.9090909091% {
        transform: translateX(-16vw) translateY(43vh) scale(0.71);
    }

    95.4545454545% {
        transform: translateX(0vw) translateY(-1vh) scale(0.85);
    }

    100% {
        transform: translateX(47vw) translateY(-15vh) scale(0.92);
    }
}

.firefly:nth-child(16) {
    animation-name: move16;
}

.firefly:nth-child(16)::before {
    animation-duration: 10s;
}

.firefly:nth-child(16)::after {
    animation-duration: 10s, 5885ms;
    animation-delay: 0ms, 3318ms;
}

@keyframes move16 {
    0% {
        transform: translateX(24vw) translateY(3vh) scale(0.48);
    }

    3.7037037037% {
        transform: translateX(41vw) translateY(-16vh) scale(0.93);
    }

    7.4074074074% {
        transform: translateX(13vw) translateY(20vh) scale(0.97);
    }

    11.1111111111% {
        transform: translateX(-44vw) translateY(-2vh) scale(0.81);
    }

    14.8148148148% {
        transform: translateX(-5vw) translateY(33vh) scale(0.34);
    }

    18.5185185185% {
        transform: translateX(3vw) translateY(44vh) scale(0.48);
    }

    22.2222222222% {
        transform: translateX(21vw) translateY(-23vh) scale(0.65);
    }

    25.9259259259% {
        transform: translateX(49vw) translateY(-28vh) scale(0.47);
    }

    29.6296296296% {
        transform: translateX(-23vw) translateY(50vh) scale(0.48);
    }

    33.3333333333% {
        transform: translateX(-24vw) translateY(-30vh) scale(0.52);
    }

    37.037037037% {
        transform: translateX(-6vw) translateY(26vh) scale(0.64);
    }

    40.7407407407% {
        transform: translateX(-20vw) translateY(-5vh) scale(0.73);
    }

    44.4444444444% {
        transform: translateX(-24vw) translateY(-22vh) scale(0.82);
    }

    48.1481481481% {
        transform: translateX(-37vw) translateY(29vh) scale(0.95);
    }

    51.8518518519% {
        transform: translateX(11vw) translateY(10vh) scale(0.6);
    }

    55.5555555556% {
        transform: translateX(24vw) translateY(35vh) scale(0.36);
    }

    59.2592592593% {
        transform: translateX(16vw) translateY(21vh) scale(0.87);
    }

    62.962962963% {
        transform: translateX(46vw) translateY(50vh) scale(0.86);
    }

    66.6666666667% {
        transform: translateX(-33vw) translateY(-15vh) scale(0.55);
    }

    70.3703703704% {
        transform: translateX(26vw) translateY(-21vh) scale(0.76);
    }

    74.0740740741% {
        transform: translateX(-39vw) translateY(49vh) scale(0.93);
    }

    77.7777777778% {
        transform: translateX(-33vw) translateY(-18vh) scale(0.6);
    }

    81.4814814815% {
        transform: translateX(-21vw) translateY(-39vh) scale(0.32);
    }

    85.1851851852% {
        transform: translateX(11vw) translateY(-39vh) scale(0.26);
    }

    88.8888888889% {
        transform: translateX(7vw) translateY(-49vh) scale(0.38);
    }

    92.5925925926% {
        transform: translateX(-2vw) translateY(-7vh) scale(0.39);
    }

    96.2962962963% {
        transform: translateX(47vw) translateY(32vh) scale(0.91);
    }

    100% {
        transform: translateX(32vw) translateY(-28vh) scale(0.48);
    }
}

.firefly:nth-child(17) {
    animation-name: move17;
}

.firefly:nth-child(17)::before {
    animation-duration: 10s;
}

.firefly:nth-child(17)::after {
    animation-duration: 10s, 8781ms;
    animation-delay: 0ms, 2743ms;
}

@keyframes move17 {
    0% {
        transform: translateX(1vw) translateY(-36vh) scale(0.43);
    }

    5% {
        transform: translateX(-27vw) translateY(-17vh) scale(0.65);
    }

    10% {
        transform: translateX(-21vw) translateY(26vh) scale(0.91);
    }

    15% {
        transform: translateX(-28vw) translateY(13vh) scale(0.33);
    }

    20% {
        transform: translateX(-12vw) translateY(-5vh) scale(0.3);
    }

    25% {
        transform: translateX(20vw) translateY(7vh) scale(0.56);
    }

    30% {
        transform: translateX(24vw) translateY(-44vh) scale(0.86);
    }

    35% {
        transform: translateX(30vw) translateY(-9vh) scale(0.6);
    }

    40% {
        transform: translateX(-11vw) translateY(-49vh) scale(1);
    }

    45% {
        transform: translateX(19vw) translateY(20vh) scale(0.61);
    }

    50% {
        transform: translateX(0vw) translateY(7vh) scale(0.27);
    }

    55% {
        transform: translateX(-28vw) translateY(-33vh) scale(0.76);
    }

    60% {
        transform: translateX(-44vw) translateY(35vh) scale(0.51);
    }

    65% {
        transform: translateX(50vw) translateY(42vh) scale(0.39);
    }

    70% {
        transform: translateX(-8vw) translateY(6vh) scale(0.75);
    }

    75% {
        transform: translateX(42vw) translateY(-30vh) scale(0.42);
    }

    80% {
        transform: translateX(-1vw) translateY(-32vh) scale(0.4);
    }

    85% {
        transform: translateX(0vw) translateY(2vh) scale(0.73);
    }

    90% {
        transform: translateX(28vw) translateY(22vh) scale(0.73);
    }

    95% {
        transform: translateX(30vw) translateY(12vh) scale(0.7);
    }

    100% {
        transform: translateX(40vw) translateY(-28vh) scale(0.79);
    }
}

.firefly:nth-child(18) {
    animation-name: move18;
}

.firefly:nth-child(18)::before {
    animation-duration: 14s;
}

.firefly:nth-child(18)::after {
    animation-duration: 14s, 10503ms;
    animation-delay: 0ms, 2561ms;
}

@keyframes move18 {
    0% {
        transform: translateX(10vw) translateY(4vh) scale(0.51);
    }

    3.7037037037% {
        transform: translateX(10vw) translateY(27vh) scale(0.65);
    }

    7.4074074074% {
        transform: translateX(7vw) translateY(2vh) scale(0.32);
    }

    11.1111111111% {
        transform: translateX(6vw) translateY(5vh) scale(0.51);
    }

    14.8148148148% {
        transform: translateX(-17vw) translateY(10vh) scale(0.63);
    }

    18.5185185185% {
        transform: translateX(-23vw) translateY(-4vh) scale(0.7);
    }

    22.2222222222% {
        transform: translateX(-9vw) translateY(1vh) scale(0.35);
    }

    25.9259259259% {
        transform: translateX(-43vw) translateY(-19vh) scale(0.29);
    }

    29.6296296296% {
        transform: translateX(16vw) translateY(-36vh) scale(0.28);
    }

    33.3333333333% {
        transform: translateX(-42vw) translateY(12vh) scale(0.73);
    }

    37.037037037% {
        transform: translateX(8vw) translateY(43vh) scale(0.73);
    }

    40.7407407407% {
        transform: translateX(32vw) translateY(3vh) scale(0.57);
    }

    44.4444444444% {
        transform: translateX(-6vw) translateY(47vh) scale(0.78);
    }

    48.1481481481% {
        transform: translateX(-44vw) translateY(29vh) scale(0.92);
    }

    51.8518518519% {
        transform: translateX(10vw) translateY(40vh) scale(0.71);
    }

    55.5555555556% {
        transform: translateX(2vw) translateY(-24vh) scale(0.43);
    }

    59.2592592593% {
        transform: translateX(-17vw) translateY(36vh) scale(0.58);
    }

    62.962962963% {
        transform: translateX(-21vw) translateY(-40vh) scale(0.6);
    }

    66.6666666667% {
        transform: translateX(13vw) translateY(-16vh) scale(0.61);
    }

    70.3703703704% {
        transform: translateX(-6vw) translateY(-3vh) scale(0.46);
    }

    74.0740740741% {
        transform: translateX(21vw) translateY(23vh) scale(0.62);
    }

    77.7777777778% {
        transform: translateX(8vw) translateY(-8vh) scale(0.75);
    }

    81.4814814815% {
        transform: translateX(-34vw) translateY(32vh) scale(0.32);
    }

    85.1851851852% {
        transform: translateX(-4vw) translateY(43vh) scale(0.75);
    }

    88.8888888889% {
        transform: translateX(39vw) translateY(0vh) scale(0.77);
    }

    92.5925925926% {
        transform: translateX(14vw) translateY(19vh) scale(0.92);
    }

    96.2962962963% {
        transform: translateX(-36vw) translateY(-10vh) scale(0.93);
    }

    100% {
        transform: translateX(-11vw) translateY(35vh) scale(0.93);
    }
}

.firefly:nth-child(19) {
    animation-name: move19;
}

.firefly:nth-child(19)::before {
    animation-duration: 10s;
}

.firefly:nth-child(19)::after {
    animation-duration: 10s, 8474ms;
    animation-delay: 0ms, 7470ms;
}

@keyframes move19 {
    0% {
        transform: translateX(22vw) translateY(17vh) scale(0.39);
    }

    3.7037037037% {
        transform: translateX(-19vw) translateY(-3vh) scale(0.8);
    }

    7.4074074074% {
        transform: translateX(41vw) translateY(25vh) scale(0.9);
    }

    11.1111111111% {
        transform: translateX(-22vw) translateY(39vh) scale(0.28);
    }

    14.8148148148% {
        transform: translateX(43vw) translateY(46vh) scale(0.93);
    }

    18.5185185185% {
        transform: translateX(-39vw) translateY(20vh) scale(0.36);
    }

    22.2222222222% {
        transform: translateX(-42vw) translateY(-17vh) scale(0.26);
    }

    25.9259259259% {
        transform: translateX(-29vw) translateY(50vh) scale(0.44);
    }

    29.6296296296% {
        transform: translateX(26vw) translateY(31vh) scale(0.93);
    }

    33.3333333333% {
        transform: translateX(36vw) translateY(-8vh) scale(0.64);
    }

    37.037037037% {
        transform: translateX(-15vw) translateY(21vh) scale(0.38);
    }

    40.7407407407% {
        transform: translateX(37vw) translateY(-27vh) scale(0.43);
    }

    44.4444444444% {
        transform: translateX(-35vw) translateY(8vh) scale(0.75);
    }

    48.1481481481% {
        transform: translateX(-44vw) translateY(48vh) scale(0.69);
    }

    51.8518518519% {
        transform: translateX(36vw) translateY(50vh) scale(0.99);
    }

    55.5555555556% {
        transform: translateX(4vw) translateY(50vh) scale(0.89);
    }

    59.2592592593% {
        transform: translateX(28vw) translateY(-27vh) scale(0.82);
    }

    62.962962963% {
        transform: translateX(-49vw) translateY(22vh) scale(1);
    }

    66.6666666667% {
        transform: translateX(-16vw) translateY(-18vh) scale(0.37);
    }

    70.3703703704% {
        transform: translateX(44vw) translateY(-11vh) scale(0.34);
    }

    74.0740740741% {
        transform: translateX(18vw) translateY(-35vh) scale(0.65);
    }

    77.7777777778% {
        transform: translateX(-29vw) translateY(-9vh) scale(0.36);
    }

    81.4814814815% {
        transform: translateX(-20vw) translateY(-20vh) scale(0.68);
    }

    85.1851851852% {
        transform: translateX(22vw) translateY(-12vh) scale(0.99);
    }

    88.8888888889% {
        transform: translateX(42vw) translateY(18vh) scale(0.71);
    }

    92.5925925926% {
        transform: translateX(41vw) translateY(42vh) scale(0.32);
    }

    96.2962962963% {
        transform: translateX(44vw) translateY(24vh) scale(0.54);
    }

    100% {
        transform: translateX(-44vw) translateY(8vh) scale(0.32);
    }
}

.firefly:nth-child(20) {
    animation-name: move20;
}

.firefly:nth-child(20)::before {
    animation-duration: 16s;
}

.firefly:nth-child(20)::after {
    animation-duration: 16s, 6874ms;
    animation-delay: 0ms, 7843ms;
}

@keyframes move20 {
    0% {
        transform: translateX(-12vw) translateY(25vh) scale(0.98);
    }

    5.8823529412% {
        transform: translateX(20vw) translateY(-27vh) scale(0.39);
    }

    11.7647058824% {
        transform: translateX(-13vw) translateY(-8vh) scale(0.62);
    }

    17.6470588235% {
        transform: translateX(12vw) translateY(-31vh) scale(0.98);
    }

    23.5294117647% {
        transform: translateX(0vw) translateY(-39vh) scale(0.4);
    }

    29.4117647059% {
        transform: translateX(29vw) translateY(13vh) scale(0.49);
    }

    35.2941176471% {
        transform: translateX(44vw) translateY(-20vh) scale(0.6);
    }

    41.1764705882% {
        transform: translateX(26vw) translateY(-28vh) scale(0.49);
    }

    47.0588235294% {
        transform: translateX(-8vw) translateY(-28vh) scale(0.91);
    }

    52.9411764706% {
        transform: translateX(45vw) translateY(-7vh) scale(0.76);
    }

    58.8235294118% {
        transform: translateX(-34vw) translateY(18vh) scale(0.4);
    }

    64.7058823529% {
        transform: translateX(12vw) translateY(-19vh) scale(0.71);
    }

    70.5882352941% {
        transform: translateX(-8vw) translateY(26vh) scale(0.42);
    }

    76.4705882353% {
        transform: translateX(-14vw) translateY(-20vh) scale(0.3);
    }

    82.3529411765% {
        transform: translateX(32vw) translateY(42vh) scale(0.83);
    }

    88.2352941176% {
        transform: translateX(22vw) translateY(23vh) scale(0.72);
    }

    94.1176470588% {
        transform: translateX(49vw) translateY(2vh) scale(0.67);
    }

    100% {
        transform: translateX(27vw) translateY(-30vh) scale(0.97);
    }
}

.firefly:nth-child(21) {
    animation-name: move21;
}

.firefly:nth-child(21)::before {
    animation-duration: 15s;
}

.firefly:nth-child(21)::after {
    animation-duration: 15s, 9529ms;
    animation-delay: 0ms, 6556ms;
}

@keyframes move21 {
    0% {
        transform: translateX(24vw) translateY(16vh) scale(0.31);
    }

    3.5714285714% {
        transform: translateX(23vw) translateY(31vh) scale(0.4);
    }

    7.1428571429% {
        transform: translateX(-26vw) translateY(48vh) scale(0.72);
    }

    10.7142857143% {
        transform: translateX(4vw) translateY(19vh) scale(0.78);
    }

    14.2857142857% {
        transform: translateX(-18vw) translateY(28vh) scale(0.56);
    }

    17.8571428571% {
        transform: translateX(49vw) translateY(-45vh) scale(0.62);
    }

    21.4285714286% {
        transform: translateX(36vw) translateY(30vh) scale(0.95);
    }

    25% {
        transform: translateX(-33vw) translateY(-42vh) scale(1);
    }

    28.5714285714% {
        transform: translateX(14vw) translateY(-39vh) scale(0.54);
    }

    32.1428571429% {
        transform: translateX(-18vw) translateY(20vh) scale(0.92);
    }

    35.7142857143% {
        transform: translateX(36vw) translateY(-14vh) scale(0.26);
    }

    39.2857142857% {
        transform: translateX(24vw) translateY(-6vh) scale(0.94);
    }

    42.8571428571% {
        transform: translateX(2vw) translateY(-19vh) scale(0.31);
    }

    46.4285714286% {
        transform: translateX(-26vw) translateY(-41vh) scale(0.67);
    }

    50% {
        transform: translateX(19vw) translateY(23vh) scale(0.4);
    }

    53.5714285714% {
        transform: translateX(3vw) translateY(-47vh) scale(0.69);
    }

    57.1428571429% {
        transform: translateX(42vw) translateY(-31vh) scale(0.31);
    }

    60.7142857143% {
        transform: translateX(42vw) translateY(-21vh) scale(0.32);
    }

    64.2857142857% {
        transform: translateX(-17vw) translateY(-4vh) scale(0.4);
    }

    67.8571428571% {
        transform: translateX(-8vw) translateY(37vh) scale(0.55);
    }

    71.4285714286% {
        transform: translateX(-45vw) translateY(-33vh) scale(0.85);
    }

    75% {
        transform: translateX(-34vw) translateY(3vh) scale(0.26);
    }

    78.5714285714% {
        transform: translateX(-1vw) translateY(12vh) scale(0.69);
    }

    82.1428571429% {
        transform: translateX(-29vw) translateY(20vh) scale(0.93);
    }

    85.7142857143% {
        transform: translateX(34vw) translateY(18vh) scale(0.93);
    }

    89.2857142857% {
        transform: translateX(-46vw) translateY(-36vh) scale(0.84);
    }

    92.8571428571% {
        transform: translateX(48vw) translateY(-23vh) scale(0.67);
    }

    96.4285714286% {
        transform: translateX(-41vw) translateY(-20vh) scale(0.71);
    }

    100% {
        transform: translateX(17vw) translateY(18vh) scale(0.42);
    }
}

.firefly:nth-child(22) {
    animation-name: move22;
}

.firefly:nth-child(22)::before {
    animation-duration: 16s;
}

.firefly:nth-child(22)::after {
    animation-duration: 16s, 9981ms;
    animation-delay: 0ms, 4697ms;
}

@keyframes move22 {
    0% {
        transform: translateX(-21vw) translateY(43vh) scale(0.56);
    }

    5.5555555556% {
        transform: translateX(47vw) translateY(-38vh) scale(0.85);
    }

    11.1111111111% {
        transform: translateX(31vw) translateY(19vh) scale(0.59);
    }

    16.6666666667% {
        transform: translateX(32vw) translateY(-25vh) scale(1);
    }

    22.2222222222% {
        transform: translateX(15vw) translateY(-17vh) scale(0.5);
    }

    27.7777777778% {
        transform: translateX(4vw) translateY(7vh) scale(0.46);
    }

    33.3333333333% {
        transform: translateX(7vw) translateY(-29vh) scale(0.42);
    }

    38.8888888889% {
        transform: translateX(-20vw) translateY(-18vh) scale(0.9);
    }

    44.4444444444% {
        transform: translateX(27vw) translateY(-20vh) scale(0.54);
    }

    50% {
        transform: translateX(-47vw) translateY(28vh) scale(0.57);
    }

    55.5555555556% {
        transform: translateX(32vw) translateY(40vh) scale(0.53);
    }

    61.1111111111% {
        transform: translateX(0vw) translateY(-5vh) scale(0.7);
    }

    66.6666666667% {
        transform: translateX(7vw) translateY(-19vh) scale(0.5);
    }

    72.2222222222% {
        transform: translateX(-48vw) translateY(14vh) scale(0.96);
    }

    77.7777777778% {
        transform: translateX(-21vw) translateY(-27vh) scale(0.93);
    }

    83.3333333333% {
        transform: translateX(-43vw) translateY(14vh) scale(0.44);
    }

    88.8888888889% {
        transform: translateX(-48vw) translateY(-26vh) scale(0.3);
    }

    94.4444444444% {
        transform: translateX(5vw) translateY(29vh) scale(0.5);
    }

    100% {
        transform: translateX(25vw) translateY(49vh) scale(0.42);
    }
}

.firefly:nth-child(23) {
    animation-name: move23;
}

.firefly:nth-child(23)::before {
    animation-duration: 15s;
}

.firefly:nth-child(23)::after {
    animation-duration: 15s, 9069ms;
    animation-delay: 0ms, 6737ms;
}

@keyframes move23 {
    0% {
        transform: translateX(-49vw) translateY(-38vh) scale(0.94);
    }

    4% {
        transform: translateX(-31vw) translateY(6vh) scale(0.41);
    }

    8% {
        transform: translateX(16vw) translateY(-5vh) scale(0.44);
    }

    12% {
        transform: translateX(17vw) translateY(16vh) scale(0.58);
    }

    16% {
        transform: translateX(-39vw) translateY(-27vh) scale(0.92);
    }

    20% {
        transform: translateX(18vw) translateY(36vh) scale(0.56);
    }

    24% {
        transform: translateX(-35vw) translateY(42vh) scale(0.7);
    }

    28% {
        transform: translateX(-20vw) translateY(8vh) scale(0.58);
    }

    32% {
        transform: translateX(-30vw) translateY(42vh) scale(0.89);
    }

    36% {
        transform: translateX(23vw) translateY(28vh) scale(0.74);
    }

    40% {
        transform: translateX(17vw) translateY(28vh) scale(0.63);
    }

    44% {
        transform: translateX(12vw) translateY(-18vh) scale(0.97);
    }

    48% {
        transform: translateX(14vw) translateY(-40vh) scale(0.58);
    }

    52% {
        transform: translateX(-32vw) translateY(37vh) scale(0.49);
    }

    56% {
        transform: translateX(47vw) translateY(16vh) scale(0.61);
    }

    60% {
        transform: translateX(-1vw) translateY(-33vh) scale(0.26);
    }

    64% {
        transform: translateX(-35vw) translateY(28vh) scale(0.74);
    }

    68% {
        transform: translateX(-16vw) translateY(4vh) scale(0.61);
    }

    72% {
        transform: translateX(25vw) translateY(-2vh) scale(0.44);
    }

    76% {
        transform: translateX(-33vw) translateY(50vh) scale(0.47);
    }

    80% {
        transform: translateX(-44vw) translateY(18vh) scale(0.6);
    }

    84% {
        transform: translateX(15vw) translateY(-21vh) scale(0.4);
    }

    88% {
        transform: translateX(-10vw) translateY(2vh) scale(0.88);
    }

    92% {
        transform: translateX(-45vw) translateY(-3vh) scale(0.62);
    }

    96% {
        transform: translateX(-5vw) translateY(40vh) scale(0.66);
    }

    100% {
        transform: translateX(2vw) translateY(-19vh) scale(0.88);
    }
}

.firefly:nth-child(24) {
    animation-name: move24;
}

.firefly:nth-child(24)::before {
    animation-duration: 15s;
}

.firefly:nth-child(24)::after {
    animation-duration: 15s, 8928ms;
    animation-delay: 0ms, 4430ms;
}

@keyframes move24 {
    0% {
        transform: translateX(26vw) translateY(50vh) scale(0.57);
    }

    4.5454545455% {
        transform: translateX(22vw) translateY(37vh) scale(0.31);
    }

    9.0909090909% {
        transform: translateX(0vw) translateY(-16vh) scale(0.75);
    }

    13.6363636364% {
        transform: translateX(23vw) translateY(-23vh) scale(0.51);
    }

    18.1818181818% {
        transform: translateX(11vw) translateY(0vh) scale(0.29);
    }

    22.7272727273% {
        transform: translateX(9vw) translateY(-16vh) scale(0.79);
    }

    27.2727272727% {
        transform: translateX(-1vw) translateY(-49vh) scale(0.95);
    }

    31.8181818182% {
        transform: translateX(-37vw) translateY(-45vh) scale(0.75);
    }

    36.3636363636% {
        transform: translateX(-39vw) translateY(-30vh) scale(0.79);
    }

    40.9090909091% {
        transform: translateX(-20vw) translateY(-5vh) scale(0.82);
    }

    45.4545454545% {
        transform: translateX(23vw) translateY(-43vh) scale(0.58);
    }

    50% {
        transform: translateX(30vw) translateY(-11vh) scale(0.63);
    }

    54.5454545455% {
        transform: translateX(-9vw) translateY(10vh) scale(0.94);
    }

    59.0909090909% {
        transform: translateX(10vw) translateY(27vh) scale(0.81);
    }

    63.6363636364% {
        transform: translateX(-2vw) translateY(-17vh) scale(0.5);
    }

    68.1818181818% {
        transform: translateX(44vw) translateY(41vh) scale(0.6);
    }

    72.7272727273% {
        transform: translateX(-16vw) translateY(41vh) scale(0.43);
    }

    77.2727272727% {
        transform: translateX(-30vw) translateY(48vh) scale(0.5);
    }

    81.8181818182% {
        transform: translateX(-3vw) translateY(36vh) scale(0.76);
    }

    86.3636363636% {
        transform: translateX(-4vw) translateY(-41vh) scale(0.76);
    }

    90.9090909091% {
        transform: translateX(11vw) translateY(-20vh) scale(0.72);
    }

    95.4545454545% {
        transform: translateX(-32vw) translateY(0vh) scale(0.54);
    }

    100% {
        transform: translateX(-48vw) translateY(3vh) scale(0.9);
    }
}

.firefly:nth-child(25) {
    animation-name: move25;
}

.firefly:nth-child(25)::before {
    animation-duration: 18s;
}

.firefly:nth-child(25)::after {
    animation-duration: 18s, 5305ms;
    animation-delay: 0ms, 3522ms;
}

@keyframes move25 {
    0% {
        transform: translateX(18vw) translateY(-4vh) scale(0.51);
    }

    4.1666666667% {
        transform: translateX(-5vw) translateY(25vh) scale(0.72);
    }

    8.3333333333% {
        transform: translateX(-13vw) translateY(20vh) scale(0.97);
    }

    12.5% {
        transform: translateX(-25vw) translateY(-24vh) scale(0.7);
    }

    16.6666666667% {
        transform: translateX(-41vw) translateY(5vh) scale(0.44);
    }

    20.8333333333% {
        transform: translateX(29vw) translateY(36vh) scale(0.34);
    }

    25% {
        transform: translateX(-19vw) translateY(10vh) scale(0.59);
    }

    29.1666666667% {
        transform: translateX(-36vw) translateY(33vh) scale(0.68);
    }

    33.3333333333% {
        transform: translateX(33vw) translateY(27vh) scale(0.56);
    }

    37.5% {
        transform: translateX(-39vw) translateY(-16vh) scale(0.64);
    }

    41.6666666667% {
        transform: translateX(-29vw) translateY(19vh) scale(0.46);
    }

    45.8333333333% {
        transform: translateX(38vw) translateY(45vh) scale(0.62);
    }

    50% {
        transform: translateX(46vw) translateY(28vh) scale(0.52);
    }

    54.1666666667% {
        transform: translateX(-48vw) translateY(-10vh) scale(0.52);
    }

    58.3333333333% {
        transform: translateX(-39vw) translateY(23vh) scale(0.69);
    }

    62.5% {
        transform: translateX(27vw) translateY(-24vh) scale(0.67);
    }

    66.6666666667% {
        transform: translateX(0vw) translateY(-9vh) scale(0.37);
    }

    70.8333333333% {
        transform: translateX(12vw) translateY(-23vh) scale(0.78);
    }

    75% {
        transform: translateX(36vw) translateY(-34vh) scale(0.61);
    }

    79.1666666667% {
        transform: translateX(-12vw) translateY(-30vh) scale(0.56);
    }

    83.3333333333% {
        transform: translateX(36vw) translateY(37vh) scale(0.59);
    }

    87.5% {
        transform: translateX(-30vw) translateY(22vh) scale(0.86);
    }

    91.6666666667% {
        transform: translateX(49vw) translateY(-39vh) scale(1);
    }

    95.8333333333% {
        transform: translateX(-29vw) translateY(18vh) scale(0.8);
    }

    100% {
        transform: translateX(-34vw) translateY(47vh) scale(0.78);
    }
}

.firefly:nth-child(26) {
    animation-name: move26;
}

.firefly:nth-child(26)::before {
    animation-duration: 14s;
}

.firefly:nth-child(26)::after {
    animation-duration: 14s, 10772ms;
    animation-delay: 0ms, 6488ms;
}

@keyframes move26 {
    0% {
        transform: translateX(28vw) translateY(25vh) scale(0.67);
    }

    5.5555555556% {
        transform: translateX(-16vw) translateY(-49vh) scale(0.58);
    }

    11.1111111111% {
        transform: translateX(43vw) translateY(13vh) scale(0.34);
    }

    16.6666666667% {
        transform: translateX(11vw) translateY(-6vh) scale(0.78);
    }

    22.2222222222% {
        transform: translateX(32vw) translateY(-33vh) scale(0.42);
    }

    27.7777777778% {
        transform: translateX(-46vw) translateY(-47vh) scale(0.97);
    }

    33.3333333333% {
        transform: translateX(43vw) translateY(-22vh) scale(0.52);
    }

    38.8888888889% {
        transform: translateX(-8vw) translateY(35vh) scale(0.35);
    }

    44.4444444444% {
        transform: translateX(-40vw) translateY(-4vh) scale(0.96);
    }

    50% {
        transform: translateX(44vw) translateY(-38vh) scale(0.43);
    }

    55.5555555556% {
        transform: translateX(25vw) translateY(1vh) scale(0.67);
    }

    61.1111111111% {
        transform: translateX(11vw) translateY(9vh) scale(0.82);
    }

    66.6666666667% {
        transform: translateX(12vw) translateY(-3vh) scale(0.92);
    }

    72.2222222222% {
        transform: translateX(49vw) translateY(-35vh) scale(0.26);
    }

    77.7777777778% {
        transform: translateX(48vw) translateY(50vh) scale(0.64);
    }

    83.3333333333% {
        transform: translateX(-37vw) translateY(-49vh) scale(1);
    }

    88.8888888889% {
        transform: translateX(-13vw) translateY(38vh) scale(0.32);
    }

    94.4444444444% {
        transform: translateX(1vw) translateY(29vh) scale(0.36);
    }

    100% {
        transform: translateX(-7vw) translateY(-45vh) scale(0.54);
    }
}

.firefly:nth-child(27) {
    animation-name: move27;
}

.firefly:nth-child(27)::before {
    animation-duration: 9s;
}

.firefly:nth-child(27)::after {
    animation-duration: 9s, 6028ms;
    animation-delay: 0ms, 5403ms;
}

@keyframes move27 {
    0% {
        transform: translateX(-34vw) translateY(17vh) scale(0.9);
    }

    3.8461538462% {
        transform: translateX(31vw) translateY(-5vh) scale(0.43);
    }

    7.6923076923% {
        transform: translateX(16vw) translateY(31vh) scale(0.9);
    }

    11.5384615385% {
        transform: translateX(-18vw) translateY(19vh) scale(0.32);
    }

    15.3846153846% {
        transform: translateX(50vw) translateY(-4vh) scale(0.34);
    }

    19.2307692308% {
        transform: translateX(-2vw) translateY(32vh) scale(0.52);
    }

    23.0769230769% {
        transform: translateX(3vw) translateY(24vh) scale(0.34);
    }

    26.9230769231% {
        transform: translateX(6vw) translateY(35vh) scale(0.26);
    }

    30.7692307692% {
        transform: translateX(-4vw) translateY(-46vh) scale(0.75);
    }

    34.6153846154% {
        transform: translateX(28vw) translateY(8vh) scale(0.36);
    }

    38.4615384615% {
        transform: translateX(15vw) translateY(-31vh) scale(0.89);
    }

    42.3076923077% {
        transform: translateX(33vw) translateY(30vh) scale(0.39);
    }

    46.1538461538% {
        transform: translateX(46vw) translateY(-49vh) scale(0.7);
    }

    50% {
        transform: translateX(0vw) translateY(0vh) scale(0.42);
    }

    53.8461538462% {
        transform: translateX(-45vw) translateY(-21vh) scale(0.71);
    }

    57.6923076923% {
        transform: translateX(32vw) translateY(-46vh) scale(0.73);
    }

    61.5384615385% {
        transform: translateX(8vw) translateY(-14vh) scale(0.52);
    }

    65.3846153846% {
        transform: translateX(-34vw) translateY(-35vh) scale(0.9);
    }

    69.2307692308% {
        transform: translateX(15vw) translateY(38vh) scale(0.61);
    }

    73.0769230769% {
        transform: translateX(-36vw) translateY(-15vh) scale(0.42);
    }

    76.9230769231% {
        transform: translateX(26vw) translateY(-17vh) scale(0.34);
    }

    80.7692307692% {
        transform: translateX(0vw) translateY(-40vh) scale(0.32);
    }

    84.6153846154% {
        transform: translateX(13vw) translateY(8vh) scale(0.86);
    }

    88.4615384615% {
        transform: translateX(-15vw) translateY(-44vh) scale(0.54);
    }

    92.3076923077% {
        transform: translateX(33vw) translateY(7vh) scale(0.5);
    }

    96.1538461538% {
        transform: translateX(39vw) translateY(-20vh) scale(0.56);
    }

    100% {
        transform: translateX(-25vw) translateY(-1vh) scale(0.68);
    }
}

.firefly:nth-child(28) {
    animation-name: move28;
}

.firefly:nth-child(28)::before {
    animation-duration: 16s;
}

.firefly:nth-child(28)::after {
    animation-duration: 16s, 5806ms;
    animation-delay: 0ms, 4340ms;
}

@keyframes move28 {
    0% {
        transform: translateX(-38vw) translateY(-8vh) scale(0.83);
    }

    3.7037037037% {
        transform: translateX(-44vw) translateY(-34vh) scale(0.35);
    }

    7.4074074074% {
        transform: translateX(-5vw) translateY(40vh) scale(0.43);
    }

    11.1111111111% {
        transform: translateX(-32vw) translateY(-30vh) scale(0.56);
    }

    14.8148148148% {
        transform: translateX(1vw) translateY(44vh) scale(0.3);
    }

    18.5185185185% {
        transform: translateX(2vw) translateY(9vh) scale(0.67);
    }

    22.2222222222% {
        transform: translateX(-29vw) translateY(-12vh) scale(0.92);
    }

    25.9259259259% {
        transform: translateX(-46vw) translateY(-8vh) scale(0.6);
    }

    29.6296296296% {
        transform: translateX(-25vw) translateY(-41vh) scale(0.78);
    }

    33.3333333333% {
        transform: translateX(-21vw) translateY(50vh) scale(1);
    }

    37.037037037% {
        transform: translateX(-11vw) translateY(4vh) scale(0.94);
    }

    40.7407407407% {
        transform: translateX(-5vw) translateY(-15vh) scale(0.56);
    }

    44.4444444444% {
        transform: translateX(6vw) translateY(-28vh) scale(0.67);
    }

    48.1481481481% {
        transform: translateX(-15vw) translateY(-23vh) scale(0.72);
    }

    51.8518518519% {
        transform: translateX(-24vw) translateY(-37vh) scale(0.31);
    }

    55.5555555556% {
        transform: translateX(-4vw) translateY(1vh) scale(0.78);
    }

    59.2592592593% {
        transform: translateX(-22vw) translateY(-23vh) scale(0.7);
    }

    62.962962963% {
        transform: translateX(20vw) translateY(-45vh) scale(0.65);
    }

    66.6666666667% {
        transform: translateX(47vw) translateY(-28vh) scale(0.57);
    }

    70.3703703704% {
        transform: translateX(43vw) translateY(-44vh) scale(0.45);
    }

    74.0740740741% {
        transform: translateX(23vw) translateY(-42vh) scale(0.43);
    }

    77.7777777778% {
        transform: translateX(1vw) translateY(-22vh) scale(0.53);
    }

    81.4814814815% {
        transform: translateX(-27vw) translateY(-30vh) scale(0.68);
    }

    85.1851851852% {
        transform: translateX(-1vw) translateY(5vh) scale(0.8);
    }

    88.8888888889% {
        transform: translateX(-39vw) translateY(-36vh) scale(0.31);
    }

    92.5925925926% {
        transform: translateX(29vw) translateY(18vh) scale(0.49);
    }

    96.2962962963% {
        transform: translateX(-16vw) translateY(-45vh) scale(0.35);
    }

    100% {
        transform: translateX(32vw) translateY(26vh) scale(0.65);
    }
}

.firefly:nth-child(29) {
    animation-name: move29;
}

.firefly:nth-child(29)::before {
    animation-duration: 12s;
}

.firefly:nth-child(29)::after {
    animation-duration: 12s, 5859ms;
    animation-delay: 0ms, 2123ms;
}

@keyframes move29 {
    0% {
        transform: translateX(40vw) translateY(23vh) scale(0.49);
    }

    4.5454545455% {
        transform: translateX(37vw) translateY(-8vh) scale(0.67);
    }

    9.0909090909% {
        transform: translateX(20vw) translateY(24vh) scale(1);
    }

    13.6363636364% {
        transform: translateX(-32vw) translateY(0vh) scale(0.35);
    }

    18.1818181818% {
        transform: translateX(43vw) translateY(39vh) scale(0.7);
    }

    22.7272727273% {
        transform: translateX(-16vw) translateY(17vh) scale(0.36);
    }

    27.2727272727% {
        transform: translateX(5vw) translateY(-30vh) scale(0.99);
    }

    31.8181818182% {
        transform: translateX(35vw) translateY(-26vh) scale(0.78);
    }

    36.3636363636% {
        transform: translateX(-26vw) translateY(27vh) scale(0.66);
    }

    40.9090909091% {
        transform: translateX(30vw) translateY(43vh) scale(0.74);
    }

    45.4545454545% {
        transform: translateX(14vw) translateY(-2vh) scale(0.3);
    }

    50% {
        transform: translateX(-29vw) translateY(-5vh) scale(0.76);
    }

    54.5454545455% {
        transform: translateX(8vw) translateY(12vh) scale(0.41);
    }

    59.0909090909% {
        transform: translateX(12vw) translateY(-11vh) scale(0.49);
    }

    63.6363636364% {
        transform: translateX(-34vw) translateY(9vh) scale(0.7);
    }

    68.1818181818% {
        transform: translateX(13vw) translateY(-40vh) scale(0.83);
    }

    72.7272727273% {
        transform: translateX(-14vw) translateY(-12vh) scale(0.57);
    }

    77.2727272727% {
        transform: translateX(-9vw) translateY(-14vh) scale(0.86);
    }

    81.8181818182% {
        transform: translateX(-20vw) translateY(34vh) scale(0.31);
    }

    86.3636363636% {
        transform: translateX(-16vw) translateY(9vh) scale(0.98);
    }

    90.9090909091% {
        transform: translateX(-43vw) translateY(12vh) scale(0.82);
    }

    95.4545454545% {
        transform: translateX(27vw) translateY(7vh) scale(0.64);
    }

    100% {
        transform: translateX(5vw) translateY(9vh) scale(0.61);
    }
}

.firefly:nth-child(30) {
    animation-name: move30;
}

.firefly:nth-child(30)::before {
    animation-duration: 11s;
}

.firefly:nth-child(30)::after {
    animation-duration: 11s, 10171ms;
    animation-delay: 0ms, 1484ms;
}

@keyframes move30 {
    0% {
        transform: translateX(-24vw) translateY(-36vh) scale(0.38);
    }

    4.7619047619% {
        transform: translateX(29vw) translateY(21vh) scale(0.73);
    }

    9.5238095238% {
        transform: translateX(28vw) translateY(-44vh) scale(0.56);
    }

    14.2857142857% {
        transform: translateX(-24vw) translateY(37vh) scale(0.96);
    }

    19.0476190476% {
        transform: translateX(-27vw) translateY(-21vh) scale(0.95);
    }

    23.8095238095% {
        transform: translateX(-26vw) translateY(-42vh) scale(0.62);
    }

    28.5714285714% {
        transform: translateX(-29vw) translateY(-15vh) scale(0.89);
    }

    33.3333333333% {
        transform: translateX(29vw) translateY(13vh) scale(0.78);
    }

    38.0952380952% {
        transform: translateX(-47vw) translateY(-33vh) scale(0.3);
    }

    42.8571428571% {
        transform: translateX(-20vw) translateY(-49vh) scale(0.41);
    }

    47.619047619% {
        transform: translateX(34vw) translateY(37vh) scale(0.42);
    }

    52.380952381% {
        transform: translateX(-6vw) translateY(29vh) scale(0.63);
    }

    57.1428571429% {
        transform: translateX(23vw) translateY(-35vh) scale(0.32);
    }

    61.9047619048% {
        transform: translateX(-27vw) translateY(40vh) scale(0.94);
    }

    66.6666666667% {
        transform: translateX(17vw) translateY(20vh) scale(0.4);
    }

    71.4285714286% {
        transform: translateX(44vw) translateY(-8vh) scale(0.61);
    }

    76.1904761905% {
        transform: translateX(-39vw) translateY(48vh) scale(0.77);
    }

    80.9523809524% {
        transform: translateX(-18vw) translateY(9vh) scale(1);
    }

    85.7142857143% {
        transform: translateX(4vw) translateY(49vh) scale(0.38);
    }

    90.4761904762% {
        transform: translateX(-44vw) translateY(33vh) scale(0.87);
    }

    95.2380952381% {
        transform: translateX(39vw) translateY(5vh) scale(0.4);
    }

    100% {
        transform: translateX(-37vw) translateY(47vh) scale(0.72);
    }
}

.firefly:nth-child(31) {
    animation-name: move31;
}

.firefly:nth-child(31)::before {
    animation-duration: 12s;
}

.firefly:nth-child(31)::after {
    animation-duration: 12s, 8724ms;
    animation-delay: 0ms, 5831ms;
}

@keyframes move31 {
    0% {
        transform: translateX(31vw) translateY(32vh) scale(0.68);
    }

    4.5454545455% {
        transform: translateX(-10vw) translateY(-28vh) scale(0.55);
    }

    9.0909090909% {
        transform: translateX(39vw) translateY(10vh) scale(0.44);
    }

    13.6363636364% {
        transform: translateX(-23vw) translateY(-6vh) scale(0.48);
    }

    18.1818181818% {
        transform: translateX(17vw) translateY(12vh) scale(0.26);
    }

    22.7272727273% {
        transform: translateX(-32vw) translateY(25vh) scale(0.66);
    }

    27.2727272727% {
        transform: translateX(30vw) translateY(-4vh) scale(0.53);
    }

    31.8181818182% {
        transform: translateX(5vw) translateY(16vh) scale(0.28);
    }

    36.3636363636% {
        transform: translateX(-41vw) translateY(34vh) scale(0.72);
    }

    40.9090909091% {
        transform: translateX(23vw) translateY(-14vh) scale(0.74);
    }

    45.4545454545% {
        transform: translateX(1vw) translateY(-43vh) scale(0.91);
    }

    50% {
        transform: translateX(23vw) translateY(-8vh) scale(0.42);
    }

    54.5454545455% {
        transform: translateX(11vw) translateY(11vh) scale(0.46);
    }

    59.0909090909% {
        transform: translateX(29vw) translateY(30vh) scale(0.54);
    }

    63.6363636364% {
        transform: translateX(-39vw) translateY(-18vh) scale(0.43);
    }

    68.1818181818% {
        transform: translateX(24vw) translateY(-35vh) scale(0.98);
    }

    72.7272727273% {
        transform: translateX(2vw) translateY(6vh) scale(0.43);
    }

    77.2727272727% {
        transform: translateX(-9vw) translateY(6vh) scale(0.42);
    }

    81.8181818182% {
        transform: translateX(24vw) translateY(-6vh) scale(0.35);
    }

    86.3636363636% {
        transform: translateX(-3vw) translateY(-24vh) scale(0.85);
    }

    90.9090909091% {
        transform: translateX(17vw) translateY(-41vh) scale(0.68);
    }

    95.4545454545% {
        transform: translateX(-31vw) translateY(-38vh) scale(0.69);
    }

    100% {
        transform: translateX(-21vw) translateY(-36vh) scale(0.6);
    }
}

.firefly:nth-child(32) {
    animation-name: move32;
}

.firefly:nth-child(32)::before {
    animation-duration: 13s;
}

.firefly:nth-child(32)::after {
    animation-duration: 13s, 7072ms;
    animation-delay: 0ms, 3178ms;
}

@keyframes move32 {
    0% {
        transform: translateX(-5vw) translateY(-33vh) scale(0.26);
    }

    3.8461538462% {
        transform: translateX(-6vw) translateY(-28vh) scale(0.79);
    }

    7.6923076923% {
        transform: translateX(14vw) translateY(19vh) scale(0.83);
    }

    11.5384615385% {
        transform: translateX(-33vw) translateY(18vh) scale(0.7);
    }

    15.3846153846% {
        transform: translateX(50vw) translateY(-42vh) scale(0.39);
    }

    19.2307692308% {
        transform: translateX(18vw) translateY(1vh) scale(0.46);
    }

    23.0769230769% {
        transform: translateX(-32vw) translateY(32vh) scale(0.62);
    }

    26.9230769231% {
        transform: translateX(-19vw) translateY(35vh) scale(0.61);
    }

    30.7692307692% {
        transform: translateX(-6vw) translateY(-27vh) scale(0.75);
    }

    34.6153846154% {
        transform: translateX(-16vw) translateY(3vh) scale(0.72);
    }

    38.4615384615% {
        transform: translateX(45vw) translateY(-13vh) scale(0.8);
    }

    42.3076923077% {
        transform: translateX(-37vw) translateY(-31vh) scale(0.7);
    }

    46.1538461538% {
        transform: translateX(-16vw) translateY(49vh) scale(0.55);
    }

    50% {
        transform: translateX(26vw) translateY(-27vh) scale(0.45);
    }

    53.8461538462% {
        transform: translateX(-27vw) translateY(-19vh) scale(0.66);
    }

    57.6923076923% {
        transform: translateX(25vw) translateY(-33vh) scale(0.28);
    }

    61.5384615385% {
        transform: translateX(13vw) translateY(-40vh) scale(0.34);
    }

    65.3846153846% {
        transform: translateX(16vw) translateY(-47vh) scale(0.29);
    }

    69.2307692308% {
        transform: translateX(0vw) translateY(7vh) scale(0.43);
    }

    73.0769230769% {
        transform: translateX(6vw) translateY(44vh) scale(0.89);
    }

    76.9230769231% {
        transform: translateX(-16vw) translateY(-22vh) scale(0.49);
    }

    80.7692307692% {
        transform: translateX(-1vw) translateY(-27vh) scale(0.38);
    }

    84.6153846154% {
        transform: translateX(-4vw) translateY(42vh) scale(0.53);
    }

    88.4615384615% {
        transform: translateX(-27vw) translateY(-15vh) scale(0.51);
    }

    92.3076923077% {
        transform: translateX(30vw) translateY(47vh) scale(0.6);
    }

    96.1538461538% {
        transform: translateX(-37vw) translateY(14vh) scale(0.46);
    }

    100% {
        transform: translateX(-10vw) translateY(-29vh) scale(0.43);
    }
}

.firefly:nth-child(33) {
    animation-name: move33;
}

.firefly:nth-child(33)::before {
    animation-duration: 14s;
}

.firefly:nth-child(33)::after {
    animation-duration: 14s, 9520ms;
    animation-delay: 0ms, 1100ms;
}

@keyframes move33 {
    0% {
        transform: translateX(50vw) translateY(-45vh) scale(0.39);
    }

    4.7619047619% {
        transform: translateX(-4vw) translateY(43vh) scale(0.71);
    }

    9.5238095238% {
        transform: translateX(-42vw) translateY(-1vh) scale(0.69);
    }

    14.2857142857% {
        transform: translateX(-8vw) translateY(-19vh) scale(0.85);
    }

    19.0476190476% {
        transform: translateX(31vw) translateY(35vh) scale(0.66);
    }

    23.8095238095% {
        transform: translateX(-46vw) translateY(43vh) scale(0.3);
    }

    28.5714285714% {
        transform: translateX(42vw) translateY(-30vh) scale(0.67);
    }

    33.3333333333% {
        transform: translateX(-10vw) translateY(44vh) scale(0.61);
    }

    38.0952380952% {
        transform: translateX(26vw) translateY(44vh) scale(0.56);
    }

    42.8571428571% {
        transform: translateX(-46vw) translateY(39vh) scale(0.62);
    }

    47.619047619% {
        transform: translateX(26vw) translateY(8vh) scale(0.31);
    }

    52.380952381% {
        transform: translateX(39vw) translateY(-4vh) scale(0.64);
    }

    57.1428571429% {
        transform: translateX(30vw) translateY(-49vh) scale(0.9);
    }

    61.9047619048% {
        transform: translateX(-17vw) translateY(12vh) scale(0.89);
    }

    66.6666666667% {
        transform: translateX(24vw) translateY(-7vh) scale(0.31);
    }

    71.4285714286% {
        transform: translateX(-12vw) translateY(1vh) scale(0.78);
    }

    76.1904761905% {
        transform: translateX(0vw) translateY(-32vh) scale(0.93);
    }

    80.9523809524% {
        transform: translateX(-44vw) translateY(-29vh) scale(0.92);
    }

    85.7142857143% {
        transform: translateX(13vw) translateY(-33vh) scale(0.84);
    }

    90.4761904762% {
        transform: translateX(-37vw) translateY(32vh) scale(0.3);
    }

    95.2380952381% {
        transform: translateX(5vw) translateY(-36vh) scale(0.75);
    }

    100% {
        transform: translateX(-15vw) translateY(-1vh) scale(0.36);
    }
}

.firefly:nth-child(34) {
    animation-name: move34;
}

.firefly:nth-child(34)::before {
    animation-duration: 13s;
}

.firefly:nth-child(34)::after {
    animation-duration: 13s, 10362ms;
    animation-delay: 0ms, 2341ms;
}

@keyframes move34 {
    0% {
        transform: translateX(-39vw) translateY(-39vh) scale(0.38);
    }

    4.5454545455% {
        transform: translateX(35vw) translateY(-20vh) scale(0.72);
    }

    9.0909090909% {
        transform: translateX(-19vw) translateY(-44vh) scale(0.88);
    }

    13.6363636364% {
        transform: translateX(-48vw) translateY(50vh) scale(0.55);
    }

    18.1818181818% {
        transform: translateX(-28vw) translateY(15vh) scale(0.48);
    }

    22.7272727273% {
        transform: translateX(32vw) translateY(-29vh) scale(0.87);
    }

    27.2727272727% {
        transform: translateX(0vw) translateY(8vh) scale(0.44);
    }

    31.8181818182% {
        transform: translateX(21vw) translateY(-30vh) scale(0.42);
    }

    36.3636363636% {
        transform: translateX(47vw) translateY(1vh) scale(0.59);
    }

    40.9090909091% {
        transform: translateX(6vw) translateY(-41vh) scale(0.93);
    }

    45.4545454545% {
        transform: translateX(47vw) translateY(29vh) scale(0.98);
    }

    50% {
        transform: translateX(-5vw) translateY(17vh) scale(0.93);
    }

    54.5454545455% {
        transform: translateX(2vw) translateY(-31vh) scale(0.37);
    }

    59.0909090909% {
        transform: translateX(17vw) translateY(46vh) scale(0.26);
    }

    63.6363636364% {
        transform: translateX(23vw) translateY(-27vh) scale(0.98);
    }

    68.1818181818% {
        transform: translateX(22vw) translateY(-42vh) scale(0.79);
    }

    72.7272727273% {
        transform: translateX(14vw) translateY(16vh) scale(0.43);
    }

    77.2727272727% {
        transform: translateX(34vw) translateY(7vh) scale(0.76);
    }

    81.8181818182% {
        transform: translateX(-41vw) translateY(27vh) scale(0.63);
    }

    86.3636363636% {
        transform: translateX(32vw) translateY(-10vh) scale(0.74);
    }

    90.9090909091% {
        transform: translateX(-45vw) translateY(-17vh) scale(0.97);
    }

    95.4545454545% {
        transform: translateX(15vw) translateY(-1vh) scale(0.28);
    }

    100% {
        transform: translateX(-46vw) translateY(40vh) scale(0.27);
    }
}

.firefly:nth-child(35) {
    animation-name: move35;
}

.firefly:nth-child(35)::before {
    animation-duration: 16s;
}

.firefly:nth-child(35)::after {
    animation-duration: 16s, 9207ms;
    animation-delay: 0ms, 4311ms;
}

@keyframes move35 {
    0% {
        transform: translateX(-25vw) translateY(-34vh) scale(0.5);
    }

    5.5555555556% {
        transform: translateX(-16vw) translateY(32vh) scale(0.84);
    }

    11.1111111111% {
        transform: translateX(39vw) translateY(-34vh) scale(0.28);
    }

    16.6666666667% {
        transform: translateX(22vw) translateY(6vh) scale(0.41);
    }

    22.2222222222% {
        transform: translateX(22vw) translateY(-38vh) scale(0.38);
    }

    27.7777777778% {
        transform: translateX(50vw) translateY(-3vh) scale(0.83);
    }

    33.3333333333% {
        transform: translateX(-38vw) translateY(4vh) scale(0.89);
    }

    38.8888888889% {
        transform: translateX(21vw) translateY(-41vh) scale(0.4);
    }

    44.4444444444% {
        transform: translateX(0vw) translateY(-39vh) scale(0.28);
    }

    50% {
        transform: translateX(13vw) translateY(-41vh) scale(0.77);
    }

    55.5555555556% {
        transform: translateX(34vw) translateY(-16vh) scale(0.59);
    }

    61.1111111111% {
        transform: translateX(26vw) translateY(34vh) scale(0.9);
    }

    66.6666666667% {
        transform: translateX(-25vw) translateY(-6vh) scale(0.65);
    }

    72.2222222222% {
        transform: translateX(-5vw) translateY(6vh) scale(0.67);
    }

    77.7777777778% {
        transform: translateX(40vw) translateY(-29vh) scale(0.3);
    }

    83.3333333333% {
        transform: translateX(2vw) translateY(17vh) scale(0.71);
    }

    88.8888888889% {
        transform: translateX(8vw) translateY(7vh) scale(0.39);
    }

    94.4444444444% {
        transform: translateX(-44vw) translateY(3vh) scale(0.79);
    }

    100% {
        transform: translateX(-9vw) translateY(28vh) scale(0.58);
    }
}

.firefly:nth-child(36) {
    animation-name: move36;
}

.firefly:nth-child(36)::before {
    animation-duration: 12s;
}

.firefly:nth-child(36)::after {
    animation-duration: 12s, 9047ms;
    animation-delay: 0ms, 8319ms;
}

@keyframes move36 {
    0% {
        transform: translateX(-38vw) translateY(38vh) scale(0.91);
    }

    4.1666666667% {
        transform: translateX(-41vw) translateY(5vh) scale(0.58);
    }

    8.3333333333% {
        transform: translateX(-4vw) translateY(-33vh) scale(0.33);
    }

    12.5% {
        transform: translateX(19vw) translateY(-27vh) scale(0.61);
    }

    16.6666666667% {
        transform: translateX(40vw) translateY(12vh) scale(0.94);
    }

    20.8333333333% {
        transform: translateX(36vw) translateY(43vh) scale(0.97);
    }

    25% {
        transform: translateX(-14vw) translateY(11vh) scale(0.83);
    }

    29.1666666667% {
        transform: translateX(31vw) translateY(27vh) scale(0.78);
    }

    33.3333333333% {
        transform: translateX(20vw) translateY(-10vh) scale(0.51);
    }

    37.5% {
        transform: translateX(19vw) translateY(12vh) scale(0.26);
    }

    41.6666666667% {
        transform: translateX(-11vw) translateY(15vh) scale(0.65);
    }

    45.8333333333% {
        transform: translateX(37vw) translateY(35vh) scale(0.47);
    }

    50% {
        transform: translateX(-30vw) translateY(-19vh) scale(0.58);
    }

    54.1666666667% {
        transform: translateX(6vw) translateY(-33vh) scale(0.5);
    }

    58.3333333333% {
        transform: translateX(-23vw) translateY(29vh) scale(0.26);
    }

    62.5% {
        transform: translateX(24vw) translateY(3vh) scale(0.55);
    }

    66.6666666667% {
        transform: translateX(26vw) translateY(-16vh) scale(0.67);
    }

    70.8333333333% {
        transform: translateX(39vw) translateY(-22vh) scale(0.47);
    }

    75% {
        transform: translateX(-1vw) translateY(35vh) scale(0.6);
    }

    79.1666666667% {
        transform: translateX(40vw) translateY(-20vh) scale(0.63);
    }

    83.3333333333% {
        transform: translateX(48vw) translateY(-9vh) scale(0.44);
    }

    87.5% {
        transform: translateX(11vw) translateY(3vh) scale(0.77);
    }

    91.6666666667% {
        transform: translateX(-25vw) translateY(18vh) scale(0.34);
    }

    95.8333333333% {
        transform: translateX(15vw) translateY(39vh) scale(0.69);
    }

    100% {
        transform: translateX(47vw) translateY(-41vh) scale(0.32);
    }
}

.firefly:nth-child(37) {
    animation-name: move37;
}

.firefly:nth-child(37)::before {
    animation-duration: 15s;
}

.firefly:nth-child(37)::after {
    animation-duration: 15s, 7851ms;
    animation-delay: 0ms, 8312ms;
}

@keyframes move37 {
    0% {
        transform: translateX(-5vw) translateY(-30vh) scale(0.37);
    }

    5.5555555556% {
        transform: translateX(-33vw) translateY(17vh) scale(0.3);
    }

    11.1111111111% {
        transform: translateX(48vw) translateY(-23vh) scale(0.85);
    }

    16.6666666667% {
        transform: translateX(39vw) translateY(-42vh) scale(0.89);
    }

    22.2222222222% {
        transform: translateX(-49vw) translateY(-1vh) scale(0.71);
    }

    27.7777777778% {
        transform: translateX(-40vw) translateY(-3vh) scale(0.54);
    }

    33.3333333333% {
        transform: translateX(31vw) translateY(16vh) scale(0.64);
    }

    38.8888888889% {
        transform: translateX(27vw) translateY(44vh) scale(0.36);
    }

    44.4444444444% {
        transform: translateX(-15vw) translateY(-21vh) scale(0.59);
    }

    50% {
        transform: translateX(2vw) translateY(37vh) scale(0.32);
    }

    55.5555555556% {
        transform: translateX(9vw) translateY(30vh) scale(0.31);
    }

    61.1111111111% {
        transform: translateX(41vw) translateY(-39vh) scale(0.93);
    }

    66.6666666667% {
        transform: translateX(-46vw) translateY(-40vh) scale(0.65);
    }

    72.2222222222% {
        transform: translateX(-1vw) translateY(-2vh) scale(0.68);
    }

    77.7777777778% {
        transform: translateX(1vw) translateY(39vh) scale(0.56);
    }

    83.3333333333% {
        transform: translateX(9vw) translateY(-43vh) scale(0.4);
    }

    88.8888888889% {
        transform: translateX(46vw) translateY(-22vh) scale(0.59);
    }

    94.4444444444% {
        transform: translateX(-48vw) translateY(29vh) scale(0.45);
    }

    100% {
        transform: translateX(-44vw) translateY(-46vh) scale(0.49);
    }
}

.firefly:nth-child(38) {
    animation-name: move38;
}

.firefly:nth-child(38)::before {
    animation-duration: 18s;
}

.firefly:nth-child(38)::after {
    animation-duration: 18s, 8169ms;
    animation-delay: 0ms, 6858ms;
}

@keyframes move38 {
    0% {
        transform: translateX(-36vw) translateY(-48vh) scale(0.7);
    }

    5.8823529412% {
        transform: translateX(-3vw) translateY(-9vh) scale(0.56);
    }

    11.7647058824% {
        transform: translateX(12vw) translateY(14vh) scale(0.47);
    }

    17.6470588235% {
        transform: translateX(1vw) translateY(26vh) scale(0.46);
    }

    23.5294117647% {
        transform: translateX(-20vw) translateY(-23vh) scale(0.32);
    }

    29.4117647059% {
        transform: translateX(-9vw) translateY(25vh) scale(0.36);
    }

    35.2941176471% {
        transform: translateX(42vw) translateY(-18vh) scale(0.57);
    }

    41.1764705882% {
        transform: translateX(-36vw) translateY(-10vh) scale(0.35);
    }

    47.0588235294% {
        transform: translateX(28vw) translateY(-27vh) scale(0.81);
    }

    52.9411764706% {
        transform: translateX(18vw) translateY(13vh) scale(0.91);
    }

    58.8235294118% {
        transform: translateX(-6vw) translateY(-43vh) scale(0.91);
    }

    64.7058823529% {
        transform: translateX(28vw) translateY(-29vh) scale(0.27);
    }

    70.5882352941% {
        transform: translateX(26vw) translateY(-32vh) scale(0.95);
    }

    76.4705882353% {
        transform: translateX(-4vw) translateY(27vh) scale(0.96);
    }

    82.3529411765% {
        transform: translateX(-10vw) translateY(-4vh) scale(0.35);
    }

    88.2352941176% {
        transform: translateX(0vw) translateY(13vh) scale(0.94);
    }

    94.1176470588% {
        transform: translateX(-26vw) translateY(44vh) scale(0.39);
    }

    100% {
        transform: translateX(33vw) translateY(48vh) scale(0.76);
    }
}

.firefly:nth-child(39) {
    animation-name: move39;
}

.firefly:nth-child(39)::before {
    animation-duration: 11s;
}

.firefly:nth-child(39)::after {
    animation-duration: 11s, 7646ms;
    animation-delay: 0ms, 3465ms;
}

@keyframes move39 {
    0% {
        transform: translateX(-40vw) translateY(-48vh) scale(0.69);
    }

    4.347826087% {
        transform: translateX(-15vw) translateY(-31vh) scale(0.81);
    }

    8.6956521739% {
        transform: translateX(18vw) translateY(-31vh) scale(0.32);
    }

    13.0434782609% {
        transform: translateX(1vw) translateY(-9vh) scale(0.39);
    }

    17.3913043478% {
        transform: translateX(46vw) translateY(-34vh) scale(0.47);
    }

    21.7391304348% {
        transform: translateX(33vw) translateY(-10vh) scale(0.3);
    }

    26.0869565217% {
        transform: translateX(15vw) translateY(26vh) scale(0.84);
    }

    30.4347826087% {
        transform: translateX(1vw) translateY(50vh) scale(0.44);
    }

    34.7826086957% {
        transform: translateX(6vw) translateY(10vh) scale(0.76);
    }

    39.1304347826% {
        transform: translateX(17vw) translateY(-21vh) scale(0.33);
    }

    43.4782608696% {
        transform: translateX(8vw) translateY(34vh) scale(0.41);
    }

    47.8260869565% {
        transform: translateX(-15vw) translateY(-18vh) scale(0.4);
    }

    52.1739130435% {
        transform: translateX(-3vw) translateY(-19vh) scale(0.73);
    }

    56.5217391304% {
        transform: translateX(-24vw) translateY(42vh) scale(0.64);
    }

    60.8695652174% {
        transform: translateX(10vw) translateY(-22vh) scale(0.67);
    }

    65.2173913043% {
        transform: translateX(35vw) translateY(-11vh) scale(0.63);
    }

    69.5652173913% {
        transform: translateX(-43vw) translateY(17vh) scale(0.39);
    }

    73.9130434783% {
        transform: translateX(44vw) translateY(-28vh) scale(0.64);
    }

    78.2608695652% {
        transform: translateX(43vw) translateY(-39vh) scale(0.67);
    }

    82.6086956522% {
        transform: translateX(31vw) translateY(-36vh) scale(0.45);
    }

    86.9565217391% {
        transform: translateX(-38vw) translateY(7vh) scale(0.43);
    }

    91.3043478261% {
        transform: translateX(9vw) translateY(31vh) scale(0.56);
    }

    95.652173913% {
        transform: translateX(-40vw) translateY(-39vh) scale(0.39);
    }

    100% {
        transform: translateX(50vw) translateY(24vh) scale(0.42);
    }
}

.firefly:nth-child(40) {
    animation-name: move40;
}

.firefly:nth-child(40)::before {
    animation-duration: 11s;
}

.firefly:nth-child(40)::after {
    animation-duration: 11s, 8381ms;
    animation-delay: 0ms, 6308ms;
}

@keyframes move40 {
    0% {
        transform: translateX(2vw) translateY(28vh) scale(0.98);
    }

    4.5454545455% {
        transform: translateX(22vw) translateY(23vh) scale(0.93);
    }

    9.0909090909% {
        transform: translateX(-22vw) translateY(-46vh) scale(0.47);
    }

    13.6363636364% {
        transform: translateX(-21vw) translateY(15vh) scale(0.69);
    }

    18.1818181818% {
        transform: translateX(-28vw) translateY(-18vh) scale(0.29);
    }

    22.7272727273% {
        transform: translateX(-12vw) translateY(-35vh) scale(0.84);
    }

    27.2727272727% {
        transform: translateX(-11vw) translateY(37vh) scale(0.82);
    }

    31.8181818182% {
        transform: translateX(25vw) translateY(4vh) scale(0.69);
    }

    36.3636363636% {
        transform: translateX(4vw) translateY(-36vh) scale(0.36);
    }

    40.9090909091% {
        transform: translateX(47vw) translateY(-25vh) scale(0.94);
    }

    45.4545454545% {
        transform: translateX(25vw) translateY(-5vh) scale(0.68);
    }

    50% {
        transform: translateX(46vw) translateY(25vh) scale(0.65);
    }

    54.5454545455% {
        transform: translateX(41vw) translateY(38vh) scale(0.54);
    }

    59.0909090909% {
        transform: translateX(-23vw) translateY(24vh) scale(0.59);
    }

    63.6363636364% {
        transform: translateX(-14vw) translateY(14vh) scale(0.35);
    }

    68.1818181818% {
        transform: translateX(-19vw) translateY(-22vh) scale(0.77);
    }

    72.7272727273% {
        transform: translateX(-18vw) translateY(3vh) scale(0.77);
    }

    77.2727272727% {
        transform: translateX(-11vw) translateY(-17vh) scale(0.47);
    }

    81.8181818182% {
        transform: translateX(9vw) translateY(-47vh) scale(0.98);
    }

    86.3636363636% {
        transform: translateX(-8vw) translateY(1vh) scale(0.56);
    }

    90.9090909091% {
        transform: translateX(44vw) translateY(15vh) scale(0.84);
    }

    95.4545454545% {
        transform: translateX(-20vw) translateY(8vh) scale(0.38);
    }

    100% {
        transform: translateX(25vw) translateY(-23vh) scale(0.54);
    }
}

.firefly:nth-child(41) {
    animation-name: move41;
}

.firefly:nth-child(41)::before {
    animation-duration: 12s;
}

.firefly:nth-child(41)::after {
    animation-duration: 12s, 5081ms;
    animation-delay: 0ms, 1051ms;
}

@keyframes move41 {
    0% {
        transform: translateX(-43vw) translateY(-19vh) scale(0.37);
    }

    4.347826087% {
        transform: translateX(-34vw) translateY(-34vh) scale(0.42);
    }

    8.6956521739% {
        transform: translateX(-27vw) translateY(-42vh) scale(0.69);
    }

    13.0434782609% {
        transform: translateX(37vw) translateY(-37vh) scale(0.5);
    }

    17.3913043478% {
        transform: translateX(5vw) translateY(35vh) scale(0.58);
    }

    21.7391304348% {
        transform: translateX(-2vw) translateY(3vh) scale(0.96);
    }

    26.0869565217% {
        transform: translateX(22vw) translateY(43vh) scale(0.49);
    }

    30.4347826087% {
        transform: translateX(-47vw) translateY(40vh) scale(0.99);
    }

    34.7826086957% {
        transform: translateX(-3vw) translateY(40vh) scale(0.27);
    }

    39.1304347826% {
        transform: translateX(-2vw) translateY(-4vh) scale(0.45);
    }

    43.4782608696% {
        transform: translateX(30vw) translateY(-31vh) scale(0.53);
    }

    47.8260869565% {
        transform: translateX(-43vw) translateY(29vh) scale(0.82);
    }

    52.1739130435% {
        transform: translateX(-4vw) translateY(-39vh) scale(0.59);
    }

    56.5217391304% {
        transform: translateX(19vw) translateY(-33vh) scale(0.51);
    }

    60.8695652174% {
        transform: translateX(-42vw) translateY(28vh) scale(0.41);
    }

    65.2173913043% {
        transform: translateX(38vw) translateY(-7vh) scale(0.87);
    }

    69.5652173913% {
        transform: translateX(38vw) translateY(-44vh) scale(0.53);
    }

    73.9130434783% {
        transform: translateX(-4vw) translateY(48vh) scale(0.64);
    }

    78.2608695652% {
        transform: translateX(15vw) translateY(18vh) scale(0.77);
    }

    82.6086956522% {
        transform: translateX(-17vw) translateY(35vh) scale(0.77);
    }

    86.9565217391% {
        transform: translateX(12vw) translateY(-37vh) scale(0.87);
    }

    91.3043478261% {
        transform: translateX(44vw) translateY(36vh) scale(0.53);
    }

    95.652173913% {
        transform: translateX(45vw) translateY(-19vh) scale(0.34);
    }

    100% {
        transform: translateX(16vw) translateY(-43vh) scale(0.63);
    }
}

.firefly:nth-child(42) {
    animation-name: move42;
}

.firefly:nth-child(42)::before {
    animation-duration: 9s;
}

.firefly:nth-child(42)::after {
    animation-duration: 9s, 10916ms;
    animation-delay: 0ms, 3991ms;
}

@keyframes move42 {
    0% {
        transform: translateX(-39vw) translateY(42vh) scale(0.94);
    }

    5.8823529412% {
        transform: translateX(18vw) translateY(-48vh) scale(0.44);
    }

    11.7647058824% {
        transform: translateX(-44vw) translateY(-37vh) scale(0.52);
    }

    17.6470588235% {
        transform: translateX(-6vw) translateY(35vh) scale(0.46);
    }

    23.5294117647% {
        transform: translateX(-34vw) translateY(-32vh) scale(0.38);
    }

    29.4117647059% {
        transform: translateX(-21vw) translateY(3vh) scale(0.64);
    }

    35.2941176471% {
        transform: translateX(-24vw) translateY(-28vh) scale(0.35);
    }

    41.1764705882% {
        transform: translateX(30vw) translateY(-48vh) scale(0.76);
    }

    47.0588235294% {
        transform: translateX(19vw) translateY(20vh) scale(0.34);
    }

    52.9411764706% {
        transform: translateX(8vw) translateY(-29vh) scale(0.94);
    }

    58.8235294118% {
        transform: translateX(-41vw) translateY(-18vh) scale(0.77);
    }

    64.7058823529% {
        transform: translateX(-1vw) translateY(-34vh) scale(0.8);
    }

    70.5882352941% {
        transform: translateX(38vw) translateY(-28vh) scale(0.3);
    }

    76.4705882353% {
        transform: translateX(32vw) translateY(18vh) scale(0.31);
    }

    82.3529411765% {
        transform: translateX(12vw) translateY(-34vh) scale(0.32);
    }

    88.2352941176% {
        transform: translateX(-1vw) translateY(-46vh) scale(0.7);
    }

    94.1176470588% {
        transform: translateX(35vw) translateY(-28vh) scale(0.69);
    }

    100% {
        transform: translateX(42vw) translateY(-5vh) scale(0.27);
    }
}

.firefly:nth-child(43) {
    animation-name: move43;
}

.firefly:nth-child(43)::before {
    animation-duration: 10s;
}

.firefly:nth-child(43)::after {
    animation-duration: 10s, 10823ms;
    animation-delay: 0ms, 858ms;
}

@keyframes move43 {
    0% {
        transform: translateX(32vw) translateY(-18vh) scale(0.94);
    }

    5.2631578947% {
        transform: translateX(0vw) translateY(-12vh) scale(0.43);
    }

    10.5263157895% {
        transform: translateX(-49vw) translateY(-3vh) scale(0.42);
    }

    15.7894736842% {
        transform: translateX(34vw) translateY(38vh) scale(0.85);
    }

    21.0526315789% {
        transform: translateX(-27vw) translateY(-19vh) scale(0.41);
    }

    26.3157894737% {
        transform: translateX(-10vw) translateY(12vh) scale(0.41);
    }

    31.5789473684% {
        transform: translateX(40vw) translateY(-38vh) scale(0.58);
    }

    36.8421052632% {
        transform: translateX(-43vw) translateY(9vh) scale(0.61);
    }

    42.1052631579% {
        transform: translateX(1vw) translateY(21vh) scale(0.38);
    }

    47.3684210526% {
        transform: translateX(6vw) translateY(-6vh) scale(0.7);
    }

    52.6315789474% {
        transform: translateX(-40vw) translateY(5vh) scale(0.64);
    }

    57.8947368421% {
        transform: translateX(45vw) translateY(1vh) scale(0.91);
    }

    63.1578947368% {
        transform: translateX(-46vw) translateY(24vh) scale(0.81);
    }

    68.4210526316% {
        transform: translateX(-13vw) translateY(29vh) scale(0.39);
    }

    73.6842105263% {
        transform: translateX(25vw) translateY(34vh) scale(0.86);
    }

    78.9473684211% {
        transform: translateX(28vw) translateY(-30vh) scale(0.41);
    }

    84.2105263158% {
        transform: translateX(-8vw) translateY(43vh) scale(0.34);
    }

    89.4736842105% {
        transform: translateX(3vw) translateY(-36vh) scale(0.89);
    }

    94.7368421053% {
        transform: translateX(-42vw) translateY(-48vh) scale(0.89);
    }

    100% {
        transform: translateX(-41vw) translateY(18vh) scale(0.83);
    }
}

.firefly:nth-child(44) {
    animation-name: move44;
}

.firefly:nth-child(44)::before {
    animation-duration: 9s;
}

.firefly:nth-child(44)::after {
    animation-duration: 9s, 9823ms;
    animation-delay: 0ms, 2075ms;
}

@keyframes move44 {
    0% {
        transform: translateX(-30vw) translateY(8vh) scale(0.46);
    }

    3.5714285714% {
        transform: translateX(16vw) translateY(-47vh) scale(0.94);
    }

    7.1428571429% {
        transform: translateX(-2vw) translateY(-49vh) scale(0.28);
    }

    10.7142857143% {
        transform: translateX(49vw) translateY(3vh) scale(0.34);
    }

    14.2857142857% {
        transform: translateX(14vw) translateY(25vh) scale(0.65);
    }

    17.8571428571% {
        transform: translateX(42vw) translateY(-28vh) scale(0.98);
    }

    21.4285714286% {
        transform: translateX(17vw) translateY(-47vh) scale(0.92);
    }

    25% {
        transform: translateX(-6vw) translateY(42vh) scale(0.37);
    }

    28.5714285714% {
        transform: translateX(0vw) translateY(-11vh) scale(0.34);
    }

    32.1428571429% {
        transform: translateX(10vw) translateY(-25vh) scale(0.48);
    }

    35.7142857143% {
        transform: translateX(-13vw) translateY(37vh) scale(0.59);
    }

    39.2857142857% {
        transform: translateX(12vw) translateY(-6vh) scale(0.58);
    }

    42.8571428571% {
        transform: translateX(11vw) translateY(43vh) scale(0.69);
    }

    46.4285714286% {
        transform: translateX(2vw) translateY(-11vh) scale(1);
    }

    50% {
        transform: translateX(1vw) translateY(47vh) scale(0.94);
    }

    53.5714285714% {
        transform: translateX(30vw) translateY(31vh) scale(1);
    }

    57.1428571429% {
        transform: translateX(-17vw) translateY(-15vh) scale(0.48);
    }

    60.7142857143% {
        transform: translateX(-16vw) translateY(26vh) scale(0.5);
    }

    64.2857142857% {
        transform: translateX(-32vw) translateY(6vh) scale(0.93);
    }

    67.8571428571% {
        transform: translateX(-37vw) translateY(-4vh) scale(0.76);
    }

    71.4285714286% {
        transform: translateX(32vw) translateY(45vh) scale(0.93);
    }

    75% {
        transform: translateX(18vw) translateY(-16vh) scale(0.41);
    }

    78.5714285714% {
        transform: translateX(-27vw) translateY(-43vh) scale(0.85);
    }

    82.1428571429% {
        transform: translateX(50vw) translateY(-15vh) scale(0.82);
    }

    85.7142857143% {
        transform: translateX(32vw) translateY(18vh) scale(0.65);
    }

    89.2857142857% {
        transform: translateX(43vw) translateY(-10vh) scale(0.92);
    }

    92.8571428571% {
        transform: translateX(28vw) translateY(41vh) scale(0.36);
    }

    96.4285714286% {
        transform: translateX(39vw) translateY(16vh) scale(0.75);
    }

    100% {
        transform: translateX(-33vw) translateY(41vh) scale(0.54);
    }
}

.firefly:nth-child(45) {
    animation-name: move45;
}

.firefly:nth-child(45)::before {
    animation-duration: 10s;
}

.firefly:nth-child(45)::after {
    animation-duration: 10s, 9927ms;
    animation-delay: 0ms, 1421ms;
}

@keyframes move45 {
    0% {
        transform: translateX(30vw) translateY(36vh) scale(0.83);
    }

    3.7037037037% {
        transform: translateX(-40vw) translateY(-44vh) scale(0.97);
    }

    7.4074074074% {
        transform: translateX(39vw) translateY(29vh) scale(0.52);
    }

    11.1111111111% {
        transform: translateX(37vw) translateY(29vh) scale(0.89);
    }

    14.8148148148% {
        transform: translateX(14vw) translateY(39vh) scale(0.62);
    }

    18.5185185185% {
        transform: translateX(-28vw) translateY(-3vh) scale(0.78);
    }

    22.2222222222% {
        transform: translateX(3vw) translateY(-25vh) scale(0.89);
    }

    25.9259259259% {
        transform: translateX(-19vw) translateY(42vh) scale(0.64);
    }

    29.6296296296% {
        transform: translateX(-4vw) translateY(-5vh) scale(0.41);
    }

    33.3333333333% {
        transform: translateX(24vw) translateY(-13vh) scale(0.69);
    }

    37.037037037% {
        transform: translateX(-2vw) translateY(46vh) scale(1);
    }

    40.7407407407% {
        transform: translateX(-9vw) translateY(23vh) scale(0.58);
    }

    44.4444444444% {
        transform: translateX(46vw) translateY(-1vh) scale(0.6);
    }

    48.1481481481% {
        transform: translateX(-16vw) translateY(15vh) scale(0.62);
    }

    51.8518518519% {
        transform: translateX(20vw) translateY(-19vh) scale(0.78);
    }

    55.5555555556% {
        transform: translateX(-11vw) translateY(-28vh) scale(0.82);
    }

    59.2592592593% {
        transform: translateX(26vw) translateY(-45vh) scale(0.89);
    }

    62.962962963% {
        transform: translateX(-46vw) translateY(50vh) scale(0.42);
    }

    66.6666666667% {
        transform: translateX(-19vw) translateY(46vh) scale(0.48);
    }

    70.3703703704% {
        transform: translateX(36vw) translateY(31vh) scale(0.41);
    }

    74.0740740741% {
        transform: translateX(-41vw) translateY(23vh) scale(0.56);
    }

    77.7777777778% {
        transform: translateX(22vw) translateY(8vh) scale(0.55);
    }

    81.4814814815% {
        transform: translateX(-1vw) translateY(-38vh) scale(0.26);
    }

    85.1851851852% {
        transform: translateX(-10vw) translateY(32vh) scale(0.42);
    }

    88.8888888889% {
        transform: translateX(-45vw) translateY(13vh) scale(0.62);
    }

    92.5925925926% {
        transform: translateX(49vw) translateY(-23vh) scale(0.68);
    }

    96.2962962963% {
        transform: translateX(22vw) translateY(24vh) scale(0.49);
    }

    100% {
        transform: translateX(-21vw) translateY(-3vh) scale(0.9);
    }
}

.firefly:nth-child(46) {
    animation-name: move46;
}

.firefly:nth-child(46)::before {
    animation-duration: 13s;
}

.firefly:nth-child(46)::after {
    animation-duration: 13s, 8977ms;
    animation-delay: 0ms, 2007ms;
}

@keyframes move46 {
    0% {
        transform: translateX(9vw) translateY(-23vh) scale(0.41);
    }

    4.347826087% {
        transform: translateX(12vw) translateY(-15vh) scale(0.86);
    }

    8.6956521739% {
        transform: translateX(-48vw) translateY(41vh) scale(0.37);
    }

    13.0434782609% {
        transform: translateX(30vw) translateY(-1vh) scale(0.92);
    }

    17.3913043478% {
        transform: translateX(35vw) translateY(33vh) scale(0.51);
    }

    21.7391304348% {
        transform: translateX(-43vw) translateY(21vh) scale(0.95);
    }

    26.0869565217% {
        transform: translateX(17vw) translateY(18vh) scale(1);
    }

    30.4347826087% {
        transform: translateX(-23vw) translateY(48vh) scale(0.69);
    }

    34.7826086957% {
        transform: translateX(-3vw) translateY(18vh) scale(0.29);
    }

    39.1304347826% {
        transform: translateX(12vw) translateY(45vh) scale(0.97);
    }

    43.4782608696% {
        transform: translateX(45vw) translateY(13vh) scale(0.99);
    }

    47.8260869565% {
        transform: translateX(-13vw) translateY(-25vh) scale(0.56);
    }

    52.1739130435% {
        transform: translateX(-26vw) translateY(26vh) scale(0.67);
    }

    56.5217391304% {
        transform: translateX(48vw) translateY(42vh) scale(0.99);
    }

    60.8695652174% {
        transform: translateX(15vw) translateY(17vh) scale(0.48);
    }

    65.2173913043% {
        transform: translateX(3vw) translateY(-41vh) scale(0.54);
    }

    69.5652173913% {
        transform: translateX(-15vw) translateY(42vh) scale(0.9);
    }

    73.9130434783% {
        transform: translateX(-6vw) translateY(-42vh) scale(0.89);
    }

    78.2608695652% {
        transform: translateX(-6vw) translateY(-32vh) scale(0.33);
    }

    82.6086956522% {
        transform: translateX(-32vw) translateY(-17vh) scale(0.41);
    }

    86.9565217391% {
        transform: translateX(33vw) translateY(-16vh) scale(0.88);
    }

    91.3043478261% {
        transform: translateX(17vw) translateY(7vh) scale(0.53);
    }

    95.652173913% {
        transform: translateX(-20vw) translateY(10vh) scale(0.44);
    }

    100% {
        transform: translateX(-23vw) translateY(8vh) scale(0.49);
    }
}

.firefly:nth-child(47) {
    animation-name: move47;
}

.firefly:nth-child(47)::before {
    animation-duration: 18s;
}

.firefly:nth-child(47)::after {
    animation-duration: 18s, 9244ms;
    animation-delay: 0ms, 2773ms;
}

@keyframes move47 {
    0% {
        transform: translateX(15vw) translateY(-17vh) scale(0.94);
    }

    4.5454545455% {
        transform: translateX(14vw) translateY(-13vh) scale(0.33);
    }

    9.0909090909% {
        transform: translateX(14vw) translateY(-22vh) scale(0.89);
    }

    13.6363636364% {
        transform: translateX(-4vw) translateY(40vh) scale(0.29);
    }

    18.1818181818% {
        transform: translateX(-43vw) translateY(16vh) scale(0.9);
    }

    22.7272727273% {
        transform: translateX(29vw) translateY(42vh) scale(0.77);
    }

    27.2727272727% {
        transform: translateX(-18vw) translateY(8vh) scale(0.82);
    }

    31.8181818182% {
        transform: translateX(31vw) translateY(16vh) scale(0.86);
    }

    36.3636363636% {
        transform: translateX(6vw) translateY(29vh) scale(1);
    }

    40.9090909091% {
        transform: translateX(29vw) translateY(-45vh) scale(0.61);
    }

    45.4545454545% {
        transform: translateX(36vw) translateY(11vh) scale(0.98);
    }

    50% {
        transform: translateX(2vw) translateY(15vh) scale(0.58);
    }

    54.5454545455% {
        transform: translateX(-4vw) translateY(-25vh) scale(0.64);
    }

    59.0909090909% {
        transform: translateX(22vw) translateY(37vh) scale(0.34);
    }

    63.6363636364% {
        transform: translateX(17vw) translateY(46vh) scale(0.36);
    }

    68.1818181818% {
        transform: translateX(-4vw) translateY(16vh) scale(0.54);
    }

    72.7272727273% {
        transform: translateX(9vw) translateY(-38vh) scale(0.31);
    }

    77.2727272727% {
        transform: translateX(37vw) translateY(30vh) scale(0.94);
    }

    81.8181818182% {
        transform: translateX(-37vw) translateY(-26vh) scale(0.99);
    }

    86.3636363636% {
        transform: translateX(29vw) translateY(49vh) scale(0.98);
    }

    90.9090909091% {
        transform: translateX(45vw) translateY(24vh) scale(0.98);
    }

    95.4545454545% {
        transform: translateX(-24vw) translateY(16vh) scale(0.26);
    }

    100% {
        transform: translateX(-6vw) translateY(-37vh) scale(0.77);
    }
}

.firefly:nth-child(48) {
    animation-name: move48;
}

.firefly:nth-child(48)::before {
    animation-duration: 13s;
}

.firefly:nth-child(48)::after {
    animation-duration: 13s, 10254ms;
    animation-delay: 0ms, 3662ms;
}

@keyframes move48 {
    0% {
        transform: translateX(42vw) translateY(24vh) scale(0.45);
    }

    4.347826087% {
        transform: translateX(-13vw) translateY(-39vh) scale(1);
    }

    8.6956521739% {
        transform: translateX(-43vw) translateY(-49vh) scale(0.88);
    }

    13.0434782609% {
        transform: translateX(7vw) translateY(0vh) scale(0.73);
    }

    17.3913043478% {
        transform: translateX(-48vw) translateY(-42vh) scale(0.76);
    }

    21.7391304348% {
        transform: translateX(-40vw) translateY(38vh) scale(0.98);
    }

    26.0869565217% {
        transform: translateX(-2vw) translateY(39vh) scale(0.54);
    }

    30.4347826087% {
        transform: translateX(26vw) translateY(22vh) scale(0.26);
    }

    34.7826086957% {
        transform: translateX(-7vw) translateY(48vh) scale(0.94);
    }

    39.1304347826% {
        transform: translateX(34vw) translateY(42vh) scale(0.57);
    }

    43.4782608696% {
        transform: translateX(19vw) translateY(-21vh) scale(0.46);
    }

    47.8260869565% {
        transform: translateX(-19vw) translateY(12vh) scale(0.98);
    }

    52.1739130435% {
        transform: translateX(-18vw) translateY(50vh) scale(0.66);
    }

    56.5217391304% {
        transform: translateX(-18vw) translateY(38vh) scale(0.8);
    }

    60.8695652174% {
        transform: translateX(-48vw) translateY(-18vh) scale(0.58);
    }

    65.2173913043% {
        transform: translateX(39vw) translateY(43vh) scale(0.96);
    }

    69.5652173913% {
        transform: translateX(-15vw) translateY(17vh) scale(0.38);
    }

    73.9130434783% {
        transform: translateX(-13vw) translateY(12vh) scale(0.32);
    }

    78.2608695652% {
        transform: translateX(4vw) translateY(-11vh) scale(0.65);
    }

    82.6086956522% {
        transform: translateX(21vw) translateY(47vh) scale(0.49);
    }

    86.9565217391% {
        transform: translateX(-9vw) translateY(-8vh) scale(0.72);
    }

    91.3043478261% {
        transform: translateX(-23vw) translateY(12vh) scale(0.56);
    }

    95.652173913% {
        transform: translateX(1vw) translateY(5vh) scale(0.42);
    }

    100% {
        transform: translateX(-37vw) translateY(36vh) scale(0.67);
    }
}

.firefly:nth-child(49) {
    animation-name: move49;
}

.firefly:nth-child(49)::before {
    animation-duration: 11s;
}

.firefly:nth-child(49)::after {
    animation-duration: 11s, 6682ms;
    animation-delay: 0ms, 3591ms;
}

@keyframes move49 {
    0% {
        transform: translateX(-10vw) translateY(-44vh) scale(0.82);
    }

    3.5714285714% {
        transform: translateX(-22vw) translateY(-23vh) scale(0.75);
    }

    7.1428571429% {
        transform: translateX(-29vw) translateY(23vh) scale(0.27);
    }

    10.7142857143% {
        transform: translateX(45vw) translateY(-48vh) scale(0.34);
    }

    14.2857142857% {
        transform: translateX(17vw) translateY(-22vh) scale(0.79);
    }

    17.8571428571% {
        transform: translateX(-10vw) translateY(0vh) scale(0.83);
    }

    21.4285714286% {
        transform: translateX(17vw) translateY(-23vh) scale(0.83);
    }

    25% {
        transform: translateX(41vw) translateY(-42vh) scale(0.92);
    }

    28.5714285714% {
        transform: translateX(8vw) translateY(-5vh) scale(0.72);
    }

    32.1428571429% {
        transform: translateX(24vw) translateY(14vh) scale(0.91);
    }

    35.7142857143% {
        transform: translateX(48vw) translateY(6vh) scale(0.7);
    }

    39.2857142857% {
        transform: translateX(41vw) translateY(40vh) scale(0.89);
    }

    42.8571428571% {
        transform: translateX(43vw) translateY(-5vh) scale(0.73);
    }

    46.4285714286% {
        transform: translateX(-17vw) translateY(18vh) scale(0.58);
    }

    50% {
        transform: translateX(27vw) translateY(44vh) scale(0.41);
    }

    53.5714285714% {
        transform: translateX(-17vw) translateY(-40vh) scale(0.77);
    }

    57.1428571429% {
        transform: translateX(38vw) translateY(48vh) scale(0.5);
    }

    60.7142857143% {
        transform: translateX(22vw) translateY(-25vh) scale(0.86);
    }

    64.2857142857% {
        transform: translateX(-38vw) translateY(30vh) scale(0.75);
    }

    67.8571428571% {
        transform: translateX(-15vw) translateY(-32vh) scale(0.62);
    }

    71.4285714286% {
        transform: translateX(23vw) translateY(35vh) scale(0.95);
    }

    75% {
        transform: translateX(-29vw) translateY(8vh) scale(0.62);
    }

    78.5714285714% {
        transform: translateX(-10vw) translateY(28vh) scale(0.79);
    }

    82.1428571429% {
        transform: translateX(22vw) translateY(-49vh) scale(0.92);
    }

    85.7142857143% {
        transform: translateX(42vw) translateY(-42vh) scale(0.49);
    }

    89.2857142857% {
        transform: translateX(-47vw) translateY(-27vh) scale(0.79);
    }

    92.8571428571% {
        transform: translateX(6vw) translateY(49vh) scale(0.47);
    }

    96.4285714286% {
        transform: translateX(41vw) translateY(-2vh) scale(0.26);
    }

    100% {
        transform: translateX(-37vw) translateY(30vh) scale(0.44);
    }
}

.firefly:nth-child(50) {
    animation-name: move50;
}

.firefly:nth-child(50)::before {
    animation-duration: 11s;
}

.firefly:nth-child(50)::after {
    animation-duration: 11s, 7742ms;
    animation-delay: 0ms, 2219ms;
}

@keyframes move50 {
    0% {
        transform: translateX(2vw) translateY(-15vh) scale(0.57);
    }

    4% {
        transform: translateX(-42vw) translateY(-14vh) scale(0.44);
    }

    8% {
        transform: translateX(6vw) translateY(22vh) scale(0.99);
    }

    12% {
        transform: translateX(6vw) translateY(23vh) scale(0.48);
    }

    16% {
        transform: translateX(-32vw) translateY(50vh) scale(0.82);
    }

    20% {
        transform: translateX(-30vw) translateY(-41vh) scale(0.39);
    }

    24% {
        transform: translateX(8vw) translateY(44vh) scale(0.51);
    }

    28% {
        transform: translateX(-6vw) translateY(-16vh) scale(0.69);
    }

    32% {
        transform: translateX(42vw) translateY(7vh) scale(0.99);
    }

    36% {
        transform: translateX(-41vw) translateY(18vh) scale(0.44);
    }

    40% {
        transform: translateX(14vw) translateY(17vh) scale(0.35);
    }

    44% {
        transform: translateX(-4vw) translateY(-31vh) scale(0.51);
    }

    48% {
        transform: translateX(-3vw) translateY(-11vh) scale(0.38);
    }

    52% {
        transform: translateX(27vw) translateY(-12vh) scale(0.41);
    }

    56% {
        transform: translateX(-35vw) translateY(-29vh) scale(0.83);
    }

    60% {
        transform: translateX(-30vw) translateY(-26vh) scale(0.76);
    }

    64% {
        transform: translateX(-5vw) translateY(13vh) scale(0.9);
    }

    68% {
        transform: translateX(-12vw) translateY(-23vh) scale(0.79);
    }

    72% {
        transform: translateX(18vw) translateY(-15vh) scale(0.37);
    }

    76% {
        transform: translateX(-13vw) translateY(3vh) scale(0.58);
    }

    80% {
        transform: translateX(50vw) translateY(0vh) scale(0.32);
    }

    84% {
        transform: translateX(-4vw) translateY(4vh) scale(0.87);
    }

    88% {
        transform: translateX(-46vw) translateY(-11vh) scale(0.33);
    }

    92% {
        transform: translateX(-38vw) translateY(41vh) scale(0.91);
    }

    96% {
        transform: translateX(41vw) translateY(-10vh) scale(0.93);
    }

    100% {
        transform: translateX(-35vw) translateY(3vh) scale(0.92);
    }
}

.firefly:nth-child(51) {
    animation-name: move51;
}

.firefly:nth-child(51)::before {
    animation-duration: 16s;
}

.firefly:nth-child(51)::after {
    animation-duration: 16s, 5419ms;
    animation-delay: 0ms, 6403ms;
}

@keyframes move51 {
    0% {
        transform: translateX(44vw) translateY(-3vh) scale(0.62);
    }

    5.8823529412% {
        transform: translateX(-25vw) translateY(39vh) scale(0.77);
    }

    11.7647058824% {
        transform: translateX(-4vw) translateY(33vh) scale(0.91);
    }

    17.6470588235% {
        transform: translateX(35vw) translateY(-12vh) scale(0.76);
    }

    23.5294117647% {
        transform: translateX(29vw) translateY(48vh) scale(0.45);
    }

    29.4117647059% {
        transform: translateX(3vw) translateY(-33vh) scale(0.61);
    }

    35.2941176471% {
        transform: translateX(-13vw) translateY(-47vh) scale(0.95);
    }

    41.1764705882% {
        transform: translateX(50vw) translateY(41vh) scale(0.32);
    }

    47.0588235294% {
        transform: translateX(-2vw) translateY(-27vh) scale(0.67);
    }

    52.9411764706% {
        transform: translateX(-21vw) translateY(0vh) scale(0.84);
    }

    58.8235294118% {
        transform: translateX(2vw) translateY(-19vh) scale(0.58);
    }

    64.7058823529% {
        transform: translateX(38vw) translateY(36vh) scale(0.96);
    }

    70.5882352941% {
        transform: translateX(8vw) translateY(26vh) scale(0.99);
    }

    76.4705882353% {
        transform: translateX(32vw) translateY(42vh) scale(0.95);
    }

    82.3529411765% {
        transform: translateX(-45vw) translateY(34vh) scale(0.64);
    }

    88.2352941176% {
        transform: translateX(5vw) translateY(47vh) scale(0.81);
    }

    94.1176470588% {
        transform: translateX(28vw) translateY(44vh) scale(0.63);
    }

    100% {
        transform: translateX(11vw) translateY(46vh) scale(0.29);
    }
}

.firefly:nth-child(52) {
    animation-name: move52;
}

.firefly:nth-child(52)::before {
    animation-duration: 9s;
}

.firefly:nth-child(52)::after {
    animation-duration: 9s, 9854ms;
    animation-delay: 0ms, 1757ms;
}

@keyframes move52 {
    0% {
        transform: translateX(14vw) translateY(-41vh) scale(0.35);
    }

    4.7619047619% {
        transform: translateX(-28vw) translateY(36vh) scale(0.63);
    }

    9.5238095238% {
        transform: translateX(12vw) translateY(6vh) scale(0.63);
    }

    14.2857142857% {
        transform: translateX(16vw) translateY(-45vh) scale(0.49);
    }

    19.0476190476% {
        transform: translateX(40vw) translateY(5vh) scale(0.36);
    }

    23.8095238095% {
        transform: translateX(-28vw) translateY(6vh) scale(0.84);
    }

    28.5714285714% {
        transform: translateX(1vw) translateY(-45vh) scale(0.56);
    }

    33.3333333333% {
        transform: translateX(-41vw) translateY(15vh) scale(0.31);
    }

    38.0952380952% {
        transform: translateX(22vw) translateY(37vh) scale(0.97);
    }

    42.8571428571% {
        transform: translateX(16vw) translateY(-45vh) scale(0.86);
    }

    47.619047619% {
        transform: translateX(18vw) translateY(15vh) scale(0.9);
    }

    52.380952381% {
        transform: translateX(-32vw) translateY(-20vh) scale(0.92);
    }

    57.1428571429% {
        transform: translateX(-1vw) translateY(-8vh) scale(0.54);
    }

    61.9047619048% {
        transform: translateX(12vw) translateY(-8vh) scale(0.28);
    }

    66.6666666667% {
        transform: translateX(50vw) translateY(-31vh) scale(0.33);
    }

    71.4285714286% {
        transform: translateX(-37vw) translateY(-33vh) scale(0.89);
    }

    76.1904761905% {
        transform: translateX(-46vw) translateY(41vh) scale(0.6);
    }

    80.9523809524% {
        transform: translateX(47vw) translateY(-13vh) scale(0.74);
    }

    85.7142857143% {
        transform: translateX(46vw) translateY(22vh) scale(0.87);
    }

    90.4761904762% {
        transform: translateX(-48vw) translateY(33vh) scale(0.36);
    }

    95.2380952381% {
        transform: translateX(49vw) translateY(-8vh) scale(0.54);
    }

    100% {
        transform: translateX(41vw) translateY(3vh) scale(0.38);
    }
}

.firefly:nth-child(53) {
    animation-name: move53;
}

.firefly:nth-child(53)::before {
    animation-duration: 14s;
}

.firefly:nth-child(53)::after {
    animation-duration: 14s, 10100ms;
    animation-delay: 0ms, 5807ms;
}

@keyframes move53 {
    0% {
        transform: translateX(4vw) translateY(16vh) scale(0.35);
    }

    4.5454545455% {
        transform: translateX(-15vw) translateY(-7vh) scale(0.72);
    }

    9.0909090909% {
        transform: translateX(-14vw) translateY(-34vh) scale(0.36);
    }

    13.6363636364% {
        transform: translateX(34vw) translateY(-43vh) scale(0.6);
    }

    18.1818181818% {
        transform: translateX(16vw) translateY(10vh) scale(0.7);
    }

    22.7272727273% {
        transform: translateX(41vw) translateY(-10vh) scale(0.54);
    }

    27.2727272727% {
        transform: translateX(43vw) translateY(26vh) scale(1);
    }

    31.8181818182% {
        transform: translateX(-28vw) translateY(-28vh) scale(0.41);
    }

    36.3636363636% {
        transform: translateX(-4vw) translateY(-6vh) scale(0.69);
    }

    40.9090909091% {
        transform: translateX(42vw) translateY(-8vh) scale(0.43);
    }

    45.4545454545% {
        transform: translateX(37vw) translateY(-33vh) scale(0.36);
    }

    50% {
        transform: translateX(-14vw) translateY(-27vh) scale(0.63);
    }

    54.5454545455% {
        transform: translateX(6vw) translateY(39vh) scale(0.39);
    }

    59.0909090909% {
        transform: translateX(34vw) translateY(-23vh) scale(0.84);
    }

    63.6363636364% {
        transform: translateX(-39vw) translateY(-19vh) scale(0.91);
    }

    68.1818181818% {
        transform: translateX(8vw) translateY(24vh) scale(0.42);
    }

    72.7272727273% {
        transform: translateX(-34vw) translateY(-14vh) scale(1);
    }

    77.2727272727% {
        transform: translateX(-32vw) translateY(33vh) scale(0.33);
    }

    81.8181818182% {
        transform: translateX(36vw) translateY(-36vh) scale(0.84);
    }

    86.3636363636% {
        transform: translateX(-3vw) translateY(-9vh) scale(0.9);
    }

    90.9090909091% {
        transform: translateX(13vw) translateY(48vh) scale(0.54);
    }

    95.4545454545% {
        transform: translateX(-32vw) translateY(36vh) scale(0.65);
    }

    100% {
        transform: translateX(27vw) translateY(-48vh) scale(0.77);
    }
}

.firefly:nth-child(54) {
    animation-name: move54;
}

.firefly:nth-child(54)::before {
    animation-duration: 15s;
}

.firefly:nth-child(54)::after {
    animation-duration: 15s, 6830ms;
    animation-delay: 0ms, 886ms;
}

@keyframes move54 {
    0% {
        transform: translateX(-35vw) translateY(32vh) scale(0.34);
    }

    3.8461538462% {
        transform: translateX(21vw) translateY(11vh) scale(0.79);
    }

    7.6923076923% {
        transform: translateX(-9vw) translateY(-7vh) scale(0.29);
    }

    11.5384615385% {
        transform: translateX(-45vw) translateY(8vh) scale(0.81);
    }

    15.3846153846% {
        transform: translateX(-24vw) translateY(42vh) scale(0.46);
    }

    19.2307692308% {
        transform: translateX(15vw) translateY(38vh) scale(0.56);
    }

    23.0769230769% {
        transform: translateX(42vw) translateY(-28vh) scale(0.6);
    }

    26.9230769231% {
        transform: translateX(-33vw) translateY(-49vh) scale(0.36);
    }

    30.7692307692% {
        transform: translateX(23vw) translateY(33vh) scale(0.28);
    }

    34.6153846154% {
        transform: translateX(5vw) translateY(-11vh) scale(0.45);
    }

    38.4615384615% {
        transform: translateX(10vw) translateY(-35vh) scale(0.31);
    }

    42.3076923077% {
        transform: translateX(-3vw) translateY(16vh) scale(0.42);
    }

    46.1538461538% {
        transform: translateX(22vw) translateY(20vh) scale(0.77);
    }

    50% {
        transform: translateX(-46vw) translateY(-7vh) scale(0.33);
    }

    53.8461538462% {
        transform: translateX(-10vw) translateY(-8vh) scale(0.65);
    }

    57.6923076923% {
        transform: translateX(-33vw) translateY(-32vh) scale(0.82);
    }

    61.5384615385% {
        transform: translateX(-14vw) translateY(-44vh) scale(0.37);
    }

    65.3846153846% {
        transform: translateX(-12vw) translateY(-8vh) scale(0.3);
    }

    69.2307692308% {
        transform: translateX(-5vw) translateY(-17vh) scale(0.94);
    }

    73.0769230769% {
        transform: translateX(29vw) translateY(43vh) scale(0.75);
    }

    76.9230769231% {
        transform: translateX(22vw) translateY(21vh) scale(0.46);
    }

    80.7692307692% {
        transform: translateX(1vw) translateY(-40vh) scale(0.88);
    }

    84.6153846154% {
        transform: translateX(0vw) translateY(48vh) scale(0.65);
    }

    88.4615384615% {
        transform: translateX(-12vw) translateY(-4vh) scale(0.98);
    }

    92.3076923077% {
        transform: translateX(7vw) translateY(27vh) scale(0.4);
    }

    96.1538461538% {
        transform: translateX(-14vw) translateY(-2vh) scale(0.44);
    }

    100% {
        transform: translateX(-3vw) translateY(30vh) scale(0.64);
    }
}

.firefly:nth-child(55) {
    animation-name: move55;
}

.firefly:nth-child(55)::before {
    animation-duration: 10s;
}

.firefly:nth-child(55)::after {
    animation-duration: 10s, 8048ms;
    animation-delay: 0ms, 7292ms;
}

@keyframes move55 {
    0% {
        transform: translateX(39vw) translateY(-6vh) scale(0.7);
    }

    4.1666666667% {
        transform: translateX(-23vw) translateY(48vh) scale(0.97);
    }

    8.3333333333% {
        transform: translateX(-30vw) translateY(13vh) scale(0.55);
    }

    12.5% {
        transform: translateX(48vw) translateY(-35vh) scale(0.56);
    }

    16.6666666667% {
        transform: translateX(-30vw) translateY(-49vh) scale(0.93);
    }

    20.8333333333% {
        transform: translateX(45vw) translateY(17vh) scale(0.45);
    }

    25% {
        transform: translateX(5vw) translateY(18vh) scale(0.39);
    }

    29.1666666667% {
        transform: translateX(-25vw) translateY(-14vh) scale(0.32);
    }

    33.3333333333% {
        transform: translateX(-38vw) translateY(-6vh) scale(0.41);
    }

    37.5% {
        transform: translateX(42vw) translateY(7vh) scale(0.68);
    }

    41.6666666667% {
        transform: translateX(-30vw) translateY(-23vh) scale(0.4);
    }

    45.8333333333% {
        transform: translateX(5vw) translateY(-33vh) scale(0.8);
    }

    50% {
        transform: translateX(28vw) translateY(-25vh) scale(1);
    }

    54.1666666667% {
        transform: translateX(12vw) translateY(8vh) scale(0.6);
    }

    58.3333333333% {
        transform: translateX(-21vw) translateY(-4vh) scale(0.3);
    }

    62.5% {
        transform: translateX(-10vw) translateY(-9vh) scale(0.97);
    }

    66.6666666667% {
        transform: translateX(19vw) translateY(46vh) scale(0.41);
    }

    70.8333333333% {
        transform: translateX(7vw) translateY(-19vh) scale(0.46);
    }

    75% {
        transform: translateX(-26vw) translateY(-47vh) scale(0.35);
    }

    79.1666666667% {
        transform: translateX(31vw) translateY(-39vh) scale(0.34);
    }

    83.3333333333% {
        transform: translateX(-46vw) translateY(0vh) scale(0.29);
    }

    87.5% {
        transform: translateX(-33vw) translateY(40vh) scale(0.43);
    }

    91.6666666667% {
        transform: translateX(29vw) translateY(-42vh) scale(0.33);
    }

    95.8333333333% {
        transform: translateX(30vw) translateY(-15vh) scale(0.39);
    }

    100% {
        transform: translateX(-4vw) translateY(-11vh) scale(0.64);
    }
}

.firefly:nth-child(56) {
    animation-name: move56;
}

.firefly:nth-child(56)::before {
    animation-duration: 16s;
}

.firefly:nth-child(56)::after {
    animation-duration: 16s, 8297ms;
    animation-delay: 0ms, 6252ms;
}

@keyframes move56 {
    0% {
        transform: translateX(-47vw) translateY(50vh) scale(0.54);
    }

    4.347826087% {
        transform: translateX(1vw) translateY(32vh) scale(0.84);
    }

    8.6956521739% {
        transform: translateX(37vw) translateY(-36vh) scale(0.58);
    }

    13.0434782609% {
        transform: translateX(37vw) translateY(48vh) scale(0.36);
    }

    17.3913043478% {
        transform: translateX(13vw) translateY(4vh) scale(0.43);
    }

    21.7391304348% {
        transform: translateX(-22vw) translateY(-18vh) scale(0.46);
    }

    26.0869565217% {
        transform: translateX(38vw) translateY(-34vh) scale(0.79);
    }

    30.4347826087% {
        transform: translateX(34vw) translateY(5vh) scale(0.99);
    }

    34.7826086957% {
        transform: translateX(18vw) translateY(21vh) scale(0.3);
    }

    39.1304347826% {
        transform: translateX(3vw) translateY(-46vh) scale(0.82);
    }

    43.4782608696% {
        transform: translateX(46vw) translateY(-26vh) scale(0.32);
    }

    47.8260869565% {
        transform: translateX(-42vw) translateY(24vh) scale(0.7);
    }

    52.1739130435% {
        transform: translateX(-25vw) translateY(-45vh) scale(0.54);
    }

    56.5217391304% {
        transform: translateX(43vw) translateY(-9vh) scale(0.72);
    }

    60.8695652174% {
        transform: translateX(41vw) translateY(-27vh) scale(0.52);
    }

    65.2173913043% {
        transform: translateX(8vw) translateY(-28vh) scale(0.6);
    }

    69.5652173913% {
        transform: translateX(-15vw) translateY(7vh) scale(0.88);
    }

    73.9130434783% {
        transform: translateX(12vw) translateY(10vh) scale(0.81);
    }

    78.2608695652% {
        transform: translateX(-11vw) translateY(-5vh) scale(0.83);
    }

    82.6086956522% {
        transform: translateX(44vw) translateY(35vh) scale(0.91);
    }

    86.9565217391% {
        transform: translateX(13vw) translateY(33vh) scale(0.6);
    }

    91.3043478261% {
        transform: translateX(41vw) translateY(-28vh) scale(0.53);
    }

    95.652173913% {
        transform: translateX(-37vw) translateY(36vh) scale(0.71);
    }

    100% {
        transform: translateX(-7vw) translateY(13vh) scale(0.63);
    }
}

.firefly:nth-child(57) {
    animation-name: move57;
}

.firefly:nth-child(57)::before {
    animation-duration: 15s;
}

.firefly:nth-child(57)::after {
    animation-duration: 15s, 5517ms;
    animation-delay: 0ms, 5358ms;
}

@keyframes move57 {
    0% {
        transform: translateX(13vw) translateY(13vh) scale(0.71);
    }

    3.8461538462% {
        transform: translateX(-30vw) translateY(27vh) scale(0.61);
    }

    7.6923076923% {
        transform: translateX(-8vw) translateY(-28vh) scale(0.68);
    }

    11.5384615385% {
        transform: translateX(7vw) translateY(46vh) scale(0.7);
    }

    15.3846153846% {
        transform: translateX(48vw) translateY(6vh) scale(0.84);
    }

    19.2307692308% {
        transform: translateX(-33vw) translateY(-33vh) scale(0.6);
    }

    23.0769230769% {
        transform: translateX(5vw) translateY(-40vh) scale(0.62);
    }

    26.9230769231% {
        transform: translateX(-1vw) translateY(-21vh) scale(0.57);
    }

    30.7692307692% {
        transform: translateX(-7vw) translateY(-29vh) scale(0.83);
    }

    34.6153846154% {
        transform: translateX(15vw) translateY(15vh) scale(0.46);
    }

    38.4615384615% {
        transform: translateX(20vw) translateY(3vh) scale(0.44);
    }

    42.3076923077% {
        transform: translateX(17vw) translateY(-47vh) scale(0.94);
    }

    46.1538461538% {
        transform: translateX(20vw) translateY(-1vh) scale(0.98);
    }

    50% {
        transform: translateX(-16vw) translateY(33vh) scale(0.97);
    }

    53.8461538462% {
        transform: translateX(16vw) translateY(28vh) scale(0.86);
    }

    57.6923076923% {
        transform: translateX(23vw) translateY(28vh) scale(0.3);
    }

    61.5384615385% {
        transform: translateX(-45vw) translateY(-12vh) scale(0.68);
    }

    65.3846153846% {
        transform: translateX(18vw) translateY(24vh) scale(0.92);
    }

    69.2307692308% {
        transform: translateX(12vw) translateY(48vh) scale(0.94);
    }

    73.0769230769% {
        transform: translateX(27vw) translateY(33vh) scale(0.71);
    }

    76.9230769231% {
        transform: translateX(29vw) translateY(29vh) scale(0.59);
    }

    80.7692307692% {
        transform: translateX(-30vw) translateY(-23vh) scale(0.82);
    }

    84.6153846154% {
        transform: translateX(-6vw) translateY(-36vh) scale(0.33);
    }

    88.4615384615% {
        transform: translateX(33vw) translateY(3vh) scale(0.28);
    }

    92.3076923077% {
        transform: translateX(-17vw) translateY(-41vh) scale(0.49);
    }

    96.1538461538% {
        transform: translateX(12vw) translateY(15vh) scale(0.97);
    }

    100% {
        transform: translateX(30vw) translateY(0vh) scale(0.37);
    }
}

.firefly:nth-child(58) {
    animation-name: move58;
}

.firefly:nth-child(58)::before {
    animation-duration: 11s;
}

.firefly:nth-child(58)::after {
    animation-duration: 11s, 7041ms;
    animation-delay: 0ms, 3291ms;
}

@keyframes move58 {
    0% {
        transform: translateX(-29vw) translateY(-27vh) scale(0.89);
    }

    3.5714285714% {
        transform: translateX(15vw) translateY(50vh) scale(0.99);
    }

    7.1428571429% {
        transform: translateX(-23vw) translateY(9vh) scale(0.73);
    }

    10.7142857143% {
        transform: translateX(-26vw) translateY(-12vh) scale(0.65);
    }

    14.2857142857% {
        transform: translateX(50vw) translateY(-33vh) scale(1);
    }

    17.8571428571% {
        transform: translateX(-36vw) translateY(-25vh) scale(0.41);
    }

    21.4285714286% {
        transform: translateX(-14vw) translateY(-42vh) scale(0.28);
    }

    25% {
        transform: translateX(-25vw) translateY(-1vh) scale(0.8);
    }

    28.5714285714% {
        transform: translateX(12vw) translateY(34vh) scale(0.27);
    }

    32.1428571429% {
        transform: translateX(44vw) translateY(7vh) scale(0.86);
    }

    35.7142857143% {
        transform: translateX(-29vw) translateY(-35vh) scale(0.41);
    }

    39.2857142857% {
        transform: translateX(-31vw) translateY(0vh) scale(0.57);
    }

    42.8571428571% {
        transform: translateX(11vw) translateY(14vh) scale(0.64);
    }

    46.4285714286% {
        transform: translateX(18vw) translateY(-6vh) scale(0.46);
    }

    50% {
        transform: translateX(-38vw) translateY(10vh) scale(0.36);
    }

    53.5714285714% {
        transform: translateX(-30vw) translateY(-34vh) scale(0.88);
    }

    57.1428571429% {
        transform: translateX(28vw) translateY(1vh) scale(0.29);
    }

    60.7142857143% {
        transform: translateX(-7vw) translateY(1vh) scale(0.51);
    }

    64.2857142857% {
        transform: translateX(4vw) translateY(14vh) scale(0.99);
    }

    67.8571428571% {
        transform: translateX(50vw) translateY(-31vh) scale(0.3);
    }

    71.4285714286% {
        transform: translateX(13vw) translateY(50vh) scale(0.75);
    }

    75% {
        transform: translateX(-25vw) translateY(-21vh) scale(0.46);
    }

    78.5714285714% {
        transform: translateX(-14vw) translateY(7vh) scale(0.75);
    }

    82.1428571429% {
        transform: translateX(2vw) translateY(-42vh) scale(0.76);
    }

    85.7142857143% {
        transform: translateX(-9vw) translateY(8vh) scale(0.36);
    }

    89.2857142857% {
        transform: translateX(-24vw) translateY(7vh) scale(0.79);
    }

    92.8571428571% {
        transform: translateX(-31vw) translateY(-33vh) scale(0.47);
    }

    96.4285714286% {
        transform: translateX(36vw) translateY(-2vh) scale(0.96);
    }

    100% {
        transform: translateX(38vw) translateY(8vh) scale(0.57);
    }
}

.firefly:nth-child(59) {
    animation-name: move59;
}

.firefly:nth-child(59)::before {
    animation-duration: 13s;
}

.firefly:nth-child(59)::after {
    animation-duration: 13s, 7284ms;
    animation-delay: 0ms, 3862ms;
}

@keyframes move59 {
    0% {
        transform: translateX(-43vw) translateY(-26vh) scale(0.72);
    }

    3.5714285714% {
        transform: translateX(16vw) translateY(15vh) scale(0.95);
    }

    7.1428571429% {
        transform: translateX(10vw) translateY(-48vh) scale(0.29);
    }

    10.7142857143% {
        transform: translateX(42vw) translateY(-11vh) scale(0.73);
    }

    14.2857142857% {
        transform: translateX(24vw) translateY(20vh) scale(0.97);
    }

    17.8571428571% {
        transform: translateX(11vw) translateY(11vh) scale(0.95);
    }

    21.4285714286% {
        transform: translateX(-42vw) translateY(-40vh) scale(0.56);
    }

    25% {
        transform: translateX(12vw) translateY(-34vh) scale(0.3);
    }

    28.5714285714% {
        transform: translateX(-28vw) translateY(22vh) scale(0.77);
    }

    32.1428571429% {
        transform: translateX(5vw) translateY(7vh) scale(0.74);
    }

    35.7142857143% {
        transform: translateX(1vw) translateY(-34vh) scale(0.49);
    }

    39.2857142857% {
        transform: translateX(-4vw) translateY(39vh) scale(0.38);
    }

    42.8571428571% {
        transform: translateX(16vw) translateY(-30vh) scale(0.88);
    }

    46.4285714286% {
        transform: translateX(-46vw) translateY(-5vh) scale(0.71);
    }

    50% {
        transform: translateX(-10vw) translateY(-11vh) scale(0.29);
    }

    53.5714285714% {
        transform: translateX(-3vw) translateY(-35vh) scale(0.35);
    }

    57.1428571429% {
        transform: translateX(-27vw) translateY(5vh) scale(0.56);
    }

    60.7142857143% {
        transform: translateX(-24vw) translateY(14vh) scale(0.91);
    }

    64.2857142857% {
        transform: translateX(27vw) translateY(16vh) scale(0.94);
    }

    67.8571428571% {
        transform: translateX(-30vw) translateY(24vh) scale(0.57);
    }

    71.4285714286% {
        transform: translateX(3vw) translateY(-14vh) scale(0.45);
    }

    75% {
        transform: translateX(-18vw) translateY(-10vh) scale(0.6);
    }

    78.5714285714% {
        transform: translateX(-31vw) translateY(39vh) scale(0.7);
    }

    82.1428571429% {
        transform: translateX(-46vw) translateY(-26vh) scale(0.64);
    }

    85.7142857143% {
        transform: translateX(20vw) translateY(-18vh) scale(0.27);
    }

    89.2857142857% {
        transform: translateX(12vw) translateY(-37vh) scale(0.39);
    }

    92.8571428571% {
        transform: translateX(8vw) translateY(35vh) scale(0.72);
    }

    96.4285714286% {
        transform: translateX(-22vw) translateY(-34vh) scale(0.88);
    }

    100% {
        transform: translateX(-24vw) translateY(30vh) scale(0.37);
    }
}

.firefly:nth-child(60) {
    animation-name: move60;
}

.firefly:nth-child(60)::before {
    animation-duration: 13s;
}

.firefly:nth-child(60)::after {
    animation-duration: 13s, 10733ms;
    animation-delay: 0ms, 2148ms;
}

@keyframes move60 {
    0% {
        transform: translateX(20vw) translateY(8vh) scale(0.74);
    }

    5.5555555556% {
        transform: translateX(25vw) translateY(34vh) scale(0.64);
    }

    11.1111111111% {
        transform: translateX(0vw) translateY(35vh) scale(0.43);
    }

    16.6666666667% {
        transform: translateX(28vw) translateY(1vh) scale(0.91);
    }

    22.2222222222% {
        transform: translateX(25vw) translateY(-36vh) scale(0.79);
    }

    27.7777777778% {
        transform: translateX(6vw) translateY(29vh) scale(0.83);
    }

    33.3333333333% {
        transform: translateX(27vw) translateY(31vh) scale(0.75);
    }

    38.8888888889% {
        transform: translateX(37vw) translateY(-32vh) scale(0.6);
    }

    44.4444444444% {
        transform: translateX(42vw) translateY(42vh) scale(0.62);
    }

    50% {
        transform: translateX(-47vw) translateY(42vh) scale(0.89);
    }

    55.5555555556% {
        transform: translateX(24vw) translateY(-5vh) scale(0.67);
    }

    61.1111111111% {
        transform: translateX(-43vw) translateY(-16vh) scale(0.29);
    }

    66.6666666667% {
        transform: translateX(-4vw) translateY(-22vh) scale(0.7);
    }

    72.2222222222% {
        transform: translateX(-47vw) translateY(19vh) scale(0.92);
    }

    77.7777777778% {
        transform: translateX(-35vw) translateY(-49vh) scale(0.53);
    }

    83.3333333333% {
        transform: translateX(-12vw) translateY(-2vh) scale(0.84);
    }

    88.8888888889% {
        transform: translateX(-44vw) translateY(41vh) scale(0.67);
    }

    94.4444444444% {
        transform: translateX(-14vw) translateY(34vh) scale(1);
    }

    100% {
        transform: translateX(-4vw) translateY(49vh) scale(0.29);
    }
}

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

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

@keyframes flash {

    0%,
    30%,
    100% {
        opacity: 0;
        box-shadow: 0 0 0vw 0vw yellow;
    }

    5% {
        opacity: 1;
        box-shadow: 0 0 2.3vw 0.7vw yellow;
    }
}



/*star effect*/

.circle-container {
    position: fixed;
    z-index: 999;
    transform: translateY(-10vh);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.circle-container .circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    mix-blend-mode: screen;

    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    animation: fadein-frames .2s infinite, scale-frames 2s infinite;
}

.circle-container:nth-child(2n+1) .circle {
    background-image: url(./images/star-1.png);
}

.circle-container:nth-child(2n+1) {
    width: 20px;
    height: 20px;
}

.circle-container:nth-child(2n) .circle {
    background-image: url(./images/star-2.png);
}

.effect-star .circle-container:nth-child(1) .circle {
    background-image: url(./images/star-3.png);
}

.effect-star .circle-container:nth-child(6) .circle {
    background-image: url(./images/star-3.png);
}

.effect-star .circle-container:nth-child(8) .circle {
    background-image: url(./images/star-3.png);
}

.effect-star .circle-container:nth-child(12) .circle {
    background-image: url(./images/star-3.png);
}

.effect-star .circle-container:nth-child(16) .circle {
    background-image: url(./images/star-3.png);
}

.effect-star .circle-container:nth-child(18) .circle {
    background-image: url(./images/star-3.png);
}

.effect-star .circle-container:nth-child(24) .circle {
    background-image: url(./images/star-3.png);
}

.effect-star .circle-container:nth-child(34) .circle {
    background-image: url(./images/star-3.png);
}

.effect-star .circle-container:nth-child(43) .circle {
    background-image: url(./images/star-3.png);
}

.effect-star .circle-container:nth-child(46) .circle {
    background-image: url(./images/star-3.png);
}

.effect-star .circle-container:nth-child(50) .circle {
    background-image: url(./images/star-3.png);
}

.effect-star .circle-container:nth-child(1),
.effect-star .circle-container:nth-child(6),
.effect-star .circle-container:nth-child(8),
.effect-star .circle-container:nth-child(12),
.effect-star .circle-container:nth-child(16),
.effect-star .circle-container:nth-child(18),
.effect-star .circle-container:nth-child(24),
.effect-star .circle-container:nth-child(34),
.effect-star .circle-container:nth-child(43),
.effect-star .circle-container:nth-child(46),
.effect-star .circle-container:nth-child(50) {
    width: 25px;
    height: 25px;
}



.effect-star .circle-container:nth-child(10) .circle {
    background-image: url(./images/star-4.png);
}

.effect-star .circle-container:nth-child(20) .circle {
    background-image: url(./images/star-4.png);
}

.effect-star .circle-container:nth-child(30) .circle {
    background-image: url(./images/star-4.png);
}

.effect-star .circle-container:nth-child(13) .circle {
    background-image: url(./images/star-4.png);
}

.effect-star .circle-container:nth-child(15) .circle {
    background-image: url(./images/star-4.png);
}

.effect-star .circle-container:nth-child(17) .circle {
    background-image: url(./images/star-4.png);
}

.effect-star .circle-container:nth-child(23) .circle {
    background-image: url(./images/star-4.png);
}

.effect-star .circle-container:nth-child(25) .circle {
    background-image: url(./images/star-4.png);
}

.effect-star .circle-container:nth-child(27) .circle {
    background-image: url(./images/star-4.png);
}

.effect-star .circle-container:nth-child(51) .circle {
    background-image: url(./images/star-4.png);
}

.effect-star .circle-container:nth-child(53) .circle {
    background-image: url(./images/star-4.png);
}

.effect-star .circle-container:nth-child(10),
.effect-star .circle-container:nth-child(20),
.effect-star .circle-container:nth-child(30),
.effect-star .circle-container:nth-child(13),
.effect-star .circle-container:nth-child(15),
.effect-star .circle-container:nth-child(17),
.effect-star .circle-container:nth-child(23),
.effect-star .circle-container:nth-child(25),
.effect-star .circle-container:nth-child(27),
.effect-star .circle-container:nth-child(51),
.effect-star .circle-container:nth-child(53) {
    width: 20px;
    height: 20px;
}




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

    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

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

    50% {
        opacity: 0.7;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes scale-frames {
    0% {
        transform: scale3d(0.6, 0.6, 1);
    }

    50% {
        transform: scale3d(1.1, 1.2, 1);
    }

    100% {
        transform: scale3d(0.6, 0.6, 1);
    }
}

@keyframes scale-frames {
    0% {
        transform: scale3d(0.6, 0.6, 1);
    }

    50% {
        transform: scale3d(1.1, 1.2, 1);
    }

    100% {
        transform: scale3d(0.6, 0.6, 1);
    }
}

.circle-container:nth-child(1) {

    width: 10px;
    height: 10px;
    -webkit-animation-name: move-frames-1;
    animation-name: move-frames-1;
    -webkit-animation-duration: 32185ms;
    animation-duration: 32185ms;
    -webkit-animation-delay: 16384ms;
    animation-delay: 16384ms;
}

@-webkit-keyframes move-frames-1 {
    from {
        transform: translate3d(27vw, 105vh, 0);
    }

    to {
        transform: translate3d(2vw, -109vh, 0);
    }
}

@keyframes move-frames-1 {
    from {
        transform: translate3d(27vw, 105vh, 0);
    }

    to {
        transform: translate3d(2vw, -109vh, 0);
    }
}

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

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

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

    to {
        transform: translate3d(17vw, -136vh, 0);
    }
}

@keyframes move-frames-2 {
    from {
        transform: translate3d(59vw, 109vh, 0);
    }

    to {
        transform: translate3d(17vw, -136vh, 0);
    }
}

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

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

@-webkit-keyframes move-frames-3 {
    from {
        transform: translate3d(45vw, 105vh, 0);
    }

    to {
        transform: translate3d(74vw, -111vh, 0);
    }
}

@keyframes move-frames-3 {
    from {
        transform: translate3d(45vw, 105vh, 0);
    }

    to {
        transform: translate3d(74vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(4) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-4;
    animation-name: move-frames-4;
    -webkit-animation-duration: 29945ms;
    animation-duration: 29945ms;
    -webkit-animation-delay: 14901ms;
    animation-delay: 14901ms;
}

@-webkit-keyframes move-frames-4 {
    from {
        transform: translate3d(84vw, 106vh, 0);
    }

    to {
        transform: translate3d(89vw, -114vh, 0);
    }
}

@keyframes move-frames-4 {
    from {
        transform: translate3d(84vw, 106vh, 0);
    }

    to {
        transform: translate3d(89vw, -114vh, 0);
    }
}

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

.circle-container:nth-child(5) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-5;
    animation-name: move-frames-5;
    -webkit-animation-duration: 35434ms;
    animation-duration: 35434ms;
    -webkit-animation-delay: 25644ms;
    animation-delay: 25644ms;
}

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

    to {
        transform: translate3d(44vw, -117vh, 0);
    }
}

@keyframes move-frames-5 {
    from {
        transform: translate3d(96vw, 109vh, 0);
    }

    to {
        transform: translate3d(44vw, -117vh, 0);
    }
}

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

.circle-container:nth-child(6) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-6;
    animation-name: move-frames-6;
    -webkit-animation-duration: 28562ms;
    animation-duration: 28562ms;
    -webkit-animation-delay: 10245ms;
    animation-delay: 10245ms;
}

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

    to {
        transform: translate3d(95vw, -118vh, 0);
    }
}

@keyframes move-frames-6 {
    from {
        transform: translate3d(24vw, 106vh, 0);
    }

    to {
        transform: translate3d(95vw, -118vh, 0);
    }
}

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

.circle-container:nth-child(7) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-7;
    animation-name: move-frames-7;
    -webkit-animation-duration: 32565ms;
    animation-duration: 32565ms;
    -webkit-animation-delay: 13965ms;
    animation-delay: 13965ms;
}

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

    to {
        transform: translate3d(80vw, -131vh, 0);
    }
}

@keyframes move-frames-7 {
    from {
        transform: translate3d(55vw, 103vh, 0);
    }

    to {
        transform: translate3d(80vw, -131vh, 0);
    }
}

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

.circle-container:nth-child(8) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-8;
    animation-name: move-frames-8;
    -webkit-animation-duration: 34848ms;
    animation-duration: 34848ms;
    -webkit-animation-delay: 11821ms;
    animation-delay: 11821ms;
}

@-webkit-keyframes move-frames-8 {
    from {
        transform: translate3d(84vw, 105vh, 0);
    }

    to {
        transform: translate3d(74vw, -129vh, 0);
    }
}

@keyframes move-frames-8 {
    from {
        transform: translate3d(84vw, 105vh, 0);
    }

    to {
        transform: translate3d(74vw, -129vh, 0);
    }
}

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

.circle-container:nth-child(9) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-9;
    animation-name: move-frames-9;
    -webkit-animation-duration: 33736ms;
    animation-duration: 33736ms;
    -webkit-animation-delay: 11329ms;
    animation-delay: 11329ms;
}

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

    to {
        transform: translate3d(31vw, -114vh, 0);
    }
}

@keyframes move-frames-9 {
    from {
        transform: translate3d(77vw, 104vh, 0);
    }

    to {
        transform: translate3d(31vw, -114vh, 0);
    }
}

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

.circle-container:nth-child(10) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-10;
    animation-name: move-frames-10;
    -webkit-animation-duration: 32554ms;
    animation-duration: 32554ms;
    -webkit-animation-delay: 23523ms;
    animation-delay: 23523ms;
}

@-webkit-keyframes move-frames-10 {
    from {
        transform: translate3d(45vw, 106vh, 0);
    }

    to {
        transform: translate3d(84vw, -132vh, 0);
    }
}

@keyframes move-frames-10 {
    from {
        transform: translate3d(45vw, 106vh, 0);
    }

    to {
        transform: translate3d(84vw, -132vh, 0);
    }
}

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

.circle-container:nth-child(11) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-11;
    animation-name: move-frames-11;
    -webkit-animation-duration: 36952ms;
    animation-duration: 36952ms;
    -webkit-animation-delay: 34683ms;
    animation-delay: 34683ms;
}

@-webkit-keyframes move-frames-11 {
    from {
        transform: translate3d(20vw, 103vh, 0);
    }

    to {
        transform: translate3d(63vw, -107vh, 0);
    }
}

@keyframes move-frames-11 {
    from {
        transform: translate3d(20vw, 103vh, 0);
    }

    to {
        transform: translate3d(63vw, -107vh, 0);
    }
}

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

.circle-container:nth-child(12) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-12;
    animation-name: move-frames-12;
    -webkit-animation-duration: 33134ms;
    animation-duration: 33134ms;
    -webkit-animation-delay: 27336ms;
    animation-delay: 27336ms;
}

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

    to {
        transform: translate3d(47vw, -126vh, 0);
    }
}

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

    to {
        transform: translate3d(47vw, -126vh, 0);
    }
}

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

.circle-container:nth-child(13) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-13;
    animation-name: move-frames-13;
    -webkit-animation-duration: 33979ms;
    animation-duration: 33979ms;
    -webkit-animation-delay: 35451ms;
    animation-delay: 35451ms;
}

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

    to {
        transform: translate3d(23vw, -124vh, 0);
    }
}

@keyframes move-frames-13 {
    from {
        transform: translate3d(26vw, 108vh, 0);
    }

    to {
        transform: translate3d(23vw, -124vh, 0);
    }
}

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

.circle-container:nth-child(14) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-14;
    animation-name: move-frames-14;
    -webkit-animation-duration: 30333ms;
    animation-duration: 30333ms;
    -webkit-animation-delay: 2065ms;
    animation-delay: 2065ms;
}

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

    to {
        transform: translate3d(34vw, -110vh, 0);
    }
}

@keyframes move-frames-14 {
    from {
        transform: translate3d(93vw, 109vh, 0);
    }

    to {
        transform: translate3d(34vw, -110vh, 0);
    }
}

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

.circle-container:nth-child(15) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-15;
    animation-name: move-frames-15;
    -webkit-animation-duration: 30801ms;
    animation-duration: 30801ms;
    -webkit-animation-delay: 13736ms;
    animation-delay: 13736ms;
}

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

    to {
        transform: translate3d(87vw, -121vh, 0);
    }
}

@keyframes move-frames-15 {
    from {
        transform: translate3d(23vw, 107vh, 0);
    }

    to {
        transform: translate3d(87vw, -121vh, 0);
    }
}

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

.circle-container:nth-child(16) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-16;
    animation-name: move-frames-16;
    -webkit-animation-duration: 30294ms;
    animation-duration: 30294ms;
    -webkit-animation-delay: 14364ms;
    animation-delay: 14364ms;
}

@-webkit-keyframes move-frames-16 {
    from {
        transform: translate3d(80vw, 105vh, 0);
    }

    to {
        transform: translate3d(18vw, -119vh, 0);
    }
}

@keyframes move-frames-16 {
    from {
        transform: translate3d(80vw, 105vh, 0);
    }

    to {
        transform: translate3d(18vw, -119vh, 0);
    }
}

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

.circle-container:nth-child(17) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-17;
    animation-name: move-frames-17;
    -webkit-animation-duration: 34485ms;
    animation-duration: 34485ms;
    -webkit-animation-delay: 19329ms;
    animation-delay: 19329ms;
}

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

    to {
        transform: translate3d(60vw, -122vh, 0);
    }
}

@keyframes move-frames-17 {
    from {
        transform: translate3d(52vw, 101vh, 0);
    }

    to {
        transform: translate3d(60vw, -122vh, 0);
    }
}

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

.circle-container:nth-child(18) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-18;
    animation-name: move-frames-18;
    -webkit-animation-duration: 35529ms;
    animation-duration: 35529ms;
    -webkit-animation-delay: 9207ms;
    animation-delay: 9207ms;
}

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

    to {
        transform: translate3d(27vw, -130vh, 0);
    }
}

@keyframes move-frames-18 {
    from {
        transform: translate3d(50vw, 106vh, 0);
    }

    to {
        transform: translate3d(27vw, -130vh, 0);
    }
}

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

.circle-container:nth-child(19) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-19;
    animation-name: move-frames-19;
    -webkit-animation-duration: 31225ms;
    animation-duration: 31225ms;
    -webkit-animation-delay: 32638ms;
    animation-delay: 32638ms;
}

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

    to {
        transform: translate3d(65vw, -123vh, 0);
    }
}

@keyframes move-frames-19 {
    from {
        transform: translate3d(64vw, 101vh, 0);
    }

    to {
        transform: translate3d(65vw, -123vh, 0);
    }
}

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

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

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

    to {
        transform: translate3d(37vw, -108vh, 0);
    }
}

@keyframes move-frames-20 {
    from {
        transform: translate3d(93vw, 107vh, 0);
    }

    to {
        transform: translate3d(37vw, -108vh, 0);
    }
}

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

.circle-container:nth-child(21) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-21;
    animation-name: move-frames-21;
    -webkit-animation-duration: 35420ms;
    animation-duration: 35420ms;
    -webkit-animation-delay: 4092ms;
    animation-delay: 4092ms;
}

@-webkit-keyframes move-frames-21 {
    from {
        transform: translate3d(16vw, 103vh, 0);
    }

    to {
        transform: translate3d(58vw, -111vh, 0);
    }
}

@keyframes move-frames-21 {
    from {
        transform: translate3d(16vw, 103vh, 0);
    }

    to {
        transform: translate3d(58vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(22) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-22;
    animation-name: move-frames-22;
    -webkit-animation-duration: 31578ms;
    animation-duration: 31578ms;
    -webkit-animation-delay: 23644ms;
    animation-delay: 23644ms;
}

@-webkit-keyframes move-frames-22 {
    from {
        transform: translate3d(3vw, 103vh, 0);
    }

    to {
        transform: translate3d(1vw, -105vh, 0);
    }
}

@keyframes move-frames-22 {
    from {
        transform: translate3d(3vw, 103vh, 0);
    }

    to {
        transform: translate3d(1vw, -105vh, 0);
    }
}

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

.circle-container:nth-child(23) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-23;
    animation-name: move-frames-23;
    -webkit-animation-duration: 33669ms;
    animation-duration: 33669ms;
    -webkit-animation-delay: 14870ms;
    animation-delay: 14870ms;
}

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

    to {
        transform: translate3d(73vw, -129vh, 0);
    }
}

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

    to {
        transform: translate3d(73vw, -129vh, 0);
    }
}

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

.circle-container:nth-child(24) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-24;
    animation-name: move-frames-24;
    -webkit-animation-duration: 30094ms;
    animation-duration: 30094ms;
    -webkit-animation-delay: 11985ms;
    animation-delay: 11985ms;
}

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

    to {
        transform: translate3d(22vw, -125vh, 0);
    }
}

@keyframes move-frames-24 {
    from {
        transform: translate3d(9vw, 105vh, 0);
    }

    to {
        transform: translate3d(22vw, -125vh, 0);
    }
}

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

.circle-container:nth-child(25) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-25;
    animation-name: move-frames-25;
    -webkit-animation-duration: 36036ms;
    animation-duration: 36036ms;
    -webkit-animation-delay: 18821ms;
    animation-delay: 18821ms;
}

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

    to {
        transform: translate3d(90vw, -132vh, 0);
    }
}

@keyframes move-frames-25 {
    from {
        transform: translate3d(67vw, 106vh, 0);
    }

    to {
        transform: translate3d(90vw, -132vh, 0);
    }
}

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

.circle-container:nth-child(26) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-26;
    animation-name: move-frames-26;
    -webkit-animation-duration: 33519ms;
    animation-duration: 33519ms;
    -webkit-animation-delay: 18523ms;
    animation-delay: 18523ms;
}

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

    to {
        transform: translate3d(5vw, -125vh, 0);
    }
}

@keyframes move-frames-26 {
    from {
        transform: translate3d(68vw, 107vh, 0);
    }

    to {
        transform: translate3d(5vw, -125vh, 0);
    }
}

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

.circle-container:nth-child(27) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-27;
    animation-name: move-frames-27;
    -webkit-animation-duration: 31283ms;
    animation-duration: 31283ms;
    -webkit-animation-delay: 1382ms;
    animation-delay: 1382ms;
}

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

    to {
        transform: translate3d(75vw, -118vh, 0);
    }
}

@keyframes move-frames-27 {
    from {
        transform: translate3d(47vw, 103vh, 0);
    }

    to {
        transform: translate3d(75vw, -118vh, 0);
    }
}

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

.circle-container:nth-child(28) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-28;
    animation-name: move-frames-28;
    -webkit-animation-duration: 32133ms;
    animation-duration: 32133ms;
    -webkit-animation-delay: 16365ms;
    animation-delay: 16365ms;
}

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

    to {
        transform: translate3d(66vw, -113vh, 0);
    }
}

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

    to {
        transform: translate3d(66vw, -113vh, 0);
    }
}

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

.circle-container:nth-child(29) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-29;
    animation-name: move-frames-29;
    -webkit-animation-duration: 29231ms;
    animation-duration: 29231ms;
    -webkit-animation-delay: 658ms;
    animation-delay: 658ms;
}

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

    to {
        transform: translate3d(81vw, -124vh, 0);
    }
}

@keyframes move-frames-29 {
    from {
        transform: translate3d(35vw, 102vh, 0);
    }

    to {
        transform: translate3d(81vw, -124vh, 0);
    }
}

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

.circle-container:nth-child(30) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-30;
    animation-name: move-frames-30;
    -webkit-animation-duration: 33372ms;
    animation-duration: 33372ms;
    -webkit-animation-delay: 14171ms;
    animation-delay: 14171ms;
}

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

    to {
        transform: translate3d(27vw, -126vh, 0);
    }
}

@keyframes move-frames-30 {
    from {
        transform: translate3d(24vw, 107vh, 0);
    }

    to {
        transform: translate3d(27vw, -126vh, 0);
    }
}

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

.circle-container:nth-child(31) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-31;
    animation-name: move-frames-31;
    -webkit-animation-duration: 35910ms;
    animation-duration: 35910ms;
    -webkit-animation-delay: 4448ms;
    animation-delay: 4448ms;
}

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

    to {
        transform: translate3d(8vw, -125vh, 0);
    }
}

@keyframes move-frames-31 {
    from {
        transform: translate3d(61vw, 101vh, 0);
    }

    to {
        transform: translate3d(8vw, -125vh, 0);
    }
}

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

.circle-container:nth-child(32) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-32;
    animation-name: move-frames-32;
    -webkit-animation-duration: 29195ms;
    animation-duration: 29195ms;
    -webkit-animation-delay: 24094ms;
    animation-delay: 24094ms;
}

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

    to {
        transform: translate3d(5vw, -116vh, 0);
    }
}

@keyframes move-frames-32 {
    from {
        transform: translate3d(60vw, 110vh, 0);
    }

    to {
        transform: translate3d(5vw, -116vh, 0);
    }
}

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

.circle-container:nth-child(33) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-33;
    animation-name: move-frames-33;
    -webkit-animation-duration: 31597ms;
    animation-duration: 31597ms;
    -webkit-animation-delay: 18327ms;
    animation-delay: 18327ms;
}

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

    to {
        transform: translate3d(27vw, -117vh, 0);
    }
}

@keyframes move-frames-33 {
    from {
        transform: translate3d(94vw, 101vh, 0);
    }

    to {
        transform: translate3d(27vw, -117vh, 0);
    }
}

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

.circle-container:nth-child(34) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-34;
    animation-name: move-frames-34;
    -webkit-animation-duration: 30907ms;
    animation-duration: 30907ms;
    -webkit-animation-delay: 14866ms;
    animation-delay: 14866ms;
}

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

    to {
        transform: translate3d(44vw, -111vh, 0);
    }
}

@keyframes move-frames-34 {
    from {
        transform: translate3d(89vw, 107vh, 0);
    }

    to {
        transform: translate3d(44vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(35) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-35;
    animation-name: move-frames-35;
    -webkit-animation-duration: 36474ms;
    animation-duration: 36474ms;
    -webkit-animation-delay: 33928ms;
    animation-delay: 33928ms;
}

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

    to {
        transform: translate3d(77vw, -112vh, 0);
    }
}

@keyframes move-frames-35 {
    from {
        transform: translate3d(24vw, 101vh, 0);
    }

    to {
        transform: translate3d(77vw, -112vh, 0);
    }
}

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

.circle-container:nth-child(36) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-36;
    animation-name: move-frames-36;
    -webkit-animation-duration: 36561ms;
    animation-duration: 36561ms;
    -webkit-animation-delay: 36334ms;
    animation-delay: 36334ms;
}

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

    to {
        transform: translate3d(19vw, -135vh, 0);
    }
}

@keyframes move-frames-36 {
    from {
        transform: translate3d(85vw, 107vh, 0);
    }

    to {
        transform: translate3d(19vw, -135vh, 0);
    }
}

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

.circle-container:nth-child(37) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-37;
    animation-name: move-frames-37;
    -webkit-animation-duration: 30627ms;
    animation-duration: 30627ms;
    -webkit-animation-delay: 27750ms;
    animation-delay: 27750ms;
}

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

    to {
        transform: translate3d(52vw, -124vh, 0);
    }
}

@keyframes move-frames-37 {
    from {
        transform: translate3d(59vw, 107vh, 0);
    }

    to {
        transform: translate3d(52vw, -124vh, 0);
    }
}

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

.circle-container:nth-child(38) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-38;
    animation-name: move-frames-38;
    -webkit-animation-duration: 30545ms;
    animation-duration: 30545ms;
    -webkit-animation-delay: 512ms;
    animation-delay: 512ms;
}

@-webkit-keyframes move-frames-38 {
    from {
        transform: translate3d(89vw, 102vh, 0);
    }

    to {
        transform: translate3d(45vw, -112vh, 0);
    }
}

@keyframes move-frames-38 {
    from {
        transform: translate3d(89vw, 102vh, 0);
    }

    to {
        transform: translate3d(45vw, -112vh, 0);
    }
}

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

.circle-container:nth-child(39) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-39;
    animation-name: move-frames-39;
    -webkit-animation-duration: 32607ms;
    animation-duration: 32607ms;
    -webkit-animation-delay: 1012ms;
    animation-delay: 1012ms;
}

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

    to {
        transform: translate3d(39vw, -128vh, 0);
    }
}

@keyframes move-frames-39 {
    from {
        transform: translate3d(19vw, 108vh, 0);
    }

    to {
        transform: translate3d(39vw, -128vh, 0);
    }
}

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

.circle-container:nth-child(40) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-40;
    animation-name: move-frames-40;
    -webkit-animation-duration: 32331ms;
    animation-duration: 32331ms;
    -webkit-animation-delay: 8740ms;
    animation-delay: 8740ms;
}

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

    to {
        transform: translate3d(72vw, -115vh, 0);
    }
}

@keyframes move-frames-40 {
    from {
        transform: translate3d(11vw, 109vh, 0);
    }

    to {
        transform: translate3d(72vw, -115vh, 0);
    }
}

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

.circle-container:nth-child(41) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-41;
    animation-name: move-frames-41;
    -webkit-animation-duration: 33585ms;
    animation-duration: 33585ms;
    -webkit-animation-delay: 26995ms;
    animation-delay: 26995ms;
}

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

    to {
        transform: translate3d(57vw, -115vh, 0);
    }
}

@keyframes move-frames-41 {
    from {
        transform: translate3d(61vw, 102vh, 0);
    }

    to {
        transform: translate3d(57vw, -115vh, 0);
    }
}

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

.circle-container:nth-child(42) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-42;
    animation-name: move-frames-42;
    -webkit-animation-duration: 32033ms;
    animation-duration: 32033ms;
    -webkit-animation-delay: 3680ms;
    animation-delay: 3680ms;
}

@-webkit-keyframes move-frames-42 {
    from {
        transform: translate3d(99vw, 102vh, 0);
    }

    to {
        transform: translate3d(80vw, -132vh, 0);
    }
}

@keyframes move-frames-42 {
    from {
        transform: translate3d(99vw, 102vh, 0);
    }

    to {
        transform: translate3d(80vw, -132vh, 0);
    }
}

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

.circle-container:nth-child(43) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-43;
    animation-name: move-frames-43;
    -webkit-animation-duration: 30907ms;
    animation-duration: 30907ms;
    -webkit-animation-delay: 4074ms;
    animation-delay: 4074ms;
}

@-webkit-keyframes move-frames-43 {
    from {
        transform: translate3d(76vw, 102vh, 0);
    }

    to {
        transform: translate3d(74vw, -115vh, 0);
    }
}

@keyframes move-frames-43 {
    from {
        transform: translate3d(76vw, 102vh, 0);
    }

    to {
        transform: translate3d(74vw, -115vh, 0);
    }
}

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

.circle-container:nth-child(44) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-44;
    animation-name: move-frames-44;
    -webkit-animation-duration: 28553ms;
    animation-duration: 28553ms;
    -webkit-animation-delay: 4882ms;
    animation-delay: 4882ms;
}

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

    to {
        transform: translate3d(25vw, -125vh, 0);
    }
}

@keyframes move-frames-44 {
    from {
        transform: translate3d(20vw, 109vh, 0);
    }

    to {
        transform: translate3d(25vw, -125vh, 0);
    }
}

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

.circle-container:nth-child(45) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-45;
    animation-name: move-frames-45;
    -webkit-animation-duration: 31794ms;
    animation-duration: 31794ms;
    -webkit-animation-delay: 3148ms;
    animation-delay: 3148ms;
}

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

    to {
        transform: translate3d(48vw, -128vh, 0);
    }
}

@keyframes move-frames-45 {
    from {
        transform: translate3d(8vw, 104vh, 0);
    }

    to {
        transform: translate3d(48vw, -128vh, 0);
    }
}

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

.circle-container:nth-child(46) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-46;
    animation-name: move-frames-46;
    -webkit-animation-duration: 29536ms;
    animation-duration: 29536ms;
    -webkit-animation-delay: 24570ms;
    animation-delay: 24570ms;
}

@-webkit-keyframes move-frames-46 {
    from {
        transform: translate3d(29vw, 103vh, 0);
    }

    to {
        transform: translate3d(62vw, -116vh, 0);
    }
}

@keyframes move-frames-46 {
    from {
        transform: translate3d(29vw, 103vh, 0);
    }

    to {
        transform: translate3d(62vw, -116vh, 0);
    }
}

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

.circle-container:nth-child(47) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-47;
    animation-name: move-frames-47;
    -webkit-animation-duration: 34656ms;
    animation-duration: 34656ms;
    -webkit-animation-delay: 28318ms;
    animation-delay: 28318ms;
}

@-webkit-keyframes move-frames-47 {
    from {
        transform: translate3d(46vw, 108vh, 0);
    }

    to {
        transform: translate3d(28vw, -116vh, 0);
    }
}

@keyframes move-frames-47 {
    from {
        transform: translate3d(46vw, 108vh, 0);
    }

    to {
        transform: translate3d(28vw, -116vh, 0);
    }
}

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

.circle-container:nth-child(48) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-48;
    animation-name: move-frames-48;
    -webkit-animation-duration: 28820ms;
    animation-duration: 28820ms;
    -webkit-animation-delay: 12736ms;
    animation-delay: 12736ms;
}

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

    to {
        transform: translate3d(32vw, -110vh, 0);
    }
}

@keyframes move-frames-48 {
    from {
        transform: translate3d(57vw, 109vh, 0);
    }

    to {
        transform: translate3d(32vw, -110vh, 0);
    }
}

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

.circle-container:nth-child(49) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-49;
    animation-name: move-frames-49;
    -webkit-animation-duration: 30330ms;
    animation-duration: 30330ms;
    -webkit-animation-delay: 8157ms;
    animation-delay: 8157ms;
}

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

    to {
        transform: translate3d(24vw, -121vh, 0);
    }
}

@keyframes move-frames-49 {
    from {
        transform: translate3d(59vw, 109vh, 0);
    }

    to {
        transform: translate3d(24vw, -121vh, 0);
    }
}

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

.circle-container:nth-child(50) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-50;
    animation-name: move-frames-50;
    -webkit-animation-duration: 34652ms;
    animation-duration: 34652ms;
    -webkit-animation-delay: 34406ms;
    animation-delay: 34406ms;
}

@-webkit-keyframes move-frames-50 {
    from {
        transform: translate3d(32vw, 109vh, 0);
    }

    to {
        transform: translate3d(96vw, -111vh, 0);
    }
}

@keyframes move-frames-50 {
    from {
        transform: translate3d(32vw, 109vh, 0);
    }

    to {
        transform: translate3d(96vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(51) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-51;
    animation-name: move-frames-51;
    -webkit-animation-duration: 31357ms;
    animation-duration: 31357ms;
    -webkit-animation-delay: 10554ms;
    animation-delay: 10554ms;
}

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

    to {
        transform: translate3d(78vw, -130vh, 0);
    }
}

@keyframes move-frames-51 {
    from {
        transform: translate3d(64vw, 106vh, 0);
    }

    to {
        transform: translate3d(78vw, -130vh, 0);
    }
}

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

.circle-container:nth-child(52) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-52;
    animation-name: move-frames-52;
    -webkit-animation-duration: 28891ms;
    animation-duration: 28891ms;
    -webkit-animation-delay: 31657ms;
    animation-delay: 31657ms;
}

@-webkit-keyframes move-frames-52 {
    from {
        transform: translate3d(87vw, 102vh, 0);
    }

    to {
        transform: translate3d(11vw, -125vh, 0);
    }
}

@keyframes move-frames-52 {
    from {
        transform: translate3d(87vw, 102vh, 0);
    }

    to {
        transform: translate3d(11vw, -125vh, 0);
    }
}

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

.circle-container:nth-child(53) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-53;
    animation-name: move-frames-53;
    -webkit-animation-duration: 30193ms;
    animation-duration: 30193ms;
    -webkit-animation-delay: 12835ms;
    animation-delay: 12835ms;
}

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

    to {
        transform: translate3d(62vw, -119vh, 0);
    }
}

@keyframes move-frames-53 {
    from {
        transform: translate3d(62vw, 109vh, 0);
    }

    to {
        transform: translate3d(62vw, -119vh, 0);
    }
}

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

.circle-container:nth-child(54) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-54;
    animation-name: move-frames-54;
    -webkit-animation-duration: 30443ms;
    animation-duration: 30443ms;
    -webkit-animation-delay: 34146ms;
    animation-delay: 34146ms;
}

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

    to {
        transform: translate3d(20vw, -124vh, 0);
    }
}

@keyframes move-frames-54 {
    from {
        transform: translate3d(34vw, 103vh, 0);
    }

    to {
        transform: translate3d(20vw, -124vh, 0);
    }
}

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

.circle-container:nth-child(55) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-55;
    animation-name: move-frames-55;
    -webkit-animation-duration: 29757ms;
    animation-duration: 29757ms;
    -webkit-animation-delay: 35505ms;
    animation-delay: 35505ms;
}

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

    to {
        transform: translate3d(88vw, -129vh, 0);
    }
}

@keyframes move-frames-55 {
    from {
        transform: translate3d(45vw, 108vh, 0);
    }

    to {
        transform: translate3d(88vw, -129vh, 0);
    }
}

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

.circle-container:nth-child(56) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-56;
    animation-name: move-frames-56;
    -webkit-animation-duration: 33235ms;
    animation-duration: 33235ms;
    -webkit-animation-delay: 14123ms;
    animation-delay: 14123ms;
}

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

    to {
        transform: translate3d(14vw, -128vh, 0);
    }
}

@keyframes move-frames-56 {
    from {
        transform: translate3d(74vw, 103vh, 0);
    }

    to {
        transform: translate3d(14vw, -128vh, 0);
    }
}

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

.circle-container:nth-child(57) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-57;
    animation-name: move-frames-57;
    -webkit-animation-duration: 32085ms;
    animation-duration: 32085ms;
    -webkit-animation-delay: 16146ms;
    animation-delay: 16146ms;
}

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

    to {
        transform: translate3d(74vw, -120vh, 0);
    }
}

@keyframes move-frames-57 {
    from {
        transform: translate3d(50vw, 105vh, 0);
    }

    to {
        transform: translate3d(74vw, -120vh, 0);
    }
}

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

.circle-container:nth-child(58) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-58;
    animation-name: move-frames-58;
    -webkit-animation-duration: 33881ms;
    animation-duration: 33881ms;
    -webkit-animation-delay: 15228ms;
    animation-delay: 15228ms;
}

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

    to {
        transform: translate3d(71vw, -119vh, 0);
    }
}

@keyframes move-frames-58 {
    from {
        transform: translate3d(50vw, 104vh, 0);
    }

    to {
        transform: translate3d(71vw, -119vh, 0);
    }
}

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

.circle-container:nth-child(59) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-59;
    animation-name: move-frames-59;
    -webkit-animation-duration: 36637ms;
    animation-duration: 36637ms;
    -webkit-animation-delay: 28013ms;
    animation-delay: 28013ms;
}

@-webkit-keyframes move-frames-59 {
    from {
        transform: translate3d(88vw, 102vh, 0);
    }

    to {
        transform: translate3d(14vw, -127vh, 0);
    }
}

@keyframes move-frames-59 {
    from {
        transform: translate3d(88vw, 102vh, 0);
    }

    to {
        transform: translate3d(14vw, -127vh, 0);
    }
}

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

.circle-container:nth-child(60) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-60;
    animation-name: move-frames-60;
    -webkit-animation-duration: 35476ms;
    animation-duration: 35476ms;
    -webkit-animation-delay: 3455ms;
    animation-delay: 3455ms;
}

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

    to {
        transform: translate3d(13vw, -127vh, 0);
    }
}

@keyframes move-frames-60 {
    from {
        transform: translate3d(21vw, 107vh, 0);
    }

    to {
        transform: translate3d(13vw, -127vh, 0);
    }
}

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

.circle-container:nth-child(61) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-61;
    animation-name: move-frames-61;
    -webkit-animation-duration: 34799ms;
    animation-duration: 34799ms;
    -webkit-animation-delay: 20797ms;
    animation-delay: 20797ms;
}

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

    to {
        transform: translate3d(10vw, -136vh, 0);
    }
}

@keyframes move-frames-61 {
    from {
        transform: translate3d(40vw, 107vh, 0);
    }

    to {
        transform: translate3d(10vw, -136vh, 0);
    }
}

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

.circle-container:nth-child(62) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-62;
    animation-name: move-frames-62;
    -webkit-animation-duration: 29424ms;
    animation-duration: 29424ms;
    -webkit-animation-delay: 26389ms;
    animation-delay: 26389ms;
}

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

    to {
        transform: translate3d(14vw, -112vh, 0);
    }
}

@keyframes move-frames-62 {
    from {
        transform: translate3d(40vw, 107vh, 0);
    }

    to {
        transform: translate3d(14vw, -112vh, 0);
    }
}

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

.circle-container:nth-child(63) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-63;
    animation-name: move-frames-63;
    -webkit-animation-duration: 33220ms;
    animation-duration: 33220ms;
    -webkit-animation-delay: 36269ms;
    animation-delay: 36269ms;
}

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

    to {
        transform: translate3d(99vw, -133vh, 0);
    }
}

@keyframes move-frames-63 {
    from {
        transform: translate3d(92vw, 103vh, 0);
    }

    to {
        transform: translate3d(99vw, -133vh, 0);
    }
}

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

.circle-container:nth-child(64) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-64;
    animation-name: move-frames-64;
    -webkit-animation-duration: 36940ms;
    animation-duration: 36940ms;
    -webkit-animation-delay: 9919ms;
    animation-delay: 9919ms;
}

@-webkit-keyframes move-frames-64 {
    from {
        transform: translate3d(34vw, 108vh, 0);
    }

    to {
        transform: translate3d(42vw, -109vh, 0);
    }
}

@keyframes move-frames-64 {
    from {
        transform: translate3d(34vw, 108vh, 0);
    }

    to {
        transform: translate3d(42vw, -109vh, 0);
    }
}

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

.circle-container:nth-child(65) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-65;
    animation-name: move-frames-65;
    -webkit-animation-duration: 34666ms;
    animation-duration: 34666ms;
    -webkit-animation-delay: 1935ms;
    animation-delay: 1935ms;
}

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

    to {
        transform: translate3d(50vw, -118vh, 0);
    }
}

@keyframes move-frames-65 {
    from {
        transform: translate3d(66vw, 109vh, 0);
    }

    to {
        transform: translate3d(50vw, -118vh, 0);
    }
}

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

.circle-container:nth-child(66) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-66;
    animation-name: move-frames-66;
    -webkit-animation-duration: 35013ms;
    animation-duration: 35013ms;
    -webkit-animation-delay: 4727ms;
    animation-delay: 4727ms;
}

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

    to {
        transform: translate3d(30vw, -112vh, 0);
    }
}

@keyframes move-frames-66 {
    from {
        transform: translate3d(23vw, 103vh, 0);
    }

    to {
        transform: translate3d(30vw, -112vh, 0);
    }
}

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

.circle-container:nth-child(67) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-67;
    animation-name: move-frames-67;
    -webkit-animation-duration: 34156ms;
    animation-duration: 34156ms;
    -webkit-animation-delay: 2311ms;
    animation-delay: 2311ms;
}

@-webkit-keyframes move-frames-67 {
    from {
        transform: translate3d(67vw, 102vh, 0);
    }

    to {
        transform: translate3d(3vw, -116vh, 0);
    }
}

@keyframes move-frames-67 {
    from {
        transform: translate3d(67vw, 102vh, 0);
    }

    to {
        transform: translate3d(3vw, -116vh, 0);
    }
}

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

.circle-container:nth-child(68) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-68;
    animation-name: move-frames-68;
    -webkit-animation-duration: 29297ms;
    animation-duration: 29297ms;
    -webkit-animation-delay: 15685ms;
    animation-delay: 15685ms;
}

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

    to {
        transform: translate3d(51vw, -134vh, 0);
    }
}

@keyframes move-frames-68 {
    from {
        transform: translate3d(15vw, 109vh, 0);
    }

    to {
        transform: translate3d(51vw, -134vh, 0);
    }
}

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

.circle-container:nth-child(69) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-69;
    animation-name: move-frames-69;
    -webkit-animation-duration: 35728ms;
    animation-duration: 35728ms;
    -webkit-animation-delay: 15964ms;
    animation-delay: 15964ms;
}

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

    to {
        transform: translate3d(76vw, -136vh, 0);
    }
}

@keyframes move-frames-69 {
    from {
        transform: translate3d(34vw, 109vh, 0);
    }

    to {
        transform: translate3d(76vw, -136vh, 0);
    }
}

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

.circle-container:nth-child(70) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-70;
    animation-name: move-frames-70;
    -webkit-animation-duration: 36048ms;
    animation-duration: 36048ms;
    -webkit-animation-delay: 32748ms;
    animation-delay: 32748ms;
}

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

    to {
        transform: translate3d(83vw, -106vh, 0);
    }
}

@keyframes move-frames-70 {
    from {
        transform: translate3d(16vw, 102vh, 0);
    }

    to {
        transform: translate3d(83vw, -106vh, 0);
    }
}

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

.circle-container:nth-child(71) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-71;
    animation-name: move-frames-71;
    -webkit-animation-duration: 29033ms;
    animation-duration: 29033ms;
    -webkit-animation-delay: 20244ms;
    animation-delay: 20244ms;
}

@-webkit-keyframes move-frames-71 {
    from {
        transform: translate3d(86vw, 104vh, 0);
    }

    to {
        transform: translate3d(10vw, -114vh, 0);
    }
}

@keyframes move-frames-71 {
    from {
        transform: translate3d(86vw, 104vh, 0);
    }

    to {
        transform: translate3d(10vw, -114vh, 0);
    }
}

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

.circle-container:nth-child(72) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-72;
    animation-name: move-frames-72;
    -webkit-animation-duration: 29876ms;
    animation-duration: 29876ms;
    -webkit-animation-delay: 31799ms;
    animation-delay: 31799ms;
}

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

    to {
        transform: translate3d(10vw, -135vh, 0);
    }
}

@keyframes move-frames-72 {
    from {
        transform: translate3d(71vw, 106vh, 0);
    }

    to {
        transform: translate3d(10vw, -135vh, 0);
    }
}

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

.circle-container:nth-child(73) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-73;
    animation-name: move-frames-73;
    -webkit-animation-duration: 35983ms;
    animation-duration: 35983ms;
    -webkit-animation-delay: 24942ms;
    animation-delay: 24942ms;
}

@-webkit-keyframes move-frames-73 {
    from {
        transform: translate3d(63vw, 102vh, 0);
    }

    to {
        transform: translate3d(78vw, -104vh, 0);
    }
}

@keyframes move-frames-73 {
    from {
        transform: translate3d(63vw, 102vh, 0);
    }

    to {
        transform: translate3d(78vw, -104vh, 0);
    }
}

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

.circle-container:nth-child(74) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-74;
    animation-name: move-frames-74;
    -webkit-animation-duration: 31270ms;
    animation-duration: 31270ms;
    -webkit-animation-delay: 10588ms;
    animation-delay: 10588ms;
}

@-webkit-keyframes move-frames-74 {
    from {
        transform: translate3d(87vw, 104vh, 0);
    }

    to {
        transform: translate3d(47vw, -125vh, 0);
    }
}

@keyframes move-frames-74 {
    from {
        transform: translate3d(87vw, 104vh, 0);
    }

    to {
        transform: translate3d(47vw, -125vh, 0);
    }
}

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

.circle-container:nth-child(75) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-75;
    animation-name: move-frames-75;
    -webkit-animation-duration: 30739ms;
    animation-duration: 30739ms;
    -webkit-animation-delay: 31500ms;
    animation-delay: 31500ms;
}

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

    to {
        transform: translate3d(94vw, -126vh, 0);
    }
}

@keyframes move-frames-75 {
    from {
        transform: translate3d(51vw, 101vh, 0);
    }

    to {
        transform: translate3d(94vw, -126vh, 0);
    }
}

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

.circle-container:nth-child(76) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-76;
    animation-name: move-frames-76;
    -webkit-animation-duration: 33835ms;
    animation-duration: 33835ms;
    -webkit-animation-delay: 20850ms;
    animation-delay: 20850ms;
}

@-webkit-keyframes move-frames-76 {
    from {
        transform: translate3d(91vw, 101vh, 0);
    }

    to {
        transform: translate3d(93vw, -119vh, 0);
    }
}

@keyframes move-frames-76 {
    from {
        transform: translate3d(91vw, 101vh, 0);
    }

    to {
        transform: translate3d(93vw, -119vh, 0);
    }
}

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

.circle-container:nth-child(77) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-77;
    animation-name: move-frames-77;
    -webkit-animation-duration: 30489ms;
    animation-duration: 30489ms;
    -webkit-animation-delay: 36325ms;
    animation-delay: 36325ms;
}

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

    to {
        transform: translate3d(74vw, -111vh, 0);
    }
}

@keyframes move-frames-77 {
    from {
        transform: translate3d(98vw, 106vh, 0);
    }

    to {
        transform: translate3d(74vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(78) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-78;
    animation-name: move-frames-78;
    -webkit-animation-duration: 35301ms;
    animation-duration: 35301ms;
    -webkit-animation-delay: 33393ms;
    animation-delay: 33393ms;
}

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

    to {
        transform: translate3d(42vw, -131vh, 0);
    }
}

@keyframes move-frames-78 {
    from {
        transform: translate3d(17vw, 101vh, 0);
    }

    to {
        transform: translate3d(42vw, -131vh, 0);
    }
}

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

.circle-container:nth-child(79) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-79;
    animation-name: move-frames-79;
    -webkit-animation-duration: 35276ms;
    animation-duration: 35276ms;
    -webkit-animation-delay: 11501ms;
    animation-delay: 11501ms;
}

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

    to {
        transform: translate3d(69vw, -111vh, 0);
    }
}

@keyframes move-frames-79 {
    from {
        transform: translate3d(45vw, 103vh, 0);
    }

    to {
        transform: translate3d(69vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(80) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-80;
    animation-name: move-frames-80;
    -webkit-animation-duration: 35494ms;
    animation-duration: 35494ms;
    -webkit-animation-delay: 908ms;
    animation-delay: 908ms;
}

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

    to {
        transform: translate3d(46vw, -126vh, 0);
    }
}

@keyframes move-frames-80 {
    from {
        transform: translate3d(20vw, 104vh, 0);
    }

    to {
        transform: translate3d(46vw, -126vh, 0);
    }
}

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

.circle-container:nth-child(81) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-81;
    animation-name: move-frames-81;
    -webkit-animation-duration: 36018ms;
    animation-duration: 36018ms;
    -webkit-animation-delay: 26478ms;
    animation-delay: 26478ms;
}

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

    to {
        transform: translate3d(11vw, -133vh, 0);
    }
}

@keyframes move-frames-81 {
    from {
        transform: translate3d(57vw, 110vh, 0);
    }

    to {
        transform: translate3d(11vw, -133vh, 0);
    }
}

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

.circle-container:nth-child(82) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-82;
    animation-name: move-frames-82;
    -webkit-animation-duration: 28445ms;
    animation-duration: 28445ms;
    -webkit-animation-delay: 25594ms;
    animation-delay: 25594ms;
}

@-webkit-keyframes move-frames-82 {
    from {
        transform: translate3d(69vw, 103vh, 0);
    }

    to {
        transform: translate3d(40vw, -121vh, 0);
    }
}

@keyframes move-frames-82 {
    from {
        transform: translate3d(69vw, 103vh, 0);
    }

    to {
        transform: translate3d(40vw, -121vh, 0);
    }
}

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

.circle-container:nth-child(83) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-83;
    animation-name: move-frames-83;
    -webkit-animation-duration: 29143ms;
    animation-duration: 29143ms;
    -webkit-animation-delay: 28247ms;
    animation-delay: 28247ms;
}

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

    to {
        transform: translate3d(36vw, -119vh, 0);
    }
}

@keyframes move-frames-83 {
    from {
        transform: translate3d(53vw, 108vh, 0);
    }

    to {
        transform: translate3d(36vw, -119vh, 0);
    }
}

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

.circle-container:nth-child(84) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-84;
    animation-name: move-frames-84;
    -webkit-animation-duration: 28860ms;
    animation-duration: 28860ms;
    -webkit-animation-delay: 2610ms;
    animation-delay: 2610ms;
}

@-webkit-keyframes move-frames-84 {
    from {
        transform: translate3d(96vw, 107vh, 0);
    }

    to {
        transform: translate3d(3vw, -118vh, 0);
    }
}

@keyframes move-frames-84 {
    from {
        transform: translate3d(96vw, 107vh, 0);
    }

    to {
        transform: translate3d(3vw, -118vh, 0);
    }
}

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

.circle-container:nth-child(85) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-85;
    animation-name: move-frames-85;
    -webkit-animation-duration: 28303ms;
    animation-duration: 28303ms;
    -webkit-animation-delay: 5187ms;
    animation-delay: 5187ms;
}

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

    to {
        transform: translate3d(51vw, -126vh, 0);
    }
}

@keyframes move-frames-85 {
    from {
        transform: translate3d(56vw, 102vh, 0);
    }

    to {
        transform: translate3d(51vw, -126vh, 0);
    }
}

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

.circle-container:nth-child(86) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-86;
    animation-name: move-frames-86;
    -webkit-animation-duration: 28273ms;
    animation-duration: 28273ms;
    -webkit-animation-delay: 8869ms;
    animation-delay: 8869ms;
}

@-webkit-keyframes move-frames-86 {
    from {
        transform: translate3d(3vw, 104vh, 0);
    }

    to {
        transform: translate3d(83vw, -134vh, 0);
    }
}

@keyframes move-frames-86 {
    from {
        transform: translate3d(3vw, 104vh, 0);
    }

    to {
        transform: translate3d(83vw, -134vh, 0);
    }
}

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

.circle-container:nth-child(87) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-87;
    animation-name: move-frames-87;
    -webkit-animation-duration: 31980ms;
    animation-duration: 31980ms;
    -webkit-animation-delay: 14504ms;
    animation-delay: 14504ms;
}

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

    to {
        transform: translate3d(20vw, -134vh, 0);
    }
}

@keyframes move-frames-87 {
    from {
        transform: translate3d(90vw, 110vh, 0);
    }

    to {
        transform: translate3d(20vw, -134vh, 0);
    }
}

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

.circle-container:nth-child(88) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-88;
    animation-name: move-frames-88;
    -webkit-animation-duration: 28435ms;
    animation-duration: 28435ms;
    -webkit-animation-delay: 4284ms;
    animation-delay: 4284ms;
}

@-webkit-keyframes move-frames-88 {
    from {
        transform: translate3d(47vw, 104vh, 0);
    }

    to {
        transform: translate3d(88vw, -111vh, 0);
    }
}

@keyframes move-frames-88 {
    from {
        transform: translate3d(47vw, 104vh, 0);
    }

    to {
        transform: translate3d(88vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(89) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-89;
    animation-name: move-frames-89;
    -webkit-animation-duration: 29605ms;
    animation-duration: 29605ms;
    -webkit-animation-delay: 12359ms;
    animation-delay: 12359ms;
}

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

    to {
        transform: translate3d(84vw, -111vh, 0);
    }
}

@keyframes move-frames-89 {
    from {
        transform: translate3d(95vw, 105vh, 0);
    }

    to {
        transform: translate3d(84vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(90) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-90;
    animation-name: move-frames-90;
    -webkit-animation-duration: 35659ms;
    animation-duration: 35659ms;
    -webkit-animation-delay: 10681ms;
    animation-delay: 10681ms;
}

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

    to {
        transform: translate3d(26vw, -122vh, 0);
    }
}

@keyframes move-frames-90 {
    from {
        transform: translate3d(6vw, 106vh, 0);
    }

    to {
        transform: translate3d(26vw, -122vh, 0);
    }
}

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

.circle-container:nth-child(91) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-91;
    animation-name: move-frames-91;
    -webkit-animation-duration: 35251ms;
    animation-duration: 35251ms;
    -webkit-animation-delay: 15ms;
    animation-delay: 15ms;
}

@-webkit-keyframes move-frames-91 {
    from {
        transform: translate3d(21vw, 110vh, 0);
    }

    to {
        transform: translate3d(16vw, -114vh, 0);
    }
}

@keyframes move-frames-91 {
    from {
        transform: translate3d(21vw, 110vh, 0);
    }

    to {
        transform: translate3d(16vw, -114vh, 0);
    }
}

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

.circle-container:nth-child(92) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-92;
    animation-name: move-frames-92;
    -webkit-animation-duration: 31803ms;
    animation-duration: 31803ms;
    -webkit-animation-delay: 7828ms;
    animation-delay: 7828ms;
}

@-webkit-keyframes move-frames-92 {
    from {
        transform: translate3d(99vw, 106vh, 0);
    }

    to {
        transform: translate3d(10vw, -133vh, 0);
    }
}

@keyframes move-frames-92 {
    from {
        transform: translate3d(99vw, 106vh, 0);
    }

    to {
        transform: translate3d(10vw, -133vh, 0);
    }
}

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

.circle-container:nth-child(93) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-93;
    animation-name: move-frames-93;
    -webkit-animation-duration: 36090ms;
    animation-duration: 36090ms;
    -webkit-animation-delay: 27195ms;
    animation-delay: 27195ms;
}

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

    to {
        transform: translate3d(34vw, -118vh, 0);
    }
}

@keyframes move-frames-93 {
    from {
        transform: translate3d(33vw, 105vh, 0);
    }

    to {
        transform: translate3d(34vw, -118vh, 0);
    }
}

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

.circle-container:nth-child(94) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-94;
    animation-name: move-frames-94;
    -webkit-animation-duration: 31108ms;
    animation-duration: 31108ms;
    -webkit-animation-delay: 22923ms;
    animation-delay: 22923ms;
}

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

    to {
        transform: translate3d(98vw, -121vh, 0);
    }
}

@keyframes move-frames-94 {
    from {
        transform: translate3d(84vw, 102vh, 0);
    }

    to {
        transform: translate3d(98vw, -121vh, 0);
    }
}

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

.circle-container:nth-child(95) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-95;
    animation-name: move-frames-95;
    -webkit-animation-duration: 34895ms;
    animation-duration: 34895ms;
    -webkit-animation-delay: 21872ms;
    animation-delay: 21872ms;
}

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

    to {
        transform: translate3d(35vw, -130vh, 0);
    }
}

@keyframes move-frames-95 {
    from {
        transform: translate3d(51vw, 106vh, 0);
    }

    to {
        transform: translate3d(35vw, -130vh, 0);
    }
}

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

.circle-container:nth-child(96) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-96;
    animation-name: move-frames-96;
    -webkit-animation-duration: 31003ms;
    animation-duration: 31003ms;
    -webkit-animation-delay: 10852ms;
    animation-delay: 10852ms;
}

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

    to {
        transform: translate3d(59vw, -124vh, 0);
    }
}

@keyframes move-frames-96 {
    from {
        transform: translate3d(8vw, 110vh, 0);
    }

    to {
        transform: translate3d(59vw, -124vh, 0);
    }
}

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

.circle-container:nth-child(97) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-97;
    animation-name: move-frames-97;
    -webkit-animation-duration: 30086ms;
    animation-duration: 30086ms;
    -webkit-animation-delay: 11282ms;
    animation-delay: 11282ms;
}

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

    to {
        transform: translate3d(65vw, -124vh, 0);
    }
}

@keyframes move-frames-97 {
    from {
        transform: translate3d(50vw, 103vh, 0);
    }

    to {
        transform: translate3d(65vw, -124vh, 0);
    }
}

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

.circle-container:nth-child(98) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-98;
    animation-name: move-frames-98;
    -webkit-animation-duration: 29326ms;
    animation-duration: 29326ms;
    -webkit-animation-delay: 8529ms;
    animation-delay: 8529ms;
}

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

    to {
        transform: translate3d(50vw, -113vh, 0);
    }
}

@keyframes move-frames-98 {
    from {
        transform: translate3d(26vw, 110vh, 0);
    }

    to {
        transform: translate3d(50vw, -113vh, 0);
    }
}

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

.circle-container:nth-child(99) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-99;
    animation-name: move-frames-99;
    -webkit-animation-duration: 33976ms;
    animation-duration: 33976ms;
    -webkit-animation-delay: 2608ms;
    animation-delay: 2608ms;
}

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

    to {
        transform: translate3d(38vw, -106vh, 0);
    }
}

@keyframes move-frames-99 {
    from {
        transform: translate3d(69vw, 105vh, 0);
    }

    to {
        transform: translate3d(38vw, -106vh, 0);
    }
}

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

.circle-container:nth-child(100) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-100;
    animation-name: move-frames-100;
    -webkit-animation-duration: 33815ms;
    animation-duration: 33815ms;
    -webkit-animation-delay: 14815ms;
    animation-delay: 14815ms;
}

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

    to {
        transform: translate3d(24vw, -127vh, 0);
    }
}

@keyframes move-frames-100 {
    from {
        transform: translate3d(70vw, 106vh, 0);
    }

    to {
        transform: translate3d(24vw, -127vh, 0);
    }
}

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

.circle-container:nth-child(101) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-101;
    animation-name: move-frames-101;
    -webkit-animation-duration: 32761ms;
    animation-duration: 32761ms;
    -webkit-animation-delay: 3313ms;
    animation-delay: 3313ms;
}

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

    to {
        transform: translate3d(51vw, -123vh, 0);
    }
}

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

    to {
        transform: translate3d(51vw, -123vh, 0);
    }
}

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

.circle-container:nth-child(102) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-102;
    animation-name: move-frames-102;
    -webkit-animation-duration: 32121ms;
    animation-duration: 32121ms;
    -webkit-animation-delay: 21970ms;
    animation-delay: 21970ms;
}

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

    to {
        transform: translate3d(27vw, -112vh, 0);
    }
}

@keyframes move-frames-102 {
    from {
        transform: translate3d(64vw, 109vh, 0);
    }

    to {
        transform: translate3d(27vw, -112vh, 0);
    }
}

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

.circle-container:nth-child(103) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-103;
    animation-name: move-frames-103;
    -webkit-animation-duration: 33356ms;
    animation-duration: 33356ms;
    -webkit-animation-delay: 16294ms;
    animation-delay: 16294ms;
}

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

    to {
        transform: translate3d(33vw, -127vh, 0);
    }
}

@keyframes move-frames-103 {
    from {
        transform: translate3d(94vw, 108vh, 0);
    }

    to {
        transform: translate3d(33vw, -127vh, 0);
    }
}

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

.circle-container:nth-child(104) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-104;
    animation-name: move-frames-104;
    -webkit-animation-duration: 36089ms;
    animation-duration: 36089ms;
    -webkit-animation-delay: 21324ms;
    animation-delay: 21324ms;
}

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

    to {
        transform: translate3d(62vw, -131vh, 0);
    }
}

@keyframes move-frames-104 {
    from {
        transform: translate3d(92vw, 106vh, 0);
    }

    to {
        transform: translate3d(62vw, -131vh, 0);
    }
}

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

.circle-container:nth-child(105) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-105;
    animation-name: move-frames-105;
    -webkit-animation-duration: 35098ms;
    animation-duration: 35098ms;
    -webkit-animation-delay: 34216ms;
    animation-delay: 34216ms;
}

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

    to {
        transform: translate3d(97vw, -106vh, 0);
    }
}

@keyframes move-frames-105 {
    from {
        transform: translate3d(32vw, 104vh, 0);
    }

    to {
        transform: translate3d(97vw, -106vh, 0);
    }
}

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

.circle-container:nth-child(106) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-106;
    animation-name: move-frames-106;
    -webkit-animation-duration: 31940ms;
    animation-duration: 31940ms;
    -webkit-animation-delay: 9268ms;
    animation-delay: 9268ms;
}

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

    to {
        transform: translate3d(67vw, -120vh, 0);
    }
}

@keyframes move-frames-106 {
    from {
        transform: translate3d(96vw, 103vh, 0);
    }

    to {
        transform: translate3d(67vw, -120vh, 0);
    }
}

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

.circle-container:nth-child(107) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-107;
    animation-name: move-frames-107;
    -webkit-animation-duration: 33143ms;
    animation-duration: 33143ms;
    -webkit-animation-delay: 31334ms;
    animation-delay: 31334ms;
}

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

    to {
        transform: translate3d(12vw, -117vh, 0);
    }
}

@keyframes move-frames-107 {
    from {
        transform: translate3d(70vw, 103vh, 0);
    }

    to {
        transform: translate3d(12vw, -117vh, 0);
    }
}

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

.circle-container:nth-child(108) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-108;
    animation-name: move-frames-108;
    -webkit-animation-duration: 33769ms;
    animation-duration: 33769ms;
    -webkit-animation-delay: 14920ms;
    animation-delay: 14920ms;
}

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

    to {
        transform: translate3d(2vw, -121vh, 0);
    }
}

@keyframes move-frames-108 {
    from {
        transform: translate3d(15vw, 104vh, 0);
    }

    to {
        transform: translate3d(2vw, -121vh, 0);
    }
}

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

.circle-container:nth-child(109) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-109;
    animation-name: move-frames-109;
    -webkit-animation-duration: 35482ms;
    animation-duration: 35482ms;
    -webkit-animation-delay: 4211ms;
    animation-delay: 4211ms;
}

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

    to {
        transform: translate3d(60vw, -135vh, 0);
    }
}

@keyframes move-frames-109 {
    from {
        transform: translate3d(77vw, 110vh, 0);
    }

    to {
        transform: translate3d(60vw, -135vh, 0);
    }
}

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

.circle-container:nth-child(110) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-110;
    animation-name: move-frames-110;
    -webkit-animation-duration: 30404ms;
    animation-duration: 30404ms;
    -webkit-animation-delay: 10014ms;
    animation-delay: 10014ms;
}

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

    to {
        transform: translate3d(36vw, -116vh, 0);
    }
}

@keyframes move-frames-110 {
    from {
        transform: translate3d(51vw, 102vh, 0);
    }

    to {
        transform: translate3d(36vw, -116vh, 0);
    }
}

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

.circle-container:nth-child(111) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-111;
    animation-name: move-frames-111;
    -webkit-animation-duration: 35134ms;
    animation-duration: 35134ms;
    -webkit-animation-delay: 12002ms;
    animation-delay: 12002ms;
}

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

    to {
        transform: translate3d(48vw, -113vh, 0);
    }
}

@keyframes move-frames-111 {
    from {
        transform: translate3d(67vw, 101vh, 0);
    }

    to {
        transform: translate3d(48vw, -113vh, 0);
    }
}

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

.circle-container:nth-child(112) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-112;
    animation-name: move-frames-112;
    -webkit-animation-duration: 34340ms;
    animation-duration: 34340ms;
    -webkit-animation-delay: 9002ms;
    animation-delay: 9002ms;
}

@-webkit-keyframes move-frames-112 {
    from {
        transform: translate3d(89vw, 103vh, 0);
    }

    to {
        transform: translate3d(10vw, -109vh, 0);
    }
}

@keyframes move-frames-112 {
    from {
        transform: translate3d(89vw, 103vh, 0);
    }

    to {
        transform: translate3d(10vw, -109vh, 0);
    }
}

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

.circle-container:nth-child(113) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-113;
    animation-name: move-frames-113;
    -webkit-animation-duration: 30452ms;
    animation-duration: 30452ms;
    -webkit-animation-delay: 575ms;
    animation-delay: 575ms;
}

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

    to {
        transform: translate3d(64vw, -124vh, 0);
    }
}

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

    to {
        transform: translate3d(64vw, -124vh, 0);
    }
}

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

.circle-container:nth-child(114) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-114;
    animation-name: move-frames-114;
    -webkit-animation-duration: 28305ms;
    animation-duration: 28305ms;
    -webkit-animation-delay: 358ms;
    animation-delay: 358ms;
}

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

    to {
        transform: translate3d(100vw, -126vh, 0);
    }
}

@keyframes move-frames-114 {
    from {
        transform: translate3d(29vw, 105vh, 0);
    }

    to {
        transform: translate3d(100vw, -126vh, 0);
    }
}

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

.circle-container:nth-child(115) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-115;
    animation-name: move-frames-115;
    -webkit-animation-duration: 31927ms;
    animation-duration: 31927ms;
    -webkit-animation-delay: 31771ms;
    animation-delay: 31771ms;
}

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

    to {
        transform: translate3d(13vw, -128vh, 0);
    }
}

@keyframes move-frames-115 {
    from {
        transform: translate3d(54vw, 104vh, 0);
    }

    to {
        transform: translate3d(13vw, -128vh, 0);
    }
}

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

.circle-container:nth-child(116) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-116;
    animation-name: move-frames-116;
    -webkit-animation-duration: 36502ms;
    animation-duration: 36502ms;
    -webkit-animation-delay: 4713ms;
    animation-delay: 4713ms;
}

@-webkit-keyframes move-frames-116 {
    from {
        transform: translate3d(2vw, 102vh, 0);
    }

    to {
        transform: translate3d(35vw, -104vh, 0);
    }
}

@keyframes move-frames-116 {
    from {
        transform: translate3d(2vw, 102vh, 0);
    }

    to {
        transform: translate3d(35vw, -104vh, 0);
    }
}

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

.circle-container:nth-child(117) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-117;
    animation-name: move-frames-117;
    -webkit-animation-duration: 28171ms;
    animation-duration: 28171ms;
    -webkit-animation-delay: 30015ms;
    animation-delay: 30015ms;
}

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

    to {
        transform: translate3d(7vw, -123vh, 0);
    }
}

@keyframes move-frames-117 {
    from {
        transform: translate3d(98vw, 104vh, 0);
    }

    to {
        transform: translate3d(7vw, -123vh, 0);
    }
}

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

.circle-container:nth-child(118) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-118;
    animation-name: move-frames-118;
    -webkit-animation-duration: 34115ms;
    animation-duration: 34115ms;
    -webkit-animation-delay: 24410ms;
    animation-delay: 24410ms;
}

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

    to {
        transform: translate3d(60vw, -117vh, 0);
    }
}

@keyframes move-frames-118 {
    from {
        transform: translate3d(27vw, 106vh, 0);
    }

    to {
        transform: translate3d(60vw, -117vh, 0);
    }
}

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

.circle-container:nth-child(119) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-119;
    animation-name: move-frames-119;
    -webkit-animation-duration: 31132ms;
    animation-duration: 31132ms;
    -webkit-animation-delay: 9618ms;
    animation-delay: 9618ms;
}

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

    to {
        transform: translate3d(84vw, -132vh, 0);
    }
}

@keyframes move-frames-119 {
    from {
        transform: translate3d(2vw, 104vh, 0);
    }

    to {
        transform: translate3d(84vw, -132vh, 0);
    }
}

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

.circle-container:nth-child(120) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-120;
    animation-name: move-frames-120;
    -webkit-animation-duration: 29284ms;
    animation-duration: 29284ms;
    -webkit-animation-delay: 16532ms;
    animation-delay: 16532ms;
}

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

    to {
        transform: translate3d(98vw, -125vh, 0);
    }
}

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

    to {
        transform: translate3d(98vw, -125vh, 0);
    }
}

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

.circle-container:nth-child(121) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-121;
    animation-name: move-frames-121;
    -webkit-animation-duration: 33707ms;
    animation-duration: 33707ms;
    -webkit-animation-delay: 4918ms;
    animation-delay: 4918ms;
}

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

    to {
        transform: translate3d(99vw, -134vh, 0);
    }
}

@keyframes move-frames-121 {
    from {
        transform: translate3d(6vw, 106vh, 0);
    }

    to {
        transform: translate3d(99vw, -134vh, 0);
    }
}

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

.circle-container:nth-child(122) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-122;
    animation-name: move-frames-122;
    -webkit-animation-duration: 30072ms;
    animation-duration: 30072ms;
    -webkit-animation-delay: 13631ms;
    animation-delay: 13631ms;
}

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

    to {
        transform: translate3d(60vw, -117vh, 0);
    }
}

@keyframes move-frames-122 {
    from {
        transform: translate3d(67vw, 103vh, 0);
    }

    to {
        transform: translate3d(60vw, -117vh, 0);
    }
}

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

.circle-container:nth-child(123) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-123;
    animation-name: move-frames-123;
    -webkit-animation-duration: 33759ms;
    animation-duration: 33759ms;
    -webkit-animation-delay: 7843ms;
    animation-delay: 7843ms;
}

@-webkit-keyframes move-frames-123 {
    from {
        transform: translate3d(49vw, 103vh, 0);
    }

    to {
        transform: translate3d(10vw, -109vh, 0);
    }
}

@keyframes move-frames-123 {
    from {
        transform: translate3d(49vw, 103vh, 0);
    }

    to {
        transform: translate3d(10vw, -109vh, 0);
    }
}

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

.circle-container:nth-child(124) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-124;
    animation-name: move-frames-124;
    -webkit-animation-duration: 35438ms;
    animation-duration: 35438ms;
    -webkit-animation-delay: 3442ms;
    animation-delay: 3442ms;
}

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

    to {
        transform: translate3d(56vw, -110vh, 0);
    }
}

@keyframes move-frames-124 {
    from {
        transform: translate3d(64vw, 102vh, 0);
    }

    to {
        transform: translate3d(56vw, -110vh, 0);
    }
}

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

.circle-container:nth-child(125) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-125;
    animation-name: move-frames-125;
    -webkit-animation-duration: 29949ms;
    animation-duration: 29949ms;
    -webkit-animation-delay: 7559ms;
    animation-delay: 7559ms;
}

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

    to {
        transform: translate3d(6vw, -127vh, 0);
    }
}

@keyframes move-frames-125 {
    from {
        transform: translate3d(33vw, 102vh, 0);
    }

    to {
        transform: translate3d(6vw, -127vh, 0);
    }
}

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

.circle-container:nth-child(126) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-126;
    animation-name: move-frames-126;
    -webkit-animation-duration: 29004ms;
    animation-duration: 29004ms;
    -webkit-animation-delay: 17396ms;
    animation-delay: 17396ms;
}

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

    to {
        transform: translate3d(88vw, -125vh, 0);
    }
}

@keyframes move-frames-126 {
    from {
        transform: translate3d(49vw, 104vh, 0);
    }

    to {
        transform: translate3d(88vw, -125vh, 0);
    }
}

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

.circle-container:nth-child(127) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-127;
    animation-name: move-frames-127;
    -webkit-animation-duration: 36804ms;
    animation-duration: 36804ms;
    -webkit-animation-delay: 15811ms;
    animation-delay: 15811ms;
}

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

    to {
        transform: translate3d(80vw, -131vh, 0);
    }
}

@keyframes move-frames-127 {
    from {
        transform: translate3d(94vw, 109vh, 0);
    }

    to {
        transform: translate3d(80vw, -131vh, 0);
    }
}

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

.circle-container:nth-child(128) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-128;
    animation-name: move-frames-128;
    -webkit-animation-duration: 36041ms;
    animation-duration: 36041ms;
    -webkit-animation-delay: 35704ms;
    animation-delay: 35704ms;
}

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

    to {
        transform: translate3d(82vw, -131vh, 0);
    }
}

@keyframes move-frames-128 {
    from {
        transform: translate3d(67vw, 108vh, 0);
    }

    to {
        transform: translate3d(82vw, -131vh, 0);
    }
}

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

.circle-container:nth-child(129) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-129;
    animation-name: move-frames-129;
    -webkit-animation-duration: 36843ms;
    animation-duration: 36843ms;
    -webkit-animation-delay: 29332ms;
    animation-delay: 29332ms;
}

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

    to {
        transform: translate3d(3vw, -118vh, 0);
    }
}

@keyframes move-frames-129 {
    from {
        transform: translate3d(68vw, 104vh, 0);
    }

    to {
        transform: translate3d(3vw, -118vh, 0);
    }
}

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

.circle-container:nth-child(130) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-130;
    animation-name: move-frames-130;
    -webkit-animation-duration: 36435ms;
    animation-duration: 36435ms;
    -webkit-animation-delay: 9296ms;
    animation-delay: 9296ms;
}

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

    to {
        transform: translate3d(36vw, -113vh, 0);
    }
}

@keyframes move-frames-130 {
    from {
        transform: translate3d(53vw, 109vh, 0);
    }

    to {
        transform: translate3d(36vw, -113vh, 0);
    }
}

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

.circle-container:nth-child(131) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-131;
    animation-name: move-frames-131;
    -webkit-animation-duration: 32547ms;
    animation-duration: 32547ms;
    -webkit-animation-delay: 408ms;
    animation-delay: 408ms;
}

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

    to {
        transform: translate3d(19vw, -111vh, 0);
    }
}

@keyframes move-frames-131 {
    from {
        transform: translate3d(66vw, 110vh, 0);
    }

    to {
        transform: translate3d(19vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(132) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-132;
    animation-name: move-frames-132;
    -webkit-animation-duration: 30404ms;
    animation-duration: 30404ms;
    -webkit-animation-delay: 4346ms;
    animation-delay: 4346ms;
}

@-webkit-keyframes move-frames-132 {
    from {
        transform: translate3d(30vw, 107vh, 0);
    }

    to {
        transform: translate3d(64vw, -116vh, 0);
    }
}

@keyframes move-frames-132 {
    from {
        transform: translate3d(30vw, 107vh, 0);
    }

    to {
        transform: translate3d(64vw, -116vh, 0);
    }
}

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

.circle-container:nth-child(133) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-133;
    animation-name: move-frames-133;
    -webkit-animation-duration: 28591ms;
    animation-duration: 28591ms;
    -webkit-animation-delay: 11049ms;
    animation-delay: 11049ms;
}

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

    to {
        transform: translate3d(84vw, -128vh, 0);
    }
}

@keyframes move-frames-133 {
    from {
        transform: translate3d(24vw, 104vh, 0);
    }

    to {
        transform: translate3d(84vw, -128vh, 0);
    }
}

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

.circle-container:nth-child(134) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-134;
    animation-name: move-frames-134;
    -webkit-animation-duration: 28961ms;
    animation-duration: 28961ms;
    -webkit-animation-delay: 3749ms;
    animation-delay: 3749ms;
}

@-webkit-keyframes move-frames-134 {
    from {
        transform: translate3d(24vw, 105vh, 0);
    }

    to {
        transform: translate3d(10vw, -119vh, 0);
    }
}

@keyframes move-frames-134 {
    from {
        transform: translate3d(24vw, 105vh, 0);
    }

    to {
        transform: translate3d(10vw, -119vh, 0);
    }
}

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

.circle-container:nth-child(135) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-135;
    animation-name: move-frames-135;
    -webkit-animation-duration: 31128ms;
    animation-duration: 31128ms;
    -webkit-animation-delay: 13174ms;
    animation-delay: 13174ms;
}

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

    to {
        transform: translate3d(71vw, -108vh, 0);
    }
}

@keyframes move-frames-135 {
    from {
        transform: translate3d(57vw, 104vh, 0);
    }

    to {
        transform: translate3d(71vw, -108vh, 0);
    }
}

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

.circle-container:nth-child(136) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-136;
    animation-name: move-frames-136;
    -webkit-animation-duration: 30008ms;
    animation-duration: 30008ms;
    -webkit-animation-delay: 31085ms;
    animation-delay: 31085ms;
}

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

    to {
        transform: translate3d(62vw, -108vh, 0);
    }
}

@keyframes move-frames-136 {
    from {
        transform: translate3d(19vw, 104vh, 0);
    }

    to {
        transform: translate3d(62vw, -108vh, 0);
    }
}

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

.circle-container:nth-child(137) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-137;
    animation-name: move-frames-137;
    -webkit-animation-duration: 32168ms;
    animation-duration: 32168ms;
    -webkit-animation-delay: 6173ms;
    animation-delay: 6173ms;
}

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

    to {
        transform: translate3d(1vw, -130vh, 0);
    }
}

@keyframes move-frames-137 {
    from {
        transform: translate3d(92vw, 108vh, 0);
    }

    to {
        transform: translate3d(1vw, -130vh, 0);
    }
}

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

.circle-container:nth-child(138) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-138;
    animation-name: move-frames-138;
    -webkit-animation-duration: 31665ms;
    animation-duration: 31665ms;
    -webkit-animation-delay: 35551ms;
    animation-delay: 35551ms;
}

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

    to {
        transform: translate3d(88vw, -128vh, 0);
    }
}

@keyframes move-frames-138 {
    from {
        transform: translate3d(39vw, 109vh, 0);
    }

    to {
        transform: translate3d(88vw, -128vh, 0);
    }
}

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

.circle-container:nth-child(139) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-139;
    animation-name: move-frames-139;
    -webkit-animation-duration: 34164ms;
    animation-duration: 34164ms;
    -webkit-animation-delay: 15793ms;
    animation-delay: 15793ms;
}

@-webkit-keyframes move-frames-139 {
    from {
        transform: translate3d(8vw, 108vh, 0);
    }

    to {
        transform: translate3d(2vw, -125vh, 0);
    }
}

@keyframes move-frames-139 {
    from {
        transform: translate3d(8vw, 108vh, 0);
    }

    to {
        transform: translate3d(2vw, -125vh, 0);
    }
}

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

.circle-container:nth-child(140) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-140;
    animation-name: move-frames-140;
    -webkit-animation-duration: 35428ms;
    animation-duration: 35428ms;
    -webkit-animation-delay: 17092ms;
    animation-delay: 17092ms;
}

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

    to {
        transform: translate3d(70vw, -119vh, 0);
    }
}

@keyframes move-frames-140 {
    from {
        transform: translate3d(64vw, 106vh, 0);
    }

    to {
        transform: translate3d(70vw, -119vh, 0);
    }
}

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

.circle-container:nth-child(141) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-141;
    animation-name: move-frames-141;
    -webkit-animation-duration: 30628ms;
    animation-duration: 30628ms;
    -webkit-animation-delay: 9507ms;
    animation-delay: 9507ms;
}

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

    to {
        transform: translate3d(46vw, -131vh, 0);
    }
}

@keyframes move-frames-141 {
    from {
        transform: translate3d(4vw, 101vh, 0);
    }

    to {
        transform: translate3d(46vw, -131vh, 0);
    }
}

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

.circle-container:nth-child(142) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-142;
    animation-name: move-frames-142;
    -webkit-animation-duration: 31205ms;
    animation-duration: 31205ms;
    -webkit-animation-delay: 1316ms;
    animation-delay: 1316ms;
}

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

    to {
        transform: translate3d(85vw, -125vh, 0);
    }
}

@keyframes move-frames-142 {
    from {
        transform: translate3d(6vw, 108vh, 0);
    }

    to {
        transform: translate3d(85vw, -125vh, 0);
    }
}

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

.circle-container:nth-child(143) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-143;
    animation-name: move-frames-143;
    -webkit-animation-duration: 30024ms;
    animation-duration: 30024ms;
    -webkit-animation-delay: 9063ms;
    animation-delay: 9063ms;
}

@-webkit-keyframes move-frames-143 {
    from {
        transform: translate3d(46vw, 102vh, 0);
    }

    to {
        transform: translate3d(96vw, -106vh, 0);
    }
}

@keyframes move-frames-143 {
    from {
        transform: translate3d(46vw, 102vh, 0);
    }

    to {
        transform: translate3d(96vw, -106vh, 0);
    }
}

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

.circle-container:nth-child(144) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-144;
    animation-name: move-frames-144;
    -webkit-animation-duration: 31442ms;
    animation-duration: 31442ms;
    -webkit-animation-delay: 26692ms;
    animation-delay: 26692ms;
}

@-webkit-keyframes move-frames-144 {
    from {
        transform: translate3d(23vw, 106vh, 0);
    }

    to {
        transform: translate3d(69vw, -112vh, 0);
    }
}

@keyframes move-frames-144 {
    from {
        transform: translate3d(23vw, 106vh, 0);
    }

    to {
        transform: translate3d(69vw, -112vh, 0);
    }
}

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

.circle-container:nth-child(145) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-145;
    animation-name: move-frames-145;
    -webkit-animation-duration: 32635ms;
    animation-duration: 32635ms;
    -webkit-animation-delay: 34983ms;
    animation-delay: 34983ms;
}

@-webkit-keyframes move-frames-145 {
    from {
        transform: translate3d(33vw, 110vh, 0);
    }

    to {
        transform: translate3d(1vw, -129vh, 0);
    }
}

@keyframes move-frames-145 {
    from {
        transform: translate3d(33vw, 110vh, 0);
    }

    to {
        transform: translate3d(1vw, -129vh, 0);
    }
}

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

.circle-container:nth-child(146) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-146;
    animation-name: move-frames-146;
    -webkit-animation-duration: 30382ms;
    animation-duration: 30382ms;
    -webkit-animation-delay: 9931ms;
    animation-delay: 9931ms;
}

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

    to {
        transform: translate3d(37vw, -109vh, 0);
    }
}

@keyframes move-frames-146 {
    from {
        transform: translate3d(2vw, 108vh, 0);
    }

    to {
        transform: translate3d(37vw, -109vh, 0);
    }
}

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

.circle-container:nth-child(147) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-147;
    animation-name: move-frames-147;
    -webkit-animation-duration: 31085ms;
    animation-duration: 31085ms;
    -webkit-animation-delay: 16180ms;
    animation-delay: 16180ms;
}

@-webkit-keyframes move-frames-147 {
    from {
        transform: translate3d(7vw, 105vh, 0);
    }

    to {
        transform: translate3d(47vw, -135vh, 0);
    }
}

@keyframes move-frames-147 {
    from {
        transform: translate3d(7vw, 105vh, 0);
    }

    to {
        transform: translate3d(47vw, -135vh, 0);
    }
}

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

.circle-container:nth-child(148) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-148;
    animation-name: move-frames-148;
    -webkit-animation-duration: 33893ms;
    animation-duration: 33893ms;
    -webkit-animation-delay: 36562ms;
    animation-delay: 36562ms;
}

@-webkit-keyframes move-frames-148 {
    from {
        transform: translate3d(21vw, 106vh, 0);
    }

    to {
        transform: translate3d(31vw, -112vh, 0);
    }
}

@keyframes move-frames-148 {
    from {
        transform: translate3d(21vw, 106vh, 0);
    }

    to {
        transform: translate3d(31vw, -112vh, 0);
    }
}

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

.circle-container:nth-child(149) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-149;
    animation-name: move-frames-149;
    -webkit-animation-duration: 32854ms;
    animation-duration: 32854ms;
    -webkit-animation-delay: 19184ms;
    animation-delay: 19184ms;
}

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

    to {
        transform: translate3d(13vw, -117vh, 0);
    }
}

@keyframes move-frames-149 {
    from {
        transform: translate3d(19vw, 102vh, 0);
    }

    to {
        transform: translate3d(13vw, -117vh, 0);
    }
}

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

.circle-container:nth-child(150) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-150;
    animation-name: move-frames-150;
    -webkit-animation-duration: 36017ms;
    animation-duration: 36017ms;
    -webkit-animation-delay: 23723ms;
    animation-delay: 23723ms;
}

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

    to {
        transform: translate3d(49vw, -128vh, 0);
    }
}

@keyframes move-frames-150 {
    from {
        transform: translate3d(54vw, 110vh, 0);
    }

    to {
        transform: translate3d(49vw, -128vh, 0);
    }
}

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

.circle-container:nth-child(151) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-151;
    animation-name: move-frames-151;
    -webkit-animation-duration: 34891ms;
    animation-duration: 34891ms;
    -webkit-animation-delay: 23028ms;
    animation-delay: 23028ms;
}

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

    to {
        transform: translate3d(20vw, -111vh, 0);
    }
}

@keyframes move-frames-151 {
    from {
        transform: translate3d(55vw, 106vh, 0);
    }

    to {
        transform: translate3d(20vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(152) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-152;
    animation-name: move-frames-152;
    -webkit-animation-duration: 31963ms;
    animation-duration: 31963ms;
    -webkit-animation-delay: 25762ms;
    animation-delay: 25762ms;
}

@-webkit-keyframes move-frames-152 {
    from {
        transform: translate3d(90vw, 102vh, 0);
    }

    to {
        transform: translate3d(94vw, -127vh, 0);
    }
}

@keyframes move-frames-152 {
    from {
        transform: translate3d(90vw, 102vh, 0);
    }

    to {
        transform: translate3d(94vw, -127vh, 0);
    }
}

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

.circle-container:nth-child(153) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-153;
    animation-name: move-frames-153;
    -webkit-animation-duration: 28999ms;
    animation-duration: 28999ms;
    -webkit-animation-delay: 32992ms;
    animation-delay: 32992ms;
}

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

    to {
        transform: translate3d(39vw, -111vh, 0);
    }
}

@keyframes move-frames-153 {
    from {
        transform: translate3d(73vw, 110vh, 0);
    }

    to {
        transform: translate3d(39vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(154) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-154;
    animation-name: move-frames-154;
    -webkit-animation-duration: 33674ms;
    animation-duration: 33674ms;
    -webkit-animation-delay: 21747ms;
    animation-delay: 21747ms;
}

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

    to {
        transform: translate3d(98vw, -130vh, 0);
    }
}

@keyframes move-frames-154 {
    from {
        transform: translate3d(8vw, 103vh, 0);
    }

    to {
        transform: translate3d(98vw, -130vh, 0);
    }
}

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

.circle-container:nth-child(155) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-155;
    animation-name: move-frames-155;
    -webkit-animation-duration: 30178ms;
    animation-duration: 30178ms;
    -webkit-animation-delay: 7939ms;
    animation-delay: 7939ms;
}

@-webkit-keyframes move-frames-155 {
    from {
        transform: translate3d(75vw, 102vh, 0);
    }

    to {
        transform: translate3d(44vw, -114vh, 0);
    }
}

@keyframes move-frames-155 {
    from {
        transform: translate3d(75vw, 102vh, 0);
    }

    to {
        transform: translate3d(44vw, -114vh, 0);
    }
}

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

.circle-container:nth-child(156) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-156;
    animation-name: move-frames-156;
    -webkit-animation-duration: 35418ms;
    animation-duration: 35418ms;
    -webkit-animation-delay: 32315ms;
    animation-delay: 32315ms;
}

@-webkit-keyframes move-frames-156 {
    from {
        transform: translate3d(16vw, 109vh, 0);
    }

    to {
        transform: translate3d(73vw, -118vh, 0);
    }
}

@keyframes move-frames-156 {
    from {
        transform: translate3d(16vw, 109vh, 0);
    }

    to {
        transform: translate3d(73vw, -118vh, 0);
    }
}

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

.circle-container:nth-child(157) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-157;
    animation-name: move-frames-157;
    -webkit-animation-duration: 30122ms;
    animation-duration: 30122ms;
    -webkit-animation-delay: 25717ms;
    animation-delay: 25717ms;
}

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

    to {
        transform: translate3d(73vw, -132vh, 0);
    }
}

@keyframes move-frames-157 {
    from {
        transform: translate3d(90vw, 106vh, 0);
    }

    to {
        transform: translate3d(73vw, -132vh, 0);
    }
}

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

.circle-container:nth-child(158) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-158;
    animation-name: move-frames-158;
    -webkit-animation-duration: 29993ms;
    animation-duration: 29993ms;
    -webkit-animation-delay: 5574ms;
    animation-delay: 5574ms;
}

@-webkit-keyframes move-frames-158 {
    from {
        transform: translate3d(54vw, 106vh, 0);
    }

    to {
        transform: translate3d(3vw, -135vh, 0);
    }
}

@keyframes move-frames-158 {
    from {
        transform: translate3d(54vw, 106vh, 0);
    }

    to {
        transform: translate3d(3vw, -135vh, 0);
    }
}

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

.circle-container:nth-child(159) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-159;
    animation-name: move-frames-159;
    -webkit-animation-duration: 28903ms;
    animation-duration: 28903ms;
    -webkit-animation-delay: 3590ms;
    animation-delay: 3590ms;
}

@-webkit-keyframes move-frames-159 {
    from {
        transform: translate3d(3vw, 109vh, 0);
    }

    to {
        transform: translate3d(96vw, -120vh, 0);
    }
}

@keyframes move-frames-159 {
    from {
        transform: translate3d(3vw, 109vh, 0);
    }

    to {
        transform: translate3d(96vw, -120vh, 0);
    }
}

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

.circle-container:nth-child(160) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-160;
    animation-name: move-frames-160;
    -webkit-animation-duration: 33335ms;
    animation-duration: 33335ms;
    -webkit-animation-delay: 29405ms;
    animation-delay: 29405ms;
}

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

    to {
        transform: translate3d(36vw, -109vh, 0);
    }
}

@keyframes move-frames-160 {
    from {
        transform: translate3d(69vw, 105vh, 0);
    }

    to {
        transform: translate3d(36vw, -109vh, 0);
    }
}

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

.circle-container:nth-child(161) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-161;
    animation-name: move-frames-161;
    -webkit-animation-duration: 33270ms;
    animation-duration: 33270ms;
    -webkit-animation-delay: 16685ms;
    animation-delay: 16685ms;
}

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

    to {
        transform: translate3d(4vw, -133vh, 0);
    }
}

@keyframes move-frames-161 {
    from {
        transform: translate3d(73vw, 110vh, 0);
    }

    to {
        transform: translate3d(4vw, -133vh, 0);
    }
}

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

.circle-container:nth-child(162) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-162;
    animation-name: move-frames-162;
    -webkit-animation-duration: 34746ms;
    animation-duration: 34746ms;
    -webkit-animation-delay: 24791ms;
    animation-delay: 24791ms;
}

@-webkit-keyframes move-frames-162 {
    from {
        transform: translate3d(25vw, 108vh, 0);
    }

    to {
        transform: translate3d(81vw, -112vh, 0);
    }
}

@keyframes move-frames-162 {
    from {
        transform: translate3d(25vw, 108vh, 0);
    }

    to {
        transform: translate3d(81vw, -112vh, 0);
    }
}

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

.circle-container:nth-child(163) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-163;
    animation-name: move-frames-163;
    -webkit-animation-duration: 34329ms;
    animation-duration: 34329ms;
    -webkit-animation-delay: 13545ms;
    animation-delay: 13545ms;
}

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

    to {
        transform: translate3d(13vw, -121vh, 0);
    }
}

@keyframes move-frames-163 {
    from {
        transform: translate3d(25vw, 102vh, 0);
    }

    to {
        transform: translate3d(13vw, -121vh, 0);
    }
}

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

.circle-container:nth-child(164) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-164;
    animation-name: move-frames-164;
    -webkit-animation-duration: 31931ms;
    animation-duration: 31931ms;
    -webkit-animation-delay: 21031ms;
    animation-delay: 21031ms;
}

@-webkit-keyframes move-frames-164 {
    from {
        transform: translate3d(18vw, 105vh, 0);
    }

    to {
        transform: translate3d(85vw, -128vh, 0);
    }
}

@keyframes move-frames-164 {
    from {
        transform: translate3d(18vw, 105vh, 0);
    }

    to {
        transform: translate3d(85vw, -128vh, 0);
    }
}

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

.circle-container:nth-child(165) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-165;
    animation-name: move-frames-165;
    -webkit-animation-duration: 35861ms;
    animation-duration: 35861ms;
    -webkit-animation-delay: 28979ms;
    animation-delay: 28979ms;
}

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

    to {
        transform: translate3d(20vw, -134vh, 0);
    }
}

@keyframes move-frames-165 {
    from {
        transform: translate3d(100vw, 105vh, 0);
    }

    to {
        transform: translate3d(20vw, -134vh, 0);
    }
}

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

.circle-container:nth-child(166) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-166;
    animation-name: move-frames-166;
    -webkit-animation-duration: 34082ms;
    animation-duration: 34082ms;
    -webkit-animation-delay: 15345ms;
    animation-delay: 15345ms;
}

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

    to {
        transform: translate3d(60vw, -115vh, 0);
    }
}

@keyframes move-frames-166 {
    from {
        transform: translate3d(21vw, 101vh, 0);
    }

    to {
        transform: translate3d(60vw, -115vh, 0);
    }
}

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

.circle-container:nth-child(167) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-167;
    animation-name: move-frames-167;
    -webkit-animation-duration: 33714ms;
    animation-duration: 33714ms;
    -webkit-animation-delay: 32168ms;
    animation-delay: 32168ms;
}

@-webkit-keyframes move-frames-167 {
    from {
        transform: translate3d(86vw, 107vh, 0);
    }

    to {
        transform: translate3d(37vw, -134vh, 0);
    }
}

@keyframes move-frames-167 {
    from {
        transform: translate3d(86vw, 107vh, 0);
    }

    to {
        transform: translate3d(37vw, -134vh, 0);
    }
}

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

.circle-container:nth-child(168) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-168;
    animation-name: move-frames-168;
    -webkit-animation-duration: 33838ms;
    animation-duration: 33838ms;
    -webkit-animation-delay: 27598ms;
    animation-delay: 27598ms;
}

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

    to {
        transform: translate3d(37vw, -129vh, 0);
    }
}

@keyframes move-frames-168 {
    from {
        transform: translate3d(49vw, 110vh, 0);
    }

    to {
        transform: translate3d(37vw, -129vh, 0);
    }
}

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

.circle-container:nth-child(169) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-169;
    animation-name: move-frames-169;
    -webkit-animation-duration: 36050ms;
    animation-duration: 36050ms;
    -webkit-animation-delay: 31196ms;
    animation-delay: 31196ms;
}

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

    to {
        transform: translate3d(35vw, -130vh, 0);
    }
}

@keyframes move-frames-169 {
    from {
        transform: translate3d(29vw, 110vh, 0);
    }

    to {
        transform: translate3d(35vw, -130vh, 0);
    }
}

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

.circle-container:nth-child(170) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-170;
    animation-name: move-frames-170;
    -webkit-animation-duration: 35774ms;
    animation-duration: 35774ms;
    -webkit-animation-delay: 34955ms;
    animation-delay: 34955ms;
}

@-webkit-keyframes move-frames-170 {
    from {
        transform: translate3d(88vw, 109vh, 0);
    }

    to {
        transform: translate3d(66vw, -138vh, 0);
    }
}

@keyframes move-frames-170 {
    from {
        transform: translate3d(88vw, 109vh, 0);
    }

    to {
        transform: translate3d(66vw, -138vh, 0);
    }
}

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

.circle-container:nth-child(171) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-171;
    animation-name: move-frames-171;
    -webkit-animation-duration: 32806ms;
    animation-duration: 32806ms;
    -webkit-animation-delay: 15174ms;
    animation-delay: 15174ms;
}

@-webkit-keyframes move-frames-171 {
    from {
        transform: translate3d(59vw, 104vh, 0);
    }

    to {
        transform: translate3d(34vw, -106vh, 0);
    }
}

@keyframes move-frames-171 {
    from {
        transform: translate3d(59vw, 104vh, 0);
    }

    to {
        transform: translate3d(34vw, -106vh, 0);
    }
}

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

.circle-container:nth-child(172) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-172;
    animation-name: move-frames-172;
    -webkit-animation-duration: 34352ms;
    animation-duration: 34352ms;
    -webkit-animation-delay: 11378ms;
    animation-delay: 11378ms;
}

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

    to {
        transform: translate3d(42vw, -109vh, 0);
    }
}

@keyframes move-frames-172 {
    from {
        transform: translate3d(42vw, 103vh, 0);
    }

    to {
        transform: translate3d(42vw, -109vh, 0);
    }
}

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

.circle-container:nth-child(173) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-173;
    animation-name: move-frames-173;
    -webkit-animation-duration: 36964ms;
    animation-duration: 36964ms;
    -webkit-animation-delay: 25068ms;
    animation-delay: 25068ms;
}

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

    to {
        transform: translate3d(31vw, -130vh, 0);
    }
}

@keyframes move-frames-173 {
    from {
        transform: translate3d(84vw, 110vh, 0);
    }

    to {
        transform: translate3d(31vw, -130vh, 0);
    }
}

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

.circle-container:nth-child(174) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-174;
    animation-name: move-frames-174;
    -webkit-animation-duration: 29310ms;
    animation-duration: 29310ms;
    -webkit-animation-delay: 11131ms;
    animation-delay: 11131ms;
}

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

    to {
        transform: translate3d(51vw, -125vh, 0);
    }
}

@keyframes move-frames-174 {
    from {
        transform: translate3d(43vw, 101vh, 0);
    }

    to {
        transform: translate3d(51vw, -125vh, 0);
    }
}

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

.circle-container:nth-child(175) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-175;
    animation-name: move-frames-175;
    -webkit-animation-duration: 30860ms;
    animation-duration: 30860ms;
    -webkit-animation-delay: 425ms;
    animation-delay: 425ms;
}

@-webkit-keyframes move-frames-175 {
    from {
        transform: translate3d(84vw, 104vh, 0);
    }

    to {
        transform: translate3d(28vw, -126vh, 0);
    }
}

@keyframes move-frames-175 {
    from {
        transform: translate3d(84vw, 104vh, 0);
    }

    to {
        transform: translate3d(28vw, -126vh, 0);
    }
}

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

.circle-container:nth-child(176) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-176;
    animation-name: move-frames-176;
    -webkit-animation-duration: 29633ms;
    animation-duration: 29633ms;
    -webkit-animation-delay: 22705ms;
    animation-delay: 22705ms;
}

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

    to {
        transform: translate3d(52vw, -132vh, 0);
    }
}

@keyframes move-frames-176 {
    from {
        transform: translate3d(94vw, 110vh, 0);
    }

    to {
        transform: translate3d(52vw, -132vh, 0);
    }
}

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

.circle-container:nth-child(177) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-177;
    animation-name: move-frames-177;
    -webkit-animation-duration: 30437ms;
    animation-duration: 30437ms;
    -webkit-animation-delay: 34613ms;
    animation-delay: 34613ms;
}

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

    to {
        transform: translate3d(69vw, -131vh, 0);
    }
}

@keyframes move-frames-177 {
    from {
        transform: translate3d(29vw, 101vh, 0);
    }

    to {
        transform: translate3d(69vw, -131vh, 0);
    }
}

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

.circle-container:nth-child(178) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-178;
    animation-name: move-frames-178;
    -webkit-animation-duration: 35243ms;
    animation-duration: 35243ms;
    -webkit-animation-delay: 20285ms;
    animation-delay: 20285ms;
}

@-webkit-keyframes move-frames-178 {
    from {
        transform: translate3d(16vw, 108vh, 0);
    }

    to {
        transform: translate3d(44vw, -131vh, 0);
    }
}

@keyframes move-frames-178 {
    from {
        transform: translate3d(16vw, 108vh, 0);
    }

    to {
        transform: translate3d(44vw, -131vh, 0);
    }
}

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

.circle-container:nth-child(179) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-179;
    animation-name: move-frames-179;
    -webkit-animation-duration: 34780ms;
    animation-duration: 34780ms;
    -webkit-animation-delay: 10396ms;
    animation-delay: 10396ms;
}

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

    to {
        transform: translate3d(69vw, -122vh, 0);
    }
}

@keyframes move-frames-179 {
    from {
        transform: translate3d(76vw, 105vh, 0);
    }

    to {
        transform: translate3d(69vw, -122vh, 0);
    }
}

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

.circle-container:nth-child(180) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-180;
    animation-name: move-frames-180;
    -webkit-animation-duration: 32157ms;
    animation-duration: 32157ms;
    -webkit-animation-delay: 8396ms;
    animation-delay: 8396ms;
}

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

    to {
        transform: translate3d(21vw, -133vh, 0);
    }
}

@keyframes move-frames-180 {
    from {
        transform: translate3d(20vw, 105vh, 0);
    }

    to {
        transform: translate3d(21vw, -133vh, 0);
    }
}

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

.circle-container:nth-child(181) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-181;
    animation-name: move-frames-181;
    -webkit-animation-duration: 31244ms;
    animation-duration: 31244ms;
    -webkit-animation-delay: 687ms;
    animation-delay: 687ms;
}

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

    to {
        transform: translate3d(37vw, -111vh, 0);
    }
}

@keyframes move-frames-181 {
    from {
        transform: translate3d(42vw, 108vh, 0);
    }

    to {
        transform: translate3d(37vw, -111vh, 0);
    }
}

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

.circle-container:nth-child(182) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-182;
    animation-name: move-frames-182;
    -webkit-animation-duration: 35266ms;
    animation-duration: 35266ms;
    -webkit-animation-delay: 19029ms;
    animation-delay: 19029ms;
}

@-webkit-keyframes move-frames-182 {
    from {
        transform: translate3d(37vw, 103vh, 0);
    }

    to {
        transform: translate3d(7vw, -118vh, 0);
    }
}

@keyframes move-frames-182 {
    from {
        transform: translate3d(37vw, 103vh, 0);
    }

    to {
        transform: translate3d(7vw, -118vh, 0);
    }
}

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

.circle-container:nth-child(183) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-183;
    animation-name: move-frames-183;
    -webkit-animation-duration: 33730ms;
    animation-duration: 33730ms;
    -webkit-animation-delay: 35594ms;
    animation-delay: 35594ms;
}

@-webkit-keyframes move-frames-183 {
    from {
        transform: translate3d(55vw, 103vh, 0);
    }

    to {
        transform: translate3d(3vw, -107vh, 0);
    }
}

@keyframes move-frames-183 {
    from {
        transform: translate3d(55vw, 103vh, 0);
    }

    to {
        transform: translate3d(3vw, -107vh, 0);
    }
}

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

.circle-container:nth-child(184) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-184;
    animation-name: move-frames-184;
    -webkit-animation-duration: 31536ms;
    animation-duration: 31536ms;
    -webkit-animation-delay: 22555ms;
    animation-delay: 22555ms;
}

@-webkit-keyframes move-frames-184 {
    from {
        transform: translate3d(66vw, 103vh, 0);
    }

    to {
        transform: translate3d(85vw, -121vh, 0);
    }
}

@keyframes move-frames-184 {
    from {
        transform: translate3d(66vw, 103vh, 0);
    }

    to {
        transform: translate3d(85vw, -121vh, 0);
    }
}

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

.circle-container:nth-child(185) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-185;
    animation-name: move-frames-185;
    -webkit-animation-duration: 30436ms;
    animation-duration: 30436ms;
    -webkit-animation-delay: 20908ms;
    animation-delay: 20908ms;
}

@-webkit-keyframes move-frames-185 {
    from {
        transform: translate3d(61vw, 103vh, 0);
    }

    to {
        transform: translate3d(56vw, -122vh, 0);
    }
}

@keyframes move-frames-185 {
    from {
        transform: translate3d(61vw, 103vh, 0);
    }

    to {
        transform: translate3d(56vw, -122vh, 0);
    }
}

.circle-container:nth-child(185) .circle {
    -webkit-animation-delay: 2284ms;
    animation-delay: 2284ms;
}

.circle-container:nth-child(186) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-186;
    animation-name: move-frames-186;
    -webkit-animation-duration: 36048ms;
    animation-duration: 36048ms;
    -webkit-animation-delay: 19711ms;
    animation-delay: 19711ms;
}

@-webkit-keyframes move-frames-186 {
    from {
        transform: translate3d(13vw, 101vh, 0);
    }

    to {
        transform: translate3d(37vw, -122vh, 0);
    }
}

@keyframes move-frames-186 {
    from {
        transform: translate3d(13vw, 101vh, 0);
    }

    to {
        transform: translate3d(37vw, -122vh, 0);
    }
}

.circle-container:nth-child(186) .circle {
    -webkit-animation-delay: 2094ms;
    animation-delay: 2094ms;
}

.circle-container:nth-child(187) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-187;
    animation-name: move-frames-187;
    -webkit-animation-duration: 29414ms;
    animation-duration: 29414ms;
    -webkit-animation-delay: 6363ms;
    animation-delay: 6363ms;
}

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

    to {
        transform: translate3d(79vw, -106vh, 0);
    }
}

@keyframes move-frames-187 {
    from {
        transform: translate3d(42vw, 104vh, 0);
    }

    to {
        transform: translate3d(79vw, -106vh, 0);
    }
}

.circle-container:nth-child(187) .circle {
    -webkit-animation-delay: 2029ms;
    animation-delay: 2029ms;
}

.circle-container:nth-child(188) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-188;
    animation-name: move-frames-188;
    -webkit-animation-duration: 29844ms;
    animation-duration: 29844ms;
    -webkit-animation-delay: 8256ms;
    animation-delay: 8256ms;
}

@-webkit-keyframes move-frames-188 {
    from {
        transform: translate3d(70vw, 105vh, 0);
    }

    to {
        transform: translate3d(93vw, -119vh, 0);
    }
}

@keyframes move-frames-188 {
    from {
        transform: translate3d(70vw, 105vh, 0);
    }

    to {
        transform: translate3d(93vw, -119vh, 0);
    }
}

.circle-container:nth-child(188) .circle {
    -webkit-animation-delay: 1424ms;
    animation-delay: 1424ms;
}

.circle-container:nth-child(189) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-189;
    animation-name: move-frames-189;
    -webkit-animation-duration: 29707ms;
    animation-duration: 29707ms;
    -webkit-animation-delay: 19284ms;
    animation-delay: 19284ms;
}

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

    to {
        transform: translate3d(69vw, -121vh, 0);
    }
}

@keyframes move-frames-189 {
    from {
        transform: translate3d(35vw, 110vh, 0);
    }

    to {
        transform: translate3d(69vw, -121vh, 0);
    }
}

.circle-container:nth-child(189) .circle {
    -webkit-animation-delay: 3016ms;
    animation-delay: 3016ms;
}

.circle-container:nth-child(190) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-190;
    animation-name: move-frames-190;
    -webkit-animation-duration: 28426ms;
    animation-duration: 28426ms;
    -webkit-animation-delay: 6456ms;
    animation-delay: 6456ms;
}

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

    to {
        transform: translate3d(89vw, -118vh, 0);
    }
}

@keyframes move-frames-190 {
    from {
        transform: translate3d(1vw, 106vh, 0);
    }

    to {
        transform: translate3d(89vw, -118vh, 0);
    }
}

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

.circle-container:nth-child(191) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-191;
    animation-name: move-frames-191;
    -webkit-animation-duration: 30473ms;
    animation-duration: 30473ms;
    -webkit-animation-delay: 31335ms;
    animation-delay: 31335ms;
}

@-webkit-keyframes move-frames-191 {
    from {
        transform: translate3d(21vw, 102vh, 0);
    }

    to {
        transform: translate3d(35vw, -115vh, 0);
    }
}

@keyframes move-frames-191 {
    from {
        transform: translate3d(21vw, 102vh, 0);
    }

    to {
        transform: translate3d(35vw, -115vh, 0);
    }
}

.circle-container:nth-child(191) .circle {
    -webkit-animation-delay: 483ms;
    animation-delay: 483ms;
}

.circle-container:nth-child(192) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-192;
    animation-name: move-frames-192;
    -webkit-animation-duration: 34303ms;
    animation-duration: 34303ms;
    -webkit-animation-delay: 23608ms;
    animation-delay: 23608ms;
}

@-webkit-keyframes move-frames-192 {
    from {
        transform: translate3d(73vw, 102vh, 0);
    }

    to {
        transform: translate3d(60vw, -108vh, 0);
    }
}

@keyframes move-frames-192 {
    from {
        transform: translate3d(73vw, 102vh, 0);
    }

    to {
        transform: translate3d(60vw, -108vh, 0);
    }
}

.circle-container:nth-child(192) .circle {
    -webkit-animation-delay: 691ms;
    animation-delay: 691ms;
}

.circle-container:nth-child(193) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-193;
    animation-name: move-frames-193;
    -webkit-animation-duration: 36191ms;
    animation-duration: 36191ms;
    -webkit-animation-delay: 20059ms;
    animation-delay: 20059ms;
}

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

    to {
        transform: translate3d(5vw, -125vh, 0);
    }
}

@keyframes move-frames-193 {
    from {
        transform: translate3d(93vw, 105vh, 0);
    }

    to {
        transform: translate3d(5vw, -125vh, 0);
    }
}

.circle-container:nth-child(193) .circle {
    -webkit-animation-delay: 2327ms;
    animation-delay: 2327ms;
}

.circle-container:nth-child(194) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-194;
    animation-name: move-frames-194;
    -webkit-animation-duration: 30599ms;
    animation-duration: 30599ms;
    -webkit-animation-delay: 5692ms;
    animation-delay: 5692ms;
}

@-webkit-keyframes move-frames-194 {
    from {
        transform: translate3d(78vw, 107vh, 0);
    }

    to {
        transform: translate3d(44vw, -136vh, 0);
    }
}

@keyframes move-frames-194 {
    from {
        transform: translate3d(78vw, 107vh, 0);
    }

    to {
        transform: translate3d(44vw, -136vh, 0);
    }
}

.circle-container:nth-child(194) .circle {
    -webkit-animation-delay: 3104ms;
    animation-delay: 3104ms;
}

.circle-container:nth-child(195) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-195;
    animation-name: move-frames-195;
    -webkit-animation-duration: 28413ms;
    animation-duration: 28413ms;
    -webkit-animation-delay: 276ms;
    animation-delay: 276ms;
}

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

    to {
        transform: translate3d(30vw, -128vh, 0);
    }
}

@keyframes move-frames-195 {
    from {
        transform: translate3d(36vw, 108vh, 0);
    }

    to {
        transform: translate3d(30vw, -128vh, 0);
    }
}

.circle-container:nth-child(195) .circle {
    -webkit-animation-delay: 1757ms;
    animation-delay: 1757ms;
}

.circle-container:nth-child(196) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-196;
    animation-name: move-frames-196;
    -webkit-animation-duration: 33369ms;
    animation-duration: 33369ms;
    -webkit-animation-delay: 5269ms;
    animation-delay: 5269ms;
}

@-webkit-keyframes move-frames-196 {
    from {
        transform: translate3d(92vw, 105vh, 0);
    }

    to {
        transform: translate3d(38vw, -124vh, 0);
    }
}

@keyframes move-frames-196 {
    from {
        transform: translate3d(92vw, 105vh, 0);
    }

    to {
        transform: translate3d(38vw, -124vh, 0);
    }
}

.circle-container:nth-child(196) .circle {
    -webkit-animation-delay: 2605ms;
    animation-delay: 2605ms;
}

.circle-container:nth-child(197) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-197;
    animation-name: move-frames-197;
    -webkit-animation-duration: 30492ms;
    animation-duration: 30492ms;
    -webkit-animation-delay: 28816ms;
    animation-delay: 28816ms;
}

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

    to {
        transform: translate3d(5vw, -108vh, 0);
    }
}

@keyframes move-frames-197 {
    from {
        transform: translate3d(98vw, 102vh, 0);
    }

    to {
        transform: translate3d(5vw, -108vh, 0);
    }
}

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

.circle-container:nth-child(198) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-198;
    animation-name: move-frames-198;
    -webkit-animation-duration: 32895ms;
    animation-duration: 32895ms;
    -webkit-animation-delay: 30459ms;
    animation-delay: 30459ms;
}

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

    to {
        transform: translate3d(10vw, -119vh, 0);
    }
}

@keyframes move-frames-198 {
    from {
        transform: translate3d(67vw, 108vh, 0);
    }

    to {
        transform: translate3d(10vw, -119vh, 0);
    }
}

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

.circle-container:nth-child(199) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-199;
    animation-name: move-frames-199;
    -webkit-animation-duration: 33041ms;
    animation-duration: 33041ms;
    -webkit-animation-delay: 33692ms;
    animation-delay: 33692ms;
}

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

    to {
        transform: translate3d(36vw, -132vh, 0);
    }
}

@keyframes move-frames-199 {
    from {
        transform: translate3d(71vw, 107vh, 0);
    }

    to {
        transform: translate3d(36vw, -132vh, 0);
    }
}

.circle-container:nth-child(199) .circle {
    -webkit-animation-delay: 2262ms;
    animation-delay: 2262ms;
}

.circle-container:nth-child(200) {
    width: 20px;
    height: 20px;
    -webkit-animation-name: move-frames-200;
    animation-name: move-frames-200;
    -webkit-animation-duration: 29680ms;
    animation-duration: 29680ms;
    -webkit-animation-delay: 27579ms;
    animation-delay: 27579ms;
}

@-webkit-keyframes move-frames-200 {
    from {
        transform: translate3d(44vw, 102vh, 0);
    }

    to {
        transform: translate3d(42vw, -110vh, 0);
    }
}

@keyframes move-frames-200 {
    from {
        transform: translate3d(44vw, 102vh, 0);
    }

    to {
        transform: translate3d(42vw, -110vh, 0);
    }
}

.circle-container:nth-child(200) .circle {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms;
}

.message {
    position: absolute;
    right: 20px;
    bottom: 20px;
    color: white;
    font-family: "Josefin Slab", serif;
    line-height: 220px;
    font-size: 120px;
    text-align: right;
    pointer-events: none;
    -webkit-animation: message-frames 1.5s ease 5s forwards;
    animation: message-frames 1.5s ease 5s forwards;
    opacity: 0;
}

@-webkit-keyframes message-frames {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes message-frames {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.page-template-deepavali_tpl #page-header-wrap h1 span {
    color: #fff200 !important;
}








/*China*/
.effect-flower .circle-container .circle {
    animation: fadein-frames .2s infinite;
}

.effect-flower .circle-container:nth-child(2n+1) .circle {
    background-image: url(./images/flower-1.png.png);
}

.effect-flower .circle-container:nth-child(2n+1) {
    width: 44px;
    height: 44px;
}

.effect-flower .circle-container:nth-child(2n) .circle {
    background-image: url(./images/flower-2.png);
}

.effect-flower .circle-container:nth-child(2n) {
    width: 21px;
    height: 22px;
}

.effect-flower .circle-container:nth-child(1) .circle {
    background-image: url(./images/flower-3.png);
}

.effect-flower .circle-container:nth-child(6) .circle {
    background-image: url(./images/flower-3.png);
}

.effect-flower .circle-container:nth-child(8) .circle {
    background-image: url(./images/flower-3.png);
}

.effect-flower .circle-container:nth-child(12) .circle {
    background-image: url(./images/flower-3.png);
}

.effect-flower .circle-container:nth-child(16) .circle {
    background-image: url(./images/flower-3.png);
}

.effect-flower .circle-container:nth-child(18) .circle {
    background-image: url(./images/flower-3.png);
}

.effect-flower .circle-container:nth-child(24) .circle {
    background-image: url(./images/flower-3.png);
}

.effect-flower .circle-container:nth-child(34) .circle {
    background-image: url(./images/flower-3.png);
}

.effect-flower .circle-container:nth-child(43) .circle {
    background-image: url(./images/flower-3.png);
}

.effect-flower .circle-container:nth-child(46) .circle {
    background-image: url(./images/flower-3.png);
}

.effect-flower .circle-container:nth-child(50) .circle {
    background-image: url(./images/flower-3.png);
}

.effect-flower .circle-container:nth-child(1),
.effect-flower .circle-container:nth-child(6),
.effect-flower .circle-container:nth-child(8),
.effect-flower .circle-container:nth-child(12),
.effect-flower .circle-container:nth-child(16),
.effect-flower .circle-container:nth-child(18),
.effect-flower .circle-container:nth-child(24),
.effect-flower .circle-container:nth-child(34),
.effect-flower .circle-container:nth-child(43),
.effect-flower .circle-container:nth-child(46),
.effect-flower .circle-container:nth-child(50) {
    width: 17px;
    height: 8px;
}



.effect-flower .circle-container:nth-child(10) .circle {
    background-image: url(./images/flower-4.png);
}

.effect-flower .circle-container:nth-child(20) .circle {
    background-image: url(./images/flower-4.png);
}

.effect-flower .circle-container:nth-child(30) .circle {
    background-image: url(./images/flower-4.png);
}

.effect-flower .circle-container:nth-child(13) .circle {
    background-image: url(./images/flower-4.png);
}

.effect-flower .circle-container:nth-child(15) .circle {
    background-image: url(./images/flower-4.png);
}

.effect-flower .circle-container:nth-child(17) .circle {
    background-image: url(./images/flower-4.png);
}

.effect-flower .circle-container:nth-child(23) .circle {
    background-image: url(./images/flower-4.png);
}

.effect-flower .circle-container:nth-child(25) .circle {
    background-image: url(./images/flower-4.png);
}

.effect-flower .circle-container:nth-child(27) .circle {
    background-image: url(./images/flower-4.png);
}

.effect-flower .circle-container:nth-child(51) .circle {
    background-image: url(./images/flower-4.png);
}

.effect-flower .circle-container:nth-child(53) .circle {
    background-image: url(./images/flower-4.png);
}

.effect-flower .circle-container:nth-child(10),
.effect-flower .circle-container:nth-child(20),
.effect-flower .circle-container:nth-child(30),
.effect-flower .circle-container:nth-child(13),
.effect-flower .circle-container:nth-child(15),
.effect-flower .circle-container:nth-child(17),
.effect-flower .circle-container:nth-child(23),
.effect-flower .circle-container:nth-child(25),
.effect-flower .circle-container:nth-child(27),
.effect-flower .circle-container:nth-child(51),
.effect-flower .circle-container:nth-child(53) {
    width: 10px;
    height: 10px;
}

.branch-lamtern {
    margin-top: 30px;
}

.branch-right {
    text-align: right;
}

.lamtern {
    position: absolute;
    top: 80px;
    width: 100%;
    height: 100%;
}

.lamtern img {
    position: absolute;
    z-index: 1;
}

.branch-left .lamtern img.lantern-1 {
    left: 18px;
}

.branch-left .lamtern img.lantern-2 {
    left: 87px;
}

.branch-left .lamtern img.lantern-3 {
    left: 212px;
}

.branch-right .lamtern img.lantern-1 {
    right: 18px;
}

.branch-right .lamtern img.lantern-2 {
    right: 87px;
}

.branch-right .lamtern img.lantern-3 {
    right: 212px;
}

.branch-right .lamtern {
    right: 0px;
}

.branch-lamtern .lamtern img {
    transform-origin: top center;
    animation: shakes 4s ease-in-out infinite;
}

.branch-left .lamtern {
    left: 0px;
}

.branch-lamtern>img {
    position: relative;
    z-index: 10;
}

.ss-effect-flower .bxheadingct h2 span {
    padding: 0;
}


@keyframes shakes {
    0% {
        transform: rotate(10deg) scale(1);
    }

    50% {
        transform: rotate(-10deg) scale(1);
    }

    100% {
        transform: rotate(10deg) scale(1);
    }
}





@keyframes cfFadeInOut {
    0% {
        opacity: 1;
    }

    45% {
        opacity: 1;
    }

    55% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.deepavali-ss2 .top {
    -webkit-animation-name: cfFadeInOut;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-direction: alternate;
    -moz-animation-name: cfFadeInOut;
    -moz-animation-timing-function: ease-in-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 2.5s;
    -moz-animation-direction: alternate;
    -o-animation-name: cfFadeInOut;
    -o-animation-timing-function: ease-in-out;
    -o-animation-iteration-count: infinite;
    -o-animation-duration: 2.5s;
    -o-animation-direction: alternate;
    animation-name: cfFadeInOut;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 2.5s;
    animation-direction: alternate;
}

.deepavali-ss2 {
    position: relative;
}

.deepavali-ss2 img {
    position: absolute;
    left: 0;
    top: 0;
}


.toggle-chineese .toggles {
    display: flex;
    flex-wrap: wrap;
}

.toggle-chineese .toggle {
    width: calc(50% - 40px);
    margin: 20px;
}

.toggle-chineese div[data-style=default] .toggle h3 a {
    font-size: 24px;
    line-height: 24px;

}

.toggle-chineese div[data-style=default] .toggle h3 a {
    background: #fff;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);
    border-radius: 10px;
    height: 100%;
    padding: 30px;
}

.toggle-chineese div[data-style=default] .toggle.open h3 a {
    border-radius: 10px 10px 0 0;
}

.toggle-chineese .toggle.open h3 a {
    color: rgba(0, 0, 0, .65);
}

.toggle-chineese .toggle h3 a i {
    display: none;
}

body .toggle-chineese .toggle.open>div {
    background-color: #fff;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);
    padding: 10px 14px;
    border-radius: 0 0 10px 10px;

}

.toggle-chineese .toggle ul li {
    list-style: none;
    margin: 10px 0;
}

.bx_list_point .bxitem {
    margin-bottom: 20px;
}

.bx_list_point .bxitem.active {
    padding: 15px;
    background: #fff;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);
    border-radius: 5px;
}

.bx_list_point .bxitem.active h5 {
    box-shadow: none;
    padding: 0px;
}

.bx_list_point h5 {
    background: #fff;
    box-shadow: 3px 3px 10px rgb(0 0 0 / 30%);
    font-size: 20px;
    line-height: 20px;
    font-weight: bold !important;
    margin-bottom: 0;
    cursor: pointer;
    display: inline-block;
    padding: 15px;
    border-radius: 5px;
}

.bx_list_point .content-drop-off-point {
    display: none;
    padding: 15px 15px 0 15px;
    font-size: 16px;
    line-height: 29px;
}
.coming-soon-event .row_col_wrap_12.col.span_12 {
    height: 100vh;
}
.coming-soon-event .row_col_wrap_12.col.span_12 {
    padding: 92px 0;
}
.coming-soon-event .title-anniversary {
    font-size: 80px;
    line-height: normal;
    margin: 25px 0;
    border-bottom: 7px solid #F18F07;
    padding-bottom: 25px;
}
.coming-soon-event .coming-soon-title p {
    font-size: 75px;
    line-height: normal;
    text-align: center;
    font-weight: 900;
    color: #1f1f1f;
	text-transform: uppercase;
}
.coming-soon-event .coming-soon-title p span.text-yl {
    color: #F18F07;
}
.coming-soon-event .row-bg.using-image::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(./images/elip-top.png);
    background-position: left top;
    background-size: auto;
    background-repeat: no-repeat;
}
.coming-soon-event .row-bg.using-image::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(./images/elip-bottom.png);
    background-position: right bottom;
    background-size: auto;
    background-repeat: no-repeat;
}
.page-id-9240 #header-outer, .page-id-9240 #footer-outer,
.page-id-9240 #header-space {
    display: none;
}
.list-event-item {
    display: flex;
    justify-content: space-between;
    padding-top: 45px;
    margin-top: 30px;
    border-top: 7px solid #F18F07;
    max-width: 1750px;
    margin-left: auto;
    margin-right: auto;
}
.item-ic {
    display: flex;
    align-items: center;
}
.row .col .item-ic img {
    width: auto;
}
.right-ic {
    padding-left: 15px;
    text-align: left;
}
.right-ic p {
    font-size: 36px;
    color: #1f1f1f;
}
.event-anniversary {
    height: 100%;
    padding: 70px 0 50px;
}
.vc_custom_heading.title-event-gala {
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 5px;
    border-bottom: 6px solid #FFC600;
}
.vc_do_custom_heading.event-item-title {
    font-size: 28px;
    line-height: 25px;
    font-weight: 900;
}
.event-gala .row_col_wrap_12.col.span_12 {
    max-width: 1250px;
    margin-left: auto;
    margin-right: auto;
}
.row-can-contribute .vc_col-sm-4 .vc_column-inner {
    padding: 32px;
    background: #fff;
    border-radius: 25px;
}
.row-can-contribute .vc_col-sm-4 .vc_column-inner h3.vc_do_custom_heading {
    font-size: 36px;
    font-weight: 800;
}
.row-can-contribute .wpb_text_column.wpb_content_element {
    min-height: 125px;
}
body[data-button-style^="rounded"] .btn-default.nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3) {
    padding: 10px 18px;
    border-radius: 10px !important;
    font-size: 18px;
    line-height: 25px;
    font-weight: 800;
}
.title-event-gala.border-gray {
    border-color: #DEDEDE;
}
.title-event-gala.border-gray.inline {
    display: inline-block;
}
.des-gala {
    font-size: 20px;
    line-height: 30px;
}
.hero-fundraiser h1.title-fundraiser {
    font-size: 54px;
    line-height: normal;
    font-weight: 800;
    color: #fff;
}
.hero-fundraiser .cl-yellow {
    color: #FFC600;
}
.hero-fundraiser blockquote {
    color: #fff;
}
.hero-fundraiser blockquote {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    padding: 10px 0px 10px 28px;
    border-left: 6px solid #FFC600;
}
.hero-fundraiser h1.title-fundraiser {
    display: inline-block;
    border-top: 6px solid #fff;
    padding-top: 24px;
    margin-top: 12px;
}
.row-join-the-movement.row-can-contribute .wpb_text_column.wpb_content_element {
    min-height: auto;
}
.where-your-support-goes .row_col_wrap_12.col.span_12 {
    max-width: 1150px;
    margin-left: auto;
    margin-right: auto;
}
.border-white {
	border-color: #fff;
}
.kindness-action ul li {
	margin-bottom: 8px;
}
.kindness-action ul li::marker {
    font-size: 30px;
    color: #1E96FC;
}
.where-your-support-goes .row-can-contribute .vc_col-sm-4 .vc_column-inner h3.vc_do_custom_heading {
    font-size: 42px;
    position: relative;
    margin-bottom: 16px;
    padding-bottom: 30px;
}
.where-your-support-goes .row-can-contribute .vc_col-sm-4 .vc_column-inner h3.vc_do_custom_heading::before {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #FFC600;
    width: 150px;
    height: 6px;
}
.where-your-support-goes .iwithtext .iwt-text {
    padding-left: 8px;
    font-weight: bold;
}
.where-your-support-goes .iwithtext {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.where-your-support-goes .iwithtext .iwt-icon {
    width: 38px;
    position: relative;
}
.where-your-support-goes  .iwithtext .iwt-icon img {
    margin-bottom: 0 !important;
}
body[data-button-style^="rounded"] .btn-no-bg.btn-default.nectar-button.medium:not(.see-through):not(.see-through-2):not(.see-through-3) {
    background-color: transparent !important;
    color: #FFC600;
    border: 4px solid #FFC600;
    padding: 6px 18px;
    margin-left: 24px;
}
.many-helped .iwithtext .iwt-text {
    padding-left: 45px;
    font-weight: bold;
}
.many-helped .iwithtext {
    margin-bottom: 15px;
}