@import url(https://fonts.googleapis.com/css?family=Cinzel+Decorative&display=swap);@import url(https://fonts.googleapis.com/css?family=Roboto&display=swap);
@charset "UTF-8";

/*!
 * animate.css -https://daneden.github.io/animate.css/
 * Version - 3.7.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2019 Daniel Eden
 */
@-webkit-keyframes bounce{
0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)
}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)
}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)
}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)
}
}
@keyframes bounce{
0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)
}
40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)
}
70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)
}
90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)
}
}
.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom
}
@-webkit-keyframes flash{
0%,50%,to{opacity:1
}
25%,75%{opacity:0
}
}
@keyframes flash{
0%,50%,to{opacity:1
}
25%,75%{opacity:0
}
}
.flash{-webkit-animation-name:flash;animation-name:flash
}
@-webkit-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)
}
}
@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-keyframes rubberBand{
0%{-webkit-transform:scaleX(1);transform:scaleX(1)
}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)
}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)
}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)
}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)
}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)
}
to{-webkit-transform:scaleX(1);transform:scaleX(1)
}
}
@keyframes rubberBand{
0%{-webkit-transform:scaleX(1);transform:scaleX(1)
}
30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)
}
40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)
}
50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)
}
65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)
}
75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)
}
to{-webkit-transform:scaleX(1);transform:scaleX(1)
}
}
.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand
}
@-webkit-keyframes shake{
0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)
}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)
}
}
@keyframes shake{
0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)
}
20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)
}
}
.shake{-webkit-animation-name:shake;animation-name:shake
}
@-webkit-keyframes headShake{
0%{-webkit-transform:translateX(0);transform:translateX(0)
}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)
}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)
}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)
}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)
}
50%{-webkit-transform:translateX(0);transform:translateX(0)
}
}
@keyframes headShake{
0%{-webkit-transform:translateX(0);transform:translateX(0)
}
6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)
}
18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)
}
31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)
}
43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)
}
50%{-webkit-transform:translateX(0);transform:translateX(0)
}
}
.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake
}
@-webkit-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)
}
}
@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-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing
}
@-webkit-keyframes tada{
0%{-webkit-transform:scaleX(1);transform:scaleX(1)
}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.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)
}
}
@keyframes tada{
0%{-webkit-transform:scaleX(1);transform:scaleX(1)
}
10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.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
}
@-webkit-keyframes wobble{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)
}
15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)
}
30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)
}
45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)
}
60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)
}
75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes wobble{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)
}
15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)
}
30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)
}
45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)
}
60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)
}
75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.wobble{-webkit-animation-name:wobble;animation-name:wobble
}
@-webkit-keyframes jello{
0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)
}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)
}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello{
0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)
}
33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)
}
44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)
}
55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)
}
66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)
}
77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)
}
88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center
}
@-webkit-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)
}
}
@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-name:heartBeat;animation-name:heartBeat;-webkit-animation-duration:1.3s;animation-duration:1.3s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out
}
@-webkit-keyframes bounceIn{
0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)
}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)
}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)
}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)
}
to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)
}
}
@keyframes bounceIn{
0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}
20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)
}
40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)
}
60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)
}
80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)
}
to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)
}
}
.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn
}
@-webkit-keyframes bounceInDown{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)
}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)
}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)
}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes bounceInDown{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)
}
60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)
}
75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)
}
90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)
}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)
}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)
}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes bounceInLeft{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)
}
60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)
}
75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)
}
90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)
}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)
}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)
}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes bounceInRight{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)
}
60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)
}
75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)
}
90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)
}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)
}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)
}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes bounceInUp{
0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)
}
0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)
}
60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)
}
75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)
}
90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp
}
@-webkit-keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)
}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)
}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}
}
@keyframes bounceOut{
20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)
}
50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)
}
to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}
}
.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)
}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)
}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)
}
}
@keyframes bounceOutDown{
20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)
}
40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)
}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)
}
}
.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)
}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)
}
}
@keyframes bounceOutLeft{
20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)
}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)
}
}
.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)
}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)
}
}
@keyframes bounceOutRight{
20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)
}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)
}
}
.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)
}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)
}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)
}
}
@keyframes bounceOutUp{
20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)
}
40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)
}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)
}
}
.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn{
0%{opacity:0
}
to{opacity:1
}
}
@keyframes fadeIn{
0%{opacity:0
}
to{opacity:1
}
}
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn
}
@-webkit-keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes fadeInDown{
0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig{
0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes fadeInDownBig{
0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes fadeInLeft{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig{
0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes fadeInLeftBig{
0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes fadeInRight{
0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig{
0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes fadeInRightBig{
0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig
}
@-webkit-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)
}
}
@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
}
@-webkit-keyframes fadeInUpBig{
0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes fadeInUpBig{
0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut{
0%{opacity:1
}
to{opacity:0
}
}
@keyframes fadeOut{
0%{opacity:1
}
to{opacity:0
}
}
.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)
}
}
@keyframes fadeOutDown{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)
}
}
.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)
}
}
@keyframes fadeOutDownBig{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)
}
}
.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)
}
}
@keyframes fadeOutLeft{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)
}
}
.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)
}
}
@keyframes fadeOutLeftBig{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)
}
}
.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)
}
}
@keyframes fadeOutRight{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)
}
}
.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)
}
}
@keyframes fadeOutRightBig{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)
}
}
.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)
}
}
@keyframes fadeOutUp{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)
}
}
.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)
}
}
@keyframes fadeOutUpBig{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)
}
}
.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig
}
@-webkit-keyframes flip{
0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out
}
40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out
}
50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in
}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in
}
to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in
}
}
@keyframes flip{
0%{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out
}
40%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out
}
50%{-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in
}
80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in
}
to{-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in
}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip
}
@-webkit-keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0
}
40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in
}
60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1
}
80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)
}
to{-webkit-transform:perspective(400px);transform:perspective(400px)
}
}
@keyframes flipInX{
0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0
}
40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in
}
60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1
}
80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)
}
to{-webkit-transform:perspective(400px);transform:perspective(400px)
}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX
}
@-webkit-keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0
}
40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in
}
60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1
}
80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)
}
to{-webkit-transform:perspective(400px);transform:perspective(400px)
}
}
@keyframes flipInY{
0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0
}
40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in
}
60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1
}
80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)
}
to{-webkit-transform:perspective(400px);transform:perspective(400px)
}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY
}
@-webkit-keyframes flipOutX{
0%{-webkit-transform:perspective(400px);transform:perspective(400px)
}
30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1
}
to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0
}
}
@keyframes flipOutX{
0%{-webkit-transform:perspective(400px);transform:perspective(400px)
}
30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1
}
to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0
}
}
.flipOutX{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important
}
@-webkit-keyframes flipOutY{
0%{-webkit-transform:perspective(400px);transform:perspective(400px)
}
30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1
}
to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0
}
}
@keyframes flipOutY{
0%{-webkit-transform:perspective(400px);transform:perspective(400px)
}
30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1
}
to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0
}
}
.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn{
0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0
}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1
}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes lightSpeedIn{
0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0
}
60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1
}
80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut{
0%{opacity:1
}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0
}
}
@keyframes lightSpeedOut{
0%{opacity:1
}
to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0
}
}
.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn{
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0
}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1
}
}
@keyframes rotateIn{
0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0
}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1
}
}
.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0
}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1
}
}
@keyframes rotateInDownLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0
}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1
}
}
.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0
}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1
}
}
@keyframes rotateInDownRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0
}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1
}
}
.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0
}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1
}
}
@keyframes rotateInUpLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0
}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1
}
}
.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0
}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1
}
}
@keyframes rotateInUpRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0
}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1
}
}
.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut{
0%{-webkit-transform-origin:center;transform-origin:center;opacity:1
}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0
}
}
@keyframes rotateOut{
0%{-webkit-transform-origin:center;transform-origin:center;opacity:1
}
to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0
}
}
.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1
}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0
}
}
@keyframes rotateOutDownLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1
}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0
}
}
.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1
}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0
}
}
@keyframes rotateOutDownRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1
}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0
}
}
.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1
}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0
}
}
@keyframes rotateOutUpLeft{
0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1
}
to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0
}
}
.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1
}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0
}
}
@keyframes rotateOutUpRight{
0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1
}
to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0
}
}
.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight
}
@-webkit-keyframes hinge{
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out
}
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out
}
40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1
}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0
}
}
@keyframes hinge{
0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out
}
20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out
}
40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1
}
to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0
}
}
.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge
}
@-webkit-keyframes jackInTheBox{
0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom
}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)
}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)
}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)
}
}
@keyframes jackInTheBox{
0%{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom
}
50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)
}
70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)
}
to{opacity:1;-webkit-transform:scale(1);transform:scale(1)
}
}
.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox
}
@-webkit-keyframes rollIn{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes rollIn{
0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)
}
to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn
}
@-webkit-keyframes rollOut{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)
}
}
@keyframes rollOut{
0%{opacity:1
}
to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)
}
}
.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut
}
@-webkit-keyframes zoomIn{
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}
50%{opacity:1
}
}
@keyframes zoomIn{
0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}
50%{opacity:1
}
}
.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn
}
@-webkit-keyframes zoomInDown{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomInDown{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomInLeft{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomInRight{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomInUp{
0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp
}
@-webkit-keyframes zoomOut{
0%{opacity:1
}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}
to{opacity:0
}
}
@keyframes zoomOut{
0%{opacity:1
}
50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)
}
to{opacity:0
}
}
.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomOutDown{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center
}
}
@keyframes zoomOutLeft{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)
}
to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center
}
}
.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center
}
}
@keyframes zoomOutRight{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)
}
to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center
}
}
.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
@keyframes zoomOutUp{
40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)
}
to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)
}
}
.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp
}
@-webkit-keyframes slideInDown{
0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes slideInDown{
0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown
}
@-webkit-keyframes slideInLeft{
0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes slideInLeft{
0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft
}
@-webkit-keyframes slideInRight{
0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes slideInRight{
0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight
}
@-webkit-keyframes slideInUp{
0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
@keyframes slideInUp{
0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible
}
to{-webkit-transform:translateZ(0);transform:translateZ(0)
}
}
.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp
}
@-webkit-keyframes slideOutDown{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)
}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)
}
}
@keyframes slideOutDown{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)
}
to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)
}
}
.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown
}
@-webkit-keyframes slideOutLeft{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)
}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)
}
}
@keyframes slideOutLeft{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)
}
to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)
}
}
.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)
}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)
}
}
@keyframes slideOutRight{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)
}
to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)
}
}
.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)
}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)
}
}
@keyframes slideOutUp{
0%{-webkit-transform:translateZ(0);transform:translateZ(0)
}
to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)
}
}
.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both
}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite
}
.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s
}
.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s
}
.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s
}
.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s
}
.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s
}
.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s
}
.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s
}
.animated.slow{-webkit-animation-duration:2s;animation-duration:2s
}
.animated.slower{-webkit-animation-duration:3s;animation-duration:3s
}
@media (prefers-reduced-motion:reduce), (print){
.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-transition-duration:1ms!important;transition-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important
}
}

