/*========================================================
        DARK LAYOUT
=========================================================*/
@-webkit-keyframes ball-pulse-round
{
    0%,
    80%,
    100%
    {
        -webkit-transform: scale(0); 
                transform: scale(0);
    }
    40%
    {
        -webkit-transform: scale(1); 
                transform: scale(1);
    }
}
@-moz-keyframes ball-pulse-round
{
    0%,
    80%,
    100%
    {
        -webkit-transform: scale(0); 
           -moz-transform: scale(0);
                transform: scale(0);
    }
    40%
    {
        -webkit-transform: scale(1); 
           -moz-transform: scale(1);
                transform: scale(1);
    }
}
@-o-keyframes ball-pulse-round
{
    0%,
    80%,
    100%
    {
        -webkit-transform: scale(0); 
             -o-transform: scale(0);
                transform: scale(0);
    }
    40%
    {
        -webkit-transform: scale(1); 
             -o-transform: scale(1);
                transform: scale(1);
    }
}
@keyframes ball-pulse-round
{
    0%,
    80%,
    100%
    {
        -webkit-transform: scale(0); 
           -moz-transform: scale(0);
             -o-transform: scale(0);
                transform: scale(0);
    }
    40%
    {
        -webkit-transform: scale(1); 
           -moz-transform: scale(1);
             -o-transform: scale(1);
                transform: scale(1);
    }
}

.ball-pulse-round > div
{
    width: 10px;
    height: 10px;

    -webkit-animation: ball-pulse-round 1.2s infinite ease-in-out;
       -moz-animation: ball-pulse-round 1.2s infinite ease-in-out;
         -o-animation: ball-pulse-round 1.2s infinite ease-in-out;
            animation: ball-pulse-round 1.2s infinite ease-in-out; 

    -webkit-animation-fill-mode: both;
       -moz-animation-fill-mode: both;
         -o-animation-fill-mode: both;
            animation-fill-mode: both;
}