/* _content/SapharosAPI.Experimental.Survey.Blazor/Pages/360Builder/Main.razor.rz.scp.css */
*[b-9atxy7j24u] {
    font-family: 'SuperaGothic-Regular', sans-serif;
}
/* _content/SapharosAPI.Experimental.Survey.Blazor/Pages/ChatBot/Prompts.razor.rz.scp.css */
*[b-oqwqtji96s] {
    font-family: 'SuperaGothic-Regular', sans-serif;
}
/* _content/SapharosAPI.Experimental.Survey.Blazor/Shared/Layouts/CardLayout.razor.rz.scp.css */
/*** Particle Animation ***/
/*** Inspired by Tuts Plus https://codepen.io/tutsplus/pen/MrjYJK ***/
/*** and particles.js ***/
/* Red, Green, Blue, Yellow, Magenta */
body[b-5o7yqdxe81] {
    margin: 0;
}
.card-layout[b-5o7yqdxe81] {
    background: linear-gradient(0deg, #3654ff00, #26fdab00) no-repeat !important;
}
.particle-container[b-5o7yqdxe81] {
    background-color: #ffffff;
    height: 100vh;
    position: fixed; /* O absolute, dependiendo de tus necesidades */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1; /* Asegura que se renderice detrás de otros elementos */
    pointer-events: none;
}

.svg-color .cls-1[b-5o7yqdxe81] {
    fill: #FF0000; /* Cambia el color aquí */
}

.svg-color .cls-3[b-5o7yqdxe81] {
    fill: #00FF00; /* Cambia el color aquí */
}

.circle[b-5o7yqdxe81] {
    border-radius: 50%;
    position: absolute;
    z-index: 12;
}

@-webkit-keyframes particle-animation-1 {
    0% {
        -webkit-transform: translate3d(66vw, 45vh, 330px) rotate(18deg);
        transform: translate3d(109vw, 77vh, 115px) rotate(30deg);
    }
    100% {
        -webkit-transform: translate3d(38vw, 6vh, 81px) rotate(94deg);
        transform: translate3d(13vw, 68vh, 364px) rotate(139deg);
    }
}
@keyframes particle-animation-1-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(58vw, 84vh, 72px) rotate(67deg);
        transform: translate3d(97vw, 41vh, 188px) rotate(75deg);
    }
    100% {
        -webkit-transform: translate3d(6vw, 18vh, 272px) rotate(11deg);
        transform: translate3d(11vw, 92vh, 239px) rotate(34deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(1)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-1 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-1-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 35px;
    width: 35px;
    background-color: #49b206;
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

@-webkit-keyframes particle-animation-2 {
    0% {
        -webkit-transform: translate3d(21vw, 6vh, 145px) rotate(9deg);
        transform: translate3d(57vw, 46vh, 337px) rotate(81deg);
    }
    100% {
        -webkit-transform: translate3d(61vw, 74vh, 222px) rotate(47deg);
        transform: translate3d(45vw, 70vh, 151px) rotate(125deg);
    }
}
@keyframes particle-animation-2-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(21vw, 61vh, 47px) rotate(6deg);
        transform: translate3d(54vw, 84vh, 40px) rotate(6deg);
    }
    100% {
        -webkit-transform: translate3d(12vw, 93vh, 45px) rotate(56deg);
        transform: translate3d(70vw, 9vh, 12px) rotate(135deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(2)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-2 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-2-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 45px;
    width: 45px;
    background-color: #0877af;
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}

@-webkit-keyframes particle-animation-3 {
    0% {
        -webkit-transform: translate3d(10vw, 41vh, 397px) rotate(57deg);
        transform: translate3d(5vw, 56vh, 134px) rotate(78deg);
    }
    100% {
        -webkit-transform: translate3d(89vw, 83vh, 287px) rotate(39deg);
        transform: translate3d(10vw, 26vh, 345px) rotate(126deg);
    }
}
@keyframes particle-animation-3-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(15vw, 91vh, 52px) rotate(27deg);
        transform: translate3d(88vw, 8vh, 390px) rotate(83deg);
    }
    100% {
        -webkit-transform: translate3d(6vw, 19vh, 282px) rotate(126deg);
        transform: translate3d(77vw, 62vh, 190px) rotate(172deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(3)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-3 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-3-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 100px;
    width: 100px;
    background-color: #49b206;
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
}

@-webkit-keyframes particle-animation-4 {
    0% {
        -webkit-transform: translate3d(47vw, 99vh, 143px) rotate(77deg);
        transform: translate3d(67vw, 71vh, 12px) rotate(10deg);
    }
    100% {
        -webkit-transform: translate3d(92vw, 91vh, 26px) rotate(30deg);
        transform: translate3d(21vw, 49vh, 215px) rotate(29deg);
    }
}
@keyframes particle-animation-4-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(54vw, 16vh, 11px) rotate(42deg);
        transform: translate3d(16vw, 25vh, 88px) rotate(29deg);
    }
    100% {
        -webkit-transform: translate3d(61vw, 40vh, 66px) rotate(160deg);
        transform: translate3d(41vw, 12vh, 189px) rotate(152deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(4)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-4 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-4-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 46px;
    width: 46px;
    background-color: #0877af;
    -webkit-animation-delay: -4s;
    animation-delay: -4s;
}

@-webkit-keyframes particle-animation-5 {
    0% {
        -webkit-transform: translate3d(28vw, 22vh, 237px) rotate(34deg);
        transform: translate3d(10vw, 38vh, 171px) rotate(65deg);
    }
    100% {
        -webkit-transform: translate3d(58vw, 20vh, 339px) rotate(149deg);
        transform: translate3d(28vw, 12vh, 197px) rotate(42deg);
    }
}
@keyframes particle-animation-5-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(55vw, 4vh, 20px) rotate(85deg);
        transform: translate3d(91vw, 32vh, 283px) rotate(81deg);
    }
    100% {
        -webkit-transform: translate3d(41vw, 9vh, 344px) rotate(84deg);
        transform: translate3d(73vw, 27vh, 90px) rotate(166deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(5)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-5 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-5-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 8px;
    width: 8px;
    background-color: #0877af;
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
}

@-webkit-keyframes particle-animation-6 {
    0% {
        -webkit-transform: translate3d(86vw, 72vh, 180px) rotate(3deg);
        transform: translate3d(91vw, 48vh, 332px) rotate(87deg);
    }
    100% {
        -webkit-transform: translate3d(50vw, 22vh, 33px) rotate(4deg);
        transform: translate3d(56vw, 78vh, 82px) rotate(168deg);
    }
}
@keyframes particle-animation-6-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(75vw, 22vh, 53px) rotate(46deg);
        transform: translate3d(94vw, 75vh, 127px) rotate(6deg);
    }
    100% {
        -webkit-transform: translate3d(14vw, 34vh, 200px) rotate(133deg);
        transform: translate3d(44vw, 9vh, 64px) rotate(74deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(6)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-6 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-6-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 86px;
    width: 86px;
    background-color: #e29127;
    -webkit-animation-delay: -6s;
    animation-delay: -6s;
}

@-webkit-keyframes particle-animation-7 {
    0% {
        -webkit-transform: translate3d(2vw, 34vh, 11px) rotate(47deg);
        transform: translate3d(34vw, 37vh, 89px) rotate(47deg);
    }
    100% {
        -webkit-transform: translate3d(101vw, 36vh, 140px) rotate(136deg);
        transform: translate3d(31vw, 17vh, 111px) rotate(162deg);
    }
}
@keyframes particle-animation-7-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(13vw, 71vh, 98px) rotate(45deg);
        transform: translate3d(99vw, 21vh, 139px) rotate(79deg);
    }
    100% {
        -webkit-transform: translate3d(26vw, 39vh, 298px) rotate(92deg);
        transform: translate3d(71vw, 36vh, 397px) rotate(84deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(7)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-7 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-7-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 68px;
    width: 68px;
    background-color: #0877af;
    -webkit-animation-delay: -7s;
    animation-delay: -7s;
}

@-webkit-keyframes particle-animation-8 {
    0% {
        -webkit-transform: translate3d(24vw, 91vh, 306px) rotate(47deg);
        transform: translate3d(55vw, 17vh, 293px) rotate(16deg);
    }
    100% {
        -webkit-transform: translate3d(51vw, 5vh, 326px) rotate(36deg);
        transform: translate3d(71vw, 43vh, 399px) rotate(92deg);
    }
}
@keyframes particle-animation-8-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(30vw, 36vh, 58px) rotate(51deg);
        transform: translate3d(22vw, 96vh, 149px) rotate(13deg);
    }
    100% {
        -webkit-transform: translate3d(92vw, 61vh, 347px) rotate(57deg);
        transform: translate3d(49vw, 86vh, 337px) rotate(29deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(8)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-8 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-8-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 86px;
    width: 86px;
    background-color: #e03a28;
    -webkit-animation-delay: -8s;
    animation-delay: -8s;
}

@-webkit-keyframes particle-animation-9 {
    0% {
        -webkit-transform: translate3d(78vw, 54vh, 364px) rotate(26deg);
        transform: translate3d(12vw, 86vh, 53px) rotate(31deg);
    }
    100% {
        -webkit-transform: translate3d(81vw, 67vh, 117px) rotate(25deg);
        transform: translate3d(13vw, 33vh, 333px) rotate(108deg);
    }
}
@keyframes particle-animation-9-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(95vw, 63vh, 25px) rotate(36deg);
        transform: translate3d(91vw, 64vh, 254px) rotate(3deg);
    }
    100% {
        -webkit-transform: translate3d(81vw, 40vh, 22px) rotate(173deg);
        transform: translate3d(21vw, 23vh, 89px) rotate(165deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(9)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-9 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-9-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 75px;
    width: 75px;
    background-color: #e29127;
    -webkit-animation-delay: -9s;
    animation-delay: -9s;
}

@-webkit-keyframes particle-animation-10 {
    0% {
        -webkit-transform: translate3d(6vw, 27vh, 183px) rotate(60deg);
        transform: translate3d(50vw, 93vh, 114px) rotate(31deg);
    }
    100% {
        -webkit-transform: translate3d(53vw, 33vh, 103px) rotate(139deg);
        transform: translate3d(50vw, 43vh, 244px) rotate(117deg);
    }
}
@keyframes particle-animation-10-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(2vw, 76vh, 48px) rotate(32deg);
        transform: translate3d(36vw, 42vh, 200px) rotate(65deg);
    }
    100% {
        -webkit-transform: translate3d(36vw, 98vh, 172px) rotate(73deg);
        transform: translate3d(66vw, 81vh, 80px) rotate(18deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(10)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-10 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-10-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 79px;
    width: 79px;
    background-color: #49b206;
    -webkit-animation-delay: -10s;
    animation-delay: -10s;
}

@-webkit-keyframes particle-animation-11 {
    0% {
        -webkit-transform: translate3d(51vw, 97vh, 96px) rotate(77deg);
        transform: translate3d(100vw, 57vh, 288px) rotate(47deg);
    }
    100% {
        -webkit-transform: translate3d(51vw, 83vh, 273px) rotate(161deg);
        transform: translate3d(34vw, 15vh, 204px) rotate(166deg);
    }
}
@keyframes particle-animation-11-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(26vw, 65vh, 52px) rotate(69deg);
        transform: translate3d(64vw, 27vh, 141px) rotate(82deg);
    }
    100% {
        -webkit-transform: translate3d(31vw, 47vh, 180px) rotate(56deg);
        transform: translate3d(9vw, 47vh, 277px) rotate(11deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(11)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-11 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-11-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 35px;
    width: 35px;
    background-color: #0877af;
    -webkit-animation-delay: -11s;
    animation-delay: -11s;
}

@-webkit-keyframes particle-animation-12 {
    0% {
        -webkit-transform: translate3d(7vw, 5vh, 176px) rotate(38deg);
        transform: translate3d(109vw, 99vh, 200px) rotate(10deg);
    }
    100% {
        -webkit-transform: translate3d(101vw, 4vh, 305px) rotate(114deg);
        transform: translate3d(97vw, 94vh, 198px) rotate(61deg);
    }
}
@keyframes particle-animation-12-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(101vw, 28vh, 80px) rotate(42deg);
        transform: translate3d(80vw, 49vh, 375px) rotate(24deg);
    }
    100% {
        -webkit-transform: translate3d(104vw, 1vh, 223px) rotate(149deg);
        transform: translate3d(80vw, 52vh, 180px) rotate(101deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(12)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-12 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-12-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 59px;
    width: 59px;
    background-color: #e29127;
    -webkit-animation-delay: -12s;
    animation-delay: -12s;
}

@-webkit-keyframes particle-animation-13 {
    0% {
        -webkit-transform: translate3d(71vw, 80vh, 125px) rotate(63deg);
        transform: translate3d(77vw, 60vh, 62px) rotate(3deg);
    }
    100% {
        -webkit-transform: translate3d(40vw, 37vh, 290px) rotate(92deg);
        transform: translate3d(58vw, 23vh, 236px) rotate(116deg);
    }
}
@keyframes particle-animation-13-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(101vw, 46vh, 62px) rotate(50deg);
        transform: translate3d(90vw, 18vh, 38px) rotate(85deg);
    }
    100% {
        -webkit-transform: translate3d(8vw, 7vh, 16px) rotate(58deg);
        transform: translate3d(18vw, 66vh, 347px) rotate(180deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(13)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-13 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-13-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 104px;
    width: 104px;
    background-color: #49b206;
    -webkit-animation-delay: -13s;
    animation-delay: -13s;
}

@-webkit-keyframes particle-animation-14 {
    0% {
        -webkit-transform: translate3d(57vw, 56vh, 39px) rotate(5deg);
        transform: translate3d(23vw, 3vh, 214px) rotate(45deg);
    }
    100% {
        -webkit-transform: translate3d(36vw, 9vh, 365px) rotate(150deg);
        transform: translate3d(97vw, 83vh, 337px) rotate(26deg);
    }
}
@keyframes particle-animation-14-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(57vw, 42vh, 77px) rotate(41deg);
        transform: translate3d(19vw, 65vh, 140px) rotate(52deg);
    }
    100% {
        -webkit-transform: translate3d(10vw, 33vh, 284px) rotate(60deg);
        transform: translate3d(109vw, 32vh, 197px) rotate(175deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(14)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-14 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-14-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 79px;
    width: 79px;
    background-color: #e29127;
    -webkit-animation-delay: -14s;
    animation-delay: -14s;
}

@-webkit-keyframes particle-animation-15 {
    0% {
        -webkit-transform: translate3d(57vw, 18vh, 109px) rotate(33deg);
        transform: translate3d(50vw, 74vh, 113px) rotate(90deg);
    }
    100% {
        -webkit-transform: translate3d(3vw, 95vh, 77px) rotate(133deg);
        transform: translate3d(87vw, 14vh, 335px) rotate(165deg);
    }
}
@keyframes particle-animation-15-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(18vw, 20vh, 106px) rotate(22deg);
        transform: translate3d(76vw, 21vh, 317px) rotate(45deg);
    }
    100% {
        -webkit-transform: translate3d(76vw, 38vh, 69px) rotate(42deg);
        transform: translate3d(18vw, 50vh, 75px) rotate(32deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(15)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-15 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-15-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 31px;
    width: 31px;
    background-color: #49b206;
    -webkit-animation-delay: -15s;
    animation-delay: -15s;
}

@-webkit-keyframes particle-animation-16 {
    0% {
        -webkit-transform: translate3d(64vw, 93vh, 284px) rotate(26deg);
        transform: translate3d(28vw, 20vh, 267px) rotate(51deg);
    }
    100% {
        -webkit-transform: translate3d(58vw, 4vh, 381px) rotate(92deg);
        transform: translate3d(8vw, 62vh, 362px) rotate(20deg);
    }
}
@keyframes particle-animation-16-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(24vw, 42vh, 109px) rotate(10deg);
        transform: translate3d(110vw, 3vh, 89px) rotate(52deg);
    }
    100% {
        -webkit-transform: translate3d(96vw, 76vh, 365px) rotate(94deg);
        transform: translate3d(26vw, 39vh, 224px) rotate(84deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(16)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-16 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-16-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 70px;
    width: 70px;
    background-color: #e03a28;
    -webkit-animation-delay: -16s;
    animation-delay: -16s;
}

@-webkit-keyframes particle-animation-17 {
    0% {
        -webkit-transform: translate3d(97vw, 67vh, 25px) rotate(52deg);
        transform: translate3d(29vw, 54vh, 67px) rotate(66deg);
    }
    100% {
        -webkit-transform: translate3d(46vw, 16vh, 14px) rotate(170deg);
        transform: translate3d(104vw, 46vh, 81px) rotate(90deg);
    }
}
@keyframes particle-animation-17-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(5vw, 22vh, 37px) rotate(8deg);
        transform: translate3d(8vw, 40vh, 356px) rotate(39deg);
    }
    100% {
        -webkit-transform: translate3d(62vw, 27vh, 96px) rotate(15deg);
        transform: translate3d(84vw, 74vh, 306px) rotate(106deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(17)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-17 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-17-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 88px;
    width: 88px;
    background-color: #49b206;
    -webkit-animation-delay: -17s;
    animation-delay: -17s;
}

@-webkit-keyframes particle-animation-18 {
    0% {
        -webkit-transform: translate3d(38vw, 90vh, 42px) rotate(63deg);
        transform: translate3d(12vw, 8vh, 356px) rotate(58deg);
    }
    100% {
        -webkit-transform: translate3d(51vw, 87vh, 33px) rotate(94deg);
        transform: translate3d(39vw, 23vh, 261px) rotate(133deg);
    }
}
@keyframes particle-animation-18-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(51vw, 51vh, 62px) rotate(79deg);
        transform: translate3d(18vw, 99vh, 351px) rotate(52deg);
    }
    100% {
        -webkit-transform: translate3d(27vw, 74vh, 113px) rotate(178deg);
        transform: translate3d(106vw, 38vh, 307px) rotate(177deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(18)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-18 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-18-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 28px;
    width: 28px;
    background-color: #dbd745;
    -webkit-animation-delay: -18s;
    animation-delay: -18s;
}

@-webkit-keyframes particle-animation-19 {
    0% {
        -webkit-transform: translate3d(42vw, 2vh, 55px) rotate(32deg);
        transform: translate3d(81vw, 77vh, 136px) rotate(82deg);
    }
    100% {
        -webkit-transform: translate3d(41vw, 24vh, 223px) rotate(29deg);
        transform: translate3d(42vw, 61vh, 235px) rotate(166deg);
    }
}
@keyframes particle-animation-19-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(67vw, 54vh, 10px) rotate(74deg);
        transform: translate3d(90vw, 50vh, 199px) rotate(69deg);
    }
    100% {
        -webkit-transform: translate3d(38vw, 25vh, 271px) rotate(157deg);
        transform: translate3d(57vw, 19vh, 360px) rotate(127deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(19)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-19 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-19-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 70px;
    width: 70px;
    background-color: #0877af;
    -webkit-animation-delay: -19s;
    animation-delay: -19s;
}

@-webkit-keyframes particle-animation-20 {
    0% {
        -webkit-transform: translate3d(106vw, 55vh, 99px) rotate(89deg);
        transform: translate3d(65vw, 25vh, 146px) rotate(36deg);
    }
    100% {
        -webkit-transform: translate3d(50vw, 97vh, 295px) rotate(63deg);
        transform: translate3d(70vw, 76vh, 84px) rotate(143deg);
    }
}
@keyframes particle-animation-20-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(3vw, 16vh, 23px) rotate(69deg);
        transform: translate3d(56vw, 68vh, 143px) rotate(39deg);
    }
    100% {
        -webkit-transform: translate3d(13vw, 57vh, 252px) rotate(118deg);
        transform: translate3d(109vw, 30vh, 373px) rotate(140deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(20)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-20 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-20-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 89px;
    width: 89px;
    background-color: #dbd745;
    -webkit-animation-delay: -20s;
    animation-delay: -20s;
}

@-webkit-keyframes particle-animation-21 {
    0% {
        -webkit-transform: translate3d(36vw, 68vh, 230px) rotate(55deg);
        transform: translate3d(23vw, 93vh, 221px) rotate(73deg);
    }
    100% {
        -webkit-transform: translate3d(6vw, 6vh, 316px) rotate(96deg);
        transform: translate3d(87vw, 19vh, 82px) rotate(139deg);
    }
}
@keyframes particle-animation-21-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(15vw, 35vh, 7px) rotate(24deg);
        transform: translate3d(106vw, 40vh, 337px) rotate(1deg);
    }
    100% {
        -webkit-transform: translate3d(105vw, 52vh, 66px) rotate(52deg);
        transform: translate3d(6vw, 50vh, 60px) rotate(114deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(21)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-21 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-21-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 93px;
    width: 93px;
    background-color: #e03a28;
    -webkit-animation-delay: -21s;
    animation-delay: -21s;
}

@-webkit-keyframes particle-animation-22 {
    0% {
        -webkit-transform: translate3d(105vw, 13vh, 112px) rotate(78deg);
        transform: translate3d(85vw, 20vh, 114px) rotate(51deg);
    }
    100% {
        -webkit-transform: translate3d(25vw, 18vh, 179px) rotate(49deg);
        transform: translate3d(27vw, 78vh, 174px) rotate(13deg);
    }
}
@keyframes particle-animation-22-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(47vw, 95vh, 4px) rotate(58deg);
        transform: translate3d(33vw, 100vh, 189px) rotate(36deg);
    }
    100% {
        -webkit-transform: translate3d(58vw, 52vh, 247px) rotate(67deg);
        transform: translate3d(9vw, 86vh, 35px) rotate(18deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(22)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-22 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-22-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 29px;
    width: 29px;
    background-color: #e03a28;
    -webkit-animation-delay: -22s;
    animation-delay: -22s;
}

@-webkit-keyframes particle-animation-23 {
    0% {
        -webkit-transform: translate3d(98vw, 96vh, 205px) rotate(5deg);
        transform: translate3d(35vw, 83vh, 20px) rotate(73deg);
    }
    100% {
        -webkit-transform: translate3d(9vw, 75vh, 232px) rotate(3deg);
        transform: translate3d(46vw, 73vh, 386px) rotate(67deg);
    }
}
@keyframes particle-animation-23-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(50vw, 58vh, 31px) rotate(7deg);
        transform: translate3d(45vw, 100vh, 176px) rotate(66deg);
    }
    100% {
        -webkit-transform: translate3d(57vw, 59vh, 119px) rotate(88deg);
        transform: translate3d(84vw, 53vh, 198px) rotate(122deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(23)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-23 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-23-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 80px;
    width: 80px;
    background-color: #49b206;
    -webkit-animation-delay: -23s;
    animation-delay: -23s;
}

@-webkit-keyframes particle-animation-24 {
    0% {
        -webkit-transform: translate3d(82vw, 91vh, 243px) rotate(86deg);
        transform: translate3d(70vw, 67vh, 165px) rotate(40deg);
    }
    100% {
        -webkit-transform: translate3d(63vw, 26vh, 263px) rotate(10deg);
        transform: translate3d(28vw, 28vh, 169px) rotate(172deg);
    }
}
@keyframes particle-animation-24-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(5vw, 91vh, 7px) rotate(59deg);
        transform: translate3d(36vw, 66vh, 303px) rotate(68deg);
    }
    100% {
        -webkit-transform: translate3d(56vw, 2vh, 268px) rotate(116deg);
        transform: translate3d(14vw, 2vh, 158px) rotate(74deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(24)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-24 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-24-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 43px;
    width: 43px;
    background-color: #0877af;
    -webkit-animation-delay: -24s;
    animation-delay: -24s;
}

@-webkit-keyframes particle-animation-25 {
    0% {
        -webkit-transform: translate3d(68vw, 54vh, 165px) rotate(18deg);
        transform: translate3d(97vw, 28vh, 73px) rotate(7deg);
    }
    100% {
        -webkit-transform: translate3d(31vw, 13vh, 297px) rotate(16deg);
        transform: translate3d(11vw, 20vh, 332px) rotate(71deg);
    }
}
@keyframes particle-animation-25-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(37vw, 68vh, 91px) rotate(27deg);
        transform: translate3d(30vw, 38vh, 364px) rotate(79deg);
    }
    100% {
        -webkit-transform: translate3d(57vw, 7vh, 271px) rotate(121deg);
        transform: translate3d(80vw, 55vh, 285px) rotate(52deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(25)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-25 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-25-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 84px;
    width: 84px;
    background-color: #0877af;
    -webkit-animation-delay: -25s;
    animation-delay: -25s;
}

@-webkit-keyframes particle-animation-26 {
    0% {
        -webkit-transform: translate3d(91vw, 45vh, 272px) rotate(77deg);
        transform: translate3d(44vw, 87vh, 194px) rotate(54deg);
    }
    100% {
        -webkit-transform: translate3d(60vw, 81vh, 229px) rotate(173deg);
        transform: translate3d(104vw, 61vh, 363px) rotate(153deg);
    }
}
@keyframes particle-animation-26-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(35vw, 94vh, 78px) rotate(37deg);
        transform: translate3d(76vw, 52vh, 108px) rotate(63deg);
    }
    100% {
        -webkit-transform: translate3d(84vw, 84vh, 158px) rotate(114deg);
        transform: translate3d(44vw, 71vh, 21px) rotate(16deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(26)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-26 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-26-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 36px;
    width: 36px;
    background-color: #dbd745;
    -webkit-animation-delay: -26s;
    animation-delay: -26s;
}

@-webkit-keyframes particle-animation-27 {
    0% {
        -webkit-transform: translate3d(49vw, 57vh, 87px) rotate(37deg);
        transform: translate3d(11vw, 90vh, 359px) rotate(68deg);
    }
    100% {
        -webkit-transform: translate3d(63vw, 8vh, 355px) rotate(164deg);
        transform: translate3d(85vw, 33vh, 95px) rotate(85deg);
    }
}
@keyframes particle-animation-27-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(19vw, 29vh, 81px) rotate(13deg);
        transform: translate3d(63vw, 76vh, 198px) rotate(19deg);
    }
    100% {
        -webkit-transform: translate3d(59vw, 45vh, 260px) rotate(60deg);
        transform: translate3d(84vw, 35vh, 368px) rotate(34deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(27)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-27 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-27-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 25px;
    width: 25px;
    background-color: #49b206;
    -webkit-animation-delay: -27s;
    animation-delay: -27s;
}

@-webkit-keyframes particle-animation-28 {
    0% {
        -webkit-transform: translate3d(67vw, 74vh, 120px) rotate(3deg);
        transform: translate3d(86vw, 93vh, 90px) rotate(3deg);
    }
    100% {
        -webkit-transform: translate3d(88vw, 8vh, 110px) rotate(148deg);
        transform: translate3d(76vw, 63vh, 213px) rotate(27deg);
    }
}
@keyframes particle-animation-28-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(10vw, 99vh, 82px) rotate(67deg);
        transform: translate3d(58vw, 44vh, 114px) rotate(6deg);
    }
    100% {
        -webkit-transform: translate3d(82vw, 75vh, 267px) rotate(59deg);
        transform: translate3d(80vw, 26vh, 333px) rotate(73deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(28)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-28 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-28-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 78px;
    width: 78px;
    background-color: #dbd745;
    -webkit-animation-delay: -28s;
    animation-delay: -28s;
}

@-webkit-keyframes particle-animation-29 {
    0% {
        -webkit-transform: translate3d(95vw, 24vh, 209px) rotate(89deg);
        transform: translate3d(95vw, 95vh, 143px) rotate(67deg);
    }
    100% {
        -webkit-transform: translate3d(24vw, 10vh, 363px) rotate(88deg);
        transform: translate3d(64vw, 89vh, 293px) rotate(166deg);
    }
}
@keyframes particle-animation-29-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(92vw, 97vh, 96px) rotate(52deg);
        transform: translate3d(91vw, 56vh, 277px) rotate(81deg);
    }
    100% {
        -webkit-transform: translate3d(32vw, 47vh, 374px) rotate(176deg);
        transform: translate3d(37vw, 22vh, 305px) rotate(101deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(29)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-29 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-29-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 31px;
    width: 31px;
    background-color: #e29127;
    -webkit-animation-delay: -29s;
    animation-delay: -29s;
}

@-webkit-keyframes particle-animation-30 {
    0% {
        -webkit-transform: translate3d(86vw, 51vh, 54px) rotate(19deg);
        transform: translate3d(71vw, 79vh, 240px) rotate(68deg);
    }
    100% {
        -webkit-transform: translate3d(25vw, 97vh, 72px) rotate(179deg);
        transform: translate3d(110vw, 71vh, 228px) rotate(174deg);
    }
}
@keyframes particle-animation-30-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(105vw, 84vh, 96px) rotate(35deg);
        transform: translate3d(39vw, 2vh, 91px) rotate(49deg);
    }
    100% {
        -webkit-transform: translate3d(108vw, 64vh, 257px) rotate(165deg);
        transform: translate3d(28vw, 85vh, 289px) rotate(101deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(30)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-30 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-30-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 27px;
    width: 27px;
    background-color: #0877af;
    -webkit-animation-delay: -30s;
    animation-delay: -30s;
}

@-webkit-keyframes particle-animation-31 {
    0% {
        -webkit-transform: translate3d(73vw, 22vh, 89px) rotate(72deg);
        transform: translate3d(34vw, 90vh, 65px) rotate(23deg);
    }
    100% {
        -webkit-transform: translate3d(81vw, 34vh, 286px) rotate(135deg);
        transform: translate3d(15vw, 95vh, 345px) rotate(159deg);
    }
}
@keyframes particle-animation-31-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(104vw, 8vh, 8px) rotate(59deg);
        transform: translate3d(51vw, 2vh, 313px) rotate(74deg);
    }
    100% {
        -webkit-transform: translate3d(53vw, 27vh, 43px) rotate(16deg);
        transform: translate3d(42vw, 37vh, 217px) rotate(117deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(31)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-31 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-31-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 17px;
    width: 17px;
    background-color: #49b206;
    -webkit-animation-delay: -31s;
    animation-delay: -31s;
}

@-webkit-keyframes particle-animation-32 {
    0% {
        -webkit-transform: translate3d(45vw, 78vh, 76px) rotate(12deg);
        transform: translate3d(105vw, 25vh, 382px) rotate(38deg);
    }
    100% {
        -webkit-transform: translate3d(81vw, 85vh, 365px) rotate(38deg);
        transform: translate3d(105vw, 54vh, 291px) rotate(161deg);
    }
}
@keyframes particle-animation-32-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(61vw, 41vh, 95px) rotate(1deg);
        transform: translate3d(64vw, 81vh, 389px) rotate(59deg);
    }
    100% {
        -webkit-transform: translate3d(105vw, 51vh, 315px) rotate(111deg);
        transform: translate3d(28vw, 47vh, 285px) rotate(41deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(32)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-32 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-32-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 88px;
    width: 88px;
    background-color: #e29127;
    -webkit-animation-delay: -32s;
    animation-delay: -32s;
}

@-webkit-keyframes particle-animation-33 {
    0% {
        -webkit-transform: translate3d(25vw, 85vh, 142px) rotate(11deg);
        transform: translate3d(25vw, 31vh, 288px) rotate(90deg);
    }
    100% {
        -webkit-transform: translate3d(51vw, 43vh, 70px) rotate(86deg);
        transform: translate3d(23vw, 14vh, 257px) rotate(115deg);
    }
}
@keyframes particle-animation-33-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(30vw, 17vh, 18px) rotate(25deg);
        transform: translate3d(62vw, 30vh, 274px) rotate(14deg);
    }
    100% {
        -webkit-transform: translate3d(7vw, 79vh, 199px) rotate(93deg);
        transform: translate3d(46vw, 53vh, 309px) rotate(154deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(33)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-33 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-33-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 74px;
    width: 74px;
    background-color: #49b206;
    -webkit-animation-delay: -33s;
    animation-delay: -33s;
}

@-webkit-keyframes particle-animation-34 {
    0% {
        -webkit-transform: translate3d(86vw, 16vh, 120px) rotate(23deg);
        transform: translate3d(15vw, 42vh, 125px) rotate(13deg);
    }
    100% {
        -webkit-transform: translate3d(29vw, 70vh, 121px) rotate(156deg);
        transform: translate3d(80vw, 48vh, 84px) rotate(79deg);
    }
}
@keyframes particle-animation-34-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(77vw, 59vh, 18px) rotate(5deg);
        transform: translate3d(37vw, 96vh, 319px) rotate(70deg);
    }
    100% {
        -webkit-transform: translate3d(108vw, 100vh, 101px) rotate(171deg);
        transform: translate3d(53vw, 70vh, 23px) rotate(12deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(34)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-34 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-34-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 100px;
    width: 100px;
    background-color: #49b206;
    -webkit-animation-delay: -34s;
    animation-delay: -34s;
}

@-webkit-keyframes particle-animation-35 {
    0% {
        -webkit-transform: translate3d(37vw, 17vh, 45px) rotate(83deg);
        transform: translate3d(103vw, 89vh, 85px) rotate(15deg);
    }
    100% {
        -webkit-transform: translate3d(84vw, 6vh, 284px) rotate(156deg);
        transform: translate3d(14vw, 45vh, 223px) rotate(95deg);
    }
}
@keyframes particle-animation-35-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(86vw, 4vh, 24px) rotate(87deg);
        transform: translate3d(44vw, 94vh, 112px) rotate(69deg);
    }
    100% {
        -webkit-transform: translate3d(9vw, 84vh, 387px) rotate(46deg);
        transform: translate3d(4vw, 93vh, 279px) rotate(92deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(35)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-35 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-35-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 62px;
    width: 62px;
    background-color: #dbd745;
    -webkit-animation-delay: -35s;
    animation-delay: -35s;
}

@-webkit-keyframes particle-animation-36 {
    0% {
        -webkit-transform: translate3d(100vw, 54vh, 306px) rotate(61deg);
        transform: translate3d(67vw, 23vh, 331px) rotate(68deg);
    }
    100% {
        -webkit-transform: translate3d(24vw, 21vh, 210px) rotate(150deg);
        transform: translate3d(65vw, 61vh, 323px) rotate(8deg);
    }
}
@keyframes particle-animation-36-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(14vw, 56vh, 9px) rotate(11deg);
        transform: translate3d(67vw, 76vh, 299px) rotate(56deg);
    }
    100% {
        -webkit-transform: translate3d(37vw, 92vh, 358px) rotate(115deg);
        transform: translate3d(17vw, 79vh, 375px) rotate(111deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(36)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-36 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-36-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 25px;
    width: 25px;
    background-color: #49b206;
    -webkit-animation-delay: -36s;
    animation-delay: -36s;
}

@-webkit-keyframes particle-animation-37 {
    0% {
        -webkit-transform: translate3d(5vw, 7vh, 163px) rotate(68deg);
        transform: translate3d(38vw, 64vh, 270px) rotate(30deg);
    }
    100% {
        -webkit-transform: translate3d(37vw, 28vh, 162px) rotate(36deg);
        transform: translate3d(26vw, 61vh, 287px) rotate(149deg);
    }
}
@keyframes particle-animation-37-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(65vw, 56vh, 56px) rotate(87deg);
        transform: translate3d(86vw, 50vh, 194px) rotate(71deg);
    }
    100% {
        -webkit-transform: translate3d(94vw, 56vh, 348px) rotate(119deg);
        transform: translate3d(52vw, 91vh, 383px) rotate(1deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(37)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-37 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-37-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 62px;
    width: 62px;
    background-color: #dbd745;
    -webkit-animation-delay: -37s;
    animation-delay: -37s;
}

@-webkit-keyframes particle-animation-38 {
    0% {
        -webkit-transform: translate3d(82vw, 77vh, 162px) rotate(82deg);
        transform: translate3d(66vw, 1vh, 223px) rotate(59deg);
    }
    100% {
        -webkit-transform: translate3d(65vw, 13vh, 227px) rotate(52deg);
        transform: translate3d(89vw, 18vh, 204px) rotate(165deg);
    }
}
@keyframes particle-animation-38-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(5vw, 78vh, 94px) rotate(18deg);
        transform: translate3d(95vw, 28vh, 234px) rotate(28deg);
    }
    100% {
        -webkit-transform: translate3d(92vw, 29vh, 301px) rotate(167deg);
        transform: translate3d(12vw, 36vh, 292px) rotate(38deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(38)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-38 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-38-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 40px;
    width: 40px;
    background-color: #dbd745;
    -webkit-animation-delay: -38s;
    animation-delay: -38s;
}

@-webkit-keyframes particle-animation-39 {
    0% {
        -webkit-transform: translate3d(42vw, 26vh, 266px) rotate(49deg);
        transform: translate3d(28vw, 59vh, 191px) rotate(14deg);
    }
    100% {
        -webkit-transform: translate3d(81vw, 5vh, 128px) rotate(150deg);
        transform: translate3d(52vw, 7vh, 274px) rotate(8deg);
    }
}
@keyframes particle-animation-39-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(51vw, 85vh, 62px) rotate(71deg);
        transform: translate3d(12vw, 40vh, 108px) rotate(79deg);
    }
    100% {
        -webkit-transform: translate3d(16vw, 94vh, 162px) rotate(23deg);
        transform: translate3d(81vw, 6vh, 164px) rotate(88deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(39)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-39 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-39-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 95px;
    width: 95px;
    background-color: #0877af;
    -webkit-animation-delay: -39s;
    animation-delay: -39s;
}

@-webkit-keyframes particle-animation-40 {
    0% {
        -webkit-transform: translate3d(2vw, 50vh, 272px) rotate(77deg);
        transform: translate3d(48vw, 54vh, 249px) rotate(29deg);
    }
    100% {
        -webkit-transform: translate3d(52vw, 96vh, 315px) rotate(43deg);
        transform: translate3d(2vw, 61vh, 91px) rotate(172deg);
    }
}
@keyframes particle-animation-40-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(63vw, 88vh, 32px) rotate(1deg);
        transform: translate3d(58vw, 97vh, 157px) rotate(89deg);
    }
    100% {
        -webkit-transform: translate3d(19vw, 69vh, 3px) rotate(153deg);
        transform: translate3d(82vw, 81vh, 158px) rotate(44deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(40)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-40 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-40-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 20px;
    width: 20px;
    background-color: #e03a28;
    -webkit-animation-delay: -40s;
    animation-delay: -40s;
}

@-webkit-keyframes particle-animation-41 {
    0% {
        -webkit-transform: translate3d(77vw, 51vh, 91px) rotate(78deg);
        transform: translate3d(53vw, 31vh, 22px) rotate(55deg);
    }
    100% {
        -webkit-transform: translate3d(26vw, 14vh, 125px) rotate(150deg);
        transform: translate3d(97vw, 23vh, 213px) rotate(67deg);
    }
}
@keyframes particle-animation-41-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(51vw, 53vh, 86px) rotate(7deg);
        transform: translate3d(17vw, 80vh, 174px) rotate(42deg);
    }
    100% {
        -webkit-transform: translate3d(40vw, 88vh, 389px) rotate(106deg);
        transform: translate3d(2vw, 4vh, 258px) rotate(4deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(41)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-41 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-41-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 76px;
    width: 76px;
    background-color: #0877af;
    -webkit-animation-delay: -41s;
    animation-delay: -41s;
}

@-webkit-keyframes particle-animation-42 {
    0% {
        -webkit-transform: translate3d(80vw, 92vh, 7px) rotate(3deg);
        transform: translate3d(22vw, 43vh, 179px) rotate(42deg);
    }
    100% {
        -webkit-transform: translate3d(12vw, 52vh, 228px) rotate(144deg);
        transform: translate3d(69vw, 10vh, 131px) rotate(150deg);
    }
}
@keyframes particle-animation-42-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(12vw, 48vh, 31px) rotate(49deg);
        transform: translate3d(97vw, 71vh, 101px) rotate(43deg);
    }
    100% {
        -webkit-transform: translate3d(60vw, 90vh, 226px) rotate(30deg);
        transform: translate3d(87vw, 88vh, 208px) rotate(108deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(42)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-42 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-42-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 77px;
    width: 77px;
    background-color: #0877af;
    -webkit-animation-delay: -42s;
    animation-delay: -42s;
}

@-webkit-keyframes particle-animation-43 {
    0% {
        -webkit-transform: translate3d(83vw, 30vh, 218px) rotate(31deg);
        transform: translate3d(41vw, 57vh, 312px) rotate(10deg);
    }
    100% {
        -webkit-transform: translate3d(40vw, 80vh, 56px) rotate(175deg);
        transform: translate3d(68vw, 65vh, 265px) rotate(39deg);
    }
}
@keyframes particle-animation-43-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(41vw, 67vh, 27px) rotate(89deg);
        transform: translate3d(80vw, 20vh, 26px) rotate(9deg);
    }
    100% {
        -webkit-transform: translate3d(3vw, 76vh, 282px) rotate(47deg);
        transform: translate3d(55vw, 87vh, 38px) rotate(8deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(43)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-43 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-43-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 62px;
    width: 62px;
    background-color: #0877af;
    -webkit-animation-delay: -43s;
    animation-delay: -43s;
}

@-webkit-keyframes particle-animation-44 {
    0% {
        -webkit-transform: translate3d(102vw, 13vh, 352px) rotate(23deg);
        transform: translate3d(73vw, 58vh, 231px) rotate(48deg);
    }
    100% {
        -webkit-transform: translate3d(75vw, 23vh, 350px) rotate(70deg);
        transform: translate3d(100vw, 95vh, 141px) rotate(60deg);
    }
}
@keyframes particle-animation-44-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(23vw, 75vh, 57px) rotate(58deg);
        transform: translate3d(34vw, 87vh, 36px) rotate(65deg);
    }
    100% {
        -webkit-transform: translate3d(63vw, 22vh, 396px) rotate(129deg);
        transform: translate3d(5vw, 7vh, 245px) rotate(178deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(44)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-44 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-44-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 38px;
    width: 38px;
    background-color: #49b206;
    -webkit-animation-delay: -44s;
    animation-delay: -44s;
}

@-webkit-keyframes particle-animation-45 {
    0% {
        -webkit-transform: translate3d(24vw, 3vh, 330px) rotate(71deg);
        transform: translate3d(36vw, 21vh, 294px) rotate(56deg);
    }
    100% {
        -webkit-transform: translate3d(57vw, 8vh, 329px) rotate(58deg);
        transform: translate3d(30vw, 58vh, 333px) rotate(4deg);
    }
}
@keyframes particle-animation-45-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(15vw, 79vh, 40px) rotate(60deg);
        transform: translate3d(32vw, 51vh, 77px) rotate(36deg);
    }
    100% {
        -webkit-transform: translate3d(103vw, 91vh, 207px) rotate(70deg);
        transform: translate3d(36vw, 48vh, 63px) rotate(29deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(45)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-45 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-45-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 91px;
    width: 91px;
    background-color: #49b206;
    -webkit-animation-delay: -45s;
    animation-delay: -45s;
}

@-webkit-keyframes particle-animation-46 {
    0% {
        -webkit-transform: translate3d(99vw, 31vh, 21px) rotate(18deg);
        transform: translate3d(22vw, 25vh, 74px) rotate(43deg);
    }
    100% {
        -webkit-transform: translate3d(33vw, 78vh, 198px) rotate(86deg);
        transform: translate3d(87vw, 99vh, 86px) rotate(76deg);
    }
}
@keyframes particle-animation-46-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(79vw, 41vh, 3px) rotate(37deg);
        transform: translate3d(106vw, 12vh, 303px) rotate(68deg);
    }
    100% {
        -webkit-transform: translate3d(64vw, 87vh, 393px) rotate(5deg);
        transform: translate3d(63vw, 38vh, 169px) rotate(130deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(46)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-46 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-46-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 96px;
    width: 96px;
    background-color: #0877af;
    -webkit-animation-delay: -46s;
    animation-delay: -46s;
}

@-webkit-keyframes particle-animation-47 {
    0% {
        -webkit-transform: translate3d(36vw, 73vh, 365px) rotate(21deg);
        transform: translate3d(106vw, 88vh, 181px) rotate(90deg);
    }
    100% {
        -webkit-transform: translate3d(83vw, 73vh, 113px) rotate(151deg);
        transform: translate3d(105vw, 42vh, 53px) rotate(159deg);
    }
}
@keyframes particle-animation-47-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(21vw, 52vh, 91px) rotate(31deg);
        transform: translate3d(7vw, 81vh, 217px) rotate(21deg);
    }
    100% {
        -webkit-transform: translate3d(18vw, 45vh, 394px) rotate(65deg);
        transform: translate3d(67vw, 17vh, 269px) rotate(150deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(47)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-47 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-47-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 101px;
    width: 101px;
    background-color: #e03a28;
    -webkit-animation-delay: -47s;
    animation-delay: -47s;
}

@-webkit-keyframes particle-animation-48 {
    0% {
        -webkit-transform: translate3d(43vw, 29vh, 50px) rotate(66deg);
        transform: translate3d(69vw, 32vh, 180px) rotate(79deg);
    }
    100% {
        -webkit-transform: translate3d(99vw, 76vh, 240px) rotate(89deg);
        transform: translate3d(85vw, 50vh, 312px) rotate(167deg);
    }
}
@keyframes particle-animation-48-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(78vw, 32vh, 35px) rotate(53deg);
        transform: translate3d(90vw, 66vh, 376px) rotate(45deg);
    }
    100% {
        -webkit-transform: translate3d(18vw, 92vh, 22px) rotate(63deg);
        transform: translate3d(35vw, 30vh, 223px) rotate(163deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(48)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-48 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-48-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 7px;
    width: 7px;
    background-color: #e03a28;
    -webkit-animation-delay: -48s;
    animation-delay: -48s;
}

@-webkit-keyframes particle-animation-49 {
    0% {
        -webkit-transform: translate3d(110vw, 97vh, 149px) rotate(81deg);
        transform: translate3d(106vw, 34vh, 228px) rotate(46deg);
    }
    100% {
        -webkit-transform: translate3d(32vw, 87vh, 169px) rotate(54deg);
        transform: translate3d(63vw, 78vh, 166px) rotate(165deg);
    }
}
@keyframes particle-animation-49-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(95vw, 60vh, 21px) rotate(86deg);
        transform: translate3d(9vw, 32vh, 340px) rotate(48deg);
    }
    100% {
        -webkit-transform: translate3d(66vw, 72vh, 1px) rotate(173deg);
        transform: translate3d(73vw, 10vh, 54px) rotate(173deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(49)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-49 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-49-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 28px;
    width: 28px;
    background-color: #e29127;
    -webkit-animation-delay: -49s;
    animation-delay: -49s;
}

@-webkit-keyframes particle-animation-50 {
    0% {
        -webkit-transform: translate3d(2vw, 28vh, 150px) rotate(13deg);
        transform: translate3d(51vw, 80vh, 246px) rotate(49deg);
    }
    100% {
        -webkit-transform: translate3d(83vw, 46vh, 295px) rotate(27deg);
        transform: translate3d(68vw, 26vh, 160px) rotate(74deg);
    }
}
@keyframes particle-animation-50-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(51vw, 7vh, 59px) rotate(23deg);
        transform: translate3d(97vw, 44vh, 43px) rotate(1deg);
    }
    100% {
        -webkit-transform: translate3d(61vw, 73vh, 8px) rotate(38deg);
        transform: translate3d(12vw, 80vh, 53px) rotate(27deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(50)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-50 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-50-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 22px;
    width: 22px;
    background-color: #0877af;
    -webkit-animation-delay: -50s;
    animation-delay: -50s;
}

@-webkit-keyframes particle-animation-51 {
    0% {
        -webkit-transform: translate3d(78vw, 95vh, 387px) rotate(44deg);
        transform: translate3d(94vw, 11vh, 75px) rotate(78deg);
    }
    100% {
        -webkit-transform: translate3d(52vw, 48vh, 90px) rotate(85deg);
        transform: translate3d(45vw, 64vh, 78px) rotate(113deg);
    }
}
@keyframes particle-animation-51-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(73vw, 2vh, 104px) rotate(38deg);
        transform: translate3d(5vw, 88vh, 91px) rotate(30deg);
    }
    100% {
        -webkit-transform: translate3d(71vw, 24vh, 116px) rotate(12deg);
        transform: translate3d(68vw, 13vh, 294px) rotate(36deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(51)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-51 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-51-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 32px;
    width: 32px;
    background-color: #dbd745;
    -webkit-animation-delay: -51s;
    animation-delay: -51s;
}

@-webkit-keyframes particle-animation-52 {
    0% {
        -webkit-transform: translate3d(21vw, 8vh, 301px) rotate(73deg);
        transform: translate3d(56vw, 24vh, 210px) rotate(13deg);
    }
    100% {
        -webkit-transform: translate3d(86vw, 51vh, 331px) rotate(95deg);
        transform: translate3d(91vw, 24vh, 289px) rotate(121deg);
    }
}
@keyframes particle-animation-52-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(64vw, 23vh, 23px) rotate(88deg);
        transform: translate3d(68vw, 58vh, 378px) rotate(74deg);
    }
    100% {
        -webkit-transform: translate3d(22vw, 1vh, 92px) rotate(138deg);
        transform: translate3d(48vw, 81vh, 322px) rotate(99deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(52)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-52 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-52-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 74px;
    width: 74px;
    background-color: #e29127;
    -webkit-animation-delay: -52s;
    animation-delay: -52s;
}

@-webkit-keyframes particle-animation-53 {
    0% {
        -webkit-transform: translate3d(36vw, 73vh, 199px) rotate(32deg);
        transform: translate3d(31vw, 7vh, 49px) rotate(74deg);
    }
    100% {
        -webkit-transform: translate3d(34vw, 36vh, 295px) rotate(74deg);
        transform: translate3d(2vw, 44vh, 122px) rotate(89deg);
    }
}
@keyframes particle-animation-53-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(89vw, 30vh, 43px) rotate(56deg);
        transform: translate3d(66vw, 100vh, 302px) rotate(65deg);
    }
    100% {
        -webkit-transform: translate3d(27vw, 62vh, 33px) rotate(126deg);
        transform: translate3d(46vw, 20vh, 46px) rotate(101deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(53)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-53 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-53-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 57px;
    width: 57px;
    background-color: #e03a28;
    -webkit-animation-delay: -53s;
    animation-delay: -53s;
}

@-webkit-keyframes particle-animation-54 {
    0% {
        -webkit-transform: translate3d(1vw, 54vh, 346px) rotate(79deg);
        transform: translate3d(40vw, 72vh, 55px) rotate(58deg);
    }
    100% {
        -webkit-transform: translate3d(6vw, 67vh, 254px) rotate(166deg);
        transform: translate3d(35vw, 13vh, 187px) rotate(71deg);
    }
}
@keyframes particle-animation-54-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(62vw, 93vh, 52px) rotate(72deg);
        transform: translate3d(40vw, 79vh, 36px) rotate(5deg);
    }
    100% {
        -webkit-transform: translate3d(8vw, 18vh, 79px) rotate(55deg);
        transform: translate3d(21vw, 29vh, 242px) rotate(128deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(54)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-54 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-54-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 22px;
    width: 22px;
    background-color: #e03a28;
    -webkit-animation-delay: -54s;
    animation-delay: -54s;
}

@-webkit-keyframes particle-animation-55 {
    0% {
        -webkit-transform: translate3d(102vw, 8vh, 309px) rotate(16deg);
        transform: translate3d(14vw, 77vh, 24px) rotate(4deg);
    }
    100% {
        -webkit-transform: translate3d(28vw, 42vh, 159px) rotate(56deg);
        transform: translate3d(19vw, 54vh, 67px) rotate(166deg);
    }
}
@keyframes particle-animation-55-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(21vw, 13vh, 88px) rotate(16deg);
        transform: translate3d(2vw, 70vh, 63px) rotate(69deg);
    }
    100% {
        -webkit-transform: translate3d(44vw, 16vh, 38px) rotate(54deg);
        transform: translate3d(6vw, 5vh, 255px) rotate(26deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(55)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-55 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-55-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 97px;
    width: 97px;
    background-color: #e29127;
    -webkit-animation-delay: -55s;
    animation-delay: -55s;
}

@-webkit-keyframes particle-animation-56 {
    0% {
        -webkit-transform: translate3d(65vw, 20vh, 171px) rotate(43deg);
        transform: translate3d(92vw, 55vh, 171px) rotate(41deg);
    }
    100% {
        -webkit-transform: translate3d(84vw, 61vh, 46px) rotate(40deg);
        transform: translate3d(103vw, 89vh, 143px) rotate(172deg);
    }
}
@keyframes particle-animation-56-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(6vw, 48vh, 38px) rotate(62deg);
        transform: translate3d(38vw, 25vh, 309px) rotate(62deg);
    }
    100% {
        -webkit-transform: translate3d(67vw, 66vh, 77px) rotate(41deg);
        transform: translate3d(103vw, 58vh, 223px) rotate(83deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(56)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-56 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-56-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 6px;
    width: 6px;
    background-color: #e03a28;
    -webkit-animation-delay: -56s;
    animation-delay: -56s;
}

@-webkit-keyframes particle-animation-57 {
    0% {
        -webkit-transform: translate3d(61vw, 47vh, 244px) rotate(35deg);
        transform: translate3d(69vw, 95vh, 269px) rotate(61deg);
    }
    100% {
        -webkit-transform: translate3d(35vw, 34vh, 92px) rotate(157deg);
        transform: translate3d(54vw, 21vh, 1px) rotate(149deg);
    }
}
@keyframes particle-animation-57-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(10vw, 39vh, 45px) rotate(49deg);
        transform: translate3d(85vw, 38vh, 184px) rotate(82deg);
    }
    100% {
        -webkit-transform: translate3d(38vw, 100vh, 44px) rotate(73deg);
        transform: translate3d(41vw, 97vh, 14px) rotate(54deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(57)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-57 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-57-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 17px;
    width: 17px;
    background-color: #49b206;
    -webkit-animation-delay: -57s;
    animation-delay: -57s;
}

@-webkit-keyframes particle-animation-58 {
    0% {
        -webkit-transform: translate3d(86vw, 45vh, 370px) rotate(76deg);
        transform: translate3d(22vw, 7vh, 18px) rotate(40deg);
    }
    100% {
        -webkit-transform: translate3d(7vw, 4vh, 395px) rotate(119deg);
        transform: translate3d(95vw, 21vh, 362px) rotate(79deg);
    }
}
@keyframes particle-animation-58-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(82vw, 71vh, 31px) rotate(68deg);
        transform: translate3d(57vw, 24vh, 251px) rotate(35deg);
    }
    100% {
        -webkit-transform: translate3d(43vw, 22vh, 82px) rotate(81deg);
        transform: translate3d(46vw, 12vh, 104px) rotate(46deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(58)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-58 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-58-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 101px;
    width: 101px;
    background-color: #e29127;
    -webkit-animation-delay: -58s;
    animation-delay: -58s;
}

@-webkit-keyframes particle-animation-59 {
    0% {
        -webkit-transform: translate3d(108vw, 2vh, 198px) rotate(20deg);
        transform: translate3d(99vw, 80vh, 237px) rotate(49deg);
    }
    100% {
        -webkit-transform: translate3d(46vw, 52vh, 144px) rotate(55deg);
        transform: translate3d(18vw, 75vh, 231px) rotate(78deg);
    }
}
@keyframes particle-animation-59-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(91vw, 80vh, 76px) rotate(8deg);
        transform: translate3d(83vw, 98vh, 208px) rotate(66deg);
    }
    100% {
        -webkit-transform: translate3d(18vw, 10vh, 67px) rotate(77deg);
        transform: translate3d(57vw, 43vh, 73px) rotate(61deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(59)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-59 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-59-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 37px;
    width: 37px;
    background-color: #e03a28;
    -webkit-animation-delay: -59s;
    animation-delay: -59s;
}

@-webkit-keyframes particle-animation-60 {
    0% {
        -webkit-transform: translate3d(41vw, 61vh, 386px) rotate(71deg);
        transform: translate3d(98vw, 95vh, 188px) rotate(56deg);
    }
    100% {
        -webkit-transform: translate3d(39vw, 84vh, 234px) rotate(20deg);
        transform: translate3d(86vw, 81vh, 226px) rotate(152deg);
    }
}
@keyframes particle-animation-60-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(2vw, 1vh, 76px) rotate(53deg);
        transform: translate3d(77vw, 53vh, 4px) rotate(34deg);
    }
    100% {
        -webkit-transform: translate3d(85vw, 95vh, 156px) rotate(139deg);
        transform: translate3d(98vw, 21vh, 26px) rotate(33deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(60)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-60 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-60-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 53px;
    width: 53px;
    background-color: #49b206;
    -webkit-animation-delay: -60s;
    animation-delay: -60s;
}

@-webkit-keyframes particle-animation-61 {
    0% {
        -webkit-transform: translate3d(100vw, 41vh, 358px) rotate(40deg);
        transform: translate3d(94vw, 79vh, 368px) rotate(19deg);
    }
    100% {
        -webkit-transform: translate3d(52vw, 97vh, 100px) rotate(47deg);
        transform: translate3d(26vw, 75vh, 283px) rotate(16deg);
    }
}
@keyframes particle-animation-61-b-5o7yqdxe81 {
    0% {
        -webkit-transform: translate3d(31vw, 23vh, 39px) rotate(75deg);
        transform: translate3d(75vw, 87vh, 352px) rotate(74deg);
    }
    100% {
        -webkit-transform: translate3d(75vw, 23vh, 276px) rotate(77deg);
        transform: translate3d(16vw, 8vh, 155px) rotate(151deg);
    }
}
@-webkit-keyframes fade-frames {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
@keyframes fade-frames-b-5o7yqdxe81 {
    0% {
        opacity: 0;
    }
    25% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
    75% {
        opacity: 0.5;
    }
    100% {
        opacity: 0;
    }
}
.particles span:nth-child(61)[b-5o7yqdxe81] {
    -webkit-animation: particle-animation-61 10s ease-in infinite, fade-frames 10s ease-in-out infinite;
    animation: particle-animation-61-b-5o7yqdxe81 10s ease-in infinite, fade-frames-b-5o7yqdxe81 10s ease-in-out infinite;
    height: 55px;
    width: 55px;
    background-color: #e03a28;
    -webkit-animation-delay: -61s;
    animation-delay: -61s;
}

/********* End particle Animation Styles ***********/

/* _content/SapharosAPI.Experimental.Survey.Blazor/Shared/Layouts/EmptyLanguageLayout.razor.rz.scp.css */
.main[b-e3ufsufwxq]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content[b-e3ufsufwxq]{
    display: flex;
}
/* _content/SapharosAPI.Experimental.Survey.Blazor/Shared/Layouts/EmptyLayout.razor.rz.scp.css */
.main[b-5drbrsf8m0]{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.content[b-5drbrsf8m0]{
    display: flex;
}
/* _content/SapharosAPI.Experimental.Survey.Blazor/Shared/Layouts/MainLayout.razor.rz.scp.css */
.page[b-misbp5tgo0] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-misbp5tgo0] {
    flex: 1;
}

.sidebar[b-misbp5tgo0] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-misbp5tgo0] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-misbp5tgo0]  a, .top-row .btn-link[b-misbp5tgo0] {
        white-space: nowrap;
        margin-left: 1.5rem;
    }

    .top-row a:first-child[b-misbp5tgo0] {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-misbp5tgo0] {
        display: none;
    }

    .top-row.auth[b-misbp5tgo0] {
        justify-content: space-between;
    }

    .top-row a[b-misbp5tgo0], .top-row .btn-link[b-misbp5tgo0] {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-misbp5tgo0] {
        flex-direction: row;
    }

    .sidebar[b-misbp5tgo0] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-misbp5tgo0] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row[b-misbp5tgo0], article[b-misbp5tgo0] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}