.barra-1
{
    transform-origin: top left;
    background-size: 10px 4px;
    background-repeat: repeat-x;
    background-image: url(data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%271.1%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20xmlns%3Axlink%3D%27http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%27%20x%3D%270px%27%20y%3D%270px%27%20enable-background%3D%27new%200%200%205%202%27%20xml%3Aspace%3D%27preserve%27%20viewBox%3D%270%200%205%202%27%20preserveAspectRatio%3D%27none%20slice%27%3E%3Ccircle%20cx%3D%271%27%20cy%3D%271%27%20r%3D%271%27%20fill%3D%27%23e6e6e6%27%2F%3E%3C%2Fsvg%3E);
    visibility: hidden;
}
.barra-2
{
    height: 100%;
    transform-origin: top left;
    transition: transform 250ms ease;
    -webkit-transition: transform 250ms ease,-webkit-transform 250ms ease;
    transition: transform 250ms ease,-webkit-transform 250ms ease;
    position: absolute;
    background-color: #03618d;
}
.barra-3
{
    transform-origin: top left;
    width: 100%;
    height: 100%;
    position: absolute;
    animation: primary-indeterminate-translate 2s infinite linear;
    border-radius: 250px;
}
.barra-4
{
    width: 100%;
    height: 100%;
    position: absolute;
    animation: auxiliary-indeterminate-translate 2s infinite linear;
    visibility: visible;
    border-radius: 250px;
}
.span-barra-3
{
    animation: primary-indeterminate-scale 2s infinite linear;
    height: 100%;
    position: absolute;
    width: 100%;
    display: inline-block;
}
.span-barra-4
{
    height: 100%;
    position: absolute;
    width: 100%;
    animation: auxiliary-indeterminate-scale 2s infinite linear;
}
.span-barra-3,.span-barra-4
{
    background-color: #03618d;
    box-sizing: inherit; 
    border-radius: 250px;
}
.animacion
{
   animation-play-state:paused;
   -webkit-animation-play-state:paused;
}
@-webkit-keyframes run {
    0% {
        animation-timing-function: cubic-bezier(0.205028,0.057051,0.57661,0.453971);
        transform: scaleX(0.08);
    }
    19.15% {
        animation-timing-function: cubic-bezier(0.152313,0.196432,0.648374,1.004315);
        transform: scaleX(0.457104);
    }
    44.15%{
        animation-timing-function: cubic-bezier(0.257759,0.003163,0.211762,1.38179);
        transform: scaleX(0.72796);
    }
    100% {
      transform: scaleX(0.08);    
    }
}

@keyframes primary-indeterminate-translate {
    0%
    {
        transform: translateX(-145.16666666%);
    }
    20%
    {
        animation-timing-function: cubic-bezier(0.5,0,0.701732,0.495819);
        transform: translateX(-145.166611%);   
    }
    59.15%
    {
        animation-timing-function: cubic-bezier(0.302435,0.381352,0.55,0.956352);
        transform: translateX(-61.495191%);
    }
     100%
     {
        transform: translateX(55.444446%);
     }
}

@keyframes auxiliary-indeterminate-translate {
    0%
    {
        animation-timing-function: cubic-bezier(0.15,0,0.515058,0.409685);
    transform: translateX(-54.888891%);
    }
    25%
    {
        animation-timing-function: cubic-bezier(0.31033,0.284058,0.8,0.733712);
        transform: translateX(-17.236978%);  
    }
    48.35%
    {
        animation-timing-function: cubic-bezier(0.4,0.627035,0.6,0.902026);
        transform: translateX(29.497274%);
    }
    100%
    {
        transform: translateX(105.388891%);
    }
}

@keyframes primary-indeterminate-scale {
    0%
    {
        transform: scaleX(0.08);
    }
    36.65%
    {
        animation-timing-function: cubic-bezier(0.334731,0.12482,0.785844,1);
    transform: scaleX(0.08);
    }
    69.15%
    {
        animation-timing-function: cubic-bezier(0.06,0.11,0.6,1);
        transform: scaleX(0.661479);
    }
    100%
    {
        transform: scaleX(0.08);
    }
}
@keyframes auxiliary-indeterminate-scale {
    0%
    {
        animation-timing-function: cubic-bezier(0.205028,0.057051,0.57661,0.453971);
        transform: scaleX(0.08); 
    }
    19.15%
    {
        animation-timing-function: cubic-bezier(0.152313,0.196432,0.648374,1.004315);
        transform: scaleX(0.457104);
    }
    44.15%
    {
        animation-timing-function: cubic-bezier(0.257759,0.003163,0.211762,1.38179);
        transform: scaleX(0.72796); 
    }
    100%
    {
        transform: scale(0.08);
    }
}