html,
body { 
font-family: 'Helvetica-Roman' !important;
position: relative;
}



/* .uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
  margin: auto;
  font-family: inherit !important;
  color: inherit !important;
  text-transform: none;
} */


a:hover{
  text-decoration: none !important;
font-family: 'Helvetica-Roman';
}

html{
scroll-behavior: smooth;
}
    
::-webkit-scrollbar {
display: none;
}
.logo-head {
position: relative;
}
.logo-head img{
width: 150px;
position: fixed;
left: 0;
right: 0;
margin: auto;
text-align: center;
top: 25px; 
z-index: 10; 
}

.post1 section{
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
position: relative; 
}
.post1 section.bubble-sec{
background-color:#ed2124;
}
section.future-blog{
background-color: rgb(233, 233, 233);
}
section.art-sec{    
background-color: #00acad;
}

a{
  cursor: pointer;
}

img{
  width: 100%;
}
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/

 

.font14{
font-size: 12px;
/* color: hsl(240deg 5.31% 52.6%); */
}
.font16{    
font-size: 12px;
/* color: hsl(240deg 5.31% 52.6%); */
}
.font18{
font-size: 18px;
/* color: hsl(240deg 5.31% 52.6%); */
}

  /*============================
  The juicy stuff
  ============================*/
  /* #ball {
    width: 10px;
    height: 10px;
    background-color: #000;
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: 1;
    transition: width 0.5s ease, height 0.5s ease;
  }
  
  #cursor-text {
    position: absolute;
    transform: translate(-50%, -80%);
    pointer-events: none;
    opacity: 0;
    z-index: 1;
    display: grid;
    place-items: center;
    transition: opacity 150ms ease-in-out;
    padding-top: 25px;
    color: #000;
  } */
  
    
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/



@media (prefers-reduced-motion) {
[data-animation] {
animation: none;       
}
}

.animation-group {
display: flex;
flex-wrap: wrap;
justify-content: center;
flex-direction: row;
gap: 30px;
margin-top: 30px;
}
@media screen and (max-width: 420px) {
.animation-group {
display: grid;
gap: 10px;
grid-template-columns: repeat(2, auto);
}
}
.animation-group [data-animation] {    
max-width: 100%;
min-width: 150px;
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
cursor: pointer;
color: #fff;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 20px;
opacity: 0;
overflow: hidden;
}
.animation-group [data-animation].animate {
opacity: 1;
}
.animation-group [data-animation] .icon {
font-size: 5em;
display: flex;
align-items: center;
justify-content: center;
width: 100px;
height: 100px;
transition: transform 0.3s ease;
}
.animation-group [data-animation]:hover {

}
.animation-group [data-animation]:hover .icon {
transform: scale(1.1);
}
.animation-group [data-animation]:nth-child(1) {
animation-delay: 100ms;
}
.animation-group [data-animation]:nth-child(2) {
animation-delay: 500ms;
}
.animation-group [data-animation]:nth-child(3) {
animation-delay: 900ms;
}
.animation-group [data-animation]:nth-child(4) {
animation-delay: 1300ms;
}

/* Animations */
:root {
--animate-duration: 1.5s;
--animate-delay: 1s;
--animate-repeat: 1;
}

.animated {
animation-duration: 1s;
animation-duration: var(--animate-duration);
animation-fill-mode: both;
}

@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg);
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
.swing {
-webkit-animation-name: swing;
animation-name: swing;
-webkit-transform-origin: top center;
transform-origin: top center;
}

@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}

@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}

@keyframes bounce {
0%, 20%, 53%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0) scaleY(1.1);
transform: translate3d(0, -30px, 0) scaleY(1.1);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0) scaleY(1.05);
transform: translate3d(0, -15px, 0) scaleY(1.05);
}
80% {
-webkit-transform: translateZ(0) scaleY(0.95);
transform: translateZ(0) scaleY(0.95);
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
90% {
-webkit-transform: translate3d(0, -4px, 0) scaleY(1.02);
transform: translate3d(0, -4px, 0) scaleY(1.02);
}
}

@keyframes animName {
0% {
transform: translateX(0);
}
30% {
transform: translateX(100px);
}
100% {
transform: translateX(0);
}
}

.elem {
animation: animName 2s; 
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}

@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
28% {
-webkit-transform: scale(1);
transform: scale(1);
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.heartBeat {
-webkit-animation-duration: 1.3s;
animation-duration: 1.3s;
-webkit-animation-duration: calc(var(--animate-duration) * 1.3);
animation-duration: calc(var(--animate-duration) * 1.3);
-webkit-animation-name: heartBeat;
animation-name: heartBeat;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}

@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-20%, 0, 0);
transform: translate3d(-20%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}

@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}







/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
/**********************************************************/
#blog-post{
display: flex!important;
align-items: center;
padding-left: 50px;
padding-right: 50px;
}
.brand-logo-mian{
display: inline;
width: 100%;
}
.brand-logo-mian > div {
width: 30.33%;
height: auto;
margin: 1.5%;
float: left; 
}
.brand-logo{
    cursor: none;
}
.brand-logo > div{
position: relative;
}
.brand-logo .fls-btn{
text-decoration: none;
color: #000;
opacity: 0;
font-size: 20px;
transition: all 0.6s;
}
.brand-logo:hover .fls-btn{
opacity: 1;
}

.brand-logo-over-flow{
position: absolute;  
transition: all 0.6s;
margin-top: 10px;
}
.brand-logo-over-flow h3{
font-size: 25px;
text-transform: uppercase;
font-weight: 700;
}
.brand-logo-over-flow  {
width: 30%;
}
.brand-logo.one > div{
width: 80%; 
margin: auto; 
margin-right: 0;
transition: all 0.6s;
} 
.brand-logo > div > a img{
box-shadow: 40px 50px 100px rgb(0 0 0 / 20%);
}
.brand-logo > div:hover{
transform: scale(1.1);
}
/* .brand-logo > div:hover .brand-logo-over-flow{
bottom: 50px;
} */
.brand-logo.two > div{
width: 80%; 
margin: auto;
margin-right: 0;
margin-top: -50px;
transition: all 0.6s;
}
.brand-logo.three > div{
width: 80%; 
margin: auto;
transition: all 0.6s;
margin-right: 0;
}
.brand-logo.four > div{
width: 80%; 
margin: auto;
transition: all 0.6s;
margin-top: 50px;
}
.brand-logo.five > div{
width: 80%; 
margin: auto;
transition: all 0.6s;
}
.brand-logo.six > div{
width: 80%; 
margin: auto;
transition: all 0.6s;
margin-top: 50px;
}

















.bubble-main{ 
text-align: center;
margin: auto;   
display: flex;
}
.bubble-left{
width: 290px;
height: 290px;
background-color: transparent;
border-radius: 50%; 
position: relative;
overflow: hidden;
z-index: -0;
margin-right: 50px;
}
.bubble-left::after{
position: absolute;
content: "";
height: 70px;
width: 70px;
background-color: #000;
border-radius: 50%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
}
.bubble-left::before {
position: absolute;
content: "";
width: 100%;
height: 100%;
border: 20px solid #000;
border-radius: 50%;
left: 5px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
margin-left: -5px;
background-color: #fff;
}
.bubble-right{
width: 290px;
height: 290px;
background-color: transparent;
border-radius: 50%; 
position: relative;
overflow: hidden;
z-index: -0;
margin-left: 50px;
}
.bubble-right::after{
position: absolute;
content: "";
height: 70px;
width: 70px;
background-color: #000;
border-radius: 50%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
}
.bubble-right::before{
position: absolute;
content: "";
width:100%;
height:100%; 
border: 20px solid #000;
border-radius: 50%;
left: 5px;
right: 0;
top: 0;
bottom: 0;
margin: auto;
text-align: center;
margin-left: -5px;
background-color: #fff;
}


.bubbles-left1{
width:160px;
padding-left:20px;
position:absolute;
bottom:0;
margin-left:-90px;
left:20%;
display:inline-block;
z-index: 1;
}
.bubbles-left2{
width:160px;
padding-left:20px;
position:absolute;
bottom:0;
margin-left:-90px;
left:40%;
display:inline-block;
z-index: 1;
}
.bubbles-left3{
width:160px;
padding-left:20px;
position:absolute;
bottom:0;
margin-left:-90px;
left:70%;
display:inline-block;
z-index: 1;
}
.bubbles-left4{
width:160px;
padding-left:20px;
position:absolute;
bottom:0;
margin-left:-90px;
left:90%;
display:inline-block;
z-index: 1;
}






.drink li{
list-style:none;
}


.drink {
position: relative;
top: 0px;
width: 250px;
/* background-color: #00abd6; */
height: 324px;
overflow:hidden  ;
transform:scale(1) ;
-webkit-transform:scale(1) ;
-moz-transform:scale(1) ;
-ms-transform:scale(1) ;
-o-transform:scale(1) ;
}

.drink li:nth-child(1) {
animation: s1 5762ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative;

left: 0px;
animation-delay: -70ms;
position: absolute;
left: 5%;
}

.drink li:nth-child(101) {
animation: s1 5762ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -70ms;
position: absolute;
left:38%;
}

.drink li:nth-child(201) {
animation: s1 5762ms linear infinite;
list-style: none;
width: 5px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -70ms;
position: absolute;
left:70%;
}


