:root {
    --scrollbar-bg: #08090a9d;
    --scrollbar-thumb: #1d163596;
    --scrollbar-thumb-hover: #0a071196;
}

/* SCROLLBAR */
::-webkit-scrollbar {
    width: 15px;
    background-color: var(--scrollbar-bg);
}

::-webkit-scrollbar-thumb:hover {
    background-color: var(--scrollbar-thumb-hover);
}

::-webkit-scrollbar-thumb {
    background-color: var(--scrollbar-thumb);
}

@font-face {
    font-family: 'Pyscophaty';
    src: url('../fonts/GRAPHIC\ PSYCHOPATHY.ttf'),
}

.main-bg-black {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
    opacity: 0;
    filter: brightness(0.5);
    transition: opacity 2s ease;
}

.main-bg-purple {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
    opacity: 0;
    transition: opacity 3s ease;
}

.main-bg-black.active {
    opacity: 1;
}

.main-bg-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
    filter: saturate(0.4);
    transition: opacity 2s ease;
}

.main-bg-video-m {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    z-index: -1;
    filter: saturate(0.4);
    transition: opacity 2s ease;
}

html,
body {
    /* background-color: rgb(54, 53, 53); */
    /* background: url(../images/teaser/rcc/b.jpg)no-repeat center top; */
    background-size: cover;
    position: relative;
    display: block;
    margin: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Pyscophaty';
    padding: unset !important;
}

/* ----------------------------------------------- UNIVERSAL IMG ------------------------------------------------- */

.blood {
    position: absolute;
    max-width: 555px;
    width: 79vw;
    z-index: -2;
}

/* ----------------------------------------------- HAMBURGER & FLOAT ROC ------------------------------------------------- */

.hamburger {
    position: absolute;
    left: 2.5%;
    top: 4%;
    width: 8.5% !important;
    z-index: 1001;
    cursor: pointer;
}

.floating-roc {
    position: absolute;
    left: 81.5%;
    top: 7%;
    max-width: 412px;
    width: 15.5% !important;
    z-index: 1001;
    cursor: pointer;
    animation: bounceIcon 7s infinite;
    filter: drop-shadow(2px 4px 6px black);
    transition: transform 0.6s ease;
}

@keyframes bounceIcon {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-7px);
    }
}

@media (max-width: 768px) {
    .hamburger {
        /* position: absolute;
        left: 5.5%;
        top: 5%;
        width: 15.5% !important;
        z-index: 1001;
        cursor: pointer;
        animation: bounceIcon 3s infinite;
        transition: transform 0.6s ease; */
        display: none;
    }

    .floating-roc {
        position: absolute;
        left: 2.5%;
        top: 3%;
        max-width: 412px;
        width: 30.5% !important;
        z-index: 1001;
        cursor: pointer;
        animation: bounceIcon 7s infinite;
        filter: drop-shadow(2px 4px 6px black);
        transition: transform 0.6s ease;
    }
}

@media (max-width: 425px) {
    .hamburger {
        position: absolute;
        left: 2.5%;
        top: 5%;
        width: 25.5% !important;
        z-index: 1001;
        cursor: pointer;
        animation: bounceIcon 3s infinite;
        transition: transform 0.6s ease;
    }

    .floating-roc {
        position: absolute;
        left: 3.5%;
        top: 2%;
        max-width: 412px;
        width: 44.5% !important;
        z-index: 1001;
        cursor: pointer;
        animation: bounceIcon 7s infinite;
        filter: drop-shadow(2px 4px 6px black);
        transition: transform 0.6s ease;
    }
}

.btn-to-top {
    position: fixed;
    right: 1%;
    bottom: 4%;
    z-index: 98;
    width: 62.06px;
    height: 62.06px;
    display: none;
    transition: transform 0.6s ease;
}

.progress-bar {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 3.2vw;
    height: 3.2vw;
    border-radius: 12px;
    background: radial-gradient(closest-side, white 79%, transparent 80%, transparent 100%), conic-gradient(#473783 12.8197%, #67676787 0deg);
    transition: background 0.6s ease;
    transition: 1s;
    filter: drop-shadow(2px 2px 6px black);
}

.progress-bar {
    --percent: 0;
    background: conic-gradient(#473783 var(--percent), #67676787 0deg);
    transition: 1s;
}

.back-to-top {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    font-size: 1.6rem;
    width: 2.7vw;
    height: 2.7vw;
    border-radius: 12px;
    color: #fff;
    background: #222;
    transition: 1s;
}

.back-to-top:hover {
    color: #88829e !important;
}

svg.svg-inline--fa.fa-chevron-up.fa-w-14 {
    position: absolute;
    top: 0.7vw;
    left: 0.78vw;
}

@media (min-width: 2560px) {
    svg.svg-inline--fa.fa-chevron-up.fa-w-14 {
        top: 0.53vw;
        left: 0.6vw;
    }

    .back-to-top {
        font-size: 2.6rem;
        width: 2.7vw;
        height: 2.7vw;
    }
}

@media (max-width: 1440px) {
    .progress-bar {
        width: 4.4vw;
        height: 4.4vw;
    }

    .back-to-top {
        font-size: 1.9rem;
        width: 3.7vw;
        height: 3.7vw;
    }

    svg.svg-inline--fa.fa-chevron-up.fa-w-14 {
        top: 0.7vw;
        left: 0.9vw;
    }
}

@media (max-width: 1024px) {
    .progress-bar {
        width: 5.4vw;
        height: 5.4vw;
    }

    .back-to-top {
        font-size: 1.9rem;
        width: 4.5vw;
        height: 4.5vw;
    }
}

@media (max-width: 768px) {
    .progress-bar {
        width: 7.4vw;
        height: 7.4vw;
    }

    .back-to-top {
        font-size: 1.5rem;
        width: 6vw;
        height: 6vw;
    }

    svg.svg-inline--fa.fa-chevron-up.fa-w-14 {
        top: 1.3vw;
        left: 1.5vw;
    }
}

@media (max-width: 425px) {
    .progress-bar {
        width: 10.4vw;
        height: 10.4vw;
    }

    .back-to-top {
        font-size: 1.2rem;
        width: 9vw;
        height: 9vw;
    }

    svg.svg-inline--fa.fa-chevron-up.fa-w-14 {
        top: 2vw;
        left: 2.4vw;
    }
}

@media (max-width:320px) {
    .progress-bar {
        width: 12.4vw;
        height: 12.4vw;
    }

    .back-to-top {
        font-size: 1.2rem;
        width: 11vw;
        height: 11vw;
    }

    svg.svg-inline--fa.fa-chevron-up.fa-w-14 {
        top: 2.3vw;
        left: 2.8vw;
    }
}

/* ------------------------------------------------ SIDEBAR ------------------------------------------------- */

.sidebar {
    position: absolute;
    left: 3.67vw;
    top: 10vw;
    width: 7vw;
    height: 31vw;
    border-radius: 7px;
    z-index: 1000;
    background: url(../images/teaser/episode8/nav-board.png) no-repeat center top;
    background-size: 100% 100%;
    transform-origin: top;
    transform: scaleY(1);
    transition: transform 0.6s ease;
}

.sidebar.hidden {
    transform: scaleY(0);
    pointer-events: none;
}

.sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar ul li {
    text-align: center;
    margin: 2.1vw 0vw 0vw 0vw;
}

.sidebar ul li.active a {
    font-size: 1vw;
    padding: 0.5vw 0 0.5vw 0;
}

.sidebar li {
    margin: 15px 0;
}

.sidebar ul li a {
    text-decoration: none;
    color: rgb(238, 238, 238);
    display: block;
    font-size: 0.85vw;
    letter-spacing: 1px;
    position: relative;
    padding-bottom: 3px;
}

.sidebar ul li.active a::after,
.sidebar ul li a:hover::after {
    width: 7vw;
}

.sidebar ul li.active a {
    font-weight: bold;
    background: linear-gradient(90deg, #d3cbae, #e0a156, #c47b2d);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@media (max-width: 768px) {
    .sidebar {
        /* position: fixed;
        top: 0;
        left: 0;
        width: 241px;
        height: 100vh;
        background: #27222d82;
        color: #fff;
        filter: drop-shadow(2px 4px 35px black);
        border-right: 3px solid #695669;
        transform-origin: left;
        transition: transform 0.4s ease;
        z-index: 1000;
        padding: 20px;
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(3px);
        box-shadow: 2px 0 10px rgba(155, 89, 182, 0.6); */
        display: none;
    }

    /* .sidebar ul {
        list-style: none;
        margin-top: 25vw;
        margin-left: 4vw;
    }

    .sidebar ul li {
        text-align: left;
        margin: 5.1vw 0vw 0vw 0vw;
    }

    .sidebar ul li.active a {
        font-size: 1rem;
        padding: 0.5vw 0 0.5vw 0;
    }

    .sidebar ul li a {
        text-decoration: none;
        color: rgb(238, 238, 238);
        display: block;
        font-size: 0.9rem;
        letter-spacing: 1px;
        position: relative;
        padding-bottom: 3px;
    } */
}

@media (max-width: 425px) {
    .sidebar ul {
        list-style: none;
        margin-top: 40vw;
        margin-left: 4vw;
    }

    .sidebar ul li {
        text-align: left;
        margin: 7.1vw 0vw 0vw 0vw;
    }
}

/* ------------------------------------------------ TRIGGER ZOOM ------------------------------------------------- */

.ggl-roc-section-1,
.ggl-roc-section-2,
.ggl-roc-section-3,
.ggl-roc-section-4,
.ggl-roc-section-5,
.ggl-roc-section-6,
.ggl-roc-section-7,
.ggl-roc-section-8,
.ggl-roc-section-9,
.ggl-roc-section-10 {
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    display: flex;
    color: #e7e7e7;
    justify-content: center;
    align-items: center;
    font-size: 4rem;
    font-weight: bold;
    opacity: 1;
    transform: scale(1);
    transition: transform 0.2s, opacity 0.2s;
}

.ggl-roc-section-11 {
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    overflow-y: auto;
    width: 100vw;
    height: 100vh;
    display: flex;
    color: #e7e7e7;
    justify-content: center;
    align-items: center;
    font-size: 4rem;
    font-weight: bold;
    opacity: 1;
    transform: scale(1);
    transition: transform 0.2s, opacity 0.2s;
}


.event-section {
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    width: 100%;
    min-height: 100vh;
    height: 100%;
    overflow-y: auto;
    display: flex;
    color: #e7e7e7;
    justify-content: center;
    align-items: center;
    font-size: 4rem;
    font-weight: bold;
    opacity: 0;
    transform: scale(2);
    transition: transform 0.2s, opacity 0.2s;
}

.event-section.active {
    z-index: 10;
    /* naikin biar kelihatan di depan */
    opacity: 1;
    transform: scale(1);
    transition: transform 0.6s, opacity 0.6s;
}

.section-event {
    position: absolute;
    top: 0;
    z-index: -1;
    left: 0;
    width: 100vw;
    /* lebar layar penuh */
    height: 100vh;
    /* tinggi layar penuh */
    display: flex;
    color: #e7e7e7;
    justify-content: center;
    align-items: center;
    font-size: 4rem;
    font-weight: bold;
    opacity: 0;
    transform: scale(2);
    transition: transform 0.2s, opacity 0.2s;
}

.zoom-section {
    visibility: hidden;
    pointer-events: none;
    transform: scale(2);
    opacity: 0;
    transition: transform 0.4s, opacity 0.2s;
}

.zoom-section.active {
    visibility: visible;
    pointer-events: auto;
    transform: scale(1);
    opacity: 1;
}

.zoom-section.slide {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transform: translateX(100%);
    transition: transform 1.2s ease, opacity 1.2s ease;
}

.zoom-section.slide.active {
    visibility: visible;
    pointer-events: auto;
    pointer-events: auto;
    transform: translateX(0);
    opacity: 1;
}

/* ------------------------------------------------ SECTION 1 ------------------------------------------------- */
@keyframes grid {
    0% {
        opacity: 0.3;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.3;
    }
}

.ggl-roc-section-1-canvas {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
}

.ggl-roc-section-1-title-nifflheim {
    position: absolute;
    bottom: -17vw;
    left: 30vw;
    max-width: 1004px;
    width: 42vw;
}

.ggl-roc-section-1-title-city {
    position: absolute;
    max-width: 313px;
    bottom: -5vw;
    left: 43vw;
    width: 17vw;
}

.ggl-roc-section-1-roc-logo {
    position: absolute;
    bottom: 11vw;
    left: 45vw;
    max-width: 336px;
    width: 13vw;
}

.ggl-roc-section-1-eps-8 {
    position: absolute;
    bottom: -2vw;
    left: 38.8vw;
    opacity: 0;
    clip-path: inset(0 50% 0 50%);
    animation: reveal 3s linear forwards;
    max-width: 614px;
    width: 25vw;
}

@keyframes reveal {
    0% {
        opacity: 0;
        clip-path: inset(0 50% 0 50%);
    }

    100% {
        opacity: 1;
        clip-path: inset(0 0 0 0);
    }
}

.ggl-roc-section-1-btn-play {
    position: absolute;
    bottom: 4vw;
    left: 48.4vw;
    max-width: 156px;
    animation: pulse 1.5s infinite ease-in-out;
    width: 6vw;
    cursor: pointer;
}

.ggl-roc-section-1-btn-play-now {
    position: absolute;
    bottom: -20vw;
    left: 51vw;
    transform: translateX(-50%);
    max-width: 552px;
    width: 23vw;
    transition: all 0.2s ease;
    cursor: pointer;
}

.ggl-roc-section-1-scroll {
    display: none;
}

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }

    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@media (min-width: 2560px) {
    .ggl-roc-section-1-title-nifflheim {
        position: absolute;
        bottom: -17vw;
        left: 32vw;
        max-width: 1004px;
        width: 42vw;
    }

    .ggl-roc-section-1-title-city {
        position: absolute;
        bottom: -5vw;
        left: 45vw;
        max-width: 313px;
        width: 17vw;
    }

    .ggl-roc-section-1-eps-8 {
        position: absolute;
        bottom: -2vw;
        left: 39.5vw;
        opacity: 0;
        clip-path: inset(0 50% 0 50%);
        animation: reveal 3s linear forwards;
        max-width: 614px;
        width: 25vw;
    }
}

@media (max-width: 768px) {
    .direct-play {
        pointer-events: none;
    }

    .ggl-roc-section-1-scroll {
        position: absolute;
        top: 37vw;
        opacity: 0.7;
    }

    .ggl-roc-section-1-scroll {
        display: block;
    }

    .ggl-roc-section-1-arrow-scroll {
        max-width: 58px;
        width: 4vw;
        margin-top: -5vw;
        margin-left: 2vw;
        transform: rotate(271deg);
    }

    .ggl-roc-section-1-title-scroll {
        font-size: 1.5rem !important;
    }

    .ggl-roc-section-1-title-nifflheim {
        position: absolute;
        bottom: -27vw;
        left: 24vw;
        max-width: 1004px;
        width: 54vw;
    }

    .ggl-roc-section-1-title-city {
        position: absolute;
        bottom: -12vw;
        left: 38vw;
        max-width: 313px;
        width: 27vw;
    }

    .ggl-roc-section-1-roc-logo {
        position: absolute;
        bottom: 21vw;
        left: 39vw;
        max-width: 336px;
        width: 25vw;
    }

    .ggl-roc-section-1-eps-8 {
        position: absolute;
        bottom: -5vw;
        left: 27vw;
        opacity: 0;
        clip-path: inset(0 50% 0 50%);
        animation: reveal 3s linear forwards;
        max-width: 614px;
        width: 48vw;
    }

    .ggl-roc-section-1-btn-play {
        position: absolute;
        bottom: 7vw;
        left: 45vw;
        max-width: 156px;
        animation: pulse 1.5s infinite ease-in-out;
        width: 12vw;
        cursor: pointer;
    }

    .ggl-roc-section-1-btn-play-now {
        position: absolute;
        bottom: -32vw;
        left: 51vw;
        transform: translateX(-50%);
        max-width: 352px;
        width: 31vw;
        transition: all 0.2s ease;
        cursor: pointer;
    }
}

@media (max-width: 425px) {
    .ggl-roc-section-1-canvas {
        position: relative;
        width: 100%;
        top: -4vw;
        display: flex;
        justify-content: center;
    }

    .ggl-roc-section-1-scroll {
        position: absolute;
        top: 71vw;
        opacity: 0.7;
    }

    .ggl-roc-section-1-arrow-scroll {
        max-width: 58px;
        width: 7vw;
        margin-top: -18vw;
        margin-left: 4vw;
        transform: rotate(271deg);
    }

    .ggl-roc-section-1-roc-logo {
        position: absolute;
        bottom: 30vw;
        left: 29vw;
        /* transform: translateX(-50%); */
        max-width: 336px;
        width: 43vw;
    }

    .ggl-roc-section-1-eps-8 {
        position: absolute;
        bottom: -17vw;
        left: 13.8vw;
        opacity: 0;
        clip-path: inset(0 50% 0 50%);
        animation: reveal 3s linear forwards;
        max-width: 614px;
        width: 74vw;
    }

    .ggl-roc-section-1-title-city {
        position: absolute;
        bottom: -30vw;
        left: 27vw;
        max-width: 313px;
        width: 46vw;
    }

    .ggl-roc-section-1-btn-play {
        position: absolute;
        bottom: 4vw;
        left: 39.4vw;
        max-width: 156px;
        animation: pulse 1.5s infinite ease-in-out;
        width: 21vw;
        cursor: pointer;
    }

    .ggl-roc-section-1-title-nifflheim {
        position: absolute;
        bottom: -54vw;
        left: 7vw;
        max-width: 1004px;
        width: 87vw;
    }

    .ggl-roc-section-1-btn-play-now {
        position: absolute;
        bottom: -63vw;
        left: 50vw;
        transform: translateX(-50%);
        max-width: 352px;
        width: 54vw;
        cursor: pointer;
    }
}

/* ------------------------------------------------ SECTION 2 ------------------------------------------------- */

.glitch-img {
    position: absolute;
    left: 51vw;
    top: -7vw;
    width: 39vw;
    transform: rotate(2deg);
}

.glitch-img::before,
.glitch-img::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/teaser/episode8/page2/coba-glitch.png) no-repeat center/cover;
    mix-blend-mode: screen;
    opacity: 0.7;
}

.glitch-img::before {
    left: -2px;
    animation: glitch 2.3s infinite;
}

.glitch-img::after {
    left: 2px;
    animation: glitch 2.3s infinite reverse;
}

@keyframes glitch {
    0% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(-2px, 2px);
    }

    80% {
        transform: translate(2px, -2px);
    }

    90% {
        transform: translate(0, 0);
    }

    /* 40% {
        transform: translate(-5px, -5px);
    } */

    /* 60% {
        transform: translate(5px, 5px);
    } */

    /* 
    80% {
        transform: translate(5px, -5px);
    } */

    100% {
        transform: translate(0, 0);
    }
}

/* .glitch {
    position: absolute;
    width: 39vw;
    overflow: hidden;
    top: -7.4vw;
    left: 50.2vw;
    transform: rotate(2deg);
}

.glitch img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
}

.glitch__layers {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.glitch__layer {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url(../images/teaser/episode8/page2/coba-glitch.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.glitch__layer:nth-child(1) {
    transform: translateX(-5%);
    animation: glitch-anim-1 2s infinite linear alternate;
}

.glitch__layer:nth-child(2) {
    transform: translateX(3%) translateY(3%);
    animation: glitch-anim-2 2.3s -.8s infinite linear alternate;
}

.glitch__layer:nth-child(3) {
    transform: translateX(5%);
    animation: glitch-anim-flash 1s infinite linear;
}

@keyframes glitch-anim-1 {
    0% {
        clip-path: polygon(0 0%, 100% 0%, 100% 5%, 0 5%);
    }

    10% {
        clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    }

    20% {
        clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    }

    30% {
        clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    }

    40% {
        clip-path: polygon(0 35%, 100% 35%, 100% 35%, 0 35%);
    }

    50% {
        clip-path: polygon(0 45%, 100% 45%, 100% 46%, 0 46%);
    }

    60% {
        clip-path: polygon(0 50%, 100% 50%, 100% 70%, 0 70%);
    }

    70% {
        clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    }

    80% {
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }

    90% {
        clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    }

    100% {
        clip-path: polygon(0 60%, 100% 60%, 100% 70%, 0 70%);
    }
}

@keyframes glitch-anim-2 {
    0% {
        clip-path: polygon(0 15%, 100% 15%, 100% 30%, 0 30%);
    }

    15% {
        clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    }

    25% {
        clip-path: polygon(0 8%, 100% 8%, 100% 20%, 0 20%);
    }

    30% {
        clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    }

    45% {
        clip-path: polygon(0 45%, 100% 45%, 100% 45%, 0 45%);
    }

    50% {
        clip-path: polygon(0 50%, 100% 50%, 100% 57%, 0 57%);
    }

    65% {
        clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    }

    75% {
        clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    }

    80% {
        clip-path: polygon(0 40%, 100% 40%, 100% 60%, 0 60%);
    }

    95% {
        clip-path: polygon(0 45%, 100% 45%, 100% 60%, 0 60%);
    }

    100% {
        clip-path: polygon(0 11%, 100% 11%, 100% 15%, 0 15%);
    }
}

@keyframes glitch-anim-flash {
    0% {
        opacity: .2;
    }

    30%,
    100% {
        opacity: 0;
    }
} */


/* .ggl-roc-section-2 {
    position: relative;
    margin: 0 auto;
    max-width: none;
    width: 100%;
    height: 100%;
} */

.ggl-roc-section-2-canvas {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

.ggl-roc-section-2-map {
    position: absolute;
    bottom: -16vw;
    left: 48vw;
    max-width: 1004px;
    width: 45vw;
}

.ggl-roc-section-2-map,
.ggl-roc-section-5-eden,
.ggl-roc-section-6-frenzy {
    transition: transform 0.9s ease, filter 0.3s ease;
}

.ggl-roc-section-2-map:hover,
.ggl-roc-section-5-eden:hover,
.ggl-roc-section-6-frenzy:hover {
    filter: saturate(1.6);
    transform: scale(1.05);
}

.ggl-roc-section-2-canvas img:first-child {
    position: relative;
    display: block;
    width: 27%;
    /* width: 100%; */
    height: auto;
}

.ggl-roc-section-2-title {
    max-width: 545px;
    left: -21%;
    bottom: 11vw;
}

.ggl-roc-section-2-tag {
    position: absolute;
    bottom: 7vw;
    left: 29%;
    transform: translateX(-50%);
    max-width: 505px;
    width: 23vw;
}

.ggl-roc-section-2-detail-map {
    position: absolute;
    bottom: -9vw;
    left: 29%;
    transform: translateX(-50%);
    max-width: 685px;
    width: 23vw;
    transition: transform 0.2s ease;
}

.ggl-roc-section-2-blood {
    top: -24vw;
    left: 4vw;
    transform: rotate(331deg);
}

.ggl-roc-section-2-btn-card,
.ggl-roc-section-2-btn-monster {
    position: absolute;
    z-index: 2;
    max-width: 328px;
    width: 14vw;
    top: 19vw;
    transition: all 0.2s ease;
    cursor: pointer;
}

.ggl-roc-section-2-btn-card:hover,
.ggl-roc-section-2-btn-monster:hover,
.ggl-roc-section-5-btn-quest:hover,
.ggl-roc-section-6-btn-more-info:hover,
.ggl-roc-section-3-btn-skill:hover,
.ggl-roc-section-3-btn-guide:hover,
.ggl-roc-section-3-btn-trailer:hover,
.ggl-roc-section-3-btn-trailer-m:hover {
    transform: scale(0.9);
}

.ggl-roc-section-2-btn-card {
    left: 53vw;
}

.ggl-roc-section-2-btn-monster {
    left: 70vw;
}

@media (max-width: 768px) {
    .ggl-roc-section-2-canvas img:first-child {
        position: relative;
        display: block;
        height: auto;
    }

    .ggl-roc-section-2-title {
        max-width: 545px;
        left: 2%;
        width: 41% !important;
        bottom: 4vw;
        z-index: 1;
    }

    .ggl-roc-section-2-tag {
        position: absolute;
        bottom: 1vw;
        left: 52%;
        transform: translateX(-50%);
        max-width: 505px;
        width: 29vw;
        z-index: 1;
    }

    .ggl-roc-section-2-detail-map {
        position: absolute;
        bottom: -38vw;
        left: 52%;
        transform: translateX(-50%);
        max-width: 685px;
        width: 58vw;
        transition: transform 0.2s ease;
    }

    /* BTN */
    .ggl-roc-section-2-detail-map {
        position: absolute;
        bottom: -38vw;
        left: 52%;
        transform: translateX(-50%);
        max-width: 685px;
        width: 58vw;
        transition: transform 0.2s ease;
    }

    .ggl-roc-section-2-btn-monster {
        left: 26vw;
    }

    .ggl-roc-section-2-btn-card,
    .ggl-roc-section-2-btn-monster {
        position: absolute;
        z-index: 2;
        max-width: 328px;
        width: 25vw;
        top: 55vw;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    /* END BTN */

    .ggl-roc-section-2-map {
        position: absolute;
        bottom: 4vw;
        left: 22vw;
        max-width: 1004px;
        width: 63vw;
    }

    .ggl-roc-section-2-blood {
        top: 16vw;
        left: 53vw;
        transform: rotate(242deg);
    }

    .blood {
        position: absolute;
        max-width: 555px;
        width: 44vw;
        z-index: -2;
    }
}

@media (max-width: 425px) {
    .ggl-roc-section-2-canvas img:first-child {
        position: relative;
        display: block;
        width: 68% !important;
        height: auto;
    }

    .ggl-roc-section-2-title {
        max-width: 545px;
        left: 1%;
        bottom: 6vw;
        z-index: 2;
    }

    .ggl-roc-section-2-tag {
        position: absolute;
        bottom: -3vw;
        left: 29%;
        transform: translateX(-50%);
        max-width: 505px;
        width: 47vw;
        transform: rotate(1deg);
    }

    .ggl-roc-section-2-detail-map {
        position: absolute;
        bottom: -54vw;
        left: 52%;
        transform: translateX(-50%);
        max-width: 685px;
        width: 73vw;
        transition: transform 0.2s ease;
    }

    .ggl-roc-section-2-btn-card,
    .ggl-roc-section-2-btn-monster {
        position: absolute;
        z-index: 2;
        max-width: 328px;
        width: 39vw;
        top: 84vw;
        /* left: 2vw; */
        margin: 0vw 35vw 0vw 1vw;
        cursor: pointer;
    }

    .ggl-roc-section-2-btn-monster {
        left: 7vw;
    }

    .ggl-roc-section-2-map {
        position: absolute;
        bottom: 16vw;
        left: 7vw;
        max-width: 1004px;
        width: 92vw;
    }
}

/* ------------------------------------------------ CARD ------------------------------------------------- */
.wrappers {
    position: absolute;
    top: 24%;
    left: 32%;
}

.popup-frame {
    position: absolute;
    max-width: 1321px;
    width: 61vw;
    top: -7vw;
    left: -11vw;
    z-index: 999;
    pointer-events: none;
}

.ggl-roc-section-2-row1-card {
    display: flex;
    margin-right: -4vw;
    margin-top: 4vw;
}

.ggl-roc-section-2-row2-card {
    display: flex;
    margin-top: 5vw;
}

.cards {
    position: relative;
    display: inline;
    width: auto;
    z-index: 1000;
    padding: 4.5px;
    max-width: 195px;
    width: 10vw;
    margin-top: -4vw;
    cursor: pointer;
    transition: transform 0.3s ease, filter 0.3s ease;
}

.cards:hover {
    filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.781));
    transform: translateY(-8px) rotate(-2deg);
}

@keyframes float {
    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-3px);
    }

    100% {
        transform: translateY(0px);
    }
}

.btn-exit {
    position: absolute;
    z-index: 99999;
    max-width: 45px;
    width: 3vw;
    left: 44vw;
    transition: transform 2s ease-in-out;
    top: -2vw;
    cursor: pointer;
}

.btn-exit:hover {
    transform: rotate(360deg);
    cursor: pointer;
}

.btn-exit:not(:hover) {
    transform: rotate(-360deg);
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    justify-content: center;
    align-items: center;
}

.preview-card-m {
    background: rgb(0 0 0 / 70%);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

img#preview-card {
    position: absolute;
    max-width: 195px;
    width: 45vw;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media (min-width: 2560px) {
    .wrappers {
        position: absolute;
        top: 28%;
        left: 36%;
    }

    .btn-exit {
        width: 2vw;
        left: 35vw;
        top: -2vw;
    }
}

@media (max-width: 768px) {

    .ggl-roc-section-2-row1-card {
        display: grid;
        grid-template-columns: repeat(2, 0.3fr);
        gap: 6vw;
        justify-items: center;
        margin-top: -16vw;
    }

    .ggl-roc-section-2-row2-card {
        display: grid;
        grid-template-columns: repeat(2, 0.3fr);
        gap: 6vw;
        justify-items: center;
    }

    .cards {
        position: relative;
        display: inline;
        width: auto;
        z-index: 1000;
        padding: 4.5px;
        max-width: 195px;
        width: 16.9vw;
        margin-top: -4vw;
        cursor: pointer;
        transition: transform 0.3s ease, filter 0.3s ease;
    }
}

@media (max-width: 768px) {

    .ggl-roc-section-2-row1-card {
        display: grid;
        grid-template-columns: repeat(2, 0.3fr);
        gap: 6vw;
        justify-items: center;
        margin-top: -16vw;
    }

    .ggl-roc-section-2-row2-card {
        display: grid;
        grid-template-columns: repeat(2, 0.3fr);
        gap: 6vw;
        justify-items: center;
    }

    .cards {
        position: relative;
        display: inline;
        width: auto;
        z-index: 1000;
        padding: 4.5px;
        max-width: 195px;
        width: 16.9vw;
        margin-top: -4vw;
        cursor: pointer;
        transition: transform 0.3s ease, filter 0.3s ease;
    }
}

@media (max-width: 425px) {

    .ggl-roc-section-2-card-frame-mobile {
        width: 88vw !important;
        left: -25vw !important;
    }

    .ggl-roc-section-2-row1-card {
        display: grid;
        grid-template-columns: repeat(2, 0.3fr);
        gap: 6vw;
        justify-items: center;
        margin-top: -15vw;
        margin-left: -7vw;
    }

    .ggl-roc-section-2-row2-card {
        display: grid;
        grid-template-columns: repeat(2, 0.3fr);
        gap: 6vw;
        justify-items: center;
        margin-left: -7vw;
    }

    .cards {
        position: relative;
        display: inline;
        width: auto;
        z-index: 1000;
        padding: 4.5px;
        max-width: 195px;
        width: 22.9vw;
        margin-top: -4vw;
        cursor: pointer;
        transition: transform 0.3s ease, filter 0.3s ease;
    }
}

/* ------------------------------------------------ MONSTER ------------------------------------------------- */
.ggl-roc-section-2-row1-monster {
    display: flex;
    margin-right: -4vw;
    margin-top: 4vw;
}

.ggl-roc-section-2-row2-monster {
    display: flex;
    margin-top: 5vw;
}

.ggl-roc-section-2-row3-monster {
    display: flex;
    margin-right: -4vw;
    margin-top: 5vw;
    margin-left: 3vw;
}

.btn-monster {
    position: relative;
    display: inline;
    width: auto;
    z-index: 1000;
    padding: 4.5px;
    max-width: 169px;
    width: 8vw;
    margin-top: -4vw;
    cursor: pointer;
    transition: transform 0.2s ease, filter 0.2s ease;
}

/* .btn-monster:hover {
    transform: scale(0.9);
} */
.ggl-roc-section-2-card-frame-mobile {
    display: none;
}

img.ggl-roc-section-3-monster-frame-m.popup-frame {
    display: none;
}

.btn-monster.active {
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.7));
}

.monster-items-d {
    position: absolute;
    left: -6vw;
    top: 1vw;
}

.monster-items-m {
    position: absolute;
    left: -6vw;
    top: 1vw;
    display: none;
}

.ggl-roc-section-2-row3 {
    display: flex;
    margin-top: 5vw;
    margin-left: 3vw;
}

.gif-monster {
    position: absolute;
    max-width: 300px;
    width: 7vw;
    z-index: 10000;
    pointer-events: none;
}

.ggl-roc-section-2-monster-loli-ruri {
    top: 0.5vw;
    left: 0.5vw;
}

.ggl-roc-section-2-monster-dullahan {
    top: 0.5vw;
    left: 8.8vw;
}

img.ggl-roc-section-2-monster-bloody-murderer.gif-monster {
    top: 0.5vw;
    left: 16.5vw;
}

img.ggl-roc-section-2-monster-quve.gif-monster {
    top: 9.5vw;
    left: 0.5vw;
}

img.ggl-roc-section-2-monster-disguise.gif-monster {
    top: 9.5vw;
    left: 16.5vw;
}

