div.main-loader,
.ajax-loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #114862ee;
z-index: 100000000;
display: flex;
align-items: center;
justify-content: center;
visibility: visible;
opacity: 1;
flex-direction: column;
color: white;
transition: visibility 1.2s, opacity 1s ease; -webkit-transition: visibility 1.2s, opacity 1s ease;
-moz-transition: visibility 1.2s, opacity 1s ease;
}
@keyframes fadeInOut {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0;
}
} @-webkit-keyframes fadeInOut {
0%,
100% {
opacity: 1;
}
50% {
opacity: 0;
}
}
div.main-loader img.loader,
.ajax-loader img.loader {
width: 96px;
animation: fadeInOut 3s infinite; -webkit-animation: fadeInOut 3s infinite;
-moz-animation: fadeInOut 3s infinite;
}
div.main-loader.hidden,
.ajax-loader.hidden {
visibility: hidden;
opacity: 0;
}