/* prefixed by https://autoprefixer.github.io (PostCSS: v7.0.23, autoprefixer: v9.7.3) */

/* McDonald's Preloader CSS
@author: SIDDATWORK
© All rights reserved. www.siddatwork.com
*/

/*Resets*/

body{
    margin:0;
    padding:0;
    text-decoration: none;
    border: 0;
    -webkit-box-sizing:  border-box;
            box-sizing:  border-box;
    
}

body .loader{
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #fff;
    overflow: hidden;
    -webkit-transition: all 1s cubic-bezier(.77,0,.175,1);
    -o-transition: all 1s cubic-bezier(.77,0,.175,1);
    transition: all 1s cubic-bezier(.77,0,.175,1);
    z-index: 100;
    -webkit-clip-path: polygon(-60% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(-60% 0%, 100% 0%, 100% 100%, 0% 100%);
}

body .loader.website-loaded{
    -webkit-clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
    -webkit-transition: all 1s cubic-bezier(.77,0,.175,1);
    -o-transition: all 1s cubic-bezier(.77,0,.175,1);
    transition: all 1s cubic-bezier(.77,0,.175,1);
    pointer-events: none;
}
body .loader .loader-inner{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);  
}

body.preloader-anim-done .loader{
    display: none;
}