img.ggl-roc-section-2-monster-gibbet.gif-monster {
    top: 18.5vw;
    left: 3.5vw;
}

img.ggl-roc-section-2-monster-lude.gif-monster {
    top: 18.5vw;
    left: 11.5vw;
}

img.ggl-roc-section-2-monster-hylozoist.gif-monster {
    top: 9.5vw;
    left: 8.5vw;
}

.detail-monster-d {
    position: relative;
}

.detail-monster-m {
    display: none;
}

img.ggl-roc-section-2-monster-detail {
    position: absolute;
    z-index: 1000;
    max-width: 501px;
    width: 22vw;
    left: 21vw;
}

.ggl-roc-section-2-monster-preview {
    position: absolute;
    z-index: 1000;
    max-width: 300px;
    width: 10vw;
    top: 2.5vw;
    left: 23vw;
}

@media (min-width: 2560px) {
    .detail-monster {
        margin-left: -4vw;
    }

    .gif-monster {
        width: 6vw;
    }

    .ggl-roc-section-2-monster-loli-ruri {
        top: 0.5vw;
        left: 0.5vw;
    }

    .ggl-roc-section-2-monster-dullahan {
        top: 0.5vw;
        left: 7vw;
    }

    img.ggl-roc-section-2-monster-bloody-murderer.gif-monster {
        top: 0.5vw;
        left: 13.5vw;
    }

    img.ggl-roc-section-2-monster-quve.gif-monster {
        top: 8vw;
        left: 0.5vw;
    }

    img.ggl-roc-section-2-monster-hylozoist.gif-monster {
        top: 7.6vw;
        left: 6.9vw;
    }

    img.ggl-roc-section-2-monster-disguise.gif-monster {
        top: 7.9vw;
        left: 14vw;
    }

    img.ggl-roc-section-2-monster-gibbet.gif-monster {
        top: 15.5vw;
        left: 3.5vw;
    }

    img.ggl-roc-section-2-monster-lude.gif-monster {
        top: 15.5vw;
        left: 10vw;
    }
}

@media (min-width:2560px) {
    .detail-monster-d {
        margin-left: -4vw;
    }
}

@media (max-width: 1024px) {
    .wrappers {
        top: 30%;
    }
}

@media (max-width: 768px) {
    .popup-frame {
        top: -31vw;
    }

    .ggl-roc-section-2-card-frame-desktop {
        display: none;
    }

    .ggl-roc-section-2-card-frame-mobile {
        display: block;
    }

    .btn-exit {
        top: -22vw;
        width: 5vw;
        left: 41vw;
    }


    .ggl-roc-section-3-monster-frame-d {
        display: none !important;
    }

    .ggl-roc-section-3-monster-frame-m {
        display: block !important;
    }

    .detail-monster-d {
        display: none;
    }

    .detail-monster-m {
        display: block;
    }

    img.ggl-roc-section-2-monster-detail {
        position: absolute;
        z-index: 1000;
        max-width: 728px;
        width: 50vw;
        left: -6vw;
        top: -18vw;
    }

    .ggl-roc-section-2-monster-preview {
        position: absolute;
        z-index: 1000;
        max-width: 300px;
        width: 23vw;
        top: -4.5vw;
        left: -5vw;
    }

    .monster-items-d {
        display: none;
    }

    .monster-items-m {
        display: block;
        left: -6vw;
        top: 33vw;
    }

    .btn-monster {
        position: relative;
        display: inline;
        width: auto;
        z-index: 1000;
        padding: 4.5px;
        max-width: 169px;
        width: 13vw;
        margin-top: -4vw;
        cursor: pointer;
        transition: transform 0.2s ease, filter 0.2s ease;
    }

    .ggl-roc-section-2-monster-loli-ruri {
        top: 1.5vw;
        left: 1.5vw;
    }

    .ggl-roc-section-2-monster-dullahan {
        top: 1.5vw;
        left: 14.8vw;
    }

    .gif-monster {
        width: 10vw;
    }

    img.ggl-roc-section-2-monster-bloody-murderer.gif-monster {
        top: 1.5vw;
        left: 27.5vw;
    }

    img.ggl-roc-section-2-monster-quve.gif-monster {
        top: 1.5vw;
        left: 40.5vw;
    }

    img.ggl-roc-section-2-monster-hylozoist.gif-monster {
        top: 15.5vw;
        left: 1.5vw;
    }

    img.ggl-roc-section-2-monster-disguise.gif-monster {
        top: 15.5vw;
        left: 15.5vw;
    }

    img.ggl-roc-section-2-monster-gibbet.gif-monster {
        top: 15.5vw;
        left: 27.5vw;
    }

    img.ggl-roc-section-2-monster-lude.gif-monster {
        top: 16.5vw;
        left: 40.5vw;
    }
}

@media (max-width: 425px) {
    .popup-frame {
        left: -23vw;
        top: -32vw;
    }

    .btn-exit {
        top: -18vw;
        width: 8vw;
        left: 48vw;
    }

    img.ggl-roc-section-3-monster-frame-m.popup-frame {
        width: 83vw !important;
    }


    img.ggl-roc-section-2-monster-detail {
        position: absolute;
        z-index: 1000;
        max-width: 728px;
        width: 71vw;
        left: -16vw;
        top: -15vw;
    }

    .ggl-roc-section-2-monster-preview {
        position: absolute;
        z-index: 1000;
        max-width: 300px;
        width: 30vw;
        top: 7.5vw;
        left: -13vw;
    }

    .monster-items-m {
        display: block;
        left: -19vw;
        top: 55vw;
    }

    .btn-monster {
        position: relative;
        display: inline;
        width: auto;
        z-index: 1000;
        padding: 4.5px;
        max-width: 169px;
        width: 19vw;
        margin-top: -4vw;
        cursor: pointer;
        transition: transform 0.2s ease, filter 0.2s ease;
    }

    .gif-monster {
        width: 15vw;
    }

    .ggl-roc-section-2-monster-loli-ruri {
        top: 1.5vw;
        left: 1.5vw;
    }

    .ggl-roc-section-2-monster-dullahan {
        top: 1.5vw;
        left: 20.8vw;
    }

    img.ggl-roc-section-2-monster-bloody-murderer.gif-monster {
        top: 1.5vw;
        left: 39.5vw;
    }

    img.ggl-roc-section-2-monster-quve.gif-monster {
        top: 1.5vw;
        left: 58.5vw;
    }

    img.ggl-roc-section-2-monster-hylozoist.gif-monster {
        top: 21.5vw;
        left: 1.5vw;
    }

    img.ggl-roc-section-2-monster-disguise.gif-monster {
        top: 22.5vw;
        left: 22.5vw;
    }

    img.ggl-roc-section-2-monster-gibbet.gif-monster {
        top: 21.5vw;
        left: 40.5vw;
    }

    img.ggl-roc-section-2-monster-lude.gif-monster {
        top: 22.5vw;
        left: 58.5vw;
    }
}


/* ------------------------------------------------ SECTION 3 ------------------------------------------------- */

/* .ggl-roc-section-3 {
    margin: 0 auto;
    max-width: none;
    width: 100%;
    height: 100%;
} */

.ggl-roc-section-3-canvas {
    position: relative;
    width: 100%;
    margin-right: -4vw;
    margin-top: 5vw;
}

.ggl-roc-section-3-supernovice-load {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: relative;
    text-align: center;
}

.ggl-roc-section-3-supernovice-load img {
    height: auto;
}

.ggl-roc-section-3-supernovice-load img:first-child {
    position: relative;
    display: block;
    width: 76vw;
    height: auto;
}

.ggl-roc-section-3-title-load-m {
    display: none;
}

.ggl-roc-section-3-title-load-d {
    max-width: 1407px;
    bottom: 20px;
}

.ggl-roc-section-3-title-load-m {
    max-width: 1407px;
    bottom: 20px;
}

img.ggl-roc-section-3-title-newjob {
    position: absolute;
    max-width: 720px;
    width: 32vw;
    top: -11vw;
    left: 33.5vw;
}

.ggl-roc-section-3-tagline-load {
    position: absolute;
    bottom: -5vw;
    left: 50%;
    transform: translateX(-50%);
    max-width: 685px;
    width: 31vw;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.ggl-roc-section-3-spirit-purple {
    animation: float-spirit 14s ease-in-out infinite;
}

.ggl-roc-section-3-spirit-white {
    animation: float-spirit2 14s ease-in-out infinite;
}

.ggl-roc-section-3-spirit-bat-1 {
    position: absolute;
    max-width: 118px;
    width: 14vw;
    top: -3vw;
    left: 21vw;
    animation: float-spirit 20s ease-in-out infinite;
}

.ggl-roc-section-3-spirit-bat-2 {
    position: absolute;
    max-width: 115px;
    width: 15vw;
    top: 8vw;
    left: 70vw;
    animation: float-spirit2 25s ease-in-out infinite;
}

.ggl-roc-section-3-spirit-purple {
    position: absolute;
    bottom: -7vw;
    left: 22vw;
    transform: translateX(-50%);
    max-width: 169px;
    width: 9vw
}

.ggl-roc-section-3-spirit-white {
    position: absolute;
    bottom: 14vw;
    left: 74vw;
    transform: translateX(-50%);
    max-width: 146px;
    width: 7vw;
}

.ggl-roc-section-3-char {
    position: absolute;
    max-width: 560px;
    width: 17vw;
    top: -2vw;
    left: 41vw;
    background: url(../images//teaser/episode8/gif/char-idle.gif) no-repeat center/contain;
    aspect-ratio: 1/1;

    filter: drop-shadow(0 0 10px rgba(255, 0, 0, 0.328)) drop-shadow(0 0 20px rgba(255, 0, 0, 0.6)) drop-shadow(0 0 40px rgba(255, 0, 0, 0.098));
}

.ggl-roc-section-3-char::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 140%;
    height: 140%;
    background: radial-gradient(circle, rgba(115, 0, 255, 0.2) 0%, transparent 70%);
    transform: translate(-50%, -50%) scale(0.9);
    border-radius: 50%;
    animation: auraPulse 2s infinite ease-in-out;
    z-index: -1;
}

@keyframes auraPulse {
    0% {
        transform: translate(-50%, -50%) scale(0.9);
        opacity: 0.8;
    }

    50% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0.3;
    }

    100% {
        transform: translate(-50%, -50%) scale(0.9);
        opacity: 0.8;
    }
}

@media (min-width: 2560px) {
    .ggl-roc-section-3-sprite-char {
        transform: scale(0.8);
        left: 40.5vw;
        top: -6vw;
        overflow: hidden;
    }

    .ggl-roc-section-3-char {
        position: absolute;
        max-width: 560px;
        width: 16vw;
        top: -4vw;
        left: 41.5vw;
    }

    img.ggl-roc-section-3-title-newjob {
        position: absolute;
        max-width: 720px;
        width: 32vw;
        top: -12vw;
        left: 35.4vw;
    }
}

@media (max-width: 1440px) {
    .ggl-roc-section-3-sprite-char {
        transform: scale(0.6);
        left: 37.5vw;
        top: -10vw;
        overflow: hidden;
    }
}

@media (max-width: 1272px) {
    .ggl-roc-section-3-sprite-char {
        transform: scale(0.6);
        left: 36vw;
        top: -11vw;
        overflow: hidden;
    }
}

@media (max-width: 1024px) {
    .ggl-roc-section-3-sprite-char {
        transform: scale(0.5);
        left: 35.5vw;
        top: -13vw;
        overflow: hidden;
    }
}

@media (max-width: 768px) {

    .ggl-roc-section-3-title-load-d {
        display: none !important;
    }

    .ggl-roc-section-3-canvas {
        margin-right: -5vw;
        margin-top: 20vw;
    }

    img.ggl-roc-section-3-title-load-m {
        position: absolute;
        max-width: 1407px;
        width: 74vw;
        position: absolute;
        display: block;
        bottom: -34vw;
    }

    .ggl-roc-section-3-char {
        position: absolute;
        max-width: 560px;
        width: 24vw;
        top: -18vw;
        left: 36.5vw;
    }

    img.ggl-roc-section-3-title-newjob {
        position: absolute;
        max-width: 720px;
        width: 41vw;
        top: -49vw;
        left: 28vw;
    }

    .ggl-roc-section-3-tagline-load {
        display: none;
    }

    .ggl-roc-section-3-spirit-purple {
        position: absolute;
        bottom: -5vw;
        left: 30vw;
        transform: translateX(-50%);
        max-width: 169px;
        width: 9vw;
    }

    .ggl-roc-section-3-spirit-white {
        position: absolute;
        bottom: 11vw;
        left: 61vw;
        transform: translateX(-50%);
        max-width: 146px;
        width: 9vw;
    }

    img.ggl-roc-section-3-spirit-bat-1 {
        display: block;
        position: absolute;
        max-width: 115px;
        width: 9vw;
        top: -13vw;
        left: 32vw;
    }

    img.ggl-roc-section-3-spirit-bat-2 {
        display: block;
        position: absolute;
        max-width: 115px;
        width: 9vw;
        top: -3vw;
        left: 59vw;
    }

}

@media (max-width: 425px) {
    img.ggl-roc-section-3-title-load-m {
        max-width: 1407px;
        width: 108vw;
        position: absolute;
        bottom: -58vw;
    }

    img.ggl-roc-section-3-title-newjob {
        position: absolute;
        max-width: 720px;
        width: 68vw;
        top: -64vw;
        left: 14vw;
    }

    .ggl-roc-section-3-spirit-white {
        position: absolute;
        bottom: 5vw;
        left: 60vw;
        transform: translateX(-50%);
        max-width: 146px;
        width: 16vw;
        transform: scale(-1);
    }

    .ggl-roc-section-3-spirit-purple {
        position: absolute;
        bottom: -13vw;
        left: 25vw;
        transform: translateX(-50%);
        max-width: 169px;
        width: 14vw;
    }

    img.ggl-roc-section-3-spirit-bat-1.spirit-effect.aos-init.aos-animate {
        position: absolute;
        max-width: 118px;
        width: 14vw;
        top: -13vw;
        left: 21vw;
    }

    img.ggl-roc-section-3-spirit-bat-2.spirit-effect.aos-init.aos-animate {
        position: absolute;
        max-width: 115px;
        width: 15vw;
        top: 1vw;
        left: 62vw;
    }

    .ggl-roc-section-3-char {
        position: absolute;
        max-width: 560px;
        width: 35vw;
        top: -19vw;
        left: 31.5vw;
    }
}

/* PREVIEW */
/* .ggl-roc-section-3-left-shadow {
    position: absolute;
    max-width: 946px;
    width: 100%;
    top: -25vw;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease, transform 1s ease;
}

.ggl-roc-section-3-left-shadow.active {
    opacity: 1;
} */
.ggl-roc-section-4-canvas {
    position: relative;
    width: 100%;
    margin-right: -10vw;
    margin-top: 5vw;
}

.ggl-roc-section-3-text-supernovice-m,
.ggl-roc-section-3-char-supernovice-fm,
.ggl-roc-section-3-char-detail-skill,
.ggl-roc-section-3-btn-trailer-m {
    display: none;
}

img.ggl-roc-section-3-char-supernovice-fm {
    position: absolute;
    max-width: 1042px;
    width: 105vw;
    top: -73vw;
    left: -5vw;
}

.ggl-roc-section-3-char-supernovice-f {
    max-width: 691px;
    width: 16vw;
    right: 23vw;
    top: -10vw;
    position: absolute;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease, transform 1s ease;
}

.ggl-roc-section-3-char-supernovice-m {
    max-width: 1082px;
    width: 53vw;
    right: 20vw;
    top: -26vw;
    position: absolute;
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 1s ease, transform 1s ease;
}

.ggl-roc-section-3-char-supernovice-f.active {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1.5s;
}

.ggl-roc-section-3-char-supernovice-m.active {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 1s;
}

.ggl-roc-section-3-trailer-preview {
    position: absolute;
    max-width: 292px;
    width: 13vw;
    top: -18vw;
    left: 7vw;
    opacity: 0.9;
    filter: brightness(0.6);
}

.ggl-roc-section-3-btn-trailer {
    position: absolute;
    z-index: 1;
    max-width: 143px;
    width: 5vw;
    top: -17vw;
    left: 11vw;
    transition: all 0.2s ease;
    cursor: pointer;
}

.ggl-roc-section-3-text-supernovice {
    position: absolute;
    max-width: 600px;
    width: 27vw;
    top: -11vw;
    left: 0vw;
}

.ggl-roc-section-3-desc-supernovice {
    position: absolute;
    max-width: 549px;
    width: 25vw;
    top: 1vw;
    left: 7vw;
}

.ggl-roc-section-3-btn-skill {
    position: absolute;
    z-index: 2;
    max-width: 278px;
    width: 11vw;
    top: 15vw;
    left: 7vw;
    transition: all 0.2s ease;
    cursor: pointer;
}

.ggl-roc-section-3-detail-skill {
    pointer-events: none;
    position: absolute;
    max-width: 574px;
    width: 24vw;
    top: 15vw;
    left: 16vw;
    clip-path: inset(0 100% 0 0);
    /* tertutup full dari kanan */
    transition: clip-path 1s ease-out;
}

.ggl-roc-section-3-detail-skill.active {
    clip-path: inset(0 0 0 0);
    /* terbuka penuh */
    pointer-events: auto;
}

.ggl-roc-section-3-btn-guide {
    position: absolute;
    max-width: 274px;
    width: 11vw;
    top: 15vw;
    left: 78vw;
    transition: all 0.2s ease;
    cursor: pointer;
}

img.ggl-roc-section-3-char-detail-skill {
    position: absolute;
    max-width: 463px;
    width: 105vw;
    top: 5vw;
    left: -7vw;
}

img.ggl-roc-section-3-text-supernovice-m {
    position: absolute;
    z-index: 1;
    max-width: 800px;
    width: 101vw;
    left: -4vw;
    top: -5vw;
}

img.ggl-roc-section-3-btn-trailer-m {
    position: absolute;
    max-width: 274px;
    width: 30vw;
    top: 79vw;
    left: 52vw;
    transition: all 0.2s ease;
    cursor: pointer;
    z-index: 1;
}

@keyframes supernovice-animation {
    100% {
        background-position: -2240px 0px;
    }
}

@keyframes float-spirit {
    0% {
        transform: translate(0, 0);
        opacity: 0.8;
    }

    25% {
        transform: translate(2vw, -2vw);
        opacity: 1;
    }

    50% {
        transform: translate(0, -4vw);
        opacity: 0.6;
    }

    75% {
        transform: translate(-2vw, -2vw);
        opacity: 1;
    }

    100% {
        transform: translate(0, 0);
        opacity: 0.8;
    }
}

@keyframes float-spirit2 {
    0% {
        transform: translate(0, 0);
        opacity: 0.8;
    }

    25% {
        transform: translate(-2vw, 2vw);
        opacity: 1;
    }

    50% {
        transform: translate(4vw, 0vw);
        opacity: 0.6;
    }

    75% {
        transform: translate(2vw, 2vw);
        opacity: 1;
    }

    100% {
        transform: translate(0, 0);
        opacity: 0.8;
    }

}

@media (min-width: 2560px) {
    .ggl-roc-section-3-char-supernovice-m {
        top: -21vw;
    }
}

@media (max-width: 768px) {

    .ggl-roc-section-3-char-supernovice-f,
    .ggl-roc-section-3-char-supernovice-m,
    .ggl-roc-section-3-trailer-preview,
    .ggl-roc-section-3-btn-trailer,
    .ggl-roc-section-3-detail-skill,
    .ggl-roc-section-3-btn-skill,
    .ggl-roc-section-3-btn-trsifailer,
    .ggl-roc-section-3-desc-supernovice,
    .ggl-roc-section-3-text-supernovice {
        display: none;
    }

    .ggl-roc-section-3-text-supernovice-m,
    .ggl-roc-section-3-char-supernovice-fm,
    .ggl-roc-section-3-char-detail-skill,
    .ggl-roc-section-3-btn-trailer-m {
        display: block;
    }

    .ggl-roc-section-3-btn-guide {
        position: absolute;
        max-width: 274px;
        width: 25vw;
        top: 37vw;
        /* left: 18vw; DIBUKA SAAT ADA BTN-TRAILER */
        left: 33vw;
        z-index: 1;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    img.ggl-roc-section-3-text-supernovice-m {
        position: absolute;
        z-index: 1;
        max-width: 800px;
        width: 74vw;
        left: 10vw;
        top: -12vw;
    }

    img.ggl-roc-section-3-char-supernovice-fm {
        position: absolute;
        max-width: 1042px;
        width: 71vw;
        top: -48vw;
        left: 9vw;
    }

    img.ggl-roc-section-3-char-detail-skill {
        position: absolute;
        max-width: 1021px;
        width: 73vw;
        top: -8vw;
        left: 8vw;
    }

    img.ggl-roc-section-3-btn-trailer-m {
        position: absolute;
        max-width: 274px;
        width: 25vw;
        top: 37vw;
        left: 53vw;
        z-index: 1;
        transition: all 0.2s ease;
        cursor: pointer;
    }
}

@media (max-width: 425px) {
    img.ggl-roc-section-3-btn-trailer-m {
        position: absolute;
        max-width: 274px;
        width: 30vw;
        top: 47vw;
        left: 50vw;
        transition: all 0.2s ease;
        cursor: pointer;
        z-index: 1;
    }

    img.ggl-roc-section-3-char-supernovice-fm {
        position: absolute;
        max-width: 1042px;
        width: 85vw;
        top: -60vw;
        left: 3vw;
    }

    img.ggl-roc-section-3-char-detail-skill {
        position: absolute;
        max-width: 1021px;
        width: 97vw;
        top: -8vw;
        left: -3vw;
    }

    .ggl-roc-section-3-btn-guide {
        position: absolute;
        max-width: 274px;
        width: 30vw;
        top: 55vw;
        /* left: 12vw; DIBUKA SAAT ADA BTN TRAILER */
        left: 30vw;
        transition: all 0.2s ease;
        cursor: pointer;
        z-index: 1;
    }

    img.ggl-roc-section-3-btn-trailer-m {
        position: absolute;
        max-width: 274px;
        width: 30vw;
        top: 55vw;
        left: 50vw;
        transition: all 0.2s ease;
        cursor: pointer;
        z-index: 1;
    }
}

/* ------------------------------------------------ SECTION 5 ------------------------------------------------- */
/* .ggl-roc-section-5 {
    margin: 0 auto;
    max-width: none;
    width: 100%;
    height: 100%;
} */

.ggl-roc-section-5-canvas {
    position: relative;
    width: 100%;
    margin-right: -5vw;
}

.ggl-roc-section-5-eden {
    position: absolute;
    max-width: 1004px;
    width: 46vw;
    top: -21vw;
    left: 7vw;
}

.ggl-roc-section-5-title {
    position: absolute;
    max-width: 611px;
    width: 30vw;
    top: -11vw;
    left: 58vw;
}

.ggl-roc-section-5-detail {
    position: absolute;
    max-width: 499px;
    width: 25vw;
    top: -2vw;
    left: 61vw;
}

.ggl-roc-section-5-btn-quest {
    position: absolute;
    max-width: 328px;
    width: 13vw;
    top: 6vw;
    left: 74vw;
    transition: all 0.2s ease;
    cursor: pointer;
}

.ggl-roc-section-5-blood.blood {
    top: -29vw;
    left: 74vw;
    transform: rotate(16deg);
}

@media (min-width: 2560px) {
    .ggl-roc-section-5-canvas {
        margin-top: 7vw;
    }

    .ggl-roc-section-5-detail {
        position: absolute;
        max-width: 499px;
        width: 19vw;
        top: -4vw;
        left: 61vw;
    }

    .ggl-roc-section-5-btn-quest {
        position: absolute;
        max-width: 328px;
        width: 12vw;
        top: 2vw;
        left: 69vw;
        transition: all 0.2s ease;
        cursor: pointer;
    }
}

@media (max-width: 768px) {
    .ggl-roc-section-5-eden {
        position: absolute;
        max-width: 1004px;
        width: 71vw;
        top: -49vw;
        left: 13vw;
    }

    .ggl-roc-section-5-title {
        position: absolute;
        max-width: 611px;
        width: 50vw;
        top: 5vw;
        left: 24vw;
    }

    .ggl-roc-section-5-detail {
        position: absolute;
        max-width: 499px;
        width: 55vw;
        top: 21vw;
        left: 22vw;
    }

    .ggl-roc-section-5-btn-quest {
        position: absolute;
        max-width: 328px;
        width: 25vw;
        top: 39vw;
        left: 35vw;
        transition: all 0.2s ease;
        cursor: pointer;
    }
}

@media (max-width: 425px) {
    .ggl-roc-section-5-eden {
        position: absolute;
        max-width: 1004px;
        width: 84vw;
        top: -68vw;
        left: 7vw;
    }

    .ggl-roc-section-5-title {
        position: absolute;
        max-width: 611px;
        width: 83vw;
        top: 7vw;
        left: 6vw;
    }

    .ggl-roc-section-5-detail {
        position: absolute;
        max-width: 499px;
        width: 69vw;
        top: 32vw;
        left: 15vw;
    }

    .ggl-roc-section-5-btn-quest {
        position: absolute;
        max-width: 328px;
        width: 41vw;
        top: 57vw;
        left: 26vw;
        transition: all 0.2s ease;
        cursor: pointer;
    }
}

/* ------------------------------------------------ SECTION 6 ------------------------------------------------- */
/* .ggl-roc-section-6 {
    margin: 0 auto;
    max-width: none;
    width: 100%;
    height: 100%;
} */

.ggl-roc-section-6-canvas {
    position: relative;
    width: 100%;
    margin-right: -5vw;
}

.ggl-roc-section-6-frenzy {
    position: absolute;
    max-width: 1004px;
    width: 46vw;
    top: -21vw;
    right: 7vw;
}

.ggl-roc-section-6-title {
    position: absolute;
    max-width: 611px;
    width: 33vw;
    top: -10vw;
    right: 61vw;
}

.ggl-roc-section-6-detail {
    position: absolute;
    max-width: 499px;
    width: 25vw;
    top: 2vw;
    right: 62vw;
}

.ggl-roc-section-6-btn-more-info {
    position: absolute;
    max-width: 268px;
    width: 12vw;
    top: 11vw;
    left: 12vw;
    transition: all 0.2s ease;
    cursor: pointer;
}

.ggl-roc-section-6-blood.blood {
    top: -29vw;
    right: 74vw;
    transform: rotate(16deg);
}

@media (min-width: 2560px) {
    .ggl-roc-section-6-canvas {
        margin-top: 7vw;
    }

    .ggl-roc-section-6-title {
        position: absolute;
        max-width: 611px;
        width: 33vw;
        top: -10vw;
        right: 62vw;
    }

    .ggl-roc-section-6-detail {
        position: absolute;
        max-width: 499px;
        width: 26vw;
        top: 0vw;
        right: 62vw;
    }

    .ggl-roc-section-6-btn-more-info {
        top: 7vw;
        left: 18vw;
    }
}

@media (max-width: 768px) {
    .ggl-roc-section-6-frenzy {
        position: absolute;
        max-width: 1004px;
        width: 71vw;
        top: -50vw;
        left: 13vw;
    }

    .ggl-roc-section-6-title {
        position: absolute;
        max-width: 611px;
        width: 50vw;
        top: 2vw;
        left: 23vw;
    }

    .ggl-roc-section-6-detail {
        position: absolute;
        max-width: 499px;
        width: 55vw;
        top: 22vw;
        left: 19vw;
    }

    .ggl-roc-section-6-btn-more-info {
        width: 27vw;
        top: 40vw;
        left: 34vw;
    }
}

@media (max-width: 425px) {
    .ggl-roc-section-6-frenzy {
        position: absolute;
        max-width: 1004px;
        width: 84vw;
        top: -68vw;
        left: 7vw;
    }

    .ggl-roc-section-6-title {
        position: absolute;
        max-width: 611px;
        width: 83vw;
        top: 7vw;
        left: 6vw;
    }

    .ggl-roc-section-6-detail {
        position: absolute;
        max-width: 499px;
        width: 69vw;
        top: 41vw;
        left: 12vw;
    }

    .ggl-roc-section-6-btn-more-info {
        width: 43vw;
        top: 65vw;
        left: 26vw;
    }
}

/* ------------------------------------------------ SECTION 6, 7, 8 (SEASONAL CONTENT) ------------------------------------------------- */
/* .ggl-roc-section-6 {
    margin: 0 auto;
    max-width: none;
    width: 100%;
    height: 100%;
} */

.ggl-roc-section-7-canvas {
    position: relative;
    width: 100%;
}

/* LOAD */
.ggl-roc-section-7-title {
    position: absolute;
    max-width: 858px;
    width: 38vw;
    top: -11vw;
    right: 31.5vw;
}

.ggl-roc-section-7-spirit-black {
    position: absolute;
    max-width: 146px;
    width: 7vw;
    top: -9vw;
    left: 67vw;
    transform: translateZ(200px) !important;
    animation: float-spirit 14s ease-in-out infinite;
}

.ggl-roc-section-7-spirit-white {
    position: absolute;
    max-width: 146px;
    width: 8vw;
    top: -1vw;
    left: 25vw;
    transform: translateZ(-200px) !important;
    animation: float-spirit2 14s ease-in-out infinite;
}

@media (max-width: 768px) {
    .ggl-roc-section-7-title {
        position: absolute;
        max-width: 858px;
        width: 73vw;
        top: -17vw;
        right: 13.5vw;
    }

    .ggl-roc-section-7-spirit-black {
        position: absolute;
        max-width: 146px;
        width: 10vw;
        top: -15vw;
        left: 67vw;
        transform: translateZ(200px) !important;
        animation: float-spirit 14s ease-in-out infinite;
    }

    .ggl-roc-section-7-spirit-white {
        position: absolute;
        max-width: 146px;
        width: 12vw;
        top: 5vw;
        left: 6vw;
        transform: translateZ(-200px) !important;
        animation: float-spirit2 14s ease-in-out infinite;
    }
}

/* SEASONAL 1 */
.ggl-roc-section-8-canvas {
    position: relative;
    width: 100%;
}

img.ggl-roc-section-8-title-seasonal {
    position: absolute;
    max-width: 303px;
    width: 16vw;
    top: -18.4vw;
    left: 28vw;
    transform: translateZ(100px) !important;
}

img.ggl-roc-section-8-title-roc {
    position: absolute;
    max-width: 481px;
    width: 22vw;
    top: -18vw;
    left: 60vw;
    transform: translateZ(100px) !important;
}

.ggl-roc-section-8-title-roc-m,
.ggl-roc-section-8-title-roc-m,
.m-bg-seasonal {
    display: none;
}

img.ggl-roc-section-8-bg-frame {
    position: absolute;
    max-width: 1301px;
    width: 64vw;
    top: -18vw;
    left: 21vw;
}

img.ggl-roc-section-8-detail {
    position: absolute;
    max-width: 710px;
    width: 33vw;
    top: 13vw;
    left: 27vw;
    transform: translateZ(100px) !important;
}

img.ggl-roc-section-8-tag {
    position: absolute;
    max-width: 707px;
    width: 35vw;
    top: 7vw;
    left: 24vw;
    transform: translateZ(100px) !important;
}

img.ggl-roc-section-8-btn {
    position: absolute;
    max-width: 268px;
    width: 12vw;
    top: 13vw;
    left: 66vw;
    cursor: pointer;
    transform: translateZ(100px) !important;
}

img.ggl-roc-section-8-btn:hover {
    filter: saturate(2);
}

img.ggl-roc-section-8-char {
    position: absolute;
    max-width: 551px;
    width: 29vw;
    top: -16vw;
    left: 59vw;
    transform: translateZ(100px) !important;
}

img.ggl-roc-section-8-number {
    position: absolute;
    max-width: 111px;
    width: 5vw;
    top: 4vw;
    left: 20vw;
    cursor: pointer;
    transform: translateZ(100px) !important;
}

img.ggl-roc-section-8-char1 {
    position: absolute;
    max-width: 551px;
    width: 28vw;
    top: -15vw;
    transform: translateZ(100px) !important;
    left: 58vw;
}

/* SEASONAL 2 */
.ggl-roc-section-8-canvas {
    position: relative;
    width: 100%;
}

img.ggl-roc-section-8-title-seasonal {
    position: absolute;
    max-width: 303px;
    width: 16vw;
    top: -18.4vw;
    transform: translateZ(100px) !important;
    left: 28vw;
}

img.ggl-roc-section-8-title-roc {
    position: absolute;
    max-width: 481px;
    width: 22vw;
    top: -18vw;
    left: 60vw;
    transform: translateZ(100px) !important;
}

img.ggl-roc-section-8-bg-frame {
    position: absolute;
    max-width: 1301px;
    width: 64vw;
    top: -18vw;
    left: 21vw;
}

img.ggl-roc-section-8-detail {
    position: absolute;
    max-width: 710px;
    width: 33vw;
    top: 13vw;
    transform: translateZ(100px) !important;
    left: 27vw;
}

img.ggl-roc-section-8-tag {
    position: absolute;
    max-width: 707px;
    width: 35vw;
    top: 7vw;
    transform: translateZ(100px) !important;
    left: 24vw;
}

img.ggl-roc-section-8-btn {
    position: absolute;
    max-width: 268px;
    width: 12vw;
    top: 13vw;
    left: 66vw;
    transform: translateZ(100px) !important;
    cursor: pointer;
}

img.ggl-roc-section-8-btn:hover {
    filter: saturate(2);
}

img.ggl-roc-section-8-char {
    position: absolute;
    max-width: 551px;
    width: 25vw;
    top: -17vw;
    transform: translateZ(100px) !important;
    left: 54vw;
}

img.ggl-roc-section-8-char3 {
    position: absolute;
    max-width: 551px;
    width: 14vw;
    top: -17vw;
    transform: translateZ(100px) !important;
    left: 62vw;
}

img.ggl-roc-section-8-number {
    position: absolute;
    max-width: 111px;
    width: 5vw;
    top: 4vw;
    transform: translateZ(100px) !important;
    left: 20vw;
}




img.ggl-roc-section-92-btn:hover {
    filter: saturate(2);
}

img.ggl-roc-section-92-char {
    position: absolute;
    max-width: 317px;
    width: 15vw;
    top: -17vw;
    left: 61vw;
    transform: translateZ(100px) !important;
}

img.ggl-roc-section-92-number {
    position: absolute;
    max-width: 111px;
    width: 5vw;
    top: 4vw;
    left: 20vw;
    transform: translateZ(100px) !important;
}

@media (max-width: 768px) {
    div#content-3d-2 {
        margin-left: -5vw;
        margin-top: -3vw;
    }

    div#content-3d-3 {
        margin-left: -5vw;
        margin-top: -3vw;
    }

    .ggl-roc-section-92-canvas {
        margin-left: -10vw !important;
        margin-top: -10vw !important;
    }

    .d-title-roc,
    .d-bg-seasonal,
    .ggl-roc-section-8-char,
    .ggl-roc-section-8-char1,
    .ggl-roc-section-8-char3 {
        display: none;
    }

    .ggl-roc-section-8-title-roc-m,
    .ggl-roc-section-8-bg-frame.m-bg-seasonal .ggl-roc-section-8-title-roc-m,
    .ggl-roc-section-92-title-roc-m {
        display: block !important;
    }

    .m-title-seasonal {
        position: absolute !important;
        max-width: 303px !important;
        width: 28vw !important;
        top: -35.4vw !important;
        left: 21vw;
        transform: translateZ(100px) !important;
    }

    .m-bg-seasonal {
        position: absolute !important;
        max-width: 910px !important;
        width: 64vw !important;
        top: -35vw !important;
        display: block !important;
        left: 18vw;
    }

    .m-detail-seasonal {
        position: absolute !important;
        max-width: 710px !important;
        width: 56vw !important;
        top: 37vw !important;
        left: 23vw;
        transform: translateZ(100px) !important;
    }

    .m-tag-seasonal {
        position: absolute !important;
        max-width: 707px !important;
        width: 52vw !important;
        top: 29vw !important;
        left: 22vw;
        transform: translateZ(100px) !important;
    }

    .m-btn-seasonal {
        position: absolute !important;
        max-width: 268px !important;
        width: 25vw !important;
        top: 45vw !important;
        left: 38vw !important;
        cursor: pointer;
        transform: translateZ(100px) !important;
    }

    .m-number-seasonal {
        position: absolute !important;
        max-width: 111px !important;
        width: 11vw !important;
        top: 27vw !important;
        left: 12vw !important;
        cursor: pointer;
        transform: translateZ(100px) !important;
    }

    .ggl-roc-section-8-title-roc-m,
    .ggl-roc-section-8-title-roc-m,
    .ggl-roc-section-92-title-roc-m {
        position: absolute;
        max-width: 481px;
        width: 32vw;
        top: -16vw;
        left: 70vw !important;
        transform: rotate(90deg) !important;
    }
}

