.circle-graph {
  position: relative;
  width: 154px;
  height: 154px;
  background: #d0e6b6;
  transition: background 1.5s;
  border-radius: 50%;
}
.circle-graph .circle .mask,
.circle-graph .circle .fill {
  width: 154px;
  height: 154px;
  position: absolute;
  -webkit-backface-visibility: hidden;
  transition-property: -webkit-transform, background;
  transition-property: -ms-transform, background;
  transition-property: transform, background;
  transition-duration: 1.5s;
  border-radius: 50%;
}
.circle-graph .circle .mask {
  clip: rect(0px, 154px, 154px, 77px);
}
.circle-graph .circle .mask .fill {
  clip: rect(0px, 77px, 154px, 0px);
  background: #87be45;
}
.circle-graph .inset {
  width: 125px;
  height: 125px;
  position: absolute;
  margin-left: 15px;
  margin-top: 15px;
  background: #f9f9f9;
  border-radius: 50%;
}
.circle-graph .inset .percentage {
  height: 48px;
  width: 100px;
  overflow: hidden;
  position: absolute;
  top: 38.5px;
  left: 12.5px;
}
.circle-graph .inset .percentage .numbers {
  margin-top: -48px;
  text-align: left;
  transition: width 1.5s;
}
.circle-graph .inset .percentage .numbers span {
  width: 100px;
  line-height: 1;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-weight: 600;
  font-size: 48px;
  color: #666666;
}
.circle-graph .inset .percentage .numbers span small {
  font-weight: 500;
  font-size: .5em;
  color: #616161;
  position: relative;
  top: -0.75em;
}
.circle-graph[data-progress="0"] .circle .mask.full,
.circle-graph[data-progress="0"] .circle .fill {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.circle-graph[data-progress="0"] .circle .fill.fix {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.circle-graph[data-progress="0"] .inset .percentage .numbers {
  width: 100px;
}
.circle-graph[data-progress="1"] .circle .mask.full,
.circle-graph[data-progress="1"] .circle .fill {
  -webkit-transform: rotate(1.8deg);
  -ms-transform: rotate(1.8deg);
  transform: rotate(1.8deg);
}
.circle-graph[data-progress="1"] .circle .fill.fix {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.circle-graph[data-progress="1"] .inset .percentage .numbers {
  width: 200px;
}
.circle-graph[data-progress="2"] .circle .mask.full,
.circle-graph[data-progress="2"] .circle .fill {
  -webkit-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.circle-graph[data-progress="2"] .circle .fill.fix {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.circle-graph[data-progress="2"] .inset .percentage .numbers {
  width: 300px;
}
.circle-graph[data-progress="3"] .circle .mask.full,
.circle-graph[data-progress="3"] .circle .fill {
  -webkit-transform: rotate(5.4deg);
  -ms-transform: rotate(5.4deg);
  transform: rotate(5.4deg);
}
.circle-graph[data-progress="3"] .circle .fill.fix {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.circle-graph[data-progress="3"] .inset .percentage .numbers {
  width: 400px;
}
.circle-graph[data-progress="4"] .circle .mask.full,
.circle-graph[data-progress="4"] .circle .fill {
  -webkit-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.circle-graph[data-progress="4"] .circle .fill.fix {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.circle-graph[data-progress="4"] .inset .percentage .numbers {
  width: 500px;
}
.circle-graph[data-progress="5"] .circle .mask.full,
.circle-graph[data-progress="5"] .circle .fill {
  -webkit-transform: rotate(9deg);
  -ms-transform: rotate(9deg);
  transform: rotate(9deg);
}
.circle-graph[data-progress="5"] .circle .fill.fix {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
.circle-graph[data-progress="5"] .inset .percentage .numbers {
  width: 600px;
}
.circle-graph[data-progress="6"] .circle .mask.full,
.circle-graph[data-progress="6"] .circle .fill {
  -webkit-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.circle-graph[data-progress="6"] .circle .fill.fix {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.circle-graph[data-progress="6"] .inset .percentage .numbers {
  width: 700px;
}
.circle-graph[data-progress="7"] .circle .mask.full,
.circle-graph[data-progress="7"] .circle .fill {
  -webkit-transform: rotate(12.6deg);
  -ms-transform: rotate(12.6deg);
  transform: rotate(12.6deg);
}
.circle-graph[data-progress="7"] .circle .fill.fix {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.circle-graph[data-progress="7"] .inset .percentage .numbers {
  width: 800px;
}
.circle-graph[data-progress="8"] .circle .mask.full,
.circle-graph[data-progress="8"] .circle .fill {
  -webkit-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.circle-graph[data-progress="8"] .circle .fill.fix {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.circle-graph[data-progress="8"] .inset .percentage .numbers {
  width: 900px;
}
.circle-graph[data-progress="9"] .circle .mask.full,
.circle-graph[data-progress="9"] .circle .fill {
  -webkit-transform: rotate(16.2deg);
  -ms-transform: rotate(16.2deg);
  transform: rotate(16.2deg);
}
.circle-graph[data-progress="9"] .circle .fill.fix {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.circle-graph[data-progress="9"] .inset .percentage .numbers {
  width: 1000px;
}
.circle-graph[data-progress="10"] .circle .mask.full,
.circle-graph[data-progress="10"] .circle .fill {
  -webkit-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  transform: rotate(18deg);
}
.circle-graph[data-progress="10"] .circle .fill.fix {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
.circle-graph[data-progress="10"] .inset .percentage .numbers {
  width: 1100px;
}
.circle-graph[data-progress="11"] .circle .mask.full,
.circle-graph[data-progress="11"] .circle .fill {
  -webkit-transform: rotate(19.8deg);
  -ms-transform: rotate(19.8deg);
  transform: rotate(19.8deg);
}
.circle-graph[data-progress="11"] .circle .fill.fix {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.circle-graph[data-progress="11"] .inset .percentage .numbers {
  width: 1200px;
}
.circle-graph[data-progress="12"] .circle .mask.full,
.circle-graph[data-progress="12"] .circle .fill {
  -webkit-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.circle-graph[data-progress="12"] .circle .fill.fix {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.circle-graph[data-progress="12"] .inset .percentage .numbers {
  width: 1300px;
}
.circle-graph[data-progress="13"] .circle .mask.full,
.circle-graph[data-progress="13"] .circle .fill {
  -webkit-transform: rotate(23.4deg);
  -ms-transform: rotate(23.4deg);
  transform: rotate(23.4deg);
}
.circle-graph[data-progress="13"] .circle .fill.fix {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.circle-graph[data-progress="13"] .inset .percentage .numbers {
  width: 1400px;
}
.circle-graph[data-progress="14"] .circle .mask.full,
.circle-graph[data-progress="14"] .circle .fill {
  -webkit-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.circle-graph[data-progress="14"] .circle .fill.fix {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.circle-graph[data-progress="14"] .inset .percentage .numbers {
  width: 1500px;
}
.circle-graph[data-progress="15"] .circle .mask.full,
.circle-graph[data-progress="15"] .circle .fill {
  -webkit-transform: rotate(27deg);
  -ms-transform: rotate(27deg);
  transform: rotate(27deg);
}
.circle-graph[data-progress="15"] .circle .fill.fix {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
.circle-graph[data-progress="15"] .inset .percentage .numbers {
  width: 1600px;
}
.circle-graph[data-progress="16"] .circle .mask.full,
.circle-graph[data-progress="16"] .circle .fill {
  -webkit-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.circle-graph[data-progress="16"] .circle .fill.fix {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.circle-graph[data-progress="16"] .inset .percentage .numbers {
  width: 1700px;
}
.circle-graph[data-progress="17"] .circle .mask.full,
.circle-graph[data-progress="17"] .circle .fill {
  -webkit-transform: rotate(30.6deg);
  -ms-transform: rotate(30.6deg);
  transform: rotate(30.6deg);
}
.circle-graph[data-progress="17"] .circle .fill.fix {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.circle-graph[data-progress="17"] .inset .percentage .numbers {
  width: 1800px;
}
.circle-graph[data-progress="18"] .circle .mask.full,
.circle-graph[data-progress="18"] .circle .fill {
  -webkit-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.circle-graph[data-progress="18"] .circle .fill.fix {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.circle-graph[data-progress="18"] .inset .percentage .numbers {
  width: 1900px;
}
.circle-graph[data-progress="19"] .circle .mask.full,
.circle-graph[data-progress="19"] .circle .fill {
  -webkit-transform: rotate(34.2deg);
  -ms-transform: rotate(34.2deg);
  transform: rotate(34.2deg);
}
.circle-graph[data-progress="19"] .circle .fill.fix {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.circle-graph[data-progress="19"] .inset .percentage .numbers {
  width: 2000px;
}
.circle-graph[data-progress="20"] .circle .mask.full,
.circle-graph[data-progress="20"] .circle .fill {
  -webkit-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  transform: rotate(36deg);
}
.circle-graph[data-progress="20"] .circle .fill.fix {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
.circle-graph[data-progress="20"] .inset .percentage .numbers {
  width: 2100px;
}
.circle-graph[data-progress="21"] .circle .mask.full,
.circle-graph[data-progress="21"] .circle .fill {
  -webkit-transform: rotate(37.8deg);
  -ms-transform: rotate(37.8deg);
  transform: rotate(37.8deg);
}
.circle-graph[data-progress="21"] .circle .fill.fix {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.circle-graph[data-progress="21"] .inset .percentage .numbers {
  width: 2200px;
}
.circle-graph[data-progress="22"] .circle .mask.full,
.circle-graph[data-progress="22"] .circle .fill {
  -webkit-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.circle-graph[data-progress="22"] .circle .fill.fix {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.circle-graph[data-progress="22"] .inset .percentage .numbers {
  width: 2300px;
}
.circle-graph[data-progress="23"] .circle .mask.full,
.circle-graph[data-progress="23"] .circle .fill {
  -webkit-transform: rotate(41.4deg);
  -ms-transform: rotate(41.4deg);
  transform: rotate(41.4deg);
}
.circle-graph[data-progress="23"] .circle .fill.fix {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.circle-graph[data-progress="23"] .inset .percentage .numbers {
  width: 2400px;
}
.circle-graph[data-progress="24"] .circle .mask.full,
.circle-graph[data-progress="24"] .circle .fill {
  -webkit-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.circle-graph[data-progress="24"] .circle .fill.fix {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.circle-graph[data-progress="24"] .inset .percentage .numbers {
  width: 2500px;
}
.circle-graph[data-progress="25"] .circle .mask.full,
.circle-graph[data-progress="25"] .circle .fill {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.circle-graph[data-progress="25"] .circle .fill.fix {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.circle-graph[data-progress="25"] .inset .percentage .numbers {
  width: 2600px;
}
.circle-graph[data-progress="26"] .circle .mask.full,
.circle-graph[data-progress="26"] .circle .fill {
  -webkit-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.circle-graph[data-progress="26"] .circle .fill.fix {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.circle-graph[data-progress="26"] .inset .percentage .numbers {
  width: 2700px;
}
.circle-graph[data-progress="27"] .circle .mask.full,
.circle-graph[data-progress="27"] .circle .fill {
  -webkit-transform: rotate(48.6deg);
  -ms-transform: rotate(48.6deg);
  transform: rotate(48.6deg);
}
.circle-graph[data-progress="27"] .circle .fill.fix {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.circle-graph[data-progress="27"] .inset .percentage .numbers {
  width: 2800px;
}
.circle-graph[data-progress="28"] .circle .mask.full,
.circle-graph[data-progress="28"] .circle .fill {
  -webkit-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.circle-graph[data-progress="28"] .circle .fill.fix {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.circle-graph[data-progress="28"] .inset .percentage .numbers {
  width: 2900px;
}
.circle-graph[data-progress="29"] .circle .mask.full,
.circle-graph[data-progress="29"] .circle .fill {
  -webkit-transform: rotate(52.2deg);
  -ms-transform: rotate(52.2deg);
  transform: rotate(52.2deg);
}
.circle-graph[data-progress="29"] .circle .fill.fix {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.circle-graph[data-progress="29"] .inset .percentage .numbers {
  width: 3000px;
}
.circle-graph[data-progress="30"] .circle .mask.full,
.circle-graph[data-progress="30"] .circle .fill {
  -webkit-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  transform: rotate(54deg);
}
.circle-graph[data-progress="30"] .circle .fill.fix {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
.circle-graph[data-progress="30"] .inset .percentage .numbers {
  width: 3100px;
}
.circle-graph[data-progress="31"] .circle .mask.full,
.circle-graph[data-progress="31"] .circle .fill {
  -webkit-transform: rotate(55.8deg);
  -ms-transform: rotate(55.8deg);
  transform: rotate(55.8deg);
}
.circle-graph[data-progress="31"] .circle .fill.fix {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.circle-graph[data-progress="31"] .inset .percentage .numbers {
  width: 3200px;
}
.circle-graph[data-progress="32"] .circle .mask.full,
.circle-graph[data-progress="32"] .circle .fill {
  -webkit-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.circle-graph[data-progress="32"] .circle .fill.fix {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.circle-graph[data-progress="32"] .inset .percentage .numbers {
  width: 3300px;
}
.circle-graph[data-progress="33"] .circle .mask.full,
.circle-graph[data-progress="33"] .circle .fill {
  -webkit-transform: rotate(59.4deg);
  -ms-transform: rotate(59.4deg);
  transform: rotate(59.4deg);
}
.circle-graph[data-progress="33"] .circle .fill.fix {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.circle-graph[data-progress="33"] .inset .percentage .numbers {
  width: 3400px;
}
.circle-graph[data-progress="34"] .circle .mask.full,
.circle-graph[data-progress="34"] .circle .fill {
  -webkit-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.circle-graph[data-progress="34"] .circle .fill.fix {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.circle-graph[data-progress="34"] .inset .percentage .numbers {
  width: 3500px;
}
.circle-graph[data-progress="35"] .circle .mask.full,
.circle-graph[data-progress="35"] .circle .fill {
  -webkit-transform: rotate(63deg);
  -ms-transform: rotate(63deg);
  transform: rotate(63deg);
}
.circle-graph[data-progress="35"] .circle .fill.fix {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
.circle-graph[data-progress="35"] .inset .percentage .numbers {
  width: 3600px;
}
.circle-graph[data-progress="36"] .circle .mask.full,
.circle-graph[data-progress="36"] .circle .fill {
  -webkit-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.circle-graph[data-progress="36"] .circle .fill.fix {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.circle-graph[data-progress="36"] .inset .percentage .numbers {
  width: 3700px;
}
.circle-graph[data-progress="37"] .circle .mask.full,
.circle-graph[data-progress="37"] .circle .fill {
  -webkit-transform: rotate(66.6deg);
  -ms-transform: rotate(66.6deg);
  transform: rotate(66.6deg);
}
.circle-graph[data-progress="37"] .circle .fill.fix {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.circle-graph[data-progress="37"] .inset .percentage .numbers {
  width: 3800px;
}
.circle-graph[data-progress="38"] .circle .mask.full,
.circle-graph[data-progress="38"] .circle .fill {
  -webkit-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.circle-graph[data-progress="38"] .circle .fill.fix {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.circle-graph[data-progress="38"] .inset .percentage .numbers {
  width: 3900px;
}
.circle-graph[data-progress="39"] .circle .mask.full,
.circle-graph[data-progress="39"] .circle .fill {
  -webkit-transform: rotate(70.2deg);
  -ms-transform: rotate(70.2deg);
  transform: rotate(70.2deg);
}
.circle-graph[data-progress="39"] .circle .fill.fix {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.circle-graph[data-progress="39"] .inset .percentage .numbers {
  width: 4000px;
}
.circle-graph[data-progress="40"] .circle .mask.full,
.circle-graph[data-progress="40"] .circle .fill {
  -webkit-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  transform: rotate(72deg);
}
.circle-graph[data-progress="40"] .circle .fill.fix {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
.circle-graph[data-progress="40"] .inset .percentage .numbers {
  width: 4100px;
}
.circle-graph[data-progress="41"] .circle .mask.full,
.circle-graph[data-progress="41"] .circle .fill {
  -webkit-transform: rotate(73.8deg);
  -ms-transform: rotate(73.8deg);
  transform: rotate(73.8deg);
}
.circle-graph[data-progress="41"] .circle .fill.fix {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.circle-graph[data-progress="41"] .inset .percentage .numbers {
  width: 4200px;
}
.circle-graph[data-progress="42"] .circle .mask.full,
.circle-graph[data-progress="42"] .circle .fill {
  -webkit-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.circle-graph[data-progress="42"] .circle .fill.fix {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.circle-graph[data-progress="42"] .inset .percentage .numbers {
  width: 4300px;
}
.circle-graph[data-progress="43"] .circle .mask.full,
.circle-graph[data-progress="43"] .circle .fill {
  -webkit-transform: rotate(77.4deg);
  -ms-transform: rotate(77.4deg);
  transform: rotate(77.4deg);
}
.circle-graph[data-progress="43"] .circle .fill.fix {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.circle-graph[data-progress="43"] .inset .percentage .numbers {
  width: 4400px;
}
.circle-graph[data-progress="44"] .circle .mask.full,
.circle-graph[data-progress="44"] .circle .fill {
  -webkit-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.circle-graph[data-progress="44"] .circle .fill.fix {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.circle-graph[data-progress="44"] .inset .percentage .numbers {
  width: 4500px;
}
.circle-graph[data-progress="45"] .circle .mask.full,
.circle-graph[data-progress="45"] .circle .fill {
  -webkit-transform: rotate(81deg);
  -ms-transform: rotate(81deg);
  transform: rotate(81deg);
}
.circle-graph[data-progress="45"] .circle .fill.fix {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
.circle-graph[data-progress="45"] .inset .percentage .numbers {
  width: 4600px;
}
.circle-graph[data-progress="46"] .circle .mask.full,
.circle-graph[data-progress="46"] .circle .fill {
  -webkit-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.circle-graph[data-progress="46"] .circle .fill.fix {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.circle-graph[data-progress="46"] .inset .percentage .numbers {
  width: 4700px;
}
.circle-graph[data-progress="47"] .circle .mask.full,
.circle-graph[data-progress="47"] .circle .fill {
  -webkit-transform: rotate(84.6deg);
  -ms-transform: rotate(84.6deg);
  transform: rotate(84.6deg);
}
.circle-graph[data-progress="47"] .circle .fill.fix {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.circle-graph[data-progress="47"] .inset .percentage .numbers {
  width: 4800px;
}
.circle-graph[data-progress="48"] .circle .mask.full,
.circle-graph[data-progress="48"] .circle .fill {
  -webkit-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.circle-graph[data-progress="48"] .circle .fill.fix {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.circle-graph[data-progress="48"] .inset .percentage .numbers {
  width: 4900px;
}
.circle-graph[data-progress="49"] .circle .mask.full,
.circle-graph[data-progress="49"] .circle .fill {
  -webkit-transform: rotate(88.2deg);
  -ms-transform: rotate(88.2deg);
  transform: rotate(88.2deg);
}
.circle-graph[data-progress="49"] .circle .fill.fix {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.circle-graph[data-progress="49"] .inset .percentage .numbers {
  width: 5000px;
}
.circle-graph[data-progress="50"] .circle .mask.full,
.circle-graph[data-progress="50"] .circle .fill {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.circle-graph[data-progress="50"] .circle .fill.fix {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.circle-graph[data-progress="50"] .inset .percentage .numbers {
  width: 5100px;
}
.circle-graph[data-progress="51"] .circle .mask.full,
.circle-graph[data-progress="51"] .circle .fill {
  -webkit-transform: rotate(91.8deg);
  -ms-transform: rotate(91.8deg);
  transform: rotate(91.8deg);
}
.circle-graph[data-progress="51"] .circle .fill.fix {
  -webkit-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.circle-graph[data-progress="51"] .inset .percentage .numbers {
  width: 5200px;
}
.circle-graph[data-progress="52"] .circle .mask.full,
.circle-graph[data-progress="52"] .circle .fill {
  -webkit-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.circle-graph[data-progress="52"] .circle .fill.fix {
  -webkit-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.circle-graph[data-progress="52"] .inset .percentage .numbers {
  width: 5300px;
}
.circle-graph[data-progress="53"] .circle .mask.full,
.circle-graph[data-progress="53"] .circle .fill {
  -webkit-transform: rotate(95.4deg);
  -ms-transform: rotate(95.4deg);
  transform: rotate(95.4deg);
}
.circle-graph[data-progress="53"] .circle .fill.fix {
  -webkit-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.circle-graph[data-progress="53"] .inset .percentage .numbers {
  width: 5400px;
}
.circle-graph[data-progress="54"] .circle .mask.full,
.circle-graph[data-progress="54"] .circle .fill {
  -webkit-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.circle-graph[data-progress="54"] .circle .fill.fix {
  -webkit-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.circle-graph[data-progress="54"] .inset .percentage .numbers {
  width: 5500px;
}
.circle-graph[data-progress="55"] .circle .mask.full,
.circle-graph[data-progress="55"] .circle .fill {
  -webkit-transform: rotate(99deg);
  -ms-transform: rotate(99deg);
  transform: rotate(99deg);
}
.circle-graph[data-progress="55"] .circle .fill.fix {
  -webkit-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  transform: rotate(198deg);
}
.circle-graph[data-progress="55"] .inset .percentage .numbers {
  width: 5600px;
}
.circle-graph[data-progress="56"] .circle .mask.full,
.circle-graph[data-progress="56"] .circle .fill {
  -webkit-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.circle-graph[data-progress="56"] .circle .fill.fix {
  -webkit-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.circle-graph[data-progress="56"] .inset .percentage .numbers {
  width: 5700px;
}
.circle-graph[data-progress="57"] .circle .mask.full,
.circle-graph[data-progress="57"] .circle .fill {
  -webkit-transform: rotate(102.6deg);
  -ms-transform: rotate(102.6deg);
  transform: rotate(102.6deg);
}
.circle-graph[data-progress="57"] .circle .fill.fix {
  -webkit-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.circle-graph[data-progress="57"] .inset .percentage .numbers {
  width: 5800px;
}
.circle-graph[data-progress="58"] .circle .mask.full,
.circle-graph[data-progress="58"] .circle .fill {
  -webkit-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.circle-graph[data-progress="58"] .circle .fill.fix {
  -webkit-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.circle-graph[data-progress="58"] .inset .percentage .numbers {
  width: 5900px;
}
.circle-graph[data-progress="59"] .circle .mask.full,
.circle-graph[data-progress="59"] .circle .fill {
  -webkit-transform: rotate(106.2deg);
  -ms-transform: rotate(106.2deg);
  transform: rotate(106.2deg);
}
.circle-graph[data-progress="59"] .circle .fill.fix {
  -webkit-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.circle-graph[data-progress="59"] .inset .percentage .numbers {
  width: 6000px;
}
.circle-graph[data-progress="60"] .circle .mask.full,
.circle-graph[data-progress="60"] .circle .fill {
  -webkit-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  transform: rotate(108deg);
}
.circle-graph[data-progress="60"] .circle .fill.fix {
  -webkit-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  transform: rotate(216deg);
}
.circle-graph[data-progress="60"] .inset .percentage .numbers {
  width: 6100px;
}
.circle-graph[data-progress="61"] .circle .mask.full,
.circle-graph[data-progress="61"] .circle .fill {
  -webkit-transform: rotate(109.8deg);
  -ms-transform: rotate(109.8deg);
  transform: rotate(109.8deg);
}
.circle-graph[data-progress="61"] .circle .fill.fix {
  -webkit-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.circle-graph[data-progress="61"] .inset .percentage .numbers {
  width: 6200px;
}
.circle-graph[data-progress="62"] .circle .mask.full,
.circle-graph[data-progress="62"] .circle .fill {
  -webkit-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.circle-graph[data-progress="62"] .circle .fill.fix {
  -webkit-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.circle-graph[data-progress="62"] .inset .percentage .numbers {
  width: 6300px;
}
.circle-graph[data-progress="63"] .circle .mask.full,
.circle-graph[data-progress="63"] .circle .fill {
  -webkit-transform: rotate(113.4deg);
  -ms-transform: rotate(113.4deg);
  transform: rotate(113.4deg);
}
.circle-graph[data-progress="63"] .circle .fill.fix {
  -webkit-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.circle-graph[data-progress="63"] .inset .percentage .numbers {
  width: 6400px;
}
.circle-graph[data-progress="64"] .circle .mask.full,
.circle-graph[data-progress="64"] .circle .fill {
  -webkit-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.circle-graph[data-progress="64"] .circle .fill.fix {
  -webkit-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.circle-graph[data-progress="64"] .inset .percentage .numbers {
  width: 6500px;
}
.circle-graph[data-progress="65"] .circle .mask.full,
.circle-graph[data-progress="65"] .circle .fill {
  -webkit-transform: rotate(117deg);
  -ms-transform: rotate(117deg);
  transform: rotate(117deg);
}
.circle-graph[data-progress="65"] .circle .fill.fix {
  -webkit-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  transform: rotate(234deg);
}
.circle-graph[data-progress="65"] .inset .percentage .numbers {
  width: 6600px;
}
.circle-graph[data-progress="66"] .circle .mask.full,
.circle-graph[data-progress="66"] .circle .fill {
  -webkit-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.circle-graph[data-progress="66"] .circle .fill.fix {
  -webkit-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.circle-graph[data-progress="66"] .inset .percentage .numbers {
  width: 6700px;
}
.circle-graph[data-progress="67"] .circle .mask.full,
.circle-graph[data-progress="67"] .circle .fill {
  -webkit-transform: rotate(120.6deg);
  -ms-transform: rotate(120.6deg);
  transform: rotate(120.6deg);
}
.circle-graph[data-progress="67"] .circle .fill.fix {
  -webkit-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.circle-graph[data-progress="67"] .inset .percentage .numbers {
  width: 6800px;
}
.circle-graph[data-progress="68"] .circle .mask.full,
.circle-graph[data-progress="68"] .circle .fill {
  -webkit-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.circle-graph[data-progress="68"] .circle .fill.fix {
  -webkit-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.circle-graph[data-progress="68"] .inset .percentage .numbers {
  width: 6900px;
}
.circle-graph[data-progress="69"] .circle .mask.full,
.circle-graph[data-progress="69"] .circle .fill {
  -webkit-transform: rotate(124.2deg);
  -ms-transform: rotate(124.2deg);
  transform: rotate(124.2deg);
}
.circle-graph[data-progress="69"] .circle .fill.fix {
  -webkit-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.circle-graph[data-progress="69"] .inset .percentage .numbers {
  width: 7000px;
}
.circle-graph[data-progress="70"] .circle .mask.full,
.circle-graph[data-progress="70"] .circle .fill {
  -webkit-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  transform: rotate(126deg);
}
.circle-graph[data-progress="70"] .circle .fill.fix {
  -webkit-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  transform: rotate(252deg);
}
.circle-graph[data-progress="70"] .inset .percentage .numbers {
  width: 7100px;
}
.circle-graph[data-progress="71"] .circle .mask.full,
.circle-graph[data-progress="71"] .circle .fill {
  -webkit-transform: rotate(127.8deg);
  -ms-transform: rotate(127.8deg);
  transform: rotate(127.8deg);
}
.circle-graph[data-progress="71"] .circle .fill.fix {
  -webkit-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.circle-graph[data-progress="71"] .inset .percentage .numbers {
  width: 7200px;
}
.circle-graph[data-progress="72"] .circle .mask.full,
.circle-graph[data-progress="72"] .circle .fill {
  -webkit-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.circle-graph[data-progress="72"] .circle .fill.fix {
  -webkit-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.circle-graph[data-progress="72"] .inset .percentage .numbers {
  width: 7300px;
}
.circle-graph[data-progress="73"] .circle .mask.full,
.circle-graph[data-progress="73"] .circle .fill {
  -webkit-transform: rotate(131.4deg);
  -ms-transform: rotate(131.4deg);
  transform: rotate(131.4deg);
}
.circle-graph[data-progress="73"] .circle .fill.fix {
  -webkit-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.circle-graph[data-progress="73"] .inset .percentage .numbers {
  width: 7400px;
}
.circle-graph[data-progress="74"] .circle .mask.full,
.circle-graph[data-progress="74"] .circle .fill {
  -webkit-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.circle-graph[data-progress="74"] .circle .fill.fix {
  -webkit-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.circle-graph[data-progress="74"] .inset .percentage .numbers {
  width: 7500px;
}
.circle-graph[data-progress="75"] .circle .mask.full,
.circle-graph[data-progress="75"] .circle .fill {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}
.circle-graph[data-progress="75"] .circle .fill.fix {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.circle-graph[data-progress="75"] .inset .percentage .numbers {
  width: 7600px;
}
.circle-graph[data-progress="76"] .circle .mask.full,
.circle-graph[data-progress="76"] .circle .fill {
  -webkit-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.circle-graph[data-progress="76"] .circle .fill.fix {
  -webkit-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.circle-graph[data-progress="76"] .inset .percentage .numbers {
  width: 7700px;
}
.circle-graph[data-progress="77"] .circle .mask.full,
.circle-graph[data-progress="77"] .circle .fill {
  -webkit-transform: rotate(138.6deg);
  -ms-transform: rotate(138.6deg);
  transform: rotate(138.6deg);
}
.circle-graph[data-progress="77"] .circle .fill.fix {
  -webkit-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.circle-graph[data-progress="77"] .inset .percentage .numbers {
  width: 7800px;
}
.circle-graph[data-progress="78"] .circle .mask.full,
.circle-graph[data-progress="78"] .circle .fill {
  -webkit-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.circle-graph[data-progress="78"] .circle .fill.fix {
  -webkit-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.circle-graph[data-progress="78"] .inset .percentage .numbers {
  width: 7900px;
}
.circle-graph[data-progress="79"] .circle .mask.full,
.circle-graph[data-progress="79"] .circle .fill {
  -webkit-transform: rotate(142.2deg);
  -ms-transform: rotate(142.2deg);
  transform: rotate(142.2deg);
}
.circle-graph[data-progress="79"] .circle .fill.fix {
  -webkit-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.circle-graph[data-progress="79"] .inset .percentage .numbers {
  width: 8000px;
}
.circle-graph[data-progress="80"] .circle .mask.full,
.circle-graph[data-progress="80"] .circle .fill {
  -webkit-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  transform: rotate(144deg);
}
.circle-graph[data-progress="80"] .circle .fill.fix {
  -webkit-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  transform: rotate(288deg);
}
.circle-graph[data-progress="80"] .inset .percentage .numbers {
  width: 8100px;
}
.circle-graph[data-progress="81"] .circle .mask.full,
.circle-graph[data-progress="81"] .circle .fill {
  -webkit-transform: rotate(145.8deg);
  -ms-transform: rotate(145.8deg);
  transform: rotate(145.8deg);
}
.circle-graph[data-progress="81"] .circle .fill.fix {
  -webkit-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.circle-graph[data-progress="81"] .inset .percentage .numbers {
  width: 8200px;
}
.circle-graph[data-progress="82"] .circle .mask.full,
.circle-graph[data-progress="82"] .circle .fill {
  -webkit-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.circle-graph[data-progress="82"] .circle .fill.fix {
  -webkit-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.circle-graph[data-progress="82"] .inset .percentage .numbers {
  width: 8300px;
}
.circle-graph[data-progress="83"] .circle .mask.full,
.circle-graph[data-progress="83"] .circle .fill {
  -webkit-transform: rotate(149.4deg);
  -ms-transform: rotate(149.4deg);
  transform: rotate(149.4deg);
}
.circle-graph[data-progress="83"] .circle .fill.fix {
  -webkit-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.circle-graph[data-progress="83"] .inset .percentage .numbers {
  width: 8400px;
}
.circle-graph[data-progress="84"] .circle .mask.full,
.circle-graph[data-progress="84"] .circle .fill {
  -webkit-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.circle-graph[data-progress="84"] .circle .fill.fix {
  -webkit-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.circle-graph[data-progress="84"] .inset .percentage .numbers {
  width: 8500px;
}
.circle-graph[data-progress="85"] .circle .mask.full,
.circle-graph[data-progress="85"] .circle .fill {
  -webkit-transform: rotate(153deg);
  -ms-transform: rotate(153deg);
  transform: rotate(153deg);
}
.circle-graph[data-progress="85"] .circle .fill.fix {
  -webkit-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  transform: rotate(306deg);
}
.circle-graph[data-progress="85"] .inset .percentage .numbers {
  width: 8600px;
}
.circle-graph[data-progress="86"] .circle .mask.full,
.circle-graph[data-progress="86"] .circle .fill {
  -webkit-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.circle-graph[data-progress="86"] .circle .fill.fix {
  -webkit-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.circle-graph[data-progress="86"] .inset .percentage .numbers {
  width: 8700px;
}
.circle-graph[data-progress="87"] .circle .mask.full,
.circle-graph[data-progress="87"] .circle .fill {
  -webkit-transform: rotate(156.6deg);
  -ms-transform: rotate(156.6deg);
  transform: rotate(156.6deg);
}
.circle-graph[data-progress="87"] .circle .fill.fix {
  -webkit-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.circle-graph[data-progress="87"] .inset .percentage .numbers {
  width: 8800px;
}
.circle-graph[data-progress="88"] .circle .mask.full,
.circle-graph[data-progress="88"] .circle .fill {
  -webkit-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.circle-graph[data-progress="88"] .circle .fill.fix {
  -webkit-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.circle-graph[data-progress="88"] .inset .percentage .numbers {
  width: 8900px;
}
.circle-graph[data-progress="89"] .circle .mask.full,
.circle-graph[data-progress="89"] .circle .fill {
  -webkit-transform: rotate(160.2deg);
  -ms-transform: rotate(160.2deg);
  transform: rotate(160.2deg);
}
.circle-graph[data-progress="89"] .circle .fill.fix {
  -webkit-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.circle-graph[data-progress="89"] .inset .percentage .numbers {
  width: 9000px;
}
.circle-graph[data-progress="90"] .circle .mask.full,
.circle-graph[data-progress="90"] .circle .fill {
  -webkit-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  transform: rotate(162deg);
}
.circle-graph[data-progress="90"] .circle .fill.fix {
  -webkit-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  transform: rotate(324deg);
}
.circle-graph[data-progress="90"] .inset .percentage .numbers {
  width: 9100px;
}
.circle-graph[data-progress="91"] .circle .mask.full,
.circle-graph[data-progress="91"] .circle .fill {
  -webkit-transform: rotate(163.8deg);
  -ms-transform: rotate(163.8deg);
  transform: rotate(163.8deg);
}
.circle-graph[data-progress="91"] .circle .fill.fix {
  -webkit-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.circle-graph[data-progress="91"] .inset .percentage .numbers {
  width: 9200px;
}
.circle-graph[data-progress="92"] .circle .mask.full,
.circle-graph[data-progress="92"] .circle .fill {
  -webkit-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.circle-graph[data-progress="92"] .circle .fill.fix {
  -webkit-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.circle-graph[data-progress="92"] .inset .percentage .numbers {
  width: 9300px;
}
.circle-graph[data-progress="93"] .circle .mask.full,
.circle-graph[data-progress="93"] .circle .fill {
  -webkit-transform: rotate(167.4deg);
  -ms-transform: rotate(167.4deg);
  transform: rotate(167.4deg);
}
.circle-graph[data-progress="93"] .circle .fill.fix {
  -webkit-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.circle-graph[data-progress="93"] .inset .percentage .numbers {
  width: 9400px;
}
.circle-graph[data-progress="94"] .circle .mask.full,
.circle-graph[data-progress="94"] .circle .fill {
  -webkit-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.circle-graph[data-progress="94"] .circle .fill.fix {
  -webkit-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.circle-graph[data-progress="94"] .inset .percentage .numbers {
  width: 9500px;
}
.circle-graph[data-progress="95"] .circle .mask.full,
.circle-graph[data-progress="95"] .circle .fill {
  -webkit-transform: rotate(171deg);
  -ms-transform: rotate(171deg);
  transform: rotate(171deg);
}
.circle-graph[data-progress="95"] .circle .fill.fix {
  -webkit-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  transform: rotate(342deg);
}
.circle-graph[data-progress="95"] .inset .percentage .numbers {
  width: 9600px;
}
.circle-graph[data-progress="96"] .circle .mask.full,
.circle-graph[data-progress="96"] .circle .fill {
  -webkit-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.circle-graph[data-progress="96"] .circle .fill.fix {
  -webkit-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.circle-graph[data-progress="96"] .inset .percentage .numbers {
  width: 9700px;
}
.circle-graph[data-progress="97"] .circle .mask.full,
.circle-graph[data-progress="97"] .circle .fill {
  -webkit-transform: rotate(174.6deg);
  -ms-transform: rotate(174.6deg);
  transform: rotate(174.6deg);
}
.circle-graph[data-progress="97"] .circle .fill.fix {
  -webkit-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.circle-graph[data-progress="97"] .inset .percentage .numbers {
  width: 9800px;
}
.circle-graph[data-progress="98"] .circle .mask.full,
.circle-graph[data-progress="98"] .circle .fill {
  -webkit-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.circle-graph[data-progress="98"] .circle .fill.fix {
  -webkit-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.circle-graph[data-progress="98"] .inset .percentage .numbers {
  width: 9900px;
}
.circle-graph[data-progress="99"] .circle .mask.full,
.circle-graph[data-progress="99"] .circle .fill {
  -webkit-transform: rotate(178.2deg);
  -ms-transform: rotate(178.2deg);
  transform: rotate(178.2deg);
}
.circle-graph[data-progress="99"] .circle .fill.fix {
  -webkit-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.circle-graph[data-progress="99"] .inset .percentage .numbers {
  width: 10000px;
}
.circle-graph[data-progress="100"] .circle .mask.full,
.circle-graph[data-progress="100"] .circle .fill {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.circle-graph[data-progress="100"] .circle .fill.fix {
  -webkit-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.circle-graph[data-progress="100"] .inset .percentage .numbers {
  width: 10100px;
}
/*** XL circle-graph ***/

.circle-graph-xl {
  width: 250px;
  height: 250px;
}

.circle-graph-xl .circle .mask {
  width: 250px;
  height: 250px;
  clip: rect(0px 250px 250px 125px);
}

.circle-graph-xl .circle .mask .fill{
  width: 250px;
  height: 250px;
  clip: rect(0px 125px 250px 0px);
}

.circle-graph-xl .inset {
  width: 200px;
  height: 200px;
  margin-top: 25px;
  margin-left: 25px;
}

.circle-graph-xl .inset .percentage {
  top: 70px;
  left: 56px;
  height: 64px;
  width: 98px;
}

.circle-graph-xl .inset .percentage .numbers {
  margin-top: -64px;
}

.circle-graph-xl .inset .percentage .numbers span{
  font-size: 64px;
}

.circle-graph-xl h3 {
  margin-top: 0px;
}

.circle-graph-xl h3 small {
  color: #000;
}

/*** LG circle-graph ***/

.circle-graph-lg {
  width: 200px;
  height: 200px;
}

.layered-circle-graph-lg {
  float: left;
  width: 200px;
  margin-right: 50px !important;
}

.circle-graph-lg .circle .mask {
  width: 200px;
  height: 200px;
  clip: rect(0px 200px 200px 100px);
}

.circle-graph-lg .circle .mask .fill{
  width: 200px;
  height: 200px;
  clip: rect(0px 100px 200px 0px);
}

.circle-graph-lg .inset {
  width: 165px;
  height: 165px;
  margin-top: 18px;
  margin-left: 18px;
}

.layered-circle-graph .circle-graph.circle-graph-lg .inset {
  padding-top: 14px;
  font-size: 12px;
}

.distribution-percentages-lg .percentage-badge {
  font-size: 12px;
  display: block;
  text-align: left;
  margin-bottom: 10px;
  border: none !important;
}

.circle-graph-lg .inset .percentage {
  top: 25px;
  left: -3px;
  height: 36px;
  width: 92px;
}
.circle-graph-lg .inset .percentage.percentage-lg {
  height: 56px;
  top: 50px;
  left: 36px;
}
.circle-graph-lg .inset .percentage.percentage-lg .numbers {
  margin-top: -56px;
}
.circle-graph-lg .inset .percentage.percentage-lg .numbers span {
  font-size: 56px;
}
.circle-graph-lg[data-progress="100"] .inset .percentage.percentage-lg {
    left: 30px;
    width: 118px;
    transition: width 1.5s step-end, left 1.5s step-end;
}

.circle-graph-lg .inset .percentage .numbers {
  margin-top: -36px;
}

.circle-graph-lg .inset .percentage .numbers span{
  font-size: 36px;
}

.distribution-percentages.distribution-percentages-lg {
  float: left;
  padding-top: 10px;
}

.distribution-percentages-lg .percentage-badge span:not(.badge) {
  font-weight: bold;
  font-size: 1.2em;
}

.distribution-percentages-lg .percentage-badge span.badge {
  float: none !important;
}

.circle-graph-lg h3 {
  margin-top: 0px;
}

.circle-graph-lg h3 small {
  color: #000;
}

/*** SM circle-graph ***/

.circle-graph-sm {
  width: 110px;
  height: 110px;
}

.circle-graph-sm .circle .mask {
  width: 110px;
  height: 110px;
  clip: rect(0px 110px 110px 55px);
}

.circle-graph-sm .circle .mask .fill{
  width: 110px;
  height: 110px;
  clip: rect(0px 55px 110px 0px);
}

.circle-graph-sm .inset {
  width: 88px;
  height: 88px;
  margin-top: 11px;
  margin-left: 11px;
}

.layered-circle-graph .circle-graph.circle-graph-sm .inset {
  padding-top: 14px;
  font-size: 12px;
}

.distribution-percentages-sm .percentage-badge {
  font-size: 12px;
}

.circle-graph-sm .inset .percentage {
  top: 25px;
  left: -3px;
  height: 36px;
  width: 91px;
}

.circle-graph-sm .inset .percentage .numbers {
  margin-top: -36px;
}

.circle-graph-sm .inset .percentage .numbers span{
  font-size: 36px;
}

/*** XS circle-graph ***/

.circle-graph-xs {
  width: 60px;
  height: 60px;
}

.circle-graph-xs .circle .mask {
  width: 60px;
  height: 60px;
  clip: rect(0px 60px 60px 30px);
}

.circle-graph-xs .circle .mask .fill{
  width: 60px;
  height: 60px;
  clip: rect(0px 30px 60px 0px);
}

.circle-graph-xs .inset {
  width: 48px;
  height: 48px;
  margin-top: 6px;
  margin-left: 6px;
}

.circle-graph-xs .inset .percentage {
  top: 14px;
  left: -24px;
  height: 20px;
  width: 70px;
}

.circle-graph-xs .inset .percentage .numbers {
  text-align: left;
  margin-top: -20px;
}

.circle-graph-xs .inset .percentage .numbers span{
  font-size: 20px;
}
.circle-graph.blue {
  background: #b8ebfe;
}
.circle-graph.blue .circle .mask .fill {
  background: #0284b4
}