.bg-white {
  background: #fff;
}
.full-width {
  width: 100%;
}
.btn {
  font-size: 14px;
}
.btn.btn-sm {
    font-size: 11px;
}
.pdr0 {
  padding-right: 0;
}
.mt0 {
  margin-top: 0;
}
.mt5 {
  margin-top: 5px;
}
.mt10 {
  margin-top: 10px;
}
.mt15 {
  margin-top: 15px;
}
.mt20 {
  margin-top: 20px;
}
.mt25 {
  margin-top: 25px;
}
.mt30 {
  margin-top: 30px;
}
.mt35 {
  margin-top: 35px;
}
.mt40 {
  margin-top: 40px;
}
.mt45 {
  margin-top: 45px;
}
.mt50 {
  margin-top: 50px;
}
.mb0 {
  margin-bottom: 0;
}
.mb5 {
  margin-bottom: 5px;
}
.mb10 {
  margin-bottom: 10px;
}
.mb15 {
  margin-bottom: 15px;
}
.mb20 {
  margin-bottom: 20px;
}
.mb25 {
  margin-bottom: 25px;
}
.mb30 {
  margin-bottom: 30px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb40 {
  margin-bottom: 40px;
}
.mb45 {
  margin-bottom: 45px;
}
.mb50 {
  margin-bottom: 50px;
}
.ml0 {
  margin-left: 0;
}
.ml5 {
  margin-left: 5px;
}
.ml10 {
  margin-left: 10px;
}
.ml15 {
  margin-left: 15px;
}
.ml20 {
  margin-left: 20px;
}
.ml25 {
  margin-left: 25px;
}
.ml30 {
  margin-left: 30px;
}
.ml35 {
  margin-left: 35px;
}
.ml40 {
  margin-left: 40px;
}
.ml45 {
  margin-left: 45px;
}
.ml50 {
  margin-left: 50px;
}
.mr0 {
  margin-right: 0;
}
.mr5 {
  margin-right: 5px;
}
.mr10 {
  margin-right: 10px;
}
.mr15 {
  margin-right: 15px;
}
.mr20 {
  margin-right: 20px;
}
.mr25 {
  margin-right: 25px;
}
.mr30 {
  margin-right: 30px;
}
.mr35 {
  margin-right: 35px;
}
.mr40 {
  margin-right: 40px;
}
.mr45 {
  margin-right: 45px;
}
.mr50 {
  margin-right: 50px;
}
.pd0 {
  padding-bottom: 0;
}
.pd5 {
  padding-bottom: 5px;
}
.pd10 {
  padding-bottom: 10px;
}
.pd15 {
  padding-bottom: 15px;
}
.pd20 {
  padding-bottom: 20px;
}
.pd25 {
  padding-bottom: 25px;
}
.pd30 {
  padding-bottom: 30px;
}
.pd35 {
  padding-bottom: 35px;
}
.pd40 {
  padding-bottom: 40px;
}
.pd45 {
  padding-bottom: 45px;
}
.pd0 {
  padding: 0;
}
.pd50 {
  padding-bottom: 50px;
}
.pt0 {
  padding-top: 0;
}
.pt5 {
  padding-top: 5px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
.pt20 {
  padding-top: 20px;
}
.pt25 {
  padding-top: 25px;
}
.pt30 {
  padding-top: 30px;
}
.pt35 {
  padding-top: 35px;
}
.pt40 {
  padding-top: 40px;
}
.pt45 {
  padding-top: 45px;
}
.pd0 {
  padding: 0;
}
.pt50 {
  padding-top: 50px;
}
.pdlr {
  padding: 0 7.5px;
}
.ovh {
  overflow: hidden;
}
.ds-table {
  display: table;
}
.relative {
  position: relative;
}
.hidden {
  visibility: hidden;
}
.mt90 {
  margin-top: 90px;
}
@font-face {
  font-family: "Adorable Handmade";
  src: url(/static/fonts/AdorableHandmade-400.6c8078d.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  padding-right: 0 !important;
  font-family: "Roboto", sans-serif;
}
ul,
a,
h1,
h2,
h3,
h4,
p,
li,
div {
  font-family: "Roboto", sans-serif;
}
.text-uppercase {
  text-transform: uppercase;
}
.pdt4 {
  padding-top: 4px;
}
.tp1 {
  top: -2px;
  position: relative;
}
.base-color-second {
  color: #e91e63;
}
.f13 {
  font-size: 13px !important;
}
.font-weight-bold {
  font-weight: 700;
}
.blocktext {
  color: #e91e63;
  display: block;
  margin-bottom: 3px;
  font-weight: 500;
}
.btn-orange {
  background: #F89406;
}
button.cancel-btn {
  font-size: 14px !important;
}
button.cancel-btn i {
    font-size: 14px !important;
    position: relative;
    top: 1px;
    right: 2px;
}
a.print-btn {
  font-size: 14px !important;
}
a.print-btn i {
    font-size: 14px !important;
    position: relative;
    top: 1px;
    right: 2px;
}
.tooltip > .tooltip-inner {
  background-color: white !important;
  background: white !important;
  opacity: 1 !important;
  filter: alpha(opacity=100) !important;
  color: #000;
  border: 1px solid #eee9;
}
.fw500 {
  font-weight: 500 !important;
}
.fw600 {
  font-weight: 600 !important;
}
.fw700 {
  font-weight: 700 !important;
}
.green-color {
  color: #43a047 !important;
}
.orange-color {
  color: #ff8f00 !important;
}
.circle-container {
  position: absolute;
  z-index: 1000;
  -webkit-transform: translateY(-10vh);
  transform: translateY(-10vh);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
.circle-container .circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-image: radial-gradient(#ff9800, #ff9800 10%, rgba(153, 255, 255, 0) 56%);
  -webkit-animation: fadein-frames 100ms infinite, scale-frames 1s infinite;
  animation: fadein-frames 100ms infinite, scale-frames 1s infinite;
}
@-webkit-keyframes fade-frames {
0% {
    opacity: 1;
}
50% {
    opacity: 0.7;
}
100% {
    opacity: 1;
}
}
@keyframes fade-frames {
0% {
    opacity: 1;
}
50% {
    opacity: 0.7;
}
100% {
    opacity: 1;
}
}
@-webkit-keyframes scale-frames {
0% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1);
}
50% {
    -webkit-transform: scale3d(2.2, 2.2, 1);
    transform: scale3d(2.2, 2.2, 1);
}
100% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1);
}
}
@keyframes scale-frames {
0% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1);
}
50% {
    -webkit-transform: scale3d(2.2, 2.2, 1);
    transform: scale3d(2.2, 2.2, 1);
}
100% {
    -webkit-transform: scale3d(0.4, 0.4, 1);
    transform: scale3d(0.4, 0.4, 1);
}
}
.circle-container:nth-child(1) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-1;
  animation-name: move-frames-1;
  -webkit-animation-duration: 36717ms;
  animation-duration: 36717ms;
  -webkit-animation-delay: 30014ms;
  animation-delay: 30014ms;
}
@-webkit-keyframes move-frames-1 {
from {
    -webkit-transform: translate3d(36vw, 107vh, 0);
    transform: translate3d(36vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(47vw, -129vh, 0);
    transform: translate3d(47vw, -129vh, 0);
}
}
@keyframes move-frames-1 {
from {
    -webkit-transform: translate3d(36vw, 107vh, 0);
    transform: translate3d(36vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(47vw, -129vh, 0);
    transform: translate3d(47vw, -129vh, 0);
}
}
.circle-container:nth-child(1) .circle {
  -webkit-animation-delay: 3584ms;
  animation-delay: 3584ms;
}
.circle-container:nth-child(2) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-2;
  animation-name: move-frames-2;
  -webkit-animation-duration: 32238ms;
  animation-duration: 32238ms;
  -webkit-animation-delay: 17011ms;
  animation-delay: 17011ms;
}
@-webkit-keyframes move-frames-2 {
from {
    -webkit-transform: translate3d(16vw, 107vh, 0);
    transform: translate3d(16vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(16vw, -131vh, 0);
    transform: translate3d(16vw, -131vh, 0);
}
}
@keyframes move-frames-2 {
from {
    -webkit-transform: translate3d(16vw, 107vh, 0);
    transform: translate3d(16vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(16vw, -131vh, 0);
    transform: translate3d(16vw, -131vh, 0);
}
}
.circle-container:nth-child(2) .circle {
  -webkit-animation-delay: 306ms;
  animation-delay: 306ms;
}
.circle-container:nth-child(3) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-3;
  animation-name: move-frames-3;
  -webkit-animation-duration: 31590ms;
  animation-duration: 31590ms;
  -webkit-animation-delay: 15244ms;
  animation-delay: 15244ms;
}
@-webkit-keyframes move-frames-3 {
from {
    -webkit-transform: translate3d(8vw, 108vh, 0);
    transform: translate3d(8vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(47vw, -135vh, 0);
    transform: translate3d(47vw, -135vh, 0);
}
}
@keyframes move-frames-3 {
from {
    -webkit-transform: translate3d(8vw, 108vh, 0);
    transform: translate3d(8vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(47vw, -135vh, 0);
    transform: translate3d(47vw, -135vh, 0);
}
}
.circle-container:nth-child(3) .circle {
  -webkit-animation-delay: 3564ms;
  animation-delay: 3564ms;
}
.circle-container:nth-child(4) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-4;
  animation-name: move-frames-4;
  -webkit-animation-duration: 36349ms;
  animation-duration: 36349ms;
  -webkit-animation-delay: 35879ms;
  animation-delay: 35879ms;
}
@-webkit-keyframes move-frames-4 {
from {
    -webkit-transform: translate3d(94vw, 108vh, 0);
    transform: translate3d(94vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(60vw, -121vh, 0);
    transform: translate3d(60vw, -121vh, 0);
}
}
@keyframes move-frames-4 {
from {
    -webkit-transform: translate3d(94vw, 108vh, 0);
    transform: translate3d(94vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(60vw, -121vh, 0);
    transform: translate3d(60vw, -121vh, 0);
}
}
.circle-container:nth-child(4) .circle {
  -webkit-animation-delay: 2304ms;
  animation-delay: 2304ms;
}
.circle-container:nth-child(5) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-5;
  animation-name: move-frames-5;
  -webkit-animation-duration: 29521ms;
  animation-duration: 29521ms;
  -webkit-animation-delay: 25376ms;
  animation-delay: 25376ms;
}
@-webkit-keyframes move-frames-5 {
from {
    -webkit-transform: translate3d(95vw, 102vh, 0);
    transform: translate3d(95vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(20vw, -118vh, 0);
    transform: translate3d(20vw, -118vh, 0);
}
}
@keyframes move-frames-5 {
from {
    -webkit-transform: translate3d(95vw, 102vh, 0);
    transform: translate3d(95vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(20vw, -118vh, 0);
    transform: translate3d(20vw, -118vh, 0);
}
}
.circle-container:nth-child(5) .circle {
  -webkit-animation-delay: 1804ms;
  animation-delay: 1804ms;
}
.circle-container:nth-child(6) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-6;
  animation-name: move-frames-6;
  -webkit-animation-duration: 32153ms;
  animation-duration: 32153ms;
  -webkit-animation-delay: 32173ms;
  animation-delay: 32173ms;
}
@-webkit-keyframes move-frames-6 {
from {
    -webkit-transform: translate3d(35vw, 110vh, 0);
    transform: translate3d(35vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(98vw, -134vh, 0);
    transform: translate3d(98vw, -134vh, 0);
}
}
@keyframes move-frames-6 {
from {
    -webkit-transform: translate3d(35vw, 110vh, 0);
    transform: translate3d(35vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(98vw, -134vh, 0);
    transform: translate3d(98vw, -134vh, 0);
}
}
.circle-container:nth-child(6) .circle {
  -webkit-animation-delay: 2175ms;
  animation-delay: 2175ms;
}
.circle-container:nth-child(7) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-7;
  animation-name: move-frames-7;
  -webkit-animation-duration: 32533ms;
  animation-duration: 32533ms;
  -webkit-animation-delay: 978ms;
  animation-delay: 978ms;
}
@-webkit-keyframes move-frames-7 {
from {
    -webkit-transform: translate3d(49vw, 106vh, 0);
    transform: translate3d(49vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(37vw, -128vh, 0);
    transform: translate3d(37vw, -128vh, 0);
}
}
@keyframes move-frames-7 {
from {
    -webkit-transform: translate3d(49vw, 106vh, 0);
    transform: translate3d(49vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(37vw, -128vh, 0);
    transform: translate3d(37vw, -128vh, 0);
}
}
.circle-container:nth-child(7) .circle {
  -webkit-animation-delay: 3875ms;
  animation-delay: 3875ms;
}
.circle-container:nth-child(8) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-8;
  animation-name: move-frames-8;
  -webkit-animation-duration: 35952ms;
  animation-duration: 35952ms;
  -webkit-animation-delay: 25140ms;
  animation-delay: 25140ms;
}
@-webkit-keyframes move-frames-8 {
from {
    -webkit-transform: translate3d(55vw, 110vh, 0);
    transform: translate3d(55vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(57vw, -128vh, 0);
    transform: translate3d(57vw, -128vh, 0);
}
}
@keyframes move-frames-8 {
from {
    -webkit-transform: translate3d(55vw, 110vh, 0);
    transform: translate3d(55vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(57vw, -128vh, 0);
    transform: translate3d(57vw, -128vh, 0);
}
}
.circle-container:nth-child(8) .circle {
  -webkit-animation-delay: 863ms;
  animation-delay: 863ms;
}
.circle-container:nth-child(9) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-9;
  animation-name: move-frames-9;
  -webkit-animation-duration: 35884ms;
  animation-duration: 35884ms;
  -webkit-animation-delay: 7175ms;
  animation-delay: 7175ms;
}
@-webkit-keyframes move-frames-9 {
from {
    -webkit-transform: translate3d(44vw, 108vh, 0);
    transform: translate3d(44vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(9vw, -120vh, 0);
    transform: translate3d(9vw, -120vh, 0);
}
}
@keyframes move-frames-9 {
from {
    -webkit-transform: translate3d(44vw, 108vh, 0);
    transform: translate3d(44vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(9vw, -120vh, 0);
    transform: translate3d(9vw, -120vh, 0);
}
}
.circle-container:nth-child(9) .circle {
  -webkit-animation-delay: 876ms;
  animation-delay: 876ms;
}
.circle-container:nth-child(10) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-10;
  animation-name: move-frames-10;
  -webkit-animation-duration: 30209ms;
  animation-duration: 30209ms;
  -webkit-animation-delay: 18030ms;
  animation-delay: 18030ms;
}
@-webkit-keyframes move-frames-10 {
from {
    -webkit-transform: translate3d(37vw, 101vh, 0);
    transform: translate3d(37vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(48vw, -114vh, 0);
    transform: translate3d(48vw, -114vh, 0);
}
}
@keyframes move-frames-10 {
from {
    -webkit-transform: translate3d(37vw, 101vh, 0);
    transform: translate3d(37vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(48vw, -114vh, 0);
    transform: translate3d(48vw, -114vh, 0);
}
}
.circle-container:nth-child(10) .circle {
  -webkit-animation-delay: 494ms;
  animation-delay: 494ms;
}
.circle-container:nth-child(11) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-11;
  animation-name: move-frames-11;
  -webkit-animation-duration: 32124ms;
  animation-duration: 32124ms;
  -webkit-animation-delay: 28938ms;
  animation-delay: 28938ms;
}
@-webkit-keyframes move-frames-11 {
from {
    -webkit-transform: translate3d(23vw, 104vh, 0);
    transform: translate3d(23vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(60vw, -132vh, 0);
    transform: translate3d(60vw, -132vh, 0);
}
}
@keyframes move-frames-11 {
from {
    -webkit-transform: translate3d(23vw, 104vh, 0);
    transform: translate3d(23vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(60vw, -132vh, 0);
    transform: translate3d(60vw, -132vh, 0);
}
}
.circle-container:nth-child(11) .circle {
  -webkit-animation-delay: 227ms;
  animation-delay: 227ms;
}
.circle-container:nth-child(12) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-12;
  animation-name: move-frames-12;
  -webkit-animation-duration: 32670ms;
  animation-duration: 32670ms;
  -webkit-animation-delay: 12752ms;
  animation-delay: 12752ms;
}
@-webkit-keyframes move-frames-12 {
from {
    -webkit-transform: translate3d(74vw, 106vh, 0);
    transform: translate3d(74vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(16vw, -123vh, 0);
    transform: translate3d(16vw, -123vh, 0);
}
}
@keyframes move-frames-12 {
from {
    -webkit-transform: translate3d(74vw, 106vh, 0);
    transform: translate3d(74vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(16vw, -123vh, 0);
    transform: translate3d(16vw, -123vh, 0);
}
}
.circle-container:nth-child(12) .circle {
  -webkit-animation-delay: 3352ms;
  animation-delay: 3352ms;
}
.circle-container:nth-child(13) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-13;
  animation-name: move-frames-13;
  -webkit-animation-duration: 33425ms;
  animation-duration: 33425ms;
  -webkit-animation-delay: 9634ms;
  animation-delay: 9634ms;
}
@-webkit-keyframes move-frames-13 {
from {
    -webkit-transform: translate3d(72vw, 110vh, 0);
    transform: translate3d(72vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(23vw, -126vh, 0);
    transform: translate3d(23vw, -126vh, 0);
}
}
@keyframes move-frames-13 {
from {
    -webkit-transform: translate3d(72vw, 110vh, 0);
    transform: translate3d(72vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(23vw, -126vh, 0);
    transform: translate3d(23vw, -126vh, 0);
}
}
.circle-container:nth-child(13) .circle {
  -webkit-animation-delay: 3383ms;
  animation-delay: 3383ms;
}
.circle-container:nth-child(14) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-14;
  animation-name: move-frames-14;
  -webkit-animation-duration: 34658ms;
  animation-duration: 34658ms;
  -webkit-animation-delay: 25189ms;
  animation-delay: 25189ms;
}
@-webkit-keyframes move-frames-14 {
from {
    -webkit-transform: translate3d(26vw, 109vh, 0);
    transform: translate3d(26vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(4vw, -130vh, 0);
    transform: translate3d(4vw, -130vh, 0);
}
}
@keyframes move-frames-14 {
from {
    -webkit-transform: translate3d(26vw, 109vh, 0);
    transform: translate3d(26vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(4vw, -130vh, 0);
    transform: translate3d(4vw, -130vh, 0);
}
}
.circle-container:nth-child(14) .circle {
  -webkit-animation-delay: 2676ms;
  animation-delay: 2676ms;
}
.circle-container:nth-child(15) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-15;
  animation-name: move-frames-15;
  -webkit-animation-duration: 32940ms;
  animation-duration: 32940ms;
  -webkit-animation-delay: 12513ms;
  animation-delay: 12513ms;
}
@-webkit-keyframes move-frames-15 {
from {
    -webkit-transform: translate3d(23vw, 108vh, 0);
    transform: translate3d(23vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(58vw, -111vh, 0);
    transform: translate3d(58vw, -111vh, 0);
}
}
@keyframes move-frames-15 {
from {
    -webkit-transform: translate3d(23vw, 108vh, 0);
    transform: translate3d(23vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(58vw, -111vh, 0);
    transform: translate3d(58vw, -111vh, 0);
}
}
.circle-container:nth-child(15) .circle {
  -webkit-animation-delay: 139ms;
  animation-delay: 139ms;
}
.circle-container:nth-child(16) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-16;
  animation-name: move-frames-16;
  -webkit-animation-duration: 32352ms;
  animation-duration: 32352ms;
  -webkit-animation-delay: 2352ms;
  animation-delay: 2352ms;
}
@-webkit-keyframes move-frames-16 {
from {
    -webkit-transform: translate3d(4vw, 110vh, 0);
    transform: translate3d(4vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(26vw, -135vh, 0);
    transform: translate3d(26vw, -135vh, 0);
}
}
@keyframes move-frames-16 {
from {
    -webkit-transform: translate3d(4vw, 110vh, 0);
    transform: translate3d(4vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(26vw, -135vh, 0);
    transform: translate3d(26vw, -135vh, 0);
}
}
.circle-container:nth-child(16) .circle {
  -webkit-animation-delay: 505ms;
  animation-delay: 505ms;
}
.circle-container:nth-child(17) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-17;
  animation-name: move-frames-17;
  -webkit-animation-duration: 30743ms;
  animation-duration: 30743ms;
  -webkit-animation-delay: 4365ms;
  animation-delay: 4365ms;
}
@-webkit-keyframes move-frames-17 {
from {
    -webkit-transform: translate3d(30vw, 101vh, 0);
    transform: translate3d(30vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(3vw, -128vh, 0);
    transform: translate3d(3vw, -128vh, 0);
}
}
@keyframes move-frames-17 {
from {
    -webkit-transform: translate3d(30vw, 101vh, 0);
    transform: translate3d(30vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(3vw, -128vh, 0);
    transform: translate3d(3vw, -128vh, 0);
}
}
.circle-container:nth-child(17) .circle {
  -webkit-animation-delay: 1563ms;
  animation-delay: 1563ms;
}
.circle-container:nth-child(18) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-18;
  animation-name: move-frames-18;
  -webkit-animation-duration: 35545ms;
  animation-duration: 35545ms;
  -webkit-animation-delay: 15649ms;
  animation-delay: 15649ms;
}
@-webkit-keyframes move-frames-18 {
from {
    -webkit-transform: translate3d(93vw, 107vh, 0);
    transform: translate3d(93vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(67vw, -132vh, 0);
    transform: translate3d(67vw, -132vh, 0);
}
}
@keyframes move-frames-18 {
from {
    -webkit-transform: translate3d(93vw, 107vh, 0);
    transform: translate3d(93vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(67vw, -132vh, 0);
    transform: translate3d(67vw, -132vh, 0);
}
}
.circle-container:nth-child(18) .circle {
  -webkit-animation-delay: 3967ms;
  animation-delay: 3967ms;
}
.circle-container:nth-child(19) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-19;
  animation-name: move-frames-19;
  -webkit-animation-duration: 28206ms;
  animation-duration: 28206ms;
  -webkit-animation-delay: 16707ms;
  animation-delay: 16707ms;
}
@-webkit-keyframes move-frames-19 {
from {
    -webkit-transform: translate3d(91vw, 109vh, 0);
    transform: translate3d(91vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(50vw, -120vh, 0);
    transform: translate3d(50vw, -120vh, 0);
}
}
@keyframes move-frames-19 {
from {
    -webkit-transform: translate3d(91vw, 109vh, 0);
    transform: translate3d(91vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(50vw, -120vh, 0);
    transform: translate3d(50vw, -120vh, 0);
}
}
.circle-container:nth-child(19) .circle {
  -webkit-animation-delay: 2737ms;
  animation-delay: 2737ms;
}
.circle-container:nth-child(20) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-20;
  animation-name: move-frames-20;
  -webkit-animation-duration: 34473ms;
  animation-duration: 34473ms;
  -webkit-animation-delay: 28117ms;
  animation-delay: 28117ms;
}
@-webkit-keyframes move-frames-20 {
from {
    -webkit-transform: translate3d(5vw, 107vh, 0);
    transform: translate3d(5vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(37vw, -137vh, 0);
    transform: translate3d(37vw, -137vh, 0);
}
}
@keyframes move-frames-20 {
from {
    -webkit-transform: translate3d(5vw, 107vh, 0);
    transform: translate3d(5vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(37vw, -137vh, 0);
    transform: translate3d(37vw, -137vh, 0);
}
}
.circle-container:nth-child(20) .circle {
  -webkit-animation-delay: 90ms;
  animation-delay: 90ms;
}
.circle-container:nth-child(21) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-21;
  animation-name: move-frames-21;
  -webkit-animation-duration: 35647ms;
  animation-duration: 35647ms;
  -webkit-animation-delay: 18616ms;
  animation-delay: 18616ms;
}
@-webkit-keyframes move-frames-21 {
from {
    -webkit-transform: translate3d(47vw, 102vh, 0);
    transform: translate3d(47vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(5vw, -113vh, 0);
    transform: translate3d(5vw, -113vh, 0);
}
}
@keyframes move-frames-21 {
from {
    -webkit-transform: translate3d(47vw, 102vh, 0);
    transform: translate3d(47vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(5vw, -113vh, 0);
    transform: translate3d(5vw, -113vh, 0);
}
}
.circle-container:nth-child(21) .circle {
  -webkit-animation-delay: 2217ms;
  animation-delay: 2217ms;
}
.circle-container:nth-child(22) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-22;
  animation-name: move-frames-22;
  -webkit-animation-duration: 30972ms;
  animation-duration: 30972ms;
  -webkit-animation-delay: 36197ms;
  animation-delay: 36197ms;
}
@-webkit-keyframes move-frames-22 {
from {
    -webkit-transform: translate3d(87vw, 108vh, 0);
    transform: translate3d(87vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(41vw, -125vh, 0);
    transform: translate3d(41vw, -125vh, 0);
}
}
@keyframes move-frames-22 {
from {
    -webkit-transform: translate3d(87vw, 108vh, 0);
    transform: translate3d(87vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(41vw, -125vh, 0);
    transform: translate3d(41vw, -125vh, 0);
}
}
.circle-container:nth-child(22) .circle {
  -webkit-animation-delay: 3743ms;
  animation-delay: 3743ms;
}
.circle-container:nth-child(23) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-23;
  animation-name: move-frames-23;
  -webkit-animation-duration: 31615ms;
  animation-duration: 31615ms;
  -webkit-animation-delay: 23972ms;
  animation-delay: 23972ms;
}
@-webkit-keyframes move-frames-23 {
from {
    -webkit-transform: translate3d(26vw, 105vh, 0);
    transform: translate3d(26vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(3vw, -106vh, 0);
    transform: translate3d(3vw, -106vh, 0);
}
}
@keyframes move-frames-23 {
from {
    -webkit-transform: translate3d(26vw, 105vh, 0);
    transform: translate3d(26vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(3vw, -106vh, 0);
    transform: translate3d(3vw, -106vh, 0);
}
}
.circle-container:nth-child(23) .circle {
  -webkit-animation-delay: 544ms;
  animation-delay: 544ms;
}
.circle-container:nth-child(24) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-24;
  animation-name: move-frames-24;
  -webkit-animation-duration: 33703ms;
  animation-duration: 33703ms;
  -webkit-animation-delay: 35093ms;
  animation-delay: 35093ms;
}
@-webkit-keyframes move-frames-24 {
from {
    -webkit-transform: translate3d(22vw, 109vh, 0);
    transform: translate3d(22vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(3vw, -118vh, 0);
    transform: translate3d(3vw, -118vh, 0);
}
}
@keyframes move-frames-24 {
from {
    -webkit-transform: translate3d(22vw, 109vh, 0);
    transform: translate3d(22vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(3vw, -118vh, 0);
    transform: translate3d(3vw, -118vh, 0);
}
}
.circle-container:nth-child(24) .circle {
  -webkit-animation-delay: 885ms;
  animation-delay: 885ms;
}
.circle-container:nth-child(25) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-25;
  animation-name: move-frames-25;
  -webkit-animation-duration: 29591ms;
  animation-duration: 29591ms;
  -webkit-animation-delay: 19233ms;
  animation-delay: 19233ms;
}
@-webkit-keyframes move-frames-25 {
from {
    -webkit-transform: translate3d(46vw, 108vh, 0);
    transform: translate3d(46vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(32vw, -117vh, 0);
    transform: translate3d(32vw, -117vh, 0);
}
}
@keyframes move-frames-25 {
from {
    -webkit-transform: translate3d(46vw, 108vh, 0);
    transform: translate3d(46vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(32vw, -117vh, 0);
    transform: translate3d(32vw, -117vh, 0);
}
}
.circle-container:nth-child(25) .circle {
  -webkit-animation-delay: 611ms;
  animation-delay: 611ms;
}
.circle-container:nth-child(26) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-26;
  animation-name: move-frames-26;
  -webkit-animation-duration: 34878ms;
  animation-duration: 34878ms;
  -webkit-animation-delay: 32582ms;
  animation-delay: 32582ms;
}
@-webkit-keyframes move-frames-26 {
from {
    -webkit-transform: translate3d(90vw, 105vh, 0);
    transform: translate3d(90vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -111vh, 0);
    transform: translate3d(42vw, -111vh, 0);
}
}
@keyframes move-frames-26 {
from {
    -webkit-transform: translate3d(90vw, 105vh, 0);
    transform: translate3d(90vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -111vh, 0);
    transform: translate3d(42vw, -111vh, 0);
}
}
.circle-container:nth-child(26) .circle {
  -webkit-animation-delay: 3728ms;
  animation-delay: 3728ms;
}
.circle-container:nth-child(27) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-27;
  animation-name: move-frames-27;
  -webkit-animation-duration: 35132ms;
  animation-duration: 35132ms;
  -webkit-animation-delay: 12185ms;
  animation-delay: 12185ms;
}
@-webkit-keyframes move-frames-27 {
from {
    -webkit-transform: translate3d(62vw, 101vh, 0);
    transform: translate3d(62vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(48vw, -129vh, 0);
    transform: translate3d(48vw, -129vh, 0);
}
}
@keyframes move-frames-27 {
from {
    -webkit-transform: translate3d(62vw, 101vh, 0);
    transform: translate3d(62vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(48vw, -129vh, 0);
    transform: translate3d(48vw, -129vh, 0);
}
}
.circle-container:nth-child(27) .circle {
  -webkit-animation-delay: 3669ms;
  animation-delay: 3669ms;
}
.circle-container:nth-child(28) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-28;
  animation-name: move-frames-28;
  -webkit-animation-duration: 36865ms;
  animation-duration: 36865ms;
  -webkit-animation-delay: 15174ms;
  animation-delay: 15174ms;
}
@-webkit-keyframes move-frames-28 {
from {
    -webkit-transform: translate3d(34vw, 105vh, 0);
    transform: translate3d(34vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(35vw, -106vh, 0);
    transform: translate3d(35vw, -106vh, 0);
}
}
@keyframes move-frames-28 {
from {
    -webkit-transform: translate3d(34vw, 105vh, 0);
    transform: translate3d(34vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(35vw, -106vh, 0);
    transform: translate3d(35vw, -106vh, 0);
}
}
.circle-container:nth-child(28) .circle {
  -webkit-animation-delay: 1560ms;
  animation-delay: 1560ms;
}
.circle-container:nth-child(29) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-29;
  animation-name: move-frames-29;
  -webkit-animation-duration: 36118ms;
  animation-duration: 36118ms;
  -webkit-animation-delay: 6937ms;
  animation-delay: 6937ms;
}
@-webkit-keyframes move-frames-29 {
from {
    -webkit-transform: translate3d(34vw, 106vh, 0);
    transform: translate3d(34vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -136vh, 0);
    transform: translate3d(42vw, -136vh, 0);
}
}
@keyframes move-frames-29 {
from {
    -webkit-transform: translate3d(34vw, 106vh, 0);
    transform: translate3d(34vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -136vh, 0);
    transform: translate3d(42vw, -136vh, 0);
}
}
.circle-container:nth-child(29) .circle {
  -webkit-animation-delay: 1226ms;
  animation-delay: 1226ms;
}
.circle-container:nth-child(30) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-30;
  animation-name: move-frames-30;
  -webkit-animation-duration: 32577ms;
  animation-duration: 32577ms;
  -webkit-animation-delay: 7689ms;
  animation-delay: 7689ms;
}
@-webkit-keyframes move-frames-30 {
from {
    -webkit-transform: translate3d(48vw, 101vh, 0);
    transform: translate3d(48vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(61vw, -103vh, 0);
    transform: translate3d(61vw, -103vh, 0);
}
}
@keyframes move-frames-30 {
from {
    -webkit-transform: translate3d(48vw, 101vh, 0);
    transform: translate3d(48vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(61vw, -103vh, 0);
    transform: translate3d(61vw, -103vh, 0);
}
}
.circle-container:nth-child(30) .circle {
  -webkit-animation-delay: 196ms;
  animation-delay: 196ms;
}
.circle-container:nth-child(31) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-31;
  animation-name: move-frames-31;
  -webkit-animation-duration: 28244ms;
  animation-duration: 28244ms;
  -webkit-animation-delay: 11898ms;
  animation-delay: 11898ms;
}
@-webkit-keyframes move-frames-31 {
from {
    -webkit-transform: translate3d(69vw, 101vh, 0);
    transform: translate3d(69vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(87vw, -123vh, 0);
    transform: translate3d(87vw, -123vh, 0);
}
}
@keyframes move-frames-31 {
from {
    -webkit-transform: translate3d(69vw, 101vh, 0);
    transform: translate3d(69vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(87vw, -123vh, 0);
    transform: translate3d(87vw, -123vh, 0);
}
}
.circle-container:nth-child(31) .circle {
  -webkit-animation-delay: 3443ms;
  animation-delay: 3443ms;
}
.circle-container:nth-child(32) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-32;
  animation-name: move-frames-32;
  -webkit-animation-duration: 31582ms;
  animation-duration: 31582ms;
  -webkit-animation-delay: 824ms;
  animation-delay: 824ms;
}
@-webkit-keyframes move-frames-32 {
from {
    -webkit-transform: translate3d(70vw, 105vh, 0);
    transform: translate3d(70vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(44vw, -111vh, 0);
    transform: translate3d(44vw, -111vh, 0);
}
}
@keyframes move-frames-32 {
from {
    -webkit-transform: translate3d(70vw, 105vh, 0);
    transform: translate3d(70vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(44vw, -111vh, 0);
    transform: translate3d(44vw, -111vh, 0);
}
}
.circle-container:nth-child(32) .circle {
  -webkit-animation-delay: 811ms;
  animation-delay: 811ms;
}
.circle-container:nth-child(33) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-33;
  animation-name: move-frames-33;
  -webkit-animation-duration: 33637ms;
  animation-duration: 33637ms;
  -webkit-animation-delay: 13444ms;
  animation-delay: 13444ms;
}
@-webkit-keyframes move-frames-33 {
from {
    -webkit-transform: translate3d(72vw, 103vh, 0);
    transform: translate3d(72vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(86vw, -125vh, 0);
    transform: translate3d(86vw, -125vh, 0);
}
}
@keyframes move-frames-33 {
from {
    -webkit-transform: translate3d(72vw, 103vh, 0);
    transform: translate3d(72vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(86vw, -125vh, 0);
    transform: translate3d(86vw, -125vh, 0);
}
}
.circle-container:nth-child(33) .circle {
  -webkit-animation-delay: 2624ms;
  animation-delay: 2624ms;
}
.circle-container:nth-child(34) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-34;
  animation-name: move-frames-34;
  -webkit-animation-duration: 31553ms;
  animation-duration: 31553ms;
  -webkit-animation-delay: 17629ms;
  animation-delay: 17629ms;
}
@-webkit-keyframes move-frames-34 {
from {
    -webkit-transform: translate3d(58vw, 110vh, 0);
    transform: translate3d(58vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(43vw, -133vh, 0);
    transform: translate3d(43vw, -133vh, 0);
}
}
@keyframes move-frames-34 {
from {
    -webkit-transform: translate3d(58vw, 110vh, 0);
    transform: translate3d(58vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(43vw, -133vh, 0);
    transform: translate3d(43vw, -133vh, 0);
}
}
.circle-container:nth-child(34) .circle {
  -webkit-animation-delay: 2350ms;
  animation-delay: 2350ms;
}
.circle-container:nth-child(35) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-35;
  animation-name: move-frames-35;
  -webkit-animation-duration: 31818ms;
  animation-duration: 31818ms;
  -webkit-animation-delay: 35757ms;
  animation-delay: 35757ms;
}
@-webkit-keyframes move-frames-35 {
from {
    -webkit-transform: translate3d(2vw, 105vh, 0);
    transform: translate3d(2vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(41vw, -135vh, 0);
    transform: translate3d(41vw, -135vh, 0);
}
}
@keyframes move-frames-35 {
from {
    -webkit-transform: translate3d(2vw, 105vh, 0);
    transform: translate3d(2vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(41vw, -135vh, 0);
    transform: translate3d(41vw, -135vh, 0);
}
}
.circle-container:nth-child(35) .circle {
  -webkit-animation-delay: 3594ms;
  animation-delay: 3594ms;
}
.circle-container:nth-child(36) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-36;
  animation-name: move-frames-36;
  -webkit-animation-duration: 33103ms;
  animation-duration: 33103ms;
  -webkit-animation-delay: 17210ms;
  animation-delay: 17210ms;
}
@-webkit-keyframes move-frames-36 {
from {
    -webkit-transform: translate3d(27vw, 109vh, 0);
    transform: translate3d(27vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(30vw, -130vh, 0);
    transform: translate3d(30vw, -130vh, 0);
}
}
@keyframes move-frames-36 {
from {
    -webkit-transform: translate3d(27vw, 109vh, 0);
    transform: translate3d(27vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(30vw, -130vh, 0);
    transform: translate3d(30vw, -130vh, 0);
}
}
.circle-container:nth-child(36) .circle {
  -webkit-animation-delay: 3340ms;
  animation-delay: 3340ms;
}
.circle-container:nth-child(37) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-37;
  animation-name: move-frames-37;
  -webkit-animation-duration: 33500ms;
  animation-duration: 33500ms;
  -webkit-animation-delay: 841ms;
  animation-delay: 841ms;
}
@-webkit-keyframes move-frames-37 {
from {
    -webkit-transform: translate3d(2vw, 108vh, 0);
    transform: translate3d(2vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(72vw, -120vh, 0);
    transform: translate3d(72vw, -120vh, 0);
}
}
@keyframes move-frames-37 {
from {
    -webkit-transform: translate3d(2vw, 108vh, 0);
    transform: translate3d(2vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(72vw, -120vh, 0);
    transform: translate3d(72vw, -120vh, 0);
}
}
.circle-container:nth-child(37) .circle {
  -webkit-animation-delay: 3527ms;
  animation-delay: 3527ms;
}
.circle-container:nth-child(38) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-38;
  animation-name: move-frames-38;
  -webkit-animation-duration: 28089ms;
  animation-duration: 28089ms;
  -webkit-animation-delay: 7996ms;
  animation-delay: 7996ms;
}
@-webkit-keyframes move-frames-38 {
from {
    -webkit-transform: translate3d(3vw, 106vh, 0);
    transform: translate3d(3vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(74vw, -108vh, 0);
    transform: translate3d(74vw, -108vh, 0);
}
}
@keyframes move-frames-38 {
from {
    -webkit-transform: translate3d(3vw, 106vh, 0);
    transform: translate3d(3vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(74vw, -108vh, 0);
    transform: translate3d(74vw, -108vh, 0);
}
}
.circle-container:nth-child(38) .circle {
  -webkit-animation-delay: 2191ms;
  animation-delay: 2191ms;
}
.circle-container:nth-child(39) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-39;
  animation-name: move-frames-39;
  -webkit-animation-duration: 30532ms;
  animation-duration: 30532ms;
  -webkit-animation-delay: 9053ms;
  animation-delay: 9053ms;
}
@-webkit-keyframes move-frames-39 {
from {
    -webkit-transform: translate3d(7vw, 101vh, 0);
    transform: translate3d(7vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -119vh, 0);
    transform: translate3d(81vw, -119vh, 0);
}
}
@keyframes move-frames-39 {
from {
    -webkit-transform: translate3d(7vw, 101vh, 0);
    transform: translate3d(7vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -119vh, 0);
    transform: translate3d(81vw, -119vh, 0);
}
}
.circle-container:nth-child(39) .circle {
  -webkit-animation-delay: 1058ms;
  animation-delay: 1058ms;
}
.circle-container:nth-child(40) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-40;
  animation-name: move-frames-40;
  -webkit-animation-duration: 34018ms;
  animation-duration: 34018ms;
  -webkit-animation-delay: 2976ms;
  animation-delay: 2976ms;
}
@-webkit-keyframes move-frames-40 {
from {
    -webkit-transform: translate3d(69vw, 107vh, 0);
    transform: translate3d(69vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(45vw, -133vh, 0);
    transform: translate3d(45vw, -133vh, 0);
}
}
@keyframes move-frames-40 {
from {
    -webkit-transform: translate3d(69vw, 107vh, 0);
    transform: translate3d(69vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(45vw, -133vh, 0);
    transform: translate3d(45vw, -133vh, 0);
}
}
.circle-container:nth-child(40) .circle {
  -webkit-animation-delay: 3294ms;
  animation-delay: 3294ms;
}
.circle-container:nth-child(41) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-41;
  animation-name: move-frames-41;
  -webkit-animation-duration: 28777ms;
  animation-duration: 28777ms;
  -webkit-animation-delay: 23593ms;
  animation-delay: 23593ms;
}
@-webkit-keyframes move-frames-41 {
from {
    -webkit-transform: translate3d(82vw, 105vh, 0);
    transform: translate3d(82vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(68vw, -123vh, 0);
    transform: translate3d(68vw, -123vh, 0);
}
}
@keyframes move-frames-41 {
from {
    -webkit-transform: translate3d(82vw, 105vh, 0);
    transform: translate3d(82vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(68vw, -123vh, 0);
    transform: translate3d(68vw, -123vh, 0);
}
}
.circle-container:nth-child(41) .circle {
  -webkit-animation-delay: 2872ms;
  animation-delay: 2872ms;
}
.circle-container:nth-child(42) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-42;
  animation-name: move-frames-42;
  -webkit-animation-duration: 36151ms;
  animation-duration: 36151ms;
  -webkit-animation-delay: 4529ms;
  animation-delay: 4529ms;
}
@-webkit-keyframes move-frames-42 {
from {
    -webkit-transform: translate3d(70vw, 101vh, 0);
    transform: translate3d(70vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(25vw, -104vh, 0);
    transform: translate3d(25vw, -104vh, 0);
}
}
@keyframes move-frames-42 {
from {
    -webkit-transform: translate3d(70vw, 101vh, 0);
    transform: translate3d(70vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(25vw, -104vh, 0);
    transform: translate3d(25vw, -104vh, 0);
}
}
.circle-container:nth-child(42) .circle {
  -webkit-animation-delay: 3028ms;
  animation-delay: 3028ms;
}
.circle-container:nth-child(43) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-43;
  animation-name: move-frames-43;
  -webkit-animation-duration: 36416ms;
  animation-duration: 36416ms;
  -webkit-animation-delay: 2729ms;
  animation-delay: 2729ms;
}
@-webkit-keyframes move-frames-43 {
from {
    -webkit-transform: translate3d(31vw, 105vh, 0);
    transform: translate3d(31vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(48vw, -120vh, 0);
    transform: translate3d(48vw, -120vh, 0);
}
}
@keyframes move-frames-43 {
from {
    -webkit-transform: translate3d(31vw, 105vh, 0);
    transform: translate3d(31vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(48vw, -120vh, 0);
    transform: translate3d(48vw, -120vh, 0);
}
}
.circle-container:nth-child(43) .circle {
  -webkit-animation-delay: 302ms;
  animation-delay: 302ms;
}
.circle-container:nth-child(44) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-44;
  animation-name: move-frames-44;
  -webkit-animation-duration: 35859ms;
  animation-duration: 35859ms;
  -webkit-animation-delay: 19881ms;
  animation-delay: 19881ms;
}
@-webkit-keyframes move-frames-44 {
from {
    -webkit-transform: translate3d(3vw, 106vh, 0);
    transform: translate3d(3vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(70vw, -116vh, 0);
    transform: translate3d(70vw, -116vh, 0);
}
}
@keyframes move-frames-44 {
from {
    -webkit-transform: translate3d(3vw, 106vh, 0);
    transform: translate3d(3vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(70vw, -116vh, 0);
    transform: translate3d(70vw, -116vh, 0);
}
}
.circle-container:nth-child(44) .circle {
  -webkit-animation-delay: 1663ms;
  animation-delay: 1663ms;
}
.circle-container:nth-child(45) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-45;
  animation-name: move-frames-45;
  -webkit-animation-duration: 34370ms;
  animation-duration: 34370ms;
  -webkit-animation-delay: 22134ms;
  animation-delay: 22134ms;
}
@-webkit-keyframes move-frames-45 {
from {
    -webkit-transform: translate3d(72vw, 107vh, 0);
    transform: translate3d(72vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(8vw, -131vh, 0);
    transform: translate3d(8vw, -131vh, 0);
}
}
@keyframes move-frames-45 {
from {
    -webkit-transform: translate3d(72vw, 107vh, 0);
    transform: translate3d(72vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(8vw, -131vh, 0);
    transform: translate3d(8vw, -131vh, 0);
}
}
.circle-container:nth-child(45) .circle {
  -webkit-animation-delay: 3632ms;
  animation-delay: 3632ms;
}
.circle-container:nth-child(46) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-46;
  animation-name: move-frames-46;
  -webkit-animation-duration: 28857ms;
  animation-duration: 28857ms;
  -webkit-animation-delay: 23074ms;
  animation-delay: 23074ms;
}
@-webkit-keyframes move-frames-46 {
from {
    -webkit-transform: translate3d(44vw, 105vh, 0);
    transform: translate3d(44vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(55vw, -118vh, 0);
    transform: translate3d(55vw, -118vh, 0);
}
}
@keyframes move-frames-46 {
from {
    -webkit-transform: translate3d(44vw, 105vh, 0);
    transform: translate3d(44vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(55vw, -118vh, 0);
    transform: translate3d(55vw, -118vh, 0);
}
}
.circle-container:nth-child(46) .circle {
  -webkit-animation-delay: 377ms;
  animation-delay: 377ms;
}
.circle-container:nth-child(47) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-47;
  animation-name: move-frames-47;
  -webkit-animation-duration: 33316ms;
  animation-duration: 33316ms;
  -webkit-animation-delay: 13977ms;
  animation-delay: 13977ms;
}
@-webkit-keyframes move-frames-47 {
from {
    -webkit-transform: translate3d(92vw, 101vh, 0);
    transform: translate3d(92vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -121vh, 0);
    transform: translate3d(81vw, -121vh, 0);
}
}
@keyframes move-frames-47 {
from {
    -webkit-transform: translate3d(92vw, 101vh, 0);
    transform: translate3d(92vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -121vh, 0);
    transform: translate3d(81vw, -121vh, 0);
}
}
.circle-container:nth-child(47) .circle {
  -webkit-animation-delay: 3443ms;
  animation-delay: 3443ms;
}
.circle-container:nth-child(48) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-48;
  animation-name: move-frames-48;
  -webkit-animation-duration: 33117ms;
  animation-duration: 33117ms;
  -webkit-animation-delay: 28290ms;
  animation-delay: 28290ms;
}
@-webkit-keyframes move-frames-48 {
from {
    -webkit-transform: translate3d(17vw, 109vh, 0);
    transform: translate3d(17vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(56vw, -114vh, 0);
    transform: translate3d(56vw, -114vh, 0);
}
}
@keyframes move-frames-48 {
from {
    -webkit-transform: translate3d(17vw, 109vh, 0);
    transform: translate3d(17vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(56vw, -114vh, 0);
    transform: translate3d(56vw, -114vh, 0);
}
}
.circle-container:nth-child(48) .circle {
  -webkit-animation-delay: 2183ms;
  animation-delay: 2183ms;
}
.circle-container:nth-child(49) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-49;
  animation-name: move-frames-49;
  -webkit-animation-duration: 36011ms;
  animation-duration: 36011ms;
  -webkit-animation-delay: 36377ms;
  animation-delay: 36377ms;
}
@-webkit-keyframes move-frames-49 {
from {
    -webkit-transform: translate3d(7vw, 109vh, 0);
    transform: translate3d(7vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(78vw, -116vh, 0);
    transform: translate3d(78vw, -116vh, 0);
}
}
@keyframes move-frames-49 {
from {
    -webkit-transform: translate3d(7vw, 109vh, 0);
    transform: translate3d(7vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(78vw, -116vh, 0);
    transform: translate3d(78vw, -116vh, 0);
}
}
.circle-container:nth-child(49) .circle {
  -webkit-animation-delay: 2279ms;
  animation-delay: 2279ms;
}
.circle-container:nth-child(50) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-50;
  animation-name: move-frames-50;
  -webkit-animation-duration: 35528ms;
  animation-duration: 35528ms;
  -webkit-animation-delay: 22291ms;
  animation-delay: 22291ms;
}
@-webkit-keyframes move-frames-50 {
from {
    -webkit-transform: translate3d(41vw, 106vh, 0);
    transform: translate3d(41vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(28vw, -133vh, 0);
    transform: translate3d(28vw, -133vh, 0);
}
}
@keyframes move-frames-50 {
from {
    -webkit-transform: translate3d(41vw, 106vh, 0);
    transform: translate3d(41vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(28vw, -133vh, 0);
    transform: translate3d(28vw, -133vh, 0);
}
}
.circle-container:nth-child(50) .circle {
  -webkit-animation-delay: 3237ms;
  animation-delay: 3237ms;
}
.circle-container:nth-child(51) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-51;
  animation-name: move-frames-51;
  -webkit-animation-duration: 35331ms;
  animation-duration: 35331ms;
  -webkit-animation-delay: 31483ms;
  animation-delay: 31483ms;
}
@-webkit-keyframes move-frames-51 {
from {
    -webkit-transform: translate3d(95vw, 103vh, 0);
    transform: translate3d(95vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(17vw, -116vh, 0);
    transform: translate3d(17vw, -116vh, 0);
}
}
@keyframes move-frames-51 {
from {
    -webkit-transform: translate3d(95vw, 103vh, 0);
    transform: translate3d(95vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(17vw, -116vh, 0);
    transform: translate3d(17vw, -116vh, 0);
}
}
.circle-container:nth-child(51) .circle {
  -webkit-animation-delay: 3007ms;
  animation-delay: 3007ms;
}
.circle-container:nth-child(52) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-52;
  animation-name: move-frames-52;
  -webkit-animation-duration: 32008ms;
  animation-duration: 32008ms;
  -webkit-animation-delay: 21040ms;
  animation-delay: 21040ms;
}
@-webkit-keyframes move-frames-52 {
from {
    -webkit-transform: translate3d(54vw, 103vh, 0);
    transform: translate3d(54vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(44vw, -115vh, 0);
    transform: translate3d(44vw, -115vh, 0);
}
}
@keyframes move-frames-52 {
from {
    -webkit-transform: translate3d(54vw, 103vh, 0);
    transform: translate3d(54vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(44vw, -115vh, 0);
    transform: translate3d(44vw, -115vh, 0);
}
}
.circle-container:nth-child(52) .circle {
  -webkit-animation-delay: 318ms;
  animation-delay: 318ms;
}
.circle-container:nth-child(53) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-53;
  animation-name: move-frames-53;
  -webkit-animation-duration: 36062ms;
  animation-duration: 36062ms;
  -webkit-animation-delay: 32127ms;
  animation-delay: 32127ms;
}
@-webkit-keyframes move-frames-53 {
from {
    -webkit-transform: translate3d(15vw, 106vh, 0);
    transform: translate3d(15vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(55vw, -127vh, 0);
    transform: translate3d(55vw, -127vh, 0);
}
}
@keyframes move-frames-53 {
from {
    -webkit-transform: translate3d(15vw, 106vh, 0);
    transform: translate3d(15vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(55vw, -127vh, 0);
    transform: translate3d(55vw, -127vh, 0);
}
}
.circle-container:nth-child(53) .circle {
  -webkit-animation-delay: 2655ms;
  animation-delay: 2655ms;
}
.circle-container:nth-child(54) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-54;
  animation-name: move-frames-54;
  -webkit-animation-duration: 36027ms;
  animation-duration: 36027ms;
  -webkit-animation-delay: 29804ms;
  animation-delay: 29804ms;
}
@-webkit-keyframes move-frames-54 {
from {
    -webkit-transform: translate3d(18vw, 101vh, 0);
    transform: translate3d(18vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(88vw, -116vh, 0);
    transform: translate3d(88vw, -116vh, 0);
}
}
@keyframes move-frames-54 {
from {
    -webkit-transform: translate3d(18vw, 101vh, 0);
    transform: translate3d(18vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(88vw, -116vh, 0);
    transform: translate3d(88vw, -116vh, 0);
}
}
.circle-container:nth-child(54) .circle {
  -webkit-animation-delay: 1021ms;
  animation-delay: 1021ms;
}
.circle-container:nth-child(55) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-55;
  animation-name: move-frames-55;
  -webkit-animation-duration: 32265ms;
  animation-duration: 32265ms;
  -webkit-animation-delay: 20576ms;
  animation-delay: 20576ms;
}
@-webkit-keyframes move-frames-55 {
from {
    -webkit-transform: translate3d(93vw, 105vh, 0);
    transform: translate3d(93vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(64vw, -119vh, 0);
    transform: translate3d(64vw, -119vh, 0);
}
}
@keyframes move-frames-55 {
from {
    -webkit-transform: translate3d(93vw, 105vh, 0);
    transform: translate3d(93vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(64vw, -119vh, 0);
    transform: translate3d(64vw, -119vh, 0);
}
}
.circle-container:nth-child(55) .circle {
  -webkit-animation-delay: 3187ms;
  animation-delay: 3187ms;
}
.circle-container:nth-child(56) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-56;
  animation-name: move-frames-56;
  -webkit-animation-duration: 32787ms;
  animation-duration: 32787ms;
  -webkit-animation-delay: 14906ms;
  animation-delay: 14906ms;
}
@-webkit-keyframes move-frames-56 {
from {
    -webkit-transform: translate3d(43vw, 103vh, 0);
    transform: translate3d(43vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(36vw, -124vh, 0);
    transform: translate3d(36vw, -124vh, 0);
}
}
@keyframes move-frames-56 {
from {
    -webkit-transform: translate3d(43vw, 103vh, 0);
    transform: translate3d(43vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(36vw, -124vh, 0);
    transform: translate3d(36vw, -124vh, 0);
}
}
.circle-container:nth-child(56) .circle {
  -webkit-animation-delay: 3664ms;
  animation-delay: 3664ms;
}
.circle-container:nth-child(57) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-57;
  animation-name: move-frames-57;
  -webkit-animation-duration: 35418ms;
  animation-duration: 35418ms;
  -webkit-animation-delay: 23016ms;
  animation-delay: 23016ms;
}
@-webkit-keyframes move-frames-57 {
from {
    -webkit-transform: translate3d(92vw, 104vh, 0);
    transform: translate3d(92vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(34vw, -107vh, 0);
    transform: translate3d(34vw, -107vh, 0);
}
}
@keyframes move-frames-57 {
from {
    -webkit-transform: translate3d(92vw, 104vh, 0);
    transform: translate3d(92vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(34vw, -107vh, 0);
    transform: translate3d(34vw, -107vh, 0);
}
}
.circle-container:nth-child(57) .circle {
  -webkit-animation-delay: 2461ms;
  animation-delay: 2461ms;
}
.circle-container:nth-child(58) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-58;
  animation-name: move-frames-58;
  -webkit-animation-duration: 30102ms;
  animation-duration: 30102ms;
  -webkit-animation-delay: 26910ms;
  animation-delay: 26910ms;
}
@-webkit-keyframes move-frames-58 {
from {
    -webkit-transform: translate3d(18vw, 107vh, 0);
    transform: translate3d(18vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(88vw, -119vh, 0);
    transform: translate3d(88vw, -119vh, 0);
}
}
@keyframes move-frames-58 {
from {
    -webkit-transform: translate3d(18vw, 107vh, 0);
    transform: translate3d(18vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(88vw, -119vh, 0);
    transform: translate3d(88vw, -119vh, 0);
}
}
.circle-container:nth-child(58) .circle {
  -webkit-animation-delay: 1574ms;
  animation-delay: 1574ms;
}
.circle-container:nth-child(59) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-59;
  animation-name: move-frames-59;
  -webkit-animation-duration: 28498ms;
  animation-duration: 28498ms;
  -webkit-animation-delay: 34241ms;
  animation-delay: 34241ms;
}
@-webkit-keyframes move-frames-59 {
from {
    -webkit-transform: translate3d(92vw, 109vh, 0);
    transform: translate3d(92vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(73vw, -128vh, 0);
    transform: translate3d(73vw, -128vh, 0);
}
}
@keyframes move-frames-59 {
from {
    -webkit-transform: translate3d(92vw, 109vh, 0);
    transform: translate3d(92vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(73vw, -128vh, 0);
    transform: translate3d(73vw, -128vh, 0);
}
}
.circle-container:nth-child(59) .circle {
  -webkit-animation-delay: 498ms;
  animation-delay: 498ms;
}
.circle-container:nth-child(60) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-60;
  animation-name: move-frames-60;
  -webkit-animation-duration: 32785ms;
  animation-duration: 32785ms;
  -webkit-animation-delay: 25112ms;
  animation-delay: 25112ms;
}
@-webkit-keyframes move-frames-60 {
from {
    -webkit-transform: translate3d(7vw, 102vh, 0);
    transform: translate3d(7vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(65vw, -127vh, 0);
    transform: translate3d(65vw, -127vh, 0);
}
}
@keyframes move-frames-60 {
from {
    -webkit-transform: translate3d(7vw, 102vh, 0);
    transform: translate3d(7vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(65vw, -127vh, 0);
    transform: translate3d(65vw, -127vh, 0);
}
}
.circle-container:nth-child(60) .circle {
  -webkit-animation-delay: 1193ms;
  animation-delay: 1193ms;
}
.circle-container:nth-child(61) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-61;
  animation-name: move-frames-61;
  -webkit-animation-duration: 30852ms;
  animation-duration: 30852ms;
  -webkit-animation-delay: 29595ms;
  animation-delay: 29595ms;
}
@-webkit-keyframes move-frames-61 {
from {
    -webkit-transform: translate3d(4vw, 110vh, 0);
    transform: translate3d(4vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(56vw, -139vh, 0);
    transform: translate3d(56vw, -139vh, 0);
}
}
@keyframes move-frames-61 {
from {
    -webkit-transform: translate3d(4vw, 110vh, 0);
    transform: translate3d(4vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(56vw, -139vh, 0);
    transform: translate3d(56vw, -139vh, 0);
}
}
.circle-container:nth-child(61) .circle {
  -webkit-animation-delay: 499ms;
  animation-delay: 499ms;
}
.circle-container:nth-child(62) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-62;
  animation-name: move-frames-62;
  -webkit-animation-duration: 30934ms;
  animation-duration: 30934ms;
  -webkit-animation-delay: 6579ms;
  animation-delay: 6579ms;
}
@-webkit-keyframes move-frames-62 {
from {
    -webkit-transform: translate3d(22vw, 104vh, 0);
    transform: translate3d(22vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(67vw, -111vh, 0);
    transform: translate3d(67vw, -111vh, 0);
}
}
@keyframes move-frames-62 {
from {
    -webkit-transform: translate3d(22vw, 104vh, 0);
    transform: translate3d(22vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(67vw, -111vh, 0);
    transform: translate3d(67vw, -111vh, 0);
}
}
.circle-container:nth-child(62) .circle {
  -webkit-animation-delay: 867ms;
  animation-delay: 867ms;
}
.circle-container:nth-child(63) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-63;
  animation-name: move-frames-63;
  -webkit-animation-duration: 32851ms;
  animation-duration: 32851ms;
  -webkit-animation-delay: 21026ms;
  animation-delay: 21026ms;
}
@-webkit-keyframes move-frames-63 {
from {
    -webkit-transform: translate3d(79vw, 101vh, 0);
    transform: translate3d(79vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(18vw, -103vh, 0);
    transform: translate3d(18vw, -103vh, 0);
}
}
@keyframes move-frames-63 {
from {
    -webkit-transform: translate3d(79vw, 101vh, 0);
    transform: translate3d(79vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(18vw, -103vh, 0);
    transform: translate3d(18vw, -103vh, 0);
}
}
.circle-container:nth-child(63) .circle {
  -webkit-animation-delay: 2846ms;
  animation-delay: 2846ms;
}
.circle-container:nth-child(64) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-64;
  animation-name: move-frames-64;
  -webkit-animation-duration: 36458ms;
  animation-duration: 36458ms;
  -webkit-animation-delay: 14833ms;
  animation-delay: 14833ms;
}
@-webkit-keyframes move-frames-64 {
from {
    -webkit-transform: translate3d(58vw, 108vh, 0);
    transform: translate3d(58vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(78vw, -123vh, 0);
    transform: translate3d(78vw, -123vh, 0);
}
}
@keyframes move-frames-64 {
from {
    -webkit-transform: translate3d(58vw, 108vh, 0);
    transform: translate3d(58vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(78vw, -123vh, 0);
    transform: translate3d(78vw, -123vh, 0);
}
}
.circle-container:nth-child(64) .circle {
  -webkit-animation-delay: 1647ms;
  animation-delay: 1647ms;
}
.circle-container:nth-child(65) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-65;
  animation-name: move-frames-65;
  -webkit-animation-duration: 29790ms;
  animation-duration: 29790ms;
  -webkit-animation-delay: 5333ms;
  animation-delay: 5333ms;
}
@-webkit-keyframes move-frames-65 {
from {
    -webkit-transform: translate3d(19vw, 102vh, 0);
    transform: translate3d(19vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(54vw, -110vh, 0);
    transform: translate3d(54vw, -110vh, 0);
}
}
@keyframes move-frames-65 {
from {
    -webkit-transform: translate3d(19vw, 102vh, 0);
    transform: translate3d(19vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(54vw, -110vh, 0);
    transform: translate3d(54vw, -110vh, 0);
}
}
.circle-container:nth-child(65) .circle {
  -webkit-animation-delay: 1813ms;
  animation-delay: 1813ms;
}
.circle-container:nth-child(66) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-66;
  animation-name: move-frames-66;
  -webkit-animation-duration: 35073ms;
  animation-duration: 35073ms;
  -webkit-animation-delay: 17536ms;
  animation-delay: 17536ms;
}
@-webkit-keyframes move-frames-66 {
from {
    -webkit-transform: translate3d(2vw, 106vh, 0);
    transform: translate3d(2vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(91vw, -136vh, 0);
    transform: translate3d(91vw, -136vh, 0);
}
}
@keyframes move-frames-66 {
from {
    -webkit-transform: translate3d(2vw, 106vh, 0);
    transform: translate3d(2vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(91vw, -136vh, 0);
    transform: translate3d(91vw, -136vh, 0);
}
}
.circle-container:nth-child(66) .circle {
  -webkit-animation-delay: 3458ms;
  animation-delay: 3458ms;
}
.circle-container:nth-child(67) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-67;
  animation-name: move-frames-67;
  -webkit-animation-duration: 31023ms;
  animation-duration: 31023ms;
  -webkit-animation-delay: 36122ms;
  animation-delay: 36122ms;
}
@-webkit-keyframes move-frames-67 {
from {
    -webkit-transform: translate3d(27vw, 104vh, 0);
    transform: translate3d(27vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(65vw, -105vh, 0);
    transform: translate3d(65vw, -105vh, 0);
}
}
@keyframes move-frames-67 {
from {
    -webkit-transform: translate3d(27vw, 104vh, 0);
    transform: translate3d(27vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(65vw, -105vh, 0);
    transform: translate3d(65vw, -105vh, 0);
}
}
.circle-container:nth-child(67) .circle {
  -webkit-animation-delay: 3053ms;
  animation-delay: 3053ms;
}
.circle-container:nth-child(68) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-68;
  animation-name: move-frames-68;
  -webkit-animation-duration: 28559ms;
  animation-duration: 28559ms;
  -webkit-animation-delay: 31872ms;
  animation-delay: 31872ms;
}
@-webkit-keyframes move-frames-68 {
from {
    -webkit-transform: translate3d(36vw, 104vh, 0);
    transform: translate3d(36vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(61vw, -131vh, 0);
    transform: translate3d(61vw, -131vh, 0);
}
}
@keyframes move-frames-68 {
from {
    -webkit-transform: translate3d(36vw, 104vh, 0);
    transform: translate3d(36vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(61vw, -131vh, 0);
    transform: translate3d(61vw, -131vh, 0);
}
}
.circle-container:nth-child(68) .circle {
  -webkit-animation-delay: 845ms;
  animation-delay: 845ms;
}
.circle-container:nth-child(69) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-69;
  animation-name: move-frames-69;
  -webkit-animation-duration: 31061ms;
  animation-duration: 31061ms;
  -webkit-animation-delay: 26180ms;
  animation-delay: 26180ms;
}
@-webkit-keyframes move-frames-69 {
from {
    -webkit-transform: translate3d(54vw, 110vh, 0);
    transform: translate3d(54vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(66vw, -119vh, 0);
    transform: translate3d(66vw, -119vh, 0);
}
}
@keyframes move-frames-69 {
from {
    -webkit-transform: translate3d(54vw, 110vh, 0);
    transform: translate3d(54vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(66vw, -119vh, 0);
    transform: translate3d(66vw, -119vh, 0);
}
}
.circle-container:nth-child(69) .circle {
  -webkit-animation-delay: 787ms;
  animation-delay: 787ms;
}
.circle-container:nth-child(70) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-70;
  animation-name: move-frames-70;
  -webkit-animation-duration: 31189ms;
  animation-duration: 31189ms;
  -webkit-animation-delay: 3266ms;
  animation-delay: 3266ms;
}
@-webkit-keyframes move-frames-70 {
from {
    -webkit-transform: translate3d(64vw, 109vh, 0);
    transform: translate3d(64vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(1vw, -136vh, 0);
    transform: translate3d(1vw, -136vh, 0);
}
}
@keyframes move-frames-70 {
from {
    -webkit-transform: translate3d(64vw, 109vh, 0);
    transform: translate3d(64vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(1vw, -136vh, 0);
    transform: translate3d(1vw, -136vh, 0);
}
}
.circle-container:nth-child(70) .circle {
  -webkit-animation-delay: 2901ms;
  animation-delay: 2901ms;
}
.circle-container:nth-child(71) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-71;
  animation-name: move-frames-71;
  -webkit-animation-duration: 36397ms;
  animation-duration: 36397ms;
  -webkit-animation-delay: 34368ms;
  animation-delay: 34368ms;
}
@-webkit-keyframes move-frames-71 {
from {
    -webkit-transform: translate3d(46vw, 102vh, 0);
    transform: translate3d(46vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(74vw, -110vh, 0);
    transform: translate3d(74vw, -110vh, 0);
}
}
@keyframes move-frames-71 {
from {
    -webkit-transform: translate3d(46vw, 102vh, 0);
    transform: translate3d(46vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(74vw, -110vh, 0);
    transform: translate3d(74vw, -110vh, 0);
}
}
.circle-container:nth-child(71) .circle {
  -webkit-animation-delay: 552ms;
  animation-delay: 552ms;
}
.circle-container:nth-child(72) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-72;
  animation-name: move-frames-72;
  -webkit-animation-duration: 28076ms;
  animation-duration: 28076ms;
  -webkit-animation-delay: 30726ms;
  animation-delay: 30726ms;
}
@-webkit-keyframes move-frames-72 {
from {
    -webkit-transform: translate3d(37vw, 108vh, 0);
    transform: translate3d(37vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(34vw, -130vh, 0);
    transform: translate3d(34vw, -130vh, 0);
}
}
@keyframes move-frames-72 {
from {
    -webkit-transform: translate3d(37vw, 108vh, 0);
    transform: translate3d(37vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(34vw, -130vh, 0);
    transform: translate3d(34vw, -130vh, 0);
}
}
.circle-container:nth-child(72) .circle {
  -webkit-animation-delay: 2089ms;
  animation-delay: 2089ms;
}
.circle-container:nth-child(73) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-73;
  animation-name: move-frames-73;
  -webkit-animation-duration: 29833ms;
  animation-duration: 29833ms;
  -webkit-animation-delay: 4441ms;
  animation-delay: 4441ms;
}
@-webkit-keyframes move-frames-73 {
from {
    -webkit-transform: translate3d(74vw, 110vh, 0);
    transform: translate3d(74vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(66vw, -134vh, 0);
    transform: translate3d(66vw, -134vh, 0);
}
}
@keyframes move-frames-73 {
from {
    -webkit-transform: translate3d(74vw, 110vh, 0);
    transform: translate3d(74vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(66vw, -134vh, 0);
    transform: translate3d(66vw, -134vh, 0);
}
}
.circle-container:nth-child(73) .circle {
  -webkit-animation-delay: 3338ms;
  animation-delay: 3338ms;
}
.circle-container:nth-child(74) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-74;
  animation-name: move-frames-74;
  -webkit-animation-duration: 35469ms;
  animation-duration: 35469ms;
  -webkit-animation-delay: 619ms;
  animation-delay: 619ms;
}
@-webkit-keyframes move-frames-74 {
from {
    -webkit-transform: translate3d(49vw, 108vh, 0);
    transform: translate3d(49vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -120vh, 0);
    transform: translate3d(81vw, -120vh, 0);
}
}
@keyframes move-frames-74 {
from {
    -webkit-transform: translate3d(49vw, 108vh, 0);
    transform: translate3d(49vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -120vh, 0);
    transform: translate3d(81vw, -120vh, 0);
}
}
.circle-container:nth-child(74) .circle {
  -webkit-animation-delay: 1403ms;
  animation-delay: 1403ms;
}
.circle-container:nth-child(75) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-75;
  animation-name: move-frames-75;
  -webkit-animation-duration: 30692ms;
  animation-duration: 30692ms;
  -webkit-animation-delay: 11420ms;
  animation-delay: 11420ms;
}
@-webkit-keyframes move-frames-75 {
from {
    -webkit-transform: translate3d(75vw, 103vh, 0);
    transform: translate3d(75vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(53vw, -121vh, 0);
    transform: translate3d(53vw, -121vh, 0);
}
}
@keyframes move-frames-75 {
from {
    -webkit-transform: translate3d(75vw, 103vh, 0);
    transform: translate3d(75vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(53vw, -121vh, 0);
    transform: translate3d(53vw, -121vh, 0);
}
}
.circle-container:nth-child(75) .circle {
  -webkit-animation-delay: 2939ms;
  animation-delay: 2939ms;
}
.circle-container:nth-child(76) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-76;
  animation-name: move-frames-76;
  -webkit-animation-duration: 29588ms;
  animation-duration: 29588ms;
  -webkit-animation-delay: 6872ms;
  animation-delay: 6872ms;
}
@-webkit-keyframes move-frames-76 {
from {
    -webkit-transform: translate3d(12vw, 107vh, 0);
    transform: translate3d(12vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(23vw, -129vh, 0);
    transform: translate3d(23vw, -129vh, 0);
}
}
@keyframes move-frames-76 {
from {
    -webkit-transform: translate3d(12vw, 107vh, 0);
    transform: translate3d(12vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(23vw, -129vh, 0);
    transform: translate3d(23vw, -129vh, 0);
}
}
.circle-container:nth-child(76) .circle {
  -webkit-animation-delay: 2568ms;
  animation-delay: 2568ms;
}
.circle-container:nth-child(77) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-77;
  animation-name: move-frames-77;
  -webkit-animation-duration: 30019ms;
  animation-duration: 30019ms;
  -webkit-animation-delay: 32567ms;
  animation-delay: 32567ms;
}
@-webkit-keyframes move-frames-77 {
from {
    -webkit-transform: translate3d(13vw, 110vh, 0);
    transform: translate3d(13vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(91vw, -131vh, 0);
    transform: translate3d(91vw, -131vh, 0);
}
}
@keyframes move-frames-77 {
from {
    -webkit-transform: translate3d(13vw, 110vh, 0);
    transform: translate3d(13vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(91vw, -131vh, 0);
    transform: translate3d(91vw, -131vh, 0);
}
}
.circle-container:nth-child(77) .circle {
  -webkit-animation-delay: 279ms;
  animation-delay: 279ms;
}
.circle-container:nth-child(78) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-78;
  animation-name: move-frames-78;
  -webkit-animation-duration: 32828ms;
  animation-duration: 32828ms;
  -webkit-animation-delay: 28225ms;
  animation-delay: 28225ms;
}
@-webkit-keyframes move-frames-78 {
from {
    -webkit-transform: translate3d(51vw, 106vh, 0);
    transform: translate3d(51vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(18vw, -116vh, 0);
    transform: translate3d(18vw, -116vh, 0);
}
}
@keyframes move-frames-78 {
from {
    -webkit-transform: translate3d(51vw, 106vh, 0);
    transform: translate3d(51vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(18vw, -116vh, 0);
    transform: translate3d(18vw, -116vh, 0);
}
}
.circle-container:nth-child(78) .circle {
  -webkit-animation-delay: 1162ms;
  animation-delay: 1162ms;
}
.circle-container:nth-child(79) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-79;
  animation-name: move-frames-79;
  -webkit-animation-duration: 31739ms;
  animation-duration: 31739ms;
  -webkit-animation-delay: 361ms;
  animation-delay: 361ms;
}
@-webkit-keyframes move-frames-79 {
from {
    -webkit-transform: translate3d(31vw, 103vh, 0);
    transform: translate3d(31vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(88vw, -108vh, 0);
    transform: translate3d(88vw, -108vh, 0);
}
}
@keyframes move-frames-79 {
from {
    -webkit-transform: translate3d(31vw, 103vh, 0);
    transform: translate3d(31vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(88vw, -108vh, 0);
    transform: translate3d(88vw, -108vh, 0);
}
}
.circle-container:nth-child(79) .circle {
  -webkit-animation-delay: 1988ms;
  animation-delay: 1988ms;
}
.circle-container:nth-child(80) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-80;
  animation-name: move-frames-80;
  -webkit-animation-duration: 31035ms;
  animation-duration: 31035ms;
  -webkit-animation-delay: 11946ms;
  animation-delay: 11946ms;
}
@-webkit-keyframes move-frames-80 {
from {
    -webkit-transform: translate3d(63vw, 102vh, 0);
    transform: translate3d(63vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(89vw, -125vh, 0);
    transform: translate3d(89vw, -125vh, 0);
}
}
@keyframes move-frames-80 {
from {
    -webkit-transform: translate3d(63vw, 102vh, 0);
    transform: translate3d(63vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(89vw, -125vh, 0);
    transform: translate3d(89vw, -125vh, 0);
}
}
.circle-container:nth-child(80) .circle {
  -webkit-animation-delay: 3558ms;
  animation-delay: 3558ms;
}
.circle-container:nth-child(81) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-81;
  animation-name: move-frames-81;
  -webkit-animation-duration: 32815ms;
  animation-duration: 32815ms;
  -webkit-animation-delay: 30733ms;
  animation-delay: 30733ms;
}
@-webkit-keyframes move-frames-81 {
from {
    -webkit-transform: translate3d(57vw, 104vh, 0);
    transform: translate3d(57vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(71vw, -119vh, 0);
    transform: translate3d(71vw, -119vh, 0);
}
}
@keyframes move-frames-81 {
from {
    -webkit-transform: translate3d(57vw, 104vh, 0);
    transform: translate3d(57vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(71vw, -119vh, 0);
    transform: translate3d(71vw, -119vh, 0);
}
}
.circle-container:nth-child(81) .circle {
  -webkit-animation-delay: 2635ms;
  animation-delay: 2635ms;
}
.circle-container:nth-child(82) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-82;
  animation-name: move-frames-82;
  -webkit-animation-duration: 28562ms;
  animation-duration: 28562ms;
  -webkit-animation-delay: 36270ms;
  animation-delay: 36270ms;
}
@-webkit-keyframes move-frames-82 {
from {
    -webkit-transform: translate3d(27vw, 102vh, 0);
    transform: translate3d(27vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(89vw, -105vh, 0);
    transform: translate3d(89vw, -105vh, 0);
}
}
@keyframes move-frames-82 {
from {
    -webkit-transform: translate3d(27vw, 102vh, 0);
    transform: translate3d(27vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(89vw, -105vh, 0);
    transform: translate3d(89vw, -105vh, 0);
}
}
.circle-container:nth-child(82) .circle {
  -webkit-animation-delay: 2468ms;
  animation-delay: 2468ms;
}
.circle-container:nth-child(83) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-83;
  animation-name: move-frames-83;
  -webkit-animation-duration: 32896ms;
  animation-duration: 32896ms;
  -webkit-animation-delay: 30997ms;
  animation-delay: 30997ms;
}
@-webkit-keyframes move-frames-83 {
from {
    -webkit-transform: translate3d(40vw, 104vh, 0);
    transform: translate3d(40vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(53vw, -134vh, 0);
    transform: translate3d(53vw, -134vh, 0);
}
}
@keyframes move-frames-83 {
from {
    -webkit-transform: translate3d(40vw, 104vh, 0);
    transform: translate3d(40vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(53vw, -134vh, 0);
    transform: translate3d(53vw, -134vh, 0);
}
}
.circle-container:nth-child(83) .circle {
  -webkit-animation-delay: 2988ms;
  animation-delay: 2988ms;
}
.circle-container:nth-child(84) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-84;
  animation-name: move-frames-84;
  -webkit-animation-duration: 33675ms;
  animation-duration: 33675ms;
  -webkit-animation-delay: 9023ms;
  animation-delay: 9023ms;
}
@-webkit-keyframes move-frames-84 {
from {
    -webkit-transform: translate3d(88vw, 105vh, 0);
    transform: translate3d(88vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(74vw, -117vh, 0);
    transform: translate3d(74vw, -117vh, 0);
}
}
@keyframes move-frames-84 {
from {
    -webkit-transform: translate3d(88vw, 105vh, 0);
    transform: translate3d(88vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(74vw, -117vh, 0);
    transform: translate3d(74vw, -117vh, 0);
}
}
.circle-container:nth-child(84) .circle {
  -webkit-animation-delay: 633ms;
  animation-delay: 633ms;
}
.circle-container:nth-child(85) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-85;
  animation-name: move-frames-85;
  -webkit-animation-duration: 31016ms;
  animation-duration: 31016ms;
  -webkit-animation-delay: 32230ms;
  animation-delay: 32230ms;
}
@-webkit-keyframes move-frames-85 {
from {
    -webkit-transform: translate3d(45vw, 103vh, 0);
    transform: translate3d(45vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(8vw, -114vh, 0);
    transform: translate3d(8vw, -114vh, 0);
}
}
@keyframes move-frames-85 {
from {
    -webkit-transform: translate3d(45vw, 103vh, 0);
    transform: translate3d(45vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(8vw, -114vh, 0);
    transform: translate3d(8vw, -114vh, 0);
}
}
.circle-container:nth-child(85) .circle {
  -webkit-animation-delay: 1740ms;
  animation-delay: 1740ms;
}
.circle-container:nth-child(86) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-86;
  animation-name: move-frames-86;
  -webkit-animation-duration: 35825ms;
  animation-duration: 35825ms;
  -webkit-animation-delay: 13343ms;
  animation-delay: 13343ms;
}
@-webkit-keyframes move-frames-86 {
from {
    -webkit-transform: translate3d(77vw, 103vh, 0);
    transform: translate3d(77vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(46vw, -127vh, 0);
    transform: translate3d(46vw, -127vh, 0);
}
}
@keyframes move-frames-86 {
from {
    -webkit-transform: translate3d(77vw, 103vh, 0);
    transform: translate3d(77vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(46vw, -127vh, 0);
    transform: translate3d(46vw, -127vh, 0);
}
}
.circle-container:nth-child(86) .circle {
  -webkit-animation-delay: 267ms;
  animation-delay: 267ms;
}
.circle-container:nth-child(87) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-87;
  animation-name: move-frames-87;
  -webkit-animation-duration: 36006ms;
  animation-duration: 36006ms;
  -webkit-animation-delay: 9806ms;
  animation-delay: 9806ms;
}
@-webkit-keyframes move-frames-87 {
from {
    -webkit-transform: translate3d(91vw, 104vh, 0);
    transform: translate3d(91vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(87vw, -127vh, 0);
    transform: translate3d(87vw, -127vh, 0);
}
}
@keyframes move-frames-87 {
from {
    -webkit-transform: translate3d(91vw, 104vh, 0);
    transform: translate3d(91vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(87vw, -127vh, 0);
    transform: translate3d(87vw, -127vh, 0);
}
}
.circle-container:nth-child(87) .circle {
  -webkit-animation-delay: 645ms;
  animation-delay: 645ms;
}
.circle-container:nth-child(88) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-88;
  animation-name: move-frames-88;
  -webkit-animation-duration: 28084ms;
  animation-duration: 28084ms;
  -webkit-animation-delay: 15352ms;
  animation-delay: 15352ms;
}
@-webkit-keyframes move-frames-88 {
from {
    -webkit-transform: translate3d(95vw, 103vh, 0);
    transform: translate3d(95vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(21vw, -133vh, 0);
    transform: translate3d(21vw, -133vh, 0);
}
}
@keyframes move-frames-88 {
from {
    -webkit-transform: translate3d(95vw, 103vh, 0);
    transform: translate3d(95vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(21vw, -133vh, 0);
    transform: translate3d(21vw, -133vh, 0);
}
}
.circle-container:nth-child(88) .circle {
  -webkit-animation-delay: 3136ms;
  animation-delay: 3136ms;
}
.circle-container:nth-child(89) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-89;
  animation-name: move-frames-89;
  -webkit-animation-duration: 31738ms;
  animation-duration: 31738ms;
  -webkit-animation-delay: 12201ms;
  animation-delay: 12201ms;
}
@-webkit-keyframes move-frames-89 {
from {
    -webkit-transform: translate3d(39vw, 104vh, 0);
    transform: translate3d(39vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(40vw, -107vh, 0);
    transform: translate3d(40vw, -107vh, 0);
}
}
@keyframes move-frames-89 {
from {
    -webkit-transform: translate3d(39vw, 104vh, 0);
    transform: translate3d(39vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(40vw, -107vh, 0);
    transform: translate3d(40vw, -107vh, 0);
}
}
.circle-container:nth-child(89) .circle {
  -webkit-animation-delay: 2320ms;
  animation-delay: 2320ms;
}
.circle-container:nth-child(90) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-90;
  animation-name: move-frames-90;
  -webkit-animation-duration: 28447ms;
  animation-duration: 28447ms;
  -webkit-animation-delay: 10508ms;
  animation-delay: 10508ms;
}
@-webkit-keyframes move-frames-90 {
from {
    -webkit-transform: translate3d(41vw, 106vh, 0);
    transform: translate3d(41vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(46vw, -110vh, 0);
    transform: translate3d(46vw, -110vh, 0);
}
}
@keyframes move-frames-90 {
from {
    -webkit-transform: translate3d(41vw, 106vh, 0);
    transform: translate3d(41vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(46vw, -110vh, 0);
    transform: translate3d(46vw, -110vh, 0);
}
}
.circle-container:nth-child(90) .circle {
  -webkit-animation-delay: 1835ms;
  animation-delay: 1835ms;
}
.circle-container:nth-child(91) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-91;
  animation-name: move-frames-91;
  -webkit-animation-duration: 28595ms;
  animation-duration: 28595ms;
  -webkit-animation-delay: 32166ms;
  animation-delay: 32166ms;
}
@-webkit-keyframes move-frames-91 {
from {
    -webkit-transform: translate3d(30vw, 105vh, 0);
    transform: translate3d(30vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(56vw, -133vh, 0);
    transform: translate3d(56vw, -133vh, 0);
}
}
@keyframes move-frames-91 {
from {
    -webkit-transform: translate3d(30vw, 105vh, 0);
    transform: translate3d(30vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(56vw, -133vh, 0);
    transform: translate3d(56vw, -133vh, 0);
}
}
.circle-container:nth-child(91) .circle {
  -webkit-animation-delay: 1573ms;
  animation-delay: 1573ms;
}
.circle-container:nth-child(92) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-92;
  animation-name: move-frames-92;
  -webkit-animation-duration: 34550ms;
  animation-duration: 34550ms;
  -webkit-animation-delay: 12027ms;
  animation-delay: 12027ms;
}
@-webkit-keyframes move-frames-92 {
from {
    -webkit-transform: translate3d(80vw, 103vh, 0);
    transform: translate3d(80vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(46vw, -112vh, 0);
    transform: translate3d(46vw, -112vh, 0);
}
}
@keyframes move-frames-92 {
from {
    -webkit-transform: translate3d(80vw, 103vh, 0);
    transform: translate3d(80vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(46vw, -112vh, 0);
    transform: translate3d(46vw, -112vh, 0);
}
}
.circle-container:nth-child(92) .circle {
  -webkit-animation-delay: 584ms;
  animation-delay: 584ms;
}
.circle-container:nth-child(93) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-93;
  animation-name: move-frames-93;
  -webkit-animation-duration: 30473ms;
  animation-duration: 30473ms;
  -webkit-animation-delay: 12867ms;
  animation-delay: 12867ms;
}
@-webkit-keyframes move-frames-93 {
from {
    -webkit-transform: translate3d(62vw, 106vh, 0);
    transform: translate3d(62vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(82vw, -121vh, 0);
    transform: translate3d(82vw, -121vh, 0);
}
}
@keyframes move-frames-93 {
from {
    -webkit-transform: translate3d(62vw, 106vh, 0);
    transform: translate3d(62vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(82vw, -121vh, 0);
    transform: translate3d(82vw, -121vh, 0);
}
}
.circle-container:nth-child(93) .circle {
  -webkit-animation-delay: 3787ms;
  animation-delay: 3787ms;
}
.circle-container:nth-child(94) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-94;
  animation-name: move-frames-94;
  -webkit-animation-duration: 32741ms;
  animation-duration: 32741ms;
  -webkit-animation-delay: 3158ms;
  animation-delay: 3158ms;
}
@-webkit-keyframes move-frames-94 {
from {
    -webkit-transform: translate3d(60vw, 101vh, 0);
    transform: translate3d(60vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(37vw, -104vh, 0);
    transform: translate3d(37vw, -104vh, 0);
}
}
@keyframes move-frames-94 {
from {
    -webkit-transform: translate3d(60vw, 101vh, 0);
    transform: translate3d(60vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(37vw, -104vh, 0);
    transform: translate3d(37vw, -104vh, 0);
}
}
.circle-container:nth-child(94) .circle {
  -webkit-animation-delay: 1181ms;
  animation-delay: 1181ms;
}
.circle-container:nth-child(95) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-95;
  animation-name: move-frames-95;
  -webkit-animation-duration: 30336ms;
  animation-duration: 30336ms;
  -webkit-animation-delay: 36935ms;
  animation-delay: 36935ms;
}
@-webkit-keyframes move-frames-95 {
from {
    -webkit-transform: translate3d(71vw, 108vh, 0);
    transform: translate3d(71vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(90vw, -114vh, 0);
    transform: translate3d(90vw, -114vh, 0);
}
}
@keyframes move-frames-95 {
from {
    -webkit-transform: translate3d(71vw, 108vh, 0);
    transform: translate3d(71vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(90vw, -114vh, 0);
    transform: translate3d(90vw, -114vh, 0);
}
}
.circle-container:nth-child(95) .circle {
  -webkit-animation-delay: 1519ms;
  animation-delay: 1519ms;
}
.circle-container:nth-child(96) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-96;
  animation-name: move-frames-96;
  -webkit-animation-duration: 34335ms;
  animation-duration: 34335ms;
  -webkit-animation-delay: 31288ms;
  animation-delay: 31288ms;
}
@-webkit-keyframes move-frames-96 {
from {
    -webkit-transform: translate3d(22vw, 101vh, 0);
    transform: translate3d(22vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(25vw, -131vh, 0);
    transform: translate3d(25vw, -131vh, 0);
}
}
@keyframes move-frames-96 {
from {
    -webkit-transform: translate3d(22vw, 101vh, 0);
    transform: translate3d(22vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(25vw, -131vh, 0);
    transform: translate3d(25vw, -131vh, 0);
}
}
.circle-container:nth-child(96) .circle {
  -webkit-animation-delay: 191ms;
  animation-delay: 191ms;
}
.circle-container:nth-child(97) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-97;
  animation-name: move-frames-97;
  -webkit-animation-duration: 35922ms;
  animation-duration: 35922ms;
  -webkit-animation-delay: 2760ms;
  animation-delay: 2760ms;
}
@-webkit-keyframes move-frames-97 {
from {
    -webkit-transform: translate3d(66vw, 104vh, 0);
    transform: translate3d(66vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(6vw, -105vh, 0);
    transform: translate3d(6vw, -105vh, 0);
}
}
@keyframes move-frames-97 {
from {
    -webkit-transform: translate3d(66vw, 104vh, 0);
    transform: translate3d(66vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(6vw, -105vh, 0);
    transform: translate3d(6vw, -105vh, 0);
}
}
.circle-container:nth-child(97) .circle {
  -webkit-animation-delay: 3591ms;
  animation-delay: 3591ms;
}
.circle-container:nth-child(98) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-98;
  animation-name: move-frames-98;
  -webkit-animation-duration: 36522ms;
  animation-duration: 36522ms;
  -webkit-animation-delay: 3062ms;
  animation-delay: 3062ms;
}
@-webkit-keyframes move-frames-98 {
from {
    -webkit-transform: translate3d(29vw, 102vh, 0);
    transform: translate3d(29vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(76vw, -109vh, 0);
    transform: translate3d(76vw, -109vh, 0);
}
}
@keyframes move-frames-98 {
from {
    -webkit-transform: translate3d(29vw, 102vh, 0);
    transform: translate3d(29vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(76vw, -109vh, 0);
    transform: translate3d(76vw, -109vh, 0);
}
}
.circle-container:nth-child(98) .circle {
  -webkit-animation-delay: 2559ms;
  animation-delay: 2559ms;
}
.circle-container:nth-child(99) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-99;
  animation-name: move-frames-99;
  -webkit-animation-duration: 35478ms;
  animation-duration: 35478ms;
  -webkit-animation-delay: 3970ms;
  animation-delay: 3970ms;
}
@-webkit-keyframes move-frames-99 {
from {
    -webkit-transform: translate3d(22vw, 103vh, 0);
    transform: translate3d(22vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(36vw, -119vh, 0);
    transform: translate3d(36vw, -119vh, 0);
}
}
@keyframes move-frames-99 {
from {
    -webkit-transform: translate3d(22vw, 103vh, 0);
    transform: translate3d(22vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(36vw, -119vh, 0);
    transform: translate3d(36vw, -119vh, 0);
}
}
.circle-container:nth-child(99) .circle {
  -webkit-animation-delay: 972ms;
  animation-delay: 972ms;
}
.circle-container:nth-child(100) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-100;
  animation-name: move-frames-100;
  -webkit-animation-duration: 32917ms;
  animation-duration: 32917ms;
  -webkit-animation-delay: 239ms;
  animation-delay: 239ms;
}
@-webkit-keyframes move-frames-100 {
from {
    -webkit-transform: translate3d(7vw, 103vh, 0);
    transform: translate3d(7vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(51vw, -133vh, 0);
    transform: translate3d(51vw, -133vh, 0);
}
}
@keyframes move-frames-100 {
from {
    -webkit-transform: translate3d(7vw, 103vh, 0);
    transform: translate3d(7vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(51vw, -133vh, 0);
    transform: translate3d(51vw, -133vh, 0);
}
}
.circle-container:nth-child(100) .circle {
  -webkit-animation-delay: 1782ms;
  animation-delay: 1782ms;
}
.circle-container:nth-child(101) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-101;
  animation-name: move-frames-101;
  -webkit-animation-duration: 32679ms;
  animation-duration: 32679ms;
  -webkit-animation-delay: 23400ms;
  animation-delay: 23400ms;
}
@-webkit-keyframes move-frames-101 {
from {
    -webkit-transform: translate3d(58vw, 110vh, 0);
    transform: translate3d(58vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(8vw, -138vh, 0);
    transform: translate3d(8vw, -138vh, 0);
}
}
@keyframes move-frames-101 {
from {
    -webkit-transform: translate3d(58vw, 110vh, 0);
    transform: translate3d(58vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(8vw, -138vh, 0);
    transform: translate3d(8vw, -138vh, 0);
}
}
.circle-container:nth-child(101) .circle {
  -webkit-animation-delay: 3011ms;
  animation-delay: 3011ms;
}
.circle-container:nth-child(102) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-102;
  animation-name: move-frames-102;
  -webkit-animation-duration: 35493ms;
  animation-duration: 35493ms;
  -webkit-animation-delay: 33030ms;
  animation-delay: 33030ms;
}
@-webkit-keyframes move-frames-102 {
from {
    -webkit-transform: translate3d(7vw, 102vh, 0);
    transform: translate3d(7vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(66vw, -131vh, 0);
    transform: translate3d(66vw, -131vh, 0);
}
}
@keyframes move-frames-102 {
from {
    -webkit-transform: translate3d(7vw, 102vh, 0);
    transform: translate3d(7vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(66vw, -131vh, 0);
    transform: translate3d(66vw, -131vh, 0);
}
}
.circle-container:nth-child(102) .circle {
  -webkit-animation-delay: 2220ms;
  animation-delay: 2220ms;
}
.circle-container:nth-child(103) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-103;
  animation-name: move-frames-103;
  -webkit-animation-duration: 32872ms;
  animation-duration: 32872ms;
  -webkit-animation-delay: 29890ms;
  animation-delay: 29890ms;
}
@-webkit-keyframes move-frames-103 {
from {
    -webkit-transform: translate3d(35vw, 104vh, 0);
    transform: translate3d(35vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -120vh, 0);
    transform: translate3d(81vw, -120vh, 0);
}
}
@keyframes move-frames-103 {
from {
    -webkit-transform: translate3d(35vw, 104vh, 0);
    transform: translate3d(35vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -120vh, 0);
    transform: translate3d(81vw, -120vh, 0);
}
}
.circle-container:nth-child(103) .circle {
  -webkit-animation-delay: 1325ms;
  animation-delay: 1325ms;
}
.circle-container:nth-child(104) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-104;
  animation-name: move-frames-104;
  -webkit-animation-duration: 28944ms;
  animation-duration: 28944ms;
  -webkit-animation-delay: 30314ms;
  animation-delay: 30314ms;
}
@-webkit-keyframes move-frames-104 {
from {
    -webkit-transform: translate3d(23vw, 110vh, 0);
    transform: translate3d(23vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(17vw, -121vh, 0);
    transform: translate3d(17vw, -121vh, 0);
}
}
@keyframes move-frames-104 {
from {
    -webkit-transform: translate3d(23vw, 110vh, 0);
    transform: translate3d(23vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(17vw, -121vh, 0);
    transform: translate3d(17vw, -121vh, 0);
}
}
.circle-container:nth-child(104) .circle {
  -webkit-animation-delay: 2802ms;
  animation-delay: 2802ms;
}
.circle-container:nth-child(105) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-105;
  animation-name: move-frames-105;
  -webkit-animation-duration: 29973ms;
  animation-duration: 29973ms;
  -webkit-animation-delay: 35616ms;
  animation-delay: 35616ms;
}
@-webkit-keyframes move-frames-105 {
from {
    -webkit-transform: translate3d(97vw, 103vh, 0);
    transform: translate3d(97vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(31vw, -130vh, 0);
    transform: translate3d(31vw, -130vh, 0);
}
}
@keyframes move-frames-105 {
from {
    -webkit-transform: translate3d(97vw, 103vh, 0);
    transform: translate3d(97vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(31vw, -130vh, 0);
    transform: translate3d(31vw, -130vh, 0);
}
}
.circle-container:nth-child(105) .circle {
  -webkit-animation-delay: 2346ms;
  animation-delay: 2346ms;
}
.circle-container:nth-child(106) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-106;
  animation-name: move-frames-106;
  -webkit-animation-duration: 33206ms;
  animation-duration: 33206ms;
  -webkit-animation-delay: 5133ms;
  animation-delay: 5133ms;
}
@-webkit-keyframes move-frames-106 {
from {
    -webkit-transform: translate3d(64vw, 105vh, 0);
    transform: translate3d(64vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(10vw, -132vh, 0);
    transform: translate3d(10vw, -132vh, 0);
}
}
@keyframes move-frames-106 {
from {
    -webkit-transform: translate3d(64vw, 105vh, 0);
    transform: translate3d(64vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(10vw, -132vh, 0);
    transform: translate3d(10vw, -132vh, 0);
}
}
.circle-container:nth-child(106) .circle {
  -webkit-animation-delay: 3674ms;
  animation-delay: 3674ms;
}
.circle-container:nth-child(107) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-107;
  animation-name: move-frames-107;
  -webkit-animation-duration: 31209ms;
  animation-duration: 31209ms;
  -webkit-animation-delay: 34550ms;
  animation-delay: 34550ms;
}
@-webkit-keyframes move-frames-107 {
from {
    -webkit-transform: translate3d(38vw, 110vh, 0);
    transform: translate3d(38vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(60vw, -135vh, 0);
    transform: translate3d(60vw, -135vh, 0);
}
}
@keyframes move-frames-107 {
from {
    -webkit-transform: translate3d(38vw, 110vh, 0);
    transform: translate3d(38vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(60vw, -135vh, 0);
    transform: translate3d(60vw, -135vh, 0);
}
}
.circle-container:nth-child(107) .circle {
  -webkit-animation-delay: 324ms;
  animation-delay: 324ms;
}
.circle-container:nth-child(108) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-108;
  animation-name: move-frames-108;
  -webkit-animation-duration: 32111ms;
  animation-duration: 32111ms;
  -webkit-animation-delay: 10396ms;
  animation-delay: 10396ms;
}
@-webkit-keyframes move-frames-108 {
from {
    -webkit-transform: translate3d(29vw, 106vh, 0);
    transform: translate3d(29vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(91vw, -136vh, 0);
    transform: translate3d(91vw, -136vh, 0);
}
}
@keyframes move-frames-108 {
from {
    -webkit-transform: translate3d(29vw, 106vh, 0);
    transform: translate3d(29vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(91vw, -136vh, 0);
    transform: translate3d(91vw, -136vh, 0);
}
}
.circle-container:nth-child(108) .circle {
  -webkit-animation-delay: 1966ms;
  animation-delay: 1966ms;
}
.circle-container:nth-child(109) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-109;
  animation-name: move-frames-109;
  -webkit-animation-duration: 30820ms;
  animation-duration: 30820ms;
  -webkit-animation-delay: 19039ms;
  animation-delay: 19039ms;
}
@-webkit-keyframes move-frames-109 {
from {
    -webkit-transform: translate3d(27vw, 106vh, 0);
    transform: translate3d(27vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -133vh, 0);
    transform: translate3d(42vw, -133vh, 0);
}
}
@keyframes move-frames-109 {
from {
    -webkit-transform: translate3d(27vw, 106vh, 0);
    transform: translate3d(27vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -133vh, 0);
    transform: translate3d(42vw, -133vh, 0);
}
}
.circle-container:nth-child(109) .circle {
  -webkit-animation-delay: 2446ms;
  animation-delay: 2446ms;
}
.circle-container:nth-child(110) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-110;
  animation-name: move-frames-110;
  -webkit-animation-duration: 32741ms;
  animation-duration: 32741ms;
  -webkit-animation-delay: 13777ms;
  animation-delay: 13777ms;
}
@-webkit-keyframes move-frames-110 {
from {
    -webkit-transform: translate3d(73vw, 107vh, 0);
    transform: translate3d(73vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(3vw, -119vh, 0);
    transform: translate3d(3vw, -119vh, 0);
}
}
@keyframes move-frames-110 {
from {
    -webkit-transform: translate3d(73vw, 107vh, 0);
    transform: translate3d(73vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(3vw, -119vh, 0);
    transform: translate3d(3vw, -119vh, 0);
}
}
.circle-container:nth-child(110) .circle {
  -webkit-animation-delay: 1192ms;
  animation-delay: 1192ms;
}
.circle-container:nth-child(111) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-111;
  animation-name: move-frames-111;
  -webkit-animation-duration: 33598ms;
  animation-duration: 33598ms;
  -webkit-animation-delay: 20774ms;
  animation-delay: 20774ms;
}
@-webkit-keyframes move-frames-111 {
from {
    -webkit-transform: translate3d(13vw, 105vh, 0);
    transform: translate3d(13vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(80vw, -115vh, 0);
    transform: translate3d(80vw, -115vh, 0);
}
}
@keyframes move-frames-111 {
from {
    -webkit-transform: translate3d(13vw, 105vh, 0);
    transform: translate3d(13vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(80vw, -115vh, 0);
    transform: translate3d(80vw, -115vh, 0);
}
}
.circle-container:nth-child(111) .circle {
  -webkit-animation-delay: 1096ms;
  animation-delay: 1096ms;
}
.circle-container:nth-child(112) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-112;
  animation-name: move-frames-112;
  -webkit-animation-duration: 28135ms;
  animation-duration: 28135ms;
  -webkit-animation-delay: 23174ms;
  animation-delay: 23174ms;
}
@-webkit-keyframes move-frames-112 {
from {
    -webkit-transform: translate3d(17vw, 102vh, 0);
    transform: translate3d(17vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(10vw, -109vh, 0);
    transform: translate3d(10vw, -109vh, 0);
}
}
@keyframes move-frames-112 {
from {
    -webkit-transform: translate3d(17vw, 102vh, 0);
    transform: translate3d(17vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(10vw, -109vh, 0);
    transform: translate3d(10vw, -109vh, 0);
}
}
.circle-container:nth-child(112) .circle {
  -webkit-animation-delay: 934ms;
  animation-delay: 934ms;
}
.circle-container:nth-child(113) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-113;
  animation-name: move-frames-113;
  -webkit-animation-duration: 29214ms;
  animation-duration: 29214ms;
  -webkit-animation-delay: 32547ms;
  animation-delay: 32547ms;
}
@-webkit-keyframes move-frames-113 {
from {
    -webkit-transform: translate3d(62vw, 110vh, 0);
    transform: translate3d(62vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(57vw, -116vh, 0);
    transform: translate3d(57vw, -116vh, 0);
}
}
@keyframes move-frames-113 {
from {
    -webkit-transform: translate3d(62vw, 110vh, 0);
    transform: translate3d(62vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(57vw, -116vh, 0);
    transform: translate3d(57vw, -116vh, 0);
}
}
.circle-container:nth-child(113) .circle {
  -webkit-animation-delay: 3631ms;
  animation-delay: 3631ms;
}
.circle-container:nth-child(114) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-114;
  animation-name: move-frames-114;
  -webkit-animation-duration: 35611ms;
  animation-duration: 35611ms;
  -webkit-animation-delay: 16797ms;
  animation-delay: 16797ms;
}
@-webkit-keyframes move-frames-114 {
from {
    -webkit-transform: translate3d(51vw, 107vh, 0);
    transform: translate3d(51vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(5vw, -133vh, 0);
    transform: translate3d(5vw, -133vh, 0);
}
}
@keyframes move-frames-114 {
from {
    -webkit-transform: translate3d(51vw, 107vh, 0);
    transform: translate3d(51vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(5vw, -133vh, 0);
    transform: translate3d(5vw, -133vh, 0);
}
}
.circle-container:nth-child(114) .circle {
  -webkit-animation-delay: 3116ms;
  animation-delay: 3116ms;
}
.circle-container:nth-child(115) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-115;
  animation-name: move-frames-115;
  -webkit-animation-duration: 36270ms;
  animation-duration: 36270ms;
  -webkit-animation-delay: 10180ms;
  animation-delay: 10180ms;
}
@-webkit-keyframes move-frames-115 {
from {
    -webkit-transform: translate3d(58vw, 110vh, 0);
    transform: translate3d(58vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(55vw, -128vh, 0);
    transform: translate3d(55vw, -128vh, 0);
}
}
@keyframes move-frames-115 {
from {
    -webkit-transform: translate3d(58vw, 110vh, 0);
    transform: translate3d(58vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(55vw, -128vh, 0);
    transform: translate3d(55vw, -128vh, 0);
}
}
.circle-container:nth-child(115) .circle {
  -webkit-animation-delay: 265ms;
  animation-delay: 265ms;
}
.circle-container:nth-child(116) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-116;
  animation-name: move-frames-116;
  -webkit-animation-duration: 33971ms;
  animation-duration: 33971ms;
  -webkit-animation-delay: 30885ms;
  animation-delay: 30885ms;
}
@-webkit-keyframes move-frames-116 {
from {
    -webkit-transform: translate3d(81vw, 104vh, 0);
    transform: translate3d(81vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(26vw, -124vh, 0);
    transform: translate3d(26vw, -124vh, 0);
}
}
@keyframes move-frames-116 {
from {
    -webkit-transform: translate3d(81vw, 104vh, 0);
    transform: translate3d(81vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(26vw, -124vh, 0);
    transform: translate3d(26vw, -124vh, 0);
}
}
.circle-container:nth-child(116) .circle {
  -webkit-animation-delay: 1538ms;
  animation-delay: 1538ms;
}
.circle-container:nth-child(117) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-117;
  animation-name: move-frames-117;
  -webkit-animation-duration: 35177ms;
  animation-duration: 35177ms;
  -webkit-animation-delay: 31404ms;
  animation-delay: 31404ms;
}
@-webkit-keyframes move-frames-117 {
from {
    -webkit-transform: translate3d(95vw, 101vh, 0);
    transform: translate3d(95vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(84vw, -115vh, 0);
    transform: translate3d(84vw, -115vh, 0);
}
}
@keyframes move-frames-117 {
from {
    -webkit-transform: translate3d(95vw, 101vh, 0);
    transform: translate3d(95vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(84vw, -115vh, 0);
    transform: translate3d(84vw, -115vh, 0);
}
}
.circle-container:nth-child(117) .circle {
  -webkit-animation-delay: 1123ms;
  animation-delay: 1123ms;
}
.circle-container:nth-child(118) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-118;
  animation-name: move-frames-118;
  -webkit-animation-duration: 34537ms;
  animation-duration: 34537ms;
  -webkit-animation-delay: 10456ms;
  animation-delay: 10456ms;
}
@-webkit-keyframes move-frames-118 {
from {
    -webkit-transform: translate3d(72vw, 103vh, 0);
    transform: translate3d(72vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(1vw, -115vh, 0);
    transform: translate3d(1vw, -115vh, 0);
}
}
@keyframes move-frames-118 {
from {
    -webkit-transform: translate3d(72vw, 103vh, 0);
    transform: translate3d(72vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(1vw, -115vh, 0);
    transform: translate3d(1vw, -115vh, 0);
}
}
.circle-container:nth-child(118) .circle {
  -webkit-animation-delay: 2361ms;
  animation-delay: 2361ms;
}
.circle-container:nth-child(119) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-119;
  animation-name: move-frames-119;
  -webkit-animation-duration: 33260ms;
  animation-duration: 33260ms;
  -webkit-animation-delay: 18933ms;
  animation-delay: 18933ms;
}
@-webkit-keyframes move-frames-119 {
from {
    -webkit-transform: translate3d(87vw, 105vh, 0);
    transform: translate3d(87vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(13vw, -106vh, 0);
    transform: translate3d(13vw, -106vh, 0);
}
}
@keyframes move-frames-119 {
from {
    -webkit-transform: translate3d(87vw, 105vh, 0);
    transform: translate3d(87vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(13vw, -106vh, 0);
    transform: translate3d(13vw, -106vh, 0);
}
}
.circle-container:nth-child(119) .circle {
  -webkit-animation-delay: 3053ms;
  animation-delay: 3053ms;
}
.circle-container:nth-child(120) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-120;
  animation-name: move-frames-120;
  -webkit-animation-duration: 34778ms;
  animation-duration: 34778ms;
  -webkit-animation-delay: 19805ms;
  animation-delay: 19805ms;
}
@-webkit-keyframes move-frames-120 {
from {
    -webkit-transform: translate3d(92vw, 104vh, 0);
    transform: translate3d(92vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(51vw, -122vh, 0);
    transform: translate3d(51vw, -122vh, 0);
}
}
@keyframes move-frames-120 {
from {
    -webkit-transform: translate3d(92vw, 104vh, 0);
    transform: translate3d(92vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(51vw, -122vh, 0);
    transform: translate3d(51vw, -122vh, 0);
}
}
.circle-container:nth-child(120) .circle {
  -webkit-animation-delay: 2224ms;
  animation-delay: 2224ms;
}
.circle-container:nth-child(121) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-121;
  animation-name: move-frames-121;
  -webkit-animation-duration: 29850ms;
  animation-duration: 29850ms;
  -webkit-animation-delay: 19057ms;
  animation-delay: 19057ms;
}
@-webkit-keyframes move-frames-121 {
from {
    -webkit-transform: translate3d(93vw, 106vh, 0);
    transform: translate3d(93vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(95vw, -111vh, 0);
    transform: translate3d(95vw, -111vh, 0);
}
}
@keyframes move-frames-121 {
from {
    -webkit-transform: translate3d(93vw, 106vh, 0);
    transform: translate3d(93vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(95vw, -111vh, 0);
    transform: translate3d(95vw, -111vh, 0);
}
}
.circle-container:nth-child(121) .circle {
  -webkit-animation-delay: 259ms;
  animation-delay: 259ms;
}
.circle-container:nth-child(122) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-122;
  animation-name: move-frames-122;
  -webkit-animation-duration: 33714ms;
  animation-duration: 33714ms;
  -webkit-animation-delay: 15492ms;
  animation-delay: 15492ms;
}
@-webkit-keyframes move-frames-122 {
from {
    -webkit-transform: translate3d(55vw, 108vh, 0);
    transform: translate3d(55vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(54vw, -126vh, 0);
    transform: translate3d(54vw, -126vh, 0);
}
}
@keyframes move-frames-122 {
from {
    -webkit-transform: translate3d(55vw, 108vh, 0);
    transform: translate3d(55vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(54vw, -126vh, 0);
    transform: translate3d(54vw, -126vh, 0);
}
}
.circle-container:nth-child(122) .circle {
  -webkit-animation-delay: 1041ms;
  animation-delay: 1041ms;
}
.circle-container:nth-child(123) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-123;
  animation-name: move-frames-123;
  -webkit-animation-duration: 31023ms;
  animation-duration: 31023ms;
  -webkit-animation-delay: 11133ms;
  animation-delay: 11133ms;
}
@-webkit-keyframes move-frames-123 {
from {
    -webkit-transform: translate3d(80vw, 103vh, 0);
    transform: translate3d(80vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(95vw, -106vh, 0);
    transform: translate3d(95vw, -106vh, 0);
}
}
@keyframes move-frames-123 {
from {
    -webkit-transform: translate3d(80vw, 103vh, 0);
    transform: translate3d(80vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(95vw, -106vh, 0);
    transform: translate3d(95vw, -106vh, 0);
}
}
.circle-container:nth-child(123) .circle {
  -webkit-animation-delay: 277ms;
  animation-delay: 277ms;
}
.circle-container:nth-child(124) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-124;
  animation-name: move-frames-124;
  -webkit-animation-duration: 35469ms;
  animation-duration: 35469ms;
  -webkit-animation-delay: 14693ms;
  animation-delay: 14693ms;
}
@-webkit-keyframes move-frames-124 {
from {
    -webkit-transform: translate3d(96vw, 105vh, 0);
    transform: translate3d(96vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(29vw, -126vh, 0);
    transform: translate3d(29vw, -126vh, 0);
}
}
@keyframes move-frames-124 {
from {
    -webkit-transform: translate3d(96vw, 105vh, 0);
    transform: translate3d(96vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(29vw, -126vh, 0);
    transform: translate3d(29vw, -126vh, 0);
}
}
.circle-container:nth-child(124) .circle {
  -webkit-animation-delay: 1721ms;
  animation-delay: 1721ms;
}
.circle-container:nth-child(125) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-125;
  animation-name: move-frames-125;
  -webkit-animation-duration: 30543ms;
  animation-duration: 30543ms;
  -webkit-animation-delay: 12385ms;
  animation-delay: 12385ms;
}
@-webkit-keyframes move-frames-125 {
from {
    -webkit-transform: translate3d(56vw, 102vh, 0);
    transform: translate3d(56vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(98vw, -113vh, 0);
    transform: translate3d(98vw, -113vh, 0);
}
}
@keyframes move-frames-125 {
from {
    -webkit-transform: translate3d(56vw, 102vh, 0);
    transform: translate3d(56vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(98vw, -113vh, 0);
    transform: translate3d(98vw, -113vh, 0);
}
}
.circle-container:nth-child(125) .circle {
  -webkit-animation-delay: 3631ms;
  animation-delay: 3631ms;
}
.circle-container:nth-child(126) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-126;
  animation-name: move-frames-126;
  -webkit-animation-duration: 34546ms;
  animation-duration: 34546ms;
  -webkit-animation-delay: 4030ms;
  animation-delay: 4030ms;
}
@-webkit-keyframes move-frames-126 {
from {
    -webkit-transform: translate3d(3vw, 106vh, 0);
    transform: translate3d(3vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(3vw, -114vh, 0);
    transform: translate3d(3vw, -114vh, 0);
}
}
@keyframes move-frames-126 {
from {
    -webkit-transform: translate3d(3vw, 106vh, 0);
    transform: translate3d(3vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(3vw, -114vh, 0);
    transform: translate3d(3vw, -114vh, 0);
}
}
.circle-container:nth-child(126) .circle {
  -webkit-animation-delay: 3900ms;
  animation-delay: 3900ms;
}
.circle-container:nth-child(127) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-127;
  animation-name: move-frames-127;
  -webkit-animation-duration: 33790ms;
  animation-duration: 33790ms;
  -webkit-animation-delay: 15229ms;
  animation-delay: 15229ms;
}
@-webkit-keyframes move-frames-127 {
from {
    -webkit-transform: translate3d(4vw, 109vh, 0);
    transform: translate3d(4vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(66vw, -130vh, 0);
    transform: translate3d(66vw, -130vh, 0);
}
}
@keyframes move-frames-127 {
from {
    -webkit-transform: translate3d(4vw, 109vh, 0);
    transform: translate3d(4vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(66vw, -130vh, 0);
    transform: translate3d(66vw, -130vh, 0);
}
}
.circle-container:nth-child(127) .circle {
  -webkit-animation-delay: 3855ms;
  animation-delay: 3855ms;
}
.circle-container:nth-child(128) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-128;
  animation-name: move-frames-128;
  -webkit-animation-duration: 33316ms;
  animation-duration: 33316ms;
  -webkit-animation-delay: 27760ms;
  animation-delay: 27760ms;
}
@-webkit-keyframes move-frames-128 {
from {
    -webkit-transform: translate3d(27vw, 110vh, 0);
    transform: translate3d(27vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(99vw, -128vh, 0);
    transform: translate3d(99vw, -128vh, 0);
}
}
@keyframes move-frames-128 {
from {
    -webkit-transform: translate3d(27vw, 110vh, 0);
    transform: translate3d(27vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(99vw, -128vh, 0);
    transform: translate3d(99vw, -128vh, 0);
}
}
.circle-container:nth-child(128) .circle {
  -webkit-animation-delay: 977ms;
  animation-delay: 977ms;
}
.circle-container:nth-child(129) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-129;
  animation-name: move-frames-129;
  -webkit-animation-duration: 31582ms;
  animation-duration: 31582ms;
  -webkit-animation-delay: 17024ms;
  animation-delay: 17024ms;
}
@-webkit-keyframes move-frames-129 {
from {
    -webkit-transform: translate3d(55vw, 109vh, 0);
    transform: translate3d(55vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(99vw, -113vh, 0);
    transform: translate3d(99vw, -113vh, 0);
}
}
@keyframes move-frames-129 {
from {
    -webkit-transform: translate3d(55vw, 109vh, 0);
    transform: translate3d(55vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(99vw, -113vh, 0);
    transform: translate3d(99vw, -113vh, 0);
}
}
.circle-container:nth-child(129) .circle {
  -webkit-animation-delay: 926ms;
  animation-delay: 926ms;
}
.circle-container:nth-child(130) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-130;
  animation-name: move-frames-130;
  -webkit-animation-duration: 33816ms;
  animation-duration: 33816ms;
  -webkit-animation-delay: 16477ms;
  animation-delay: 16477ms;
}
@-webkit-keyframes move-frames-130 {
from {
    -webkit-transform: translate3d(86vw, 106vh, 0);
    transform: translate3d(86vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(53vw, -112vh, 0);
    transform: translate3d(53vw, -112vh, 0);
}
}
@keyframes move-frames-130 {
from {
    -webkit-transform: translate3d(86vw, 106vh, 0);
    transform: translate3d(86vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(53vw, -112vh, 0);
    transform: translate3d(53vw, -112vh, 0);
}
}
.circle-container:nth-child(130) .circle {
  -webkit-animation-delay: 2344ms;
  animation-delay: 2344ms;
}
.circle-container:nth-child(131) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-131;
  animation-name: move-frames-131;
  -webkit-animation-duration: 32427ms;
  animation-duration: 32427ms;
  -webkit-animation-delay: 1604ms;
  animation-delay: 1604ms;
}
@-webkit-keyframes move-frames-131 {
from {
    -webkit-transform: translate3d(72vw, 102vh, 0);
    transform: translate3d(72vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(41vw, -110vh, 0);
    transform: translate3d(41vw, -110vh, 0);
}
}
@keyframes move-frames-131 {
from {
    -webkit-transform: translate3d(72vw, 102vh, 0);
    transform: translate3d(72vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(41vw, -110vh, 0);
    transform: translate3d(41vw, -110vh, 0);
}
}
.circle-container:nth-child(131) .circle {
  -webkit-animation-delay: 3321ms;
  animation-delay: 3321ms;
}
.circle-container:nth-child(132) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-132;
  animation-name: move-frames-132;
  -webkit-animation-duration: 31059ms;
  animation-duration: 31059ms;
  -webkit-animation-delay: 26301ms;
  animation-delay: 26301ms;
}
@-webkit-keyframes move-frames-132 {
from {
    -webkit-transform: translate3d(12vw, 101vh, 0);
    transform: translate3d(12vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(64vw, -128vh, 0);
    transform: translate3d(64vw, -128vh, 0);
}
}
@keyframes move-frames-132 {
from {
    -webkit-transform: translate3d(12vw, 101vh, 0);
    transform: translate3d(12vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(64vw, -128vh, 0);
    transform: translate3d(64vw, -128vh, 0);
}
}
.circle-container:nth-child(132) .circle {
  -webkit-animation-delay: 961ms;
  animation-delay: 961ms;
}
.circle-container:nth-child(133) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-133;
  animation-name: move-frames-133;
  -webkit-animation-duration: 32616ms;
  animation-duration: 32616ms;
  -webkit-animation-delay: 27363ms;
  animation-delay: 27363ms;
}
@-webkit-keyframes move-frames-133 {
from {
    -webkit-transform: translate3d(78vw, 109vh, 0);
    transform: translate3d(78vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(58vw, -125vh, 0);
    transform: translate3d(58vw, -125vh, 0);
}
}
@keyframes move-frames-133 {
from {
    -webkit-transform: translate3d(78vw, 109vh, 0);
    transform: translate3d(78vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(58vw, -125vh, 0);
    transform: translate3d(58vw, -125vh, 0);
}
}
.circle-container:nth-child(133) .circle {
  -webkit-animation-delay: 2467ms;
  animation-delay: 2467ms;
}
.circle-container:nth-child(134) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-134;
  animation-name: move-frames-134;
  -webkit-animation-duration: 36869ms;
  animation-duration: 36869ms;
  -webkit-animation-delay: 32462ms;
  animation-delay: 32462ms;
}
@-webkit-keyframes move-frames-134 {
from {
    -webkit-transform: translate3d(11vw, 103vh, 0);
    transform: translate3d(11vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(60vw, -131vh, 0);
    transform: translate3d(60vw, -131vh, 0);
}
}
@keyframes move-frames-134 {
from {
    -webkit-transform: translate3d(11vw, 103vh, 0);
    transform: translate3d(11vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(60vw, -131vh, 0);
    transform: translate3d(60vw, -131vh, 0);
}
}
.circle-container:nth-child(134) .circle {
  -webkit-animation-delay: 2951ms;
  animation-delay: 2951ms;
}
.circle-container:nth-child(135) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-135;
  animation-name: move-frames-135;
  -webkit-animation-duration: 34996ms;
  animation-duration: 34996ms;
  -webkit-animation-delay: 19130ms;
  animation-delay: 19130ms;
}
@-webkit-keyframes move-frames-135 {
from {
    -webkit-transform: translate3d(1vw, 106vh, 0);
    transform: translate3d(1vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(5vw, -123vh, 0);
    transform: translate3d(5vw, -123vh, 0);
}
}
@keyframes move-frames-135 {
from {
    -webkit-transform: translate3d(1vw, 106vh, 0);
    transform: translate3d(1vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(5vw, -123vh, 0);
    transform: translate3d(5vw, -123vh, 0);
}
}
.circle-container:nth-child(135) .circle {
  -webkit-animation-delay: 2483ms;
  animation-delay: 2483ms;
}
.circle-container:nth-child(136) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-136;
  animation-name: move-frames-136;
  -webkit-animation-duration: 32499ms;
  animation-duration: 32499ms;
  -webkit-animation-delay: 35757ms;
  animation-delay: 35757ms;
}
@-webkit-keyframes move-frames-136 {
from {
    -webkit-transform: translate3d(17vw, 110vh, 0);
    transform: translate3d(17vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(72vw, -130vh, 0);
    transform: translate3d(72vw, -130vh, 0);
}
}
@keyframes move-frames-136 {
from {
    -webkit-transform: translate3d(17vw, 110vh, 0);
    transform: translate3d(17vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(72vw, -130vh, 0);
    transform: translate3d(72vw, -130vh, 0);
}
}
.circle-container:nth-child(136) .circle {
  -webkit-animation-delay: 3266ms;
  animation-delay: 3266ms;
}
.circle-container:nth-child(137) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-137;
  animation-name: move-frames-137;
  -webkit-animation-duration: 28875ms;
  animation-duration: 28875ms;
  -webkit-animation-delay: 33166ms;
  animation-delay: 33166ms;
}
@-webkit-keyframes move-frames-137 {
from {
    -webkit-transform: translate3d(58vw, 108vh, 0);
    transform: translate3d(58vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(34vw, -134vh, 0);
    transform: translate3d(34vw, -134vh, 0);
}
}
@keyframes move-frames-137 {
from {
    -webkit-transform: translate3d(58vw, 108vh, 0);
    transform: translate3d(58vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(34vw, -134vh, 0);
    transform: translate3d(34vw, -134vh, 0);
}
}
.circle-container:nth-child(137) .circle {
  -webkit-animation-delay: 1584ms;
  animation-delay: 1584ms;
}
.circle-container:nth-child(138) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-138;
  animation-name: move-frames-138;
  -webkit-animation-duration: 34602ms;
  animation-duration: 34602ms;
  -webkit-animation-delay: 33269ms;
  animation-delay: 33269ms;
}
@-webkit-keyframes move-frames-138 {
from {
    -webkit-transform: translate3d(93vw, 106vh, 0);
    transform: translate3d(93vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(44vw, -120vh, 0);
    transform: translate3d(44vw, -120vh, 0);
}
}
@keyframes move-frames-138 {
from {
    -webkit-transform: translate3d(93vw, 106vh, 0);
    transform: translate3d(93vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(44vw, -120vh, 0);
    transform: translate3d(44vw, -120vh, 0);
}
}
.circle-container:nth-child(138) .circle {
  -webkit-animation-delay: 59ms;
  animation-delay: 59ms;
}
.circle-container:nth-child(139) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-139;
  animation-name: move-frames-139;
  -webkit-animation-duration: 30973ms;
  animation-duration: 30973ms;
  -webkit-animation-delay: 24069ms;
  animation-delay: 24069ms;
}
@-webkit-keyframes move-frames-139 {
from {
    -webkit-transform: translate3d(48vw, 104vh, 0);
    transform: translate3d(48vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(65vw, -129vh, 0);
    transform: translate3d(65vw, -129vh, 0);
}
}
@keyframes move-frames-139 {
from {
    -webkit-transform: translate3d(48vw, 104vh, 0);
    transform: translate3d(48vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(65vw, -129vh, 0);
    transform: translate3d(65vw, -129vh, 0);
}
}
.circle-container:nth-child(139) .circle {
  -webkit-animation-delay: 3853ms;
  animation-delay: 3853ms;
}
.circle-container:nth-child(140) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-140;
  animation-name: move-frames-140;
  -webkit-animation-duration: 31754ms;
  animation-duration: 31754ms;
  -webkit-animation-delay: 19273ms;
  animation-delay: 19273ms;
}
@-webkit-keyframes move-frames-140 {
from {
    -webkit-transform: translate3d(28vw, 101vh, 0);
    transform: translate3d(28vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(38vw, -119vh, 0);
    transform: translate3d(38vw, -119vh, 0);
}
}
@keyframes move-frames-140 {
from {
    -webkit-transform: translate3d(28vw, 101vh, 0);
    transform: translate3d(28vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(38vw, -119vh, 0);
    transform: translate3d(38vw, -119vh, 0);
}
}
.circle-container:nth-child(140) .circle {
  -webkit-animation-delay: 934ms;
  animation-delay: 934ms;
}
.circle-container:nth-child(141) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-141;
  animation-name: move-frames-141;
  -webkit-animation-duration: 28190ms;
  animation-duration: 28190ms;
  -webkit-animation-delay: 22687ms;
  animation-delay: 22687ms;
}
@-webkit-keyframes move-frames-141 {
from {
    -webkit-transform: translate3d(2vw, 108vh, 0);
    transform: translate3d(2vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -114vh, 0);
    transform: translate3d(81vw, -114vh, 0);
}
}
@keyframes move-frames-141 {
from {
    -webkit-transform: translate3d(2vw, 108vh, 0);
    transform: translate3d(2vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -114vh, 0);
    transform: translate3d(81vw, -114vh, 0);
}
}
.circle-container:nth-child(141) .circle {
  -webkit-animation-delay: 1565ms;
  animation-delay: 1565ms;
}
.circle-container:nth-child(142) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-142;
  animation-name: move-frames-142;
  -webkit-animation-duration: 30119ms;
  animation-duration: 30119ms;
  -webkit-animation-delay: 13565ms;
  animation-delay: 13565ms;
}
@-webkit-keyframes move-frames-142 {
from {
    -webkit-transform: translate3d(5vw, 101vh, 0);
    transform: translate3d(5vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(26vw, -124vh, 0);
    transform: translate3d(26vw, -124vh, 0);
}
}
@keyframes move-frames-142 {
from {
    -webkit-transform: translate3d(5vw, 101vh, 0);
    transform: translate3d(5vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(26vw, -124vh, 0);
    transform: translate3d(26vw, -124vh, 0);
}
}
.circle-container:nth-child(142) .circle {
  -webkit-animation-delay: 1031ms;
  animation-delay: 1031ms;
}
.circle-container:nth-child(143) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-143;
  animation-name: move-frames-143;
  -webkit-animation-duration: 29203ms;
  animation-duration: 29203ms;
  -webkit-animation-delay: 4486ms;
  animation-delay: 4486ms;
}
@-webkit-keyframes move-frames-143 {
from {
    -webkit-transform: translate3d(43vw, 110vh, 0);
    transform: translate3d(43vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(37vw, -119vh, 0);
    transform: translate3d(37vw, -119vh, 0);
}
}
@keyframes move-frames-143 {
from {
    -webkit-transform: translate3d(43vw, 110vh, 0);
    transform: translate3d(43vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(37vw, -119vh, 0);
    transform: translate3d(37vw, -119vh, 0);
}
}
.circle-container:nth-child(143) .circle {
  -webkit-animation-delay: 1412ms;
  animation-delay: 1412ms;
}
.circle-container:nth-child(144) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-144;
  animation-name: move-frames-144;
  -webkit-animation-duration: 33849ms;
  animation-duration: 33849ms;
  -webkit-animation-delay: 13209ms;
  animation-delay: 13209ms;
}
@-webkit-keyframes move-frames-144 {
from {
    -webkit-transform: translate3d(94vw, 103vh, 0);
    transform: translate3d(94vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(61vw, -110vh, 0);
    transform: translate3d(61vw, -110vh, 0);
}
}
@keyframes move-frames-144 {
from {
    -webkit-transform: translate3d(94vw, 103vh, 0);
    transform: translate3d(94vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(61vw, -110vh, 0);
    transform: translate3d(61vw, -110vh, 0);
}
}
.circle-container:nth-child(144) .circle {
  -webkit-animation-delay: 689ms;
  animation-delay: 689ms;
}
.circle-container:nth-child(145) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-145;
  animation-name: move-frames-145;
  -webkit-animation-duration: 33352ms;
  animation-duration: 33352ms;
  -webkit-animation-delay: 20826ms;
  animation-delay: 20826ms;
}
@-webkit-keyframes move-frames-145 {
from {
    -webkit-transform: translate3d(26vw, 104vh, 0);
    transform: translate3d(26vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(53vw, -120vh, 0);
    transform: translate3d(53vw, -120vh, 0);
}
}
@keyframes move-frames-145 {
from {
    -webkit-transform: translate3d(26vw, 104vh, 0);
    transform: translate3d(26vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(53vw, -120vh, 0);
    transform: translate3d(53vw, -120vh, 0);
}
}
.circle-container:nth-child(145) .circle {
  -webkit-animation-delay: 2835ms;
  animation-delay: 2835ms;
}
.circle-container:nth-child(146) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-146;
  animation-name: move-frames-146;
  -webkit-animation-duration: 30996ms;
  animation-duration: 30996ms;
  -webkit-animation-delay: 32741ms;
  animation-delay: 32741ms;
}
@-webkit-keyframes move-frames-146 {
from {
    -webkit-transform: translate3d(25vw, 109vh, 0);
    transform: translate3d(25vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(87vw, -131vh, 0);
    transform: translate3d(87vw, -131vh, 0);
}
}
@keyframes move-frames-146 {
from {
    -webkit-transform: translate3d(25vw, 109vh, 0);
    transform: translate3d(25vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(87vw, -131vh, 0);
    transform: translate3d(87vw, -131vh, 0);
}
}
.circle-container:nth-child(146) .circle {
  -webkit-animation-delay: 923ms;
  animation-delay: 923ms;
}
.circle-container:nth-child(147) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-147;
  animation-name: move-frames-147;
  -webkit-animation-duration: 34373ms;
  animation-duration: 34373ms;
  -webkit-animation-delay: 30672ms;
  animation-delay: 30672ms;
}
@-webkit-keyframes move-frames-147 {
from {
    -webkit-transform: translate3d(33vw, 110vh, 0);
    transform: translate3d(33vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(60vw, -116vh, 0);
    transform: translate3d(60vw, -116vh, 0);
}
}
@keyframes move-frames-147 {
from {
    -webkit-transform: translate3d(33vw, 110vh, 0);
    transform: translate3d(33vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(60vw, -116vh, 0);
    transform: translate3d(60vw, -116vh, 0);
}
}
.circle-container:nth-child(147) .circle {
  -webkit-animation-delay: 310ms;
  animation-delay: 310ms;
}
.circle-container:nth-child(148) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-148;
  animation-name: move-frames-148;
  -webkit-animation-duration: 33776ms;
  animation-duration: 33776ms;
  -webkit-animation-delay: 11990ms;
  animation-delay: 11990ms;
}
@-webkit-keyframes move-frames-148 {
from {
    -webkit-transform: translate3d(15vw, 104vh, 0);
    transform: translate3d(15vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(30vw, -127vh, 0);
    transform: translate3d(30vw, -127vh, 0);
}
}
@keyframes move-frames-148 {
from {
    -webkit-transform: translate3d(15vw, 104vh, 0);
    transform: translate3d(15vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(30vw, -127vh, 0);
    transform: translate3d(30vw, -127vh, 0);
}
}
.circle-container:nth-child(148) .circle {
  -webkit-animation-delay: 2447ms;
  animation-delay: 2447ms;
}
.circle-container:nth-child(149) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-149;
  animation-name: move-frames-149;
  -webkit-animation-duration: 34891ms;
  animation-duration: 34891ms;
  -webkit-animation-delay: 26183ms;
  animation-delay: 26183ms;
}
@-webkit-keyframes move-frames-149 {
from {
    -webkit-transform: translate3d(67vw, 103vh, 0);
    transform: translate3d(67vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(77vw, -113vh, 0);
    transform: translate3d(77vw, -113vh, 0);
}
}
@keyframes move-frames-149 {
from {
    -webkit-transform: translate3d(67vw, 103vh, 0);
    transform: translate3d(67vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(77vw, -113vh, 0);
    transform: translate3d(77vw, -113vh, 0);
}
}
.circle-container:nth-child(149) .circle {
  -webkit-animation-delay: 2078ms;
  animation-delay: 2078ms;
}
.circle-container:nth-child(150) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-150;
  animation-name: move-frames-150;
  -webkit-animation-duration: 31102ms;
  animation-duration: 31102ms;
  -webkit-animation-delay: 1638ms;
  animation-delay: 1638ms;
}
@-webkit-keyframes move-frames-150 {
from {
    -webkit-transform: translate3d(60vw, 107vh, 0);
    transform: translate3d(60vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(95vw, -120vh, 0);
    transform: translate3d(95vw, -120vh, 0);
}
}
@keyframes move-frames-150 {
from {
    -webkit-transform: translate3d(60vw, 107vh, 0);
    transform: translate3d(60vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(95vw, -120vh, 0);
    transform: translate3d(95vw, -120vh, 0);
}
}
.circle-container:nth-child(150) .circle {
  -webkit-animation-delay: 1342ms;
  animation-delay: 1342ms;
}
.circle-container:nth-child(151) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-151;
  animation-name: move-frames-151;
  -webkit-animation-duration: 28478ms;
  animation-duration: 28478ms;
  -webkit-animation-delay: 3879ms;
  animation-delay: 3879ms;
}
@-webkit-keyframes move-frames-151 {
from {
    -webkit-transform: translate3d(57vw, 104vh, 0);
    transform: translate3d(57vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(25vw, -133vh, 0);
    transform: translate3d(25vw, -133vh, 0);
}
}
@keyframes move-frames-151 {
from {
    -webkit-transform: translate3d(57vw, 104vh, 0);
    transform: translate3d(57vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(25vw, -133vh, 0);
    transform: translate3d(25vw, -133vh, 0);
}
}
.circle-container:nth-child(151) .circle {
  -webkit-animation-delay: 285ms;
  animation-delay: 285ms;
}
.circle-container:nth-child(152) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-152;
  animation-name: move-frames-152;
  -webkit-animation-duration: 32051ms;
  animation-duration: 32051ms;
  -webkit-animation-delay: 8801ms;
  animation-delay: 8801ms;
}
@-webkit-keyframes move-frames-152 {
from {
    -webkit-transform: translate3d(75vw, 103vh, 0);
    transform: translate3d(75vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(32vw, -115vh, 0);
    transform: translate3d(32vw, -115vh, 0);
}
}
@keyframes move-frames-152 {
from {
    -webkit-transform: translate3d(75vw, 103vh, 0);
    transform: translate3d(75vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(32vw, -115vh, 0);
    transform: translate3d(32vw, -115vh, 0);
}
}
.circle-container:nth-child(152) .circle {
  -webkit-animation-delay: 1449ms;
  animation-delay: 1449ms;
}
.circle-container:nth-child(153) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-153;
  animation-name: move-frames-153;
  -webkit-animation-duration: 31747ms;
  animation-duration: 31747ms;
  -webkit-animation-delay: 34614ms;
  animation-delay: 34614ms;
}
@-webkit-keyframes move-frames-153 {
from {
    -webkit-transform: translate3d(14vw, 101vh, 0);
    transform: translate3d(14vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(47vw, -126vh, 0);
    transform: translate3d(47vw, -126vh, 0);
}
}
@keyframes move-frames-153 {
from {
    -webkit-transform: translate3d(14vw, 101vh, 0);
    transform: translate3d(14vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(47vw, -126vh, 0);
    transform: translate3d(47vw, -126vh, 0);
}
}
.circle-container:nth-child(153) .circle {
  -webkit-animation-delay: 2838ms;
  animation-delay: 2838ms;
}
.circle-container:nth-child(154) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-154;
  animation-name: move-frames-154;
  -webkit-animation-duration: 28462ms;
  animation-duration: 28462ms;
  -webkit-animation-delay: 29489ms;
  animation-delay: 29489ms;
}
@-webkit-keyframes move-frames-154 {
from {
    -webkit-transform: translate3d(29vw, 108vh, 0);
    transform: translate3d(29vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(94vw, -121vh, 0);
    transform: translate3d(94vw, -121vh, 0);
}
}
@keyframes move-frames-154 {
from {
    -webkit-transform: translate3d(29vw, 108vh, 0);
    transform: translate3d(29vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(94vw, -121vh, 0);
    transform: translate3d(94vw, -121vh, 0);
}
}
.circle-container:nth-child(154) .circle {
  -webkit-animation-delay: 314ms;
  animation-delay: 314ms;
}
.circle-container:nth-child(155) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-155;
  animation-name: move-frames-155;
  -webkit-animation-duration: 33114ms;
  animation-duration: 33114ms;
  -webkit-animation-delay: 5520ms;
  animation-delay: 5520ms;
}
@-webkit-keyframes move-frames-155 {
from {
    -webkit-transform: translate3d(94vw, 105vh, 0);
    transform: translate3d(94vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(49vw, -120vh, 0);
    transform: translate3d(49vw, -120vh, 0);
}
}
@keyframes move-frames-155 {
from {
    -webkit-transform: translate3d(94vw, 105vh, 0);
    transform: translate3d(94vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(49vw, -120vh, 0);
    transform: translate3d(49vw, -120vh, 0);
}
}
.circle-container:nth-child(155) .circle {
  -webkit-animation-delay: 1840ms;
  animation-delay: 1840ms;
}
.circle-container:nth-child(156) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-156;
  animation-name: move-frames-156;
  -webkit-animation-duration: 36707ms;
  animation-duration: 36707ms;
  -webkit-animation-delay: 16771ms;
  animation-delay: 16771ms;
}
@-webkit-keyframes move-frames-156 {
from {
    -webkit-transform: translate3d(47vw, 104vh, 0);
    transform: translate3d(47vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(69vw, -122vh, 0);
    transform: translate3d(69vw, -122vh, 0);
}
}
@keyframes move-frames-156 {
from {
    -webkit-transform: translate3d(47vw, 104vh, 0);
    transform: translate3d(47vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(69vw, -122vh, 0);
    transform: translate3d(69vw, -122vh, 0);
}
}
.circle-container:nth-child(156) .circle {
  -webkit-animation-delay: 2243ms;
  animation-delay: 2243ms;
}
.circle-container:nth-child(157) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-157;
  animation-name: move-frames-157;
  -webkit-animation-duration: 28555ms;
  animation-duration: 28555ms;
  -webkit-animation-delay: 4387ms;
  animation-delay: 4387ms;
}
@-webkit-keyframes move-frames-157 {
from {
    -webkit-transform: translate3d(89vw, 104vh, 0);
    transform: translate3d(89vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(89vw, -126vh, 0);
    transform: translate3d(89vw, -126vh, 0);
}
}
@keyframes move-frames-157 {
from {
    -webkit-transform: translate3d(89vw, 104vh, 0);
    transform: translate3d(89vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(89vw, -126vh, 0);
    transform: translate3d(89vw, -126vh, 0);
}
}
.circle-container:nth-child(157) .circle {
  -webkit-animation-delay: 3487ms;
  animation-delay: 3487ms;
}
.circle-container:nth-child(158) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-158;
  animation-name: move-frames-158;
  -webkit-animation-duration: 29717ms;
  animation-duration: 29717ms;
  -webkit-animation-delay: 3298ms;
  animation-delay: 3298ms;
}
@-webkit-keyframes move-frames-158 {
from {
    -webkit-transform: translate3d(93vw, 103vh, 0);
    transform: translate3d(93vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(10vw, -133vh, 0);
    transform: translate3d(10vw, -133vh, 0);
}
}
@keyframes move-frames-158 {
from {
    -webkit-transform: translate3d(93vw, 103vh, 0);
    transform: translate3d(93vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(10vw, -133vh, 0);
    transform: translate3d(10vw, -133vh, 0);
}
}
.circle-container:nth-child(158) .circle {
  -webkit-animation-delay: 1107ms;
  animation-delay: 1107ms;
}
.circle-container:nth-child(159) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-159;
  animation-name: move-frames-159;
  -webkit-animation-duration: 34487ms;
  animation-duration: 34487ms;
  -webkit-animation-delay: 33318ms;
  animation-delay: 33318ms;
}
@-webkit-keyframes move-frames-159 {
from {
    -webkit-transform: translate3d(45vw, 107vh, 0);
    transform: translate3d(45vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(74vw, -109vh, 0);
    transform: translate3d(74vw, -109vh, 0);
}
}
@keyframes move-frames-159 {
from {
    -webkit-transform: translate3d(45vw, 107vh, 0);
    transform: translate3d(45vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(74vw, -109vh, 0);
    transform: translate3d(74vw, -109vh, 0);
}
}
.circle-container:nth-child(159) .circle {
  -webkit-animation-delay: 2523ms;
  animation-delay: 2523ms;
}
.circle-container:nth-child(160) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-160;
  animation-name: move-frames-160;
  -webkit-animation-duration: 31145ms;
  animation-duration: 31145ms;
  -webkit-animation-delay: 4182ms;
  animation-delay: 4182ms;
}
@-webkit-keyframes move-frames-160 {
from {
    -webkit-transform: translate3d(87vw, 110vh, 0);
    transform: translate3d(87vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(76vw, -122vh, 0);
    transform: translate3d(76vw, -122vh, 0);
}
}
@keyframes move-frames-160 {
from {
    -webkit-transform: translate3d(87vw, 110vh, 0);
    transform: translate3d(87vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(76vw, -122vh, 0);
    transform: translate3d(76vw, -122vh, 0);
}
}
.circle-container:nth-child(160) .circle {
  -webkit-animation-delay: 2977ms;
  animation-delay: 2977ms;
}
.circle-container:nth-child(161) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-161;
  animation-name: move-frames-161;
  -webkit-animation-duration: 36114ms;
  animation-duration: 36114ms;
  -webkit-animation-delay: 7545ms;
  animation-delay: 7545ms;
}
@-webkit-keyframes move-frames-161 {
from {
    -webkit-transform: translate3d(53vw, 104vh, 0);
    transform: translate3d(53vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(34vw, -112vh, 0);
    transform: translate3d(34vw, -112vh, 0);
}
}
@keyframes move-frames-161 {
from {
    -webkit-transform: translate3d(53vw, 104vh, 0);
    transform: translate3d(53vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(34vw, -112vh, 0);
    transform: translate3d(34vw, -112vh, 0);
}
}
.circle-container:nth-child(161) .circle {
  -webkit-animation-delay: 2904ms;
  animation-delay: 2904ms;
}
.circle-container:nth-child(162) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-162;
  animation-name: move-frames-162;
  -webkit-animation-duration: 34371ms;
  animation-duration: 34371ms;
  -webkit-animation-delay: 25885ms;
  animation-delay: 25885ms;
}
@-webkit-keyframes move-frames-162 {
from {
    -webkit-transform: translate3d(67vw, 104vh, 0);
    transform: translate3d(67vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(22vw, -123vh, 0);
    transform: translate3d(22vw, -123vh, 0);
}
}
@keyframes move-frames-162 {
from {
    -webkit-transform: translate3d(67vw, 104vh, 0);
    transform: translate3d(67vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(22vw, -123vh, 0);
    transform: translate3d(22vw, -123vh, 0);
}
}
.circle-container:nth-child(162) .circle {
  -webkit-animation-delay: 410ms;
  animation-delay: 410ms;
}
.circle-container:nth-child(163) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-163;
  animation-name: move-frames-163;
  -webkit-animation-duration: 31472ms;
  animation-duration: 31472ms;
  -webkit-animation-delay: 19564ms;
  animation-delay: 19564ms;
}
@-webkit-keyframes move-frames-163 {
from {
    -webkit-transform: translate3d(42vw, 105vh, 0);
    transform: translate3d(42vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(64vw, -108vh, 0);
    transform: translate3d(64vw, -108vh, 0);
}
}
@keyframes move-frames-163 {
from {
    -webkit-transform: translate3d(42vw, 105vh, 0);
    transform: translate3d(42vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(64vw, -108vh, 0);
    transform: translate3d(64vw, -108vh, 0);
}
}
.circle-container:nth-child(163) .circle {
  -webkit-animation-delay: 22ms;
  animation-delay: 22ms;
}
.circle-container:nth-child(164) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-164;
  animation-name: move-frames-164;
  -webkit-animation-duration: 30073ms;
  animation-duration: 30073ms;
  -webkit-animation-delay: 20352ms;
  animation-delay: 20352ms;
}
@-webkit-keyframes move-frames-164 {
from {
    -webkit-transform: translate3d(57vw, 102vh, 0);
    transform: translate3d(57vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(89vw, -127vh, 0);
    transform: translate3d(89vw, -127vh, 0);
}
}
@keyframes move-frames-164 {
from {
    -webkit-transform: translate3d(57vw, 102vh, 0);
    transform: translate3d(57vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(89vw, -127vh, 0);
    transform: translate3d(89vw, -127vh, 0);
}
}
.circle-container:nth-child(164) .circle {
  -webkit-animation-delay: 1471ms;
  animation-delay: 1471ms;
}
.circle-container:nth-child(165) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-165;
  animation-name: move-frames-165;
  -webkit-animation-duration: 36611ms;
  animation-duration: 36611ms;
  -webkit-animation-delay: 23644ms;
  animation-delay: 23644ms;
}
@-webkit-keyframes move-frames-165 {
from {
    -webkit-transform: translate3d(54vw, 104vh, 0);
    transform: translate3d(54vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(55vw, -114vh, 0);
    transform: translate3d(55vw, -114vh, 0);
}
}
@keyframes move-frames-165 {
from {
    -webkit-transform: translate3d(54vw, 104vh, 0);
    transform: translate3d(54vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(55vw, -114vh, 0);
    transform: translate3d(55vw, -114vh, 0);
}
}
.circle-container:nth-child(165) .circle {
  -webkit-animation-delay: 257ms;
  animation-delay: 257ms;
}
.circle-container:nth-child(166) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-166;
  animation-name: move-frames-166;
  -webkit-animation-duration: 28720ms;
  animation-duration: 28720ms;
  -webkit-animation-delay: 26468ms;
  animation-delay: 26468ms;
}
@-webkit-keyframes move-frames-166 {
from {
    -webkit-transform: translate3d(25vw, 109vh, 0);
    transform: translate3d(25vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(21vw, -130vh, 0);
    transform: translate3d(21vw, -130vh, 0);
}
}
@keyframes move-frames-166 {
from {
    -webkit-transform: translate3d(25vw, 109vh, 0);
    transform: translate3d(25vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(21vw, -130vh, 0);
    transform: translate3d(21vw, -130vh, 0);
}
}
.circle-container:nth-child(166) .circle {
  -webkit-animation-delay: 2986ms;
  animation-delay: 2986ms;
}
.circle-container:nth-child(167) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-167;
  animation-name: move-frames-167;
  -webkit-animation-duration: 33987ms;
  animation-duration: 33987ms;
  -webkit-animation-delay: 11294ms;
  animation-delay: 11294ms;
}
@-webkit-keyframes move-frames-167 {
from {
    -webkit-transform: translate3d(35vw, 103vh, 0);
    transform: translate3d(35vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(23vw, -116vh, 0);
    transform: translate3d(23vw, -116vh, 0);
}
}
@keyframes move-frames-167 {
from {
    -webkit-transform: translate3d(35vw, 103vh, 0);
    transform: translate3d(35vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(23vw, -116vh, 0);
    transform: translate3d(23vw, -116vh, 0);
}
}
.circle-container:nth-child(167) .circle {
  -webkit-animation-delay: 59ms;
  animation-delay: 59ms;
}
.circle-container:nth-child(168) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-168;
  animation-name: move-frames-168;
  -webkit-animation-duration: 28247ms;
  animation-duration: 28247ms;
  -webkit-animation-delay: 26527ms;
  animation-delay: 26527ms;
}
@-webkit-keyframes move-frames-168 {
from {
    -webkit-transform: translate3d(10vw, 103vh, 0);
    transform: translate3d(10vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(76vw, -129vh, 0);
    transform: translate3d(76vw, -129vh, 0);
}
}
@keyframes move-frames-168 {
from {
    -webkit-transform: translate3d(10vw, 103vh, 0);
    transform: translate3d(10vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(76vw, -129vh, 0);
    transform: translate3d(76vw, -129vh, 0);
}
}
.circle-container:nth-child(168) .circle {
  -webkit-animation-delay: 479ms;
  animation-delay: 479ms;
}
.circle-container:nth-child(169) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-169;
  animation-name: move-frames-169;
  -webkit-animation-duration: 29494ms;
  animation-duration: 29494ms;
  -webkit-animation-delay: 26929ms;
  animation-delay: 26929ms;
}
@-webkit-keyframes move-frames-169 {
from {
    -webkit-transform: translate3d(72vw, 110vh, 0);
    transform: translate3d(72vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(15vw, -125vh, 0);
    transform: translate3d(15vw, -125vh, 0);
}
}
@keyframes move-frames-169 {
from {
    -webkit-transform: translate3d(72vw, 110vh, 0);
    transform: translate3d(72vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(15vw, -125vh, 0);
    transform: translate3d(15vw, -125vh, 0);
}
}
.circle-container:nth-child(169) .circle {
  -webkit-animation-delay: 664ms;
  animation-delay: 664ms;
}
.circle-container:nth-child(170) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-170;
  animation-name: move-frames-170;
  -webkit-animation-duration: 36111ms;
  animation-duration: 36111ms;
  -webkit-animation-delay: 9224ms;
  animation-delay: 9224ms;
}
@-webkit-keyframes move-frames-170 {
from {
    -webkit-transform: translate3d(44vw, 108vh, 0);
    transform: translate3d(44vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(67vw, -137vh, 0);
    transform: translate3d(67vw, -137vh, 0);
}
}
@keyframes move-frames-170 {
from {
    -webkit-transform: translate3d(44vw, 108vh, 0);
    transform: translate3d(44vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(67vw, -137vh, 0);
    transform: translate3d(67vw, -137vh, 0);
}
}
.circle-container:nth-child(170) .circle {
  -webkit-animation-delay: 2537ms;
  animation-delay: 2537ms;
}
.circle-container:nth-child(171) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-171;
  animation-name: move-frames-171;
  -webkit-animation-duration: 34917ms;
  animation-duration: 34917ms;
  -webkit-animation-delay: 6637ms;
  animation-delay: 6637ms;
}
@-webkit-keyframes move-frames-171 {
from {
    -webkit-transform: translate3d(33vw, 108vh, 0);
    transform: translate3d(33vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(68vw, -131vh, 0);
    transform: translate3d(68vw, -131vh, 0);
}
}
@keyframes move-frames-171 {
from {
    -webkit-transform: translate3d(33vw, 108vh, 0);
    transform: translate3d(33vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(68vw, -131vh, 0);
    transform: translate3d(68vw, -131vh, 0);
}
}
.circle-container:nth-child(171) .circle {
  -webkit-animation-delay: 3932ms;
  animation-delay: 3932ms;
}
.circle-container:nth-child(172) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-172;
  animation-name: move-frames-172;
  -webkit-animation-duration: 28734ms;
  animation-duration: 28734ms;
  -webkit-animation-delay: 5373ms;
  animation-delay: 5373ms;
}
@-webkit-keyframes move-frames-172 {
from {
    -webkit-transform: translate3d(75vw, 106vh, 0);
    transform: translate3d(75vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(76vw, -129vh, 0);
    transform: translate3d(76vw, -129vh, 0);
}
}
@keyframes move-frames-172 {
from {
    -webkit-transform: translate3d(75vw, 106vh, 0);
    transform: translate3d(75vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(76vw, -129vh, 0);
    transform: translate3d(76vw, -129vh, 0);
}
}
.circle-container:nth-child(172) .circle {
  -webkit-animation-delay: 3853ms;
  animation-delay: 3853ms;
}
.circle-container:nth-child(173) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-173;
  animation-name: move-frames-173;
  -webkit-animation-duration: 36783ms;
  animation-duration: 36783ms;
  -webkit-animation-delay: 15582ms;
  animation-delay: 15582ms;
}
@-webkit-keyframes move-frames-173 {
from {
    -webkit-transform: translate3d(89vw, 101vh, 0);
    transform: translate3d(89vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -105vh, 0);
    transform: translate3d(42vw, -105vh, 0);
}
}
@keyframes move-frames-173 {
from {
    -webkit-transform: translate3d(89vw, 101vh, 0);
    transform: translate3d(89vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -105vh, 0);
    transform: translate3d(42vw, -105vh, 0);
}
}
.circle-container:nth-child(173) .circle {
  -webkit-animation-delay: 307ms;
  animation-delay: 307ms;
}
.circle-container:nth-child(174) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-174;
  animation-name: move-frames-174;
  -webkit-animation-duration: 30232ms;
  animation-duration: 30232ms;
  -webkit-animation-delay: 5314ms;
  animation-delay: 5314ms;
}
@-webkit-keyframes move-frames-174 {
from {
    -webkit-transform: translate3d(86vw, 105vh, 0);
    transform: translate3d(86vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(75vw, -124vh, 0);
    transform: translate3d(75vw, -124vh, 0);
}
}
@keyframes move-frames-174 {
from {
    -webkit-transform: translate3d(86vw, 105vh, 0);
    transform: translate3d(86vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(75vw, -124vh, 0);
    transform: translate3d(75vw, -124vh, 0);
}
}
.circle-container:nth-child(174) .circle {
  -webkit-animation-delay: 847ms;
  animation-delay: 847ms;
}
.circle-container:nth-child(175) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-175;
  animation-name: move-frames-175;
  -webkit-animation-duration: 33934ms;
  animation-duration: 33934ms;
  -webkit-animation-delay: 33379ms;
  animation-delay: 33379ms;
}
@-webkit-keyframes move-frames-175 {
from {
    -webkit-transform: translate3d(100vw, 105vh, 0);
    transform: translate3d(100vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(94vw, -130vh, 0);
    transform: translate3d(94vw, -130vh, 0);
}
}
@keyframes move-frames-175 {
from {
    -webkit-transform: translate3d(100vw, 105vh, 0);
    transform: translate3d(100vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(94vw, -130vh, 0);
    transform: translate3d(94vw, -130vh, 0);
}
}
.circle-container:nth-child(175) .circle {
  -webkit-animation-delay: 173ms;
  animation-delay: 173ms;
}
.circle-container:nth-child(176) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-176;
  animation-name: move-frames-176;
  -webkit-animation-duration: 34101ms;
  animation-duration: 34101ms;
  -webkit-animation-delay: 13870ms;
  animation-delay: 13870ms;
}
@-webkit-keyframes move-frames-176 {
from {
    -webkit-transform: translate3d(14vw, 106vh, 0);
    transform: translate3d(14vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(54vw, -123vh, 0);
    transform: translate3d(54vw, -123vh, 0);
}
}
@keyframes move-frames-176 {
from {
    -webkit-transform: translate3d(14vw, 106vh, 0);
    transform: translate3d(14vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(54vw, -123vh, 0);
    transform: translate3d(54vw, -123vh, 0);
}
}
.circle-container:nth-child(176) .circle {
  -webkit-animation-delay: 1602ms;
  animation-delay: 1602ms;
}
.circle-container:nth-child(177) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-177;
  animation-name: move-frames-177;
  -webkit-animation-duration: 29160ms;
  animation-duration: 29160ms;
  -webkit-animation-delay: 22264ms;
  animation-delay: 22264ms;
}
@-webkit-keyframes move-frames-177 {
from {
    -webkit-transform: translate3d(71vw, 102vh, 0);
    transform: translate3d(71vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(80vw, -104vh, 0);
    transform: translate3d(80vw, -104vh, 0);
}
}
@keyframes move-frames-177 {
from {
    -webkit-transform: translate3d(71vw, 102vh, 0);
    transform: translate3d(71vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(80vw, -104vh, 0);
    transform: translate3d(80vw, -104vh, 0);
}
}
.circle-container:nth-child(177) .circle {
  -webkit-animation-delay: 3813ms;
  animation-delay: 3813ms;
}
.circle-container:nth-child(178) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-178;
  animation-name: move-frames-178;
  -webkit-animation-duration: 30880ms;
  animation-duration: 30880ms;
  -webkit-animation-delay: 31937ms;
  animation-delay: 31937ms;
}
@-webkit-keyframes move-frames-178 {
from {
    -webkit-transform: translate3d(93vw, 101vh, 0);
    transform: translate3d(93vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(39vw, -126vh, 0);
    transform: translate3d(39vw, -126vh, 0);
}
}
@keyframes move-frames-178 {
from {
    -webkit-transform: translate3d(93vw, 101vh, 0);
    transform: translate3d(93vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(39vw, -126vh, 0);
    transform: translate3d(39vw, -126vh, 0);
}
}
.circle-container:nth-child(178) .circle {
  -webkit-animation-delay: 932ms;
  animation-delay: 932ms;
}
.circle-container:nth-child(179) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-179;
  animation-name: move-frames-179;
  -webkit-animation-duration: 36494ms;
  animation-duration: 36494ms;
  -webkit-animation-delay: 21942ms;
  animation-delay: 21942ms;
}
@-webkit-keyframes move-frames-179 {
from {
    -webkit-transform: translate3d(87vw, 104vh, 0);
    transform: translate3d(87vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(32vw, -120vh, 0);
    transform: translate3d(32vw, -120vh, 0);
}
}
@keyframes move-frames-179 {
from {
    -webkit-transform: translate3d(87vw, 104vh, 0);
    transform: translate3d(87vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(32vw, -120vh, 0);
    transform: translate3d(32vw, -120vh, 0);
}
}
.circle-container:nth-child(179) .circle {
  -webkit-animation-delay: 1149ms;
  animation-delay: 1149ms;
}
.circle-container:nth-child(180) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-180;
  animation-name: move-frames-180;
  -webkit-animation-duration: 33883ms;
  animation-duration: 33883ms;
  -webkit-animation-delay: 16824ms;
  animation-delay: 16824ms;
}
@-webkit-keyframes move-frames-180 {
from {
    -webkit-transform: translate3d(2vw, 108vh, 0);
    transform: translate3d(2vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(96vw, -124vh, 0);
    transform: translate3d(96vw, -124vh, 0);
}
}
@keyframes move-frames-180 {
from {
    -webkit-transform: translate3d(2vw, 108vh, 0);
    transform: translate3d(2vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(96vw, -124vh, 0);
    transform: translate3d(96vw, -124vh, 0);
}
}
.circle-container:nth-child(180) .circle {
  -webkit-animation-delay: 683ms;
  animation-delay: 683ms;
}
.circle-container:nth-child(181) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-181;
  animation-name: move-frames-181;
  -webkit-animation-duration: 30418ms;
  animation-duration: 30418ms;
  -webkit-animation-delay: 27376ms;
  animation-delay: 27376ms;
}
@-webkit-keyframes move-frames-181 {
from {
    -webkit-transform: translate3d(38vw, 101vh, 0);
    transform: translate3d(38vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(93vw, -106vh, 0);
    transform: translate3d(93vw, -106vh, 0);
}
}
@keyframes move-frames-181 {
from {
    -webkit-transform: translate3d(38vw, 101vh, 0);
    transform: translate3d(38vw, 101vh, 0);
}
to {
    -webkit-transform: translate3d(93vw, -106vh, 0);
    transform: translate3d(93vw, -106vh, 0);
}
}
.circle-container:nth-child(181) .circle {
  -webkit-animation-delay: 3500ms;
  animation-delay: 3500ms;
}
.circle-container:nth-child(182) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-182;
  animation-name: move-frames-182;
  -webkit-animation-duration: 34876ms;
  animation-duration: 34876ms;
  -webkit-animation-delay: 18506ms;
  animation-delay: 18506ms;
}
@-webkit-keyframes move-frames-182 {
from {
    -webkit-transform: translate3d(14vw, 104vh, 0);
    transform: translate3d(14vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(51vw, -110vh, 0);
    transform: translate3d(51vw, -110vh, 0);
}
}
@keyframes move-frames-182 {
from {
    -webkit-transform: translate3d(14vw, 104vh, 0);
    transform: translate3d(14vw, 104vh, 0);
}
to {
    -webkit-transform: translate3d(51vw, -110vh, 0);
    transform: translate3d(51vw, -110vh, 0);
}
}
.circle-container:nth-child(182) .circle {
  -webkit-animation-delay: 2043ms;
  animation-delay: 2043ms;
}
.circle-container:nth-child(183) {
  width: 7px;
  height: 7px;
  -webkit-animation-name: move-frames-183;
  animation-name: move-frames-183;
  -webkit-animation-duration: 33028ms;
  animation-duration: 33028ms;
  -webkit-animation-delay: 31727ms;
  animation-delay: 31727ms;
}
@-webkit-keyframes move-frames-183 {
from {
    -webkit-transform: translate3d(82vw, 110vh, 0);
    transform: translate3d(82vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(72vw, -114vh, 0);
    transform: translate3d(72vw, -114vh, 0);
}
}
@keyframes move-frames-183 {
from {
    -webkit-transform: translate3d(82vw, 110vh, 0);
    transform: translate3d(82vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(72vw, -114vh, 0);
    transform: translate3d(72vw, -114vh, 0);
}
}
.circle-container:nth-child(183) .circle {
  -webkit-animation-delay: 1239ms;
  animation-delay: 1239ms;
}
.circle-container:nth-child(184) {
  width: 1px;
  height: 1px;
  -webkit-animation-name: move-frames-184;
  animation-name: move-frames-184;
  -webkit-animation-duration: 31623ms;
  animation-duration: 31623ms;
  -webkit-animation-delay: 16489ms;
  animation-delay: 16489ms;
}
@-webkit-keyframes move-frames-184 {
from {
    -webkit-transform: translate3d(80vw, 107vh, 0);
    transform: translate3d(80vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(66vw, -114vh, 0);
    transform: translate3d(66vw, -114vh, 0);
}
}
@keyframes move-frames-184 {
from {
    -webkit-transform: translate3d(80vw, 107vh, 0);
    transform: translate3d(80vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(66vw, -114vh, 0);
    transform: translate3d(66vw, -114vh, 0);
}
}
.circle-container:nth-child(184) .circle {
  -webkit-animation-delay: 3501ms;
  animation-delay: 3501ms;
}
.circle-container:nth-child(185) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-185;
  animation-name: move-frames-185;
  -webkit-animation-duration: 31145ms;
  animation-duration: 31145ms;
  -webkit-animation-delay: 7615ms;
  animation-delay: 7615ms;
}
@-webkit-keyframes move-frames-185 {
from {
    -webkit-transform: translate3d(49vw, 108vh, 0);
    transform: translate3d(49vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(61vw, -121vh, 0);
    transform: translate3d(61vw, -121vh, 0);
}
}
@keyframes move-frames-185 {
from {
    -webkit-transform: translate3d(49vw, 108vh, 0);
    transform: translate3d(49vw, 108vh, 0);
}
to {
    -webkit-transform: translate3d(61vw, -121vh, 0);
    transform: translate3d(61vw, -121vh, 0);
}
}
.circle-container:nth-child(185) .circle {
  -webkit-animation-delay: 3580ms;
  animation-delay: 3580ms;
}
.circle-container:nth-child(186) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-186;
  animation-name: move-frames-186;
  -webkit-animation-duration: 36093ms;
  animation-duration: 36093ms;
  -webkit-animation-delay: 17059ms;
  animation-delay: 17059ms;
}
@-webkit-keyframes move-frames-186 {
from {
    -webkit-transform: translate3d(54vw, 110vh, 0);
    transform: translate3d(54vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -114vh, 0);
    transform: translate3d(42vw, -114vh, 0);
}
}
@keyframes move-frames-186 {
from {
    -webkit-transform: translate3d(54vw, 110vh, 0);
    transform: translate3d(54vw, 110vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -114vh, 0);
    transform: translate3d(42vw, -114vh, 0);
}
}
.circle-container:nth-child(186) .circle {
  -webkit-animation-delay: 660ms;
  animation-delay: 660ms;
}
.circle-container:nth-child(187) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-187;
  animation-name: move-frames-187;
  -webkit-animation-duration: 35071ms;
  animation-duration: 35071ms;
  -webkit-animation-delay: 23081ms;
  animation-delay: 23081ms;
}
@-webkit-keyframes move-frames-187 {
from {
    -webkit-transform: translate3d(85vw, 105vh, 0);
    transform: translate3d(85vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(89vw, -132vh, 0);
    transform: translate3d(89vw, -132vh, 0);
}
}
@keyframes move-frames-187 {
from {
    -webkit-transform: translate3d(85vw, 105vh, 0);
    transform: translate3d(85vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(89vw, -132vh, 0);
    transform: translate3d(89vw, -132vh, 0);
}
}
.circle-container:nth-child(187) .circle {
  -webkit-animation-delay: 2797ms;
  animation-delay: 2797ms;
}
.circle-container:nth-child(188) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-188;
  animation-name: move-frames-188;
  -webkit-animation-duration: 34229ms;
  animation-duration: 34229ms;
  -webkit-animation-delay: 16111ms;
  animation-delay: 16111ms;
}
@-webkit-keyframes move-frames-188 {
from {
    -webkit-transform: translate3d(5vw, 109vh, 0);
    transform: translate3d(5vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(1vw, -121vh, 0);
    transform: translate3d(1vw, -121vh, 0);
}
}
@keyframes move-frames-188 {
from {
    -webkit-transform: translate3d(5vw, 109vh, 0);
    transform: translate3d(5vw, 109vh, 0);
}
to {
    -webkit-transform: translate3d(1vw, -121vh, 0);
    transform: translate3d(1vw, -121vh, 0);
}
}
.circle-container:nth-child(188) .circle {
  -webkit-animation-delay: 372ms;
  animation-delay: 372ms;
}
.circle-container:nth-child(189) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-189;
  animation-name: move-frames-189;
  -webkit-animation-duration: 32199ms;
  animation-duration: 32199ms;
  -webkit-animation-delay: 8620ms;
  animation-delay: 8620ms;
}
@-webkit-keyframes move-frames-189 {
from {
    -webkit-transform: translate3d(18vw, 106vh, 0);
    transform: translate3d(18vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(17vw, -130vh, 0);
    transform: translate3d(17vw, -130vh, 0);
}
}
@keyframes move-frames-189 {
from {
    -webkit-transform: translate3d(18vw, 106vh, 0);
    transform: translate3d(18vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(17vw, -130vh, 0);
    transform: translate3d(17vw, -130vh, 0);
}
}
.circle-container:nth-child(189) .circle {
  -webkit-animation-delay: 1846ms;
  animation-delay: 1846ms;
}
.circle-container:nth-child(190) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-190;
  animation-name: move-frames-190;
  -webkit-animation-duration: 29097ms;
  animation-duration: 29097ms;
  -webkit-animation-delay: 8322ms;
  animation-delay: 8322ms;
}
@-webkit-keyframes move-frames-190 {
from {
    -webkit-transform: translate3d(50vw, 105vh, 0);
    transform: translate3d(50vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(99vw, -108vh, 0);
    transform: translate3d(99vw, -108vh, 0);
}
}
@keyframes move-frames-190 {
from {
    -webkit-transform: translate3d(50vw, 105vh, 0);
    transform: translate3d(50vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(99vw, -108vh, 0);
    transform: translate3d(99vw, -108vh, 0);
}
}
.circle-container:nth-child(190) .circle {
  -webkit-animation-delay: 2648ms;
  animation-delay: 2648ms;
}
.circle-container:nth-child(191) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-191;
  animation-name: move-frames-191;
  -webkit-animation-duration: 30786ms;
  animation-duration: 30786ms;
  -webkit-animation-delay: 25508ms;
  animation-delay: 25508ms;
}
@-webkit-keyframes move-frames-191 {
from {
    -webkit-transform: translate3d(17vw, 107vh, 0);
    transform: translate3d(17vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(74vw, -135vh, 0);
    transform: translate3d(74vw, -135vh, 0);
}
}
@keyframes move-frames-191 {
from {
    -webkit-transform: translate3d(17vw, 107vh, 0);
    transform: translate3d(17vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(74vw, -135vh, 0);
    transform: translate3d(74vw, -135vh, 0);
}
}
.circle-container:nth-child(191) .circle {
  -webkit-animation-delay: 3557ms;
  animation-delay: 3557ms;
}
.circle-container:nth-child(192) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-192;
  animation-name: move-frames-192;
  -webkit-animation-duration: 34846ms;
  animation-duration: 34846ms;
  -webkit-animation-delay: 1588ms;
  animation-delay: 1588ms;
}
@-webkit-keyframes move-frames-192 {
from {
    -webkit-transform: translate3d(15vw, 102vh, 0);
    transform: translate3d(15vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(71vw, -112vh, 0);
    transform: translate3d(71vw, -112vh, 0);
}
}
@keyframes move-frames-192 {
from {
    -webkit-transform: translate3d(15vw, 102vh, 0);
    transform: translate3d(15vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(71vw, -112vh, 0);
    transform: translate3d(71vw, -112vh, 0);
}
}
.circle-container:nth-child(192) .circle {
  -webkit-animation-delay: 2144ms;
  animation-delay: 2144ms;
}
.circle-container:nth-child(193) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-193;
  animation-name: move-frames-193;
  -webkit-animation-duration: 28753ms;
  animation-duration: 28753ms;
  -webkit-animation-delay: 32553ms;
  animation-delay: 32553ms;
}
@-webkit-keyframes move-frames-193 {
from {
    -webkit-transform: translate3d(33vw, 102vh, 0);
    transform: translate3d(33vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(24vw, -106vh, 0);
    transform: translate3d(24vw, -106vh, 0);
}
}
@keyframes move-frames-193 {
from {
    -webkit-transform: translate3d(33vw, 102vh, 0);
    transform: translate3d(33vw, 102vh, 0);
}
to {
    -webkit-transform: translate3d(24vw, -106vh, 0);
    transform: translate3d(24vw, -106vh, 0);
}
}
.circle-container:nth-child(193) .circle {
  -webkit-animation-delay: 3376ms;
  animation-delay: 3376ms;
}
.circle-container:nth-child(194) {
  width: 5px;
  height: 5px;
  -webkit-animation-name: move-frames-194;
  animation-name: move-frames-194;
  -webkit-animation-duration: 31350ms;
  animation-duration: 31350ms;
  -webkit-animation-delay: 12078ms;
  animation-delay: 12078ms;
}
@-webkit-keyframes move-frames-194 {
from {
    -webkit-transform: translate3d(31vw, 103vh, 0);
    transform: translate3d(31vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(40vw, -127vh, 0);
    transform: translate3d(40vw, -127vh, 0);
}
}
@keyframes move-frames-194 {
from {
    -webkit-transform: translate3d(31vw, 103vh, 0);
    transform: translate3d(31vw, 103vh, 0);
}
to {
    -webkit-transform: translate3d(40vw, -127vh, 0);
    transform: translate3d(40vw, -127vh, 0);
}
}
.circle-container:nth-child(194) .circle {
  -webkit-animation-delay: 1906ms;
  animation-delay: 1906ms;
}
.circle-container:nth-child(195) {
  width: 8px;
  height: 8px;
  -webkit-animation-name: move-frames-195;
  animation-name: move-frames-195;
  -webkit-animation-duration: 36782ms;
  animation-duration: 36782ms;
  -webkit-animation-delay: 36062ms;
  animation-delay: 36062ms;
}
@-webkit-keyframes move-frames-195 {
from {
    -webkit-transform: translate3d(26vw, 107vh, 0);
    transform: translate3d(26vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(23vw, -112vh, 0);
    transform: translate3d(23vw, -112vh, 0);
}
}
@keyframes move-frames-195 {
from {
    -webkit-transform: translate3d(26vw, 107vh, 0);
    transform: translate3d(26vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(23vw, -112vh, 0);
    transform: translate3d(23vw, -112vh, 0);
}
}
.circle-container:nth-child(195) .circle {
  -webkit-animation-delay: 2853ms;
  animation-delay: 2853ms;
}
.circle-container:nth-child(196) {
  width: 6px;
  height: 6px;
  -webkit-animation-name: move-frames-196;
  animation-name: move-frames-196;
  -webkit-animation-duration: 34023ms;
  animation-duration: 34023ms;
  -webkit-animation-delay: 32580ms;
  animation-delay: 32580ms;
}
@-webkit-keyframes move-frames-196 {
from {
    -webkit-transform: translate3d(64vw, 107vh, 0);
    transform: translate3d(64vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -117vh, 0);
    transform: translate3d(81vw, -117vh, 0);
}
}
@keyframes move-frames-196 {
from {
    -webkit-transform: translate3d(64vw, 107vh, 0);
    transform: translate3d(64vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(81vw, -117vh, 0);
    transform: translate3d(81vw, -117vh, 0);
}
}
.circle-container:nth-child(196) .circle {
  -webkit-animation-delay: 3723ms;
  animation-delay: 3723ms;
}
.circle-container:nth-child(197) {
  width: 2px;
  height: 2px;
  -webkit-animation-name: move-frames-197;
  animation-name: move-frames-197;
  -webkit-animation-duration: 28432ms;
  animation-duration: 28432ms;
  -webkit-animation-delay: 4762ms;
  animation-delay: 4762ms;
}
@-webkit-keyframes move-frames-197 {
from {
    -webkit-transform: translate3d(97vw, 107vh, 0);
    transform: translate3d(97vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(12vw, -120vh, 0);
    transform: translate3d(12vw, -120vh, 0);
}
}
@keyframes move-frames-197 {
from {
    -webkit-transform: translate3d(97vw, 107vh, 0);
    transform: translate3d(97vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(12vw, -120vh, 0);
    transform: translate3d(12vw, -120vh, 0);
}
}
.circle-container:nth-child(197) .circle {
  -webkit-animation-delay: 29ms;
  animation-delay: 29ms;
}
.circle-container:nth-child(198) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-198;
  animation-name: move-frames-198;
  -webkit-animation-duration: 31671ms;
  animation-duration: 31671ms;
  -webkit-animation-delay: 23587ms;
  animation-delay: 23587ms;
}
@-webkit-keyframes move-frames-198 {
from {
    -webkit-transform: translate3d(78vw, 107vh, 0);
    transform: translate3d(78vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(7vw, -125vh, 0);
    transform: translate3d(7vw, -125vh, 0);
}
}
@keyframes move-frames-198 {
from {
    -webkit-transform: translate3d(78vw, 107vh, 0);
    transform: translate3d(78vw, 107vh, 0);
}
to {
    -webkit-transform: translate3d(7vw, -125vh, 0);
    transform: translate3d(7vw, -125vh, 0);
}
}
.circle-container:nth-child(198) .circle {
  -webkit-animation-delay: 3535ms;
  animation-delay: 3535ms;
}
.circle-container:nth-child(199) {
  width: 3px;
  height: 3px;
  -webkit-animation-name: move-frames-199;
  animation-name: move-frames-199;
  -webkit-animation-duration: 30684ms;
  animation-duration: 30684ms;
  -webkit-animation-delay: 15673ms;
  animation-delay: 15673ms;
}
@-webkit-keyframes move-frames-199 {
from {
    -webkit-transform: translate3d(43vw, 106vh, 0);
    transform: translate3d(43vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(15vw, -109vh, 0);
    transform: translate3d(15vw, -109vh, 0);
}
}
@keyframes move-frames-199 {
from {
    -webkit-transform: translate3d(43vw, 106vh, 0);
    transform: translate3d(43vw, 106vh, 0);
}
to {
    -webkit-transform: translate3d(15vw, -109vh, 0);
    transform: translate3d(15vw, -109vh, 0);
}
}
.circle-container:nth-child(199) .circle {
  -webkit-animation-delay: 49ms;
  animation-delay: 49ms;
}
.circle-container:nth-child(200) {
  width: 4px;
  height: 4px;
  -webkit-animation-name: move-frames-200;
  animation-name: move-frames-200;
  -webkit-animation-duration: 29106ms;
  animation-duration: 29106ms;
  -webkit-animation-delay: 8934ms;
  animation-delay: 8934ms;
}
@-webkit-keyframes move-frames-200 {
from {
    -webkit-transform: translate3d(32vw, 105vh, 0);
    transform: translate3d(32vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -134vh, 0);
    transform: translate3d(42vw, -134vh, 0);
}
}
@keyframes move-frames-200 {
from {
    -webkit-transform: translate3d(32vw, 105vh, 0);
    transform: translate3d(32vw, 105vh, 0);
}
to {
    -webkit-transform: translate3d(42vw, -134vh, 0);
    transform: translate3d(42vw, -134vh, 0);
}
}
.circle-container:nth-child(200) .circle {
  -webkit-animation-delay: 3853ms;
  animation-delay: 3853ms;
}
.message {
  position: absolute;
  right: 20px;
  bottom: 10px;
  color: white;
  font-family: "Josefin Slab", serif;
  line-height: 27px;
  font-size: 18px;
  text-align: right;
  pointer-events: none;
  -webkit-animation: message-frames 1.5s ease 5s forwards;
  animation: message-frames 1.5s ease 5s forwards;
  opacity: 0;
}
@-webkit-keyframes message-frames {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
@keyframes message-frames {
from {
    opacity: 0;
}
to {
    opacity: 1;
}
}
body {
  background: #fff;
}
.cursor {
  cursor: pointer;
}
.no-border {
  border: none !important;
}
.orange-color {
  color: #ff6f00;
}
.pdlr15 {
  padding: 0 15px;
}
.blue-color {
  color: #29b6f6;
}
.pdt30 {
  padding-top: 30px;
}
.checkbox {
  padding-left: 20px;
}
.checkbox label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
.checkbox label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox label::after {
  display: inline-block;
  position: absolute;
  width: 16px;
  height: 16px;
  left: 0;
  top: 0;
  margin-left: -20px;
  padding-left: 3px;
  padding-top: 1px;
  font-size: 11px;
  color: #555555;
}
.checkbox input[type="checkbox"] {
  opacity: 0;
}
.checkbox input[type="checkbox"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.checkbox input[type="checkbox"]:checked + label::after {
  font-family: "FontAwesome";
  content: "\F00C";
}
.checkbox input[type="checkbox"]:disabled + label {
  opacity: 0.65;
}
.checkbox input[type="checkbox"]:disabled + label::before {
  background-color: #eeeeee;
  cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
  border-radius: 50%;
}
.checkbox.checkbox-inline {
  margin-top: 0;
}
.checkbox-primary input[type="checkbox"]:checked + label::before {
  background-color: #428bca;
  border-color: #428bca;
}
.checkbox-primary input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.checkbox-danger input[type="checkbox"]:checked + label::before {
  background-color: #d9534f;
  border-color: #d9534f;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.checkbox-info input[type="checkbox"]:checked + label::before {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.checkbox-warning input[type="checkbox"]:checked + label::before {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.checkbox-success input[type="checkbox"]:checked + label::before {
  background-color: #5cb85c;
  border-color: #5cb85c;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
  color: #fff;
}
.radio {
  padding-left: 20px;
}
.radio label {
  display: inline-block;
  position: relative;
  padding-left: 5px;
}
.radio label::before {
  content: "";
  display: inline-block;
  position: absolute;
  width: 17px;
  height: 17px;
  left: 0;
  margin-left: -20px;
  border: 1px solid #cccccc;
  border-radius: 50%;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out;
  transition: border 0.15s ease-in-out;
}
.radio label::after {
  display: inline-block;
  position: absolute;
  content: " ";
  width: 11px;
  height: 11px;
  left: 3px;
  top: 3px;
  margin-left: -20px;
  border-radius: 50%;
  background-color: #555555;
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
  transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33), -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
}
.radio input[type="radio"] {
  opacity: 0;
}
.radio input[type="radio"]:focus + label::before {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.radio input[type="radio"]:checked + label::after {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.radio input[type="radio"]:disabled + label {
  opacity: 0.65;
}
.radio input[type="radio"]:disabled + label::before {
  cursor: not-allowed;
}
.radio.radio-inline {
  margin-top: 0;
}
.radio-primary input[type="radio"] + label::after {
  background-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::before {
  border-color: #428bca;
}
.radio-primary input[type="radio"]:checked + label::after {
  background-color: #428bca;
}
.radio-danger input[type="radio"] + label::after {
  background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
  border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
  background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
  background-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::before {
  border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
  background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
  background-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::before {
  border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
  background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
  background-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::before {
  border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
  background-color: #5cb85c;
}
.w500 {
  font-weight: 500 !important;
}
.btn-add-to-cart {
  border: 1px solid #41c300;
  color: #41c300;
  background: #fff;
  border-radius: 30px;
}
.btn-add-to-cart.bn {
    font-size: 13px;
}
@media only screen and (max-width: 480px) {
.btn-add-to-cart.bn {
        font-size: 11px;
}
}
.btn-add-to-cart:hover {
    background: #41c300;
    color: #fff;
}
.top-sp-nav {
  margin-top: 90px;
}
.offer-small {
  border: 1px solid #eee9;
}
.navbar-default .navbar-nav > li > a {
  color: #000;
  font-size: 17px;
  font-weight: 400;
}
.navbar-default .navbar-nav > li > a:hover {
    color: #41c300;
}
.navbar-default .navbar-nav > li > a.active {
    color: #41c300;
}
.navbar-default .navbar-nav .dropdown-menu a {
  font-size: 16px;
}
span.btn-quick {
  cursor: pointer;
  font-weight: 400;
}
span.btn-quick:hover {
    color: #41c300;
}
.btn.btn-base {
  background: #41c300;
  color: #fff;
  -webkit-box-shadow: 0 2px 4px 0 rgba(251, 251, 251, 0), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 2px 4px 0 rgba(251, 251, 251, 0), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-base:hover, .btn.btn-base:focus {
    background: #41c300;
    -webkit-box-shadow: 0 3px 6px 0 rgba(251, 251, 251, 0), 0 3px 6px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 3px 6px 0 rgba(251, 251, 251, 0), 0 3px 6px 0 rgba(0, 0, 0, 0.15);
}
.btn.btn-base.orderCompleteBtn i {
    font-size: 14px;
    position: relative;
    left: 10px;
}
.btn.btn-base.orderCompleteBtn.disabled {
    opacity: 1;
}
.btn.btn-base.orderCompleteBtn.disabled:focus {
      background: #41c300;
      -webkit-box-shadow: 0 3px 6px 0 rgba(251, 251, 251, 0), 0 3px 6px 0 rgba(0, 0, 0, 0.15);
              box-shadow: 0 3px 6px 0 rgba(251, 251, 251, 0), 0 3px 6px 0 rgba(0, 0, 0, 0.15);
}
.wrapper {
  height: auto;
  width: 100%;
}
.wrapper .padding-area {
    padding: 0 60px;
}
.quantity img {
  position: relative;
  top: 5px;
  cursor: pointer;
}
.quantity input {
  width: 50px;
  border: none;
  font-weight: 400;
  font-size: 20px;
}
.nav-info a {
  color: #000;
  font-size: 17px;
  font-weight: 400;
}
.nav-info .nav-text {
  position: relative;
  top: 16px;
}
.nav-info .nav-text a {
    margin: 0 15px;
}
.nav-info .nav-text .btn {
    position: relative;
    top: -4px;
    font-size: 13px;
    border-radius: 20px;
    background: none;
    margin: 0;
    color: #ff3d00;
    border: 1px solid #41c300;
    text-transform: capitalize;
    padding: 6px 17px !important;
    -webkit-box-shadow: 0 2px 7px 0 rgba(251, 251, 251, 0), 0 2px 7px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 2px 7px 0 rgba(251, 251, 251, 0), 0 2px 7px 0 rgba(0, 0, 0, 0.15);
}
.nav-info .nav-text .btn:hover {
      background: #41c300;
      color: #fff;
      border-color: #41c300;
}
.nav-info .nav-text .btn.search {
      border-radius: 7px;
      padding: 8px 11px;
      -webkit-box-shadow: 0px 3px 4px #d5d3d3;
              box-shadow: 0px 3px 4px #d5d3d3;
      border: 1px solid #f4f4f4;
}
.nav-info .nav-text .btn.search img {
        width: 19px;
}
.topnav {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}
.topnav .navbar-nav {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
        -ms-flex-direction: inherit;
            flex-direction: inherit;
}
.ds-table {
  width: 100%;
}
.categories {
  display: block;
  height: auto;
}
.categories .single-category {
    background: #fff;
    position: relative;
    max-height: 180px;
}
.categories .single-category:nth-child(2), .categories .single-category:nth-child(4) {
      padding-left: 0;
      border-right: none;
}
.categories .single-category div.cat {
      width: 100%;
      height: 100%;
      border: 1px solid #eee9;
      overflow: hidden;
      position: relative;
}
.categories .single-category a {
      width: 100%;
      height: 100%;
      -webkit-transition: all 3s;
      transition: all 3s;
}
.categories .single-category a:hover img {
        -webkit-transform: scale(1.3);
                transform: scale(1.3);
}
.categories .single-category a img {
        -o-object-fit: cover;
           object-fit: cover;
        width: 100%;
        max-height: 180px;
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content;
        -webkit-transition: all 3s;
        transition: all 3s;
}
.categories .single-category a img:hover {
          -webkit-transform: scale(1.3);
                  transform: scale(1.3);
}
.categories .single-category a .cap-text {
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.3);
        width: 100%;
        height: 100%;
        border-bottom: 2px solid #fff;
        -webkit-transition: all 3s;
        transition: all 3s;
}
.categories .single-category a .cap-text:hover {
          background: rgba(0, 0, 0, 0);
}
.categories .single-category a h3 {
        font-family: "Roboto", cursive;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        color: #ff3d00;
        margin: 15px;
        text-shadow: 0px 1px 0px #403d3d;
}
.categories .single-category a button {
        background: #fff;
        color: #41c300;
        border: 1px solid #d0cece;
        position: relative;
        float: right;
        right: 6%;
        top: 75%;
        border-radius: 33px;
}
.categories .single-category a button:hover {
          color: #fff;
          background: red;
          border: 1px solid red;
          font-weight: 400;
}
.categories .single-category a img {
        margin: auto;
}
.categories .col .bindarea {
    -webkit-animation: slide 2s ease-in-out 0.5s infinite alternate;
            animation: slide 2s ease-in-out 0.5s infinite alternate;
    position: relative;
}
.categories .col .bindarea .extra-dropdown-menu {
      border-radius: 3px;
      position: absolute;
      z-index: 995;
      border: 1px solid #ececec9c;
      width: 100%;
      top: 186px;
      padding: 15px;
      background: #fff;
      display: none;
      -webkit-box-shadow: 0px 0px 0px 2px #41c300;
              box-shadow: 0px 0px 0px 2px #41c300;
}
.categories .col .bindarea .extra-dropdown-menu ul {
        padding: 5px 0 0 10px;
        margin-bottom: 5px;
        border-left: 1px solid #cccccc61;
}
.categories .col .bindarea .extra-dropdown-menu ul li {
          line-height: 26px;
}
.categories .col .bindarea .extra-dropdown-menu li {
        text-transform: capitalize;
        line-height: 25px;
        list-style: none;
        font-size: 14px;
        font-weight: 400;
}
.categories .col .bindarea .extra-dropdown-menu li a {
          color: #000;
}
.categories .col .bindarea .extra-dropdown-menu li a:hover {
            color: #41c300;
}
.categories .col .bindarea:hover .extra-dropdown-menu {
      display: block;
}
.products-list .col {
  -webkit-transition: all 3s;
  transition: all 3s;
  padding: 0 7.5px;
  position: relative;
  overflow-y: visible;
  margin-top: 30px;
}
@media only screen and (min-width: 1180px) {
.products-list .col.col-lg-custom-5 {
      width: 20%;
}
}
@media only screen and (width: 1920px) {
.products-list .col.col-lg-custom-5 {
      width: 14.22% !important;
}
}
@media only screen and (min-width: 2000px) {
.products-list .col.col-lg-custom-5 {
      width: 8.32% !important;
}
}
.products-list .col .product {
    -webkit-transition: all 3s;
    transition: all 3s;
    border: 1px solid #eee9;
    height: 325px;
}
.products-list .col .product.outStock {
      opacity: 0.5;
}
.products-list .col .product.outStock:hover {
        opacity: 1;
}
@media only screen and (max-width: 768px) {
.products-list .col .product {
        height: 361px;
}
}
.products-list .col .product .discount-ribbon {
      position: absolute;
      color: #fff;
      background-color: #ff9800;
      border-radius: 4px 0 0 4px;
      padding: 5px;
      text-align: right;
      font-size: 13px;
      z-index: 10;
      right: 0;
      font-weight: bold;
      top: 5px;
      font-style: italic;
}
.products-list .col .product .discount-ribbon:before {
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        border-color: #a33c0a;
        display: block;
        content: "";
        position: absolute;
        right: 0;
        top: 100%;
        border-top: 3px solid #464646;
        border-right: 5px solid transparent !important;
        border-bottom: 3px solid transparent !important;
        border-left: 5px solid #464646;
}
.products-list .col .product .discount-ribbon i {
        font-size: 11px;
        color: #000;
}
.products-list .col .product .img-fix-area {
      height: 190px;
      overflow: hidden;
      vertical-align: middle;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: relative;
      padding: 0 5px;
      -webkit-transition: all 3s;
      transition: all 3s;
}
.products-list .col .product .img-fix-area .overlay-info {
        visibility: hidden;
        position: absolute;
        top: 0;
        left: 0;
        text-align: center;
        background: rgba(0, 0, 0, 0.2);
        height: 100%;
        width: 100%;
        overflow: hidden;
}
.products-list .col .product .img-fix-area .overlay-info .btn-quick {
          cursor: pointer;
          top: 40%;
          position: relative;
          color: #000;
          font-weight: 500;
          background: #fff;
          border-radius: 2px;
          border: 1px solid transparent;
          -webkit-box-shadow: 0px 2px 4px #d5d5d5;
                  box-shadow: 0px 2px 4px #d5d5d5;
}
.products-list .col .product .img-fix-area .overlay-info .btn-quick:hover {
            color: #fff;
            border-radius: 2px;
            background: #41c300;
}
.products-list .col .product img {
      -webkit-transition: all 3s;
      transition: all 3s;
      margin: auto;
      max-height: 190px;
}
.products-list .col .product .summary {
      z-index: 100;
      background: #fff;
      position: relative;
      width: 100%;
      text-align: center;
}
.products-list .col .product .summary .name {
        color: #000;
        text-transform: capitalize;
        min-height: 41px;
        text-align: center;
        margin-bottom: 0;
        font-size: 15px;
        margin-top: 5px;
}
.products-list .col .product .summary .name a {
          color: #000;
}
.products-list .col .product .summary .name a:hover {
            color: #41c300;
}
.products-list .col .product .summary .weight {
        font-size: 12px;
        width: 100%;
        display: block;
        color: #37474f;
        margin-bottom: 10px;
        margin-top: 5px;
        font-weight: 500;
        text-transform: capitalize;
}
.products-list .col .product .summary .price .running {
        color: #06b500;
        font-weight: 500;
        font-size: 15px;
}
.products-list .col .product .summary .price .discounted {
        text-decoration: line-through;
        color: #607d8b;
        font-size: 12px;
        margin-top: 10px;
}
.products-list .col .product .summary .button-label {
        visibility: hidden;
        position: absolute;
        background: #fff;
        width: 100%;
        border: 1px solid transparent;
        -webkit-box-shadow: 0px 3px 3px #d0d0d096;
                box-shadow: 0px 3px 3px #d0d0d096;
        border-radius: 0 0px 3px 3px;
}
.products-list .col .product .summary .button-label .moreBtn {
          display: none;
          margin-top: 5px;
}
.products-list .col .product .summary .button-label.cartAdded .newBtn {
          display: none !important;
}
.products-list .col .product .summary .button-label.cartAdded .moreBtn {
          border: 1px solid #F89406;
          border-radius: 2px;
          overflow: hidden;
          display: block;
          -webkit-box-shadow: 0px 2px 4px #c8c8c8c4;
                  box-shadow: 0px 2px 4px #c8c8c8c4;
          margin: 6px 6px 5px 6px;
}
.products-list .col .product .summary .button-label .addedBtn {
          display: none;
          border: 1px solid #F89406;
          overflow: hidden;
          border-radius: 2px;
          width: 94%;
          margin: auto auto 8px auto;
}
.products-list .col .product .summary .button-label.inCart .addedBtn {
          display: block;
}
.products-list .col .product .summary .button-label.inCart .addBtn {
          display: none !important;
}
@media only screen and (max-width: 768px) {
.products-list .col .product .summary .button-label {
            visibility: visible;
}
}
.products-list .col .product .summary .button-label .btn-group {
          margin-bottom: 10px;
          margin-top: 5px;
}
.products-list .col .product .summary .button-label .btn-group.d-block {
            display: block;
            padding: 0px 5px 5px 5px;
            width: 100%;
}
.products-list .col .product .summary .button-label .btn-group .btn {
            background: #fff;
            color: #263238;
            margin-left: 0;
            -webkit-box-shadow: none;
                    box-shadow: none;
            height: 33px;
}
.products-list .col .product .summary .button-label .btn-group .btn.pl-mi {
              font-size: 17px;
              font-weight: lighter;
              color: #000;
              width: 40px;
}
.products-list .col .product .summary .button-label .btn-group .btn.pl-mi.border-right {
                border-right: 1px solid #e1e1e17d;
}
.products-list .col .product .summary .button-label .btn-group .btn.pl-mi.border-left {
                border-left: 1px solid #e1e1e17d;
                line-height: 16px;
}
.products-list .col .product .summary .button-label .btn-group .btn.pl-mi:hover {
                background: #ff9800;
                color: #fff;
                font-weight: 400;
}
.products-list .col .product .summary .button-label .btn-group .btn.pl-mi.plus {
                top: 0px;
                bottom: 0;
                height: 100%;
}
.products-list .col .product .summary .button-label .btn-group .btn.pl-mi.minus {
                top: 0px;
                bottom: 0;
                height: 100%;
}
.products-list .col .product .summary .button-label .btn-group .btn.border-ab {
              position: relative;
              text-transform: capitalize;
              padding: 0;
              width: calc(100% - 80px);
}
@media only screen and (max-width: 500px) {
.products-list .col .product .summary .button-label .btn-group .btn.border-ab {
                  padding: 0;
}
}
@media only screen and (max-width: 400px) {
.products-list .col .product .summary .button-label .btn-group .btn.border-ab .inbag {
                  display: none;
}
}
.products-list .col .product .summary .button-label .btn-group .btn.border-ab span {
                font-size: 15px;
                font-weight: 400;
}
.products-list .col .product .summary .button-label .btn-group .btn.border-ab img {
                width: 17px;
                height: auto;
                position: relative;
                top: -3px;
                margin-left: 10px;
                -webkit-transition: 0s;
                transition: 0s;
}
@media only screen and (max-width: 400px) {
.products-list .col .product .summary .button-label .btn-group .btn.border-ab img {
                    margin-left: 2px;
}
}
.products-list .col .product .summary .button-label .btn-group .btn img {
              height: 13px;
}
.products-list .col .product .summary .button-label .btn-group .btn.add-to-cart-btn {
              width: 100%;
              margin: auto;
              background: #fff;
              color: #263238;
              border: 1px solid #41c300;
              margin-bottom: 8px;
              -webkit-box-shadow: 0px 2px 4px #c8c8c8c4;
                      box-shadow: 0px 2px 4px #c8c8c8c4;
}
.products-list .col .product .summary .button-label .btn-group .btn.add-to-cart-btn.bn {
                font-size: 13px;
}
@media only screen and (max-width: 480px) {
.products-list .col .product .summary .button-label .btn-group .btn.add-to-cart-btn.bn {
                    font-size: 11px;
                    padding: 0.5rem 0rem;
}
}
.products-list .col .product .summary .button-label .btn-group .btn.add-to-cart-btn img {
                width: 18px;
                height: auto;
                position: relative;
                top: -2px;
                right: 10px;
                -webkit-transition: all 0s;
                transition: all 0s;
}
.products-list .col .product .summary .button-label .btn-group .btn.add-to-cart-btn:hover {
                background: #fff;
                color: #41c300;
                border: 1px solid #41c300;
}
.products-list .col .product:hover {
      -webkit-box-shadow: 0px 1px 6px #ececec;
              box-shadow: 0px 1px 6px #ececec;
      border-radius: 3px;
}
.products-list .col .product:hover .img-fix-area img {
        -webkit-transform: scale(1.1);
                transform: scale(1.1);
}
.products-list .col .product:hover .overlay-info {
        visibility: visible;
}
.products-list .col .product:hover .button-label {
        visibility: visible;
}
.products .price {
  font-size: 18px;
}
.products .price .running {
    color: #41c300;
    font-weight: 300;
    display: block;
}
.products .price .discounted {
    text-decoration: line-through;
    color: #8c8b8b;
    font-weight: 300;
    font-size: 13px;
}
.products .price .off-percent {
    margin-left: 10px;
    font-weight: 300;
    font-size: 13px;
}
.products .rating {
  display: table;
  margin-top: 5px;
}
.products .rating i {
    display: inline;
    float: left;
    font-size: 10px;
    margin-right: 2px;
}
.products .name {
  font-size: 14px;
  line-height: 20px;
  margin: 5px 0 0 0;
  text-transform: capitalize;
  min-height: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.products .name a {
    color: #421a09;
}
.products .name a:hover {
      text-decoration: underline;
}
.products .padding-right {
  padding-right: 20px;
}
.products .pack {
  padding: 0px 7.5px;
  -webkit-transition: all 3s;
  transition: all 3s;
  min-height: 365px;
}
.products .pack:hover {
    -webkit-transition: all 3s;
    transition: all 3s;
}
.products .pack:hover img {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
}
.products .pack:hover .cart-btn-area {
      display: block;
      -webkit-transition: all 3s;
      transition: all 3s;
}
.products .pack:hover .single-product {
      border-radius: 3px;
      border: 1px solid transparent;
      border-top: 1px solid #eeeeee47;
      -webkit-box-shadow: 0px 1px 6px #ececec;
              box-shadow: 0px 1px 6px #ececec;
}
.products .pack:hover .single-product .overlay-info {
        display: block;
        -webkit-transition: all 3s;
        transition: all 3s;
}
.products .single-product {
  background: #fff;
  position: relative;
  text-align: center;
  margin-top: 15px;
  width: 100%;
  display: flow-root;
  padding: 5px;
  min-height: 320px;
  border: 1px solid #eee9;
  -webkit-transition: 500ms ease;
  transition: 500ms ease;
}
.products .single-product .product_img .img-fix-area {
    height: 190px;
    overflow: hidden;
    vertical-align: middle;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.products .single-product .product_img img {
    -webkit-transition: all 3s;
    transition: all 3s;
    margin: auto;
    width: 100%;
}
.products .single-product .product_img.smsize img {
    height: 195px;
}
.products .single-product .overlay-info {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.products .single-product .overlay-info .top-options {
      float: right;
      margin-right: 10px;
      margin-top: 5px;
}
.products .single-product .overlay-info .top-options a i {
        display: table;
        font-size: 11px;
        background: #fff;
        color: #000;
        width: 24px;
        border-radius: 50%;
        -webkit-box-shadow: 0px 1px 4px #b5b4b4;
        box-shadow: 0px 1px 4px #b5b4b4;
        line-height: 24px;
        margin-top: 5px;
        margin-right: 5px;
        height: 24px;
}
.products .single-product .overlay-info .top-options a i:hover {
          background: #41c300;
          color: #fff;
}
.products .single-product .overlay-info .btn-quick {
      cursor: pointer;
      top: 40%;
      position: relative;
      color: #000;
      font-weight: 500;
      background: #fff;
      border-radius: 2px;
      border: 1px solid transparent;
      -webkit-box-shadow: 0px 2px 4px #d5d5d5;
              box-shadow: 0px 2px 4px #d5d5d5;
}
.products .single-product .overlay-info .btn-quick:hover {
        color: #fff;
        border-radius: 2px;
        background: #ff8f00;
}
.products .single-product .p-summary {
    z-index: 100;
    background: #fff;
    position: relative;
    width: 100%;
}
.products .single-product:hover .overlay-info {
    display: block;
}
.products .single-product:hover .cartbtn-show {
    display: block;
    margin-left: 15px;
    border: 1px solid #41c300;
    border-top: none;
}
.products .single-product:hover {
    border: 1px solid #e6e6e6;
    -webkit-transition: 500ms ease;
    transition: 500ms ease;
}
.products .viewall {
  border-radius: 30px;
  color: #000;
  padding: 13px;
  font-size: 13px;
  background: antiquewhite;
}
.realtive-area {
  position: relative;
  border: none;
}
.cart-btn-area {
  display: none;
  position: absolute;
  z-index: 200;
  width: 100%;
  background: #fff;
  padding-bottom: 10px;
  border: 1px solid transparent;
  text-align: center;
  left: 0;
  right: 0;
  bottom: -50px;
  border-top: none;
  border-radius: 0px 0px 2px 2px;
  -webkit-box-shadow: 0px 6px 6px #ececec;
          box-shadow: 0px 6px 6px #ececec;
}
.cart-btn-area .btn-add-to-cart {
    border: 1px solid #ff8f00;
    color: #41c300;
    background: #fff;
    border-radius: 30px;
}
.cart-btn-area .btn-add-to-cart:hover {
      background: #ff8f00;
      color: #fff;
}
.cart-data {
  width: 320px !important;
  visibility: hidden;
  position: fixed;
  bottom: 0;
  z-index: 10000;
  right: 0;
  height: calc(100vh - 65px);
  background: #fff;
  -webkit-box-shadow: -1px 4px 10px #b5b5b5a6;
          box-shadow: -1px 4px 10px #b5b5b5a6;
}
@media only screen and (max-width: 767px) {
.cart-data {
      width: 100% !important;
}
}
.cart-data .left-arrow {
    position: absolute;
    width: 34px;
    height: 44px;
    background: rgba(255, 255, 255, 0.8);
    left: 288px;
    font-size: 28px;
    text-align: center;
    bottom: 35px;
    border-radius: 4px 0px 0 4px;
    color: green;
    -webkit-box-shadow: -2px 0px 3px #9d9d9dad;
    box-shadow: -2px 0px 3px #9d9d9dad;
    line-height: 45px;
    visibility: visible;
    cursor: pointer;
}
@media only screen and (max-width: 767px) {
.cart-data .left-arrow {
        display: none;
}
}
.cart-data.show {
    visibility: visible;
}
.cart-data.show .left-arrow {
      left: -34px;
}
.cart-data .product-lists {
    height: calc(100% - 120px);
    overflow-y: scroll;
    scrollbar-width: thin;
    border-left: none;
    border-top: 2px solid #41c300;
    padding-top: 5px;
}
@media only screen and (max-width: 767px) {
.cart-data .product-lists {
        height: calc(100% - 43px);
}
}
.cart-data .product-lists table tr.animated {
      background: #cccccc1f;
}
.cart-data .product-lists table tr td {
      border-bottom: 1px solid #e8e8e861;
      font-size: 12.5px;
      padding-top: 3px;
      padding-bottom: 3px;
      color: #000;
}
.cart-data .product-lists table tr td.cart-quantity {
        padding-left: 0px;
        padding-right: 6px;
}
.cart-data .product-lists table tr td.product-name-td {
        width: 130px;
        padding-right: 6px;
        cursor: pointer;
}
@media only screen and (max-width: 767px) {
.cart-data .product-lists table tr td.product-name-td {
            width: inherit;
}
}
.cart-data .product-lists table tr td.product-name-td small {
          font-weight: 400;
}
.cart-data .product-lists table tr td.remove-td {
        width: 35px;
}
.cart-data .product-lists table tr td.remove-td img {
          cursor: pointer;
          width: 22px;
          text-align: center;
          opacity: 0.2;
}
@media only screen and (max-width: 767px) {
.cart-data .product-lists table tr td.remove-td img {
              width: 30px;
}
}
.cart-data .product-lists table tr td.cart-quantity {
        cursor: pointer;
}
@media only screen and (max-width: 767px) {
.cart-data .product-lists table tr td.cart-quantity {
            width: 52px;
}
}
.cart-data .product-lists table tr td.cart-quantity span {
          width: 100%;
          display: block;
          height: 29px;
}
@media only screen and (max-width: 767px) {
.cart-data .product-lists table tr td.cart-quantity span img {
              width: 19px;
}
}
.cart-data .product-lists table tr:hover .remove-td img {
      opacity: 1;
}
.cart-data .btn-group {
    margin-top: 10px;
}
.cart-data .btn-group .btn.btn-secondary {
      background: #41c300 !important;
      -webkit-box-shadow: none;
              box-shadow: none;
      margin-left: 0;
}
.cart-data .btn-group .btn.btn-secondary.border-right {
        border-right: 1px solid #fff !important;
}
.cart-data .delivery-charge {
    position: relative;
    background: #455a64;
    top: 0;
    width: 100%;
    padding: 7px;
    font-size: 11px;
    color: #fff;
    cursor: pointer;
    z-index: 1000;
    font-weight: 400;
    text-transform: capitalize;
    display: none;
}
.cart-data .delivery-charge.off {
      background: #41c300;
      font-size: 12.5px;
}
.cart-data .empty-cart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    text-align: center;
    font-size: 13px;
    font-weight: 300;
    color: #263238;
    text-transform: capitalize;
}
.cart-data .empty-cart img {
      height: auto;
      max-width: 111px;
      display: block;
      margin: auto;
}
.main-container {
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 140px;
  min-height: calc(100vh - 200px);
}
.main-container.mt126 {
    margin-top: 126px;
}
@media only screen and (max-width: 767px) {
.main-container.mt126 {
        margin-top: 90px;
}
}
@media only screen and (max-width: 767px) {
.main-container {
      margin-top: 0px;
}
}
@media only screen and (max-width: 767px) {
.main-container.myorder {
      padding-left: 0;
}
}
@media only screen and (max-width: 480px) {
.main-container.myorder {
      padding-left: 15px;
}
}
@media only screen and (max-width: 767px) {
.main-container .myorders {
      margin-top: 0px;
}
}
.toptitle {
  border-bottom: 1px solid #eee9;
}
.toptitle h3 {
    font-size: 19px;
}
.toptitle .viewall {
    margin-top: 12px;
}
.resendcode {
  font-size: 14px;
  color: #000;
  font-weight: 400;
  cursor: pointer;
}
.resendcode:hover {
    color: #41c300;
}
.resendcode.disabled {
    cursor: none;
}
.quickModal .modal-content {
  border-radius: 4px;
}
.quickModal .gallery-img {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #ececec;
  vertical-align: middle;
  text-align: center;
  float: left;
  margin: 0px 5px 0 0px;
}
.quickModal .gallery-img img {
    cursor: pointer;
    height: 100%;
    -o-object-fit: fill;
       object-fit: fill;
}
.quickModal hr {
  margin-bottom: 10px;
  border-color: #f9f9f9;
}
.quickModal .m-p-title {
  color: #000;
  font-size: 19px;
  margin-top: 5px;
}
.quickModal .rating i {
  font-size: 10px;
  margin-right: -2px;
  color: orange;
}
.quickModal .rating span {
  font-size: 12px;
  margin-left: 5px;
}
.quickModal .rating span b {
    font-weight: 500;
}
.quickModal .code b {
  font-weight: 400;
}
.quickModal .breadcum {
  width: 100%;
  display: block;
  font-size: 11px;
}
.quickModal .discounted span {
  text-decoration: line-through;
}
.red-color {
  color: red;
}
.green-color {
  color: green;
}
.base-color {
  color: #41c300;
}
.right-border {
  border-right: 1px solid #f9f9f9;
  padding-right: 25px;
}
.m-tab-menu li {
  float: right;
}
.m-tab-menu li a {
    color: #000;
}
.m-tab-menu li.active a {
    color: #41c300;
}
.m-tab-menu li.active a:hover, .m-tab-menu li.active a:focus {
      color: #41c300;
}
.w-100 {
  width: 100%;
}
.mr15 {
  margin-right: 15px !important;
}
.authModal .modal-dialog {
  width: auto;
  max-width: 350px;
}
.authModal .modal-dialog .smslabel {
    font-weight: 400;
}
.authModal .modal-dialog .in-message span {
    cursor: pointer;
    color: #41c300;
    font-weight: 500;
}
.authModal .modal-dialog .smslabel b {
    font-weight: 500;
    color: #41c300;
}
.authModal .modal-dialog .logo img {
    border-radius: 0;
}
.authModal .modal-dialog .forgot {
    font-size: 14px;
    color: #000;
    font-weight: 400;
}
.authModal .modal-dialog img {
    border-radius: 50%;
}
.authModal .modal-dialog h3 {
    font-size: 15px;
    font-weight: 400;
}
.authModal .modal-dialog input {
    border: 1px solid #c6c6c6ba;
    border-radius: 3px;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-indent: 15px;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: 39px;
    margin-top: 15px;
}
.authModal .modal-dialog input:focus {
      border: 1px solid #41c300;
}
.authModal .modal-dialog input::-webkit-input-placeholder {
      color: #333;
      font-weight: 300;
}
.authModal .modal-dialog input::-ms-input-placeholder {
      color: #333;
      font-weight: 300;
}
.authModal .modal-dialog input::placeholder {
      color: #333;
      font-weight: 300;
}
.authModal .modal-dialog input.checkephone.error {
      background: #ff7b7b42;
}
.authModal .modal-dialog input.checkephone.success {
      background: #00800029;
}
.authModal .modal-dialog .modal-content {
    border: 1px solid #f4f4f4;
    -webkit-box-shadow: 0px 1px 3px #eaeaea;
            box-shadow: 0px 1px 3px #eaeaea;
    border-radius: 4px;
}
.authModal .modal-dialog .modal-content .close {
      cursor: pointer;
      position: absolute;
      right: 2px;
      top: 2px;
}
.authModal .modal-dialog .modal-content .close img {
        width: 22px;
        opacity: 0.5;
}
.authModal .modal-dialog .modal-content .close img:hover {
          opacity: 1;
}
.authModal .modal-dialog .modal-body {
    padding: 40px;
}
.authModal.free-delivery .modal-dialog {
  background: #5555558f;
}
.authModal.free-delivery .modal-dialog img {
    border-radius: 0;
    margin: auto;
}
.authModal.free-delivery .modal-content .close {
  opacity: 1 !important;
}
.authModal.free-delivery .modal-content .close img {
    opacity: 1 !important;
    border: 1px solid #0000004f;
    border-radius: 50%;
}
.img-max-height {
  text-align: center;
  height: 100%;
  width: 100%;
}
.img-max-height img {
    height: auto;
    margin: auto;
}
footer {
  width: 100%;
  display: block;
  background: #464646;
  margin-top: 15px;
  color: #fff;
}
footer .social-links {
    text-align: center;
}
footer .social-links .facebook {
      text-align: center;
      background-color: #fff;
      width: 33px;
      height: 33px;
      line-height: 39px;
      border-radius: 50%;
      -webkit-box-shadow: 0px 0px 4px #f9f9f9;
              box-shadow: 0px 0px 4px #f9f9f9;
      float: left;
}
footer .social-links .facebook .fa {
        font-size: 18px;
        color: #007aff;
}
footer .footer-menus {
    padding: 15px 0;
}
footer .footer-menus h4 {
      margin-bottom: 20px;
      color: #fff;
}
footer .footer-menus h4:after {
        content: " ";
        position: absolute;
        width: 44px;
        border: 1px dotted #fff;
        left: 17px;
        top: 32px;
}
footer .footer-menus .f-info p {
      margin-bottom: 5px;
}
footer .footer-menus .f-info span {
      font-weight: 400;
}
footer .footer-menus .f-info span.m-t {
        font-weight: 300;
        width: 66px;
        float: left;
        color: #fff;
}
footer .footer-menus ul {
      padding: 0;
      margin: 0;
}
footer .footer-menus ul li {
        list-style: none;
        line-height: 28px;
}
footer .footer-menus ul li a {
          color: #fff;
}
footer .footer-menus ul li a:hover {
            color: #41c300;
}
footer .copyright {
    background: #1c1c1c;
    padding: 8px 0 0 0;
    color: #fff;
}
.cart_amount {
  position: fixed;
  right: 0;
  bottom: auto;
  top: 40%;
  z-index: 1000;
  background: #fff;
  border: none;
  text-align: center;
  -webkit-box-shadow: 1px 1px 6px #5b595969;
  box-shadow: 1px 1px 6px #5b595969;
  border-radius: 5px;
  padding: 0 10px;
  line-height: 0;
  margin-top: 0;
}
.cart_amount h3 {
    margin-top: 12px;
    color: #388e3c;
    font-size: 18px;
}
.cart_amount h3 span {
      color: #000;
}
.cart_quantity {
  font-size: 12px;
  text-align: center;
  font-weight: 400;
}
.cart-quantity {
  width: 30px;
}
.product-name-td div {
  margin-left: 5px;
}
.product-image-td {
  width: 33px;
}
.green-color {
  color: #43a047;
}
.filter-area {
  border-right: 1px solid #efefef;
}
@media only screen and (max-width: 767px) {
.filter-area {
      display: none;
}
}
@media only screen and (max-width: 460px) {
.all-products .pack {
    width: 100% !important;
}
}
@media only screen and (min-width: 1180px) {
.all-products .col-lg-custom-5 {
    width: 20%;
}
}
@media only screen and (min-width: 1180px) {
.fullwidth .products-list .col-lg-custom-5 {
    width: 16.6% !important;
}
}
@media only screen and (width: 1920px) {
.fullwidth .products-list .col-lg-custom-5 {
    width: 14.22% !important;
}
}
@media only screen and (min-width: 2000px) {
.fullwidth .products-list .col-lg-custom-5 {
    width: 8.32% !important;
}
}
.options_bar h3 {
  color: #000;
  font-size: 15px;
  padding-bottom: 11px;
  text-transform: uppercase;
  font-weight: 400;
}
.options_bar ul {
  margin: 0;
  padding: 0;
  border-left: 1px solid #d9d9d94d;
}
.options_bar ul li {
    list-style: none;
    line-height: normal;
    margin-top: 11px;
}
.options_bar ul li .main_cat {
      color: #2196f3 !important;
}
.options_bar ul li i {
      color: #9f9f9f9e;
      position: relative;
      left: -1px;
      background: #fff;
}
.options_bar ul li .fa-check-circle-o {
      color: #9d9d9d;
}
.options_bar ul li .active {
      color: #41c300;
}
.options_bar ul li .active a {
        color: #41c300;
}
.options_bar ul li ul {
      margin-left: 15px;
}
.options_bar ul li a {
      color: #000;
      margin-left: 10px;
}
.options_bar ul li a:hover {
        color: #039be5;
}
.options_bar .router-link-active {
  font-weight: 300;
  color: #039be5;
  text-decoration: none;
}
.address-bar {
  padding: 6px 0;
  color: #fff;
  font-weight: 300;
  font-size: 12px;
  background: #474748;
}
@media only screen and (max-width: 767px) {
.address-bar {
      display: none;
}
}
.address-bar span {
    font-weight: 300;
}
.address-bar span a {
      color: #fff;
      margin: 0 3px;
}
.address-bar span a:hover {
        text-decoration: underline;
}
.latest {
  text-align: center;
  width: 100%;
}
.latest span {
    font-size: 15px;
}
.carousel-inner ul {
  margin: 0;
  padding: 0;
}
.address-area .c-title {
  font-size: 17px;
  color: #000;
  margin: 0;
}
.address-area div.location {
  margin: 30px auto;
  max-width: 400px;
}
.address-area div.location .help-text {
    font-size: 11px;
}
.address-area div.location .btn-next {
    background: #f3faea;
    color: #75c919;
    border-radius: 5px;
}
.address-area div.location input {
    border: 1px solid #c6c6c6ba;
    border-radius: 4px;
    padding: 8px 0;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    text-indent: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 39px;
}
.address-area div.location input:focus {
      border: 1px solid #41c300;
}
.address-area div.location textarea:focus {
    border: 1px solid #41c300;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.steps-booking {
  text-align: center;
  border-top: 1px dashed #e3e3e3a8;
}
.steps-booking .step {
    position: relative;
    top: -14px;
    font-weight: 400;
}
.steps-booking .step span {
      width: 37px;
      height: 37px;
      display: inline-block;
      border-radius: 50%;
      -webkit-box-shadow: 0px 2px 4px #d7d5d5;
              box-shadow: 0px 2px 4px #d7d5d5;
      line-height: 36px;
      font-size: 18px;
      text-align: center;
      position: relative;
      cursor: pointer;
      background: #fff;
      bottom: 8px;
}
.steps-booking .step span.active {
        background: #41c300;
        color: #fff;
}
#preloader-show {
  width: 100%;
  position: fixed;
  text-align: center;
  height: 100vh;
  z-index: 100;
  background: rgba(255, 255, 255, 0.6);
  overflow: hidden;
  background: #fff;
  border: none;
  z-index: 1000;
}
#preloader-show img {
    position: relative;
    text-align: center;
    width: 30px;
    top: 20%;
}
@media only screen and (max-width: 767px) {
#preloader-show img {
        top: 10%;
}
}
#preloader-show.searchloader {
    width: calc(100% - 278px);
}
@media only screen and (max-width: 767px) {
#preloader-show.searchloader {
        width: 100%;
}
}
#preloader-show.searchloader img {
      width: auto;
}
.payments .vendor {
  width: 100%;
  display: block;
  float: left;
  margin-top: 15px;
}
.payments .vendor h4 {
    font-size: 16px;
}
.payments .vendor button {
    margin-top: 0 !important;
}
.payments .vendor button i {
      color: #fff !important;
      font-size: 11px !important;
}
@media only screen and (max-width: 767px) {
.payments {
    padding-bottom: 50px;
}
}
.payments label {
  -webkit-box-shadow: 0px 1px 5px #a29f9f;
          box-shadow: 0px 1px 5px #a29f9f;
  border-radius: 5px;
  padding: 7px;
}
.payments label img {
    max-width: 95px;
    border: 1px orangered;
}
.sm-menus .user-setting {
  margin-top: 12px;
}
.sm-menus .user-setting .w-msg:hover, .sm-menus .user-setting .w-msg:focus {
    color: #000 !important;
    text-decoration: none;
}
.sm-menus .user-setting .w-msg:hover span, .sm-menus .user-setting .w-msg:focus span {
      color: #000;
}
.sm-menus .user-setting .w-msg img {
    margin-left: 5px;
}
.sm-menus .user-setting .w-msg span {
    font-weight: 300;
    font-size: 13px;
}
.sm-menus .user-setting .w-msg span b {
      font-weight: 400;
}
.sm-menus span,
.sm-menus a {
  cursor: pointer;
  margin-top: 24px;
  font-size: 14px;
  font-weight: 500;
  margin-left: 15px;
  color: #000;
}
.sm-menus span:hover,
  .sm-menus a:hover {
    color: #41c300;
}
.sm-menus .carts {
  position: relative;
  top: -9px;
  right: 40px;
}
.sm-menus .carts .badge {
    position: absolute;
    left: 8px;
    top: -30px;
    z-index: 1000;
    background: #ff8f00;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    line-height: 17px;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
}
.sm-menus .dropdown-menu {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  margin-top: 7.5px;
  padding: 5px 0;
  border: none;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 11px rgba(98, 98, 98, 0.16);
          box-shadow: 0px 2px 11px rgba(98, 98, 98, 0.16);
  text-transform: uppercase;
}
.sm-menus .dropdown-menu a {
    margin: 0;
    font-size: 12px;
    padding: 6px 15px 6px 10px;
}
.sm-menus .dropdown-menu a span {
      width: 18px;
      float: left;
      margin-right: 5px;
      margin-left: 0;
      margin-top: 0;
}
.sm-menus .dropdown-menu a span img {
        width: 16px;
        position: relative;
        top: -2px;
}
.sm-menus .dropdown-menu:before {
    border-bottom: 6px solid #2196f3;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    display: inline-block;
    right: 9px;
    position: absolute;
    top: -6px;
}
.mainmenu {
  margin-top: 14px;
  padding: 0;
}
.mainmenu .parent {
    font-size: 13px;
    margin: 0 13px;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
}
.mainmenu .parent:hover {
      color: #41c300;
}
.mainmenu .parent.router-link-exact-active {
      color: #2196f3 !important;
}
.mainmenu .menu {
    display: inline-block;
}
.mainmenu .menu .dropdown-menu {
      -webkit-transition: 0.5s;
      transition: 0.5s;
      margin-top: 7.5px;
      padding: 5px 0;
      border: none;
      border-radius: 0 0 4px 4px;
      -webkit-box-shadow: 0 4px 6px rgba(98, 98, 98, 0.16);
              box-shadow: 0 4px 6px rgba(98, 98, 98, 0.16);
      text-transform: uppercase;
}
.mainmenu .menu .dropdown-menu .divider {
        height: 1px;
        margin: 0;
        overflow: hidden;
        background-color: #e5e5e55e;
}
.mainmenu .menu .dropdown-menu .maincat a {
        color: #2196f3;
        font-size: 13px;
        font-weight: 400;
}
.mainmenu .menu .dropdown-menu li a {
        font-size: 12px;
        padding: 5px 22px 5px 15px;
        font-weight: 300;
}
.mainmenu .menu .dropdown-menu li a:hover {
          color: #2196f3;
}
.mainmenu .menu .dropdown-menu li a.router-link-active {
          color: #2196f3 !important;
}
.mainmenu .menu .dropdown-menu:before {
        border-bottom: 7px solid #2196f3;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        content: "";
        display: inline-block;
        left: 9px;
        position: absolute;
        top: -7px;
}
.mainmenu .menu .dropdown-menu .dropdown-submenu .dropdown-menu:before {
        border-top: 7px solid transparent;
        border-right: 7px solid #2196f3;
        border-bottom: 7px solid transparent;
        content: "";
        display: inline-block;
        left: -14px;
        position: absolute;
        top: 12px;
}
.mainmenu .dropdown-submenu {
    position: relative;
}
.mainmenu .dropdown-submenu > .dropdown-menu {
      top: 0;
      left: 100%;
      margin-top: -6px;
      margin-left: -1px;
      border-radius: 0 6px 6px 6px;
}
.mainmenu .dropdown-submenu:hover > .dropdown-menu {
      display: block;
}
.mainmenu .dropdown-submenu > a:after {
      display: block;
      font-family: FontAwesome;
      content: "\F105   ";
      float: right;
      width: 0;
      height: 0;
      margin-top: 0px;
      margin-right: -8px;
      color: #2196f3;
}
.mainmenu .dropdown-submenu:hover > a:after {
      border-left-color: #fff;
}
.mainmenu .dropdown-submenu.pull-left {
      float: none;
}
.mainmenu .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        border-radius: 6px 0 6px 6px;
}
::-webkit-input-placeholder {
  font-weight: 400;
  color: #000;
}
::-ms-input-placeholder {
  font-weight: 400;
  color: #000;
}
::placeholder {
  font-weight: 400;
  color: #000;
}
.search_result_lists {
  width: 100%;
  position: relative;
  top: 0px;
  z-index: 1000;
}
.search_result_lists ._lists {
    position: absolute;
    width: 100%;
    background: #fff;
    height: auto;
    text-align: left;
    -webkit-box-shadow: 0px 3px 2px #9d9d9d9e;
            box-shadow: 0px 3px 2px #9d9d9d9e;
    border-radius: 0px 0px 5px 5px !important;
}
.search_result_lists ._lists .single {
      border: 1px solid #bfbfbf5c;
      border-top: none;
      display: block;
      overflow: hidden;
      padding: 5px;
}
.search_result_lists ._lists .single:hover {
        cursor: pointer;
        background: #cccccc42;
}
.search_result_lists ._lists .single .title {
        float: left;
        font-size: 16px;
        line-height: 19px;
        padding-left: 15px;
        padding-top: 4px;
        color: #515151;
}
.search_result_lists ._lists .single .title small {
          font-size: 13px;
          font-weight: 400;
          color: #41c300;
}
.search_result_lists ._lists .single .title small .discount {
            color: #777;
            text-decoration: line-through;
            margin-right: 10px;
}
.no-info {
  margin-top: 30px;
}
.carousel-showmanymoveone .carousel-control {
  width: 4%;
  background-image: none;
}
.carousel-showmanymoveone .carousel-control.left {
  margin-left: 0;
}
.carousel-showmanymoveone .carousel-control.right {
  margin-right: 0;
}
.carousel-showmanymoveone .cloneditem-1,
.carousel-showmanymoveone .cloneditem-2,
.carousel-showmanymoveone .cloneditem-3 {
  display: none;
}
.carousel .item .col-xs-12 {
  padding: 7.5px;
}
/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
.carousel .item .col-xs-12:nth-last-child(-n + 2) {
    display: none;
}
}
@media all and (min-width: 768px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -50%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 50%;
}
.carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-1 {
    display: block;
}
}
@media all and (min-width: 768px) and (transform-3d), all and (min-width: 768px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(50%, 0, 0);
    transform: translate3d(50%, 0, 0);
    left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
}
}
@media all and (min-width: 992px) {
.carousel-showmanymoveone .carousel-inner > .active.left,
  .carousel-showmanymoveone .carousel-inner > .prev {
    left: -16.6%;
}
.carousel-showmanymoveone .carousel-inner > .active.right,
  .carousel-showmanymoveone .carousel-inner > .next {
    left: 16.6%;
}
.carousel-showmanymoveone .carousel-inner > .left,
  .carousel-showmanymoveone .carousel-inner > .prev.right,
  .carousel-showmanymoveone .carousel-inner > .active {
    left: 0;
}
.carousel-showmanymoveone .carousel-inner .cloneditem-2,
  .carousel-showmanymoveone .carousel-inner .cloneditem-3 {
    display: block;
}
}
@media all and (min-width: 992px) and (transform-3d), all and (min-width: 992px) and (-webkit-transform-3d) {
.carousel-showmanymoveone .carousel-inner > .item.active.right,
  .carousel-showmanymoveone .carousel-inner > .item.next {
    -webkit-transform: translate3d(16.6%, 0, 0);
    transform: translate3d(16.6%, 0, 0);
    left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.active.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev {
    -webkit-transform: translate3d(-16.6%, 0, 0);
    transform: translate3d(-16.6%, 0, 0);
    left: 0;
}
.carousel-showmanymoveone .carousel-inner > .item.left,
  .carousel-showmanymoveone .carousel-inner > .item.prev.right,
  .carousel-showmanymoveone .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
}
}
.ds-table .carousel-inner {
  overflow: inherit;
  height: 100%;
  float: left;
}
.cat-title {
  width: 100%;
  display: block;
  float: left;
  border-bottom: 1px dashed #d0d0d0;
}
.cat-title h3 {
    color: #000;
    font-weight: 400;
}
.myorder {
  margin-top: 30px !important;
}
.myorder .panel-group {
    border: 1px solid #a8a8a833;
    margin-bottom: 5px;
    border-radius: 3px;
}
.myorder .panel-group .panel-default {
      border: none;
      border-radius: 0;
}
.myorder .panel-group .panel-default > .panel-heading {
        color: #000;
        background-color: #fff;
        border-color: #fff;
}
.myorder.deposit {
    margin-top: 0 !important;
    position: relative;
}
.myorder.deposit .deposit-title {
      text-align: left;
      text-shadow: 0px 1px 0px #4f3a139c;
      color: #0b0b0b;
}
.myorder.deposit .deposit-title.center-text {
        text-align: center;
}
.myorder.deposit .deposit-title.center-text b {
          font-size: 17px;
          color: #e91e63;
}
.myorder.deposit .income_summary {
      overflow: hidden;
      max-width: 350px;
      min-height: auto;
      -webkit-box-shadow: 0px 1px 3px #a2a0a080;
              box-shadow: 0px 1px 3px #a2a0a080;
      border-radius: 3px;
      padding: 25px;
}
.myorder.deposit .income_summary .up {
        margin-top: 60px;
}
.myorder.deposit .income_summary p b {
        font-size: 14px;
        font-weight: 500;
        font-family: "Cinzel Decorative", cursive;
}
.myorder.deposit .income_summary p span {
        font-size: 25px;
        color: #41c300;
        font-family: "Cinzel Decorative", cursive;
        font-weight: bolder;
}
.myorder.deposit .income_summary img {
        margin-bottom: 0;
}
.myorder.deposit .leftbg {
      width: 210px;
      position: absolute;
      right: -20px;
      top: -47px;
      opacity: 0.7;
}
.mb100 {
  margin-bottom: 100px;
}
.order-items {
  margin: 15px auto auto;
  display: block;
  max-width: 700px;
}
.order-items .c-title {
    font-size: 15px;
    text-transform: uppercase;
}
.order-items .c-title.bn {
      font-size: 16px;
}
.order-items .checkout-table {
    -webkit-box-shadow: 0px 0px 4px #d9d9d9;
            box-shadow: 0px 0px 4px #d9d9d9;
    border-radius: 2px;
    vertical-align: middle;
}
.order-items .checkout-table > thead > tr > th {
      background: #f3f3f3;
      vertical-align: middle;
      font-size: 13px;
      text-transform: uppercase;
      border-bottom: none !important;
      padding: 12px 8px;
}
.order-items .checkout-table tbody tr {
      vertical-align: middle;
}
.order-items .checkout-table tbody tr:nth-of-type(2n + 1) {
        background-color: #f7f7f7;
}
.order-items .checkout-table tbody tr td {
        height: 50px;
        font-size: 14px;
        vertical-align: middle;
        border: none;
}
.order-items .checkout-table tbody tr td .img-thumbnail {
          min-width: 50px;
          border: 1px solid #dddddd69;
}
.order-items .checkout-table tbody tr td .remove {
          opacity: 0.3;
}
.order-items .checkout-table tbody tr td .count-quantity {
          border: 1px solid #dfdfdf52;
          width: 32px;
          margin: auto;
          border-radius: 1px;
}
.order-items .checkout-table tbody tr td .count-quantity .top {
            cursor: pointer;
            border-bottom: 1px solid #dfdfdf52;
}
.order-items .checkout-table tbody tr td .count-quantity .top img {
              opacity: 0.3;
}
.order-items .checkout-table tbody tr td .count-quantity .top:hover {
              background: #fff;
}
.order-items .checkout-table tbody tr td .count-quantity .top:hover img {
                opacity: 1;
}
.order-items .checkout-table tbody tr td .count-quantity .bottom {
            border-top: 1px solid #dfdfdf52;
            cursor: pointer;
}
.order-items .checkout-table tbody tr td .count-quantity .bottom img {
              opacity: 0.3;
}
.order-items .checkout-table tbody tr td .count-quantity .bottom:hover {
              background: #fff;
}
.order-items .checkout-table tbody tr td .count-quantity .bottom:hover img {
                opacity: 1;
}
.order-items .checkout-table tbody tr:hover .remove {
        opacity: 1;
}
.order-items .checkout-table tbody tr:hover .top img,
      .order-items .checkout-table tbody tr:hover .bottom img {
        opacity: 1 !important;
}
.login-note {
  border: 1px solid #e1e1e145;
  padding: 5px 8px 5px 15px;
  float: left;
  width: 100%;
  border-radius: 4px;
  background: #46c119;
  margin-bottom: 0px;
}
.login-note h3 {
    font-size: 14px;
    margin: 0;
    line-height: 43px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 400;
}
.login-note button {
    background: #41c300;
    color: #fff;
    border-radius: 3px;
    padding: 7px 18px;
    border: 1px solid #41c300;
}
.login-note button:hover {
      color: #fff;
      border: 1px solid white;
}
.btn-login.otpbtn {
  border-radius: 2px;
  margin: 0;
  padding: 6px 7px;
  font-size: 11px;
  position: absolute;
  right: 4px;
  top: 4px;
  background: #fb8c00;
  border: 1px solid #fb8c00;
}
.btn-login.otpbtn:focus {
    color: #fff;
}
.btn-login.otpbtn:hover {
    background: #f57c00;
    border: 1px solid #f57c00;
}
.phoneStatus span {
  padding: 7px 14px;
  border: 1px solid #41c300;
  margin: 10px 0;
  border-radius: 3px;
  display: block;
}
.tokenField.success {
  background: #00800029;
}
.tokenField.red {
  background: #F89406;
}
.tokenField.green {
  background: #41c300;
}
.smslabel {
  font-weight: 400;
}
.smslabel b {
    font-weight: 500;
    color: #41c300;
}
.customer-details {
  -webkit-box-shadow: 0px 0px 4px #d9d9d9;
          box-shadow: 0px 0px 4px #d9d9d9;
  border-radius: 2px;
  padding: 8px 15px;
}
.customer-details .c-title {
    font-size: 15px;
    text-transform: uppercase;
    color: #41c300;
    margin-bottom: 10px;
    font-weight: 400;
}
.customer-details .c-title.bn {
      font-size: 16px;
}
.customer-details .bill-info label {
    font-size: 13px;
    font-weight: 300;
    text-transform: uppercase;
}
.customer-details .bill-info label.bn {
      font-size: 14px;
}
.customer-details .bill-info .usedaddress .eachaddress {
    cursor: pointer;
    color: #41c300;
    background: #e8f5e98f;
    margin-bottom: 5px;
    border: 1px solid #8080801c;
    border-radius: 2px;
    padding: 9px;
    position: relative;
}
.customer-details .bill-info .usedaddress .eachaddress span {
      position: absolute;
      right: 3px;
      bottom: -2px;
      color: #4a3b3b;
      width: 100%;
      text-align: right;
      font-size: 12px;
}
.customer-details .bill-info .bootstrap-select {
    color: #555;
    width: 100% !important;
}
.customer-details .bill-info .bootstrap-select .btn.dropdown-toggle {
      padding: 13px 0px 1px 12px;
      line-height: 12px;
      border: 1px solid #cccccc80;
      background: #fff !important;
      text-transform: capitalize;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-radius: 4px;
}
.customer-details .bill-info .bootstrap-select .btn.dropdown-toggle span {
        color: #555;
        font-weight: 300;
}
.customer-details .bill-info .bootstrap-select .btn.dropdown-toggle:hover, .customer-details .bill-info .bootstrap-select .btn.dropdown-toggle:focus {
        outline: none;
}
.customer-details .bill-info input,
  .customer-details .bill-info textarea {
    border: 1px solid #cccccc80;
    -webkit-box-shadow: none;
            box-shadow: none;
    box-shadow: none;
    min-height: 38px;
}
.customer-details .bill-info input:hover, .customer-details .bill-info input:focus,
    .customer-details .bill-info textarea:hover,
    .customer-details .bill-info textarea:focus {
      border: 1px solid #41c300;
}
.customer-details .bill-info input.checkephone.error,
    .customer-details .bill-info textarea.checkephone.error {
      background: #ff7b7b42;
}
.customer-details .bill-info input.checkephone.success,
    .customer-details .bill-info textarea.checkephone.success {
      background: #00800029;
}
.customer-details .bill-info input.shipping_address,
    .customer-details .bill-info textarea.shipping_address {
      height: 55px;
}
.customer-details .bill-info .payment-options {
    -webkit-box-shadow: 0px 0px 3px #d9d9d9;
            box-shadow: 0px 0px 3px #d9d9d9;
    border-radius: 2px;
    padding: 8px 15px;
}
.customer-details .bill-info .payment-options.delivery_time_slot {
      padding: 8px 0px 5px 5px;
      background: #fff;
      margin-top: 15px;
      user-select: none;
      /* standard syntax */
      -webkit-user-select: none;
      /* webkit (safari, chrome) browsers */
      -moz-user-select: none;
      /* mozilla browsers */
      -khtml-user-select: none;
      /* webkit (konqueror) browsers */
      -ms-user-select: none;
      /* IE10+ */
}
.customer-details .bill-info .payment-options.delivery_time_slot.active {
        border: 1px solid #e91e63;
}
.customer-details .bill-info .payment-options.delivery_time_slot .delivery-time {
        overflow: hidden;
        width: 98%;
        margin-top: 5px;
}
.customer-details .bill-info .payment-options.delivery_time_slot .delivery-time .single-slot {
          -webkit-box-shadow: 0px 0px 3px #d9d9d9;
                  box-shadow: 0px 0px 3px #d9d9d9;
          border-radius: 2px;
          display: block;
          padding: 8px;
          width: 98%;
          margin: 6px auto;
          cursor: pointer;
}
.customer-details .bill-info .payment-options.delivery_time_slot .delivery-time .single-slot:hover {
            border: 1px solid #e91e63;
}
.customer-details .bill-info .payment-options.delivery_time_slot .delivery-time .single-slot.disabled {
            cursor: default;
            opacity: 0.6;
}
.customer-details .bill-info .payment-options.delivery_time_slot .delivery-time .single-slot.blackarea {
            background: #000;
}
.customer-details .bill-info .payment-options.extraFastCharge {
      padding: 8px 0px 5px 5px;
      cursor: pointer;
      background: #fff;
      margin-top: 15px;
      user-select: none;
      /* standard syntax */
      -webkit-user-select: none;
      /* webkit (safari, chrome) browsers */
      -moz-user-select: none;
      /* mozilla browsers */
      -khtml-user-select: none;
      /* webkit (konqueror) browsers */
      -ms-user-select: none;
      /* IE10+ */
}
.customer-details .bill-info .payment-options.extraFastCharge.active {
        border: 1px solid #e91e63;
}
.customer-details .bill-info .payment-options .each-option {
      margin-bottom: 5px;
}
.customer-details .bill-info .payment-options .each-option .extra_first {
        font-size: 11px;
        text-transform: uppercase;
}
.customer-details .bill-info .payment-options .each-option .payment-instructions {
        -webkit-box-shadow: 0px 0px 3px #d9d9d9;
                box-shadow: 0px 0px 3px #d9d9d9;
        border-radius: 2px;
        padding: 12px 15px 8px 15px;
}
.customer-details .bill-info .payment-options .each-option .radio label:before {
        top: 11px;
}
.customer-details .bill-info .payment-options .each-option .radio label:after {
        top: 14px;
}
.customer-details .bill-info .payment-options .each-option label img {
        height: 40px;
        border-radius: 3px;
        padding: 6px;
        -webkit-box-shadow: 0px 1px 4px #d9d9d9;
                box-shadow: 0px 1px 4px #d9d9d9;
        width: 90px;
        -o-object-fit: contain;
           object-fit: contain;
}
.customer-details .order-items {
    margin: 0;
}
.mt75 {
  margin-top: 75px;
}
.isloader {
  text-align: center;
  position: relative;
  margin-bottom: -25px;
}
.isloader img {
    height: 50px;
}
.myorders.panel.panel-default {
  border: 1px solid #e1e1e19e;
}
.myorders .panel-heading {
  background: #ececec6e !important;
  padding: 0;
  border-bottom: 1px solid #e1e1e19e;
}
.myorders .panel-heading.maintitle {
    padding: 0px 15px;
    background: #fff !important;
}
.myorders .panel-heading.maintitle h4 {
      font-size: 16px;
      color: #41c300;
      font-weight: 400;
}
@media only screen and (max-width: 560px) {
.myorders .panel-heading .panel-title {
      font-size: 12.5px;
}
}
@media only screen and (max-width: 560px) {
.myorders .panel-heading .panel-title .odate {
      margin-left: 3px;
}
}
@media only screen and (max-width: 560px) {
.myorders .panel-heading .panel-title .order-amount span {
      display: none;
}
}
.myorders .panel-heading .panel-title a {
    padding: 10px 15px;
    display: block;
    text-decoration: none;
}
.myorders .panel-heading .panel-title a:hover {
      text-decoration: none;
      color: #41c300;
}
.myorders .panel-title {
  font-size: 14px;
}
.myorders .order-items {
  max-width: inherit;
}
.myorders .order-items .checkout-table {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #f3f3f3;
}
.myorders .order-items .checkout-table tbody tr td {
      color: #000;
}
.myorders .order-items .thanks-msg {
    font-weight: 400;
}
.myorders .order-items .c-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
}
.myorders .order-summary {
  border: 1px solid #e1e1e19e;
  border-radius: 2px;
}
.myorders .order-summary tr td {
    padding: 12px 10px;
    font-size: 13px;
    color: #000;
    font-weight: 400;
}
@media only screen and (max-width: 767px) {
.myorders .order-summary tr td {
        width: 100% !important;
        display: block !important;
        padding: 10px 14px 0px 14px;
}
.myorders .order-summary tr td:nth-child(1) {
          padding-top: 17px;
}
.myorders .order-summary tr td:last-child {
          padding-bottom: 17px;
}
}
.myorders .order-summary tr td.base-color {
      font-weight: 400;
}
.myorders .shipping-info span {
  font-weight: 400;
}
.myorders .status-msg {
  -webkit-box-shadow: 0px 0px 4px #d7d7d7ad;
          box-shadow: 0px 0px 4px #d7d7d7ad;
  padding: 9px 15px;
  font-weight: 400;
  border-radius: 2px;
}
@media only screen and (max-width: 600px) {
.myorders.promotion_msg {
    text-align: center;
}
}
.myorders.promotion_msg .status-msg {
  overflow: hidden;
  background: -webkit-linear-gradient(left, rgba(152, 211, 97, 0.9) 10%, rgba(86, 180, 211, 0.9) 90%);
  color: #000;
}
.myorders.promotion_msg .btn-more {
  font-size: 14px;
  border-radius: 18px;
  height: 33px;
  background: #e91e63;
  padding-top: 6px;
  text-transform: inherit;
}
@media only screen and (max-width: 600px) {
.myorders.promotion_msg .btn-more {
      float: initial !important;
}
}
.myorders.promotion_msg .leftmsg {
  float: left;
  margin-top: 10px;
}
.myorders.promotion_msg b {
  font-weight: normal;
  font-size: 16px;
  color: #000;
}
.myorders .order-items {
  margin: 0;
}
.singleorder .top-area,
.singleorder footer {
  display: none;
}
.col-custom-5 {
  padding: 0 !important;
}
@media only screen and (min-width: 1160px) {
.col-custom-5 {
    width: 20% !important;
}
}
@media print {
.nonprint-area {
    display: none;
}
.myorder .panel-body {
    padding: 0;
}
.print-area {
    visibility: visible;
}
.pr-min-height {
    min-height: 450px;
}
@page {
    margin: 0;
}
.container {
    font-size: 14px;
}
.container .left-area {
      width: 75%;
      float: left;
}
.container .shipping-info {
      width: 25%;
      float: left;
}
.myorders .green-color {
    color: #43a047 !important;
}
.myorders .base-color {
    color: #e65100 !important;
}
.myorders table {
    width: 100%;
    border: 1px solid #e1e1e19e !important;
}
.myorders table.order-summary tr td {
      padding: 10px 7px !important;
      font-size: 13px !important;
}
.myorders table.checkout-table tr th {
      background-color: #f3f3f3 !important;
      vertical-align: middle;
      font-size: 13px;
      text-transform: uppercase;
      border-bottom: none !important;
}
.myorders table.checkout-table tr td {
      padding: 10px 7px !important;
      font-size: 13px !important;
      border: 1px solid #e1e1e19e !important;
      border-bottom: none !important;
}
}
.small-device-nav {
  min-height: 65px;
  background: #fff;
  padding: 0 15px;
  -webkit-box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.13);
          box-shadow: 0 1px 0px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.13);
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1030;
}
.small-device-nav.opensidebar {
    -webkit-box-shadow: none;
            box-shadow: none;
    -webkit-box-shadow: 2px 0px 2px #0000004f;
            box-shadow: 2px 0px 2px #0000004f;
    padding-left: 0;
}
.small-device-nav.opensidebar .hide-td {
      display: none;
}
.small-device-nav table {
    border: none;
    margin-bottom: 0;
}
.small-device-nav table tr {
      border: none;
}
.small-device-nav table tr td.search-td {
        position: relative;
}
.small-device-nav table tr td.search-td .search-img {
          position: absolute;
          right: 2.5px;
          float: right;
          z-index: 20;
          top: 12px;
          background: #fff;
          height: 38px;
          border-radius: 0px 4px 4px 0px;
          padding: 8px 8px 4px 4px;
          z-index: 1000;
          cursor: pointer;
}
.small-device-nav table tr td.search-td .search-img .white-search {
            display: none;
}
.small-device-nav table tr td.search-td .search-img.active {
            background: #41c300;
            padding: 8px 15px 4px 15px;
}
.small-device-nav table tr td.search-td .search-img.active .black-search {
              display: none;
}
.small-device-nav table tr td.search-td .search-img.active .white-search {
              display: block;
              opacity: 1 !important;
}
.small-device-nav table tr td.search-td .search-img img {
            width: 22px;
            opacity: 0.3;
}
.small-device-nav table tr td.search-td .custom-search {
          width: 100%;
          display: block;
          padding: 0 40px 0 12px;
          height: 40px;
          font-size: 13px;
          border-radius: 3px;
          position: relative;
          outline: none;
          left: 0;
          right: 0;
          border: 1px solid #cacaca4d;
          background: #fff;
}
.small-device-nav table tr td.search-td .custom-search:hover,
          .small-device-nav table tr td.search-td .custom-search :focus {
            outline: none;
}
.small-device-nav table tr td.search-td:hover .search-img img {
          opacity: 0.7;
}
.small-device-nav table tr td .dots {
        border: 1px solid #fff;
        width: 38px;
        text-align: center;
        padding: 6px;
        float: right;
        cursor: pointer;
        background: #fff;
        border-radius: 3px;
}
@media only screen and (max-width: 767px) {
.small-device-nav table tr td .dots {
            margin-top: 3px;
}
}
.small-device-nav table tr td .dots img {
          height: 18px;
}
.small-device-nav table tr td .dropdown-menu {
        left: -122px;
        top: 46.5px;
        border: 1px solid rgba(0, 0, 0, 0.04);
        -webkit-box-shadow: none;
                box-shadow: none;
}
.small-device-nav table tr td .dropdown-menu:before {
          border-bottom: 7px solid #8080801c;
          border-left: 7px solid transparent;
          border-right: 7px solid transparent;
          content: "";
          display: inline-block;
          right: 9px;
          position: absolute;
          top: -7px;
}
.small-device-nav table tr td .dropdown-menu li a {
          padding: 5px 12px;
          color: #757575;
          border-bottom: 1px solid #cccccc14;
}
.small-device-nav table tr td .dropdown-menu li a span {
            width: 18px;
            float: left;
            margin-right: 5px;
}
.small-device-nav table tr td .dropdown-menu li a span img {
              width: 17px;
}
.small-device-nav table tr td .dropdown-menu li:last-child a {
          border-bottom: none;
}
.small-device-nav table tr td .menu-collapse-btn {
        cursor: pointer;
}
@media only screen and (max-width: 890px) {
.small-device-nav table tr td .menu-collapse-btn {
            text-align: center;
}
}
.small-device-nav table tr td .menu-collapse-btn img {
          opacity: 0.8;
          height: 16px;
}
.small-device-nav table tr td .menu-collapse-btn:hover img {
          opacity: 1;
}
.small-device-nav table tr td .carts {
        position: relative;
        left: 35px;
        cursor: pointer;
}
@media only screen and (max-width: 767px) {
.small-device-nav table tr td .carts {
            display: none;
}
}
.small-device-nav table tr td .carts .badge {
          position: absolute;
          left: 19px;
          top: 0px;
          z-index: 1000;
          background: #ff9800;
          border-radius: 15%;
          width: 21px;
          height: 21px;
          line-height: 21px;
          font-size: 12px;
          text-align: center;
          font-weight: 500;
          padding: 0;
          -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06), 0 2px 10px 0 rgba(0, 0, 0, 0.02);
                  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.06), 0 2px 10px 0 rgba(0, 0, 0, 0.02);
}
.small-device-nav table tr td.fix-width {
        width: 320px;
}
@media only screen and (max-width: 767px) {
.small-device-nav table tr td.fix-width {
            width: 0px;
}
}
.banner-area.full .swiper-slide {
  height: auto;
}
@media only screen and (max-width: 767px) {
.banner-area.full .swiper-slide {
      height: auto;
}
}
.banner-area.full .swiper-slide.swiper-slide-active {
    width: 100% !important;
}
.banner-area .swiper-slide.featured {
  height: auto !important;
  border: 1px solid #0000002e;
}
.banner-area .swiper-slide.featured.swiper-slide-active {
    border-left: 1px solid #cccccc7d !important;
}
.banner-area .swiper-slide.featured:hover {
    border: 1px solid #cc8702 !important;
}
.banner-area .swiper-slide.featured .outSBtn .add-to-cart-btn {
    height: 35px;
    background: #cc8702;
    color: #fff;
    border: 1px solid #d2a10d;
}
.banner-area .swiper-slide.featured .add-to-cart-btn {
    font-size: 13px;
}
.banner-area .swiper-slide.featured .add-to-cart-btn img {
      width: 19px;
}
.banner-area .swiper-slide.featured .add-to-cart-btn span {
      position: relative;
      top: 3px;
      padding-left: 5px;
}
.banner-area .swiper-slide.featured .moreBtn {
    border: 1px solid #f89406;
    border-radius: 2px;
    overflow: hidden;
    display: block;
    -webkit-box-shadow: 0px 2px 4px #c8c8c8c4;
    box-shadow: 0px 2px 4px #c8c8c8c4;
    margin: 0px 6px 5px 6px;
}
.banner-area .swiper-slide.featured .moreBtn button {
      background: #fff;
      margin-left: 0;
      -webkit-box-shadow: none;
              box-shadow: none;
      height: 33px;
}
.banner-area .swiper-slide.featured .moreBtn .pl-mi {
      font-size: 17px;
      font-weight: lighter;
      color: #000;
      width: 40px;
}
.banner-area .swiper-slide.featured .moreBtn .pl-mi:hover {
        background: #ff9800;
        color: #fff;
        font-weight: 400;
}
.banner-area .swiper-slide.featured .moreBtn .pl-mi.border-right {
        border-right: 1px solid #e1e1e17d;
}
.banner-area .swiper-slide.featured .moreBtn .pl-mi.border-left {
        border-left: 1px solid #e1e1e17d;
        line-height: 16px;
}
.banner-area .swiper-slide.featured .moreBtn .border-ab {
      position: relative;
      text-transform: capitalize;
      padding: 0;
      width: calc(100% - 80px);
}
.banner-area .swiper-slide.featured .moreBtn .border-ab span {
        font-size: 15px;
        color: #000;
        font-weight: 400;
}
.banner-area .swiper-slide.featured .moreBtn .border-ab img {
        width: 17px;
        height: auto;
        position: relative;
        top: -3px;
        margin-left: 10px;
        -webkit-transition: 0s;
        transition: 0s;
}
.banner-area .swiper-slide .button-label {
  display: none;
}
.banner-area .swiper-slide:hover .button-label {
  display: block;
  position: absolute;
  z-index: 10000;
  top: -100px;
}
.banner-area .swiper-slide-box {
  height: 300px;
}
@media only screen and (max-width: 767px) {
.banner-area .swiper-slide-box {
      height: 145px;
}
}
.banner-area .swiper-slide-box.featured {
    height: auto !important;
    border: 1px solid #0000002e;
    border-top: none;
}
.banner-area .swiper-slide-box.featured.swiper-slide-active {
      border-left: 1px solid #cccccc7d !important;
}
.banner-area .swiper-slide-box.featured:hover {
      border: 1px solid #cc8702 !important;
}
.banner-area .swiper-slide-box.featured .outSBtn .add-to-cart-btn {
      height: 35px;
      background: #cc8702;
      color: #fff;
      border: 1px solid #d2a10d;
}
.banner-area .swiper-slide-box.featured .add-to-cart-btn {
      font-size: 13px;
}
.banner-area .swiper-slide-box.featured .add-to-cart-btn img {
        width: 19px;
}
.banner-area .swiper-slide-box.featured .add-to-cart-btn span {
        position: relative;
        top: 3px;
        padding-left: 5px;
}
.banner-area .swiper-slide-box.featured .moreBtn {
      border: 1px solid #f89406;
      border-radius: 2px;
      overflow: hidden;
      display: block;
      -webkit-box-shadow: 0px 2px 4px #c8c8c8c4;
      box-shadow: 0px 2px 4px #c8c8c8c4;
      margin: 0px 6px 5px 6px;
}
.banner-area .swiper-slide-box.featured .moreBtn button {
        background: #fff;
        margin-left: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
        height: 33px;
}
.banner-area .swiper-slide-box.featured .moreBtn .pl-mi {
        font-size: 17px;
        font-weight: lighter;
        color: #000;
        width: 40px;
}
.banner-area .swiper-slide-box.featured .moreBtn .pl-mi:hover {
          background: #ff9800;
          color: #fff;
          font-weight: 400;
}
.banner-area .swiper-slide-box.featured .moreBtn .pl-mi.border-right {
          border-right: 1px solid #e1e1e17d;
}
.banner-area .swiper-slide-box.featured .moreBtn .pl-mi.border-left {
          border-left: 1px solid #e1e1e17d;
          line-height: 16px;
}
.banner-area .swiper-slide-box.featured .moreBtn .border-ab {
        position: relative;
        text-transform: capitalize;
        padding: 0;
        width: calc(100% - 80px);
}
.banner-area .swiper-slide-box.featured .moreBtn .border-ab span {
          font-size: 15px;
          color: #000;
          font-weight: 400;
}
.banner-area .swiper-slide-box.featured .moreBtn .border-ab img {
          width: 17px;
          height: auto;
          position: relative;
          top: -3px;
          margin-left: 10px;
          -webkit-transition: 0s;
          transition: 0s;
}
.banner-area .swiper-slide-box .button-label {
    display: none;
}
.banner-area .swiper-slide-box:hover .button-label {
    display: block;
    position: absolute;
    z-index: 10000;
    top: -100px;
}
.swiper-button-next,
.swiper-button-prev {
  width: 30px;
  height: 30px;
  text-align: center;
  background: none;
  background: #fff;
  color: #ff3d00;
  border-radius: 50%;
  opacity: 1;
  -webkit-box-shadow: 1px 0px 3px #77777757;
  box-shadow: 1px 0px 3px #77777757;
  text-shadow: none !important;
  padding-top: 2px;
}
.swiper-button-next:after,
  .swiper-button-prev:after {
    font-size: 13px !important;
}
.swiper-button-next:hover,
  .swiper-button-prev:hover {
    background: #41c300;
}
.swiper-button-next:hover:after,
    .swiper-button-prev:hover:after {
      color: #fff;
}
.swiper-pagination-bullet {
  background: #fff;
  opacity: 1 !important;
  width: 12px !important;
  height: 12px !important;
  border: 2px solid #41c300;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #41c300;
}
@media only screen and (max-width: 767px) {
.main-slider-area {
    margin-top: 79px;
}
}
.main-slider-area img {
  height: 100%;
}
.main-slider {
  padding: 0 7.5px;
}
@media only screen and (min-width: 767px) {
.main-slider {
      padding: 0;
}
}
.main-slider img {
    width: 100%;
    height: 100%;
    border: 1px solid #eee9;
}
.vertical-alignment-helper {
  display: table;
  width: 100%;
  height: 100%;
}
.vertical-alignment-helper .vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.vertical-alignment-helper .vertical-align-center .modal-content {
      /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
      width: inherit;
      height: inherit;
      /* To center horizontally */
      margin: 0 auto;
      max-width: 350px;
}
.vertical-alignment-helper .vertical-align-center .modal-content textarea:focus {
        border: 1px solid #41c300;
        -webkit-box-shadow: none;
                box-shadow: none;
}
.vertical-alignment-helper .vertical-align-center .modal-content.bigwidth {
        max-width: 600px;
}
.vertical-alignment-helper .vertical-align-center .modal-content.bigwidth .modal-body {
          padding: 0 !important;
}
.vertical-alignment-helper .vertical-align-center .modal-content.bigwidth .close {
          background: #fff;
          line-height: 19px;
}
.vertical-alignment-helper .vertical-align-center .modal-content.bigwidth .close img {
            background: #fff !important;
            padding: 2px !important;
            border: none !important;
}
.toasted.bubble {
  background: #fff !important;
  color: #000 !important;
  border-radius: 3px !important;
  -webkit-box-shadow: 0 1px 5px rgba(142, 142, 142, 0.12), 0 1px 7px rgba(200, 200, 200, 0.24);
          box-shadow: 0 1px 5px rgba(142, 142, 142, 0.12), 0 1px 7px rgba(200, 200, 200, 0.24);
  font-size: 14px;
}
.toasted.bubble .fa-check-circle {
    color: #4ac60e;
}
.toasted.bubble .fa-exclamation-triangle {
    color: #f44336;
}
.login-sec {
  margin-top: 30px;
}
.terms {
  padding: 30px;
  -webkit-box-shadow: 0px 4px 12px #d9d9d9;
          box-shadow: 0px 4px 12px #d9d9d9;
}
.terms table {
    margin-bottom: 0;
}
.terms table tr td {
      padding: 0 15px;
      font-size: 14px;
      font-weight: 300;
}
.terms table tr td .tp {
        margin-top: -5px;
}
.terms table tr td ul.lists {
        list-style: none;
        padding-left: 15px;
}
.terms table tr td ul.lists li {
          list-style: none;
}
.terms table tr td ul.lists li i {
            color: #41c300;
            font-size: 13px;
            margin-right: 5px;
}
.main-slider-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.main-slider-area .same-col {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    float: none;
}
.order-activity {
  background: #fff;
  border: 1px solid #dddddd4f;
  border-radius: 2px;
  padding: 15px 0;
  -webkit-box-shadow: 0px 1px 2px #e6e6e657;
          box-shadow: 0px 1px 2px #e6e6e657;
  padding-left: 30px;
}
@media only screen and (max-width: 460px) {
.order-activity {
      padding-left: 7px;
}
}
.order-activity .steps {
    display: block;
}
.order-activity .steps .step {
      display: block;
      width: 100%;
      height: 60px;
}
.order-activity .steps .step .line {
        border-left: 1.5px solid #e5e8eb;
        height: 60px;
        position: relative;
        left: 125px;
        top: 15px;
}
.order-activity .steps .step div {
        display: inline-table;
        vertical-align: middle;
}
.order-activity .steps .step div.icon-box {
          position: relative;
          z-index: 10;
          width: 30px;
          height: 30px;
          padding: 5px;
          text-align: center;
          background: #c6c6c6b0;
          border-radius: 50%;
}
.order-activity .steps .step div.icon-box.receive {
            background: #ff9800;
}
.order-activity .steps .step div.icon-box.transit {
            background: #ffca28;
}
.order-activity .steps .step div.icon-box.approve {
            background: #29b6f6;
}
.order-activity .steps .step div.icon-box.collection {
            background: #00acc1;
}
.order-activity .steps .step div.icon-box.delivered {
            background: #8bc34a;
}
.order-activity .steps .step div.icon-box.cancel {
            background: #f44336;
}
.order-activity .steps .step div.step-tag {
          text-align: left;
          font-size: 11.5px;
}
.order-activity .steps .step div.step-tag .step-title {
            font-size: 11.5px;
}
.order-activity .steps .step div.date {
          width: 93px;
          font-size: 13px;
          text-align: right;
          margin-right: 10px;
}
.order-activity .steps .step:last-child .line {
        border: none;
}
.customer-detail-table {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px solid #f3f3f3;
}
.customer-detail-table tr td {
    font-size: 14px;
    padding: 7px 7px 7px 7px;
    border: 1px solid #f3f3f3;
}
.customer-detail-table tr td span {
      font-weight: 400;
}
.customer-detail-table tr td .c-title {
      margin-top: 0;
}
#sidebar-area {
  width: 240px;
  visibility: visible;
  position: relative;
  height: 100vh;
  float: left;
  -webkit-transition: all 3s;
  transition: all 3s;
}
#sidebar-area .sidenav-navigation {
    position: fixed;
    max-width: 240px;
    width: 100%;
    height: 100vh;
    z-index: 200;
    background: #fff;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
@media only screen and (max-width: 767px) {
#sidebar-area .sidenav-navigation {
        -webkit-transition: 0.5s;
        transition: 0.5s;
}
}
#sidebar-area .sidenav-navigation .left-menus {
      position: fixed;
      z-index: 1000;
      width: 240px;
      background: #fff;
      -webkit-box-shadow: 0px 0px 2px #0000002e;
              box-shadow: 0px 0px 2px #0000002e;
}
#sidebar-area .sidenav-navigation .left-menus .logo {
        display: block;
        width: 100%;
        text-align: center;
        margin-top: 10px;
        height: 56px;
        margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
#sidebar-area .sidenav-navigation .left-menus .logo {
            visibility: hidden;
}
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav {
        padding-left: 15px;
        list-style: none;
        overflow-y: auto;
        scrollbar-width: thin;
        height: 100vh;
        scrollbar-color: #ccc white;
        margin-bottom: 250px;
        scrollbar-width: thin;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li {
          font-size: 14px;
          line-height: 28px;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li.requestlink {
            border-bottom: 1px solid #bfbcbc4a;
            margin-bottom: 5px;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li.requestlink .food-list {
              color: #e91e63;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li.requestlink .activelink {
              font-weight: bolder !important;
              color: #41c300 !important;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li .parent {
            color: #ff9800;
            width: 100%;
            display: block;
            padding-right: 11px;
            font-weight: 400;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li a {
            width: 100%;
            display: block;
            padding-right: 11px;
            color: #282828;
            font-weight: 400;
            border-bottom: 1px solid transparent;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li a.router-link-active {
              color: #41c300;
              text-decoration: none;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li a.parent {
              border-bottom: 1px solid #cccccc4a;
              color: #41c300;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li a i {
              line-height: 28px;
              color: #41c300;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li a:hover {
              border-bottom: 1px solid #cccccc4a;
              color: #41c300;
              text-decoration: none;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li .mn-icon {
            height: 21px;
            width: 21px;
            position: relative;
            left: -10px;
            float: left;
            text-align: center;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li .mn-icon img {
              margin: auto;
              height: 21px;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li ul {
            list-style: none;
            padding-left: 20px;
            border-left: 1px solid #eeeeee7d;
}
#sidebar-area .sidenav-navigation .left-menus .parent-nav li ul li ul {
              padding-left: 15px;
              border-left: 1px solid #eeeeee7d;
}
#sidebar-area .sidenav-navigation .left-menus .bottom-height {
        height: 200px;
}
#sidebar-area .sidenav-navigation #sidenav-overlay {
      position: fixed;
      top: 0;
      right: 0;
      left: 0;
      z-index: 999;
      height: 100vh;
      background-color: rgba(0, 0, 0, 0.5);
      will-change: opacity;
      display: none;
}
#sidebar-area .sidenav-navigation #sidenav-overlay:hover {
        background-color: rgba(0, 0, 0, 0.4);
}
@media only screen and (max-width: 767px) {
#sidebar-area .sidenav-navigation #sidenav-overlay {
          display: block;
}
}
#sidebar-area.hidden-sidebar {
    display: none;
    width: 0;
    visibility: hidden;
}
.main {
  min-height: 85vh;
}
#content-area {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: calc(100% - 240px);
  min-height: 100vh;
  float: left;
  position: relative;
}
#content-area.fullwidth {
    width: 100%;
}
#content-area.fullwidth .hide-td {
      width: 240px;
      display: revert;
}
@media only screen and (max-width: 890px) {
#content-area.fullwidth .hide-td {
          width: 157px;
}
}
#content-area.fullwidth .searchloader {
      width: 100% !important;
}
#content-area.fullwidth .searchloader img {
        width: auto;
}
@media only screen and (max-width: 767px) {
#content-area .hide-td {
      display: none !important;
}
}
#content-area .banner-area {
    height: auto !important;
}
@media only screen and (max-width: 767px) {
#content-area .banner-area {
        height: auto !important;
}
}
#content-area .banner-area.full img {
      width: 100%;
      height: 100%;
      -o-object-fit: contain;
         object-fit: contain;
}
#content-area .banner-area.products-banner {
      border-left: none;
      height: auto;
      margin: 0 15px;
}
@media only screen and (max-width: 420px) {
#content-area .banner-area.products-banner {
          max-width: 370px;
          margin: auto;
}
}
@media only screen and (max-width: 638px) {
#content-area .banner-area.products-banner {
          margin-top: 15px;
}
}
#content-area .banner-area.products-banner .swiper-slide {
        border: 1px solid #cccccc7d;
}
#content-area .categories {
    -webkit-transition: all 3s;
    transition: all 3s;
}
#content-area .categories .col {
      padding: 0 7.5px !important;
}
@media only screen and (min-width: 1180px) {
#content-area .categories .col {
          width: 16.6%;
}
}
#content-area .categories .col .cat {
        border: 1px solid #59595912;
        -webkit-box-shadow: 0px 0px 4px #79797908;
                box-shadow: 0px 0px 4px #79797908;
        overflow: hidden;
        width: 100%;
        height: 100%;
        float: left;
        margin-top: 15px;
        padding: 0px 0 10px 0;
        text-align: center;
}
#content-area .categories .col .cat div {
          display: block;
          text-align: center;
}
#content-area .categories .col .cat div img {
            max-height: 130px;
            margin: auto;
            -webkit-transition: all 3s;
            transition: all 3s;
}
#content-area .categories .col .cat:hover .cname {
          color: #41c300;
          text-transform: uppercase;
}
#content-area .categories .col .cat:hover img {
          -webkit-transform: scale(1.1);
                  transform: scale(1.1);
}
#content-area .categories .col .cname {
        color: #000;
        font-weight: 500;
        font-size: 14px;
        padding-top: 10px;
}
#content-area .add-box .col {
    padding: 0 7.5px;
}
#content-area .order-process .col {
    padding: 0 7.5px;
}
#content-area .mainbody {
    min-height: calc(100vh - 70px);
}
.small-device #content-area {
  width: 100%;
}
.small-device #sidebar-area {
  position: absolute;
  width: 0;
  visibility: hidden;
}
.small-device #sidebar-area {
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.small-device #sidebar-area.show {
    visibility: visible;
}
.toplinks {
  position: relative;
  top: 12px;
}
.toplinks a {
    padding: 11px;
    font-size: 14px;
    font-weight: 400;
}
.toplinks a .logout-area {
      width: 73px !important;
      display: inline-grid;
      text-transform: uppercase;
      position: relative;
      overflow: hidden;
      height: 32px;
      top: -8px;
      text-align: right;
      font-size: 11px;
      word-break: break-all;
}
.toplinks a img {
      position: relative;
      top: -2px;
      right: -2px;
}
.toplinks a:hover {
      color: #41c300;
}
.toplinks .bigdropdown {
    width: 50px;
    top: 39px !important;
    left: auto !important;
}
.extra-area {
  margin-top: 30px;
  border-top: 1px solid #cccccc5e;
  padding-bottom: 20px;
  padding-top: 15px;
  background: #77777705;
}
.extra-area .footer .col {
    padding: 0 7.5px;
}
.extra-area .footer .col.payments .flinks {
      padding: 0;
      margin: 0;
}
.extra-area .footer .col.payments .flinks li {
        list-style: none;
        line-height: 26px;
}
.extra-area .footer .col.payments .flinks li b {
          text-transform: uppercase;
}
.extra-area .footer .col.payments .flinks li a {
          color: #000;
          text-transform: capitalize;
}
.extra-area .footer .col.payments .flinks li a:hover {
            color: #41c300;
}
.extra-area .footer .col.payments i {
      color: #41c300;
}
.extra-area .footer .col.payments .callicon {
      margin-top: 6px;
      margin-right: 13px;
}
.extra-area .footer .col.payments .email span {
      font-size: 16px;
      font-weight: 400;
      color: #000;
      line-height: 28px;
}
.extra-area .footer .col.payments .numbers span {
      font-size: 18px;
      font-weight: 400;
      color: #000;
      position: relative;
      top: 5px;
}
.extra-area .footer .col.payments h3 {
      margin-bottom: 15px;
      color: #000;
      font-size: 20px;
}
.extra-area .footer .col.payments .pay-option {
      width: 95px;
      height: 41px;
      padding: 5px 5px 5px 5px;
      border-radius: 2px;
      float: left;
      margin-top: 10px;
      margin-right: 10px;
      -webkit-box-shadow: 0px 0px 2px #99999996;
              box-shadow: 0px 0px 2px #99999996;
      text-align: center;
}
.extra-area .footer .col.payments .pay-option img {
        width: 82%;
        margin: auto;
        -o-object-fit: contain;
           object-fit: contain;
}
.auth-panel {
  max-width: 350px;
  margin: 30px auto 0px auto;
  display: block;
  border: 1px solid red;
  background: #fff;
  padding: 30px 30px 20px 30px;
  border: 1px solid #f4f4f4;
  -webkit-box-shadow: 0px 1px 3px #eaeaea;
          box-shadow: 0px 1px 3px #eaeaea;
  border-radius: 4px;
}
.auth-panel .logo img {
    max-width: 180px;
    margin: auto;
}
.auth-panel .fields h3 {
    font-size: 15px;
}
.auth-panel .fields input {
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 2px;
    height: 35px;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.auth-panel .fields input:focus {
      border-color: #90a4ae;
}
.auth-panel .fields .in-message {
    font-size: 13px;
}
.auth-panel .fields .in-message span {
      color: #41c300;
      font-weight: 400;
      text-transform: uppercase;
}
.auth-panel .fields .forgot {
    font-size: 13px;
    color: #455a64;
    margin-top: -9px;
    font-weight: 400;
}
.btn-login {
  background: #41c300;
  color: #fff;
  border-radius: 2px;
  margin: 15px auto 30px auto;
  border: 1px solid #41c300;
  padding: 5px 25px;
}
.btn-login:hover {
    background: #41c300;
    color: #fff;
}
.bg-fix {
  background: #fefefe;
  -webkit-box-shadow: 0 1px 4px 0 rgba(161, 158, 158, 0.16), 0 2px 3px 0 rgba(188, 188, 188, 0.12);
  box-shadow: 0 1px 4px 0 rgba(161, 158, 158, 0.16), 0 2px 3px 0 rgba(188, 188, 188, 0.12);
  border-radius: 4px;
  margin-top: 20px;
  margin-bottom: 30px;
  font-size: 16px;
  padding: 30px;
}
.bg-fix h3 {
    font-size: 18px;
    padding-top: 10px;
    color: #41c300;
}
.bg-fix h3 span {
      color: #000;
}
.cancel-modal .modal-dialog {
  width: 360px;
  text-align: center;
  border-radius: 3px;
  overflow: hidden;
}
.cancel-modal .modal-dialog .status-icon {
    width: 40px;
}
.cancel-modal .modal-dialog h2 {
    font-size: 18px;
}
.cancel-modal .modal-footer {
  text-align: center;
  border-top: 1px solid #cccccc36;
}
.cancel-modal .modal-footer button {
    padding: 8px 25px;
}
@media only screen and (max-width: 767px) {
.modal-body .close {
    font-size: 30px;
    border: 1px solid #9b9b9b;
    position: absolute;
    z-index: 10000;
    right: 15px;
    width: 40px;
    color: #000;
    height: 40px;
}
}
@media only screen and (max-width: 767px) {
.modal-body .right-border {
    border-right: none;
    padding-right: 0;
}
}
.locations {
  background: url("https://gopalganjbazar.com/web/uploads/locbg.jpg") no-repeat center top;
  padding: 30px 15px;
}
.locations i {
    color: #8bc34a;
}
.locations .loc {
    font-size: 14px;
    color: #212121;
    margin-top: 10px;
}
.mobilemenu {
  position: fixed;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #fff;
  z-index: 12000;
  -webkit-box-shadow: 0px 0px 5px #c8c8c8e3;
          box-shadow: 0px 0px 5px #c8c8c8e3;
  display: none;
}
@media only screen and (max-width: 767px) {
.mobilemenu {
      display: block;
}
}
.mobilemenu div {
    position: relative;
    vertical-align: bottom;
    display: inline-table;
    text-align: center;
    cursor: pointer;
}
.mobilemenu div.same {
      padding-bottom: 5px;
      padding-top: 6px;
      width: 65px;
}
.mobilemenu div.same:hover {
        background: #cccccc1c;
}
.mobilemenu div.same .badge {
        position: absolute;
        right: 8px;
        top: 7px;
        border-radius: 4px;
        background: #ff6d00;
        color: #fff !important;
        z-index: 100;
        -webkit-box-shadow: none;
                box-shadow: none;
}
.mobilemenu div.same .iconbag {
        left: -3px;
        position: relative;
        z-index: 0;
}
.mobilemenu div.gocheckout {
      width: calc(100% - 137px);
}
.mobilemenu div.gocheckout span,
      .mobilemenu div.gocheckout a {
        background: #ff9800;
        color: #fff;
        height: 42px;
        font-size: 17px;
        line-height: 42px;
        margin: auto;
        display: block;
        text-decoration: none;
}
.mobilemenu div.gocheckout span:hover,
        .mobilemenu div.gocheckout a:hover {
          text-decoration: none;
          background: #fb8c00;
}
.notfountlist {
  max-width: 320px;
  margin: 4px auto;
  padding: 15px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 3px #c4c4c4;
          box-shadow: 0px 0px 3px #c4c4c4;
  overflow: hidden;
}
.notfountlist h3 {
    font-size: 19px;
    color: #000;
}
.notfountlist h3.nofount_title_bn {
      line-height: 30px;
}
.notfountlist input,
  .notfountlist textarea {
    -webkit-box-shadow: none;
            box-shadow: none;
    border: 1px solid #cccccc5e;
}
.notfountlist input:hover, .notfountlist input:focus,
    .notfountlist textarea:hover,
    .notfountlist textarea:focus {
      -webkit-box-shadow: none;
              box-shadow: none;
      border: 1px solid #41c300;
}
.select2-container--default .select2-selection--single {
  border: 1px solid #cccccc80;
}
.select2-container .select2-selection--single {
  height: 37px;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow
b {
  margin-top: 3px;
}
.select2-container--default
.select2-selection--single
.select2-selection__rendered {
  line-height: 37px;
  outline: none !important;
}
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  outline: none !important;
}
.select2-search--dropdown .select2-search__field {
  outline: none !important;
}
.medicine-area {
  vertical-align: middle;
  overflow: hidden;
  margin-top: 15px;
}
.medicine-area .parea {
    text-align: right;
}
@media only screen and (max-width: 370px) {
.medicine-area .parea {
        text-align: center;
}
}
.medicine-area .shape {
    background-position: right top;
    background-repeat: no-repeat;
    height: 218px;
    margin-top: -38px;
    margin-right: -15px;
}
.medicine-area .shape h2 {
      color: #fff;
      font-size: 29px;
      font-weight: 500;
      padding-top: 59px;
      padding-right: 35px;
      text-shadow: 1px 0px 1px #373737;
}
@media only screen and (max-width: 500px) {
.medicine-area .shape h2 {
          font-size: 22px;
}
}
.medicine-area .shape button {
      margin-right: 35px;
}
.app-area {
  background: -webkit-linear-gradient(left, rgba(152, 211, 97, 0.9) 10%, rgba(86, 180, 211, 0.9) 90%);
  padding: 2px 0px 18px 0px;
  text-align: center;
  margin-bottom: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 500px) {
.app-area .appmsg {
      width: 100%;
      display: block;
      margin-bottom: 20px;
}
}
.app-area h3 {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    text-shadow: 1px 1px 0px #000;
}
@media only screen and (max-width: 767px) {
.app-area h3 {
        font-size: 15px;
}
}
@media only screen and (max-width: 460px) {
.app-area h3 {
        font-size: 18px;
}
}
.app-area h3 .btnapp {
      background: #fff;
      color: #333;
      border: 1px solid #fff;
      text-transform: capitalize;
      margin-left: 15px;
      font-size: 15px;
      padding: 11px 13px 11px 16px;
      border-radius: 4px;
      text-shadow: none;
      font-weight: 500;
      -webkit-box-shadow: 0px 1px 3px #0000004a;
      box-shadow: 0px 1px 3px #0000004a;
}
@media only screen and (max-width: 767px) {
.app-area h3 .btnapp span {
          position: relative;
          top: -3px;
}
}
@media only screen and (max-width: 460px) {
.app-area h3 .btnapp {
          width: 187px;
          font-size: 16px;
          margin: 15px auto auto auto;
          display: block;
}
}
.app-area h3 .btnapp i {
        color: #98d361;
        font-size: 23px;
        position: relative;
        top: 1px;
        right: 5px;
}
@media only screen and (max-width: 767px) {
.app-area h3 .btnapp i {
            top: -2px;
}
}
.app-area h3 .btnapp:hover {
        background: #98d361;
        color: #fff;
        border: 1px solid #98d361;
        text-decoration: none;
        outline: none;
}
.app-area h3 .btnapp:hover i {
          color: #fff;
}
@media only screen and (max-width: 767px) {
.quickModal .modal-body {
    padding-bottom: 50px !important;
}
}
.fullarea {
  width: 100%;
  display: block;
  overflow: hidden;
  padding-top: 40px;
}
.fullarea button {
    margin: auto;
}
.fullarea button.orderCompleteBtn {
      background: #ff9800;
}
.fullarea button.orderCompleteBtn:hover {
        background: #41c300;
}
.fullarea .invisible-xs-loadmore {
    display: none;
}
@media only screen and (max-width: 767px) {
.fullarea .invisible-xs-loadmore {
        display: block;
}
}
.showloader {
  width: 281px;
  position: absolute;
  border-radius: 0 !important;
  top: 136px;
  left: 29px;
  opacity: 0.8;
}
.food-item {
  display: table;
  width: 100%;
  height: 100%;
}
/* -----------------------------------
** resturent
-------------------------------------*/
.restaurents {
  padding: 10px;
}
@media only screen and (max-width: 660px) {
.restaurents .col-xss-12 {
      width: 100%;
}
}
.restaurents .restaurent {
    display: table;
    width: 100%;
    height: 100%;
    -webkit-box-shadow: -1px 1px 3px #6c6c6c52;
            box-shadow: -1px 1px 3px #6c6c6c52;
    -webkit-transition: all 3s;
    transition: all 3s;
    border-radius: 3px;
    overflow: hidden;
}
.restaurents .restaurent:hover {
      -webkit-transition: all 3s;
      transition: all 3s;
      -webkit-box-shadow: 0px 0px 4px #6c6c6cc4;
              box-shadow: 0px 0px 4px #6c6c6cc4;
}
.restaurents .restaurent > div {
      width: 100%;
      height: 100%;
      vertical-align: middle;
}
.restaurents .restaurent__image-wrap {
      display: block;
      overflow: hidden;
      position: relative;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s;
      max-height: 200px;
}
.restaurents .restaurent__image-wrap .overlay {
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        position: absolute;
        background: #000;
        opacity: 0.1;
        height: 100%;
        width: 100%;
        left: 0;
}
.restaurents .restaurent__image-wrap .overlay:hover {
          -webkit-transition: all 0.4s ease-out;
          transition: all 0.4s ease-out;
          opacity: 0;
}
.restaurents .restaurent__image-wrap:hover img {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        -webkit-transition: 0.7s;
        transition: 0.7s;
}
.restaurents .restaurent__image {
      -o-object-fit: cover;
      object-fit: cover;
      width: 100%;
      -webkit-transition: 0.7s;
      transition: 0.7s;
}
.restaurents .restaurent__text-content {
      padding-top: 15px;
      padding-left: 15px;
      padding-bottom: 20px;
      padding-right: 15px;
      border-left: 1px dashed #64646463;
}
.restaurents .restaurent__title {
      margin-bottom: 15px;
      font-weight: 500;
      letter-spacing: 1px;
      text-transform: none;
      font-size: 17px;
}
.restaurents .restaurent__title a {
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        color: #000;
}
.restaurents .restaurent__title a:hover {
          color: #41c300;
}
.restaurents .restaurent .restaurent__booking .btn--small {
      border: 1px solid #41c300;
      background: #41c300;
      color: #fff;
      border-radius: 30px;
      text-transform: uppercase;
      font-size: 13px;
      width: 122px;
}
.restaurents .restaurent .restaurent__booking .btn--small:hover {
        color: #000;
        background: #41c300;
}
/* -----------------------------------
** End resturent
-------------------------------------*/
.products-list
.col
.product
.summary
.button-label
.btn-group.outSBtn
.btn.add-to-cart-btn {
  background: #cc8702;
  color: #fff;
  border: 1px solid #d2a10d;
}
.requestModal .modal-dialog {
  width: 375px;
}
.requestModal .modal-dialog .modal-title {
    font-size: 16px;
    color: #464646;
}
.requestModal .modal-dialog .modal-content {
    -webkit-box-shadow: 0px -1px 10px #c8c7c7;
            box-shadow: 0px -1px 10px #c8c7c7;
    border-radius: 5px;
}
.requestModal .modal-dialog .modal-content .form-control {
      border-color: #e6e4e4;
      -webkit-box-shadow: none;
              box-shadow: none;
      color: #000;
}
.requestModal .modal-dialog .modal-content .btn.btn-sm {
      padding: 11px;
      width: 100%;
}
.income_summary {
  max-width: 369px;
  margin: 30px auto;
  min-height: 390px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 8px #a4eee4;
          box-shadow: 0px 2px 8px #a4eee4;
  text-align: center;
  padding: 35px;
}
.income_summary.affiliate {
    max-width: 600px !important;
    margin-bottom: 0 !important;
}
.income_summary.affiliate.full {
      max-width: 100% !important;
      width: 100% !important;
}
.income_summary.affiliate.noshadow {
      -webkit-box-shadow: none;
              box-shadow: none;
      padding: 0;
}
.income_summary.affiliate .lists {
      text-align: left;
      padding-left: 13px;
      list-style: disclosure-closed;
      font-size: 15px;
      color: #404040;
      line-height: 24px;
}
.income_summary.affiliate .lists b {
        font-weight: normal;
        color: #41c300;
}
.income_summary.affiliate .deposit_form .customer-details .c-title {
      font-size: 13px;
}
.income_summary p {
    font-size: 15px;
}
.income_summary p span {
      font-size: 25px;
      color: #41c300;
}
.income_summary p b {
      font-size: 13px;
}
.income_summary img {
    margin-top: 50px;
    margin-bottom: 50px;
}
.stock-out {
  color: red;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
}
.areaList {
  position: relative;
}
.areaList .abs-area {
    position: absolute;
    width: 100%;
}
.areaList ul {
    position: absolute;
    background: #fff;
    max-height: 250px;
    width: 100%;
    padding: 0;
    overflow-y: scroll;
    z-index: 1000;
    padding-top: 8px;
    padding-bottom: 5px;
    -webkit-box-shadow: 0px 1px 6px #c6c6c6;
            box-shadow: 0px 1px 6px #c6c6c6;
}
.areaList ul li {
      cursor: pointer;
      padding: 6px 10px 6px 12px;
}
.areaList ul li:hover {
        background: #41c300;
}
.areaInput {
  position: relative;
}
.areaInput .close {
    position: absolute;
    width: 100%;
    height: 39px;
    top: 0;
    opacity: 1;
    text-align: right;
}
.areaInput .close i {
      top: 6px;
      right: 10px;
      position: relative;
      font-size: 17px;
}
.areaInput .form-control[readonly] {
    background: #fff;
}
.file-sec {
  -webkit-box-shadow: 0px 0px 4px #79797908;
          box-shadow: 0px 0px 4px #79797908;
  height: 180px;
  border: 1px solid #59595912;
}
.featured .each {
  text-align: center;
}
.featured .each:hover .area-img img {
    opacity: 0.6;
}
.featured .each:hover .quickview {
    color: #000 !important;
}
.featured .each .area-img {
    height: 190px;
    overflow: hidden;
    vertical-align: middle;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    padding: 0 5px;
    -webkit-transition: all 3s;
    transition: all 3s;
}
@media only screen and (max-width: 460px) {
.featured .each .area-img {
        height: 185px;
}
}
.featured .each .area-img .quickview {
      position: absolute;
      left: 6px;
      top: 5px;
      z-index: 200;
      background: #fff;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      padding-top: 8px;
      font-size: 15px;
      color: #00000080;
      cursor: pointer;
      border: 1px solid #cccccc61;
}
.featured .each .area-img .quickview:hover {
        color: #41c300 !important;
        -webkit-box-shadow: 1px 4px 4px #bdbdbd;
                box-shadow: 1px 4px 4px #bdbdbd;
}
.featured .each .area-img img {
      -webkit-transition: all 3s;
      transition: all 3s;
      margin: auto;
      max-height: 190px;
}
.featured .each .summary {
    z-index: 100;
    background: #fff;
    position: relative;
    width: 100%;
    text-align: center;
}
.featured .each .summary .name {
      color: #000;
      text-transform: capitalize;
      min-height: 41px;
      text-align: center;
      margin-bottom: 0;
      font-size: 15px;
      margin-top: 5px;
}
.featured .each .summary .name a {
        color: #000;
}
.featured .each .summary .name a:hover {
          color: #41c300;
}
.featured .each .summary .weight {
      font-size: 12px;
      width: 100%;
      display: block;
      color: #37474f;
      margin-bottom: 10px;
      margin-top: 5px;
      font-weight: 500;
      text-transform: capitalize;
}
.featured .each .summary .price .running {
      color: #06b500;
      font-weight: 500;
      font-size: 15px;
}
.featured .each .summary .price .discounted {
      text-decoration: line-through;
      color: #607d8b;
      font-size: 12px;
      margin-top: 10px;
}
.featured .each .summary .button-label {
      background: #fff;
      width: 100%;
      border: 1px solid transparent;
      -webkit-box-shadow: none;
              box-shadow: none;
      border-radius: 0;
}
.featured .each .summary .button-label .moreBtn {
        display: none;
}
.featured .each .summary .button-label.cartAdded .newBtn {
        display: none !important;
}
.featured .each .summary .button-label.cartAdded .moreBtn {
        border-radius: 30px;
        display: block !important;
}
.featured .each .summary .button-label .btn-group.d-block {
        display: block;
        padding: 0px 5px 5px 5px;
        width: 100%;
        float: inline-start;
}
.featured .each .summary .button-label .btn-group.d-block .btn.add-to-cart-btn {
          width: 100%;
          margin: auto;
          margin-bottom: auto;
          background: #fff;
          color: #263238;
          border: 1px solid #41c300;
          margin-bottom: 8px;
          -webkit-box-shadow: 0px 2px 4px #c8c8c8c4;
          box-shadow: 0px 2px 4px #c8c8c8c4;
          border-radius: 30px;
}
.toasted {
  text-transform: capitalize;
}
.toasted span {
    color: #e91e63;
    font-size: 15px;
    height: 22px;
    border-radius: 46px;
    width: 22px;
    text-align: center;
    margin-right: 7px;
    padding-top: 3px;
    -webkit-box-shadow: 0px 0px 1px #e91e637a;
            box-shadow: 0px 0px 1px #e91e637a;
    margin-left: -14px;
    text-transform: capitalize;
}
.upload {
  padding: 0px 9px 11px 9px;
}
@media only screen and (max-width: 500px) {
.upload {
      -webkit-box-shadow: 0px 0px 4px #79797908;
              box-shadow: 0px 0px 4px #79797908;
      border: 1px solid #59595912;
      height: 308px;
}
}
.upload .file-sec {
    width: 100%;
    border-radius: 4px;
    padding: 15px 20px 15px 15px;
    background: #fff;
    background-size: contain;
    background-position: left 20px bottom -5px;
    background-repeat: no-repeat;
}
@media only screen and (max-width: 500px) {
.upload .file-sec {
        height: auto;
        text-align: center;
        background-position: center 20px top -5px;
        background-size: 195px;
        background-size: contain;
        background-position: center;
        -webkit-box-shadow: none;
                box-shadow: none;
        border: none;
}
}
.upload .file-sec .box {
      float: right;
}
@media only screen and (max-width: 500px) {
.upload .file-sec .box {
          float: none;
          position: relative;
          top: 145px;
}
}
.upload .file-sec .box h4 {
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0;
        text-transform: uppercase;
        margin-top: 30px;
        color: #41c300 !important;
}
.upload .file-sec .box h3 {
        font-size: 17px;
        font-weight: 400;
        margin-bottom: 22px;
        margin-top: 9px;
        text-transform: uppercase;
}
@media only screen and (max-width: 500px) {
.upload .file-sec .box h3 {
            margin-bottom: 13px;
}
}
.upload .file-sec .box button {
        border-radius: 50px;
}
.sec-title {
  margin-top: 35px;
  text-align: center;
}
.sec-title h4 {
    color: #e91e63;
}
.sec-title h5 {
    line-height: 3px;
    text-transform: uppercase;
    font-size: 13px;
}
.swiper-pagination-feature {
  text-align: center;
  padding-top: 15px;
}
.swiper-pagination-feature .swiper-pagination-bullet {
    background: #fff;
    opacity: 1 !important;
    width: 9px !important;
    height: 9px !important;
    border: 1px solid #9a9b9a;
}
.swiper-pagination-feature .swiper-pagination-bullet.swiper-pagination-bullet-active {
      background: #41c300;
      border: 1px solid #41c300;
}
.morelink {
  margin: auto;
  text-align: center;
  text-transform: uppercase;
  font-size: 12px;
}
.morelink a:hover {
    color: #41c300 !important;
}
#DepositRequestModal .modal-body {
  padding-bottom: 0 !important;
}
.jobBtn {
  border-radius: 30px;
}
.jobs .realtive-area {
  text-align: left;
}
.jobs label {
  font-size: 13px;
  font-weight: 300;
  text-transform: uppercase;
}
.jobs input,
.jobs textarea {
  border: 1px solid #cccccc80;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-shadow: none;
  min-height: 38px;
}
.jobs input:focus,
  .jobs textarea:focus {
    border: 1px solid #41c300;
    -webkit-box-shadow: none;
    box-shadow: none;
    box-shadow: none;
}
.details {
  margin-top: 30px;
  padding: 0 30px;
}
.details .fimage {
    border: 1px solid #ccc;
    padding: 5px;
    margin-bottom: 10px;
    max-height: 300px;
    width: 100%;
    -o-object-fit: contain;
       object-fit: contain;
}
.details .simg {
    border: 1px solid #ccc;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    float: left;
    display: inline;
    margin-right: 10px;
    cursor: pointer;
}
.details .simg:hover {
      border: 1px solid #06b500;
}
.details .simg img {
      height: 58px;
      width: 58px;
      border-radius: 50%;
      -o-object-fit: fill;
         object-fit: fill;
}
.details .ptitle {
    margin-top: 0;
}
@media only screen and (max-width: 990px) {
.details .ptitle {
        margin-top: 30px;
}
}
.details .running {
    font-size: 24px;
}
.details .discounted {
    font-size: 16px;
}
.details .discounted span {
      text-decoration: line-through;
}
@media only screen and (max-width: 990px) {
.details .nav.nav-tabs .active {
      padding-top: 30px !important;
}
}
.details .tab-pane {
    border: 1px solid #ccc;
    border-top: none;
    padding: 15px;
}
.details .p_quantity {
    border: 1px solid #41c300;
    float: left;
    border-radius: 3px;
    margin-top: 15px;
}
.details .p_quantity .qty {
      font-size: 16px;
      padding: 0px 7px 0px 7px;
      color: #000;
      position: relative;
      top: 2px;
      font-weight: 600;
}
.details .plminus {
    font-size: 25px;
    width: 33px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    color: #41c300;
    -webkit-box-shadow: none;
            box-shadow: none;
    padding: 0;
    background: none;
}
.details .plminus:focus, .details .plminus:visited, .details .plminus:active {
      -webkit-box-shadow: none !important;
              box-shadow: none !important;
      background: none !important;
}
.details .plminus:hover {
      font-weight: bold;
      -webkit-box-shadow: none;
              box-shadow: none;
      background: none;
}
.vsc-popup {
  bottom: 70px !important;
}
.vsc-popup-button--default {
  background-color: #2eb340 !important;
  width: 45px !important;
  height: 45px !important;
}
.vsc-popup-button img {
  width: 22px !important;
}
.vsc-popup-button:focus,
.vsc-popup-button:hover {
  -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--vsc-outline-color) !important;
          box-shadow: 0 0 0 3px #fff, 0 0 0 6px var(--vsc-outline-color) !important;
}
.vsc-popup-button:focus,
.vsc-popup-button:hover {
  -webkit-box-shadow: 0 0 0 3px #fff, 0 0 0 6px #2eb340 !important;
          box-shadow: 0 0 0 3px #fff, 0 0 0 6px #2eb340 !important;
}
.vsc-popup-body__link-info .vsc-popup-body__link-info__label {
  margin-top: 9px;
  margin-bottom: 9px;
}
.vsc-popup-body__link-info__name {
  color: #ff9800;
  font-size: 19px !important;
  font-family: "Adorable Handmade";
  font-weight: normal !important;
}
.vsc-popup-body__list-item:focus {
  border: none !important;
  outline: none !important;
}
.vsc-popup-body__link {
  border: 1px solid #cccccc7a;
  padding: 7px;
}
.vsc-popup-body__link:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.vsc-popup-header {
  padding: 9px 20px !important;
  border-bottom: 5px solid var(--vsc-border-color-bottom-header);
  background-color: #f57c00 !important;
}
.v-lazy-image {
  opacity: 0.6;
  width: 100px;
}
.v-lazy-image.v-lazy-image-loaded {
  opacity: 1;
  width: auto;
}
#Passfail {
  color: #e91e63;
  border: 1px solid #e91e63;
  padding: 5px;
  border-radius: 2px;
}
#PassSuccess {
  color: #41c300;
  border: 1px solid #41c300;
  padding: 5px;
  border-radius: 2px;
}
.deliverytitle {
  font-size: 14px;
  text-align: left;
  font-weight: 500;
}
.btn-login.otpbtn.deliver {
  border-radius: 2px;
  margin: 0;
  position: inherit;
  padding: 6px 7px;
  font-size: 11px;
  background: #fb8c00;
  border: 1px solid #fb8c00;
}
.deliverytitle span {
  float: right;
  font-size: 11px;
  color: #00796b;
  cursor: pointer;
}
.swiper-wrapper-box {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /* 5 columns */
  border-top: 1px solid #0000002e;
}
.swiper-slide-box.featured {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  /* 5 items per screen */
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px;
}
@media (max-width: 1200px) {
.swiper-wrapper-box {
    grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 992px) {
.swiper-wrapper-box {
    grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 768px) {
.swiper-wrapper-box {
    grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 480px) {
.swiper-wrapper-box {
    grid-template-columns: repeat(2, 1fr);
}
}
.mt-15 {
  margin-top: 15px;
}
#storyModal .modal-body {
  padding: 0 !important;
}
.modal-auto-width {
  max-width: 100%;
  width: auto;
}
.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 100vh;
}
button.closebtn {
  background: 0 0;
  border: 0;
  position: absolute;
  right: 5px;
  background: #fff;
  opacity: 2;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  top: 5px;
  color: #33333380;
  font-weight: normal;
}
.offer {
  position: absolute;
  bottom: 10px;
  color: #fff;
  padding: 10px;
  text-shadow: -1px 0px 1px #c5c0c0;
}
/* Try hiding the branding inside the iframe using JavaScript (iframe workaround) */
.font-lato div a {
  visibility: hidden !important;
}

/*# sourceMappingURL=app.3d0298b9f6977a963af6.css.map*/