@media (max-width: 425px) {
    .m-title-seasonal {
        position: absolute !important;
        max-width: 303px !important;
        width: 42vw !important;
        top: -37.4vw !important;
        left: 19vw !important;
        transform: translateZ(100px) !important;
    }

    .m-bg-seasonal {
        position: absolute !important;
        max-width: 910px !important;
        width: 77vw !important;
        top: -35vw !important;
        display: block !important;
        left: 15vw !important;
    }

    .m-detail-seasonal {
        position: absolute !important;
        max-width: 710px !important;
        width: 79vw !important;
        top: 47vw !important;
        left: 13vw !important;
        transform: translateZ(100px) !important;
    }

    .m-tag-seasonal {
        position: absolute !important;
        max-width: 707px !important;
        width: 81vw !important;
        top: 32vw !important;
        left: 17vw !important;
        transform: translateZ(100px) !important;
    }

    .m-btn-seasonal {
        position: absolute !important;
        max-width: 268px !important;
        width: 43vw !important;
        top: 59vw !important;
        left: 32vw !important;
        cursor: pointer;
        transform: translateZ(100px) !important;
    }
}

/* ------------------------------------------------ SLIDE 3D  ------------------------------------------------- */
/* .ggl-roc-section-7-canvas {
    min-height: 100%;
} */

.contents {
    position: absolute;
    padding-top: 0;
    margin: auto;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    touch-action: none;
}

.contents .perspective {
    width: 100%;
    perspective: 2000px !important;
}

.contents .perspective .\33 d-container {
    transform-style: preserve-3d;
    transition: transform .05s linear;
}

/* ------------------------------------------------ SECTION 9 ------------------------------------------------- */

/* ------------------------------------------------ SECTION 11 ------------------------------------------------- */
.ggl-roc-section-10-canvas {
    position: relative;
    width: 100%;
}

.ggl-roc-section-11-canvas {
    position: relative;
    width: 100%;
}

#Event {
    position: relative;
    z-index: 4;
}

img.ggl-roc-section-11-frame-event {
    position: absolute;
    width: 90%;
    top: 7vw;
    pointer-events: none;
}

#Event .inner {
    position: absolute;
    z-index: 2;
    width: 100%;
}

#Event .inner:last-of-type {
    margin-bottom: 0px;
}

#Event .inner .innerContent {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0;
    position: relative;
    margin-left: 0;
    padding: 0 1rem;
    width: 100%;
    box-sizing: border-box;
    z-index: 2;
}

#Event .inner .innerContent .title {
    display: block;
    position: relative;
    height: auto;
    top: 3vw;
    max-width: 571px;
    width: 23vw;
}

#Event .inner .innerContent .title-mobile {
    display: none;
}

#Event .inner .EVENT-CONTENT {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
}

#Event .inner .EVENT-CONTENT .EVENT-CONTAINER .EVENT-IMG {
    width: 53vw;
    max-width: unset;
}

#Event .inner .EVENT-CONTENT .EVENT-CONTAINER .EVENT-DESKTOP {
    display: block;
}

#Event .inner .EVENT-CONTENT .EVENT-CONTAINER .EVENT-MOBILE {
    display: none;
}

#Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-container {
    height: 40vw;
    margin-top: -5%;
}

#Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

#Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-button-prev {
    width: 3%;
    height: 8%;
    left: 34%;
    top: 94%;
    filter: drop-shadow(2px 4px 10px black);
}

#Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-button-next {
    width: 3%;
    height: 8%;
    right: 34%;
    filter: drop-shadow(2px 4px 10px black);
    top: 94%;
}

#Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-button-prev:hover {
    filter: saturate(2);
    cursor: pointer;
}

#Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-button-next:hover {
    filter: saturate(2);
    cursor: pointer;
}

/* Semua slide default abu-abu */
.swiper-slide img {
    filter: grayscale(100%);
    opacity: 0.3;
    transition: filter 0.3s ease;
}

/* Slide yang aktif warna normal */
.swiper-slide-active img {
    filter: grayscale(0%);
    opacity: 1;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: -8px !important;
    left: 43.5% !important;
    width: 13% !important;
}

.swiper-pagination-bullet {
    width: 29px !important;
    height: 29px !important;
}

.swiper-pagination-bullet {
    background: url(../images/teaser/episode8/page9/dots.png) no-repeat center;
    opacity: 0.5;
    transition: 0.3s;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: url(../images/teaser/episode8/page9/dots.png) no-repeat center;
    /* warna bullet aktif */
}

@media screen and (max-width: 1707px) {

    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: -8px !important;
        left: 42.5% !important;
        width: 16% !important;
    }
}

@media screen and (max-width: 1024px) {
    #Event .inner:last-of-type {
        margin-bottom: 13vw;
    }

    .swiper-pagination-fraction,
    .swiper-pagination-custom,
    .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: -13px !important;
        left: 28.5% !important;
        width: 42% !important;
    }

    #Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-button-prev {
        left: 31%;
    }

    #Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-button-next {
        right: 32%;
    }
}

@media screen and (max-width: 768px) {
    #Event .inner:last-of-type {
        margin-bottom: 0vw;
    }

    #Event .SC6-BG {
        display: none;
    }

    #Event .SC6-BG-MOBILE {
        display: block;
    }

    #Event .inner {
        margin-top: 9vw;
    }

    #Event .inner .innerContent {
        margin-top: 8%;
    }

    #Event .inner .innerContent .title {
        display: none;
    }

    #Event .inner .innerContent .title-mobile {
        display: block;
        position: relative;
        height: auto;
        width: 45%;
    }

    #Event .inner .EVENT-CONTENT .EVENT-CONTAINER .EVENT-IMG {
        width: 46vw;
        border: 8px solid #6b598566;
        border-radius: 7px;
        filter: drop-shadow(2px 4px 7px black);
    }

    #Event .inner .EVENT-CONTENT .EVENT-CONTAINER .EVENT-DESKTOP {
        display: none;
    }

    #Event .inner .EVENT-CONTENT .EVENT-CONTAINER .EVENT-MOBILE {
        display: block;
    }

    #Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-container {
        height: 115vw;
        margin-top: -16%;
    }

    #Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-button-prev {
        width: 10%;
        height: 10%;
        left: 10%;
        top: 45%;
    }

    #Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-button-next {
        width: 10%;
        height: 10%;
        right: 10%;
        top: 45%;
    }

    img.ggl-roc-section-11-frame-event {
        display: none;
    }

    .swiper-pagination {
        display: none;
    }
}

@media screen and (max-width: 485px) {
    #Event .inner {
        margin-top: -35vw;
    }

    #Event .inner .innerContent .title {
        display: none;
    }

    #Event .inner .innerContent .title-mobile {
        display: block;
        position: relative;
        height: auto;
        top: 1vw;
        max-width: 571px;
        width: 50vw;
    }

    #Event .inner .EVENT-CONTENT .EVENT-CONTAINER .swiper-container {
        height: 115vw;
        margin-top: 11%;
    }

    #Event .inner .EVENT-CONTENT .EVENT-CONTAINER .EVENT-IMG {
        width: 67vw;
        border: 8px solid #6b598566;
        border-radius: 7px;
        filter: drop-shadow(2px 4px 7px black);
    }
}

/* ------------------------------------------------ FOOTER ------------------------------------------------- */

footer {
    background-color: #000000;
    border-top: 5px solid #473783;
    background-size: cover;
    position: relative;
    width: 100vw;
    height: 28vh;
    top: 0px;
    margin-top: 68vw;
}

.sosmed a {
    color: #fff;
    font-size: 24pt;
    margin-right: 1vw;
    transition-duration: 0.3s;
}

.sosmed a:hover {
    color: #8e74b871;
}

img.logo-footer {
    display: flex;
    margin-top: 0vw;
}

.ggl-logo {
    margin-right: 2vw;
    padding-top: 1vw;
}

.ggl-info {
    padding-top: 2vw;
    font-weight: bold;
    color: #ffe;
}

label.text-footer {
    display: inline-block;
    font-family: monospace;
    font-size: 20px;
    margin-bottom: -1.5rem;
}

@media screen and (max-width: 768px) {
    footer {
        background-color: #000000;
        border-top: 5px solid #473783;
        background-size: cover;
        position: relative;
        margin-top: 136vw;
    }
}

@media screen and (max-width: 485px) {
    footer {
        background-color: #000000;
        border-top: 5px solid #473783;
        background-size: cover;
        position: relative;
        margin-top: 194vw;
    }

    label.text-footer {
        display: inline-block;
        font-family: monospace;
        font-size: 13px;
        margin-bottom: -1.5rem;
    }
}

/* ------------------------------------------------ SPARKLE EFFECT ------------------------------------------------- */

