.fakeLoader{ position:fixed; z-index:10000; background-image:url(../img/369.gif); background-position: center center; background-repeat: no-repeat; background-color:#1e1e1e;  width:100%; height:100%; left:50%; margin-left:-50%; top:0%; display: flex;
    align-items: center; text-align:center; color:#fff;   }
.fakeLoader .lod-1{ height:100px; width:100px; border:1px solid #24a5de;  border-left-color:rgba(36,165,222,0.1);  border-right-color:rgba(36,165,222,0.1); border-bottom-color:rgba(36,165,222,0.1); border-radius:100%; margin-left:auto; margin-right:auto; padding:2px; 
 animation:ld1 1s linear infinite; -webkit-animation:ld1 1s linear infinite; -ms-animation:ld1 1s linear infinite; -moz-animation:ld1 1s linear infinite; -o-animation:ld1 1s linear infinite;}
.fakeLoader2{ z-index:0;}



.fakeLoader2{    top:0%; transition:all 500ms ease-in; height:0px; overflow:hidden;}
@-webkit-keyframes ld1 {
	0%{ transform:rotate(0deg);}
		100%{ transform:rotate(360deg);}
	}
	@-webkit-keyframes ld2 {
	0%{ transform:rotate(0);}
		100%{ transform:rotate(360deg);}
	}