*,*:before, *:after
{
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}
img
{
width: 100%;
}
.contenedor_loader
{
    background-color: white;
    position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: 9999;
    transition: all 1.5s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader,
.loader:before,
.loader:after
{
 border-radius: 50%;
}
.loader
{
    color:#0080c7 ;
    font-size: 11px;
    position: relative;
    width: 10em;
    height: 10em;
    box-shadow: inset 0 0 0 1em;
}
.loader:before,
.loader:after
{
    position: absolute;
    content: '';

}
.loader:before
{
 width: 5.2em;
 height: 10.2em;
 background-color:white;
 border-radius: 10.2em 0 0 10.2em;
 top:-0.1em;
 left: -0.1em;
 transform-origin: 5.1em 5.1em;
 animation: girar 1.1s infinite ease;
 animation-delay: .8s;
}
.loader:after
{
width:5.2em;
height: 10.2em;
background-color: white;
border-radius: 0 10.2em 10.2em 0;
top: -0.1em;
left: 4.9em;
transform-origin: 0.1em 5.1em;
animation: girar 1.1s infinite ease;
}
@keyframes girar {
    0%{
        transform:rotate(0deg);
    }
    100%
    {
        transform: rotate(360deg);
    }
}