.nav-strip-loader {
  height: 5px;
  z-index: 9999 !important;
  position: absolute;
  width: 100%;
  background: -moz-linear-gradient(
    left,
    #fcd000 0,
    #ff8a00 16%,
    #ff253a 33%,
    #ff37a8 50%,
    #a400e1 69%,
    #0086ff 87%,
    #00d604 100%
  );
  background: linear-gradient(
    to right,
    #fcd000 0,
    #ff8a00 16%,
    #ff253a 33%,
    #ff37a8 50%,
    #a400e1 69%,
    #0086ff 87%,
    #00d604 100%
  );
}

.loader-gradient {
  display: inline-block;
  padding: 10px;
  border-radius: 100%;
  background: conic-gradient(
    #00d604,
    #0086ff,
    #a400e1,
    #ff37a8,
    #ff253a,
    #ff8a00,
    #fcd000,
    #00d604
  );
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-size: auto;
  -webkit-animation: rotation 1s infinite linear;
}

.loader-gradient::after {
  content: "";
  display: block;
  padding: 30px;
  border-radius: 100%;
  background: #ffffff;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}