@keyframes s1 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(2) {
animation: s2 3530ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -140ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(102) {
animation: s2 3530ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
left: 0px;
animation-delay: -140ms;
position: absolute;
left: 37%;
}
.drink li:nth-child(202) {
animation: s2 3530ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
left: 0px;
animation-delay: -140ms;
position: absolute;
left:71%;
}
@keyframes s2 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(3) {
animation: s3 7985ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -210ms;
position: absolute;
left: 5%;
}

.drink li:nth-child(103) {
animation: s3 7985ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -210ms;
position: absolute;
left:38%;
}

.drink li:nth-child(203) {
animation: s3 7985ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -210ms;
position: absolute;
left: 69%;
}

@keyframes s3 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(4) {
animation: s4 4573ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -280ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(104) {
animation: s4 4573ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -280ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(204) {
animation: s4 4573ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -280ms;
position: absolute;
left: 71%;
} 
@keyframes s4 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(5) {
animation: s5 7092ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -350ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(105) {
animation: s5 7092ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -350ms;
position: absolute;
left:38%;
}
.drink li:nth-child(205) {
animation: s5 7092ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -350ms;
position: absolute;
left: 71%;
}
@keyframes s5 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(6) {
animation: s6 3840ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -420ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(106) {
animation: s6 3840ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -420ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(206) {
animation: s6 3840ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -420ms;
position: absolute;
left: 70%;
}
@keyframes s6 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(7) {
animation: s7 6797ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -490ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(107) {
animation: s7 6797ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -490ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(207) {
animation: s7 6797ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -490ms;
position: absolute;
left: 71%;
}
@keyframes s7 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(8) {
animation: s8 4311ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -560ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(108) {
animation: s8 4311ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -560ms;
position: absolute;
left:38%;
}
.drink li:nth-child(208) {
animation: s8 4311ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -560ms;
position: absolute;
left: 71%;
}
@keyframes s8 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(9) {
animation: s9 8187ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -630ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(109) {
animation: s9 8187ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -630ms;
position: absolute;
left: 37%;
}
.drink li:nth-child(209) {
animation: s9 8187ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -630ms;
position: absolute;
left: 71%;
}
@keyframes s9 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(10) {
animation: s10 6939ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -700ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(110) {
animation: s10 6939ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -700ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(210) {
animation: s10 6939ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -700ms;
position: absolute;
left: 70%;
}
@keyframes s10 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(11) {
animation: s11 3846ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -770ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(111) {
animation: s11 3846ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -770ms;
position: absolute;
left: 37%;
}
.drink li:nth-child(211) {
animation: s11 3846ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -770ms;
position: absolute;
left:71%;
}
@keyframes s11 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(12) {
animation: s12 7383ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -840ms;
position: absolute;
left: 5%;
}

.drink li:nth-child(112) {
animation: s12 7383ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -840ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(212) {
animation: s12 7383ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -840ms;
position: absolute;
left:38%;
}
@keyframes s12 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(13) {
animation: s13 8257ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -910ms;
position: absolute;
left:4%;
}
.drink li:nth-child(113) {
animation: s13 8257ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -910ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(213) {
animation: s13 8257ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -910ms;
position: absolute;
left: 39%;
}
@keyframes s13 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(14) {
animation: s14 4962ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -980ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(114) {
animation: s14 4962ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -980ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(214) {
animation: s14 4962ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -980ms;
position: absolute;
left: 71%;
}
@keyframes s14 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(15) {
animation: s15 8253ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative;
animation-delay: -1050ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(115) {
animation: s15 8253ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative;
animation-delay: -1050ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(215) {
animation: s15 8253ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative;
animation-delay: -1050ms;
position: absolute;
left: 71%;
}
@keyframes s15 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(16) {
animation: s16 8045ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1120ms;
position: absolute;
left: 7%;
}
.drink li:nth-child(116) {
animation: s16 8045ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1120ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(216) {
animation: s16 8045ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1120ms;
position: absolute;
left: 72%;
}
@keyframes s16 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(17) {
animation: s17 7270ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1190ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(117) {
animation: s17 7270ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1190ms;
position: absolute;
left:70%;
}
.drink li:nth-child(217) {
animation: s17 7270ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1190ms;
position: absolute;
left: 37%;
}
@keyframes s17 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(18) {
animation: s18 4086ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1260ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(118) {
animation: s18 4086ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1260ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(218) {
animation: s18 4086ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1260ms;
position: absolute;
left: 38%;
}
@keyframes s18 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(19) {
animation: s19 8913ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1330ms;
position: absolute;
left: 8%;
}
.drink li:nth-child(119) {
animation: s19 8913ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1330ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(219) {
animation: s19 8913ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1330ms;
position: absolute;
left: 38%;
}
@keyframes s19 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(20) {
animation: s20 5090ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1400ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(120) {
animation: s20 5090ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1400ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(220) {
animation: s20 5090ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1400ms;
position: absolute;
left: 38%;
}
@keyframes s20 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(21) {
animation: s21 8596ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1470ms;
position: absolute;
left: 7%;
}
.drink li:nth-child(121) {
animation: s21 8596ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1470ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(221) {
animation: s21 8596ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1470ms;
position: absolute;
left: 72%;
}
@keyframes s21 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(22) {
animation: s22 8623ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative;  
animation-delay: -1540ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(122) {
animation: s22 8623ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative;  
animation-delay: -1540ms;
position: absolute;
left: 72%;
}
.drink li:nth-child(222) {
animation: s22 8623ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative;  
animation-delay: -1540ms;
position: absolute;
left: 40%;
}
@keyframes s22 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(23) {
animation: s23 7701ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1610ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(123) {
animation: s23 7701ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1610ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(223) {
animation: s23 7701ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1610ms;
position: absolute;
left:70%;
}
@keyframes s23 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(24) {
animation: s24 3420ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1680ms;
position: absolute;
left:4%;
}
.drink li:nth-child(124) {
animation: s24 3420ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1680ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(224) {
animation: s24 3420ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1680ms;
position: absolute;
left: 69%;
}
@keyframes s24 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(25) {
animation: s25 6182ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1750ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(125) {
animation: s25 6182ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1750ms;
position: absolute;
left: 38%;
}

.drink li:nth-child(225) {
animation: s25 6182ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1750ms;
position: absolute;
left: 71%;
}
@keyframes s25 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(26) {
animation: s26 3915ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1820ms;
position: absolute;
left: 5%;
}

.drink li:nth-child(126) {
animation: s26 3915ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1820ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(226) {
animation: s26 3915ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1820ms;
position: absolute;
left: 70%;
}
@keyframes s26 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(27) {
animation: s27 6141ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1890ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(127) {
animation: s27 6141ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1890ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(227) {
animation: s27 6141ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1890ms;
position: absolute;
left: 71%;
}
@keyframes s27 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(28) {
animation: s28 4702ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1960ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(128) {
animation: s28 4702ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1960ms;
position: absolute;
left:71%;
}
.drink li:nth-child(228) {
animation: s28 4702ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -1960ms;
position: absolute;
left: 38%;
}
@keyframes s28 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(29) {
animation: s29 6631ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2030ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(129) {
animation: s29 6631ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2030ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(229) {
animation: s29 6631ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2030ms;
position: absolute;
left: 71%;
}
@keyframes s29 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(30) {
animation: s30 3300ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2100ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(130) {
animation: s30 3300ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2100ms;
position: absolute;
left: 72%;
}
.drink li:nth-child(230) {
animation: s30 3300ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2100ms;
position: absolute;
left:38%;
}
@keyframes s30 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(31) {
animation: s31 4204ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2170ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(131) {
animation: s31 4204ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2170ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(231) {
animation: s31 4204ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2170ms;
position: absolute;
left: 37%;
} 
@keyframes s31 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(32) {
animation: s32 9053ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2240ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(132) {
animation: s32 9053ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2240ms;
position: absolute;
left:71%;
}
.drink li:nth-child(232) {
animation: s32 9053ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2240ms;
position: absolute;
left: 38%;
}
@keyframes s32 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(33) {
animation: s33 6025ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2310ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(133) {
animation: s33 6025ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2310ms;
position: absolute;
left: 38%;
}

.drink li:nth-child(233) {
animation: s33 6025ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2310ms;
position: absolute;
left: 71%;
}
@keyframes s33 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(34) {
animation: s34 3618ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2380ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(134) {
animation: s34 3618ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2380ms;
position: absolute;
left:71%;
}
.drink li:nth-child(234) {
animation: s34 3618ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2380ms;
position: absolute;
left:38%;
}
@keyframes s34 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(35) {
animation: s35 8876ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2450ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(135) {
animation: s35 8876ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2450ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(235) {
animation: s35 8876ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2450ms;
position: absolute;
left: 39%;
}
@keyframes s35 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(36) {
animation: s36 7992ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2520ms;
position: absolute;
left: 4%;
}
.drink li:nth-child(136) {
animation: s36 7992ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2520ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(236) {
animation: s36 7992ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2520ms;
position: absolute;
left: 38%;
}
@keyframes s36 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(37) {
animation: s37 6826ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2590ms;
position: absolute;
left: 4%;
}
.drink li:nth-child(137) {
animation: s37 6826ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2590ms;
position: absolute;
left: 36%;
}
.drink li:nth-child(237) {
animation: s37 6826ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2590ms;
position: absolute;
left: 70%;
}
@keyframes s37 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(38) {
animation: s38 6125ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2660ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(138) {
animation: s38 6125ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2660ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(238) {
animation: s38 6125ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2660ms;
position: absolute;
left: 70%;
}
@keyframes s38 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(39) {
animation: s39 3277ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2730ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(139) {
animation: s39 3277ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2730ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(239) {
animation: s39 3277ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2730ms;
position: absolute;
left: 39%;
}
@keyframes s39 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(40) {
animation: s40 5316ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2800ms;
position: absolute;
left: 72%;
}
.drink li:nth-child(140) {
animation: s40 5316ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2800ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(240) {
animation: s40 5316ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2800ms;
position: absolute;
left: 38%;
}
@keyframes s40 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(41) {
animation: s41 8347ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2870ms;
position: absolute;
left:70%;
}
.drink li:nth-child(141) {
animation: s41 8347ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2870ms;
position: absolute;
left:38%;
}
.drink li:nth-child(241) {
animation: s41 8347ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2870ms;
position: absolute;
left: 6%;
}
@keyframes s41 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(42) {
animation: s42 8014ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2940ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(142) {
animation: s42 8014ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2940ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(242) {
animation: s42 8014ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -2940ms;
position: absolute;
left: 38%;
}

@keyframes s42 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(43) {
animation: s43 4484ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3010ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(143) {
animation: s43 4484ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3010ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(243) {
animation: s43 4484ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3010ms;
position: absolute;
left: 7%;
}
@keyframes s43 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(44) {
animation: s44 6999ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3080ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(144) {
animation: s44 6999ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3080ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(244) {
animation: s44 6999ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3080ms;
position: absolute;
left: 4%;
}
@keyframes s44 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(45) {
animation: s45 8446ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3150ms;
position: absolute;
left: 72%;
}
.drink li:nth-child(145) {
animation: s45 8446ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3150ms;
position: absolute;
left:38%;
}
.drink li:nth-child(245) {
animation: s45 8446ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3150ms;
position: absolute;
left:5%;
}
@keyframes s45 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(46) {
animation: s46 4167ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3220ms;
position: absolute;
left: 69%;
}
.drink li:nth-child(146) {
animation: s46 4167ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3220ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(246) {
animation: s46 4167ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3220ms;
position: absolute;
left: 7%;
}
@keyframes s46 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(47) {
animation: s47 6822ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3290ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(147) {
animation: s47 6822ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3290ms;
position: absolute;
left:38%;
}
.drink li:nth-child(247) {
animation: s47 6822ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3290ms;
position: absolute;
left:7%;
}
@keyframes s47 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(48) {
animation: s48 7933ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3360ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(148) {
animation: s48 7933ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3360ms;
position: absolute;
left:38%;
}
.drink li:nth-child(248) {
animation: s48 7933ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3360ms;
position: absolute;
left: 5%;
}
@keyframes s48 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(49) {
animation: s49 5306ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3430ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(149) {
animation: s49 5306ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3430ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(249) {
animation: s49 5306ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3430ms;
position: absolute;
left: 4%;
}
@keyframes s49 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(50) {
animation: s50 4754ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3500ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(150) {
animation: s50 4754ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3500ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(250) {
animation: s50 4754ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3500ms;
position: absolute;
left: 38%;
}
@keyframes s50 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(51) {
animation: s51 3451ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3570ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(151) {
animation: s51 3451ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3570ms;
position: absolute;
left: 69%;
}
.drink li:nth-child(251) {
animation: s51 3451ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3570ms;
position: absolute;
left: 8%;
}
@keyframes s51 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(52) {
animation: s52 8309ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3640ms;
position: absolute;
left: 7%;
}
.drink li:nth-child(152) {
animation: s52 8309ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3640ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(252) {
animation: s52 8309ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3640ms;
position: absolute;
left:38%;
}
@keyframes s52 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(53) {
animation: s53 4004ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3710ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(153) {
animation: s53 4004ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3710ms;
position: absolute;
left:70%;
}
.drink li:nth-child(253) {
animation: s53 4004ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3710ms;
position: absolute;
left: 8%;
}
@keyframes s53 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(54) {
animation: s54 6361ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3780ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(154) {
animation: s54 6361ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3780ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(254) {
animation: s54 6361ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3780ms;
position: absolute;
left: 8%;
}
@keyframes s54 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(55) {
animation: s55 7894ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3850ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(155) {
animation: s55 7894ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3850ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(255) {
animation: s55 7894ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3850ms;
position: absolute;
left: 8%;
}
@keyframes s55 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(56) {
animation: s56 6277ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3920ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(156) {
animation: s56 6277ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3920ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(256) {
animation: s56 6277ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3920ms;
position: absolute;
left: 6%;
}
@keyframes s56 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(57) {
animation: s57 3856ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3990ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(157) {
animation: s57 3856ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3990ms;
position: absolute;
left: 72%;
}
.drink li:nth-child(257) {
animation: s57 3856ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -3990ms;
position: absolute;
left: 38%;
}
@keyframes s57 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(58) {
animation: s58 8067ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4060ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(158) {
animation: s58 8067ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4060ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(258) {
animation: s58 8067ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4060ms;
position: absolute;
left: 71%;
}
@keyframes s58 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(59) {
animation: s59 8442ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4130ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(159) {
animation: s59 8442ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4130ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(259) {
animation: s59 8442ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4130ms;
position: absolute;
left: 39%;
}
@keyframes s59 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(60) {
animation: s60 7498ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4200ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(160) {
animation: s60 7498ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4200ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(260) {
animation: s60 7498ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4200ms;
position: absolute;
left: 6%;
}
@keyframes s60 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(61) {
animation: s61 8059ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4270ms;
position: absolute;
left:71%;
}
.drink li:nth-child(161) {
animation: s61 8059ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4270ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(261) {
animation: s61 8059ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4270ms;
position: absolute;
left: 6%;
}
@keyframes s61 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(62) {
animation: s62 4807ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4340ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(162) {
animation: s62 4807ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4340ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(262) {
animation: s62 4807ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4340ms;
position: absolute;
left: 38%;
}
@keyframes s62 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(63) {
animation: s63 7348ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4410ms;
position: absolute;
left: 69%;
}
.drink li:nth-child(163) {
animation: s63 7348ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4410ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(263) {
animation: s63 7348ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4410ms;
position: absolute;
left: 5%;
}
@keyframes s63 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(64) {
animation: s64 6612ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4480ms;
position: absolute;
left: 59%;
}
.drink li:nth-child(164) {
animation: s64 6612ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4480ms;
position: absolute;
left:5%;
}
.drink li:nth-child(264) {
animation: s64 6612ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4480ms;
position: absolute;
left: 38%;
}
@keyframes s64 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(65) {
animation: s65 7991ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4550ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(165) {
animation: s65 7991ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4550ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(265) {
animation: s65 7991ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4550ms;
position: absolute;
left: 6%;
}
@keyframes s65 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(66) {
animation: s66 5036ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4620ms;
position: absolute;
left: 69%;
}
.drink li:nth-child(166) {
animation: s66 5036ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4620ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(266) {
animation: s66 5036ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4620ms;
position: absolute;
left: 39%;
}
@keyframes s66 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(67) {
animation: s67 7581ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4690ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(167) {
animation: s67 7581ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4690ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(267) {
animation: s67 7581ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4690ms;
position: absolute;
left: 5%;
}
@keyframes s67 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(68) {
animation: s68 4374ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4760ms;
position: absolute;
left:70%;
}
.drink li:nth-child(168) {
animation: s68 4374ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4760ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(268) {
animation: s68 4374ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4760ms;
position: absolute;
left:6%;
}
@keyframes s68 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(69) {
animation: s69 5683ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4830ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(169) {
animation: s69 5683ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4830ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(269) {
animation: s69 5683ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4830ms;
position: absolute;
left: 38%;
}
@keyframes s69 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(70) {
animation: s70 3361ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4900ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(170) {
animation: s70 3361ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4900ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(270) {
animation: s70 3361ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4900ms;
position: absolute;
left: 6%;
}
@keyframes s70 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(71) {
animation: s71 6151ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4970ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(171) {
animation: s71 6151ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4970ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(271) {
animation: s71 6151ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -4970ms;
position: absolute;
left: 5%;
}
@keyframes s71 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(72) {
animation: s72 5221ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5040ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(172) {
animation: s72 5221ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5040ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(272) {
animation: s72 5221ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5040ms;
position: absolute;
left: 38%;
}
@keyframes s72 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(73) {
animation: s73 3943ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5110ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(173) {
animation: s73 3943ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5110ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(273) {
animation: s73 3943ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5110ms;
position: absolute;
left: 6%;
}
@keyframes s73 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(74) {
animation: s74 7977ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5180ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(174) {
animation: s74 7977ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5180ms;
position: absolute;
left:6%;
}
.drink li:nth-child(274) {
animation: s74 7977ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5180ms;
position: absolute;
left: 38%;
}
@keyframes s74 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(75) {
animation: s75 4425ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5250ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(175) {
animation: s75 4425ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5250ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(275) {
animation: s75 4425ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5250ms;
position: absolute;
left: 6%;
}
@keyframes s75 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(76) {
animation: s76 7004ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5320ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(176) {
animation: s76 7004ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5320ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(276) {
animation: s76 7004ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5320ms;
position: absolute;
left: 5%;
}
@keyframes s76 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(77) {
animation: s77 7943ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5390ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(177) {
animation: s77 7943ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5390ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(277) {
animation: s77 7943ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5390ms;
position: absolute;
left:6%;
}
@keyframes s77 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(78) {
animation: s78 8158ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5460ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(178) {
animation: s78 8158ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5460ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(278) {
animation: s78 8158ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5460ms;
position: absolute;
left: 39%;
}
@keyframes s78 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(79) {
animation: s79 4058ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5530ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(179) {
animation: s79 4058ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5530ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(279) {
animation: s79 4058ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5530ms;
position: absolute;
left: 5%;
}
@keyframes s79 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(80) {
animation: s80 3951ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5600ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(180) {
animation: s80 3951ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5600ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(280) {
animation: s80 3951ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5600ms;
position: absolute;
left: 6%;
}
@keyframes s80 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(81) {
animation: s81 7559ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5670ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(181) {
animation: s81 7559ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5670ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(281) {
animation: s81 7559ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5670ms;
position: absolute;
left: 38%;
}
@keyframes s81 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(82) {
animation: s82 6977ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5740ms;
position: absolute;
left: 71%;
}
.drink li:nth-child(182) {
animation: s82 6977ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5740ms;
position: absolute;
left:38%;
}
.drink li:nth-child(282) {
animation: s82 6977ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5740ms;
position: absolute;
left: 5%;
}
@keyframes s82 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(83) {
animation: s83 7337ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5810ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(183) {
animation: s83 7337ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5810ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(283) {
animation: s83 7337ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5810ms;
position: absolute;
left: 6%;
}
@keyframes s83 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(84) {
animation: s84 4149ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5880ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(184) {
animation: s84 4149ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5880ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(284) {
animation: s84 4149ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5880ms;
position: absolute;
left:39%;
}
@keyframes s84 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(85) {
animation: s85 6853ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5950ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(185) {
animation: s85 6853ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5950ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(285) {
animation: s85 6853ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -5950ms;
position: absolute;
left: 6%;
}
@keyframes s85 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(86) {
animation: s86 8305ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6020ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(186) {
animation: s86 8305ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6020ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(286) {
animation: s86 8305ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6020ms;
position: absolute;
left: 5%;
}
@keyframes s86 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(87) {
animation: s87 9033ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6090ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(187) {
animation: s87 9033ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6090ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(287) {
animation: s87 9033ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6090ms;
position: absolute;
left: 38%;
}
@keyframes s87 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(88) {
animation: s88 7402ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6160ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(188) {
animation: s88 7402ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6160ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(288) {
animation: s88 7402ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6160ms;
position: absolute;
left:38%;
}
@keyframes s88 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(89) {
animation: s89 5924ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6230ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(189) {
animation: s89 5924ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6230ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(289) {
animation: s89 5924ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6230ms;
position: absolute;
left: 39%;
}
@keyframes s89 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(90) {
animation: s90 9120ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6300ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(190) {
animation: s90 9120ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6300ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(290) {
animation: s90 9120ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6300ms;
position: absolute;
left: 5%;
}
@keyframes s90 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(91) {
animation: s91 3776ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6370ms;
position: absolute;
left:6%;
}
.drink li:nth-child(191) {
animation: s91 3776ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6370ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(291) {
animation: s91 3776ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6370ms;
position: absolute;
left: 38%;
}
@keyframes s91 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(92) {
animation: s92 8240ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6440ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(192) {
animation: s92 8240ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6440ms;
position: absolute;
left: 39%;
}
.drink li:nth-child(292) {
animation: s92 8240ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6440ms;
position: absolute;
left: 70%;
}
@keyframes s92 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(93) {
animation: s93 4686ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6510ms;
position: absolute;
left: 5%;
}
.drink li:nth-child(193) {
animation: s93 4686ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6510ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(293) {
animation: s93 4686ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6510ms;
position: absolute;
left: 39%;
}
@keyframes s93 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(94) {
animation: s94 4932ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6580ms;
position: absolute;
left: 4%;
}
.drink li:nth-child(194) {
animation: s94 4932ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6580ms;
position: absolute;
left:71%;
}
.drink li:nth-child(294) {
animation: s94 4932ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6580ms;
position: absolute;
left:38%;
}
@keyframes s94 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(95) {
animation: s95 6265ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6650ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(195) {
animation: s95 6265ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6650ms;
position: absolute;
left: 38%;
}
.drink li:nth-child(295) {
animation: s95 6265ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6650ms;
position: absolute;
left: 71%;
}
@keyframes s95 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(96) {
animation: s96 8761ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6720ms;
position: absolute;
left: 70%;
}
.drink li:nth-child(196) {
animation: s96 8761ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6720ms;
position: absolute;
left: 6%;
}
.drink li:nth-child(296) {
animation: s96 8761ms linear infinite;
list-style: none;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: relative; 
animation-delay: -6720ms;
position: absolute;
left: 39%;
}
@keyframes s96 {
0% {
transform: translateY(268px);
}
100% {
transform: translateY(5px);
}
}





























/***************************/
/***************************/
/***************************/
/***************************/
/***************************/
/***************************/
/***************************/
/***************************/
/***************************/
/* li 300 up css code */
.drink li:nth-child(301) {
animation: t1 9567ms linear infinite;
width:1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
background-color: red;
animation-delay: -70ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(401) {
animation: t1 9567ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -70ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(501) {
animation: t1 9567ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -70ms;
position: absolute;
left: 86%;
} 
@keyframes t1 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(302) {
animation: t2 8850ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -140ms;
position: absolute;
left: 23%;
}
.drink li:nth-child(402) {
animation: t2 8850ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -140ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(502) {
animation: t2 8850ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -140ms;
position: absolute;
left: 86%;
}

@keyframes t2 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(303) {
animation: t3 8540ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -210ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(403) {
animation: t3 8540ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -210ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(503) {
animation: t3 8540ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -210ms;
position: absolute;
left: 21%;
}
@keyframes t3 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(304) {
animation: t4 6515ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -280ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(404) {
animation: t4 6515ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -280ms;
position: absolute;
left: 85%;
}
.drink li:nth-child(504) {
animation: t4 6515ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -280ms;
position: absolute;
left: 54%;
}
@keyframes t4 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(305) {
animation: t5 8504ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -350ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(405) {
animation: t5 8504ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -350ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(505) {
animation: t5 8504ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -350ms;
position: absolute;
left: 86%;
}
@keyframes t5 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(306) {
animation: t6 5392ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -420ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(406) {
animation: t6 5392ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -420ms;
position: absolute;
left: 23%;
}
.drink li:nth-child(506) {
animation: t6 5392ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -420ms;
position: absolute;
left: 55%;
}
@keyframes t6 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(307) {
animation: t7 8463ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -490ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(407) {
animation: t7 8463ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -490ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(507) {
animation: t7 8463ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -490ms;
position: absolute;
left: 86%;
}
@keyframes t7 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(308) {
animation: t8 5830ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -560ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(408) {
animation: t8 5830ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -560ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(508) {
animation: t8 5830ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -560ms;
position: absolute;
left: 21%;
}
@keyframes t8 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(309) {
animation: t9 5808ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -630ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(409) {
animation: t9 5808ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -630ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(509) {
animation: t9 5808ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -630ms;
position: absolute;
left: 87%;
}
@keyframes t9 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(310) {
animation: t10 6326ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -700ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(410) {
animation: t10 6326ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -700ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(510) {
animation: t10 6326ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -700ms;
position: absolute;
left: 55%;
}
@keyframes t10 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(311) {
animation: t11 4508ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -770ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(411) {
animation: t11 4508ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -770ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(511) {
animation: t11 4508ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -770ms;
position: absolute;
left: 86%;
}
@keyframes t11 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(312) {
animation: t12 5948ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -840ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(412) {
animation: t12 5948ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -840ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(512) {
animation: t12 5948ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -840ms;
position: absolute;
left: 21%;
}
@keyframes t12 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(313) {
animation: t13 8037ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -910ms;
position: absolute;
left: 21% ;
}
.drink li:nth-child(413) {
animation: t13 8037ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -910ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(513) {
animation: t13 8037ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -910ms;
position: absolute;
left: 86%;
}
@keyframes t13 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}


.drink li:nth-child(314) {
animation: t14 5297ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -980ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(414) {
animation: t14 5297ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -980ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(514) {
animation: t14 5297ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -980ms;
position: absolute;
left: 21%;
}
@keyframes t14 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(315) {
animation: t15 3440ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1050ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(415) {
animation: t15 3440ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1050ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(515) {
animation: t15 3440ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1050ms;
position: absolute;
left: 86%;
}
@keyframes t15 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(316) {
animation: t16 3220ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1120ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(416) {
animation: t16 3220ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1120ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(516) {
animation: t16 3220ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1120ms;
position: absolute;
left: 21%;
}
@keyframes t16 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(317) {
animation: t17 9686ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1190ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(417) {
animation: t17 9686ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1190ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(517) {
animation: t17 9686ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1190ms;
position: absolute;
left: 86%;
}
@keyframes t17 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(318) {
animation: t18 4934ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1260ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(418) {
animation: t18 4934ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1260ms;
position: absolute;
left: 56%;
}
.drink li:nth-child(518) {
animation: t18 4934ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1260ms;
position: absolute;
left: 21%;
}
@keyframes t18 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(319) {
animation: t19 4648ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1330ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(419) {
animation: t19 4648ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;           
top: 18px;
left: 5px;
animation-delay: -1330ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(519) {
animation: t19 4648ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1330ms;
position: absolute;
left: 85%;
}
@keyframes t19 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(320) {
animation: t20 9236ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1400ms;
position: absolute;
left: 85%;
}
.drink li:nth-child(420) {
animation: t20 9236ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1400ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(520) {
animation: t20 9236ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1400ms;
position: absolute;
left: 22%;
}
@keyframes t20 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(321) {
animation: t21 3861ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1470ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(421) {
animation: t21 3861ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1470ms;
position: absolute;
left: 54%;
}    
.drink li:nth-child(521) {
animation: t21 3861ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1470ms;
position: absolute;
left: 86%;
}
@keyframes t21 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}
.drink li:nth-child(322) {
animation: t22 9123ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1540ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(422) {
animation: t22 9123ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1540ms;
position: absolute;
left: 56%;
}
.drink li:nth-child(522) {
animation: t22 9123ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1540ms;
position: absolute;
left: 23%;
}
@keyframes t22 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(323) {
animation: t23 5301ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1610ms;
position: absolute;
left: 23%;
}
.drink li:nth-child(423) {
animation: t23 5301ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1610ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(523) {
animation: t23 5301ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1610ms;
position: absolute;
left: 56%;
}
@keyframes t23 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(324) {
animation: t24 3944ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1680ms;
position: absolute;
left: 56%;
}
.drink li:nth-child(424) {
animation: t24 3944ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1680ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(524) {
animation: t24 3944ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1680ms;
position: absolute;
left: 21%;
}
@keyframes t24 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(325) {
animation: t25 7876ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1750ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(425) {
animation: t25 7876ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1750ms;
position: absolute;
left: 56%;
}
.drink li:nth-child(525) {
animation: t25 7876ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1750ms;
position: absolute;
left: 85%;
}
@keyframes t25 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(326) {
animation: t26 3269ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1820ms;
position: absolute;
left: 85%;
}
.drink li:nth-child(426) {
animation: t26 3269ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1820ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(526) {
animation: t26 3269ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1820ms;
position: absolute;
left: 54%;
}
@keyframes t26 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(327) {
animation: t27 5218ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1890ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(427) {
animation: t27 5218ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1890ms;
position: absolute;
left: 85%;
}
.drink li:nth-child(527) {
animation: t27 5218ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1890ms;
position: absolute;
left: 21%;
}
@keyframes t27 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(328) {
animation: t28 9043ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1960ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(428) {
animation: t28 9043ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1960ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(528) {
animation: t28 9043ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -1960ms;
position: absolute;
left: 85%;
}
@keyframes t28 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(329) {
animation: t29 4037ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2030ms;
position: absolute;
left: 85%;
}
.drink li:nth-child(429) {
animation: t29 4037ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2030ms;
position: absolute;
left: 56%;
}
.drink li:nth-child(529) {
animation: t29 4037ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2030ms;
position: absolute;
left: 22%;
}
@keyframes t29 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(330) {
animation: t30 9568ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2100ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(430) {
animation: t30 9568ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2100ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(530) {
animation: t30 9568ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2100ms;
position: absolute;
left: 86%;
}
@keyframes t30 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(331) {
animation: t31 8499ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2170ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(431) {
animation: t31 8499ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2170ms;
position: absolute;
left: 57%;
}
.drink li:nth-child(531) {
animation: t31 8499ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2170ms;
position: absolute;
left: 21%;
}
@keyframes t31 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(332) {
animation: t32 9320ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2240ms;
position: absolute;
left: 23%;
}
.drink li:nth-child(432) {
animation: t32 9320ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2240ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(532) {
animation: t32 9320ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2240ms;
position: absolute;
left: 55%;
}
@keyframes t32 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(333) {
animation: t33 3802ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2310ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(433) {
animation: t33 3802ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2310ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(533) {
animation: t33 3802ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2310ms;
position: absolute;
left: 85%;
}
@keyframes t33 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(334) {
animation: t34 5070ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2380ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(434) {
animation: t34 5070ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2380ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(534) {
animation: t34 5070ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2380ms;
position: absolute;
left: 21%;
}
@keyframes t34 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(335) {
animation: t35 7471ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2450ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(435) {
animation: t35 7471ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2450ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(535) {
animation: t35 7471ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2450ms;
position: absolute;
left: 86%;
}
@keyframes t35 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(336) {
animation: t36 4227ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2520ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(436) {
animation: t36 4227ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2520ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(536) {
animation: t36 4227ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2520ms;
position: absolute;
left: 54%;
}
@keyframes t36 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(337) {
animation: t37 5087ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2590ms;
position: absolute;
left: 56%;
}
.drink li:nth-child(437) {
animation: t37 5087ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2590ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(537) {
animation: t37 5087ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2590ms;
position: absolute;
left: 21%;
}
@keyframes t37 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(338) {
animation: t38 8409ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2660ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(438) {
animation: t38 8409ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2660ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(538) {
animation: t38 8409ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2660ms;
position: absolute;
left: 85%;
}
@keyframes t38 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(339) {
animation: t39 7357ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2730ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(439) {
animation: t39 7357ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2730ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(539) {
animation: t39 7357ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2730ms;
position: absolute;
left: 21%;
}
@keyframes t39 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(340) {
animation: t40 5921ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2800ms;
position: absolute;
left: 23%;
}
.drink li:nth-child(440) {
animation: t40 5921ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2800ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(540) {
animation: t40 5921ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2800ms;
position: absolute;
left: 86%;
}
@keyframes t40 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(341) {
animation: t41 4969ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2870ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(441) {
animation: t41 4969ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2870ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(541) {
animation: t41 4969ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2870ms;
position: absolute;
left: 55%;
}
@keyframes t41 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(342) {
animation: t42 3613ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2940ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(442) {
animation: t42 3613ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2940ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(542) {
animation: t42 3613ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -2940ms;
position: absolute;
left: 87%;
}
@keyframes t42 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(343) {
animation: t43 8370ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3010ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(443) {
animation: t43 8370ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3010ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(543) {
animation: t43 8370ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3010ms;
position: absolute;
left: 21%;
}
@keyframes t43 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(344) {
animation: t44 3412ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3080ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(444) {
animation: t44 3412ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3080ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(544) {
animation: t44 3412ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3080ms;
position: absolute;
left: 85%;
}
@keyframes t44 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(345) {
animation: t45 9491ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3150ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(445) {
animation: t45 9491ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3150ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(545) {
animation: t45 9491ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3150ms;
position: absolute;
left: 21%;
}
@keyframes t45 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(346) {
animation: t46 7747ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3220ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(446) {
animation: t46 7747ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3220ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(546) {
animation: t46 7747ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3220ms;
position: absolute;
left: 22%;
}
@keyframes t46 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(347) {
animation: t47 4001ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3290ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(447) {
animation: t47 4001ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3290ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(547) {
animation: t47 4001ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3290ms;
position: absolute;
left: 86%;
}
@keyframes t47 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(348) {
animation: t48 7480ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3360ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(448) {
animation: t48 7480ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3360ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(548) {
animation: t48 7480ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3360ms;
position: absolute;
left: 22%;
}
@keyframes t48 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(349) {
animation: t49 4715ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3430ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(449) {
animation: t49 4715ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3430ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(549) {
animation: t49 4715ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3430ms;
position: absolute;
left: 86%;
}
@keyframes t49 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(350) {
animation: t50 9638ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3500ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(450) {
animation: t50 9638ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3500ms;
position: absolute;
left: 57%;
}
.drink li:nth-child(550) {
animation: t50 9638ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3500ms;
position: absolute;
left: 23%;
}
@keyframes t50 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(351) {
animation: t51 8046ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3570ms;
position: absolute;
left: 23%;
}
.drink li:nth-child(451) {
animation: t51 8046ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3570ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(551) {
animation: t51 8046ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3570ms;
position: absolute;
left: 86%;
}
@keyframes t51 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(352) {
animation: t52 6264ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3640ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(452) {
animation: t52 6264ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3640ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(552) {
animation: t52 6264ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3640ms;
position: absolute;
left: 21%;
}
@keyframes t52 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(353) {
animation: t53 5554ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3710ms;
position: absolute;
left: 20%;
}
.drink li:nth-child(453) {
animation: t53 5554ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3710ms;
position: absolute;
left: 53%;
}
.drink li:nth-child(553) {
animation: t53 5554ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3710ms;
position: absolute;
left: 85%;
}
@keyframes t53 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(354) {
animation: t54 5171ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3780ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(454) {
animation: t54 5171ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3780ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(554) {
animation: t54 5171ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3780ms;
position: absolute;
left: 22%;
}
@keyframes t54 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(355) {
animation: t55 5082ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3850ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(455) {
animation: t55 5082ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3850ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(555) {
animation: t55 5082ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3850ms;
position: absolute;
left: 87%;
}
@keyframes t55 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(356) {
animation: t56 6265ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3920ms;
position: absolute;
left: 89%;
}
.drink li:nth-child(456) {
animation: t56 6265ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3920ms;
position: absolute;
left: 57%;
}
.drink li:nth-child(556) {
animation: t56 6265ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3920ms;
position: absolute;
left: 24%;
}
@keyframes t56 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(357) {
animation: t57 7506ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3990ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(457) {
animation: t57 7506ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3990ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(557) {
animation: t57 7506ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -3990ms;
position: absolute;
left: 86%;
}
@keyframes t57 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(358) {
animation: t58 8217ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4060ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(458) {
animation: t58 8217ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4060ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(558) {
animation: t58 8217ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4060ms;
position: absolute;
left: 22%;
}
@keyframes t58 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(359) {
animation: t59 4548ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4130ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(459) {
animation: t59 4548ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4130ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(559) {
animation: t59 4548ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4130ms;
position: absolute;
left: 86%;
}
@keyframes t59 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(360) {
animation: t60 5655ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4200ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(460) {
animation: t60 5655ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4200ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(560) {
animation: t60 5655ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4200ms;
position: absolute;
left: 21%;
}
@keyframes t60 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(361) {
animation: t61 7384ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4270ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(461) {
animation: t61 7384ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4270ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(561) {
animation: t61 7384ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4270ms;
position: absolute;
left: 86%;
}
@keyframes t61 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(362) {
animation: t62 4370ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4340ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(462) {
animation: t62 4370ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4340ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(562) {
animation: t62 4370ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4340ms;
position: absolute;
left: 55%;
}
@keyframes t62 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(363) {
animation: t63 3954ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4410ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(463) {
animation: t63 3954ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4410ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(563) {
animation: t63 3954ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4410ms;
position: absolute;
left: 87%;
}
@keyframes t63 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(364) {
animation: t64 4192ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4480ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(464) {
animation: t64 4192ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4480ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(564) {
animation: t64 4192ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4480ms;
position: absolute;
left: 22%;
}
@keyframes t64 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(365) {
animation: t65 9094ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4550ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(465) {
animation: t65 9094ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4550ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(565) {
animation: t65 9094ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4550ms;
position: absolute;
left: 85%;
}
@keyframes t65 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(366) {
animation: t66 9674ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4620ms;
position: absolute;
left: 85%;
}
.drink li:nth-child(466) {
animation: t66 9674ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4620ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(566) {
animation: t66 9674ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4620ms;
position: absolute;
left: 21%;
}
@keyframes t66 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(367) {
animation: t67 6904ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4690ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(467) {
animation: t67 6904ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4690ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(567) {
animation: t67 6904ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4690ms;
position: absolute;
left: 87%;
}
@keyframes t67 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(368) {
animation: t68 8468ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4760ms;
position: absolute;
left:87%;
}
.drink li:nth-child(468) {
animation: t68 8468ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4760ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(568) {
animation: t68 8468ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4760ms;
position: absolute;
left: 23%;
}
@keyframes t68 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(369) {
animation: t69 5137ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4830ms;
position: absolute;
left: 23%;
}
.drink li:nth-child(469) {
animation: t69 5137ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4830ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(569) {
animation: t69 5137ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4830ms;
position: absolute;
left: 86%;
}
@keyframes t69 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(370) {
animation: t70 7398ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4900ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(470) {
animation: t70 7398ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4900ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(570) {
animation: t70 7398ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4900ms;
position: absolute;
left: 21%;
}
@keyframes t70 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(371) {
animation: t71 5881ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4970ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(471) {
animation: t71 5881ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4970ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(571) {
animation: t71 5881ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -4970ms;
position: absolute;
left: 86%;
}
@keyframes t71 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(372) {
animation: t72 7605ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5040ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(472) {
animation: t72 7605ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5040ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(572) {
animation: t72 7605ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5040ms;
position: absolute;
left: 22%;
}
@keyframes t72 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(373) {
animation: t73 5998ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5110ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(473) {
animation: t73 5998ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5110ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(573) {
animation: t73 5998ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5110ms;
position: absolute;
left: 87%;
}
@keyframes t73 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(374) {
animation: t74 4701ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5180ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(474) {
animation: t74 4701ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5180ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(574) {
animation: t74 4701ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5180ms;
position: absolute;
left: 56%;
}
@keyframes t74 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(375) {
animation: t75 6409ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5250ms;
position: absolute;
left: 56%;
}
.drink li:nth-child(475) {
animation: t75 6409ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5250ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(575) {
animation: t75 6409ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5250ms;
position: absolute;
left: 85%;
}
@keyframes t75 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(376) {
animation: t76 6090ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5320ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(476) {
animation: t76 6090ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5320ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(576) {
animation: t76 6090ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5320ms;
position: absolute;
left: 21%;
}
@keyframes t76 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(377) {
animation: t77 5375ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5390ms;
position: absolute;
left: 20%;
}
.drink li:nth-child(477) {
animation: t77 5375ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5390ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(577) {
animation: t77 5375ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5390ms;
position: absolute;
left: 56%;
}
@keyframes t77 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(378) {
animation: t78 5858ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5460ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(478) {
animation: t78 5858ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5460ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(578) {
animation: t78 5858ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5460ms;
position: absolute;
left: 22%;
}
@keyframes t78 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(379) {
animation: t79 7796ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5530ms;
position: absolute;
left: 53%;
}
.drink li:nth-child(479) {
animation: t79 7796ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5530ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(579) {
animation: t79 7796ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5530ms;
position: absolute;
left: 85%;
}
@keyframes t79 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(380) {
animation: t80 4914ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5600ms;
position: absolute;
left: 88%;
}
.drink li:nth-child(480) {
animation: t80 4914ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5600ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(580) {
animation: t80 4914ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5600ms;
position: absolute;
left: 22%;
}
@keyframes t80 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(381) {
animation: t81 8796ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5670ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(481) {
animation: t81 8796ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5670ms;
position: absolute;
left: 88%;
}
.drink li:nth-child(581) {
animation: t81 8796ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5670ms;
position: absolute;
left: 55%;
}
@keyframes t81 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(382) {
animation: t82 3862ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5740ms;
position: absolute;
left: 56%;
}
.drink li:nth-child(482) {
animation: t82 3862ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5740ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(582) {
animation: t82 3862ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5740ms;
position: absolute;
left: 21%;
}
@keyframes t82 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(383) {
animation: t83 4902ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5810ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(483) {
animation: t83 4902ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5810ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(583) {
animation: t83 4902ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5810ms;
position: absolute;
left: 86%;
}
@keyframes t83 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(384) {
animation: t84 6887ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5880ms;
position: absolute;
left: 56%;
}.drink li:nth-child(484) {
animation: t84 6887ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5880ms;
position: absolute;
left: 21%;
}
.drink li:nth-child(584) {
animation: t84 6887ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5880ms;
position: absolute;
left: 86%;
}
@keyframes t84 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(385) {
animation: t85 5569ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5950ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(485) {
animation: t85 5569ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5950ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(585) {
animation: t85 5569ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -5950ms;
position: absolute;
left: 21%;
}
@keyframes t85 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(386) {
animation: t86 9258ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6020ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(486) {
animation: t86 9258ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6020ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(586) {
animation: t86 9258ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6020ms;
position: absolute;
left:87%;
/* changed */
}
@keyframes t86 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(387) {
animation: t87 8606ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6090ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(487) {
animation: t87 8606ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6090ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(587) {
animation: t87 8606ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6090ms;
position: absolute;
left: 54%;
}
@keyframes t87 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(388) {
animation: t88 4660ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6160ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(488) {
animation: t88 4660ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6160ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(588) {
animation: t88 4660ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6160ms;
position: absolute;
left: 21%;
}
@keyframes t88 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(389) {
animation: t89 3796ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6230ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(489) {
animation: t89 3796ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6230ms;
position: absolute;
left: 53%;
}
.drink li:nth-child(589) {
animation: t89 3796ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6230ms;
position: absolute;
left: 85%;
}
@keyframes t89 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(390) {
animation: t90 8630ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6300ms;
position: absolute;
left: 85%;
}
.drink li:nth-child(490) {
animation: t90 8630ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6300ms;
position: absolute;
left: 55%;
}
.drink li:nth-child(590) {
animation: t90 8630ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6300ms;
position: absolute;
left: 22%;
}
@keyframes t90 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(391) {
animation: t91 9558ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6370ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(491) {
animation: t91 9558ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6370ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(591) {
animation: t91 9558ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6370ms;
position: absolute;
left: 86%;
}
@keyframes t91 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(392) {
animation: t92 5696ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6440ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(492) {
animation: t92 5696ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6440ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(592) {
animation: t92 5696ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6440ms;
position: absolute;
left: 86%;
}
@keyframes t92 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(393) {
animation: t93 5703ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6510ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(493) {
animation: t93 5703ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6510ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(593) {
animation: t93 5703ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6510ms;
position: absolute;
left: 55%;
}
@keyframes t93 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(394) {
animation: t94 9218ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6580ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(494) {
animation: t94 9218ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6580ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(594) {
animation: t94 9218ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6580ms;
position: absolute;
left: 85%;
}
@keyframes t94 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(395) {
animation: t95 5792ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6650ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(495) {
animation: t95 5792ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6650ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(595) {
animation: t95 5792ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6650ms;
position: absolute;
left: 23%;
}
@keyframes t95 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(396) {
animation: t96 9333ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6720ms;
position: absolute;
left: 23%;
}
.drink li:nth-child(496) {
animation: t96 9333ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6720ms;
position: absolute;
left: 53%;
}
.drink li:nth-child(596) {
animation: t96 9333ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6720ms;
position: absolute;
left: 89%;
}
@keyframes t96 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(397) {
animation: t97 3598ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6790ms;
position: absolute;
left: 89%;
}
.drink li:nth-child(497) {
animation: t97 3598ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6790ms;
position: absolute;
left: 53%;
}
.drink li:nth-child(597) {
animation: t97 3598ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6790ms;
position: absolute;
left: 23%;
}
@keyframes t97 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(398) {
animation: t98 7287ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6860ms;
position: absolute;
left: 23%;
}
.drink li:nth-child(498) {
animation: t98 7287ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6860ms;
position: absolute;
left: 56%;
}
.drink li:nth-child(598) {
animation: t98 7287ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6860ms;
position: absolute;
left: 87%;
}
@keyframes t98 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(399) {
animation: t99 3827ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6930ms;
position: absolute;
left: 87%;
}
.drink li:nth-child(499) {
animation: t99 3827ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6930ms;
position: absolute;
left: 22%;
}
.drink li:nth-child(599) {
animation: t99 3827ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -6930ms;
position: absolute;
left: 54%;
}
@keyframes t99 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}

.drink li:nth-child(400) {
animation: t100 9532ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -7000ms;
position: absolute;
left: 54%;
}
.drink li:nth-child(500) {
animation: t100 9532ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -7000ms;
position: absolute;
left: 86%;
}
.drink li:nth-child(600) {
animation: t100 9532ms linear infinite;
width: 1px;
height: 1px;
border: 1px outset #feed70;
border-radius: 50%;
position: absolute;
top: 18px;
left: 5px;
animation-delay: -7000ms;
position: absolute;
left: 22%;
}
@keyframes t100 {
0% {
transform: translateY(260px);
}
100% {
transform: translateY(5px);
}
}








/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/
/*************************************************************/




.base{
height: 100vh;
display: flex;
align-items: center;
justify-content: center;
   color: #00acad;
} 
.letter-first > div,  .letter-second > div , .letter-third > div{
display: flex;
flex-direction: column;
height: 110px;
width: 110px;
border-radius: 50%;
background-color: #fff;
font-size:60px;
text-align: center;
color: #000;
border: 5px solid #000;
overflow: hidden;
margin: 5px; 
}
.letter-first span{
--ch:-21;
animation: scroll 1s 1s linear forwards; 
}
.letter-second span{
--ch:-18;
animation: scroll 2s 1s linear forwards; 
}
.letter-third span{
--ch:-20;
animation: scroll 3s 1s linear forwards; 
}
@keyframes scroll {
to{
transform: translateY(calc(var(--ch)*100%));
}
}













.rangoli {
display: flex!important;
flex-direction: column;
align-items: center;
text-align: center; 
background-color: rgb(171 139 131);
}
.rangoli > div{
margin: auto;
width:80%;
}
.rangoli img{ 
width: 35%;
padding-bottom: 5%;
} 




#btn-keyword {
display: flex!important;
align-items: center;
flex-direction: column;
justify-content: center;
background-color: #00abd6;
}
/*WRAPPER*/
.phone-demo {
position: relative;
margin: 20px auto;
}



/*MAIN CIRCLE*/
.circle {
position: relative;
margin-top: 30px;
margin-bottom: 20px;
margin-left: 25px;
width: 400px;
height: 400px;
/* border-radius: 50%;
border: 1px solid; */
/* border-radius: 50%;
background: #093b62;
box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.3); */
/* -webkit-box-shadow: inset 0px 0px 30px rgba(0, 0, 0, 0.3); */
/* -moz-transition: all 0.75s ease;
-o-transition: all 0.75s ease;
-webkit-transition: all 0.75s ease;
transition: all 0.75s ease; */
/*INNER CIRCLE*/
/*LITTLE CIRCLES*/ 
}


.circle:before {
/* content: "#";
text-align: center;
font: 70px/135px Georgia, Times, serif;
color: #efefef;
position: absolute;
top: 84px;
left: 84px;
z-index: 10;
width: 130px;
height: 130px;
border-radius: 50%;
background: #fff;
-webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); */
/* box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.3); */
}
.circle li {
position: absolute;
width: 60px;
height: 60px;
margin: 0px;
padding-top: 13px;
border-radius: 50%;
background: white;
list-style: none;
text-align: center;
font: 25px Helvetica, Arial, sans-serif;
}

.circle li:nth-child(1) {
top: 316.71068px;
left: 185.71068px;
}

.circle li.spinmob1{
-webkit-animation:spinmob1 0.5s ease-in ;
-moz-animation:spinmob1 0.5s ease-in 0s ;
-o-animation:spinmob1 0.5s  ease-in;
animation:spinmob1 0.5s ease-in;
} 

@-webkit-keyframes spinmob1{
0%{
transform: scale(1.0);
}
100%{
transform: scale(1.3);
}
}
@-moz-keyframes spinmob1{
0%{
-moz-transform:scale(1.0);
}
100%{
-moz-transform:scale(1.3);
}
}
@-o-keyframes spinmob1{
0%{
-o-transform:scale(1.0);
}
100%{
-o-transform:scale(1.3);
}
}


.circle li:nth-child(2) {
top: 306.76883px;
left: 102.64345px;    
}
.circle li.spinmob2{
-webkit-animation:spinmob2 1.0s ease-in;
-moz-animation:spinmob2 1.0s ease-in 0s ;
-o-animation:spinmob2 1.0s ease-in;
animation:spinmob2 1.0s ease-in;
} 

@-webkit-keyframes spinmob2{
0%{
transform: scale(1.0);
}
100%{
transform: scale(1.3);
}
}
@-moz-keyframes spinmob2{
0%{
-moz-transform:scale(1.0);
}
100%{
-moz-transform:scale(1.3);
}
}
@-o-keyframes spinmob2{
0%{
-o-transform:scale(1.0);
}
100%{
-o-transform:scale(1.3);
}
}

.circle li:nth-child(3) {
top: 255.10065px;
left: 35.60095px;
}
.circle li.spinmob3{
-webkit-animation:spinmob3 1.3s ease-in;
-moz-animation:spinmob3 1.3s ease-in 0s ;
-o-animation:spinmob3 1.3s ease-in;
animation:spinmob3 1.3s ease-in;
} 

@-webkit-keyframes spinmob3{
0%{
transform: scale(1.0);
}
100%{
transform: scale(1.3);
}
}
@-moz-keyframes spinmob3{
0%{
-moz-transform:scale(1.0);
}
100%{
-moz-transform:scale(1.3);
}
}
@-o-keyframes spinmob3{
0%{
-o-transform:scale(1.0);
}
100%{
-o-transform:scale(1.3);
}
}




.circle li:nth-child(4) {
top: 177.39905px;
left: 1.89935px;
}
.circle li.spinmob4{
-webkit-animation:spinmob4 2.0s ease-in;
-moz-animation:spinmob4 2.0s ease-in 0s ;
-o-animation:spinmob4 2.0s ease-in;
animation:spinmob4 2.0s ease-in;
} 

@-webkit-keyframes spinmob4{
0%{
transform: scale(1.0);
}
100%{
transform: scale(1.3);
}
}
@-moz-keyframes spinmob4{
0%{
-moz-transform:scale(1.0);
}
100%{
-moz-transform:scale(1.3);
}
}
@-o-keyframes spinmob4{
0%{
-o-transform:scale(1.0);
}
100%{
-o-transform:scale(1.3);
}
}

.circle li:nth-child(5) {
top: 91.35655px;
left: 16.23117px;
}
.circle li.spinmob5{
-webkit-animation:spinmob5 2.5s ease-in;
-moz-animation:spinmob5  2.5s  ease-in 0s ;
-o-animation:spinmob5  2.5s ease-in;
animation:spinmob5  2.5s ease-in;
} 

@-webkit-keyframes spinmob5{
0%{
transform: scale(1.0);
}
100%{
transform: scale(1.3);
}
}
@-moz-keyframes spinmob5{
0%{
-moz-transform:scale(1.0);
}
100%{
-moz-transform:scale(1.3);
}
}
@-o-keyframes spinmob5{
0%{
-o-transform:scale(1.0);
}
100%{
-o-transform:scale(1.3);
}
}
.circle li:nth-child(6) {
top: 26.28932px;
left: 68.28932px;
}
.circle li.spinmob6{
-webkit-animation:spinmob6 3.0s ease-in;
-moz-animation:spinmob6 3.0s ease-in 0s ;
-o-animation:spinmob6 3.0s ease-in;
animation:spinmob6 3.0s ease-in;
} 

@-webkit-keyframes spinmob6{
0%{
transform: scale(1.0);
}
100%{
transform: scale(1.3);
}
}
@-moz-keyframes spinmob6{
0%{
-moz-transform:scale(1.0);
}
100%{
-moz-transform:scale(1.3);
}
}
@-o-keyframes spinmob6{
0%{
-o-transform:scale(1.0);
}
100%{
-o-transform:scale(1.3);
}
}

.circle li:nth-child(7) {
top: 2.23117px;
left: 146.35655px;
}
.circle li.spinmob7{
-webkit-animation:spinmob7 3.5s ease-in;
-moz-animation:spinmob7  3.5s ease-in 0s ;
-o-animation:spinmob7  3.5s ease-in;
animation:spinmob7  3.5s ease-in;
} 

@-webkit-keyframes spinmob7{
0%{
transform: scale(1.0);
}
100%{
transform: scale(1.3);
}
}
@-moz-keyframes spinmob7{
0%{
-moz-transform:scale(1.0);
}
100%{
-moz-transform:scale(1.3);
}
}
@-o-keyframes spinmob7{
0%{
-o-transform:scale(1.0);
}
100%{
-o-transform:scale(1.3);
}
}

.circle li:nth-child(8) {
top: 15.89935px;
left: 226.39905px;
}
.circle li.spinmob8{
-webkit-animation:spinmob8 4.0s ease-in;
-moz-animation:spinmob8 4.0s ease-in 0s ;
-o-animation:spinmob8 4.0s ease-in;
animation:spinmob8 4.0s ease-in;
} 

@-webkit-keyframes spinmob8{
0%{
transform: scale(1.0);
}
100%{
transform: scale(1.3);
}
}
@-moz-keyframes spinmob8{
0%{
-moz-transform:scale(1.0);
}
100%{
-moz-transform:scale(1.3);
}
}
@-o-keyframes spinmob8{
0%{
-o-transform:scale(1.0);
}
100%{
-o-transform:scale(1.3);
}
}


.circle li:nth-child(9) {
top: 69.60095px;
left: 289.10065px;
}
.circle li.spinmob9{
-webkit-animation:spinmob9 4.5s ease-in;
-moz-animation:spinmob9 4.5s ease-in 0s ;
-o-animation:spinmob9 4.5s ease-in;
animation:spinmob9 4.5s ease-in;
} 

@-webkit-keyframes spinmob9{
0%{
transform: scale(1.0);
}
100%{
transform: scale(1.3);
}
}
@-moz-keyframes spinmob9{
0%{
-moz-transform:scale(1.0);
}
100%{
-moz-transform:scale(1.3);
}
}
@-o-keyframes spinmob9{
0%{
-o-transform:scale(1.0);
}
100%{
-o-transform:scale(1.3);
}
}


.circle li:nth-child(10) {
top: 149.64345px;
left: 316.76883px; 
}
.circle li.spinmob10{
-webkit-animation:spinmob10 5.0s ease-in;
-moz-animation:spinmob10 5.0s ease-in 0s ;
-o-animation:spinmob10 5.0s ease-in;
animation:spinmob10 5.0s ease-in;
} 

@-webkit-keyframes spinmob10{
0%{
transform: scale(1.0);
}
100%{
transform: scale(1.3);
}
}
@-moz-keyframes spinmob10{
0%{
-moz-transform:scale(1.0);
}
100%{
-moz-transform:scale(1.3);
}
}
@-o-keyframes spinmob10{
0%{
-o-transform:scale(1.0);
}
100%{
-o-transform:scale(1.3);
}
}

.footer{
    position: absolute;
    bottom: 25px;
    left: 0;
    right: 0;
    text-align: center; 
}

.footer ul li{
    list-style: none;
    display: inline;
    padding: 30px;
    }
    .footer ul li a{
    color: #000;
    text-decoration: none; 
    font-weight: normal;
    font-size: 20px;
    }
    



/* commn bg color start */
.silvercol{
  /* background-color: #e8e8e8; */
  background-color: #dcdbdb;
  color: hsl(240deg 5.31% 52.6%);
}
.d-silvercol{
  background-color: #efefef;
  color: hsl(240deg 5.31% 40.6%);
}
.en-main{
height:100vh;
display: flex;
align-items: center;
text-transform: uppercase;
}

.cmn-height{
  height: 100vh;
}
.pt{
  padding-top: 100px;
}

.pb{
  padding-bottom: 100px;
}
.cmn-fig{
  padding-top: 1rem;
  text-transform: uppercase !important;
}
.cmr_rh{
    height: 100vh;
    justify-content: center;
    align-items: center;
}



/* commn bg color End */


  
  /*  about us page css start */
  .img-row{
    display: flex;
 flex-direction: column;
 justify-content: space-between;
}

.right-descrip p{
margin: 0;
}

.f-mob-img{
padding: 20px 0;
width: 150px;
}
.f-mob-img img{
width: 100%;
}

.f-desc-img img{
width: 100%;
}
.f-desc-img{
width:120px;
}

.abt-us-desc p,.abt-us-mob p{
font-size: 14px;
}

.abt-innner{
  display: flex;
  align-items: center;
height: 100%;
justify-content: center;
}
.abt-us-desc{
 padding:115px 0;
 height: 100vh;
}

.abt-us-mob {
 padding:120px 0 100px  0;
}



  /*  about us css page End */


  /* environmet day css start */
  .en-row{
    row-gap: 30px;
  }
  .en2-img{
    width: 550px;
    margin: auto;
  }
  .en-img{
    width: 100%;
    margin: auto;
  }

  .en-row img{
    height: 100%;
    object-fit: cover;
  }
 
  .g_warming{
    justify-content: center;
    align-items: center;
    height:100vh;
  }

  /* environmet day css End */



  /* ================== brand hero start ================== */
  .brand-hero{

  }

  .brand-main{
    /* padding-top: 100px; */
    /* padding-bottom: 100px; */
  }

  .yt-frame iframe{
    width: 100%;
  }

  .outdoor{
    height: 100vh;
    align-items: center;
    /* justify-content: center; */
    display: flex;
    /* flex-direction: column; */
  }

  .oudoor-text p{
    margin-top: 1.5rem;
  }

  .digital-media  .oudoor-text p{
    margin-top: 0;
  }

  .digital-media{
    margin: 0 0 0 auto;
    width: 93%;
  }

  .digital-section{
    display: flex;
    align-items: center;
  }

  .insta-row{
    row-gap: 30px;
  }



/* digital slide nav-btn */
.d-prev-slide img{
  transform: rotate(180deg);
  user-select: none;
}
.d-next-slide img{
user-select: none;
}
.d-prev-slide{
/*    left:86%!important;
top:84%!important;
width: 40px;*/
width: 40px!important;
height: 40px!important;
border-radius: 50%;

border: 1px solid black;

}
.d-next-slide{
/*right:7%!important;
top:84%!important;*/
width: 40px!important;
height: 40px!important;
border-radius: 50%;
border: 1px solid black;
}

.d-prev-slide,
.d-next-slide{
  color: #000!important;
  font-size: 20px;
}

.d-my-slider-btn {
  position: absolute;
  right: 0;
  margin: auto;
  left: 0;
  width: 130px;
  bottom: 15%;
}


.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{
display: none;
}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{
display: none;	
}
.swiper-button-next, .swiper-rtl .swiper-button-prev{
/* display: none; */
}
.swiper-button-prev, .swiper-rtl .swiper-button-next{
/* display: none; */
}
/* // digital slide nav-btn */

  /* ================== brand hero end ================== */



  /* ggis page */
  .pdf-sec {
    padding-top:90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
  .pdf-link{
    background-color: #da3832;
    color: #fff !important;
    padding: 40px 80px;
    text-align: center;


  } 
  .pdf-link p:nth-child(1){
    font-size: 35px;
  }
  .pdf-link p:nth-child(2){
    text-align: right;
  }

  .pdfrow{
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }

  .pdf-desc p{
margin-top: 1.5rem;
  }

  .pdfrow a{
    text-decoration: none;
  }


  .pdf-link {
    width: 70%;
    /* margin: auto; */
}

.pdf-box {
  margin: auto;
  width: 52%;
  padding:30px 0 50px 0;
}

.bag-row{
  justify-content: space-around;
}

.cmn-rem{
  margin-top: 1rem;
} 
  /* ggis page end */
  /* ggis new sec page start */
  .pdf-img{
    width: 330px;
  }
  /* ggis new sec page end */




  /* tales page css start */

  /* .fbrand{
    margin-top: 2rem;
  } */


  .t-img img{
    width: 300px;
    margin: auto;
  }
  .t-img{
    text-align: center;
  }

  .t-img figcaption{
    text-align: left;
  }

  .transform-sec{
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .transform-row{
    justify-content: center;
  }

  .store-int{
    flex-direction: column;
    row-gap: 15px;
  }


  .tchildren{
    width: 440px;
    margin: auto;
  }


  /* tales page css End */ 



/* case studies section start */
.cs-sec{
display: flex;
align-items: center;
height: 100vh;
}
.cs-card{
  background-color: #fff;
  box-shadow: 0px 2px 40px 0px #00000012;
  padding:10px;
  height: 100%;
}

.cs-row{
  row-gap: 50px;
}

.h-cs-row > div a{
  color: #000;
  text-decoration: none;
}

.insta-sec{
	height: auto;
	padding-top: 80px;
	padding-bottom: 80px;
  }


 .h-cs-sec{
display: flex;
align-items: center;
/* height: 100vh; */
padding: 100px 0;
}
.h-cs-card{
  background-color: transparent;
  /* box-shadow: 0px 2px 40px 0px #00000012; */
  padding:10px;
  height: 100%;
}

.fr-in{
  overflow:hidden;
}

.fr-sc img{
  width: initial;
}


/* .work-sec .h-cs-card img{
transition: all 0.6s;
}
.work-sec .h-cs-card img:hover{
  transform: scale(1.2);
}
.work-sec{
  height: auto;
  padding-top: 100px;
  padding-bottom: 100px;
} */
 .h-cs-card img{
transition: all 0.6s;
}
 .h-cs-card img:hover{
  transform: scale(1.2);
}
.work-sec{
  height: auto;
  padding-top: 140px;
  padding-bottom: 100px;

}
.desc-work-sec{
  padding-top: 100px;
  
}
.h-cs-card{
  color: hsl(240deg 5.31% 52.6%);
}

.h-cs-row{
  row-gap: 25px;
}




/* case studies section End */




/* m-future-blog start  */
.f-col h3{
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 1rem;
  margin-bottom:4rem;
}
.f-col-last h3{
  margin-bottom:0 !important;
}

.m-future-blog{
  padding-top: 100px;
  padding-bottom: 100px;
}

#app {
  display: flex;
  min-height: 100vh;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.m-future-blog .reveal{
  transition: 1.5s all ease;
}


.fblog-img img{
  box-shadow: 40px 50px 100px rgb(0 0 0 / 20%);
}

/* m-future-blog End  */


.h-cs-row img {
  height: auto;
  width: 100%;
  object-fit: cover;
}
.fr-img img {
  height: auto;
  object-fit: cover;
  /* padding-top: 38px;
  padding-bottom: 58px; */
}

#btn-keyword{
  padding-bottom: 30px;
  }

  .servi-list ul{
    padding-top: 10px;
    padding-left: 0;
  }

#service-list li {
line-height: 20px;
}

  .ser-sec{
    height: 100vh;
    display: flex;
    align-items: center;
  }

  .servi-list ul li{
    font-size: 14px;
    list-style: none;
    color: hsl(240deg 5.31% 52.6%);
    /* font-weight: 800; */
  }

  .service-head{
    /* color: #fff; */
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: 800;
    font-size: 30px;
  }

/* == service section start == */
/* == service section End == */


/* shridhar page start  */
.shridhar-imgs{
  width: 400px;
  margin: auto;
}
.shri-imgs {
  justify-content: center;
  display: flex;
  column-gap: 40px;
}

.shri-inner{
  width: 350px;
  /* margin: auto; */
}

.s-shridhar-imgs{
  width: 550px;
  margin: auto;
}
/* shridhar page  end */

.gf-inner{
  width: 600px;
}


.bro-img{
  width: 500px;
  margin: auto;
}




















/* pop up modal css start  */
/* Styles for the image container and play icon */
.video-thumbnail {
  position: relative;
}


.play-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 80px;
  /* color: rgba(0, 0, 0, 0.6); */
  color:#fff;
  z-index: 1;
  border-radius: 50%;
  transition: all 0.4s;
}
.play-btn:hover{
  color: #0F5E3C;
}

.modal-body {
  padding: 0;
}


.gf-modal .modal-header{
display: none;
}
.gf-modal .modal-body{
padding: 0;
}
.gf-modal .embed-responsive-16by9::before {
  padding-top: 49.5%;
}

.gf-modal .modal-content{
  background-color: transparent !important;
}



/* pop up modal css end  */


.jb-img{
  width: 480px;
  margin: auto;
}

/* play audio css start */
#audio-player{
  display: none;
}
.image-container {
  position: relative;
  display: inline-block;
}

.play-audio {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background-color:rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  background-image: url('../images/shridhar/play.svg'); /* Add your play icon image path here */
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 27px 24px;
  /* transition: background-image 0.6s ease;  */
}

.audio-playing.play-audio {
  background-image: url('../images/shridhar/pause.svg'); /* Add your pause icon image path here */
  background-position: 24px;
}



.play-audio:focus{
  outline: none;
}


/* secondaudio */

/* play audio css End */

/* CSS for the first audio player */
.image-container-1 {
  position: relative;
  display: inline-block;
}

.play-audio-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background-color:rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  background-image: url('../images/shridhar/play.svg'); /* Add your play icon image path here */
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 27px 24px;
  /* transition: background-image 0.6s ease;  */
}

.audio-player-1 {
  background-image: url('../images/shridhar/pause.svg'); /* Add your pause icon image path here */
  background-position: 24px;
}

/* CSS for the second audio player */
.image-container-2 {
  position: relative;
  display: inline-block;
}

.play-audio-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background-color:rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  background-image: url('../images/shridhar/play.svg'); /* Add your play icon image path here */
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 27px 24px;
  /* transition: background-image 0.6s ease;  */
}

.audio-player-2 {
  background-image: url('../images/shridhar/pause.svg'); /* Add your pause icon image path here */
  background-position: 24px;
}
#audio-player{
  display: none;
}
#audio-player-1{
  display: none;
}
#audio-player-2{
  display: none;
}
#audio-player-4{
  display: none;
}


/* css for third audio player start */
   /* CSS for the third audio player */
   .image-container-3 {
    position: relative;
    display: inline-block;
  }
  
  .play-audio-3 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background-color:rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    border: none;
    outline: none;
    cursor: pointer;
    background-image: url('../images/shridhar/play.svg'); /* Add your play icon image path here */
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 27px 24px;
    /* transition: background-image 0.6s ease;  */
  }
  
  .audio-player-3 {
    background-image: url('../images/shridhar/pause.svg'); /* Add your pause icon image path here */
    background-position: 24px;
  }
  
  /* Hide the third player by default */
  #audio-player-3 {
    display: none;
  }
  
/* css for third audio player End */

/* css for fourth audio player start */
.image-container-4 {
  position: relative;
  display: inline-block;
}

.play-audio-4 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80px;
  height: 80px;
  background-color:rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  background-image: url('../images/shridhar/play.svg'); /* Add your play icon image path here */
  background-size: 40%;
  background-repeat: no-repeat;
  background-position: 27px 24px;
  /* transition: background-image 0.6s ease;  */
}

.audio-player-4 {
  background-image: url('../images/shridhar/pause.svg'); /* Add your pause icon image path here */
  background-position: 24px;
}
/* css for fourth audio player End */


.audio-img{
  width: 350px;
  margin: auto;
}

/* play btn same as font-awesome start */
.video-play-btn {
  width: 80px;
  height: 80px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all 0.4s;
}

.video-play-btn:hover{
  background-color: #0F5E3C;
}

.play-icon {
  width: 0;
  height: 0;
  border-top: 18px solid transparent;
  border-bottom: 18px solid transparent;
  border-left: 30px solid #fff;
  margin-left: 5px;
}
/* play btn same as font-awesome start */
.t-audio-img{
width:700px;
margin: auto;
}




.d-imgs{
  /* width: 350px; */
  margin: auto;
}
.d-img2{
  width: 500px;
  margin: auto;
}




/* === manubhai zaveri setion css start ==== */

.mz-section > div:nth-child(odd) {
  background-color: #dcdbdb !important; /* Replace with your desired color */
  color: hsl(240deg 5.31% 52.6%);
}
.mz-section > div:nth-child(even) {
  background-color: #efefef !important; /* Replace with your desired color */
  color: hsl(240deg 5.31% 40.6%);
}

.mz-tags{
  width: 100%;
  height: 100%;
  padding-bottom: 130px;
  }
  .mz-tags .mz-myslide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor:grab;
  user-select:none;
  height:fit-content ;
  }
  .mz-tags .mz-myslide img {
  display: block;
  /* height: 100%; */
  object-fit: cover;
  }


  /* digital slide nav-btn */
.mz-prev-slide img{
  transform: rotate(180deg);
  user-select: none;
}
.mz-next-slide img{
user-select: none;
}
.mz-prev-slide{
/*    left:86%!important;
top:84%!important;
width: 40px;*/
width: 40px!important;
height: 40px!important;
border-radius: 50%;

border: 1px solid black;

}
.mz-next-slide{
/*right:7%!important;
top:84%!important;*/
width: 40px!important;
height: 40px!important;
border-radius: 50%;
border: 1px solid black;
}

.mz-prev-slide,
.mz-next-slide{
  color: #000!important;
  font-size: 20px;
}

.mz-my-slider-btn {
  position: absolute;
  right: 0;
  margin: auto;
  left: 0;
  width: 130px;
  bottom: 15%;
}
  
.mz-b-img{
  width: 500px;
  margin: auto;
}

/* === manubhai zaveri setion css End ==== */


/* youtube style start */

.yt-wrapper {
  width: 100%;
  /*  max-width: 680px;*/
  /*  margin: 60px auto;*/
  /*  padding: 0 20px;*/
  }
  
  .youtube {
      background-color: #000;
      /* margin-bottom: 30px; */
      position: relative;
      padding-top: 56%;
      overflow: hidden;
      cursor: pointer;
  }
  .youtube img {
      width: 100%;
      top: -16.82%;
      left: 0;
      opacity: 0.7;
  }
  .youtube .play-button {
  width: 83px;
      height: 54px;
      background-color: #FF0000;
      box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
      z-index: 1;
      opacity: 0.8;
      padding: 0 15px;
      border-radius: 17% / 23%;
  }
  .youtube .play-button:before {
      content: "";
      z-index: 1;
      width: 0;
      height: 0;
      border-left: 25px solid #fff;
      border-top: 15px solid transparent;
      border-bottom: 15px solid transparent;
  }
  .youtube img,
  .youtube .play-button {
  cursor: pointer;
  }
  .youtube img,
  .youtube iframe,
  .youtube .play-button,
  .youtube .play-button:before {
  position: absolute;
  }
  .youtube .play-button,
  .youtube .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d( -50%, -50%, 0 );
  }
  .youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  }
  
  .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0; /* Start with opacity 0 */
  transition: opacity 0.3s ease; /* Smooth transition */
  }
  
  .overlay.open {
  opacity: 1; /* Transition to opacity 1 when open */
  }
  
  .overlay iframe {
  width: 80%;
  height: 70%;
  }
/* youtube style end */



/* css of videos in manubhai  start */
.mz-Swiper   .yt-wrapper {
  width: 100%;
  }

.mz-Swiper   .youtube {
  background-color: #000;
  position: relative;
  padding-top: 56%;
  overflow: hidden;
  cursor: pointer;
  }
.mz-Swiper   .youtube img {
  width: 100%;
  top: 0%;
  left: 0;
  opacity: 0.7;
  }
.mz-Swiper   .youtube .play-button {
  width: 83px;
  height: 54px;
  background-color: #FF0000;
  box-shadow: 0 0 30px rgba( 0,0,0,0.6 );
  z-index: 1;
  opacity: 0.8;
  padding: 0 15px;
  border-radius: 17% / 23%;
  }
.mz-Swiper   .youtube .play-button:before {
  content: "";
  z-index: 1;
  width: 0;
  height: 0;
  border-left: 25px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  }
.mz-Swiper   .youtube img,
.mz-Swiper   .youtube .play-button {
  cursor: pointer;
  }
.mz-Swiper   .youtube img,
.mz-Swiper   .youtube iframe,
.mz-Swiper   .youtube .play-button,
.mz-Swiper   .youtube .play-button:before {
  position: absolute;
  }
.mz-Swiper   .youtube .play-button,
.mz-Swiper   .youtube .play-button:before {
  top: 50%;
  left: 50%;
  transform: translate3d( -50%, -50%, 0 );
  }
.mz-Swiper   .youtube iframe {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  }

.mz-Swiper .overlay{
  position: fixed;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0; /* Start with opacity 0 */
  transition: opacity 0.3s ease; /* Smooth transition */
  }

.mz-Swiper   .overlay.open {
  opacity: 1; /* Transition to opacity 1 when open */
  }

.mz-Swiper   .overlay iframe {
  width: 80%;
  height: 70%;
  }

/* css of videos in manubhai end */

.mz-outdoor2 .swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0));
}
.mz-outdoor2 .swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0));
}



.talesgif{
  width:400px;
  margin: auto;
}



.jb-imgs-slider{
display: flex;
  align-items: center;
}

.jbs-img{
  width: 550px;
  margin: auto;
}


.mzout-txt{
  visibility: visible !important;
}

.shridhar-imgs2{
  width: 300px;
  margin: auto;
}


.oudoor-text{
  width: 80%;
  margin: auto;
}

.digital-media .oudoor-text{
  width: 100% !important;
  margin: auto;
}

.shri-txt{
  width: 65%;
  margin: auto;
}

.manubhai-jewel-txt{
  width: 47.5%;
  margin: auto;
}




/* .ss-btns .swiper-button-prev i{
color: #fff !important;
font-size: 25px;
position: absolute;
right: 0;
top: 12px;
left:16px;
}
.ss-btns .swiper-button-next i{
color: #fff !important;
font-size: 25px;
position: absolute;
right: 20px;
top: 12px;
} */


.service-sub sub{
  right: 0 !important;
    left: -5px !important;
    bottom: 0 !important;
    letter-spacing: 0;
    font-size: 25px;
}




.new-update-slider .slide-btn-summer {
  bottom: 10% !important;
}