/*==============================
    PRELOADER
==============================*/

#mkf-preloader{
    position:fixed;
    inset:0;
    z-index:999999;
    overflow:hidden;
}

.mkf-loader-bg{

    position:absolute;
    inset:0;

    background:url("../images/loader-bg.webp") center center/cover no-repeat;

    animation:mkfZoom 8s ease infinite;
}

.mkf-loader-overlay{

    position:absolute;
    inset:0;

    background:rgba(255,248,240,.78);

    backdrop-filter:blur(3px);

}

.mkf-loader-content{

    position:absolute;
    top:50%;
    left:50%;

    transform:translate(-50%,-50%);

    text-align:center;

}

.mkf-loader-content img{

    width:130px;

    margin-bottom:15px;

}

.mkf-loader-content h3{

    margin:0 0 25px;

    font-family:'Cormorant Garamond',serif;

    font-size:34px;

    color:#6c4e2d;

    font-weight:500;

}

.mkf-loading{

    width:220px;

    height:4px;

    background:#efe3d2;

    border-radius:50px;

    overflow:hidden;

    margin:auto;

}

.mkf-loading span{

    display:block;

    width:35%;

    height:100%;

    background:linear-gradient(
        90deg,
        #d2a35d,
        #f3d28b,
        #d2a35d
    );

    animation:mkfLoading 1.4s linear infinite;

}

#mkf-preloader.hide{

    opacity:0;

    visibility:hidden;

    transition:.7s;

}

@keyframes mkfLoading{

    from{
        transform:translateX(-120%);
    }

    to{
        transform:translateX(320%);
    }

}

@keyframes mkfZoom{

    0%{
        transform:scale(1);
    }

    100%{
        transform:scale(1.08);
    }

}