
.loading-image-layer {margin:0; padding:0; background:#fff;
	z-index: 9999;
    background: rgb(0, 0, 0);
    opacity: 0.2;
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
}

.loading-image-layer.view {display: block;}

.loading-image-layer>ul {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); margin:0; padding:0; display:flex;}
.loading-image-layer>ul li {list-style:none; width:20px; height:20px; background:#c1cbda; margin:0 5px; border-radius:50%; animation:animate 1.4s linear infinite;}
@keyframes animate {
	0%{transform:translateY(0);}
	60%{transform:translateY(0);}
	80%{transform:translateY(-20px);}
	100%{transform:translateY(0);}
}
.loading-image-layer>ul li:nth-child(1) {animation-delay:0;}
.loading-image-layer>ul li:nth-child(2) {animation-delay:-1.2s;}
.loading-image-layer>ul li:nth-child(3) {animation-delay:-1s;}
.loading-image-layer>ul li:nth-child(4) {animation-delay:-.8s;}
.loading-image-layer>ul li:nth-child(5) {animation-delay:-.6s;}