*:before, *:after {
  box-sizing: border-box;
}
#splash-screen {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #2d323d;
  z-index: 99999;
  pointer-events: none;
}
#splash-screen .center {
  display: block;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
#splash-screen .logo {
  width: 128px;
  margin: 0 auto;
}
#splash-screen .logo img {
  filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.2));
}
.del-loader-splash {
  position: relative;
  margin: 20px auto;
  width: 25px;
  height: 25px;
}
.del-loader-splash {
  transform: scale3d(0.5, 0.5, 0.5);
}
.del-loader-splash:before {
  position: absolute;
  content: '';
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 40 40' style='enable-background:new 0 0 40 40;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%2392C03D;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='34' cy='6' r='6'/%3E%3Ccircle class='st0' cx='6' cy='6' r='6'/%3E%3Ccircle class='st0' cx='6' cy='34' r='6'/%3E%3Ccircle class='st0' cx='34' cy='34' r='6'/%3E%3C/svg%3E");
  height: 40px;
  width: 40px;
  left: -8px;
  top: -8px;
  border: none;
  display: block;
  -webkit-animation: del-loader-anim-index 1.5s 0s ease-in-out infinite;
  -moz-animation: del-loader-anim-index 1.5s 0s ease-in-out infinite;
  -o-animation: del-loader-anim-index 1.5s 0s ease-in-out infinite;
  animation: del-loader-anim-index 1.5s 0s ease-in-out infinite;
}
.del-loader-splash:after {
  content: '';
  position: absolute;
  height: 12px;
  width: 12px;
  border: none;
  border-radius: 12px;
  display: block;
  left: 6px;
  top: 6px;
  background-color: #92c03d;
  -webkit-animation: del-loader-anim-index-dot 1.5s 0s ease-in-out infinite;
  -moz-animation: del-loader-anim-index-dot 1.5s 0s ease-in-out infinite;
  -o-animation: del-loader-anim-index-dot 1.5s 0s ease-in-out infinite;
  animation: del-loader-anim-index-dot 1.5s 0s ease-in-out infinite;
}
@keyframes del-loader-anim-index {
  0% {
    transform: rotate(0deg) scale(0);
    opacity: 0.5;
  }
  50% {
    transform: rotate(180deg) scale(1);
    opacity: 1;
  }
  100% {
    transform: rotate(360deg) scale(0);
    opacity: 0.2;
  }
}
@keyframes del-loader-anim-index-dot {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}