.ag-fireflies_box {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.ag-fireflies_item {
    position: absolute;
    -webkit-transform: translateY(-10vh);
    transform: translateY(-10vh);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.ag-fireflies_item:nth-child(1) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-1;
    animation-name: an-move-frames-1;
    -webkit-animation-duration: 30836ms;
    animation-duration: 30836ms;
    -webkit-animation-delay: 36509ms;
    animation-delay: 36509ms;
}

@-webkit-keyframes an-move-frames-1 {
    from {
        -webkit-transform: translate3d(38vw, 103vh, 0);
        transform: translate3d(38vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(6vw, -126vh, 0);
        transform: translate3d(6vw, -126vh, 0);
    }
}

@keyframes an-move-frames-1 {
    from {
        -webkit-transform: translate3d(38vw, 103vh, 0);
        transform: translate3d(38vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(6vw, -126vh, 0);
        transform: translate3d(6vw, -126vh, 0);
    }
}

.ag-fireflies_item:nth-child(1) .ag-fireflies_inner {
    -webkit-animation-delay: 2643ms;
    animation-delay: 2643ms;
}

.ag-fireflies_item:nth-child(2) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-2;
    animation-name: an-move-frames-2;
    -webkit-animation-duration: 36977ms;
    animation-duration: 36977ms;
    -webkit-animation-delay: 18420ms;
    animation-delay: 18420ms;
}

@-webkit-keyframes an-move-frames-2 {
    from {
        -webkit-transform: translate3d(45vw, 109vh, 0);
        transform: translate3d(45vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(11vw, -116vh, 0);
        transform: translate3d(11vw, -116vh, 0);
    }
}

@keyframes an-move-frames-2 {
    from {
        -webkit-transform: translate3d(45vw, 109vh, 0);
        transform: translate3d(45vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(11vw, -116vh, 0);
        transform: translate3d(11vw, -116vh, 0);
    }
}

.ag-fireflies_item:nth-child(2) .ag-fireflies_inner {
    -webkit-animation-delay: 640ms;
    animation-delay: 640ms;
}

.ag-fireflies_item:nth-child(3) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-3;
    animation-name: an-move-frames-3;
    -webkit-animation-duration: 34091ms;
    animation-duration: 34091ms;
    -webkit-animation-delay: 27559ms;
    animation-delay: 27559ms;
}

@-webkit-keyframes an-move-frames-3 {
    from {
        -webkit-transform: translate3d(2vw, 103vh, 0);
        transform: translate3d(2vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(94vw, -123vh, 0);
        transform: translate3d(94vw, -123vh, 0);
    }
}

@keyframes an-move-frames-3 {
    from {
        -webkit-transform: translate3d(2vw, 103vh, 0);
        transform: translate3d(2vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(94vw, -123vh, 0);
        transform: translate3d(94vw, -123vh, 0);
    }
}

.ag-fireflies_item:nth-child(3) .ag-fireflies_inner {
    -webkit-animation-delay: 1414ms;
    animation-delay: 1414ms;
}

.ag-fireflies_item:nth-child(4) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-4;
    animation-name: an-move-frames-4;
    -webkit-animation-duration: 36598ms;
    animation-duration: 36598ms;
    -webkit-animation-delay: 14589ms;
    animation-delay: 14589ms;
}

@-webkit-keyframes an-move-frames-4 {
    from {
        -webkit-transform: translate3d(64vw, 103vh, 0);
        transform: translate3d(64vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(60vw, -133vh, 0);
        transform: translate3d(60vw, -133vh, 0);
    }
}

@keyframes an-move-frames-4 {
    from {
        -webkit-transform: translate3d(64vw, 103vh, 0);
        transform: translate3d(64vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(60vw, -133vh, 0);
        transform: translate3d(60vw, -133vh, 0);
    }
}

.ag-fireflies_item:nth-child(4) .ag-fireflies_inner {
    -webkit-animation-delay: 3343ms;
    animation-delay: 3343ms;
}

.ag-fireflies_item:nth-child(5) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-5;
    animation-name: an-move-frames-5;
    -webkit-animation-duration: 34524ms;
    animation-duration: 34524ms;
    -webkit-animation-delay: 4224ms;
    animation-delay: 4224ms;
}

@-webkit-keyframes an-move-frames-5 {
    from {
        -webkit-transform: translate3d(51vw, 104vh, 0);
        transform: translate3d(51vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -121vh, 0);
        transform: translate3d(20vw, -121vh, 0);
    }
}

@keyframes an-move-frames-5 {
    from {
        -webkit-transform: translate3d(51vw, 104vh, 0);
        transform: translate3d(51vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -121vh, 0);
        transform: translate3d(20vw, -121vh, 0);
    }
}

.ag-fireflies_item:nth-child(5) .ag-fireflies_inner {
    -webkit-animation-delay: 1651ms;
    animation-delay: 1651ms;
}

.ag-fireflies_item:nth-child(6) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-6;
    animation-name: an-move-frames-6;
    -webkit-animation-duration: 30761ms;
    animation-duration: 30761ms;
    -webkit-animation-delay: 5863ms;
    animation-delay: 5863ms;
}

@-webkit-keyframes an-move-frames-6 {
    from {
        -webkit-transform: translate3d(44vw, 101vh, 0);
        transform: translate3d(44vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -109vh, 0);
        transform: translate3d(31vw, -109vh, 0);
    }
}

@keyframes an-move-frames-6 {
    from {
        -webkit-transform: translate3d(44vw, 101vh, 0);
        transform: translate3d(44vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -109vh, 0);
        transform: translate3d(31vw, -109vh, 0);
    }
}

.ag-fireflies_item:nth-child(6) .ag-fireflies_inner {
    -webkit-animation-delay: 942ms;
    animation-delay: 942ms;
}

.ag-fireflies_item:nth-child(7) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-7;
    animation-name: an-move-frames-7;
    -webkit-animation-duration: 35683ms;
    animation-duration: 35683ms;
    -webkit-animation-delay: 335ms;
    animation-delay: 335ms;
}

@-webkit-keyframes an-move-frames-7 {
    from {
        -webkit-transform: translate3d(18vw, 101vh, 0);
        transform: translate3d(18vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(11vw, -113vh, 0);
        transform: translate3d(11vw, -113vh, 0);
    }
}

@keyframes an-move-frames-7 {
    from {
        -webkit-transform: translate3d(18vw, 101vh, 0);
        transform: translate3d(18vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(11vw, -113vh, 0);
        transform: translate3d(11vw, -113vh, 0);
    }
}

.ag-fireflies_item:nth-child(7) .ag-fireflies_inner {
    -webkit-animation-delay: 2080ms;
    animation-delay: 2080ms;
}

.ag-fireflies_item:nth-child(8) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-8;
    animation-name: an-move-frames-8;
    -webkit-animation-duration: 32920ms;
    animation-duration: 32920ms;
    -webkit-animation-delay: 20271ms;
    animation-delay: 20271ms;
}

@-webkit-keyframes an-move-frames-8 {
    from {
        -webkit-transform: translate3d(64vw, 109vh, 0);
        transform: translate3d(64vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(14vw, -111vh, 0);
        transform: translate3d(14vw, -111vh, 0);
    }
}

@keyframes an-move-frames-8 {
    from {
        -webkit-transform: translate3d(64vw, 109vh, 0);
        transform: translate3d(64vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(14vw, -111vh, 0);
        transform: translate3d(14vw, -111vh, 0);
    }
}

.ag-fireflies_item:nth-child(8) .ag-fireflies_inner {
    -webkit-animation-delay: 1390ms;
    animation-delay: 1390ms;
}

.ag-fireflies_item:nth-child(9) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-9;
    animation-name: an-move-frames-9;
    -webkit-animation-duration: 35658ms;
    animation-duration: 35658ms;
    -webkit-animation-delay: 21515ms;
    animation-delay: 21515ms;
}

@-webkit-keyframes an-move-frames-9 {
    from {
        -webkit-transform: translate3d(57vw, 110vh, 0);
        transform: translate3d(57vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(43vw, -126vh, 0);
        transform: translate3d(43vw, -126vh, 0);
    }
}

@keyframes an-move-frames-9 {
    from {
        -webkit-transform: translate3d(57vw, 110vh, 0);
        transform: translate3d(57vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(43vw, -126vh, 0);
        transform: translate3d(43vw, -126vh, 0);
    }
}

.ag-fireflies_item:nth-child(9) .ag-fireflies_inner {
    -webkit-animation-delay: 2381ms;
    animation-delay: 2381ms;
}

.ag-fireflies_item:nth-child(10) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-10;
    animation-name: an-move-frames-10;
    -webkit-animation-duration: 28922ms;
    animation-duration: 28922ms;
    -webkit-animation-delay: 29337ms;
    animation-delay: 29337ms;
}

@-webkit-keyframes an-move-frames-10 {
    from {
        -webkit-transform: translate3d(31vw, 110vh, 0);
        transform: translate3d(31vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -132vh, 0);
        transform: translate3d(42vw, -132vh, 0);
    }
}

@keyframes an-move-frames-10 {
    from {
        -webkit-transform: translate3d(31vw, 110vh, 0);
        transform: translate3d(31vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -132vh, 0);
        transform: translate3d(42vw, -132vh, 0);
    }
}

.ag-fireflies_item:nth-child(10) .ag-fireflies_inner {
    -webkit-animation-delay: 665ms;
    animation-delay: 665ms;
}

.ag-fireflies_item:nth-child(11) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-11;
    animation-name: an-move-frames-11;
    -webkit-animation-duration: 34311ms;
    animation-duration: 34311ms;
    -webkit-animation-delay: 36829ms;
    animation-delay: 36829ms;
}

@-webkit-keyframes an-move-frames-11 {
    from {
        -webkit-transform: translate3d(8vw, 102vh, 0);
        transform: translate3d(8vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(36vw, -122vh, 0);
        transform: translate3d(36vw, -122vh, 0);
    }
}

@keyframes an-move-frames-11 {
    from {
        -webkit-transform: translate3d(8vw, 102vh, 0);
        transform: translate3d(8vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(36vw, -122vh, 0);
        transform: translate3d(36vw, -122vh, 0);
    }
}

.ag-fireflies_item:nth-child(11) .ag-fireflies_inner {
    -webkit-animation-delay: 391ms;
    animation-delay: 391ms;
}

.ag-fireflies_item:nth-child(12) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-12;
    animation-name: an-move-frames-12;
    -webkit-animation-duration: 29298ms;
    animation-duration: 29298ms;
    -webkit-animation-delay: 7594ms;
    animation-delay: 7594ms;
}

@-webkit-keyframes an-move-frames-12 {
    from {
        -webkit-transform: translate3d(49vw, 109vh, 0);
        transform: translate3d(49vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(53vw, -114vh, 0);
        transform: translate3d(53vw, -114vh, 0);
    }
}

@keyframes an-move-frames-12 {
    from {
        -webkit-transform: translate3d(49vw, 109vh, 0);
        transform: translate3d(49vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(53vw, -114vh, 0);
        transform: translate3d(53vw, -114vh, 0);
    }
}

.ag-fireflies_item:nth-child(12) .ag-fireflies_inner {
    -webkit-animation-delay: 1354ms;
    animation-delay: 1354ms;
}

.ag-fireflies_item:nth-child(13) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-13;
    animation-name: an-move-frames-13;
    -webkit-animation-duration: 35981ms;
    animation-duration: 35981ms;
    -webkit-animation-delay: 24206ms;
    animation-delay: 24206ms;
}

@-webkit-keyframes an-move-frames-13 {
    from {
        -webkit-transform: translate3d(16vw, 109vh, 0);
        transform: translate3d(16vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -128vh, 0);
        transform: translate3d(20vw, -128vh, 0);
    }
}

@keyframes an-move-frames-13 {
    from {
        -webkit-transform: translate3d(16vw, 109vh, 0);
        transform: translate3d(16vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -128vh, 0);
        transform: translate3d(20vw, -128vh, 0);
    }
}

.ag-fireflies_item:nth-child(13) .ag-fireflies_inner {
    -webkit-animation-delay: 2206ms;
    animation-delay: 2206ms;
}

.ag-fireflies_item:nth-child(14) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-14;
    animation-name: an-move-frames-14;
    -webkit-animation-duration: 29364ms;
    animation-duration: 29364ms;
    -webkit-animation-delay: 11053ms;
    animation-delay: 11053ms;
}

@-webkit-keyframes an-move-frames-14 {
    from {
        -webkit-transform: translate3d(70vw, 109vh, 0);
        transform: translate3d(70vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(26vw, -128vh, 0);
        transform: translate3d(26vw, -128vh, 0);
    }
}

@keyframes an-move-frames-14 {
    from {
        -webkit-transform: translate3d(70vw, 109vh, 0);
        transform: translate3d(70vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(26vw, -128vh, 0);
        transform: translate3d(26vw, -128vh, 0);
    }
}

.ag-fireflies_item:nth-child(14) .ag-fireflies_inner {
    -webkit-animation-delay: 2037ms;
    animation-delay: 2037ms;
}

.ag-fireflies_item:nth-child(15) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-15;
    animation-name: an-move-frames-15;
    -webkit-animation-duration: 32518ms;
    animation-duration: 32518ms;
    -webkit-animation-delay: 29599ms;
    animation-delay: 29599ms;
}

@-webkit-keyframes an-move-frames-15 {
    from {
        -webkit-transform: translate3d(22vw, 104vh, 0);
        transform: translate3d(22vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(49vw, -108vh, 0);
        transform: translate3d(49vw, -108vh, 0);
    }
}

@keyframes an-move-frames-15 {
    from {
        -webkit-transform: translate3d(22vw, 104vh, 0);
        transform: translate3d(22vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(49vw, -108vh, 0);
        transform: translate3d(49vw, -108vh, 0);
    }
}

.ag-fireflies_item:nth-child(15) .ag-fireflies_inner {
    -webkit-animation-delay: 2268ms;
    animation-delay: 2268ms;
}

.ag-fireflies_item:nth-child(16) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-16;
    animation-name: an-move-frames-16;
    -webkit-animation-duration: 30881ms;
    animation-duration: 30881ms;
    -webkit-animation-delay: 19913ms;
    animation-delay: 19913ms;
}

@-webkit-keyframes an-move-frames-16 {
    from {
        -webkit-transform: translate3d(16vw, 104vh, 0);
        transform: translate3d(16vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(54vw, -113vh, 0);
        transform: translate3d(54vw, -113vh, 0);
    }
}

@keyframes an-move-frames-16 {
    from {
        -webkit-transform: translate3d(16vw, 104vh, 0);
        transform: translate3d(16vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(54vw, -113vh, 0);
        transform: translate3d(54vw, -113vh, 0);
    }
}

.ag-fireflies_item:nth-child(16) .ag-fireflies_inner {
    -webkit-animation-delay: 2386ms;
    animation-delay: 2386ms;
}

.ag-fireflies_item:nth-child(17) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-17;
    animation-name: an-move-frames-17;
    -webkit-animation-duration: 35171ms;
    animation-duration: 35171ms;
    -webkit-animation-delay: 32356ms;
    animation-delay: 32356ms;
}

@-webkit-keyframes an-move-frames-17 {
    from {
        -webkit-transform: translate3d(36vw, 104vh, 0);
        transform: translate3d(36vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(60vw, -124vh, 0);
        transform: translate3d(60vw, -124vh, 0);
    }
}

@keyframes an-move-frames-17 {
    from {
        -webkit-transform: translate3d(36vw, 104vh, 0);
        transform: translate3d(36vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(60vw, -124vh, 0);
        transform: translate3d(60vw, -124vh, 0);
    }
}

.ag-fireflies_item:nth-child(17) .ag-fireflies_inner {
    -webkit-animation-delay: 1050ms;
    animation-delay: 1050ms;
}

.ag-fireflies_item:nth-child(18) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-18;
    animation-name: an-move-frames-18;
    -webkit-animation-duration: 31120ms;
    animation-duration: 31120ms;
    -webkit-animation-delay: 30228ms;
    animation-delay: 30228ms;
}

@-webkit-keyframes an-move-frames-18 {
    from {
        -webkit-transform: translate3d(18vw, 102vh, 0);
        transform: translate3d(18vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(41vw, -104vh, 0);
        transform: translate3d(41vw, -104vh, 0);
    }
}

@keyframes an-move-frames-18 {
    from {
        -webkit-transform: translate3d(18vw, 102vh, 0);
        transform: translate3d(18vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(41vw, -104vh, 0);
        transform: translate3d(41vw, -104vh, 0);
    }
}

.ag-fireflies_item:nth-child(18) .ag-fireflies_inner {
    -webkit-animation-delay: 532ms;
    animation-delay: 532ms;
}

.ag-fireflies_item:nth-child(19) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-19;
    animation-name: an-move-frames-19;
    -webkit-animation-duration: 36883ms;
    animation-duration: 36883ms;
    -webkit-animation-delay: 15381ms;
    animation-delay: 15381ms;
}

@-webkit-keyframes an-move-frames-19 {
    from {
        -webkit-transform: translate3d(96vw, 109vh, 0);
        transform: translate3d(96vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(93vw, -119vh, 0);
        transform: translate3d(93vw, -119vh, 0);
    }
}

@keyframes an-move-frames-19 {
    from {
        -webkit-transform: translate3d(96vw, 109vh, 0);
        transform: translate3d(96vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(93vw, -119vh, 0);
        transform: translate3d(93vw, -119vh, 0);
    }
}

.ag-fireflies_item:nth-child(19) .ag-fireflies_inner {
    -webkit-animation-delay: 712ms;
    animation-delay: 712ms;
}

.ag-fireflies_item:nth-child(20) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-20;
    animation-name: an-move-frames-20;
    -webkit-animation-duration: 28164ms;
    animation-duration: 28164ms;
    -webkit-animation-delay: 20151ms;
    animation-delay: 20151ms;
}

@-webkit-keyframes an-move-frames-20 {
    from {
        -webkit-transform: translate3d(69vw, 105vh, 0);
        transform: translate3d(69vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(8vw, -134vh, 0);
        transform: translate3d(8vw, -134vh, 0);
    }
}

@keyframes an-move-frames-20 {
    from {
        -webkit-transform: translate3d(69vw, 105vh, 0);
        transform: translate3d(69vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(8vw, -134vh, 0);
        transform: translate3d(8vw, -134vh, 0);
    }
}

.ag-fireflies_item:nth-child(20) .ag-fireflies_inner {
    -webkit-animation-delay: 765ms;
    animation-delay: 765ms;
}

.ag-fireflies_item:nth-child(21) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-21;
    animation-name: an-move-frames-21;
    -webkit-animation-duration: 33848ms;
    animation-duration: 33848ms;
    -webkit-animation-delay: 33743ms;
    animation-delay: 33743ms;
}

@-webkit-keyframes an-move-frames-21 {
    from {
        -webkit-transform: translate3d(24vw, 107vh, 0);
        transform: translate3d(24vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(4vw, -128vh, 0);
        transform: translate3d(4vw, -128vh, 0);
    }
}

@keyframes an-move-frames-21 {
    from {
        -webkit-transform: translate3d(24vw, 107vh, 0);
        transform: translate3d(24vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(4vw, -128vh, 0);
        transform: translate3d(4vw, -128vh, 0);
    }
}

.ag-fireflies_item:nth-child(21) .ag-fireflies_inner {
    -webkit-animation-delay: 210ms;
    animation-delay: 210ms;
}

.ag-fireflies_item:nth-child(22) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-22;
    animation-name: an-move-frames-22;
    -webkit-animation-duration: 31170ms;
    animation-duration: 31170ms;
    -webkit-animation-delay: 15178ms;
    animation-delay: 15178ms;
}

@-webkit-keyframes an-move-frames-22 {
    from {
        -webkit-transform: translate3d(100vw, 110vh, 0);
        transform: translate3d(100vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(33vw, -140vh, 0);
        transform: translate3d(33vw, -140vh, 0);
    }
}

@keyframes an-move-frames-22 {
    from {
        -webkit-transform: translate3d(100vw, 110vh, 0);
        transform: translate3d(100vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(33vw, -140vh, 0);
        transform: translate3d(33vw, -140vh, 0);
    }
}

.ag-fireflies_item:nth-child(22) .ag-fireflies_inner {
    -webkit-animation-delay: 1880ms;
    animation-delay: 1880ms;
}

.ag-fireflies_item:nth-child(23) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-23;
    animation-name: an-move-frames-23;
    -webkit-animation-duration: 36460ms;
    animation-duration: 36460ms;
    -webkit-animation-delay: 18779ms;
    animation-delay: 18779ms;
}

@-webkit-keyframes an-move-frames-23 {
    from {
        -webkit-transform: translate3d(75vw, 110vh, 0);
        transform: translate3d(75vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(100vw, -120vh, 0);
        transform: translate3d(100vw, -120vh, 0);
    }
}

@keyframes an-move-frames-23 {
    from {
        -webkit-transform: translate3d(75vw, 110vh, 0);
        transform: translate3d(75vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(100vw, -120vh, 0);
        transform: translate3d(100vw, -120vh, 0);
    }
}

.ag-fireflies_item:nth-child(23) .ag-fireflies_inner {
    -webkit-animation-delay: 3461ms;
    animation-delay: 3461ms;
}

.ag-fireflies_item:nth-child(24) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-24;
    animation-name: an-move-frames-24;
    -webkit-animation-duration: 36465ms;
    animation-duration: 36465ms;
    -webkit-animation-delay: 24124ms;
    animation-delay: 24124ms;
}

@-webkit-keyframes an-move-frames-24 {
    from {
        -webkit-transform: translate3d(27vw, 106vh, 0);
        transform: translate3d(27vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(94vw, -134vh, 0);
        transform: translate3d(94vw, -134vh, 0);
    }
}

@keyframes an-move-frames-24 {
    from {
        -webkit-transform: translate3d(27vw, 106vh, 0);
        transform: translate3d(27vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(94vw, -134vh, 0);
        transform: translate3d(94vw, -134vh, 0);
    }
}

.ag-fireflies_item:nth-child(24) .ag-fireflies_inner {
    -webkit-animation-delay: 724ms;
    animation-delay: 724ms;
}

.ag-fireflies_item:nth-child(25) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-25;
    animation-name: an-move-frames-25;
    -webkit-animation-duration: 32518ms;
    animation-duration: 32518ms;
    -webkit-animation-delay: 5397ms;
    animation-delay: 5397ms;
}

@-webkit-keyframes an-move-frames-25 {
    from {
        -webkit-transform: translate3d(84vw, 110vh, 0);
        transform: translate3d(84vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(25vw, -118vh, 0);
        transform: translate3d(25vw, -118vh, 0);
    }
}

@keyframes an-move-frames-25 {
    from {
        -webkit-transform: translate3d(84vw, 110vh, 0);
        transform: translate3d(84vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(25vw, -118vh, 0);
        transform: translate3d(25vw, -118vh, 0);
    }
}

.ag-fireflies_item:nth-child(25) .ag-fireflies_inner {
    -webkit-animation-delay: 3298ms;
    animation-delay: 3298ms;
}

.ag-fireflies_item:nth-child(26) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-26;
    animation-name: an-move-frames-26;
    -webkit-animation-duration: 31825ms;
    animation-duration: 31825ms;
    -webkit-animation-delay: 36590ms;
    animation-delay: 36590ms;
}

@-webkit-keyframes an-move-frames-26 {
    from {
        -webkit-transform: translate3d(36vw, 101vh, 0);
        transform: translate3d(36vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(2vw, -108vh, 0);
        transform: translate3d(2vw, -108vh, 0);
    }
}

@keyframes an-move-frames-26 {
    from {
        -webkit-transform: translate3d(36vw, 101vh, 0);
        transform: translate3d(36vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(2vw, -108vh, 0);
        transform: translate3d(2vw, -108vh, 0);
    }
}

.ag-fireflies_item:nth-child(26) .ag-fireflies_inner {
    -webkit-animation-delay: 817ms;
    animation-delay: 817ms;
}

.ag-fireflies_item:nth-child(27) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-27;
    animation-name: an-move-frames-27;
    -webkit-animation-duration: 29850ms;
    animation-duration: 29850ms;
    -webkit-animation-delay: 32641ms;
    animation-delay: 32641ms;
}

@-webkit-keyframes an-move-frames-27 {
    from {
        -webkit-transform: translate3d(56vw, 102vh, 0);
        transform: translate3d(56vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(67vw, -105vh, 0);
        transform: translate3d(67vw, -105vh, 0);
    }
}

@keyframes an-move-frames-27 {
    from {
        -webkit-transform: translate3d(56vw, 102vh, 0);
        transform: translate3d(56vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(67vw, -105vh, 0);
        transform: translate3d(67vw, -105vh, 0);
    }
}

.ag-fireflies_item:nth-child(27) .ag-fireflies_inner {
    -webkit-animation-delay: 1862ms;
    animation-delay: 1862ms;
}

.ag-fireflies_item:nth-child(28) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-28;
    animation-name: an-move-frames-28;
    -webkit-animation-duration: 31107ms;
    animation-duration: 31107ms;
    -webkit-animation-delay: 28831ms;
    animation-delay: 28831ms;
}

@-webkit-keyframes an-move-frames-28 {
    from {
        -webkit-transform: translate3d(61vw, 109vh, 0);
        transform: translate3d(61vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(87vw, -110vh, 0);
        transform: translate3d(87vw, -110vh, 0);
    }
}

@keyframes an-move-frames-28 {
    from {
        -webkit-transform: translate3d(61vw, 109vh, 0);
        transform: translate3d(61vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(87vw, -110vh, 0);
        transform: translate3d(87vw, -110vh, 0);
    }
}

.ag-fireflies_item:nth-child(28) .ag-fireflies_inner {
    -webkit-animation-delay: 154ms;
    animation-delay: 154ms;
}

.ag-fireflies_item:nth-child(29) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-29;
    animation-name: an-move-frames-29;
    -webkit-animation-duration: 35404ms;
    animation-duration: 35404ms;
    -webkit-animation-delay: 3439ms;
    animation-delay: 3439ms;
}

@-webkit-keyframes an-move-frames-29 {
    from {
        -webkit-transform: translate3d(98vw, 108vh, 0);
        transform: translate3d(98vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(80vw, -111vh, 0);
        transform: translate3d(80vw, -111vh, 0);
    }
}

@keyframes an-move-frames-29 {
    from {
        -webkit-transform: translate3d(98vw, 108vh, 0);
        transform: translate3d(98vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(80vw, -111vh, 0);
        transform: translate3d(80vw, -111vh, 0);
    }
}

.ag-fireflies_item:nth-child(29) .ag-fireflies_inner {
    -webkit-animation-delay: 3868ms;
    animation-delay: 3868ms;
}

.ag-fireflies_item:nth-child(30) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-30;
    animation-name: an-move-frames-30;
    -webkit-animation-duration: 36937ms;
    animation-duration: 36937ms;
    -webkit-animation-delay: 5982ms;
    animation-delay: 5982ms;
}

@-webkit-keyframes an-move-frames-30 {
    from {
        -webkit-transform: translate3d(9vw, 106vh, 0);
        transform: translate3d(9vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -125vh, 0);
        transform: translate3d(81vw, -125vh, 0);
    }
}

@keyframes an-move-frames-30 {
    from {
        -webkit-transform: translate3d(9vw, 106vh, 0);
        transform: translate3d(9vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -125vh, 0);
        transform: translate3d(81vw, -125vh, 0);
    }
}

.ag-fireflies_item:nth-child(30) .ag-fireflies_inner {
    -webkit-animation-delay: 2174ms;
    animation-delay: 2174ms;
}

.ag-fireflies_item:nth-child(31) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-31;
    animation-name: an-move-frames-31;
    -webkit-animation-duration: 34865ms;
    animation-duration: 34865ms;
    -webkit-animation-delay: 5067ms;
    animation-delay: 5067ms;
}

@-webkit-keyframes an-move-frames-31 {
    from {
        -webkit-transform: translate3d(81vw, 105vh, 0);
        transform: translate3d(81vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(90vw, -120vh, 0);
        transform: translate3d(90vw, -120vh, 0);
    }
}

@keyframes an-move-frames-31 {
    from {
        -webkit-transform: translate3d(81vw, 105vh, 0);
        transform: translate3d(81vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(90vw, -120vh, 0);
        transform: translate3d(90vw, -120vh, 0);
    }
}

.ag-fireflies_item:nth-child(31) .ag-fireflies_inner {
    -webkit-animation-delay: 2344ms;
    animation-delay: 2344ms;
}

.ag-fireflies_item:nth-child(32) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-32;
    animation-name: an-move-frames-32;
    -webkit-animation-duration: 32361ms;
    animation-duration: 32361ms;
    -webkit-animation-delay: 498ms;
    animation-delay: 498ms;
}

@-webkit-keyframes an-move-frames-32 {
    from {
        -webkit-transform: translate3d(70vw, 106vh, 0);
        transform: translate3d(70vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(24vw, -132vh, 0);
        transform: translate3d(24vw, -132vh, 0);
    }
}

@keyframes an-move-frames-32 {
    from {
        -webkit-transform: translate3d(70vw, 106vh, 0);
        transform: translate3d(70vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(24vw, -132vh, 0);
        transform: translate3d(24vw, -132vh, 0);
    }
}

.ag-fireflies_item:nth-child(32) .ag-fireflies_inner {
    -webkit-animation-delay: 3741ms;
    animation-delay: 3741ms;
}

.ag-fireflies_item:nth-child(33) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-33;
    animation-name: an-move-frames-33;
    -webkit-animation-duration: 30724ms;
    animation-duration: 30724ms;
    -webkit-animation-delay: 23120ms;
    animation-delay: 23120ms;
}

@-webkit-keyframes an-move-frames-33 {
    from {
        -webkit-transform: translate3d(5vw, 110vh, 0);
        transform: translate3d(5vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(12vw, -132vh, 0);
        transform: translate3d(12vw, -132vh, 0);
    }
}

@keyframes an-move-frames-33 {
    from {
        -webkit-transform: translate3d(5vw, 110vh, 0);
        transform: translate3d(5vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(12vw, -132vh, 0);
        transform: translate3d(12vw, -132vh, 0);
    }
}

.ag-fireflies_item:nth-child(33) .ag-fireflies_inner {
    -webkit-animation-delay: 3889ms;
    animation-delay: 3889ms;
}

.ag-fireflies_item:nth-child(34) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-34;
    animation-name: an-move-frames-34;
    -webkit-animation-duration: 29447ms;
    animation-duration: 29447ms;
    -webkit-animation-delay: 19281ms;
    animation-delay: 19281ms;
}

@-webkit-keyframes an-move-frames-34 {
    from {
        -webkit-transform: translate3d(34vw, 103vh, 0);
        transform: translate3d(34vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(74vw, -121vh, 0);
        transform: translate3d(74vw, -121vh, 0);
    }
}

@keyframes an-move-frames-34 {
    from {
        -webkit-transform: translate3d(34vw, 103vh, 0);
        transform: translate3d(34vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(74vw, -121vh, 0);
        transform: translate3d(74vw, -121vh, 0);
    }
}

.ag-fireflies_item:nth-child(34) .ag-fireflies_inner {
    -webkit-animation-delay: 2647ms;
    animation-delay: 2647ms;
}

.ag-fireflies_item:nth-child(35) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-35;
    animation-name: an-move-frames-35;
    -webkit-animation-duration: 28871ms;
    animation-duration: 28871ms;
    -webkit-animation-delay: 44ms;
    animation-delay: 44ms;
}

@-webkit-keyframes an-move-frames-35 {
    from {
        -webkit-transform: translate3d(35vw, 107vh, 0);
        transform: translate3d(35vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(53vw, -133vh, 0);
        transform: translate3d(53vw, -133vh, 0);
    }
}

@keyframes an-move-frames-35 {
    from {
        -webkit-transform: translate3d(35vw, 107vh, 0);
        transform: translate3d(35vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(53vw, -133vh, 0);
        transform: translate3d(53vw, -133vh, 0);
    }
}

.ag-fireflies_item:nth-child(35) .ag-fireflies_inner {
    -webkit-animation-delay: 1069ms;
    animation-delay: 1069ms;
}

.ag-fireflies_item:nth-child(36) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-36;
    animation-name: an-move-frames-36;
    -webkit-animation-duration: 36591ms;
    animation-duration: 36591ms;
    -webkit-animation-delay: 19232ms;
    animation-delay: 19232ms;
}

@-webkit-keyframes an-move-frames-36 {
    from {
        -webkit-transform: translate3d(24vw, 105vh, 0);
        transform: translate3d(24vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(39vw, -123vh, 0);
        transform: translate3d(39vw, -123vh, 0);
    }
}

@keyframes an-move-frames-36 {
    from {
        -webkit-transform: translate3d(24vw, 105vh, 0);
        transform: translate3d(24vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(39vw, -123vh, 0);
        transform: translate3d(39vw, -123vh, 0);
    }
}

.ag-fireflies_item:nth-child(36) .ag-fireflies_inner {
    -webkit-animation-delay: 2251ms;
    animation-delay: 2251ms;
}

.ag-fireflies_item:nth-child(37) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-37;
    animation-name: an-move-frames-37;
    -webkit-animation-duration: 35870ms;
    animation-duration: 35870ms;
    -webkit-animation-delay: 36018ms;
    animation-delay: 36018ms;
}

@-webkit-keyframes an-move-frames-37 {
    from {
        -webkit-transform: translate3d(9vw, 106vh, 0);
        transform: translate3d(9vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(8vw, -135vh, 0);
        transform: translate3d(8vw, -135vh, 0);
    }
}

@keyframes an-move-frames-37 {
    from {
        -webkit-transform: translate3d(9vw, 106vh, 0);
        transform: translate3d(9vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(8vw, -135vh, 0);
        transform: translate3d(8vw, -135vh, 0);
    }
}

.ag-fireflies_item:nth-child(37) .ag-fireflies_inner {
    -webkit-animation-delay: 3925ms;
    animation-delay: 3925ms;
}

.ag-fireflies_item:nth-child(38) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-38;
    animation-name: an-move-frames-38;
    -webkit-animation-duration: 34675ms;
    animation-duration: 34675ms;
    -webkit-animation-delay: 7970ms;
    animation-delay: 7970ms;
}

@-webkit-keyframes an-move-frames-38 {
    from {
        -webkit-transform: translate3d(13vw, 108vh, 0);
        transform: translate3d(13vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(78vw, -116vh, 0);
        transform: translate3d(78vw, -116vh, 0);
    }
}

@keyframes an-move-frames-38 {
    from {
        -webkit-transform: translate3d(13vw, 108vh, 0);
        transform: translate3d(13vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(78vw, -116vh, 0);
        transform: translate3d(78vw, -116vh, 0);
    }
}

.ag-fireflies_item:nth-child(38) .ag-fireflies_inner {
    -webkit-animation-delay: 2900ms;
    animation-delay: 2900ms;
}

.ag-fireflies_item:nth-child(39) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-39;
    animation-name: an-move-frames-39;
    -webkit-animation-duration: 36284ms;
    animation-duration: 36284ms;
    -webkit-animation-delay: 5032ms;
    animation-delay: 5032ms;
}

@-webkit-keyframes an-move-frames-39 {
    from {
        -webkit-transform: translate3d(37vw, 104vh, 0);
        transform: translate3d(37vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(9vw, -130vh, 0);
        transform: translate3d(9vw, -130vh, 0);
    }
}

@keyframes an-move-frames-39 {
    from {
        -webkit-transform: translate3d(37vw, 104vh, 0);
        transform: translate3d(37vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(9vw, -130vh, 0);
        transform: translate3d(9vw, -130vh, 0);
    }
}

.ag-fireflies_item:nth-child(39) .ag-fireflies_inner {
    -webkit-animation-delay: 139ms;
    animation-delay: 139ms;
}

.ag-fireflies_item:nth-child(40) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-40;
    animation-name: an-move-frames-40;
    -webkit-animation-duration: 35245ms;
    animation-duration: 35245ms;
    -webkit-animation-delay: 561ms;
    animation-delay: 561ms;
}

@-webkit-keyframes an-move-frames-40 {
    from {
        -webkit-transform: translate3d(39vw, 107vh, 0);
        transform: translate3d(39vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(29vw, -135vh, 0);
        transform: translate3d(29vw, -135vh, 0);
    }
}

@keyframes an-move-frames-40 {
    from {
        -webkit-transform: translate3d(39vw, 107vh, 0);
        transform: translate3d(39vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(29vw, -135vh, 0);
        transform: translate3d(29vw, -135vh, 0);
    }
}

.ag-fireflies_item:nth-child(40) .ag-fireflies_inner {
    -webkit-animation-delay: 2995ms;
    animation-delay: 2995ms;
}

.ag-fireflies_item:nth-child(41) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-41;
    animation-name: an-move-frames-41;
    -webkit-animation-duration: 33476ms;
    animation-duration: 33476ms;
    -webkit-animation-delay: 23167ms;
    animation-delay: 23167ms;
}

@-webkit-keyframes an-move-frames-41 {
    from {
        -webkit-transform: translate3d(56vw, 106vh, 0);
        transform: translate3d(56vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(69vw, -123vh, 0);
        transform: translate3d(69vw, -123vh, 0);
    }
}

@keyframes an-move-frames-41 {
    from {
        -webkit-transform: translate3d(56vw, 106vh, 0);
        transform: translate3d(56vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(69vw, -123vh, 0);
        transform: translate3d(69vw, -123vh, 0);
    }
}

.ag-fireflies_item:nth-child(41) .ag-fireflies_inner {
    -webkit-animation-delay: 2553ms;
    animation-delay: 2553ms;
}

.ag-fireflies_item:nth-child(42) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-42;
    animation-name: an-move-frames-42;
    -webkit-animation-duration: 36551ms;
    animation-duration: 36551ms;
    -webkit-animation-delay: 8464ms;
    animation-delay: 8464ms;
}

@-webkit-keyframes an-move-frames-42 {
    from {
        -webkit-transform: translate3d(50vw, 106vh, 0);
        transform: translate3d(50vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(48vw, -125vh, 0);
        transform: translate3d(48vw, -125vh, 0);
    }
}

@keyframes an-move-frames-42 {
    from {
        -webkit-transform: translate3d(50vw, 106vh, 0);
        transform: translate3d(50vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(48vw, -125vh, 0);
        transform: translate3d(48vw, -125vh, 0);
    }
}

.ag-fireflies_item:nth-child(42) .ag-fireflies_inner {
    -webkit-animation-delay: 1514ms;
    animation-delay: 1514ms;
}

.ag-fireflies_item:nth-child(43) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-43;
    animation-name: an-move-frames-43;
    -webkit-animation-duration: 30314ms;
    animation-duration: 30314ms;
    -webkit-animation-delay: 16490ms;
    animation-delay: 16490ms;
}

@-webkit-keyframes an-move-frames-43 {
    from {
        -webkit-transform: translate3d(3vw, 105vh, 0);
        transform: translate3d(3vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -111vh, 0);
        transform: translate3d(42vw, -111vh, 0);
    }
}

@keyframes an-move-frames-43 {
    from {
        -webkit-transform: translate3d(3vw, 105vh, 0);
        transform: translate3d(3vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -111vh, 0);
        transform: translate3d(42vw, -111vh, 0);
    }
}

.ag-fireflies_item:nth-child(43) .ag-fireflies_inner {
    -webkit-animation-delay: 2882ms;
    animation-delay: 2882ms;
}

.ag-fireflies_item:nth-child(44) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-44;
    animation-name: an-move-frames-44;
    -webkit-animation-duration: 32648ms;
    animation-duration: 32648ms;
    -webkit-animation-delay: 21420ms;
    animation-delay: 21420ms;
}

@-webkit-keyframes an-move-frames-44 {
    from {
        -webkit-transform: translate3d(15vw, 107vh, 0);
        transform: translate3d(15vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(28vw, -117vh, 0);
        transform: translate3d(28vw, -117vh, 0);
    }
}

@keyframes an-move-frames-44 {
    from {
        -webkit-transform: translate3d(15vw, 107vh, 0);
        transform: translate3d(15vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(28vw, -117vh, 0);
        transform: translate3d(28vw, -117vh, 0);
    }
}

.ag-fireflies_item:nth-child(44) .ag-fireflies_inner {
    -webkit-animation-delay: 1934ms;
    animation-delay: 1934ms;
}

.ag-fireflies_item:nth-child(45) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-45;
    animation-name: an-move-frames-45;
    -webkit-animation-duration: 36314ms;
    animation-duration: 36314ms;
    -webkit-animation-delay: 4743ms;
    animation-delay: 4743ms;
}

@-webkit-keyframes an-move-frames-45 {
    from {
        -webkit-transform: translate3d(56vw, 106vh, 0);
        transform: translate3d(56vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(16vw, -127vh, 0);
        transform: translate3d(16vw, -127vh, 0);
    }
}

@keyframes an-move-frames-45 {
    from {
        -webkit-transform: translate3d(56vw, 106vh, 0);
        transform: translate3d(56vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(16vw, -127vh, 0);
        transform: translate3d(16vw, -127vh, 0);
    }
}

.ag-fireflies_item:nth-child(45) .ag-fireflies_inner {
    -webkit-animation-delay: 3071ms;
    animation-delay: 3071ms;
}

.ag-fireflies_item:nth-child(46) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-46;
    animation-name: an-move-frames-46;
    -webkit-animation-duration: 33142ms;
    animation-duration: 33142ms;
    -webkit-animation-delay: 33251ms;
    animation-delay: 33251ms;
}

@-webkit-keyframes an-move-frames-46 {
    from {
        -webkit-transform: translate3d(17vw, 106vh, 0);
        transform: translate3d(17vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(61vw, -134vh, 0);
        transform: translate3d(61vw, -134vh, 0);
    }
}

@keyframes an-move-frames-46 {
    from {
        -webkit-transform: translate3d(17vw, 106vh, 0);
        transform: translate3d(17vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(61vw, -134vh, 0);
        transform: translate3d(61vw, -134vh, 0);
    }
}

.ag-fireflies_item:nth-child(46) .ag-fireflies_inner {
    -webkit-animation-delay: 2586ms;
    animation-delay: 2586ms;
}

.ag-fireflies_item:nth-child(47) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-47;
    animation-name: an-move-frames-47;
    -webkit-animation-duration: 33829ms;
    animation-duration: 33829ms;
    -webkit-animation-delay: 19254ms;
    animation-delay: 19254ms;
}

@-webkit-keyframes an-move-frames-47 {
    from {
        -webkit-transform: translate3d(98vw, 109vh, 0);
        transform: translate3d(98vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(27vw, -137vh, 0);
        transform: translate3d(27vw, -137vh, 0);
    }
}

@keyframes an-move-frames-47 {
    from {
        -webkit-transform: translate3d(98vw, 109vh, 0);
        transform: translate3d(98vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(27vw, -137vh, 0);
        transform: translate3d(27vw, -137vh, 0);
    }
}

.ag-fireflies_item:nth-child(47) .ag-fireflies_inner {
    -webkit-animation-delay: 118ms;
    animation-delay: 118ms;
}

.ag-fireflies_item:nth-child(48) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-48;
    animation-name: an-move-frames-48;
    -webkit-animation-duration: 32437ms;
    animation-duration: 32437ms;
    -webkit-animation-delay: 11242ms;
    animation-delay: 11242ms;
}

@-webkit-keyframes an-move-frames-48 {
    from {
        -webkit-transform: translate3d(29vw, 101vh, 0);
        transform: translate3d(29vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(79vw, -131vh, 0);
        transform: translate3d(79vw, -131vh, 0);
    }
}

@keyframes an-move-frames-48 {
    from {
        -webkit-transform: translate3d(29vw, 101vh, 0);
        transform: translate3d(29vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(79vw, -131vh, 0);
        transform: translate3d(79vw, -131vh, 0);
    }
}

.ag-fireflies_item:nth-child(48) .ag-fireflies_inner {
    -webkit-animation-delay: 597ms;
    animation-delay: 597ms;
}

.ag-fireflies_item:nth-child(49) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-49;
    animation-name: an-move-frames-49;
    -webkit-animation-duration: 28741ms;
    animation-duration: 28741ms;
    -webkit-animation-delay: 36249ms;
    animation-delay: 36249ms;
}

@-webkit-keyframes an-move-frames-49 {
    from {
        -webkit-transform: translate3d(90vw, 101vh, 0);
        transform: translate3d(90vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(47vw, -108vh, 0);
        transform: translate3d(47vw, -108vh, 0);
    }
}

@keyframes an-move-frames-49 {
    from {
        -webkit-transform: translate3d(90vw, 101vh, 0);
        transform: translate3d(90vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(47vw, -108vh, 0);
        transform: translate3d(47vw, -108vh, 0);
    }
}

.ag-fireflies_item:nth-child(49) .ag-fireflies_inner {
    -webkit-animation-delay: 1401ms;
    animation-delay: 1401ms;
}

.ag-fireflies_item:nth-child(50) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-50;
    animation-name: an-move-frames-50;
    -webkit-animation-duration: 28592ms;
    animation-duration: 28592ms;
    -webkit-animation-delay: 24528ms;
    animation-delay: 24528ms;
}

@-webkit-keyframes an-move-frames-50 {
    from {
        -webkit-transform: translate3d(88vw, 104vh, 0);
        transform: translate3d(88vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(7vw, -131vh, 0);
        transform: translate3d(7vw, -131vh, 0);
    }
}

@keyframes an-move-frames-50 {
    from {
        -webkit-transform: translate3d(88vw, 104vh, 0);
        transform: translate3d(88vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(7vw, -131vh, 0);
        transform: translate3d(7vw, -131vh, 0);
    }
}

.ag-fireflies_item:nth-child(50) .ag-fireflies_inner {
    -webkit-animation-delay: 3918ms;
    animation-delay: 3918ms;
}

.ag-fireflies_item:nth-child(51) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-51;
    animation-name: an-move-frames-51;
    -webkit-animation-duration: 33054ms;
    animation-duration: 33054ms;
    -webkit-animation-delay: 1130ms;
    animation-delay: 1130ms;
}

@-webkit-keyframes an-move-frames-51 {
    from {
        -webkit-transform: translate3d(84vw, 107vh, 0);
        transform: translate3d(84vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(56vw, -115vh, 0);
        transform: translate3d(56vw, -115vh, 0);
    }
}

@keyframes an-move-frames-51 {
    from {
        -webkit-transform: translate3d(84vw, 107vh, 0);
        transform: translate3d(84vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(56vw, -115vh, 0);
        transform: translate3d(56vw, -115vh, 0);
    }
}

.ag-fireflies_item:nth-child(51) .ag-fireflies_inner {
    -webkit-animation-delay: 2898ms;
    animation-delay: 2898ms;
}

.ag-fireflies_item:nth-child(52) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-52;
    animation-name: an-move-frames-52;
    -webkit-animation-duration: 36202ms;
    animation-duration: 36202ms;
    -webkit-animation-delay: 7465ms;
    animation-delay: 7465ms;
}

@-webkit-keyframes an-move-frames-52 {
    from {
        -webkit-transform: translate3d(38vw, 101vh, 0);
        transform: translate3d(38vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(14vw, -103vh, 0);
        transform: translate3d(14vw, -103vh, 0);
    }
}

@keyframes an-move-frames-52 {
    from {
        -webkit-transform: translate3d(38vw, 101vh, 0);
        transform: translate3d(38vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(14vw, -103vh, 0);
        transform: translate3d(14vw, -103vh, 0);
    }
}

.ag-fireflies_item:nth-child(52) .ag-fireflies_inner {
    -webkit-animation-delay: 1198ms;
    animation-delay: 1198ms;
}

.ag-fireflies_item:nth-child(53) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-53;
    animation-name: an-move-frames-53;
    -webkit-animation-duration: 29425ms;
    animation-duration: 29425ms;
    -webkit-animation-delay: 26350ms;
    animation-delay: 26350ms;
}

@-webkit-keyframes an-move-frames-53 {
    from {
        -webkit-transform: translate3d(86vw, 104vh, 0);
        transform: translate3d(86vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(46vw, -133vh, 0);
        transform: translate3d(46vw, -133vh, 0);
    }
}

@keyframes an-move-frames-53 {
    from {
        -webkit-transform: translate3d(86vw, 104vh, 0);
        transform: translate3d(86vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(46vw, -133vh, 0);
        transform: translate3d(46vw, -133vh, 0);
    }
}

.ag-fireflies_item:nth-child(53) .ag-fireflies_inner {
    -webkit-animation-delay: 327ms;
    animation-delay: 327ms;
}

.ag-fireflies_item:nth-child(54) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-54;
    animation-name: an-move-frames-54;
    -webkit-animation-duration: 30917ms;
    animation-duration: 30917ms;
    -webkit-animation-delay: 19942ms;
    animation-delay: 19942ms;
}

@-webkit-keyframes an-move-frames-54 {
    from {
        -webkit-transform: translate3d(90vw, 104vh, 0);
        transform: translate3d(90vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(26vw, -107vh, 0);
        transform: translate3d(26vw, -107vh, 0);
    }
}

@keyframes an-move-frames-54 {
    from {
        -webkit-transform: translate3d(90vw, 104vh, 0);
        transform: translate3d(90vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(26vw, -107vh, 0);
        transform: translate3d(26vw, -107vh, 0);
    }
}

.ag-fireflies_item:nth-child(54) .ag-fireflies_inner {
    -webkit-animation-delay: 3924ms;
    animation-delay: 3924ms;
}

.ag-fireflies_item:nth-child(55) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-55;
    animation-name: an-move-frames-55;
    -webkit-animation-duration: 29613ms;
    animation-duration: 29613ms;
    -webkit-animation-delay: 18518ms;
    animation-delay: 18518ms;
}

@-webkit-keyframes an-move-frames-55 {
    from {
        -webkit-transform: translate3d(54vw, 104vh, 0);
        transform: translate3d(54vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(58vw, -125vh, 0);
        transform: translate3d(58vw, -125vh, 0);
    }
}

@keyframes an-move-frames-55 {
    from {
        -webkit-transform: translate3d(54vw, 104vh, 0);
        transform: translate3d(54vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(58vw, -125vh, 0);
        transform: translate3d(58vw, -125vh, 0);
    }
}

.ag-fireflies_item:nth-child(55) .ag-fireflies_inner {
    -webkit-animation-delay: 3373ms;
    animation-delay: 3373ms;
}

.ag-fireflies_item:nth-child(56) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-56;
    animation-name: an-move-frames-56;
    -webkit-animation-duration: 33373ms;
    animation-duration: 33373ms;
    -webkit-animation-delay: 3238ms;
    animation-delay: 3238ms;
}

@-webkit-keyframes an-move-frames-56 {
    from {
        -webkit-transform: translate3d(92vw, 106vh, 0);
        transform: translate3d(92vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(66vw, -126vh, 0);
        transform: translate3d(66vw, -126vh, 0);
    }
}

@keyframes an-move-frames-56 {
    from {
        -webkit-transform: translate3d(92vw, 106vh, 0);
        transform: translate3d(92vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(66vw, -126vh, 0);
        transform: translate3d(66vw, -126vh, 0);
    }
}

.ag-fireflies_item:nth-child(56) .ag-fireflies_inner {
    -webkit-animation-delay: 2166ms;
    animation-delay: 2166ms;
}

.ag-fireflies_item:nth-child(57) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-57;
    animation-name: an-move-frames-57;
    -webkit-animation-duration: 31530ms;
    animation-duration: 31530ms;
    -webkit-animation-delay: 1260ms;
    animation-delay: 1260ms;
}

@-webkit-keyframes an-move-frames-57 {
    from {
        -webkit-transform: translate3d(91vw, 105vh, 0);
        transform: translate3d(91vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(53vw, -111vh, 0);
        transform: translate3d(53vw, -111vh, 0);
    }
}

@keyframes an-move-frames-57 {
    from {
        -webkit-transform: translate3d(91vw, 105vh, 0);
        transform: translate3d(91vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(53vw, -111vh, 0);
        transform: translate3d(53vw, -111vh, 0);
    }
}

.ag-fireflies_item:nth-child(57) .ag-fireflies_inner {
    -webkit-animation-delay: 2464ms;
    animation-delay: 2464ms;
}

.ag-fireflies_item:nth-child(58) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-58;
    animation-name: an-move-frames-58;
    -webkit-animation-duration: 31936ms;
    animation-duration: 31936ms;
    -webkit-animation-delay: 34252ms;
    animation-delay: 34252ms;
}

@-webkit-keyframes an-move-frames-58 {
    from {
        -webkit-transform: translate3d(81vw, 109vh, 0);
        transform: translate3d(81vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(93vw, -111vh, 0);
        transform: translate3d(93vw, -111vh, 0);
    }
}

@keyframes an-move-frames-58 {
    from {
        -webkit-transform: translate3d(81vw, 109vh, 0);
        transform: translate3d(81vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(93vw, -111vh, 0);
        transform: translate3d(93vw, -111vh, 0);
    }
}

.ag-fireflies_item:nth-child(58) .ag-fireflies_inner {
    -webkit-animation-delay: 2375ms;
    animation-delay: 2375ms;
}

.ag-fireflies_item:nth-child(59) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-59;
    animation-name: an-move-frames-59;
    -webkit-animation-duration: 33079ms;
    animation-duration: 33079ms;
    -webkit-animation-delay: 5641ms;
    animation-delay: 5641ms;
}

@-webkit-keyframes an-move-frames-59 {
    from {
        -webkit-transform: translate3d(46vw, 105vh, 0);
        transform: translate3d(46vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(28vw, -108vh, 0);
        transform: translate3d(28vw, -108vh, 0);
    }
}

@keyframes an-move-frames-59 {
    from {
        -webkit-transform: translate3d(46vw, 105vh, 0);
        transform: translate3d(46vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(28vw, -108vh, 0);
        transform: translate3d(28vw, -108vh, 0);
    }
}

.ag-fireflies_item:nth-child(59) .ag-fireflies_inner {
    -webkit-animation-delay: 3407ms;
    animation-delay: 3407ms;
}

.ag-fireflies_item:nth-child(60) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-60;
    animation-name: an-move-frames-60;
    -webkit-animation-duration: 32875ms;
    animation-duration: 32875ms;
    -webkit-animation-delay: 4427ms;
    animation-delay: 4427ms;
}

@-webkit-keyframes an-move-frames-60 {
    from {
        -webkit-transform: translate3d(84vw, 103vh, 0);
        transform: translate3d(84vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(66vw, -120vh, 0);
        transform: translate3d(66vw, -120vh, 0);
    }
}

@keyframes an-move-frames-60 {
    from {
        -webkit-transform: translate3d(84vw, 103vh, 0);
        transform: translate3d(84vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(66vw, -120vh, 0);
        transform: translate3d(66vw, -120vh, 0);
    }
}

.ag-fireflies_item:nth-child(60) .ag-fireflies_inner {
    -webkit-animation-delay: 861ms;
    animation-delay: 861ms;
}

.ag-fireflies_item:nth-child(61) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-61;
    animation-name: an-move-frames-61;
    -webkit-animation-duration: 28130ms;
    animation-duration: 28130ms;
    -webkit-animation-delay: 20625ms;
    animation-delay: 20625ms;
}

@-webkit-keyframes an-move-frames-61 {
    from {
        -webkit-transform: translate3d(57vw, 101vh, 0);
        transform: translate3d(57vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(8vw, -122vh, 0);
        transform: translate3d(8vw, -122vh, 0);
    }
}

@keyframes an-move-frames-61 {
    from {
        -webkit-transform: translate3d(57vw, 101vh, 0);
        transform: translate3d(57vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(8vw, -122vh, 0);
        transform: translate3d(8vw, -122vh, 0);
    }
}

.ag-fireflies_item:nth-child(61) .ag-fireflies_inner {
    -webkit-animation-delay: 2447ms;
    animation-delay: 2447ms;
}

.ag-fireflies_item:nth-child(62) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-62;
    animation-name: an-move-frames-62;
    -webkit-animation-duration: 28369ms;
    animation-duration: 28369ms;
    -webkit-animation-delay: 29700ms;
    animation-delay: 29700ms;
}

@-webkit-keyframes an-move-frames-62 {
    from {
        -webkit-transform: translate3d(33vw, 110vh, 0);
        transform: translate3d(33vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(33vw, -131vh, 0);
        transform: translate3d(33vw, -131vh, 0);
    }
}

@keyframes an-move-frames-62 {
    from {
        -webkit-transform: translate3d(33vw, 110vh, 0);
        transform: translate3d(33vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(33vw, -131vh, 0);
        transform: translate3d(33vw, -131vh, 0);
    }
}

.ag-fireflies_item:nth-child(62) .ag-fireflies_inner {
    -webkit-animation-delay: 3060ms;
    animation-delay: 3060ms;
}

.ag-fireflies_item:nth-child(63) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-63;
    animation-name: an-move-frames-63;
    -webkit-animation-duration: 34776ms;
    animation-duration: 34776ms;
    -webkit-animation-delay: 13965ms;
    animation-delay: 13965ms;
}

@-webkit-keyframes an-move-frames-63 {
    from {
        -webkit-transform: translate3d(81vw, 110vh, 0);
        transform: translate3d(81vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(87vw, -134vh, 0);
        transform: translate3d(87vw, -134vh, 0);
    }
}

@keyframes an-move-frames-63 {
    from {
        -webkit-transform: translate3d(81vw, 110vh, 0);
        transform: translate3d(81vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(87vw, -134vh, 0);
        transform: translate3d(87vw, -134vh, 0);
    }
}

.ag-fireflies_item:nth-child(63) .ag-fireflies_inner {
    -webkit-animation-delay: 1441ms;
    animation-delay: 1441ms;
}

.ag-fireflies_item:nth-child(64) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-64;
    animation-name: an-move-frames-64;
    -webkit-animation-duration: 31871ms;
    animation-duration: 31871ms;
    -webkit-animation-delay: 18767ms;
    animation-delay: 18767ms;
}

@-webkit-keyframes an-move-frames-64 {
    from {
        -webkit-transform: translate3d(49vw, 102vh, 0);
        transform: translate3d(49vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(41vw, -115vh, 0);
        transform: translate3d(41vw, -115vh, 0);
    }
}

@keyframes an-move-frames-64 {
    from {
        -webkit-transform: translate3d(49vw, 102vh, 0);
        transform: translate3d(49vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(41vw, -115vh, 0);
        transform: translate3d(41vw, -115vh, 0);
    }
}

.ag-fireflies_item:nth-child(64) .ag-fireflies_inner {
    -webkit-animation-delay: 3129ms;
    animation-delay: 3129ms;
}

.ag-fireflies_item:nth-child(65) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-65;
    animation-name: an-move-frames-65;
    -webkit-animation-duration: 28195ms;
    animation-duration: 28195ms;
    -webkit-animation-delay: 36813ms;
    animation-delay: 36813ms;
}

@-webkit-keyframes an-move-frames-65 {
    from {
        -webkit-transform: translate3d(76vw, 108vh, 0);
        transform: translate3d(76vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(44vw, -137vh, 0);
        transform: translate3d(44vw, -137vh, 0);
    }
}

@keyframes an-move-frames-65 {
    from {
        -webkit-transform: translate3d(76vw, 108vh, 0);
        transform: translate3d(76vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(44vw, -137vh, 0);
        transform: translate3d(44vw, -137vh, 0);
    }
}

.ag-fireflies_item:nth-child(65) .ag-fireflies_inner {
    -webkit-animation-delay: 2721ms;
    animation-delay: 2721ms;
}

.ag-fireflies_item:nth-child(66) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-66;
    animation-name: an-move-frames-66;
    -webkit-animation-duration: 35970ms;
    animation-duration: 35970ms;
    -webkit-animation-delay: 21381ms;
    animation-delay: 21381ms;
}

@-webkit-keyframes an-move-frames-66 {
    from {
        -webkit-transform: translate3d(60vw, 107vh, 0);
        transform: translate3d(60vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(76vw, -136vh, 0);
        transform: translate3d(76vw, -136vh, 0);
    }
}

@keyframes an-move-frames-66 {
    from {
        -webkit-transform: translate3d(60vw, 107vh, 0);
        transform: translate3d(60vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(76vw, -136vh, 0);
        transform: translate3d(76vw, -136vh, 0);
    }
}

.ag-fireflies_item:nth-child(66) .ag-fireflies_inner {
    -webkit-animation-delay: 762ms;
    animation-delay: 762ms;
}

.ag-fireflies_item:nth-child(67) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-67;
    animation-name: an-move-frames-67;
    -webkit-animation-duration: 28165ms;
    animation-duration: 28165ms;
    -webkit-animation-delay: 23482ms;
    animation-delay: 23482ms;
}

@-webkit-keyframes an-move-frames-67 {
    from {
        -webkit-transform: translate3d(73vw, 103vh, 0);
        transform: translate3d(73vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(46vw, -127vh, 0);
        transform: translate3d(46vw, -127vh, 0);
    }
}

@keyframes an-move-frames-67 {
    from {
        -webkit-transform: translate3d(73vw, 103vh, 0);
        transform: translate3d(73vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(46vw, -127vh, 0);
        transform: translate3d(46vw, -127vh, 0);
    }
}

.ag-fireflies_item:nth-child(67) .ag-fireflies_inner {
    -webkit-animation-delay: 2804ms;
    animation-delay: 2804ms;
}

.ag-fireflies_item:nth-child(68) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-68;
    animation-name: an-move-frames-68;
    -webkit-animation-duration: 31121ms;
    animation-duration: 31121ms;
    -webkit-animation-delay: 25905ms;
    animation-delay: 25905ms;
}

@-webkit-keyframes an-move-frames-68 {
    from {
        -webkit-transform: translate3d(36vw, 107vh, 0);
        transform: translate3d(36vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(45vw, -109vh, 0);
        transform: translate3d(45vw, -109vh, 0);
    }
}

@keyframes an-move-frames-68 {
    from {
        -webkit-transform: translate3d(36vw, 107vh, 0);
        transform: translate3d(36vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(45vw, -109vh, 0);
        transform: translate3d(45vw, -109vh, 0);
    }
}

.ag-fireflies_item:nth-child(68) .ag-fireflies_inner {
    -webkit-animation-delay: 593ms;
    animation-delay: 593ms;
}

.ag-fireflies_item:nth-child(69) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-69;
    animation-name: an-move-frames-69;
    -webkit-animation-duration: 30143ms;
    animation-duration: 30143ms;
    -webkit-animation-delay: 17821ms;
    animation-delay: 17821ms;
}

@-webkit-keyframes an-move-frames-69 {
    from {
        -webkit-transform: translate3d(8vw, 104vh, 0);
        transform: translate3d(8vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(1vw, -125vh, 0);
        transform: translate3d(1vw, -125vh, 0);
    }
}

@keyframes an-move-frames-69 {
    from {
        -webkit-transform: translate3d(8vw, 104vh, 0);
        transform: translate3d(8vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(1vw, -125vh, 0);
        transform: translate3d(1vw, -125vh, 0);
    }
}

.ag-fireflies_item:nth-child(69) .ag-fireflies_inner {
    -webkit-animation-delay: 2191ms;
    animation-delay: 2191ms;
}

.ag-fireflies_item:nth-child(70) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-70;
    animation-name: an-move-frames-70;
    -webkit-animation-duration: 31289ms;
    animation-duration: 31289ms;
    -webkit-animation-delay: 8806ms;
    animation-delay: 8806ms;
}

@-webkit-keyframes an-move-frames-70 {
    from {
        -webkit-transform: translate3d(23vw, 108vh, 0);
        transform: translate3d(23vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(68vw, -115vh, 0);
        transform: translate3d(68vw, -115vh, 0);
    }
}

@keyframes an-move-frames-70 {
    from {
        -webkit-transform: translate3d(23vw, 108vh, 0);
        transform: translate3d(23vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(68vw, -115vh, 0);
        transform: translate3d(68vw, -115vh, 0);
    }
}

.ag-fireflies_item:nth-child(70) .ag-fireflies_inner {
    -webkit-animation-delay: 3666ms;
    animation-delay: 3666ms;
}

.ag-fireflies_item:nth-child(71) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-71;
    animation-name: an-move-frames-71;
    -webkit-animation-duration: 31028ms;
    animation-duration: 31028ms;
    -webkit-animation-delay: 1885ms;
    animation-delay: 1885ms;
}

@-webkit-keyframes an-move-frames-71 {
    from {
        -webkit-transform: translate3d(70vw, 107vh, 0);
        transform: translate3d(70vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(97vw, -122vh, 0);
        transform: translate3d(97vw, -122vh, 0);
    }
}

@keyframes an-move-frames-71 {
    from {
        -webkit-transform: translate3d(70vw, 107vh, 0);
        transform: translate3d(70vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(97vw, -122vh, 0);
        transform: translate3d(97vw, -122vh, 0);
    }
}

.ag-fireflies_item:nth-child(71) .ag-fireflies_inner {
    -webkit-animation-delay: 493ms;
    animation-delay: 493ms;
}

.ag-fireflies_item:nth-child(72) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-72;
    animation-name: an-move-frames-72;
    -webkit-animation-duration: 35313ms;
    animation-duration: 35313ms;
    -webkit-animation-delay: 28041ms;
    animation-delay: 28041ms;
}

@-webkit-keyframes an-move-frames-72 {
    from {
        -webkit-transform: translate3d(3vw, 101vh, 0);
        transform: translate3d(3vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(25vw, -112vh, 0);
        transform: translate3d(25vw, -112vh, 0);
    }
}

@keyframes an-move-frames-72 {
    from {
        -webkit-transform: translate3d(3vw, 101vh, 0);
        transform: translate3d(3vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(25vw, -112vh, 0);
        transform: translate3d(25vw, -112vh, 0);
    }
}

.ag-fireflies_item:nth-child(72) .ag-fireflies_inner {
    -webkit-animation-delay: 1829ms;
    animation-delay: 1829ms;
}

.ag-fireflies_item:nth-child(73) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-73;
    animation-name: an-move-frames-73;
    -webkit-animation-duration: 35959ms;
    animation-duration: 35959ms;
    -webkit-animation-delay: 8041ms;
    animation-delay: 8041ms;
}

@-webkit-keyframes an-move-frames-73 {
    from {
        -webkit-transform: translate3d(9vw, 102vh, 0);
        transform: translate3d(9vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(24vw, -113vh, 0);
        transform: translate3d(24vw, -113vh, 0);
    }
}

@keyframes an-move-frames-73 {
    from {
        -webkit-transform: translate3d(9vw, 102vh, 0);
        transform: translate3d(9vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(24vw, -113vh, 0);
        transform: translate3d(24vw, -113vh, 0);
    }
}

.ag-fireflies_item:nth-child(73) .ag-fireflies_inner {
    -webkit-animation-delay: 2013ms;
    animation-delay: 2013ms;
}

.ag-fireflies_item:nth-child(74) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-74;
    animation-name: an-move-frames-74;
    -webkit-animation-duration: 33687ms;
    animation-duration: 33687ms;
    -webkit-animation-delay: 32322ms;
    animation-delay: 32322ms;
}

@-webkit-keyframes an-move-frames-74 {
    from {
        -webkit-transform: translate3d(25vw, 108vh, 0);
        transform: translate3d(25vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(88vw, -136vh, 0);
        transform: translate3d(88vw, -136vh, 0);
    }
}

@keyframes an-move-frames-74 {
    from {
        -webkit-transform: translate3d(25vw, 108vh, 0);
        transform: translate3d(25vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(88vw, -136vh, 0);
        transform: translate3d(88vw, -136vh, 0);
    }
}

.ag-fireflies_item:nth-child(74) .ag-fireflies_inner {
    -webkit-animation-delay: 2122ms;
    animation-delay: 2122ms;
}

.ag-fireflies_item:nth-child(75) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-75;
    animation-name: an-move-frames-75;
    -webkit-animation-duration: 35746ms;
    animation-duration: 35746ms;
    -webkit-animation-delay: 20489ms;
    animation-delay: 20489ms;
}

@-webkit-keyframes an-move-frames-75 {
    from {
        -webkit-transform: translate3d(26vw, 105vh, 0);
        transform: translate3d(26vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(92vw, -113vh, 0);
        transform: translate3d(92vw, -113vh, 0);
    }
}

@keyframes an-move-frames-75 {
    from {
        -webkit-transform: translate3d(26vw, 105vh, 0);
        transform: translate3d(26vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(92vw, -113vh, 0);
        transform: translate3d(92vw, -113vh, 0);
    }
}

.ag-fireflies_item:nth-child(75) .ag-fireflies_inner {
    -webkit-animation-delay: 3515ms;
    animation-delay: 3515ms;
}

.ag-fireflies_item:nth-child(76) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-76;
    animation-name: an-move-frames-76;
    -webkit-animation-duration: 33832ms;
    animation-duration: 33832ms;
    -webkit-animation-delay: 26304ms;
    animation-delay: 26304ms;
}

@-webkit-keyframes an-move-frames-76 {
    from {
        -webkit-transform: translate3d(25vw, 110vh, 0);
        transform: translate3d(25vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -132vh, 0);
        transform: translate3d(63vw, -132vh, 0);
    }
}

@keyframes an-move-frames-76 {
    from {
        -webkit-transform: translate3d(25vw, 110vh, 0);
        transform: translate3d(25vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -132vh, 0);
        transform: translate3d(63vw, -132vh, 0);
    }
}

.ag-fireflies_item:nth-child(76) .ag-fireflies_inner {
    -webkit-animation-delay: 255ms;
    animation-delay: 255ms;
}

.ag-fireflies_item:nth-child(77) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-77;
    animation-name: an-move-frames-77;
    -webkit-animation-duration: 32250ms;
    animation-duration: 32250ms;
    -webkit-animation-delay: 18969ms;
    animation-delay: 18969ms;
}

@-webkit-keyframes an-move-frames-77 {
    from {
        -webkit-transform: translate3d(11vw, 107vh, 0);
        transform: translate3d(11vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(33vw, -111vh, 0);
        transform: translate3d(33vw, -111vh, 0);
    }
}

@keyframes an-move-frames-77 {
    from {
        -webkit-transform: translate3d(11vw, 107vh, 0);
        transform: translate3d(11vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(33vw, -111vh, 0);
        transform: translate3d(33vw, -111vh, 0);
    }
}

.ag-fireflies_item:nth-child(77) .ag-fireflies_inner {
    -webkit-animation-delay: 1600ms;
    animation-delay: 1600ms;
}

.ag-fireflies_item:nth-child(78) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-78;
    animation-name: an-move-frames-78;
    -webkit-animation-duration: 32038ms;
    animation-duration: 32038ms;
    -webkit-animation-delay: 9109ms;
    animation-delay: 9109ms;
}

@-webkit-keyframes an-move-frames-78 {
    from {
        -webkit-transform: translate3d(60vw, 105vh, 0);
        transform: translate3d(60vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(83vw, -107vh, 0);
        transform: translate3d(83vw, -107vh, 0);
    }
}

@keyframes an-move-frames-78 {
    from {
        -webkit-transform: translate3d(60vw, 105vh, 0);
        transform: translate3d(60vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(83vw, -107vh, 0);
        transform: translate3d(83vw, -107vh, 0);
    }
}

.ag-fireflies_item:nth-child(78) .ag-fireflies_inner {
    -webkit-animation-delay: 3557ms;
    animation-delay: 3557ms;
}

.ag-fireflies_item:nth-child(79) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-79;
    animation-name: an-move-frames-79;
    -webkit-animation-duration: 35962ms;
    animation-duration: 35962ms;
    -webkit-animation-delay: 14119ms;
    animation-delay: 14119ms;
}

@-webkit-keyframes an-move-frames-79 {
    from {
        -webkit-transform: translate3d(81vw, 103vh, 0);
        transform: translate3d(81vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(18vw, -107vh, 0);
        transform: translate3d(18vw, -107vh, 0);
    }
}

@keyframes an-move-frames-79 {
    from {
        -webkit-transform: translate3d(81vw, 103vh, 0);
        transform: translate3d(81vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(18vw, -107vh, 0);
        transform: translate3d(18vw, -107vh, 0);
    }
}

.ag-fireflies_item:nth-child(79) .ag-fireflies_inner {
    -webkit-animation-delay: 1469ms;
    animation-delay: 1469ms;
}

.ag-fireflies_item:nth-child(80) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-80;
    animation-name: an-move-frames-80;
    -webkit-animation-duration: 34908ms;
    animation-duration: 34908ms;
    -webkit-animation-delay: 29337ms;
    animation-delay: 29337ms;
}

@-webkit-keyframes an-move-frames-80 {
    from {
        -webkit-transform: translate3d(54vw, 101vh, 0);
        transform: translate3d(54vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(87vw, -129vh, 0);
        transform: translate3d(87vw, -129vh, 0);
    }
}

@keyframes an-move-frames-80 {
    from {
        -webkit-transform: translate3d(54vw, 101vh, 0);
        transform: translate3d(54vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(87vw, -129vh, 0);
        transform: translate3d(87vw, -129vh, 0);
    }
}

.ag-fireflies_item:nth-child(80) .ag-fireflies_inner {
    -webkit-animation-delay: 3000ms;
    animation-delay: 3000ms;
}

.ag-fireflies_item:nth-child(81) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-81;
    animation-name: an-move-frames-81;
    -webkit-animation-duration: 31398ms;
    animation-duration: 31398ms;
    -webkit-animation-delay: 13334ms;
    animation-delay: 13334ms;
}

@-webkit-keyframes an-move-frames-81 {
    from {
        -webkit-transform: translate3d(56vw, 108vh, 0);
        transform: translate3d(56vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(100vw, -111vh, 0);
        transform: translate3d(100vw, -111vh, 0);
    }
}

@keyframes an-move-frames-81 {
    from {
        -webkit-transform: translate3d(56vw, 108vh, 0);
        transform: translate3d(56vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(100vw, -111vh, 0);
        transform: translate3d(100vw, -111vh, 0);
    }
}

.ag-fireflies_item:nth-child(81) .ag-fireflies_inner {
    -webkit-animation-delay: 587ms;
    animation-delay: 587ms;
}

.ag-fireflies_item:nth-child(82) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-82;
    animation-name: an-move-frames-82;
    -webkit-animation-duration: 29055ms;
    animation-duration: 29055ms;
    -webkit-animation-delay: 9871ms;
    animation-delay: 9871ms;
}

@-webkit-keyframes an-move-frames-82 {
    from {
        -webkit-transform: translate3d(22vw, 105vh, 0);
        transform: translate3d(22vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(91vw, -120vh, 0);
        transform: translate3d(91vw, -120vh, 0);
    }
}

@keyframes an-move-frames-82 {
    from {
        -webkit-transform: translate3d(22vw, 105vh, 0);
        transform: translate3d(22vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(91vw, -120vh, 0);
        transform: translate3d(91vw, -120vh, 0);
    }
}

.ag-fireflies_item:nth-child(82) .ag-fireflies_inner {
    -webkit-animation-delay: 1706ms;
    animation-delay: 1706ms;
}

.ag-fireflies_item:nth-child(83) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-83;
    animation-name: an-move-frames-83;
    -webkit-animation-duration: 30056ms;
    animation-duration: 30056ms;
    -webkit-animation-delay: 10173ms;
    animation-delay: 10173ms;
}

@-webkit-keyframes an-move-frames-83 {
    from {
        -webkit-transform: translate3d(65vw, 110vh, 0);
        transform: translate3d(65vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(93vw, -116vh, 0);
        transform: translate3d(93vw, -116vh, 0);
    }
}

@keyframes an-move-frames-83 {
    from {
        -webkit-transform: translate3d(65vw, 110vh, 0);
        transform: translate3d(65vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(93vw, -116vh, 0);
        transform: translate3d(93vw, -116vh, 0);
    }
}

.ag-fireflies_item:nth-child(83) .ag-fireflies_inner {
    -webkit-animation-delay: 1589ms;
    animation-delay: 1589ms;
}

.ag-fireflies_item:nth-child(84) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-84;
    animation-name: an-move-frames-84;
    -webkit-animation-duration: 32572ms;
    animation-duration: 32572ms;
    -webkit-animation-delay: 14343ms;
    animation-delay: 14343ms;
}

@-webkit-keyframes an-move-frames-84 {
    from {
        -webkit-transform: translate3d(27vw, 104vh, 0);
        transform: translate3d(27vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(12vw, -132vh, 0);
        transform: translate3d(12vw, -132vh, 0);
    }
}

@keyframes an-move-frames-84 {
    from {
        -webkit-transform: translate3d(27vw, 104vh, 0);
        transform: translate3d(27vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(12vw, -132vh, 0);
        transform: translate3d(12vw, -132vh, 0);
    }
}

.ag-fireflies_item:nth-child(84) .ag-fireflies_inner {
    -webkit-animation-delay: 3589ms;
    animation-delay: 3589ms;
}

.ag-fireflies_item:nth-child(85) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-85;
    animation-name: an-move-frames-85;
    -webkit-animation-duration: 31722ms;
    animation-duration: 31722ms;
    -webkit-animation-delay: 7497ms;
    animation-delay: 7497ms;
}

@-webkit-keyframes an-move-frames-85 {
    from {
        -webkit-transform: translate3d(85vw, 110vh, 0);
        transform: translate3d(85vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(30vw, -134vh, 0);
        transform: translate3d(30vw, -134vh, 0);
    }
}

@keyframes an-move-frames-85 {
    from {
        -webkit-transform: translate3d(85vw, 110vh, 0);
        transform: translate3d(85vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(30vw, -134vh, 0);
        transform: translate3d(30vw, -134vh, 0);
    }
}

.ag-fireflies_item:nth-child(85) .ag-fireflies_inner {
    -webkit-animation-delay: 3781ms;
    animation-delay: 3781ms;
}

.ag-fireflies_item:nth-child(86) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-86;
    animation-name: an-move-frames-86;
    -webkit-animation-duration: 33659ms;
    animation-duration: 33659ms;
    -webkit-animation-delay: 4972ms;
    animation-delay: 4972ms;
}

@-webkit-keyframes an-move-frames-86 {
    from {
        -webkit-transform: translate3d(30vw, 105vh, 0);
        transform: translate3d(30vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(36vw, -111vh, 0);
        transform: translate3d(36vw, -111vh, 0);
    }
}

@keyframes an-move-frames-86 {
    from {
        -webkit-transform: translate3d(30vw, 105vh, 0);
        transform: translate3d(30vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(36vw, -111vh, 0);
        transform: translate3d(36vw, -111vh, 0);
    }
}

.ag-fireflies_item:nth-child(86) .ag-fireflies_inner {
    -webkit-animation-delay: 3455ms;
    animation-delay: 3455ms;
}

.ag-fireflies_item:nth-child(87) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-87;
    animation-name: an-move-frames-87;
    -webkit-animation-duration: 28065ms;
    animation-duration: 28065ms;
    -webkit-animation-delay: 14640ms;
    animation-delay: 14640ms;
}

@-webkit-keyframes an-move-frames-87 {
    from {
        -webkit-transform: translate3d(79vw, 108vh, 0);
        transform: translate3d(79vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -116vh, 0);
        transform: translate3d(63vw, -116vh, 0);
    }
}

@keyframes an-move-frames-87 {
    from {
        -webkit-transform: translate3d(79vw, 108vh, 0);
        transform: translate3d(79vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -116vh, 0);
        transform: translate3d(63vw, -116vh, 0);
    }
}

.ag-fireflies_item:nth-child(87) .ag-fireflies_inner {
    -webkit-animation-delay: 738ms;
    animation-delay: 738ms;
}

.ag-fireflies_item:nth-child(88) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-88;
    animation-name: an-move-frames-88;
    -webkit-animation-duration: 36799ms;
    animation-duration: 36799ms;
    -webkit-animation-delay: 19330ms;
    animation-delay: 19330ms;
}

@-webkit-keyframes an-move-frames-88 {
    from {
        -webkit-transform: translate3d(68vw, 106vh, 0);
        transform: translate3d(68vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(99vw, -136vh, 0);
        transform: translate3d(99vw, -136vh, 0);
    }
}

@keyframes an-move-frames-88 {
    from {
        -webkit-transform: translate3d(68vw, 106vh, 0);
        transform: translate3d(68vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(99vw, -136vh, 0);
        transform: translate3d(99vw, -136vh, 0);
    }
}

.ag-fireflies_item:nth-child(88) .ag-fireflies_inner {
    -webkit-animation-delay: 3527ms;
    animation-delay: 3527ms;
}

.ag-fireflies_item:nth-child(89) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-89;
    animation-name: an-move-frames-89;
    -webkit-animation-duration: 29921ms;
    animation-duration: 29921ms;
    -webkit-animation-delay: 21749ms;
    animation-delay: 21749ms;
}

@-webkit-keyframes an-move-frames-89 {
    from {
        -webkit-transform: translate3d(28vw, 102vh, 0);
        transform: translate3d(28vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -130vh, 0);
        transform: translate3d(31vw, -130vh, 0);
    }
}

@keyframes an-move-frames-89 {
    from {
        -webkit-transform: translate3d(28vw, 102vh, 0);
        transform: translate3d(28vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -130vh, 0);
        transform: translate3d(31vw, -130vh, 0);
    }
}

.ag-fireflies_item:nth-child(89) .ag-fireflies_inner {
    -webkit-animation-delay: 3623ms;
    animation-delay: 3623ms;
}

.ag-fireflies_item:nth-child(90) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-90;
    animation-name: an-move-frames-90;
    -webkit-animation-duration: 35197ms;
    animation-duration: 35197ms;
    -webkit-animation-delay: 24491ms;
    animation-delay: 24491ms;
}

@-webkit-keyframes an-move-frames-90 {
    from {
        -webkit-transform: translate3d(10vw, 108vh, 0);
        transform: translate3d(10vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(59vw, -116vh, 0);
        transform: translate3d(59vw, -116vh, 0);
    }
}

@keyframes an-move-frames-90 {
    from {
        -webkit-transform: translate3d(10vw, 108vh, 0);
        transform: translate3d(10vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(59vw, -116vh, 0);
        transform: translate3d(59vw, -116vh, 0);
    }
}

.ag-fireflies_item:nth-child(90) .ag-fireflies_inner {
    -webkit-animation-delay: 2888ms;
    animation-delay: 2888ms;
}

.ag-fireflies_item:nth-child(91) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-91;
    animation-name: an-move-frames-91;
    -webkit-animation-duration: 28719ms;
    animation-duration: 28719ms;
    -webkit-animation-delay: 27898ms;
    animation-delay: 27898ms;
}

@-webkit-keyframes an-move-frames-91 {
    from {
        -webkit-transform: translate3d(73vw, 102vh, 0);
        transform: translate3d(73vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(5vw, -121vh, 0);
        transform: translate3d(5vw, -121vh, 0);
    }
}

@keyframes an-move-frames-91 {
    from {
        -webkit-transform: translate3d(73vw, 102vh, 0);
        transform: translate3d(73vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(5vw, -121vh, 0);
        transform: translate3d(5vw, -121vh, 0);
    }
}

.ag-fireflies_item:nth-child(91) .ag-fireflies_inner {
    -webkit-animation-delay: 207ms;
    animation-delay: 207ms;
}

.ag-fireflies_item:nth-child(92) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-92;
    animation-name: an-move-frames-92;
    -webkit-animation-duration: 30745ms;
    animation-duration: 30745ms;
    -webkit-animation-delay: 25829ms;
    animation-delay: 25829ms;
}

@-webkit-keyframes an-move-frames-92 {
    from {
        -webkit-transform: translate3d(98vw, 104vh, 0);
        transform: translate3d(98vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(23vw, -118vh, 0);
        transform: translate3d(23vw, -118vh, 0);
    }
}

@keyframes an-move-frames-92 {
    from {
        -webkit-transform: translate3d(98vw, 104vh, 0);
        transform: translate3d(98vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(23vw, -118vh, 0);
        transform: translate3d(23vw, -118vh, 0);
    }
}

.ag-fireflies_item:nth-child(92) .ag-fireflies_inner {
    -webkit-animation-delay: 1347ms;
    animation-delay: 1347ms;
}

.ag-fireflies_item:nth-child(93) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-93;
    animation-name: an-move-frames-93;
    -webkit-animation-duration: 29903ms;
    animation-duration: 29903ms;
    -webkit-animation-delay: 369ms;
    animation-delay: 369ms;
}

@-webkit-keyframes an-move-frames-93 {
    from {
        -webkit-transform: translate3d(80vw, 109vh, 0);
        transform: translate3d(80vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -132vh, 0);
        transform: translate3d(42vw, -132vh, 0);
    }
}

@keyframes an-move-frames-93 {
    from {
        -webkit-transform: translate3d(80vw, 109vh, 0);
        transform: translate3d(80vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -132vh, 0);
        transform: translate3d(42vw, -132vh, 0);
    }
}

.ag-fireflies_item:nth-child(93) .ag-fireflies_inner {
    -webkit-animation-delay: 3297ms;
    animation-delay: 3297ms;
}

.ag-fireflies_item:nth-child(94) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-94;
    animation-name: an-move-frames-94;
    -webkit-animation-duration: 34529ms;
    animation-duration: 34529ms;
    -webkit-animation-delay: 21898ms;
    animation-delay: 21898ms;
}

@-webkit-keyframes an-move-frames-94 {
    from {
        -webkit-transform: translate3d(44vw, 104vh, 0);
        transform: translate3d(44vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(57vw, -121vh, 0);
        transform: translate3d(57vw, -121vh, 0);
    }
}

@keyframes an-move-frames-94 {
    from {
        -webkit-transform: translate3d(44vw, 104vh, 0);
        transform: translate3d(44vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(57vw, -121vh, 0);
        transform: translate3d(57vw, -121vh, 0);
    }
}

.ag-fireflies_item:nth-child(94) .ag-fireflies_inner {
    -webkit-animation-delay: 3024ms;
    animation-delay: 3024ms;
}

.ag-fireflies_item:nth-child(95) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-95;
    animation-name: an-move-frames-95;
    -webkit-animation-duration: 29849ms;
    animation-duration: 29849ms;
    -webkit-animation-delay: 14130ms;
    animation-delay: 14130ms;
}

@-webkit-keyframes an-move-frames-95 {
    from {
        -webkit-transform: translate3d(95vw, 108vh, 0);
        transform: translate3d(95vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(88vw, -117vh, 0);
        transform: translate3d(88vw, -117vh, 0);
    }
}

@keyframes an-move-frames-95 {
    from {
        -webkit-transform: translate3d(95vw, 108vh, 0);
        transform: translate3d(95vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(88vw, -117vh, 0);
        transform: translate3d(88vw, -117vh, 0);
    }
}

.ag-fireflies_item:nth-child(95) .ag-fireflies_inner {
    -webkit-animation-delay: 1335ms;
    animation-delay: 1335ms;
}

.ag-fireflies_item:nth-child(96) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-96;
    animation-name: an-move-frames-96;
    -webkit-animation-duration: 30710ms;
    animation-duration: 30710ms;
    -webkit-animation-delay: 27970ms;
    animation-delay: 27970ms;
}

@-webkit-keyframes an-move-frames-96 {
    from {
        -webkit-transform: translate3d(40vw, 103vh, 0);
        transform: translate3d(40vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(4vw, -121vh, 0);
        transform: translate3d(4vw, -121vh, 0);
    }
}

@keyframes an-move-frames-96 {
    from {
        -webkit-transform: translate3d(40vw, 103vh, 0);
        transform: translate3d(40vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(4vw, -121vh, 0);
        transform: translate3d(4vw, -121vh, 0);
    }
}

.ag-fireflies_item:nth-child(96) .ag-fireflies_inner {
    -webkit-animation-delay: 2072ms;
    animation-delay: 2072ms;
}

.ag-fireflies_item:nth-child(97) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-97;
    animation-name: an-move-frames-97;
    -webkit-animation-duration: 35749ms;
    animation-duration: 35749ms;
    -webkit-animation-delay: 32377ms;
    animation-delay: 32377ms;
}

@-webkit-keyframes an-move-frames-97 {
    from {
        -webkit-transform: translate3d(59vw, 110vh, 0);
        transform: translate3d(59vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(90vw, -133vh, 0);
        transform: translate3d(90vw, -133vh, 0);
    }
}

@keyframes an-move-frames-97 {
    from {
        -webkit-transform: translate3d(59vw, 110vh, 0);
        transform: translate3d(59vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(90vw, -133vh, 0);
        transform: translate3d(90vw, -133vh, 0);
    }
}

.ag-fireflies_item:nth-child(97) .ag-fireflies_inner {
    -webkit-animation-delay: 1906ms;
    animation-delay: 1906ms;
}

.ag-fireflies_item:nth-child(98) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-98;
    animation-name: an-move-frames-98;
    -webkit-animation-duration: 34467ms;
    animation-duration: 34467ms;
    -webkit-animation-delay: 23881ms;
    animation-delay: 23881ms;
}

@-webkit-keyframes an-move-frames-98 {
    from {
        -webkit-transform: translate3d(96vw, 106vh, 0);
        transform: translate3d(96vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(40vw, -127vh, 0);
        transform: translate3d(40vw, -127vh, 0);
    }
}

@keyframes an-move-frames-98 {
    from {
        -webkit-transform: translate3d(96vw, 106vh, 0);
        transform: translate3d(96vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(40vw, -127vh, 0);
        transform: translate3d(40vw, -127vh, 0);
    }
}

.ag-fireflies_item:nth-child(98) .ag-fireflies_inner {
    -webkit-animation-delay: 476ms;
    animation-delay: 476ms;
}

.ag-fireflies_item:nth-child(99) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-99;
    animation-name: an-move-frames-99;
    -webkit-animation-duration: 29632ms;
    animation-duration: 29632ms;
    -webkit-animation-delay: 2587ms;
    animation-delay: 2587ms;
}

@-webkit-keyframes an-move-frames-99 {
    from {
        -webkit-transform: translate3d(61vw, 101vh, 0);
        transform: translate3d(61vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(39vw, -114vh, 0);
        transform: translate3d(39vw, -114vh, 0);
    }
}

@keyframes an-move-frames-99 {
    from {
        -webkit-transform: translate3d(61vw, 101vh, 0);
        transform: translate3d(61vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(39vw, -114vh, 0);
        transform: translate3d(39vw, -114vh, 0);
    }
}

.ag-fireflies_item:nth-child(99) .ag-fireflies_inner {
    -webkit-animation-delay: 2175ms;
    animation-delay: 2175ms;
}

.ag-fireflies_item:nth-child(100) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-100;
    animation-name: an-move-frames-100;
    -webkit-animation-duration: 29998ms;
    animation-duration: 29998ms;
    -webkit-animation-delay: 7534ms;
    animation-delay: 7534ms;
}

@-webkit-keyframes an-move-frames-100 {
    from {
        -webkit-transform: translate3d(30vw, 109vh, 0);
        transform: translate3d(30vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -112vh, 0);
        transform: translate3d(42vw, -112vh, 0);
    }
}

@keyframes an-move-frames-100 {
    from {
        -webkit-transform: translate3d(30vw, 109vh, 0);
        transform: translate3d(30vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -112vh, 0);
        transform: translate3d(42vw, -112vh, 0);
    }
}

.ag-fireflies_item:nth-child(100) .ag-fireflies_inner {
    -webkit-animation-delay: 3706ms;
    animation-delay: 3706ms;
}

.ag-fireflies_item:nth-child(101) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-101;
    animation-name: an-move-frames-101;
    -webkit-animation-duration: 30654ms;
    animation-duration: 30654ms;
    -webkit-animation-delay: 2325ms;
    animation-delay: 2325ms;
}

@-webkit-keyframes an-move-frames-101 {
    from {
        -webkit-transform: translate3d(54vw, 107vh, 0);
        transform: translate3d(54vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(52vw, -108vh, 0);
        transform: translate3d(52vw, -108vh, 0);
    }
}

@keyframes an-move-frames-101 {
    from {
        -webkit-transform: translate3d(54vw, 107vh, 0);
        transform: translate3d(54vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(52vw, -108vh, 0);
        transform: translate3d(52vw, -108vh, 0);
    }
}

.ag-fireflies_item:nth-child(101) .ag-fireflies_inner {
    -webkit-animation-delay: 286ms;
    animation-delay: 286ms;
}

.ag-fireflies_item:nth-child(102) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-102;
    animation-name: an-move-frames-102;
    -webkit-animation-duration: 34181ms;
    animation-duration: 34181ms;
    -webkit-animation-delay: 28569ms;
    animation-delay: 28569ms;
}

@-webkit-keyframes an-move-frames-102 {
    from {
        -webkit-transform: translate3d(82vw, 107vh, 0);
        transform: translate3d(82vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(22vw, -116vh, 0);
        transform: translate3d(22vw, -116vh, 0);
    }
}

@keyframes an-move-frames-102 {
    from {
        -webkit-transform: translate3d(82vw, 107vh, 0);
        transform: translate3d(82vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(22vw, -116vh, 0);
        transform: translate3d(22vw, -116vh, 0);
    }
}

.ag-fireflies_item:nth-child(102) .ag-fireflies_inner {
    -webkit-animation-delay: 2842ms;
    animation-delay: 2842ms;
}

.ag-fireflies_item:nth-child(103) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-103;
    animation-name: an-move-frames-103;
    -webkit-animation-duration: 34372ms;
    animation-duration: 34372ms;
    -webkit-animation-delay: 3422ms;
    animation-delay: 3422ms;
}

@-webkit-keyframes an-move-frames-103 {
    from {
        -webkit-transform: translate3d(99vw, 102vh, 0);
        transform: translate3d(99vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(65vw, -124vh, 0);
        transform: translate3d(65vw, -124vh, 0);
    }
}

@keyframes an-move-frames-103 {
    from {
        -webkit-transform: translate3d(99vw, 102vh, 0);
        transform: translate3d(99vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(65vw, -124vh, 0);
        transform: translate3d(65vw, -124vh, 0);
    }
}

.ag-fireflies_item:nth-child(103) .ag-fireflies_inner {
    -webkit-animation-delay: 1679ms;
    animation-delay: 1679ms;
}

.ag-fireflies_item:nth-child(104) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-104;
    animation-name: an-move-frames-104;
    -webkit-animation-duration: 28792ms;
    animation-duration: 28792ms;
    -webkit-animation-delay: 20095ms;
    animation-delay: 20095ms;
}

@-webkit-keyframes an-move-frames-104 {
    from {
        -webkit-transform: translate3d(63vw, 108vh, 0);
        transform: translate3d(63vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -112vh, 0);
        transform: translate3d(63vw, -112vh, 0);
    }
}

@keyframes an-move-frames-104 {
    from {
        -webkit-transform: translate3d(63vw, 108vh, 0);
        transform: translate3d(63vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -112vh, 0);
        transform: translate3d(63vw, -112vh, 0);
    }
}

.ag-fireflies_item:nth-child(104) .ag-fireflies_inner {
    -webkit-animation-delay: 442ms;
    animation-delay: 442ms;
}

.ag-fireflies_item:nth-child(105) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-105;
    animation-name: an-move-frames-105;
    -webkit-animation-duration: 33051ms;
    animation-duration: 33051ms;
    -webkit-animation-delay: 29774ms;
    animation-delay: 29774ms;
}

@-webkit-keyframes an-move-frames-105 {
    from {
        -webkit-transform: translate3d(13vw, 110vh, 0);
        transform: translate3d(13vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(91vw, -133vh, 0);
        transform: translate3d(91vw, -133vh, 0);
    }
}

@keyframes an-move-frames-105 {
    from {
        -webkit-transform: translate3d(13vw, 110vh, 0);
        transform: translate3d(13vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(91vw, -133vh, 0);
        transform: translate3d(91vw, -133vh, 0);
    }
}

.ag-fireflies_item:nth-child(105) .ag-fireflies_inner {
    -webkit-animation-delay: 241ms;
    animation-delay: 241ms;
}

.ag-fireflies_item:nth-child(106) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-106;
    animation-name: an-move-frames-106;
    -webkit-animation-duration: 29820ms;
    animation-duration: 29820ms;
    -webkit-animation-delay: 32395ms;
    animation-delay: 32395ms;
}

@-webkit-keyframes an-move-frames-106 {
    from {
        -webkit-transform: translate3d(72vw, 108vh, 0);
        transform: translate3d(72vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -115vh, 0);
        transform: translate3d(62vw, -115vh, 0);
    }
}

@keyframes an-move-frames-106 {
    from {
        -webkit-transform: translate3d(72vw, 108vh, 0);
        transform: translate3d(72vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -115vh, 0);
        transform: translate3d(62vw, -115vh, 0);
    }
}

.ag-fireflies_item:nth-child(106) .ag-fireflies_inner {
    -webkit-animation-delay: 1364ms;
    animation-delay: 1364ms;
}

.ag-fireflies_item:nth-child(107) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-107;
    animation-name: an-move-frames-107;
    -webkit-animation-duration: 32215ms;
    animation-duration: 32215ms;
    -webkit-animation-delay: 12695ms;
    animation-delay: 12695ms;
}

@-webkit-keyframes an-move-frames-107 {
    from {
        -webkit-transform: translate3d(7vw, 101vh, 0);
        transform: translate3d(7vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -128vh, 0);
        transform: translate3d(20vw, -128vh, 0);
    }
}

@keyframes an-move-frames-107 {
    from {
        -webkit-transform: translate3d(7vw, 101vh, 0);
        transform: translate3d(7vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -128vh, 0);
        transform: translate3d(20vw, -128vh, 0);
    }
}

.ag-fireflies_item:nth-child(107) .ag-fireflies_inner {
    -webkit-animation-delay: 321ms;
    animation-delay: 321ms;
}

.ag-fireflies_item:nth-child(108) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-108;
    animation-name: an-move-frames-108;
    -webkit-animation-duration: 34140ms;
    animation-duration: 34140ms;
    -webkit-animation-delay: 21291ms;
    animation-delay: 21291ms;
}

@-webkit-keyframes an-move-frames-108 {
    from {
        -webkit-transform: translate3d(33vw, 107vh, 0);
        transform: translate3d(33vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(34vw, -121vh, 0);
        transform: translate3d(34vw, -121vh, 0);
    }
}

@keyframes an-move-frames-108 {
    from {
        -webkit-transform: translate3d(33vw, 107vh, 0);
        transform: translate3d(33vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(34vw, -121vh, 0);
        transform: translate3d(34vw, -121vh, 0);
    }
}

.ag-fireflies_item:nth-child(108) .ag-fireflies_inner {
    -webkit-animation-delay: 1499ms;
    animation-delay: 1499ms;
}

.ag-fireflies_item:nth-child(109) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-109;
    animation-name: an-move-frames-109;
    -webkit-animation-duration: 34973ms;
    animation-duration: 34973ms;
    -webkit-animation-delay: 10858ms;
    animation-delay: 10858ms;
}

@-webkit-keyframes an-move-frames-109 {
    from {
        -webkit-transform: translate3d(49vw, 106vh, 0);
        transform: translate3d(49vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -119vh, 0);
        transform: translate3d(31vw, -119vh, 0);
    }
}

@keyframes an-move-frames-109 {
    from {
        -webkit-transform: translate3d(49vw, 106vh, 0);
        transform: translate3d(49vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -119vh, 0);
        transform: translate3d(31vw, -119vh, 0);
    }
}

.ag-fireflies_item:nth-child(109) .ag-fireflies_inner {
    -webkit-animation-delay: 2754ms;
    animation-delay: 2754ms;
}

.ag-fireflies_item:nth-child(110) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-110;
    animation-name: an-move-frames-110;
    -webkit-animation-duration: 34453ms;
    animation-duration: 34453ms;
    -webkit-animation-delay: 18523ms;
    animation-delay: 18523ms;
}

@-webkit-keyframes an-move-frames-110 {
    from {
        -webkit-transform: translate3d(25vw, 108vh, 0);
        transform: translate3d(25vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(16vw, -109vh, 0);
        transform: translate3d(16vw, -109vh, 0);
    }
}

@keyframes an-move-frames-110 {
    from {
        -webkit-transform: translate3d(25vw, 108vh, 0);
        transform: translate3d(25vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(16vw, -109vh, 0);
        transform: translate3d(16vw, -109vh, 0);
    }
}

.ag-fireflies_item:nth-child(110) .ag-fireflies_inner {
    -webkit-animation-delay: 2826ms;
    animation-delay: 2826ms;
}

.ag-fireflies_item:nth-child(111) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-111;
    animation-name: an-move-frames-111;
    -webkit-animation-duration: 34343ms;
    animation-duration: 34343ms;
    -webkit-animation-delay: 12236ms;
    animation-delay: 12236ms;
}

@-webkit-keyframes an-move-frames-111 {
    from {
        -webkit-transform: translate3d(56vw, 110vh, 0);
        transform: translate3d(56vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(30vw, -115vh, 0);
        transform: translate3d(30vw, -115vh, 0);
    }
}

@keyframes an-move-frames-111 {
    from {
        -webkit-transform: translate3d(56vw, 110vh, 0);
        transform: translate3d(56vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(30vw, -115vh, 0);
        transform: translate3d(30vw, -115vh, 0);
    }
}

.ag-fireflies_item:nth-child(111) .ag-fireflies_inner {
    -webkit-animation-delay: 2391ms;
    animation-delay: 2391ms;
}

.ag-fireflies_item:nth-child(112) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-112;
    animation-name: an-move-frames-112;
    -webkit-animation-duration: 34434ms;
    animation-duration: 34434ms;
    -webkit-animation-delay: 2637ms;
    animation-delay: 2637ms;
}

@-webkit-keyframes an-move-frames-112 {
    from {
        -webkit-transform: translate3d(20vw, 110vh, 0);
        transform: translate3d(20vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(46vw, -125vh, 0);
        transform: translate3d(46vw, -125vh, 0);
    }
}

@keyframes an-move-frames-112 {
    from {
        -webkit-transform: translate3d(20vw, 110vh, 0);
        transform: translate3d(20vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(46vw, -125vh, 0);
        transform: translate3d(46vw, -125vh, 0);
    }
}

.ag-fireflies_item:nth-child(112) .ag-fireflies_inner {
    -webkit-animation-delay: 449ms;
    animation-delay: 449ms;
}

.ag-fireflies_item:nth-child(113) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-113;
    animation-name: an-move-frames-113;
    -webkit-animation-duration: 28657ms;
    animation-duration: 28657ms;
    -webkit-animation-delay: 7459ms;
    animation-delay: 7459ms;
}

@-webkit-keyframes an-move-frames-113 {
    from {
        -webkit-transform: translate3d(81vw, 106vh, 0);
        transform: translate3d(81vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(28vw, -115vh, 0);
        transform: translate3d(28vw, -115vh, 0);
    }
}

@keyframes an-move-frames-113 {
    from {
        -webkit-transform: translate3d(81vw, 106vh, 0);
        transform: translate3d(81vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(28vw, -115vh, 0);
        transform: translate3d(28vw, -115vh, 0);
    }
}

.ag-fireflies_item:nth-child(113) .ag-fireflies_inner {
    -webkit-animation-delay: 1296ms;
    animation-delay: 1296ms;
}

.ag-fireflies_item:nth-child(114) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-114;
    animation-name: an-move-frames-114;
    -webkit-animation-duration: 32605ms;
    animation-duration: 32605ms;
    -webkit-animation-delay: 3384ms;
    animation-delay: 3384ms;
}

@-webkit-keyframes an-move-frames-114 {
    from {
        -webkit-transform: translate3d(14vw, 110vh, 0);
        transform: translate3d(14vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(12vw, -140vh, 0);
        transform: translate3d(12vw, -140vh, 0);
    }
}

@keyframes an-move-frames-114 {
    from {
        -webkit-transform: translate3d(14vw, 110vh, 0);
        transform: translate3d(14vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(12vw, -140vh, 0);
        transform: translate3d(12vw, -140vh, 0);
    }
}

.ag-fireflies_item:nth-child(114) .ag-fireflies_inner {
    -webkit-animation-delay: 1884ms;
    animation-delay: 1884ms;
}

.ag-fireflies_item:nth-child(115) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-115;
    animation-name: an-move-frames-115;
    -webkit-animation-duration: 34221ms;
    animation-duration: 34221ms;
    -webkit-animation-delay: 13619ms;
    animation-delay: 13619ms;
}

@-webkit-keyframes an-move-frames-115 {
    from {
        -webkit-transform: translate3d(26vw, 104vh, 0);
        transform: translate3d(26vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -121vh, 0);
        transform: translate3d(20vw, -121vh, 0);
    }
}

@keyframes an-move-frames-115 {
    from {
        -webkit-transform: translate3d(26vw, 104vh, 0);
        transform: translate3d(26vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(20vw, -121vh, 0);
        transform: translate3d(20vw, -121vh, 0);
    }
}

.ag-fireflies_item:nth-child(115) .ag-fireflies_inner {
    -webkit-animation-delay: 119ms;
    animation-delay: 119ms;
}

.ag-fireflies_item:nth-child(116) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-116;
    animation-name: an-move-frames-116;
    -webkit-animation-duration: 30810ms;
    animation-duration: 30810ms;
    -webkit-animation-delay: 30142ms;
    animation-delay: 30142ms;
}

@-webkit-keyframes an-move-frames-116 {
    from {
        -webkit-transform: translate3d(39vw, 109vh, 0);
        transform: translate3d(39vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(94vw, -129vh, 0);
        transform: translate3d(94vw, -129vh, 0);
    }
}

@keyframes an-move-frames-116 {
    from {
        -webkit-transform: translate3d(39vw, 109vh, 0);
        transform: translate3d(39vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(94vw, -129vh, 0);
        transform: translate3d(94vw, -129vh, 0);
    }
}

.ag-fireflies_item:nth-child(116) .ag-fireflies_inner {
    -webkit-animation-delay: 1018ms;
    animation-delay: 1018ms;
}

.ag-fireflies_item:nth-child(117) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-117;
    animation-name: an-move-frames-117;
    -webkit-animation-duration: 32505ms;
    animation-duration: 32505ms;
    -webkit-animation-delay: 32816ms;
    animation-delay: 32816ms;
}

@-webkit-keyframes an-move-frames-117 {
    from {
        -webkit-transform: translate3d(35vw, 109vh, 0);
        transform: translate3d(35vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -129vh, 0);
        transform: translate3d(81vw, -129vh, 0);
    }
}

@keyframes an-move-frames-117 {
    from {
        -webkit-transform: translate3d(35vw, 109vh, 0);
        transform: translate3d(35vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -129vh, 0);
        transform: translate3d(81vw, -129vh, 0);
    }
}

.ag-fireflies_item:nth-child(117) .ag-fireflies_inner {
    -webkit-animation-delay: 1073ms;
    animation-delay: 1073ms;
}

.ag-fireflies_item:nth-child(118) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-118;
    animation-name: an-move-frames-118;
    -webkit-animation-duration: 31564ms;
    animation-duration: 31564ms;
    -webkit-animation-delay: 26432ms;
    animation-delay: 26432ms;
}

@-webkit-keyframes an-move-frames-118 {
    from {
        -webkit-transform: translate3d(60vw, 101vh, 0);
        transform: translate3d(60vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(11vw, -103vh, 0);
        transform: translate3d(11vw, -103vh, 0);
    }
}

@keyframes an-move-frames-118 {
    from {
        -webkit-transform: translate3d(60vw, 101vh, 0);
        transform: translate3d(60vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(11vw, -103vh, 0);
        transform: translate3d(11vw, -103vh, 0);
    }
}

.ag-fireflies_item:nth-child(118) .ag-fireflies_inner {
    -webkit-animation-delay: 2309ms;
    animation-delay: 2309ms;
}

.ag-fireflies_item:nth-child(119) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-119;
    animation-name: an-move-frames-119;
    -webkit-animation-duration: 29590ms;
    animation-duration: 29590ms;
    -webkit-animation-delay: 6280ms;
    animation-delay: 6280ms;
}

@-webkit-keyframes an-move-frames-119 {
    from {
        -webkit-transform: translate3d(86vw, 101vh, 0);
        transform: translate3d(86vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(21vw, -122vh, 0);
        transform: translate3d(21vw, -122vh, 0);
    }
}

@keyframes an-move-frames-119 {
    from {
        -webkit-transform: translate3d(86vw, 101vh, 0);
        transform: translate3d(86vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(21vw, -122vh, 0);
        transform: translate3d(21vw, -122vh, 0);
    }
}

.ag-fireflies_item:nth-child(119) .ag-fireflies_inner {
    -webkit-animation-delay: 1618ms;
    animation-delay: 1618ms;
}

.ag-fireflies_item:nth-child(120) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-120;
    animation-name: an-move-frames-120;
    -webkit-animation-duration: 28379ms;
    animation-duration: 28379ms;
    -webkit-animation-delay: 12660ms;
    animation-delay: 12660ms;
}

@-webkit-keyframes an-move-frames-120 {
    from {
        -webkit-transform: translate3d(55vw, 102vh, 0);
        transform: translate3d(55vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(76vw, -105vh, 0);
        transform: translate3d(76vw, -105vh, 0);
    }
}

@keyframes an-move-frames-120 {
    from {
        -webkit-transform: translate3d(55vw, 102vh, 0);
        transform: translate3d(55vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(76vw, -105vh, 0);
        transform: translate3d(76vw, -105vh, 0);
    }
}

.ag-fireflies_item:nth-child(120) .ag-fireflies_inner {
    -webkit-animation-delay: 389ms;
    animation-delay: 389ms;
}

.ag-fireflies_item:nth-child(121) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-121;
    animation-name: an-move-frames-121;
    -webkit-animation-duration: 29625ms;
    animation-duration: 29625ms;
    -webkit-animation-delay: 17942ms;
    animation-delay: 17942ms;
}

@-webkit-keyframes an-move-frames-121 {
    from {
        -webkit-transform: translate3d(1vw, 103vh, 0);
        transform: translate3d(1vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -123vh, 0);
        transform: translate3d(81vw, -123vh, 0);
    }
}

@keyframes an-move-frames-121 {
    from {
        -webkit-transform: translate3d(1vw, 103vh, 0);
        transform: translate3d(1vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(81vw, -123vh, 0);
        transform: translate3d(81vw, -123vh, 0);
    }
}

.ag-fireflies_item:nth-child(121) .ag-fireflies_inner {
    -webkit-animation-delay: 1046ms;
    animation-delay: 1046ms;
}

.ag-fireflies_item:nth-child(122) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-122;
    animation-name: an-move-frames-122;
    -webkit-animation-duration: 28219ms;
    animation-duration: 28219ms;
    -webkit-animation-delay: 34522ms;
    animation-delay: 34522ms;
}

@-webkit-keyframes an-move-frames-122 {
    from {
        -webkit-transform: translate3d(26vw, 106vh, 0);
        transform: translate3d(26vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(43vw, -128vh, 0);
        transform: translate3d(43vw, -128vh, 0);
    }
}

@keyframes an-move-frames-122 {
    from {
        -webkit-transform: translate3d(26vw, 106vh, 0);
        transform: translate3d(26vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(43vw, -128vh, 0);
        transform: translate3d(43vw, -128vh, 0);
    }
}

.ag-fireflies_item:nth-child(122) .ag-fireflies_inner {
    -webkit-animation-delay: 2275ms;
    animation-delay: 2275ms;
}

.ag-fireflies_item:nth-child(123) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-123;
    animation-name: an-move-frames-123;
    -webkit-animation-duration: 33762ms;
    animation-duration: 33762ms;
    -webkit-animation-delay: 31412ms;
    animation-delay: 31412ms;
}

@-webkit-keyframes an-move-frames-123 {
    from {
        -webkit-transform: translate3d(98vw, 106vh, 0);
        transform: translate3d(98vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(43vw, -131vh, 0);
        transform: translate3d(43vw, -131vh, 0);
    }
}

@keyframes an-move-frames-123 {
    from {
        -webkit-transform: translate3d(98vw, 106vh, 0);
        transform: translate3d(98vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(43vw, -131vh, 0);
        transform: translate3d(43vw, -131vh, 0);
    }
}

.ag-fireflies_item:nth-child(123) .ag-fireflies_inner {
    -webkit-animation-delay: 801ms;
    animation-delay: 801ms;
}

.ag-fireflies_item:nth-child(124) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-124;
    animation-name: an-move-frames-124;
    -webkit-animation-duration: 34716ms;
    animation-duration: 34716ms;
    -webkit-animation-delay: 19493ms;
    animation-delay: 19493ms;
}

@-webkit-keyframes an-move-frames-124 {
    from {
        -webkit-transform: translate3d(63vw, 103vh, 0);
        transform: translate3d(63vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(68vw, -106vh, 0);
        transform: translate3d(68vw, -106vh, 0);
    }
}

@keyframes an-move-frames-124 {
    from {
        -webkit-transform: translate3d(63vw, 103vh, 0);
        transform: translate3d(63vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(68vw, -106vh, 0);
        transform: translate3d(68vw, -106vh, 0);
    }
}

.ag-fireflies_item:nth-child(124) .ag-fireflies_inner {
    -webkit-animation-delay: 30ms;
    animation-delay: 30ms;
}

.ag-fireflies_item:nth-child(125) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-125;
    animation-name: an-move-frames-125;
    -webkit-animation-duration: 35093ms;
    animation-duration: 35093ms;
    -webkit-animation-delay: 11498ms;
    animation-delay: 11498ms;
}

@-webkit-keyframes an-move-frames-125 {
    from {
        -webkit-transform: translate3d(31vw, 107vh, 0);
        transform: translate3d(31vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -133vh, 0);
        transform: translate3d(63vw, -133vh, 0);
    }
}

@keyframes an-move-frames-125 {
    from {
        -webkit-transform: translate3d(31vw, 107vh, 0);
        transform: translate3d(31vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -133vh, 0);
        transform: translate3d(63vw, -133vh, 0);
    }
}

.ag-fireflies_item:nth-child(125) .ag-fireflies_inner {
    -webkit-animation-delay: 116ms;
    animation-delay: 116ms;
}

.ag-fireflies_item:nth-child(126) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-126;
    animation-name: an-move-frames-126;
    -webkit-animation-duration: 31163ms;
    animation-duration: 31163ms;
    -webkit-animation-delay: 32385ms;
    animation-delay: 32385ms;
}

@-webkit-keyframes an-move-frames-126 {
    from {
        -webkit-transform: translate3d(62vw, 103vh, 0);
        transform: translate3d(62vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(68vw, -123vh, 0);
        transform: translate3d(68vw, -123vh, 0);
    }
}

@keyframes an-move-frames-126 {
    from {
        -webkit-transform: translate3d(62vw, 103vh, 0);
        transform: translate3d(62vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(68vw, -123vh, 0);
        transform: translate3d(68vw, -123vh, 0);
    }
}

.ag-fireflies_item:nth-child(126) .ag-fireflies_inner {
    -webkit-animation-delay: 3455ms;
    animation-delay: 3455ms;
}

.ag-fireflies_item:nth-child(127) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-127;
    animation-name: an-move-frames-127;
    -webkit-animation-duration: 33152ms;
    animation-duration: 33152ms;
    -webkit-animation-delay: 4061ms;
    animation-delay: 4061ms;
}

@-webkit-keyframes an-move-frames-127 {
    from {
        -webkit-transform: translate3d(74vw, 106vh, 0);
        transform: translate3d(74vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(77vw, -131vh, 0);
        transform: translate3d(77vw, -131vh, 0);
    }
}

@keyframes an-move-frames-127 {
    from {
        -webkit-transform: translate3d(74vw, 106vh, 0);
        transform: translate3d(74vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(77vw, -131vh, 0);
        transform: translate3d(77vw, -131vh, 0);
    }
}

.ag-fireflies_item:nth-child(127) .ag-fireflies_inner {
    -webkit-animation-delay: 2995ms;
    animation-delay: 2995ms;
}

.ag-fireflies_item:nth-child(128) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-128;
    animation-name: an-move-frames-128;
    -webkit-animation-duration: 29781ms;
    animation-duration: 29781ms;
    -webkit-animation-delay: 11875ms;
    animation-delay: 11875ms;
}

@-webkit-keyframes an-move-frames-128 {
    from {
        -webkit-transform: translate3d(51vw, 101vh, 0);
        transform: translate3d(51vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(5vw, -106vh, 0);
        transform: translate3d(5vw, -106vh, 0);
    }
}

@keyframes an-move-frames-128 {
    from {
        -webkit-transform: translate3d(51vw, 101vh, 0);
        transform: translate3d(51vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(5vw, -106vh, 0);
        transform: translate3d(5vw, -106vh, 0);
    }
}

.ag-fireflies_item:nth-child(128) .ag-fireflies_inner {
    -webkit-animation-delay: 1020ms;
    animation-delay: 1020ms;
}

.ag-fireflies_item:nth-child(129) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-129;
    animation-name: an-move-frames-129;
    -webkit-animation-duration: 32994ms;
    animation-duration: 32994ms;
    -webkit-animation-delay: 16070ms;
    animation-delay: 16070ms;
}

@-webkit-keyframes an-move-frames-129 {
    from {
        -webkit-transform: translate3d(38vw, 102vh, 0);
        transform: translate3d(38vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(43vw, -105vh, 0);
        transform: translate3d(43vw, -105vh, 0);
    }
}

@keyframes an-move-frames-129 {
    from {
        -webkit-transform: translate3d(38vw, 102vh, 0);
        transform: translate3d(38vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(43vw, -105vh, 0);
        transform: translate3d(43vw, -105vh, 0);
    }
}

.ag-fireflies_item:nth-child(129) .ag-fireflies_inner {
    -webkit-animation-delay: 2312ms;
    animation-delay: 2312ms;
}

.ag-fireflies_item:nth-child(130) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-130;
    animation-name: an-move-frames-130;
    -webkit-animation-duration: 35964ms;
    animation-duration: 35964ms;
    -webkit-animation-delay: 1741ms;
    animation-delay: 1741ms;
}

@-webkit-keyframes an-move-frames-130 {
    from {
        -webkit-transform: translate3d(1vw, 103vh, 0);
        transform: translate3d(1vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(10vw, -107vh, 0);
        transform: translate3d(10vw, -107vh, 0);
    }
}

@keyframes an-move-frames-130 {
    from {
        -webkit-transform: translate3d(1vw, 103vh, 0);
        transform: translate3d(1vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(10vw, -107vh, 0);
        transform: translate3d(10vw, -107vh, 0);
    }
}

.ag-fireflies_item:nth-child(130) .ag-fireflies_inner {
    -webkit-animation-delay: 3905ms;
    animation-delay: 3905ms;
}

.ag-fireflies_item:nth-child(131) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-131;
    animation-name: an-move-frames-131;
    -webkit-animation-duration: 35559ms;
    animation-duration: 35559ms;
    -webkit-animation-delay: 16612ms;
    animation-delay: 16612ms;
}

@-webkit-keyframes an-move-frames-131 {
    from {
        -webkit-transform: translate3d(55vw, 101vh, 0);
        transform: translate3d(55vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(4vw, -130vh, 0);
        transform: translate3d(4vw, -130vh, 0);
    }
}

@keyframes an-move-frames-131 {
    from {
        -webkit-transform: translate3d(55vw, 101vh, 0);
        transform: translate3d(55vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(4vw, -130vh, 0);
        transform: translate3d(4vw, -130vh, 0);
    }
}

.ag-fireflies_item:nth-child(131) .ag-fireflies_inner {
    -webkit-animation-delay: 818ms;
    animation-delay: 818ms;
}

.ag-fireflies_item:nth-child(132) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-132;
    animation-name: an-move-frames-132;
    -webkit-animation-duration: 35700ms;
    animation-duration: 35700ms;
    -webkit-animation-delay: 34581ms;
    animation-delay: 34581ms;
}

@-webkit-keyframes an-move-frames-132 {
    from {
        -webkit-transform: translate3d(28vw, 101vh, 0);
        transform: translate3d(28vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(93vw, -118vh, 0);
        transform: translate3d(93vw, -118vh, 0);
    }
}

@keyframes an-move-frames-132 {
    from {
        -webkit-transform: translate3d(28vw, 101vh, 0);
        transform: translate3d(28vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(93vw, -118vh, 0);
        transform: translate3d(93vw, -118vh, 0);
    }
}

.ag-fireflies_item:nth-child(132) .ag-fireflies_inner {
    -webkit-animation-delay: 2517ms;
    animation-delay: 2517ms;
}

.ag-fireflies_item:nth-child(133) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-133;
    animation-name: an-move-frames-133;
    -webkit-animation-duration: 28661ms;
    animation-duration: 28661ms;
    -webkit-animation-delay: 26996ms;
    animation-delay: 26996ms;
}

@-webkit-keyframes an-move-frames-133 {
    from {
        -webkit-transform: translate3d(60vw, 107vh, 0);
        transform: translate3d(60vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(76vw, -137vh, 0);
        transform: translate3d(76vw, -137vh, 0);
    }
}

@keyframes an-move-frames-133 {
    from {
        -webkit-transform: translate3d(60vw, 107vh, 0);
        transform: translate3d(60vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(76vw, -137vh, 0);
        transform: translate3d(76vw, -137vh, 0);
    }
}

.ag-fireflies_item:nth-child(133) .ag-fireflies_inner {
    -webkit-animation-delay: 215ms;
    animation-delay: 215ms;
}

.ag-fireflies_item:nth-child(134) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-134;
    animation-name: an-move-frames-134;
    -webkit-animation-duration: 34905ms;
    animation-duration: 34905ms;
    -webkit-animation-delay: 22248ms;
    animation-delay: 22248ms;
}

@-webkit-keyframes an-move-frames-134 {
    from {
        -webkit-transform: translate3d(100vw, 105vh, 0);
        transform: translate3d(100vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(45vw, -110vh, 0);
        transform: translate3d(45vw, -110vh, 0);
    }
}

@keyframes an-move-frames-134 {
    from {
        -webkit-transform: translate3d(100vw, 105vh, 0);
        transform: translate3d(100vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(45vw, -110vh, 0);
        transform: translate3d(45vw, -110vh, 0);
    }
}

.ag-fireflies_item:nth-child(134) .ag-fireflies_inner {
    -webkit-animation-delay: 3968ms;
    animation-delay: 3968ms;
}

.ag-fireflies_item:nth-child(135) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-135;
    animation-name: an-move-frames-135;
    -webkit-animation-duration: 29126ms;
    animation-duration: 29126ms;
    -webkit-animation-delay: 2880ms;
    animation-delay: 2880ms;
}

@-webkit-keyframes an-move-frames-135 {
    from {
        -webkit-transform: translate3d(45vw, 108vh, 0);
        transform: translate3d(45vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(29vw, -121vh, 0);
        transform: translate3d(29vw, -121vh, 0);
    }
}

@keyframes an-move-frames-135 {
    from {
        -webkit-transform: translate3d(45vw, 108vh, 0);
        transform: translate3d(45vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(29vw, -121vh, 0);
        transform: translate3d(29vw, -121vh, 0);
    }
}

.ag-fireflies_item:nth-child(135) .ag-fireflies_inner {
    -webkit-animation-delay: 2500ms;
    animation-delay: 2500ms;
}

.ag-fireflies_item:nth-child(136) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-136;
    animation-name: an-move-frames-136;
    -webkit-animation-duration: 28666ms;
    animation-duration: 28666ms;
    -webkit-animation-delay: 37ms;
    animation-delay: 37ms;
}

@-webkit-keyframes an-move-frames-136 {
    from {
        -webkit-transform: translate3d(75vw, 104vh, 0);
        transform: translate3d(75vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(88vw, -129vh, 0);
        transform: translate3d(88vw, -129vh, 0);
    }
}

@keyframes an-move-frames-136 {
    from {
        -webkit-transform: translate3d(75vw, 104vh, 0);
        transform: translate3d(75vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(88vw, -129vh, 0);
        transform: translate3d(88vw, -129vh, 0);
    }
}

.ag-fireflies_item:nth-child(136) .ag-fireflies_inner {
    -webkit-animation-delay: 726ms;
    animation-delay: 726ms;
}

.ag-fireflies_item:nth-child(137) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-137;
    animation-name: an-move-frames-137;
    -webkit-animation-duration: 30304ms;
    animation-duration: 30304ms;
    -webkit-animation-delay: 17669ms;
    animation-delay: 17669ms;
}

@-webkit-keyframes an-move-frames-137 {
    from {
        -webkit-transform: translate3d(58vw, 101vh, 0);
        transform: translate3d(58vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(60vw, -116vh, 0);
        transform: translate3d(60vw, -116vh, 0);
    }
}

@keyframes an-move-frames-137 {
    from {
        -webkit-transform: translate3d(58vw, 101vh, 0);
        transform: translate3d(58vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(60vw, -116vh, 0);
        transform: translate3d(60vw, -116vh, 0);
    }
}

.ag-fireflies_item:nth-child(137) .ag-fireflies_inner {
    -webkit-animation-delay: 2831ms;
    animation-delay: 2831ms;
}

.ag-fireflies_item:nth-child(138) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-138;
    animation-name: an-move-frames-138;
    -webkit-animation-duration: 28065ms;
    animation-duration: 28065ms;
    -webkit-animation-delay: 28402ms;
    animation-delay: 28402ms;
}

@-webkit-keyframes an-move-frames-138 {
    from {
        -webkit-transform: translate3d(54vw, 108vh, 0);
        transform: translate3d(54vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(15vw, -117vh, 0);
        transform: translate3d(15vw, -117vh, 0);
    }
}

@keyframes an-move-frames-138 {
    from {
        -webkit-transform: translate3d(54vw, 108vh, 0);
        transform: translate3d(54vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(15vw, -117vh, 0);
        transform: translate3d(15vw, -117vh, 0);
    }
}

.ag-fireflies_item:nth-child(138) .ag-fireflies_inner {
    -webkit-animation-delay: 2482ms;
    animation-delay: 2482ms;
}

.ag-fireflies_item:nth-child(139) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-139;
    animation-name: an-move-frames-139;
    -webkit-animation-duration: 29743ms;
    animation-duration: 29743ms;
    -webkit-animation-delay: 36592ms;
    animation-delay: 36592ms;
}

@-webkit-keyframes an-move-frames-139 {
    from {
        -webkit-transform: translate3d(46vw, 104vh, 0);
        transform: translate3d(46vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -105vh, 0);
        transform: translate3d(42vw, -105vh, 0);
    }
}

@keyframes an-move-frames-139 {
    from {
        -webkit-transform: translate3d(46vw, 104vh, 0);
        transform: translate3d(46vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(42vw, -105vh, 0);
        transform: translate3d(42vw, -105vh, 0);
    }
}

.ag-fireflies_item:nth-child(139) .ag-fireflies_inner {
    -webkit-animation-delay: 528ms;
    animation-delay: 528ms;
}

.ag-fireflies_item:nth-child(140) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-140;
    animation-name: an-move-frames-140;
    -webkit-animation-duration: 31117ms;
    animation-duration: 31117ms;
    -webkit-animation-delay: 21519ms;
    animation-delay: 21519ms;
}

@-webkit-keyframes an-move-frames-140 {
    from {
        -webkit-transform: translate3d(37vw, 102vh, 0);
        transform: translate3d(37vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(34vw, -120vh, 0);
        transform: translate3d(34vw, -120vh, 0);
    }
}

@keyframes an-move-frames-140 {
    from {
        -webkit-transform: translate3d(37vw, 102vh, 0);
        transform: translate3d(37vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(34vw, -120vh, 0);
        transform: translate3d(34vw, -120vh, 0);
    }
}

.ag-fireflies_item:nth-child(140) .ag-fireflies_inner {
    -webkit-animation-delay: 1816ms;
    animation-delay: 1816ms;
}

.ag-fireflies_item:nth-child(141) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-141;
    animation-name: an-move-frames-141;
    -webkit-animation-duration: 36595ms;
    animation-duration: 36595ms;
    -webkit-animation-delay: 17550ms;
    animation-delay: 17550ms;
}

@-webkit-keyframes an-move-frames-141 {
    from {
        -webkit-transform: translate3d(24vw, 109vh, 0);
        transform: translate3d(24vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(64vw, -131vh, 0);
        transform: translate3d(64vw, -131vh, 0);
    }
}

@keyframes an-move-frames-141 {
    from {
        -webkit-transform: translate3d(24vw, 109vh, 0);
        transform: translate3d(24vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(64vw, -131vh, 0);
        transform: translate3d(64vw, -131vh, 0);
    }
}

.ag-fireflies_item:nth-child(141) .ag-fireflies_inner {
    -webkit-animation-delay: 3334ms;
    animation-delay: 3334ms;
}

.ag-fireflies_item:nth-child(142) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-142;
    animation-name: an-move-frames-142;
    -webkit-animation-duration: 35147ms;
    animation-duration: 35147ms;
    -webkit-animation-delay: 12549ms;
    animation-delay: 12549ms;
}

@-webkit-keyframes an-move-frames-142 {
    from {
        -webkit-transform: translate3d(32vw, 104vh, 0);
        transform: translate3d(32vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(89vw, -129vh, 0);
        transform: translate3d(89vw, -129vh, 0);
    }
}

@keyframes an-move-frames-142 {
    from {
        -webkit-transform: translate3d(32vw, 104vh, 0);
        transform: translate3d(32vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(89vw, -129vh, 0);
        transform: translate3d(89vw, -129vh, 0);
    }
}

.ag-fireflies_item:nth-child(142) .ag-fireflies_inner {
    -webkit-animation-delay: 1761ms;
    animation-delay: 1761ms;
}

.ag-fireflies_item:nth-child(143) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-143;
    animation-name: an-move-frames-143;
    -webkit-animation-duration: 35884ms;
    animation-duration: 35884ms;
    -webkit-animation-delay: 14000ms;
    animation-delay: 14000ms;
}

@-webkit-keyframes an-move-frames-143 {
    from {
        -webkit-transform: translate3d(16vw, 106vh, 0);
        transform: translate3d(16vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(75vw, -128vh, 0);
        transform: translate3d(75vw, -128vh, 0);
    }
}

@keyframes an-move-frames-143 {
    from {
        -webkit-transform: translate3d(16vw, 106vh, 0);
        transform: translate3d(16vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(75vw, -128vh, 0);
        transform: translate3d(75vw, -128vh, 0);
    }
}

.ag-fireflies_item:nth-child(143) .ag-fireflies_inner {
    -webkit-animation-delay: 297ms;
    animation-delay: 297ms;
}

.ag-fireflies_item:nth-child(144) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-144;
    animation-name: an-move-frames-144;
    -webkit-animation-duration: 30518ms;
    animation-duration: 30518ms;
    -webkit-animation-delay: 7648ms;
    animation-delay: 7648ms;
}

@-webkit-keyframes an-move-frames-144 {
    from {
        -webkit-transform: translate3d(85vw, 110vh, 0);
        transform: translate3d(85vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(9vw, -115vh, 0);
        transform: translate3d(9vw, -115vh, 0);
    }
}

@keyframes an-move-frames-144 {
    from {
        -webkit-transform: translate3d(85vw, 110vh, 0);
        transform: translate3d(85vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(9vw, -115vh, 0);
        transform: translate3d(9vw, -115vh, 0);
    }
}

.ag-fireflies_item:nth-child(144) .ag-fireflies_inner {
    -webkit-animation-delay: 2010ms;
    animation-delay: 2010ms;
}

.ag-fireflies_item:nth-child(145) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-145;
    animation-name: an-move-frames-145;
    -webkit-animation-duration: 30093ms;
    animation-duration: 30093ms;
    -webkit-animation-delay: 21729ms;
    animation-delay: 21729ms;
}

@-webkit-keyframes an-move-frames-145 {
    from {
        -webkit-transform: translate3d(78vw, 107vh, 0);
        transform: translate3d(78vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -133vh, 0);
        transform: translate3d(62vw, -133vh, 0);
    }
}

@keyframes an-move-frames-145 {
    from {
        -webkit-transform: translate3d(78vw, 107vh, 0);
        transform: translate3d(78vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -133vh, 0);
        transform: translate3d(62vw, -133vh, 0);
    }
}

.ag-fireflies_item:nth-child(145) .ag-fireflies_inner {
    -webkit-animation-delay: 2444ms;
    animation-delay: 2444ms;
}

.ag-fireflies_item:nth-child(146) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-146;
    animation-name: an-move-frames-146;
    -webkit-animation-duration: 33975ms;
    animation-duration: 33975ms;
    -webkit-animation-delay: 9135ms;
    animation-delay: 9135ms;
}

@-webkit-keyframes an-move-frames-146 {
    from {
        -webkit-transform: translate3d(91vw, 108vh, 0);
        transform: translate3d(91vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(75vw, -122vh, 0);
        transform: translate3d(75vw, -122vh, 0);
    }
}

@keyframes an-move-frames-146 {
    from {
        -webkit-transform: translate3d(91vw, 108vh, 0);
        transform: translate3d(91vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(75vw, -122vh, 0);
        transform: translate3d(75vw, -122vh, 0);
    }
}

.ag-fireflies_item:nth-child(146) .ag-fireflies_inner {
    -webkit-animation-delay: 2024ms;
    animation-delay: 2024ms;
}

.ag-fireflies_item:nth-child(147) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-147;
    animation-name: an-move-frames-147;
    -webkit-animation-duration: 30202ms;
    animation-duration: 30202ms;
    -webkit-animation-delay: 8100ms;
    animation-delay: 8100ms;
}

@-webkit-keyframes an-move-frames-147 {
    from {
        -webkit-transform: translate3d(69vw, 107vh, 0);
        transform: translate3d(69vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(22vw, -130vh, 0);
        transform: translate3d(22vw, -130vh, 0);
    }
}

@keyframes an-move-frames-147 {
    from {
        -webkit-transform: translate3d(69vw, 107vh, 0);
        transform: translate3d(69vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(22vw, -130vh, 0);
        transform: translate3d(22vw, -130vh, 0);
    }
}

.ag-fireflies_item:nth-child(147) .ag-fireflies_inner {
    -webkit-animation-delay: 1377ms;
    animation-delay: 1377ms;
}

.ag-fireflies_item:nth-child(148) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-148;
    animation-name: an-move-frames-148;
    -webkit-animation-duration: 35863ms;
    animation-duration: 35863ms;
    -webkit-animation-delay: 35450ms;
    animation-delay: 35450ms;
}

@-webkit-keyframes an-move-frames-148 {
    from {
        -webkit-transform: translate3d(11vw, 106vh, 0);
        transform: translate3d(11vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -121vh, 0);
        transform: translate3d(31vw, -121vh, 0);
    }
}

@keyframes an-move-frames-148 {
    from {
        -webkit-transform: translate3d(11vw, 106vh, 0);
        transform: translate3d(11vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(31vw, -121vh, 0);
        transform: translate3d(31vw, -121vh, 0);
    }
}

.ag-fireflies_item:nth-child(148) .ag-fireflies_inner {
    -webkit-animation-delay: 617ms;
    animation-delay: 617ms;
}

.ag-fireflies_item:nth-child(149) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-149;
    animation-name: an-move-frames-149;
    -webkit-animation-duration: 29760ms;
    animation-duration: 29760ms;
    -webkit-animation-delay: 805ms;
    animation-delay: 805ms;
}

@-webkit-keyframes an-move-frames-149 {
    from {
        -webkit-transform: translate3d(10vw, 109vh, 0);
        transform: translate3d(10vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(24vw, -133vh, 0);
        transform: translate3d(24vw, -133vh, 0);
    }
}

@keyframes an-move-frames-149 {
    from {
        -webkit-transform: translate3d(10vw, 109vh, 0);
        transform: translate3d(10vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(24vw, -133vh, 0);
        transform: translate3d(24vw, -133vh, 0);
    }
}

.ag-fireflies_item:nth-child(149) .ag-fireflies_inner {
    -webkit-animation-delay: 2745ms;
    animation-delay: 2745ms;
}

.ag-fireflies_item:nth-child(150) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-150;
    animation-name: an-move-frames-150;
    -webkit-animation-duration: 28892ms;
    animation-duration: 28892ms;
    -webkit-animation-delay: 17611ms;
    animation-delay: 17611ms;
}

@-webkit-keyframes an-move-frames-150 {
    from {
        -webkit-transform: translate3d(24vw, 108vh, 0);
        transform: translate3d(24vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(27vw, -113vh, 0);
        transform: translate3d(27vw, -113vh, 0);
    }
}

@keyframes an-move-frames-150 {
    from {
        -webkit-transform: translate3d(24vw, 108vh, 0);
        transform: translate3d(24vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(27vw, -113vh, 0);
        transform: translate3d(27vw, -113vh, 0);
    }
}

.ag-fireflies_item:nth-child(150) .ag-fireflies_inner {
    -webkit-animation-delay: 2530ms;
    animation-delay: 2530ms;
}

.ag-fireflies_item:nth-child(151) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-151;
    animation-name: an-move-frames-151;
    -webkit-animation-duration: 33297ms;
    animation-duration: 33297ms;
    -webkit-animation-delay: 12319ms;
    animation-delay: 12319ms;
}

@-webkit-keyframes an-move-frames-151 {
    from {
        -webkit-transform: translate3d(57vw, 106vh, 0);
        transform: translate3d(57vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(45vw, -127vh, 0);
        transform: translate3d(45vw, -127vh, 0);
    }
}

@keyframes an-move-frames-151 {
    from {
        -webkit-transform: translate3d(57vw, 106vh, 0);
        transform: translate3d(57vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(45vw, -127vh, 0);
        transform: translate3d(45vw, -127vh, 0);
    }
}

.ag-fireflies_item:nth-child(151) .ag-fireflies_inner {
    -webkit-animation-delay: 1054ms;
    animation-delay: 1054ms;
}

.ag-fireflies_item:nth-child(152) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-152;
    animation-name: an-move-frames-152;
    -webkit-animation-duration: 28981ms;
    animation-duration: 28981ms;
    -webkit-animation-delay: 1608ms;
    animation-delay: 1608ms;
}

@-webkit-keyframes an-move-frames-152 {
    from {
        -webkit-transform: translate3d(9vw, 106vh, 0);
        transform: translate3d(9vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(22vw, -126vh, 0);
        transform: translate3d(22vw, -126vh, 0);
    }
}

@keyframes an-move-frames-152 {
    from {
        -webkit-transform: translate3d(9vw, 106vh, 0);
        transform: translate3d(9vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(22vw, -126vh, 0);
        transform: translate3d(22vw, -126vh, 0);
    }
}

.ag-fireflies_item:nth-child(152) .ag-fireflies_inner {
    -webkit-animation-delay: 1751ms;
    animation-delay: 1751ms;
}

.ag-fireflies_item:nth-child(153) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-153;
    animation-name: an-move-frames-153;
    -webkit-animation-duration: 34323ms;
    animation-duration: 34323ms;
    -webkit-animation-delay: 31389ms;
    animation-delay: 31389ms;
}

@-webkit-keyframes an-move-frames-153 {
    from {
        -webkit-transform: translate3d(89vw, 101vh, 0);
        transform: translate3d(89vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(29vw, -110vh, 0);
        transform: translate3d(29vw, -110vh, 0);
    }
}

@keyframes an-move-frames-153 {
    from {
        -webkit-transform: translate3d(89vw, 101vh, 0);
        transform: translate3d(89vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(29vw, -110vh, 0);
        transform: translate3d(29vw, -110vh, 0);
    }
}

.ag-fireflies_item:nth-child(153) .ag-fireflies_inner {
    -webkit-animation-delay: 1290ms;
    animation-delay: 1290ms;
}

.ag-fireflies_item:nth-child(154) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-154;
    animation-name: an-move-frames-154;
    -webkit-animation-duration: 31955ms;
    animation-duration: 31955ms;
    -webkit-animation-delay: 1267ms;
    animation-delay: 1267ms;
}

@-webkit-keyframes an-move-frames-154 {
    from {
        -webkit-transform: translate3d(77vw, 106vh, 0);
        transform: translate3d(77vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(66vw, -126vh, 0);
        transform: translate3d(66vw, -126vh, 0);
    }
}

@keyframes an-move-frames-154 {
    from {
        -webkit-transform: translate3d(77vw, 106vh, 0);
        transform: translate3d(77vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(66vw, -126vh, 0);
        transform: translate3d(66vw, -126vh, 0);
    }
}

.ag-fireflies_item:nth-child(154) .ag-fireflies_inner {
    -webkit-animation-delay: 3942ms;
    animation-delay: 3942ms;
}

.ag-fireflies_item:nth-child(155) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-155;
    animation-name: an-move-frames-155;
    -webkit-animation-duration: 29838ms;
    animation-duration: 29838ms;
    -webkit-animation-delay: 15619ms;
    animation-delay: 15619ms;
}

@-webkit-keyframes an-move-frames-155 {
    from {
        -webkit-transform: translate3d(49vw, 109vh, 0);
        transform: translate3d(49vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(79vw, -137vh, 0);
        transform: translate3d(79vw, -137vh, 0);
    }
}

@keyframes an-move-frames-155 {
    from {
        -webkit-transform: translate3d(49vw, 109vh, 0);
        transform: translate3d(49vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(79vw, -137vh, 0);
        transform: translate3d(79vw, -137vh, 0);
    }
}

.ag-fireflies_item:nth-child(155) .ag-fireflies_inner {
    -webkit-animation-delay: 2741ms;
    animation-delay: 2741ms;
}

.ag-fireflies_item:nth-child(156) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-156;
    animation-name: an-move-frames-156;
    -webkit-animation-duration: 34439ms;
    animation-duration: 34439ms;
    -webkit-animation-delay: 27590ms;
    animation-delay: 27590ms;
}

@-webkit-keyframes an-move-frames-156 {
    from {
        -webkit-transform: translate3d(99vw, 102vh, 0);
        transform: translate3d(99vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(51vw, -107vh, 0);
        transform: translate3d(51vw, -107vh, 0);
    }
}

@keyframes an-move-frames-156 {
    from {
        -webkit-transform: translate3d(99vw, 102vh, 0);
        transform: translate3d(99vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(51vw, -107vh, 0);
        transform: translate3d(51vw, -107vh, 0);
    }
}

.ag-fireflies_item:nth-child(156) .ag-fireflies_inner {
    -webkit-animation-delay: 898ms;
    animation-delay: 898ms;
}

.ag-fireflies_item:nth-child(157) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-157;
    animation-name: an-move-frames-157;
    -webkit-animation-duration: 29825ms;
    animation-duration: 29825ms;
    -webkit-animation-delay: 6485ms;
    animation-delay: 6485ms;
}

@-webkit-keyframes an-move-frames-157 {
    from {
        -webkit-transform: translate3d(14vw, 105vh, 0);
        transform: translate3d(14vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(3vw, -112vh, 0);
        transform: translate3d(3vw, -112vh, 0);
    }
}

@keyframes an-move-frames-157 {
    from {
        -webkit-transform: translate3d(14vw, 105vh, 0);
        transform: translate3d(14vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(3vw, -112vh, 0);
        transform: translate3d(3vw, -112vh, 0);
    }
}

.ag-fireflies_item:nth-child(157) .ag-fireflies_inner {
    -webkit-animation-delay: 2343ms;
    animation-delay: 2343ms;
}

.ag-fireflies_item:nth-child(158) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-158;
    animation-name: an-move-frames-158;
    -webkit-animation-duration: 32507ms;
    animation-duration: 32507ms;
    -webkit-animation-delay: 27627ms;
    animation-delay: 27627ms;
}

@-webkit-keyframes an-move-frames-158 {
    from {
        -webkit-transform: translate3d(27vw, 106vh, 0);
        transform: translate3d(27vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(74vw, -120vh, 0);
        transform: translate3d(74vw, -120vh, 0);
    }
}

@keyframes an-move-frames-158 {
    from {
        -webkit-transform: translate3d(27vw, 106vh, 0);
        transform: translate3d(27vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(74vw, -120vh, 0);
        transform: translate3d(74vw, -120vh, 0);
    }
}

.ag-fireflies_item:nth-child(158) .ag-fireflies_inner {
    -webkit-animation-delay: 1506ms;
    animation-delay: 1506ms;
}

.ag-fireflies_item:nth-child(159) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-159;
    animation-name: an-move-frames-159;
    -webkit-animation-duration: 31423ms;
    animation-duration: 31423ms;
    -webkit-animation-delay: 3265ms;
    animation-delay: 3265ms;
}

@-webkit-keyframes an-move-frames-159 {
    from {
        -webkit-transform: translate3d(63vw, 108vh, 0);
        transform: translate3d(63vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(65vw, -130vh, 0);
        transform: translate3d(65vw, -130vh, 0);
    }
}

@keyframes an-move-frames-159 {
    from {
        -webkit-transform: translate3d(63vw, 108vh, 0);
        transform: translate3d(63vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(65vw, -130vh, 0);
        transform: translate3d(65vw, -130vh, 0);
    }
}

.ag-fireflies_item:nth-child(159) .ag-fireflies_inner {
    -webkit-animation-delay: 401ms;
    animation-delay: 401ms;
}

.ag-fireflies_item:nth-child(160) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-160;
    animation-name: an-move-frames-160;
    -webkit-animation-duration: 35209ms;
    animation-duration: 35209ms;
    -webkit-animation-delay: 19246ms;
    animation-delay: 19246ms;
}

@-webkit-keyframes an-move-frames-160 {
    from {
        -webkit-transform: translate3d(97vw, 104vh, 0);
        transform: translate3d(97vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(78vw, -110vh, 0);
        transform: translate3d(78vw, -110vh, 0);
    }
}

@keyframes an-move-frames-160 {
    from {
        -webkit-transform: translate3d(97vw, 104vh, 0);
        transform: translate3d(97vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(78vw, -110vh, 0);
        transform: translate3d(78vw, -110vh, 0);
    }
}

.ag-fireflies_item:nth-child(160) .ag-fireflies_inner {
    -webkit-animation-delay: 2884ms;
    animation-delay: 2884ms;
}

.ag-fireflies_item:nth-child(161) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-161;
    animation-name: an-move-frames-161;
    -webkit-animation-duration: 35392ms;
    animation-duration: 35392ms;
    -webkit-animation-delay: 19024ms;
    animation-delay: 19024ms;
}

@-webkit-keyframes an-move-frames-161 {
    from {
        -webkit-transform: translate3d(47vw, 101vh, 0);
        transform: translate3d(47vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(8vw, -111vh, 0);
        transform: translate3d(8vw, -111vh, 0);
    }
}

@keyframes an-move-frames-161 {
    from {
        -webkit-transform: translate3d(47vw, 101vh, 0);
        transform: translate3d(47vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(8vw, -111vh, 0);
        transform: translate3d(8vw, -111vh, 0);
    }
}

.ag-fireflies_item:nth-child(161) .ag-fireflies_inner {
    -webkit-animation-delay: 593ms;
    animation-delay: 593ms;
}

.ag-fireflies_item:nth-child(162) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-162;
    animation-name: an-move-frames-162;
    -webkit-animation-duration: 28689ms;
    animation-duration: 28689ms;
    -webkit-animation-delay: 19995ms;
    animation-delay: 19995ms;
}

@-webkit-keyframes an-move-frames-162 {
    from {
        -webkit-transform: translate3d(38vw, 101vh, 0);
        transform: translate3d(38vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(77vw, -114vh, 0);
        transform: translate3d(77vw, -114vh, 0);
    }
}

@keyframes an-move-frames-162 {
    from {
        -webkit-transform: translate3d(38vw, 101vh, 0);
        transform: translate3d(38vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(77vw, -114vh, 0);
        transform: translate3d(77vw, -114vh, 0);
    }
}

.ag-fireflies_item:nth-child(162) .ag-fireflies_inner {
    -webkit-animation-delay: 1367ms;
    animation-delay: 1367ms;
}

.ag-fireflies_item:nth-child(163) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-163;
    animation-name: an-move-frames-163;
    -webkit-animation-duration: 30864ms;
    animation-duration: 30864ms;
    -webkit-animation-delay: 15511ms;
    animation-delay: 15511ms;
}

@-webkit-keyframes an-move-frames-163 {
    from {
        -webkit-transform: translate3d(61vw, 108vh, 0);
        transform: translate3d(61vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(95vw, -111vh, 0);
        transform: translate3d(95vw, -111vh, 0);
    }
}

@keyframes an-move-frames-163 {
    from {
        -webkit-transform: translate3d(61vw, 108vh, 0);
        transform: translate3d(61vw, 108vh, 0);
    }

    to {
        -webkit-transform: translate3d(95vw, -111vh, 0);
        transform: translate3d(95vw, -111vh, 0);
    }
}

.ag-fireflies_item:nth-child(163) .ag-fireflies_inner {
    -webkit-animation-delay: 1316ms;
    animation-delay: 1316ms;
}

.ag-fireflies_item:nth-child(164) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-164;
    animation-name: an-move-frames-164;
    -webkit-animation-duration: 31279ms;
    animation-duration: 31279ms;
    -webkit-animation-delay: 11102ms;
    animation-delay: 11102ms;
}

@-webkit-keyframes an-move-frames-164 {
    from {
        -webkit-transform: translate3d(40vw, 101vh, 0);
        transform: translate3d(40vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(17vw, -107vh, 0);
        transform: translate3d(17vw, -107vh, 0);
    }
}

@keyframes an-move-frames-164 {
    from {
        -webkit-transform: translate3d(40vw, 101vh, 0);
        transform: translate3d(40vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(17vw, -107vh, 0);
        transform: translate3d(17vw, -107vh, 0);
    }
}

.ag-fireflies_item:nth-child(164) .ag-fireflies_inner {
    -webkit-animation-delay: 630ms;
    animation-delay: 630ms;
}

.ag-fireflies_item:nth-child(165) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-165;
    animation-name: an-move-frames-165;
    -webkit-animation-duration: 28683ms;
    animation-duration: 28683ms;
    -webkit-animation-delay: 8340ms;
    animation-delay: 8340ms;
}

@-webkit-keyframes an-move-frames-165 {
    from {
        -webkit-transform: translate3d(21vw, 103vh, 0);
        transform: translate3d(21vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(52vw, -128vh, 0);
        transform: translate3d(52vw, -128vh, 0);
    }
}

@keyframes an-move-frames-165 {
    from {
        -webkit-transform: translate3d(21vw, 103vh, 0);
        transform: translate3d(21vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(52vw, -128vh, 0);
        transform: translate3d(52vw, -128vh, 0);
    }
}

.ag-fireflies_item:nth-child(165) .ag-fireflies_inner {
    -webkit-animation-delay: 2859ms;
    animation-delay: 2859ms;
}

.ag-fireflies_item:nth-child(166) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-166;
    animation-name: an-move-frames-166;
    -webkit-animation-duration: 36532ms;
    animation-duration: 36532ms;
    -webkit-animation-delay: 7476ms;
    animation-delay: 7476ms;
}

@-webkit-keyframes an-move-frames-166 {
    from {
        -webkit-transform: translate3d(65vw, 107vh, 0);
        transform: translate3d(65vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(6vw, -122vh, 0);
        transform: translate3d(6vw, -122vh, 0);
    }
}

@keyframes an-move-frames-166 {
    from {
        -webkit-transform: translate3d(65vw, 107vh, 0);
        transform: translate3d(65vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(6vw, -122vh, 0);
        transform: translate3d(6vw, -122vh, 0);
    }
}

.ag-fireflies_item:nth-child(166) .ag-fireflies_inner {
    -webkit-animation-delay: 2797ms;
    animation-delay: 2797ms;
}

.ag-fireflies_item:nth-child(167) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-167;
    animation-name: an-move-frames-167;
    -webkit-animation-duration: 28213ms;
    animation-duration: 28213ms;
    -webkit-animation-delay: 6779ms;
    animation-delay: 6779ms;
}

@-webkit-keyframes an-move-frames-167 {
    from {
        -webkit-transform: translate3d(25vw, 102vh, 0);
        transform: translate3d(25vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(84vw, -127vh, 0);
        transform: translate3d(84vw, -127vh, 0);
    }
}

@keyframes an-move-frames-167 {
    from {
        -webkit-transform: translate3d(25vw, 102vh, 0);
        transform: translate3d(25vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(84vw, -127vh, 0);
        transform: translate3d(84vw, -127vh, 0);
    }
}

.ag-fireflies_item:nth-child(167) .ag-fireflies_inner {
    -webkit-animation-delay: 3732ms;
    animation-delay: 3732ms;
}

.ag-fireflies_item:nth-child(168) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-168;
    animation-name: an-move-frames-168;
    -webkit-animation-duration: 33136ms;
    animation-duration: 33136ms;
    -webkit-animation-delay: 12005ms;
    animation-delay: 12005ms;
}

@-webkit-keyframes an-move-frames-168 {
    from {
        -webkit-transform: translate3d(43vw, 105vh, 0);
        transform: translate3d(43vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -127vh, 0);
        transform: translate3d(62vw, -127vh, 0);
    }
}

@keyframes an-move-frames-168 {
    from {
        -webkit-transform: translate3d(43vw, 105vh, 0);
        transform: translate3d(43vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -127vh, 0);
        transform: translate3d(62vw, -127vh, 0);
    }
}

.ag-fireflies_item:nth-child(168) .ag-fireflies_inner {
    -webkit-animation-delay: 2235ms;
    animation-delay: 2235ms;
}

.ag-fireflies_item:nth-child(169) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-169;
    animation-name: an-move-frames-169;
    -webkit-animation-duration: 30211ms;
    animation-duration: 30211ms;
    -webkit-animation-delay: 18155ms;
    animation-delay: 18155ms;
}

@-webkit-keyframes an-move-frames-169 {
    from {
        -webkit-transform: translate3d(74vw, 109vh, 0);
        transform: translate3d(74vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(82vw, -118vh, 0);
        transform: translate3d(82vw, -118vh, 0);
    }
}

@keyframes an-move-frames-169 {
    from {
        -webkit-transform: translate3d(74vw, 109vh, 0);
        transform: translate3d(74vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(82vw, -118vh, 0);
        transform: translate3d(82vw, -118vh, 0);
    }
}

.ag-fireflies_item:nth-child(169) .ag-fireflies_inner {
    -webkit-animation-delay: 1459ms;
    animation-delay: 1459ms;
}

.ag-fireflies_item:nth-child(170) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-170;
    animation-name: an-move-frames-170;
    -webkit-animation-duration: 31126ms;
    animation-duration: 31126ms;
    -webkit-animation-delay: 17244ms;
    animation-delay: 17244ms;
}

@-webkit-keyframes an-move-frames-170 {
    from {
        -webkit-transform: translate3d(52vw, 106vh, 0);
        transform: translate3d(52vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(2vw, -112vh, 0);
        transform: translate3d(2vw, -112vh, 0);
    }
}

@keyframes an-move-frames-170 {
    from {
        -webkit-transform: translate3d(52vw, 106vh, 0);
        transform: translate3d(52vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(2vw, -112vh, 0);
        transform: translate3d(2vw, -112vh, 0);
    }
}

.ag-fireflies_item:nth-child(170) .ag-fireflies_inner {
    -webkit-animation-delay: 2995ms;
    animation-delay: 2995ms;
}

.ag-fireflies_item:nth-child(171) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-171;
    animation-name: an-move-frames-171;
    -webkit-animation-duration: 33058ms;
    animation-duration: 33058ms;
    -webkit-animation-delay: 30469ms;
    animation-delay: 30469ms;
}

@-webkit-keyframes an-move-frames-171 {
    from {
        -webkit-transform: translate3d(51vw, 102vh, 0);
        transform: translate3d(51vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(13vw, -132vh, 0);
        transform: translate3d(13vw, -132vh, 0);
    }
}

@keyframes an-move-frames-171 {
    from {
        -webkit-transform: translate3d(51vw, 102vh, 0);
        transform: translate3d(51vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(13vw, -132vh, 0);
        transform: translate3d(13vw, -132vh, 0);
    }
}

.ag-fireflies_item:nth-child(171) .ag-fireflies_inner {
    -webkit-animation-delay: 2400ms;
    animation-delay: 2400ms;
}

.ag-fireflies_item:nth-child(172) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-172;
    animation-name: an-move-frames-172;
    -webkit-animation-duration: 32437ms;
    animation-duration: 32437ms;
    -webkit-animation-delay: 4025ms;
    animation-delay: 4025ms;
}

@-webkit-keyframes an-move-frames-172 {
    from {
        -webkit-transform: translate3d(53vw, 103vh, 0);
        transform: translate3d(53vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(97vw, -110vh, 0);
        transform: translate3d(97vw, -110vh, 0);
    }
}

@keyframes an-move-frames-172 {
    from {
        -webkit-transform: translate3d(53vw, 103vh, 0);
        transform: translate3d(53vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(97vw, -110vh, 0);
        transform: translate3d(97vw, -110vh, 0);
    }
}

.ag-fireflies_item:nth-child(172) .ag-fireflies_inner {
    -webkit-animation-delay: 1818ms;
    animation-delay: 1818ms;
}

.ag-fireflies_item:nth-child(173) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-173;
    animation-name: an-move-frames-173;
    -webkit-animation-duration: 33257ms;
    animation-duration: 33257ms;
    -webkit-animation-delay: 21700ms;
    animation-delay: 21700ms;
}

@-webkit-keyframes an-move-frames-173 {
    from {
        -webkit-transform: translate3d(34vw, 105vh, 0);
        transform: translate3d(34vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(24vw, -117vh, 0);
        transform: translate3d(24vw, -117vh, 0);
    }
}

@keyframes an-move-frames-173 {
    from {
        -webkit-transform: translate3d(34vw, 105vh, 0);
        transform: translate3d(34vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(24vw, -117vh, 0);
        transform: translate3d(24vw, -117vh, 0);
    }
}

.ag-fireflies_item:nth-child(173) .ag-fireflies_inner {
    -webkit-animation-delay: 2507ms;
    animation-delay: 2507ms;
}

.ag-fireflies_item:nth-child(174) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-174;
    animation-name: an-move-frames-174;
    -webkit-animation-duration: 35562ms;
    animation-duration: 35562ms;
    -webkit-animation-delay: 13219ms;
    animation-delay: 13219ms;
}

@-webkit-keyframes an-move-frames-174 {
    from {
        -webkit-transform: translate3d(50vw, 109vh, 0);
        transform: translate3d(50vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(14vw, -132vh, 0);
        transform: translate3d(14vw, -132vh, 0);
    }
}

@keyframes an-move-frames-174 {
    from {
        -webkit-transform: translate3d(50vw, 109vh, 0);
        transform: translate3d(50vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(14vw, -132vh, 0);
        transform: translate3d(14vw, -132vh, 0);
    }
}

.ag-fireflies_item:nth-child(174) .ag-fireflies_inner {
    -webkit-animation-delay: 2242ms;
    animation-delay: 2242ms;
}

.ag-fireflies_item:nth-child(175) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-175;
    animation-name: an-move-frames-175;
    -webkit-animation-duration: 28292ms;
    animation-duration: 28292ms;
    -webkit-animation-delay: 241ms;
    animation-delay: 241ms;
}

@-webkit-keyframes an-move-frames-175 {
    from {
        -webkit-transform: translate3d(76vw, 107vh, 0);
        transform: translate3d(76vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(10vw, -109vh, 0);
        transform: translate3d(10vw, -109vh, 0);
    }
}

@keyframes an-move-frames-175 {
    from {
        -webkit-transform: translate3d(76vw, 107vh, 0);
        transform: translate3d(76vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(10vw, -109vh, 0);
        transform: translate3d(10vw, -109vh, 0);
    }
}

.ag-fireflies_item:nth-child(175) .ag-fireflies_inner {
    -webkit-animation-delay: 536ms;
    animation-delay: 536ms;
}

.ag-fireflies_item:nth-child(176) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-176;
    animation-name: an-move-frames-176;
    -webkit-animation-duration: 31436ms;
    animation-duration: 31436ms;
    -webkit-animation-delay: 36830ms;
    animation-delay: 36830ms;
}

@-webkit-keyframes an-move-frames-176 {
    from {
        -webkit-transform: translate3d(95vw, 110vh, 0);
        transform: translate3d(95vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(19vw, -125vh, 0);
        transform: translate3d(19vw, -125vh, 0);
    }
}

@keyframes an-move-frames-176 {
    from {
        -webkit-transform: translate3d(95vw, 110vh, 0);
        transform: translate3d(95vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(19vw, -125vh, 0);
        transform: translate3d(19vw, -125vh, 0);
    }
}

.ag-fireflies_item:nth-child(176) .ag-fireflies_inner {
    -webkit-animation-delay: 1307ms;
    animation-delay: 1307ms;
}

.ag-fireflies_item:nth-child(177) {
    width: 8px;
    height: 8px;
    -webkit-animation-name: an-move-frames-177;
    animation-name: an-move-frames-177;
    -webkit-animation-duration: 32155ms;
    animation-duration: 32155ms;
    -webkit-animation-delay: 1155ms;
    animation-delay: 1155ms;
}

@-webkit-keyframes an-move-frames-177 {
    from {
        -webkit-transform: translate3d(65vw, 103vh, 0);
        transform: translate3d(65vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(91vw, -125vh, 0);
        transform: translate3d(91vw, -125vh, 0);
    }
}

@keyframes an-move-frames-177 {
    from {
        -webkit-transform: translate3d(65vw, 103vh, 0);
        transform: translate3d(65vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(91vw, -125vh, 0);
        transform: translate3d(91vw, -125vh, 0);
    }
}

.ag-fireflies_item:nth-child(177) .ag-fireflies_inner {
    -webkit-animation-delay: 2174ms;
    animation-delay: 2174ms;
}

.ag-fireflies_item:nth-child(178) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-178;
    animation-name: an-move-frames-178;
    -webkit-animation-duration: 33620ms;
    animation-duration: 33620ms;
    -webkit-animation-delay: 8093ms;
    animation-delay: 8093ms;
}

@-webkit-keyframes an-move-frames-178 {
    from {
        -webkit-transform: translate3d(71vw, 110vh, 0);
        transform: translate3d(71vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -123vh, 0);
        transform: translate3d(62vw, -123vh, 0);
    }
}

@keyframes an-move-frames-178 {
    from {
        -webkit-transform: translate3d(71vw, 110vh, 0);
        transform: translate3d(71vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -123vh, 0);
        transform: translate3d(62vw, -123vh, 0);
    }
}

.ag-fireflies_item:nth-child(178) .ag-fireflies_inner {
    -webkit-animation-delay: 178ms;
    animation-delay: 178ms;
}

.ag-fireflies_item:nth-child(179) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-179;
    animation-name: an-move-frames-179;
    -webkit-animation-duration: 29547ms;
    animation-duration: 29547ms;
    -webkit-animation-delay: 17071ms;
    animation-delay: 17071ms;
}

@-webkit-keyframes an-move-frames-179 {
    from {
        -webkit-transform: translate3d(99vw, 110vh, 0);
        transform: translate3d(99vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(66vw, -136vh, 0);
        transform: translate3d(66vw, -136vh, 0);
    }
}

@keyframes an-move-frames-179 {
    from {
        -webkit-transform: translate3d(99vw, 110vh, 0);
        transform: translate3d(99vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(66vw, -136vh, 0);
        transform: translate3d(66vw, -136vh, 0);
    }
}

.ag-fireflies_item:nth-child(179) .ag-fireflies_inner {
    -webkit-animation-delay: 190ms;
    animation-delay: 190ms;
}

.ag-fireflies_item:nth-child(180) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-180;
    animation-name: an-move-frames-180;
    -webkit-animation-duration: 34661ms;
    animation-duration: 34661ms;
    -webkit-animation-delay: 18203ms;
    animation-delay: 18203ms;
}

@-webkit-keyframes an-move-frames-180 {
    from {
        -webkit-transform: translate3d(99vw, 102vh, 0);
        transform: translate3d(99vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(60vw, -130vh, 0);
        transform: translate3d(60vw, -130vh, 0);
    }
}

@keyframes an-move-frames-180 {
    from {
        -webkit-transform: translate3d(99vw, 102vh, 0);
        transform: translate3d(99vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(60vw, -130vh, 0);
        transform: translate3d(60vw, -130vh, 0);
    }
}

.ag-fireflies_item:nth-child(180) .ag-fireflies_inner {
    -webkit-animation-delay: 682ms;
    animation-delay: 682ms;
}

.ag-fireflies_item:nth-child(181) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-181;
    animation-name: an-move-frames-181;
    -webkit-animation-duration: 36982ms;
    animation-duration: 36982ms;
    -webkit-animation-delay: 32784ms;
    animation-delay: 32784ms;
}

@-webkit-keyframes an-move-frames-181 {
    from {
        -webkit-transform: translate3d(91vw, 109vh, 0);
        transform: translate3d(91vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(10vw, -132vh, 0);
        transform: translate3d(10vw, -132vh, 0);
    }
}

@keyframes an-move-frames-181 {
    from {
        -webkit-transform: translate3d(91vw, 109vh, 0);
        transform: translate3d(91vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(10vw, -132vh, 0);
        transform: translate3d(10vw, -132vh, 0);
    }
}

.ag-fireflies_item:nth-child(181) .ag-fireflies_inner {
    -webkit-animation-delay: 2412ms;
    animation-delay: 2412ms;
}

.ag-fireflies_item:nth-child(182) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-182;
    animation-name: an-move-frames-182;
    -webkit-animation-duration: 35560ms;
    animation-duration: 35560ms;
    -webkit-animation-delay: 17055ms;
    animation-delay: 17055ms;
}

@-webkit-keyframes an-move-frames-182 {
    from {
        -webkit-transform: translate3d(4vw, 103vh, 0);
        transform: translate3d(4vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -108vh, 0);
        transform: translate3d(63vw, -108vh, 0);
    }
}

@keyframes an-move-frames-182 {
    from {
        -webkit-transform: translate3d(4vw, 103vh, 0);
        transform: translate3d(4vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -108vh, 0);
        transform: translate3d(63vw, -108vh, 0);
    }
}

.ag-fireflies_item:nth-child(182) .ag-fireflies_inner {
    -webkit-animation-delay: 3286ms;
    animation-delay: 3286ms;
}

.ag-fireflies_item:nth-child(183) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-183;
    animation-name: an-move-frames-183;
    -webkit-animation-duration: 31164ms;
    animation-duration: 31164ms;
    -webkit-animation-delay: 13006ms;
    animation-delay: 13006ms;
}

@-webkit-keyframes an-move-frames-183 {
    from {
        -webkit-transform: translate3d(44vw, 105vh, 0);
        transform: translate3d(44vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(94vw, -110vh, 0);
        transform: translate3d(94vw, -110vh, 0);
    }
}

@keyframes an-move-frames-183 {
    from {
        -webkit-transform: translate3d(44vw, 105vh, 0);
        transform: translate3d(44vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(94vw, -110vh, 0);
        transform: translate3d(94vw, -110vh, 0);
    }
}

.ag-fireflies_item:nth-child(183) .ag-fireflies_inner {
    -webkit-animation-delay: 2459ms;
    animation-delay: 2459ms;
}

.ag-fireflies_item:nth-child(184) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-184;
    animation-name: an-move-frames-184;
    -webkit-animation-duration: 28120ms;
    animation-duration: 28120ms;
    -webkit-animation-delay: 8345ms;
    animation-delay: 8345ms;
}

@-webkit-keyframes an-move-frames-184 {
    from {
        -webkit-transform: translate3d(81vw, 109vh, 0);
        transform: translate3d(81vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(16vw, -110vh, 0);
        transform: translate3d(16vw, -110vh, 0);
    }
}

@keyframes an-move-frames-184 {
    from {
        -webkit-transform: translate3d(81vw, 109vh, 0);
        transform: translate3d(81vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(16vw, -110vh, 0);
        transform: translate3d(16vw, -110vh, 0);
    }
}

.ag-fireflies_item:nth-child(184) .ag-fireflies_inner {
    -webkit-animation-delay: 150ms;
    animation-delay: 150ms;
}

.ag-fireflies_item:nth-child(185) {
    width: 3px;
    height: 3px;
    -webkit-animation-name: an-move-frames-185;
    animation-name: an-move-frames-185;
    -webkit-animation-duration: 31552ms;
    animation-duration: 31552ms;
    -webkit-animation-delay: 28793ms;
    animation-delay: 28793ms;
}

@-webkit-keyframes an-move-frames-185 {
    from {
        -webkit-transform: translate3d(7vw, 105vh, 0);
        transform: translate3d(7vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(87vw, -135vh, 0);
        transform: translate3d(87vw, -135vh, 0);
    }
}

@keyframes an-move-frames-185 {
    from {
        -webkit-transform: translate3d(7vw, 105vh, 0);
        transform: translate3d(7vw, 105vh, 0);
    }

    to {
        -webkit-transform: translate3d(87vw, -135vh, 0);
        transform: translate3d(87vw, -135vh, 0);
    }
}

.ag-fireflies_item:nth-child(185) .ag-fireflies_inner {
    -webkit-animation-delay: 2178ms;
    animation-delay: 2178ms;
}

.ag-fireflies_item:nth-child(186) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-186;
    animation-name: an-move-frames-186;
    -webkit-animation-duration: 32328ms;
    animation-duration: 32328ms;
    -webkit-animation-delay: 11516ms;
    animation-delay: 11516ms;
}

@-webkit-keyframes an-move-frames-186 {
    from {
        -webkit-transform: translate3d(52vw, 109vh, 0);
        transform: translate3d(52vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(92vw, -111vh, 0);
        transform: translate3d(92vw, -111vh, 0);
    }
}

@keyframes an-move-frames-186 {
    from {
        -webkit-transform: translate3d(52vw, 109vh, 0);
        transform: translate3d(52vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(92vw, -111vh, 0);
        transform: translate3d(92vw, -111vh, 0);
    }
}

.ag-fireflies_item:nth-child(186) .ag-fireflies_inner {
    -webkit-animation-delay: 3928ms;
    animation-delay: 3928ms;
}

.ag-fireflies_item:nth-child(187) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-187;
    animation-name: an-move-frames-187;
    -webkit-animation-duration: 29586ms;
    animation-duration: 29586ms;
    -webkit-animation-delay: 22101ms;
    animation-delay: 22101ms;
}

@-webkit-keyframes an-move-frames-187 {
    from {
        -webkit-transform: translate3d(74vw, 107vh, 0);
        transform: translate3d(74vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(89vw, -122vh, 0);
        transform: translate3d(89vw, -122vh, 0);
    }
}

@keyframes an-move-frames-187 {
    from {
        -webkit-transform: translate3d(74vw, 107vh, 0);
        transform: translate3d(74vw, 107vh, 0);
    }

    to {
        -webkit-transform: translate3d(89vw, -122vh, 0);
        transform: translate3d(89vw, -122vh, 0);
    }
}

.ag-fireflies_item:nth-child(187) .ag-fireflies_inner {
    -webkit-animation-delay: 2347ms;
    animation-delay: 2347ms;
}

.ag-fireflies_item:nth-child(188) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-188;
    animation-name: an-move-frames-188;
    -webkit-animation-duration: 34939ms;
    animation-duration: 34939ms;
    -webkit-animation-delay: 22380ms;
    animation-delay: 22380ms;
}

@-webkit-keyframes an-move-frames-188 {
    from {
        -webkit-transform: translate3d(27vw, 104vh, 0);
        transform: translate3d(27vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(14vw, -124vh, 0);
        transform: translate3d(14vw, -124vh, 0);
    }
}

@keyframes an-move-frames-188 {
    from {
        -webkit-transform: translate3d(27vw, 104vh, 0);
        transform: translate3d(27vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(14vw, -124vh, 0);
        transform: translate3d(14vw, -124vh, 0);
    }
}

.ag-fireflies_item:nth-child(188) .ag-fireflies_inner {
    -webkit-animation-delay: 1308ms;
    animation-delay: 1308ms;
}

.ag-fireflies_item:nth-child(189) {
    width: 6px;
    height: 6px;
    -webkit-animation-name: an-move-frames-189;
    animation-name: an-move-frames-189;
    -webkit-animation-duration: 35559ms;
    animation-duration: 35559ms;
    -webkit-animation-delay: 19220ms;
    animation-delay: 19220ms;
}

@-webkit-keyframes an-move-frames-189 {
    from {
        -webkit-transform: translate3d(44vw, 106vh, 0);
        transform: translate3d(44vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(13vw, -128vh, 0);
        transform: translate3d(13vw, -128vh, 0);
    }
}

@keyframes an-move-frames-189 {
    from {
        -webkit-transform: translate3d(44vw, 106vh, 0);
        transform: translate3d(44vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(13vw, -128vh, 0);
        transform: translate3d(13vw, -128vh, 0);
    }
}

.ag-fireflies_item:nth-child(189) .ag-fireflies_inner {
    -webkit-animation-delay: 1134ms;
    animation-delay: 1134ms;
}

.ag-fireflies_item:nth-child(190) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-190;
    animation-name: an-move-frames-190;
    -webkit-animation-duration: 30405ms;
    animation-duration: 30405ms;
    -webkit-animation-delay: 7995ms;
    animation-delay: 7995ms;
}

@-webkit-keyframes an-move-frames-190 {
    from {
        -webkit-transform: translate3d(16vw, 109vh, 0);
        transform: translate3d(16vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(11vw, -126vh, 0);
        transform: translate3d(11vw, -126vh, 0);
    }
}

@keyframes an-move-frames-190 {
    from {
        -webkit-transform: translate3d(16vw, 109vh, 0);
        transform: translate3d(16vw, 109vh, 0);
    }

    to {
        -webkit-transform: translate3d(11vw, -126vh, 0);
        transform: translate3d(11vw, -126vh, 0);
    }
}

.ag-fireflies_item:nth-child(190) .ag-fireflies_inner {
    -webkit-animation-delay: 3171ms;
    animation-delay: 3171ms;
}

.ag-fireflies_item:nth-child(191) {
    width: 2px;
    height: 2px;
    -webkit-animation-name: an-move-frames-191;
    animation-name: an-move-frames-191;
    -webkit-animation-duration: 29458ms;
    animation-duration: 29458ms;
    -webkit-animation-delay: 26002ms;
    animation-delay: 26002ms;
}

@-webkit-keyframes an-move-frames-191 {
    from {
        -webkit-transform: translate3d(91vw, 103vh, 0);
        transform: translate3d(91vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(54vw, -115vh, 0);
        transform: translate3d(54vw, -115vh, 0);
    }
}

@keyframes an-move-frames-191 {
    from {
        -webkit-transform: translate3d(91vw, 103vh, 0);
        transform: translate3d(91vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(54vw, -115vh, 0);
        transform: translate3d(54vw, -115vh, 0);
    }
}

.ag-fireflies_item:nth-child(191) .ag-fireflies_inner {
    -webkit-animation-delay: 35ms;
    animation-delay: 35ms;
}

.ag-fireflies_item:nth-child(192) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-192;
    animation-name: an-move-frames-192;
    -webkit-animation-duration: 32433ms;
    animation-duration: 32433ms;
    -webkit-animation-delay: 29888ms;
    animation-delay: 29888ms;
}

@-webkit-keyframes an-move-frames-192 {
    from {
        -webkit-transform: translate3d(51vw, 110vh, 0);
        transform: translate3d(51vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -131vh, 0);
        transform: translate3d(62vw, -131vh, 0);
    }
}

@keyframes an-move-frames-192 {
    from {
        -webkit-transform: translate3d(51vw, 110vh, 0);
        transform: translate3d(51vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(62vw, -131vh, 0);
        transform: translate3d(62vw, -131vh, 0);
    }
}

.ag-fireflies_item:nth-child(192) .ag-fireflies_inner {
    -webkit-animation-delay: 3799ms;
    animation-delay: 3799ms;
}

.ag-fireflies_item:nth-child(193) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-193;
    animation-name: an-move-frames-193;
    -webkit-animation-duration: 36338ms;
    animation-duration: 36338ms;
    -webkit-animation-delay: 22299ms;
    animation-delay: 22299ms;
}

@-webkit-keyframes an-move-frames-193 {
    from {
        -webkit-transform: translate3d(72vw, 106vh, 0);
        transform: translate3d(72vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -132vh, 0);
        transform: translate3d(63vw, -132vh, 0);
    }
}

@keyframes an-move-frames-193 {
    from {
        -webkit-transform: translate3d(72vw, 106vh, 0);
        transform: translate3d(72vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(63vw, -132vh, 0);
        transform: translate3d(63vw, -132vh, 0);
    }
}

.ag-fireflies_item:nth-child(193) .ag-fireflies_inner {
    -webkit-animation-delay: 788ms;
    animation-delay: 788ms;
}

.ag-fireflies_item:nth-child(194) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-194;
    animation-name: an-move-frames-194;
    -webkit-animation-duration: 28999ms;
    animation-duration: 28999ms;
    -webkit-animation-delay: 12036ms;
    animation-delay: 12036ms;
}

@-webkit-keyframes an-move-frames-194 {
    from {
        -webkit-transform: translate3d(61vw, 110vh, 0);
        transform: translate3d(61vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(8vw, -135vh, 0);
        transform: translate3d(8vw, -135vh, 0);
    }
}

@keyframes an-move-frames-194 {
    from {
        -webkit-transform: translate3d(61vw, 110vh, 0);
        transform: translate3d(61vw, 110vh, 0);
    }

    to {
        -webkit-transform: translate3d(8vw, -135vh, 0);
        transform: translate3d(8vw, -135vh, 0);
    }
}

.ag-fireflies_item:nth-child(194) .ag-fireflies_inner {
    -webkit-animation-delay: 1203ms;
    animation-delay: 1203ms;
}

.ag-fireflies_item:nth-child(195) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-195;
    animation-name: an-move-frames-195;
    -webkit-animation-duration: 30282ms;
    animation-duration: 30282ms;
    -webkit-animation-delay: 1862ms;
    animation-delay: 1862ms;
}

@-webkit-keyframes an-move-frames-195 {
    from {
        -webkit-transform: translate3d(53vw, 104vh, 0);
        transform: translate3d(53vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(49vw, -105vh, 0);
        transform: translate3d(49vw, -105vh, 0);
    }
}

@keyframes an-move-frames-195 {
    from {
        -webkit-transform: translate3d(53vw, 104vh, 0);
        transform: translate3d(53vw, 104vh, 0);
    }

    to {
        -webkit-transform: translate3d(49vw, -105vh, 0);
        transform: translate3d(49vw, -105vh, 0);
    }
}

.ag-fireflies_item:nth-child(195) .ag-fireflies_inner {
    -webkit-animation-delay: 320ms;
    animation-delay: 320ms;
}

.ag-fireflies_item:nth-child(196) {
    width: 1px;
    height: 1px;
    -webkit-animation-name: an-move-frames-196;
    animation-name: an-move-frames-196;
    -webkit-animation-duration: 30847ms;
    animation-duration: 30847ms;
    -webkit-animation-delay: 2666ms;
    animation-delay: 2666ms;
}

@-webkit-keyframes an-move-frames-196 {
    from {
        -webkit-transform: translate3d(6vw, 103vh, 0);
        transform: translate3d(6vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(25vw, -129vh, 0);
        transform: translate3d(25vw, -129vh, 0);
    }
}

@keyframes an-move-frames-196 {
    from {
        -webkit-transform: translate3d(6vw, 103vh, 0);
        transform: translate3d(6vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(25vw, -129vh, 0);
        transform: translate3d(25vw, -129vh, 0);
    }
}

.ag-fireflies_item:nth-child(196) .ag-fireflies_inner {
    -webkit-animation-delay: 2396ms;
    animation-delay: 2396ms;
}

.ag-fireflies_item:nth-child(197) {
    width: 7px;
    height: 7px;
    -webkit-animation-name: an-move-frames-197;
    animation-name: an-move-frames-197;
    -webkit-animation-duration: 29463ms;
    animation-duration: 29463ms;
    -webkit-animation-delay: 32801ms;
    animation-delay: 32801ms;
}

@-webkit-keyframes an-move-frames-197 {
    from {
        -webkit-transform: translate3d(44vw, 101vh, 0);
        transform: translate3d(44vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(5vw, -117vh, 0);
        transform: translate3d(5vw, -117vh, 0);
    }
}

@keyframes an-move-frames-197 {
    from {
        -webkit-transform: translate3d(44vw, 101vh, 0);
        transform: translate3d(44vw, 101vh, 0);
    }

    to {
        -webkit-transform: translate3d(5vw, -117vh, 0);
        transform: translate3d(5vw, -117vh, 0);
    }
}

.ag-fireflies_item:nth-child(197) .ag-fireflies_inner {
    -webkit-animation-delay: 446ms;
    animation-delay: 446ms;
}

.ag-fireflies_item:nth-child(198) {
    width: 5px;
    height: 5px;
    -webkit-animation-name: an-move-frames-198;
    animation-name: an-move-frames-198;
    -webkit-animation-duration: 29463ms;
    animation-duration: 29463ms;
    -webkit-animation-delay: 26055ms;
    animation-delay: 26055ms;
}

@-webkit-keyframes an-move-frames-198 {
    from {
        -webkit-transform: translate3d(23vw, 103vh, 0);
        transform: translate3d(23vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(64vw, -107vh, 0);
        transform: translate3d(64vw, -107vh, 0);
    }
}

@keyframes an-move-frames-198 {
    from {
        -webkit-transform: translate3d(23vw, 103vh, 0);
        transform: translate3d(23vw, 103vh, 0);
    }

    to {
        -webkit-transform: translate3d(64vw, -107vh, 0);
        transform: translate3d(64vw, -107vh, 0);
    }
}

.ag-fireflies_item:nth-child(198) .ag-fireflies_inner {
    -webkit-animation-delay: 455ms;
    animation-delay: 455ms;
}

.ag-fireflies_item:nth-child(199) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-199;
    animation-name: an-move-frames-199;
    -webkit-animation-duration: 33860ms;
    animation-duration: 33860ms;
    -webkit-animation-delay: 25801ms;
    animation-delay: 25801ms;
}

@-webkit-keyframes an-move-frames-199 {
    from {
        -webkit-transform: translate3d(47vw, 106vh, 0);
        transform: translate3d(47vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(36vw, -136vh, 0);
        transform: translate3d(36vw, -136vh, 0);
    }
}

@keyframes an-move-frames-199 {
    from {
        -webkit-transform: translate3d(47vw, 106vh, 0);
        transform: translate3d(47vw, 106vh, 0);
    }

    to {
        -webkit-transform: translate3d(36vw, -136vh, 0);
        transform: translate3d(36vw, -136vh, 0);
    }
}

.ag-fireflies_item:nth-child(199) .ag-fireflies_inner {
    -webkit-animation-delay: 2695ms;
    animation-delay: 2695ms;
}

.ag-fireflies_item:nth-child(200) {
    width: 4px;
    height: 4px;
    -webkit-animation-name: an-move-frames-200;
    animation-name: an-move-frames-200;
    -webkit-animation-duration: 29702ms;
    animation-duration: 29702ms;
    -webkit-animation-delay: 16223ms;
    animation-delay: 16223ms;
}

@-webkit-keyframes an-move-frames-200 {
    from {
        -webkit-transform: translate3d(71vw, 102vh, 0);
        transform: translate3d(71vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(55vw, -122vh, 0);
        transform: translate3d(55vw, -122vh, 0);
    }
}

@keyframes an-move-frames-200 {
    from {
        -webkit-transform: translate3d(71vw, 102vh, 0);
        transform: translate3d(71vw, 102vh, 0);
    }

    to {
        -webkit-transform: translate3d(55vw, -122vh, 0);
        transform: translate3d(55vw, -122vh, 0);
    }
}

.ag-fireflies_item:nth-child(200) .ag-fireflies_inner {
    -webkit-animation-delay: 2695ms;
    animation-delay: 2695ms;
}

.ag-fireflies_inner {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    mix-blend-mode: screen;
    background-image: radial-gradient(#3d39c6 0%, rgb(148 127 241 / 90%) 10%);
    box-shadow: 0 0 .9375em .1875em #8887a3;
    -webkit-animation: an-scale-frames 2s infinite;
    animation: an-scale-frames 2s infinite;
}

@-webkit-keyframes an-scale-frames {
    0% {
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1);
    }

    50% {
        -webkit-transform: scale3d(1.4, 1.4, 1);
        transform: scale3d(1.4, 1.4, 1);
    }

    100% {
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1);
    }
}

@keyframes an-scale-frames {
    0% {
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1);
    }

    50% {
        -webkit-transform: scale3d(1.4, 1.4, 1);
        transform: scale3d(1.4, 1.4, 1);
    }

    100% {
        -webkit-transform: scale3d(0.4, 0.4, 1);
        transform: scale3d(0.4, 0.4, 1);
    }
}


@media only screen and (max-width: 768px) {
    .ag-format-container {
        width: 96%;
    }

}

@media only screen and (max-width: 639px) {}

@media only screen and (max-width: 479px) {}

@media (min-width: 425px) and (max-width: 979px) {
    .ag-format-container {
        width: 750px;
    }

}

@media (min-width: 980px) and (max-width: 1161px) {
    .ag-format-container {
        width: 960px;
    }

}