.ocean-preloader--active #ocean-preloader{position:fixed;top:0;left:0;height:100%;width:100%;background:#323232;z-index:99999999999999}.ocean-preloader--active .preloader-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100%}.ocean-preloader--active .preloader-inner{text-align:center}.ocean-preloader--active .preloader-image{max-width:100px;margin:0 auto}.ocean-preloader--active .preloader-logo{max-width:180px;margin:0 auto}.ocean-preloader--active .preloader-svg{margin:0 auto}.ocean-preloader--active .preloader-after-content{padding:20px 0;font-size:20px}.preloader-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.preloader-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #fff;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.preloader-ellipsis div:nth-child(1) {
left: 8px;
animation: preloader-ellipsis1 0.6s infinite;
}
.preloader-ellipsis div:nth-child(2) {
left: 8px;
animation: preloader-ellipsis2 0.6s infinite;
}
.preloader-ellipsis div:nth-child(3) {
left: 32px;
animation: preloader-ellipsis2 0.6s infinite;
}
.preloader-ellipsis div:nth-child(4) {
left: 56px;
animation: preloader-ellipsis3 0.6s infinite;
}
@keyframes preloader-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes preloader-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes preloader-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}