html.ml-loading,
body.ml-loading{
    overflow:hidden;
}

#ml-loader{
    position:fixed;
    inset:0;
    background:#fff;

    display:flex;
    flex-direction:column;   /* DODAJ TO */

    justify-content:center;
    align-items:center;

    z-index:999999999;
    transition:opacity .6s ease;
}

#ml-loader.hide{
    opacity:0;
    pointer-events:none;
}

.ml-logo{

    position:relative;

    width:180px;
    height:180px;

    display:flex;
    justify-content:center;
    align-items:center;

}

.logo{

    width:90px;
    height:90px;

    z-index:2;

}


.ml-text{

    margin-top:-5px;

    text-align:center;

    opacity:1;

}

.ml-title{

    font-family:"Cormorant Garamond", serif;
    font-size:52px;
    font-weight:500;
    line-height:1;

    color:#B08A4A;

}

.ml-subtitle{

    margin-top:6px;

    font-family:"Montserrat", sans-serif;

    font-size:12px;

    letter-spacing:8px;

    text-transform:uppercase;

    color:#222;

}

.ml-spinner{

    position:absolute;

    width:140px;
    height:140px;

    border-radius:50%;

    border:2px solid rgba(176,138,74,.15);

    border-top:6px solid #B08A4A;

    animation:spin 1.1s linear infinite;

}

@keyframes spin{

    from{

        transform:rotate(0deg);

    }

    to{

        transform:rotate(360deg);

    }

}


@keyframes textFade{

    from{

        opacity:0;
        transform:translateY(10px);

    }

    to{

        opacity:1;
        transform:translateY(0);

    }

}



/* delikatny pop */

.ml-logo{

    animation:pop .35s ease;

}

@keyframes pop{

    from{

        transform:scale(.94);
        opacity:0;

    }

    to{

        transform:scale(1);
        opacity:1;

    }

}

/* fade */

#ml-loader.hide{

    opacity:0;

}

/* ukrycie loaderów motywu */

#preloader,
.preloader,
.loader,
#loader,
.apollo13-preloader,
.apollo13-page-loader{

    display:none !important;

}