.re-page-loader{background:rgb(0,0,0,0.9);position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999}
.re-page-loader-inner{position:absolute;left:0;right:0;top:50%;margin:auto;transform:translatey(-50%);text-align:center;width:100px}
.fadein-element{width:100px;height:100px;display:inline-block}
.fadein-element>img{width:100%;height:100%;position:absolute;top:0;left:0;color:transparent;opacity:0;z-index:0;-webkit-backface-visibility:hidden;-webkit-animation:imageAnimation 5s linear infinite;-moz-animation:imageAnimation 5s linear infinite;-o-animation:imageAnimation 5s linear infinite;-ms-animation:imageAnimation 5s linear infinite;animation:imageAnimation 5s linear infinite}
.fadein-element>img:nth-child(2){-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;-ms-animation-delay:1s;animation-delay:1s}
.fadein-element>img:nth-child(3){-webkit-animation-delay:2s;-moz-animation-delay:2s;-o-animation-delay:2s;-ms-animation-delay:2s;animation-delay:2s}
.fadein-element>img:nth-child(4){-webkit-animation-delay:3s;-moz-animation-delay:3s;-o-animation-delay:3s;-ms-animation-delay:3s;animation-delay:3s}
.fadein-element>img:nth-child(5){-webkit-animation-delay:4s;-moz-animation-delay:4s;-o-animation-delay:4s;-ms-animation-delay:4s;animation-delay:4s}
@-webkit-keyframes imageAnimation{0{opacity:0;-webkit-animation-timing-function:ease-in}
8%{opacity:1;-webkit-animation-timing-function:ease-out}
17%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
@-moz-keyframes imageAnimation{0{opacity:0;-moz-animation-timing-function:ease-in}
8%{opacity:1;-moz-animation-timing-function:ease-out}
17%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
@-o-keyframes imageAnimation{0{opacity:0;-o-animation-timing-function:ease-in}
8%{opacity:1;-o-animation-timing-function:ease-out}
17%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
@-ms-keyframes imageAnimation{0{opacity:0;-ms-animation-timing-function:ease-in}
8%{opacity:1;-ms-animation-timing-function:ease-out}
17%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
@keyframes imageAnimation{0{opacity:0;animation-timing-function:ease-in}
8%{opacity:1;animation-timing-function:ease-out}
17%{opacity:1}
25%{opacity:0}
100%{opacity:0}
}
.loading-ellipsis{display:inline-block;position:relative;width:50px;height:30px}
.loading-ellipsis div{position:absolute;top:10px;width:7px;height:7px;border-radius:50%;background:#fff;animation-timing-function:cubic-bezier(0,1,1,0)}
.loading-ellipsis div:nth-child(1){left:6px;animation:loading-ellipsis1 1s infinite}
.loading-ellipsis div:nth-child(2){left:6px;animation:loading-ellipsis2 1s infinite}
.loading-ellipsis div:nth-child(3){left:26px;animation:loading-ellipsis2 1s infinite}
.loading-ellipsis div:nth-child(4){left:45px;animation:loading-ellipsis3 1s infinite}
@keyframes loading-ellipsis1{0{transform:scale(0)}
100%{transform:scale(1)}
}
@keyframes loading-ellipsis3{0{transform:scale(1)}
100%{transform:scale(0)}
}
@keyframes loading-ellipsis2{0{transform:translate(0,0)}
100%{transform:translate(19px,0)}
}