@charset "utf-8";

body {
} #preloader {
position: fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#222; z-index:99; }
#status {
width:200px;
height:200px;
position:absolute;
left:50%; top:50%; margin:-100px 0 0 -100px; } #preloader .bokeh {
font-size: 50px;
width: 1em;
height: 1em;
position: relative;
margin: 40px auto 0;
border-radius: 50%;
list-style: none;
top:50%
}
#preloader .bokeh li {
position: absolute;
width: .2em;
height: .2em;
border-radius: 50%;
}
#preloader .bokeh li:nth-child(1) {
left: 50%;
top: 0;
margin: 0 0 0 -.1em;
background: #FC4B50;
-webkit-transform-origin: 50% 250%;
-moz-transform-origin: 50% 250%;
-ms-transform-origin: 50% 250%;
-o-transform-origin: 50% 250%;
transform-origin: 50% 250%;
-webkit-animation: 
rota 1.13s linear infinite,
opa 3.67s ease-in-out infinite alternate;
-moz-animation: 
rota 1.13s linear infinite,
opa 3.67s ease-in-out infinite alternate;
-ms-animation: 
rota 1.13s linear infinite,
opa 3.67s ease-in-out infinite alternate;
-o-animation: 
rota 1.13s linear infinite,
opa 3.67s ease-in-out infinite alternate;
animation: 
rota 1.13s linear infinite,
opa 3.67s ease-in-out infinite alternate;
}
#preloader .bokeh li:nth-child(2) {
top: 50%; 
right: 0;
margin: -.1em 0 0 0;
background: #FC4B50;
-webkit-transform-origin: -150% 50%;
-moz-transform-origin: -150% 50%;
-ms-transform-origin: -150% 50%;
-o-transform-origin: -150% 50%;
transform-origin: -150% 50%;
-webkit-animation: 
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
-moz-animation: 
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
-ms-animation: 
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
-o-animation: 
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
animation: 
rota 1.86s linear infinite,
opa 4.29s ease-in-out infinite alternate;
}
#preloader .bokeh li:nth-child(3) {
left: 50%; 
bottom: 0;
margin: 0 0 0 -.1em;
background: #FC4B50;
-webkit-transform-origin: 50% -150%;
-moz-transform-origin: 50% -150%;
-ms-transform-origin: 50% -150%;
-o-transform-origin: 50% -150%;
transform-origin: 50% -150%;
-webkit-animation: 
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
-moz-animation: 
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
-ms-animation: 
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
-o-animation: 
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
animation: 
rota 1.45s linear infinite,
opa 5.12s ease-in-out infinite alternate;
}
#preloader .bokeh li:nth-child(4) {
top: 50%; 
left 0;
margin: -.1em 0 0 0;
background: #FC4B50;
-webkit-transform-origin: 250% 50%;
-moz-transform-origin: 250% 50%;
-ms-transform-origin: 250% 50%;
-o-transform-origin: 250% 50%;
transform-origin: 250% 50%;
-webkit-animation: 
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
-moz-animation: 
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
-ms-animation: 
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
-o-animation: 
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
animation: 
rota 1.72s linear infinite,
opa 5.25s ease-in-out infinite alternate;
}
@-webkit-keyframes rota {
to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes rota {
to { -moz-transform: rotate(360deg); }
}
@-ms-keyframes rota {
to { -ms-transform: rotate(360deg); }
}
@-o-keyframes rota {
to { -o-transform: rotate(360deg); }
}
@keyframes rota {
to { transform: rotate(360deg); }
}
@-webkit-keyframes opa {
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}
@-moz-keyframes opa {
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}
@-ms-keyframes opa {
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}
@-o-keyframes opa {
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}
@keyframes opa {
12.0% { opacity: 0.80; }
19.5% { opacity: 0.88; }
37.2% { opacity: 0.64; }
40.5% { opacity: 0.52; }
52.7% { opacity: 0.69; }
60.2% { opacity: 0.60; }
66.6% { opacity: 0.52; }
70.0% { opacity: 0.63; }
79.9% { opacity: 0.60; }
84.2% { opacity: 0.75; }
91.0% { opacity: 0.87; }
}