/* =====================================
   DARA AFFILIATION
   LOADER PREMIUM
===================================== */


#loader{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    height:100vh;

    background:#050914;

    display:flex;

    align-items:center;

    justify-content:center;

    z-index:9999;

    transition:opacity .8s ease, visibility .8s ease;

}



/* CONTENU CENTRE */

.loader-content{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

}



/* LOGO */

.loader-logo{

    width:150px;

    height:150px;

    object-fit:contain;

    animation:logoPulse 2s infinite ease-in-out;

    filter:

    drop-shadow(0 0 25px rgba(0,140,255,.8));

}





/* TEXTE */

.loader-text{

    margin-top:25px;

    color:white;

    font-size:18px;

    font-weight:600;

    letter-spacing:2px;

}





/* ANIMATION LOGO */

@keyframes logoPulse{


0%{

    transform:scale(1);

    opacity:.8;

}


50%{

    transform:scale(1.1);

    opacity:1;

}


100%{

    transform:scale(1);

    opacity:.8;

}


}




/* CERCLE LUMIERE */

#loader::before{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    border-radius:50%;

    background:#008cff;

    filter:blur(120px);

    opacity:.25;

}





/* DISPARITION */

#loader.hide{

    opacity:0;

    visibility:hidden;

}