Untitled

<style>
    .preloader-1{
        background: white;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: fixed;
        transition: 1s all;
        opacity: 1;
        z-index:1;
        visibility: visible;

    }
    .preloader{

        background: url("/assets/images/logo-d.png")  no-repeat center ;
        background-size: 70px 69px;
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);


    }
    .preloader-5 {
        display: block;
        position: relative;
        width: 150px;
        height: 150px;
        margin: 30px auto;
        border-radius: 50%;
        border: 4px solid transparent;
        border-top-color: #8ce0c0;
        animation: preloader-5-spin 2s linear infinite;




    }
    .preloader-5:before {
        content: "";
        position: absolute;
        top: 5px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        border-radius: 50%;
        border: 4px solid transparent;
        border-top-color: #95eac9;
        animation: preloader-5-spin 3s linear infinite;

    }
    .preloader-5:after {
        content: "";
        position: absolute;
        top: 15px;
        left: 15px;
        right: 15px;
        bottom: 15px;
        border-radius: 50%;
        border: 4px solid transparent;
        border-top-color: #7fcbae;
        animation: preloader-5-spin 1.5s linear infinite;
    }


    @keyframes preloader-5-spin {
        0%   {
            transform: rotate(0deg);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    
</style>
<div class="loader-container" style="display: block;">
    <div class="preloader-1" id="page-preloader">
        <div class="preloader">
            <div class="preloader-5"></div>
        </div>
    </div>
</div>