*,:after,:before{box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,summary,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}main{width:100%}ul{list-style:none;margin:0;padding:0}:after,:before{text-decoration:inherit;vertical-align:inherit}

    .construction{
       width: 50%;
    top: 50%;
    left: 50%;
    position: fixed;
    display: block;
    transform: translate(-50%,-50%);
    }
    .all-cont-construction{
        position: absolute;
    top: 0%;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 1;
    }
    
    .construction > img{
        width:100%;
    }
    .loading{
       position: absolute;
    top: 0%;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #030303;
    z-index: 100;
        
    }
    .image-load{
            display: table;
    width: 25vw;
    height: 25vh;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    }
    .image-load img{
        width:100%;
    }
    @media only screen and (max-width:767.98px){
        .construction{
       width: 99%;
        }
    }