h1 {
  color: #63b8ff;
  text-align: center;
}

.progress-circle {
  position: relative;
  display: inline-block;
  margin: 1rem;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  background-color: #ebebeb;
}

.progress-circle:after {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: colorload 2s;
  animation: colorload 2s;
}

.progress-circle span {
  font-size: 1.5rem;
  color: #8b8b8b;
  position: absolute;
  left: 50%;
  top: 50%;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
}

.progress-circle span:after {
  content: "%";
  font-weight: 600;
  color: #8b8b8b;
}

.progress-circle.progress-0:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(90deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-1:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(93.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-2:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(97.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-3:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(100.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-4:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(104.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-5:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(108deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-6:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(111.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-7:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(115.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-8:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(118.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-9:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(122.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-10:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(126deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-11:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(129.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-12:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(133.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-13:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(136.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-14:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(140.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-15:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(129.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-16:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(133.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-17:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(136.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-18:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(140.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-19:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(144deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-20:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(151.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-21:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(158.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-22:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(161.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-23:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(165.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-24:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(169.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-25:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(180deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-26:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(183.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-27:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(187.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-28:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(190.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-29:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(194.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-30:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(198deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-31:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(201.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-32:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(205.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-33:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(208.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-34:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(212.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-35:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(216deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-40:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(234deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-36:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(219.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-37:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(223.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-38:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(226.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-39:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(230.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-41:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(237.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-42:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(241.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-43:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(244.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-44:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(248.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-45:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(252deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-46:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(255.6deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-47:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(259.2deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-48:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(262.8deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-49:after {
  background-image: linear-gradient(
      90deg,
      #ebebeb 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(266.4deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-50:after {
  background-image: linear-gradient(
      -90deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-51:after {
  background-image: linear-gradient(
      -86.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-52:after {
  background-image: linear-gradient(
      -82.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-53:after {
  background-image: linear-gradient(
      -79.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-54:after {
  background-image: linear-gradient(
      -75.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-55:after {
  background-image: linear-gradient(
      -72deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-56:after {
  background-image: linear-gradient(
      -68.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-57:after {
  background-image: linear-gradient(
      -64.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-58:after {
  background-image: linear-gradient(
      -61.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-59:after {
  background-image: linear-gradient(
      -57.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-60:after {
  background-image: linear-gradient(
      -54deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-61:after {
  background-image: linear-gradient(
      -50.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-62:after {
  background-image: linear-gradient(
      -46.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-63:after {
  background-image: linear-gradient(
      -43.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-64:after {
  background-image: linear-gradient(
      -39.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-65:after {
  background-image: linear-gradient(
      -36deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-66:after {
  background-image: linear-gradient(
      -32.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-67:after {
  background-image: linear-gradient(
      -28.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-68:after {
  background-image: linear-gradient(
      -25.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-69:after {
  background-image: linear-gradient(
      -21.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-70:after {
  background-image: linear-gradient(
      -18deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-71:after {
  background-image: linear-gradient(
      -14.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-72:after {
  background-image: linear-gradient(
      -10.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-73:after {
  background-image: linear-gradient(
      -7.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-74:after {
  background-image: linear-gradient(
      -3.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-75:after {
  background-image: linear-gradient(
      0deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-76:after {
  background-image: linear-gradient(
      3.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-77:after {
  background-image: linear-gradient(
      7.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-78:after {
  background-image: linear-gradient(
      10.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-79:after {
  background-image: linear-gradient(
      14.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-80:after {
  background-image: linear-gradient(
      18deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-81:after {
  background-image: linear-gradient(
      21.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-82:after {
  background-image: linear-gradient(
      25.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-83:after {
  background-image: linear-gradient(
      28.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-84:after {
  background-image: linear-gradient(
      32.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-85:after {
  background-image: linear-gradient(
      36deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-86:after {
  background-image: linear-gradient(
      39.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-87:after {
  background-image: linear-gradient(
      43.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-88:after {
  background-image: linear-gradient(
      46.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-89:after {
  background-image: linear-gradient(
      50.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-90:after {
  background-image: linear-gradient(
      54deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-91:after {
  background-image: linear-gradient(
      57.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-92:after {
  background-image: linear-gradient(
      61.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-93:after {
  background-image: linear-gradient(
      64.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-94:after {
  background-image: linear-gradient(
      68.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-95:after {
  background-image: linear-gradient(
      72deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-96:after {
  background-image: linear-gradient(
      75.6deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-97:after {
  background-image: linear-gradient(
      79.2deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-98:after {
  background-image: linear-gradient(
      82.8deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-99:after {
  background-image: linear-gradient(
      86.4deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

.progress-circle.progress-100:after {
  background-image: linear-gradient(
      90deg,
      #66b8ff 50%,
      transparent 50%,
      transparent
    ),
    linear-gradient(270deg, #66b8ff 50%, #ebebeb 50%, #ebebeb);
}

@keyframes colorload {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}

@-webkit-keyframes colorload {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(360deg);
  }
}

/*# sourceMappingURL=progress-circle.css.map */

/* AJAX LOADER */
.loaderWrapper {
  width: 100%;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(247, 148, 29, 0.2);
  border-right: 1.1em solid rgba(247, 148, 29, 0.2);
  border-bottom: 1.1em solid rgba(247, 148, 29, 0.2);
  border-left: 1.1em solid #f7941d;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* Ball Scale Multiple Spinner */
.ballMultipleOverlay {
  background-color: rgba(51, 51, 51, 0.8);
  position: fixed;
  z-index: 99999;
  opacity: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.la-ball-scale-multiple,
.la-ball-scale-multiple > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-scale-multiple {
  display: block;
  font-size: 0;
  color: #fff;
  width: 32px;
  height: 32px;
}
.la-ball-scale-multiple.la-dark {
  color: #333;
}
.la-ball-scale-multiple > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
  position: absolute;
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: ball-scale-multiple 1s 0s linear infinite;
  -moz-animation: ball-scale-multiple 1s 0s linear infinite;
  -o-animation: ball-scale-multiple 1s 0s linear infinite;
  animation: ball-scale-multiple 1s 0s linear infinite;
}
.la-ball-scale-multiple > div:nth-child(2) {
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
}
.la-ball-scale-multiple > div:nth-child(3) {
  -webkit-animation-delay: 0.4s;
  -moz-animation-delay: 0.4s;
  -o-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.la-ball-scale-multiple.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-scale-multiple.la-sm > div {
  width: 16px;
  height: 16px;
}
.la-ball-scale-multiple.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-scale-multiple.la-2x > div {
  width: 64px;
  height: 64px;
}
.la-ball-scale-multiple.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-scale-multiple.la-3x > div {
  width: 96px;
  height: 96px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -moz-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -o-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
    -o-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes ball-scale-multiple {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
  }
  5% {
    opacity: 0.75;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
}

/* Brand Logo Loader */
.loaderWrapperLogo {
  width: 100%;
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #3e3b3b;
}
.loaderWrapperLogo ._inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
}
.loaderWrapperLogo ._inner .brandLogo {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  max-width: 60px;
}
.loaderWrapperLogo ._inner .brandText {
  margin-left: 20px;
  margin-top: 10px;
  max-width: 170px;
}
@-webkit-keyframes rotating {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .loaderWrapperLogo {
     height: 0;
 }
}