.splash .scaler {
    position: absolute;
    top: 45%;
    margin: 0 auto;
    left: 0;
    right: 0;
    height: 140px;
    width: 65px;
  }
  
  .splash .loader {
    width: 64px;
    height: 64px;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #EA7726), color-stop(50%, #F9AB1E));
    background: linear-gradient(to bottom right, #EA7726 50%, #F9AB1E 50%);
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    margin: 0 0 40px;
    -webkit-animation: loader ease-in-out alternate infinite 6s;
            animation: loader ease-in-out alternate infinite 6s;
  }
  
  .splash .loader::before {
    content: " ";
    width: 64px;
    height: 64px;
    background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #3FB3A1), color-stop(50%, #9FD9D0));
    background: linear-gradient(to bottom right, #3FB3A1 50%, #9FD9D0 50%);
    display: block;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-animation: move-clip-path 6s ease-in-out alternate infinite;
            animation: move-clip-path 6s ease-in-out alternate infinite;
  }
  
  @-webkit-keyframes move-clip-path {
    0%, 10% {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    15%, 35% {
      -webkit-clip-path: polygon(100% 100%, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(100% 100%, 100% 0, 100% 100%, 0 100%);
    }
    40%, 60% {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    65%, 85% {
      -webkit-clip-path: polygon(100% 100%, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(100% 100%, 100% 0, 100% 100%, 0 100%);
    }
    90%, 100% {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    0%, 15% {
      background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #3FB3A1), color-stop(50%, #9FD9D0));
      background: linear-gradient(to bottom right, #3FB3A1 50%, #9FD9D0 50%);
    }
    35%, 85% {
      background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #70B834), color-stop(50%, #E3DB14));
      background: linear-gradient(to bottom right, #70B834 50%, #E3DB14 50%);
    }
    90%, 100% {
      background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #0778D6), color-stop(50%, #81D3E6));
      background: linear-gradient(to bottom right, #0778D6 50%, #81D3E6 50%);
    }
  }
  
  @keyframes move-clip-path {
    0%, 10% {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    15%, 35% {
      -webkit-clip-path: polygon(100% 100%, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(100% 100%, 100% 0, 100% 100%, 0 100%);
    }
    40%, 60% {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    65%, 85% {
      -webkit-clip-path: polygon(100% 100%, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(100% 100%, 100% 0, 100% 100%, 0 100%);
    }
    90%, 100% {
      -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
              clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
    0%, 15% {
      background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #3FB3A1), color-stop(50%, #9FD9D0));
      background: linear-gradient(to bottom right, #3FB3A1 50%, #9FD9D0 50%);
    }
    35%, 85% {
      background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #70B834), color-stop(50%, #E3DB14));
      background: linear-gradient(to bottom right, #70B834 50%, #E3DB14 50%);
    }
    90%, 100% {
      background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #0778D6), color-stop(50%, #81D3E6));
      background: linear-gradient(to bottom right, #0778D6 50%, #81D3E6 50%);
    }
  }
  
  @keyframes loader {
    0%, 10% {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
    }
    15%, 35% {
      -webkit-transform: rotate(135deg);
              transform: rotate(135deg);
    }
    40%, 60% {
      -webkit-transform: rotate(225deg);
              transform: rotate(225deg);
    }
    65%, 85% {
      -webkit-transform: rotate(315deg);
              transform: rotate(315deg);
    }
    90%, 100% {
      -webkit-transform: rotate(405deg);
              transform: rotate(405deg);
    }
    0%, 40% {
      background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #EA7726), color-stop(50%, #F9AB1E));
      background: linear-gradient(to bottom right, #EA7726 50%, #F9AB1E 50%);
    }
    60%, 90% {
      background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #AF74D1), color-stop(50%, #AF74D1));
      background: linear-gradient(to bottom right, #AF74D1 50%, #AF74D1 50%);
    }
    100% {
      background: -webkit-gradient(linear, left top, right bottom, color-stop(50%, #EA7726), color-stop(50%, #F9AB1E));
      background: linear-gradient(to bottom right, #EA7726 50%, #F9AB1E 50%);
    }
  }
  
  @-webkit-keyframes scaler {
    0%, 40% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    45%, 55% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    60%, 100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  @keyframes scaler {
    0%, 40% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    45%, 55% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    60%, 100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  
  .splash .loading-text {
    text-align: center;
    margin: 0;
    color: #0778D6;
    font-size:16px;
  }
  
  .splash .loading-text::before {
    content: "Loading";
    font-family: "Noto Sans", sans-serif;
  }
  
  .splash .loading-text::after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4, end) 2s infinite;
    animation: ellipsis steps(4, end) 2s infinite;
    content: "\2026";
    /* ascii code for the ellipsis character */
    width: 0;
    position: absolute;
  }
  
  @-webkit-keyframes ellipsis {
    to {
      width: 20px;
      margin-right: 0;
    }
  }
  
  @keyframes ellipsis {
    to {
      width: 20px;
      margin-right: 0;
    }
  }
  
  .splash .loading-gif {
    display: none;
  }
  
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .splash .loading-gif {
      display: block;
      width: 100px;
      margin: 0 auto;
    }
   .splash .scaler {
      width: 100px;
    }
   .splash .loader {
      display: none;
    }
  }
  .splash{
      position:fixed;
      top:0;
      bottom:0;
      left:0;
      right:0;
      background:#fff;
      font-family: 'Noto Sans';
  }