/* Imagen de precarga */
/* Clase Inicial */
.preloader{
    position:fixed!important;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:10000;
    height:100%;
    transition:all .6s;
    background-color:#0f1932;
}

/* Clase Final (Fade Out) */
.load{
    position:absolute;
    transition:all .4s ease;
    transform:scale(2);
    opacity:0;
    border-color:transparent;
    z-index: -5;
}

/*  Animación de circulo girando */
.spinner-brand{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:100px;
    border-radius: 200px;
}

.spinner{
    display:block;
    position:relative;
    left:50%;
    top:50%;
    width:70px;
    height:70px;
    margin:-35px 0 0 -35px;
    z-index:1001;
}

.spinner-alt{
    border-radius:50%;
    width:150px;
    height:150px;
    margin:-75px 0 0 -75px;
}
    
.spinner-alt:after,.spinner-alt:before{
    content:"";
    position:absolute;
    border-radius:50%;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.spinner-alt:after{
    border:1px solid;
    border-top-color:#fff;
    border-right-color:transparent;
    border-left-width:0;
    border-bottom-width:0;
    animation:spin 1.5s linear infinite;
}

@keyframes spin{
    0%{
        -webkit-transform:rotate(0deg);
        -ms-transform:rotate(0deg);
        transform:rotate(0deg)
    }
    100%{
        -webkit-transform:rotate(360deg);
        -ms-transform:rotate(360deg);
        transform:rotate(360deg)
    }
}