﻿#cssload-pgloading { }

#cssload-pgloading:after {
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

#cssload-pgloading .cssload-loadingwrap {
    bottom: 45%;
    left: 25%;
    position: absolute;
    right: 25%;
    top: 45%;
}

#cssload-pgloading .cssload-bokeh {
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    font-size: 163px;
    height: 2em;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 2em;
}

#cssload-pgloading .cssload-bokeh li {
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    height: .3em;
    position: absolute;
    width: .3em;
}

#cssload-pgloading .cssload-bokeh li:nth-child(1) {
    -moz-animation:
                  cssload-rota 1.0765s linear infinite,
                  cssload-opa 3.4835s ease-in-out infinite alternate;
    -moz-transform-origin: 50% 250%;
    -ms-animation:
                 cssload-rota 1.0765s linear infinite,
                 cssload-opa 3.4835s ease-in-out infinite alternate;
    -ms-transform-origin: 50% 250%;
    -o-animation:
                cssload-rota 1.0765s linear infinite,
                cssload-opa 3.4835s ease-in-out infinite alternate;
    -o-transform-origin: 50% 250%;
    -webkit-animation:
                     cssload-rota 1.0765s linear infinite,
                     cssload-opa 3.4835s ease-in-out infinite alternate;
    -webkit-transform-origin: 50% 250%;
    animation:
             cssload-rota 1.0765s linear infinite,
             cssload-opa 3.4835s ease-in-out infinite alternate;
    background: rgb(0, 193, 118);
    left: 50%;
    margin: 0 0 0 -.2em;
    top: 0;
    transform-origin: 50% 250%;
}

#cssload-pgloading .cssload-bokeh li:nth-child(2) {
    -moz-animation:
                  cssload-rota 1.763s linear infinite,
                  cssload-opa 4.0745s ease-in-out infinite alternate;
    -moz-transform-origin: -150% 50%;
    -ms-animation:
                 cssload-rota 1.763s linear infinite,
                 cssload-opa 4.0745s ease-in-out infinite alternate;
    -ms-transform-origin: -150% 50%;
    -o-animation:
                cssload-rota 1.763s linear infinite,
                cssload-opa 4.0745s ease-in-out infinite alternate;
    -o-transform-origin: -150% 50%;
    -webkit-animation:
                     cssload-rota 1.763s linear infinite,
                     cssload-opa 4.0745s ease-in-out infinite alternate;
    -webkit-transform-origin: -150% 50%;
    animation:
             cssload-rota 1.763s linear infinite,
             cssload-opa 4.0745s ease-in-out infinite alternate;
    background: rgb(255, 0, 60);
    margin: -.2em 0 0 0;
    right: 0;
    top: 50%;
    transform-origin: -150% 50%;
}

#cssload-pgloading .cssload-bokeh li:nth-child(3) {
    -moz-animation:
                  cssload-rota 1.3725s linear infinite,
                  cssload-opa 4.866s ease-in-out infinite alternate;
    -moz-transform-origin: 50% -150%;
    -ms-animation:
                 cssload-rota 1.3725s linear infinite,
                 cssload-opa 4.866s ease-in-out infinite alternate;
    -ms-transform-origin: 50% -150%;
    -o-animation:
                cssload-rota 1.3725s linear infinite,
                cssload-opa 4.866s ease-in-out infinite alternate;
    -o-transform-origin: 50% -150%;
    -webkit-animation:
                     cssload-rota 1.3725s linear infinite,
                     cssload-opa 4.866s ease-in-out infinite alternate;
    -webkit-transform-origin: 50% -150%;
    animation:
             cssload-rota 1.3725s linear infinite,
             cssload-opa 4.866s ease-in-out infinite alternate;
    background: rgb(250, 190, 40);
    bottom: 0;
    left: 50%;
    margin: 0 0 0 -.2em;
    transform-origin: 50% -150%;
}

#cssload-pgloading .cssload-bokeh li:nth-child(4) {
    -moz-animation:
                  cssload-rota 1.636s linear infinite,
                  cssload-opa 4.9825s ease-in-out infinite alternate;
    -moz-transform-origin: 250% 50%;
    -ms-animation:
                 cssload-rota 1.636s linear infinite,
                 cssload-opa 4.9825s ease-in-out infinite alternate;
    -ms-transform-origin: 250% 50%;
    -o-animation:
                cssload-rota 1.636s linear infinite,
                cssload-opa 4.9825s ease-in-out infinite alternate;
    -o-transform-origin: 250% 50%;
    -webkit-animation:
                     cssload-rota 1.636s linear infinite,
                     cssload-opa 4.9825s ease-in-out infinite alternate;
    -webkit-transform-origin: 250% 50%;
    animation:
             cssload-rota 1.636s linear infinite,
             cssload-opa 4.9825s ease-in-out infinite alternate;
    background: rgb(136, 193, 0);
    left: 0;
    margin: -.2em 0 0 0;
    top: 50%;
    transform-origin: 250% 50%;
}







@keyframes cssload-rota {
    from { }

    to { transform: rotate(360deg); }
}

@-o-keyframes cssload-rota {
    from { }

    to { -o-transform: rotate(360deg); }
}

@-ms-keyframes cssload-rota {
    from { }

    to { -ms-transform: rotate(360deg); }
}

@-webkit-keyframes cssload-rota {
    from { }

    to { -webkit-transform: rotate(360deg); }
}

@-moz-keyframes cssload-rota {
    from { }

    to { -moz-transform: rotate(360deg); }
}

@keyframes cssload-opa {
    0% { }

    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 cssload-opa {
    0% { }

    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 cssload-opa {
    0% { }

    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; }
}

@-webkit-keyframes cssload-opa {
    0% { }

    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 cssload-opa {
    0% { }

    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; }
}