.rect-auto,
.c100[data-percent="51"] .slice,
.c100[data-percent="52"] .slice,
.c100[data-percent="53"] .slice,
.c100[data-percent="54"] .slice,
.c100[data-percent="55"] .slice,
.c100[data-percent="56"] .slice,
.c100[data-percent="57"] .slice,
.c100[data-percent="58"] .slice,
.c100[data-percent="59"] .slice,
.c100[data-percent="60"] .slice,
.c100[data-percent="61"] .slice,
.c100[data-percent="62"] .slice,
.c100[data-percent="63"] .slice,
.c100[data-percent="64"] .slice,
.c100[data-percent="65"] .slice,
.c100[data-percent="66"] .slice,
.c100[data-percent="67"] .slice,
.c100[data-percent="68"] .slice,
.c100[data-percent="69"] .slice,
.c100[data-percent="70"] .slice,
.c100[data-percent="71"] .slice,
.c100[data-percent="72"] .slice,
.c100[data-percent="73"] .slice,
.c100[data-percent="74"] .slice,
.c100[data-percent="75"] .slice,
.c100[data-percent="76"] .slice,
.c100[data-percent="77"] .slice,
.c100[data-percent="78"] .slice,
.c100[data-percent="79"] .slice,
.c100[data-percent="80"] .slice,
.c100[data-percent="81"] .slice,
.c100[data-percent="82"] .slice,
.c100[data-percent="83"] .slice,
.c100[data-percent="84"] .slice,
.c100[data-percent="85"] .slice,
.c100[data-percent="86"] .slice,
.c100[data-percent="87"] .slice,
.c100[data-percent="88"] .slice,
.c100[data-percent="89"] .slice,
.c100[data-percent="90"] .slice,
.c100[data-percent="91"] .slice,
.c100[data-percent="92"] .slice,
.c100[data-percent="93"] .slice,
.c100[data-percent="94"] .slice,
.c100[data-percent="95"] .slice,
.c100[data-percent="96"] .slice,
.c100[data-percent="97"] .slice,
.c100[data-percent="98"] .slice,
.c100[data-percent="99"] .slice,
.c100[data-percent="100"] .slice {
  clip: rect(auto, auto, auto, auto);
}
.c100[data-percent="51"]:hover .slice,
.c100[data-percent="52"]:hover .slice,
.c100[data-percent="53"]:hover .slice,
.c100[data-percent="54"]:hover .slice,
.c100[data-percent="55"]:hover .slice,
.c100[data-percent="56"]:hover .slice,
.c100[data-percent="57"]:hover .slice,
.c100[data-percent="58"]:hover .slice,
.c100[data-percent="59"]:hover .slice,
.c100[data-percent="60"]:hover .slice,
.c100[data-percent="61"]:hover .slice,
.c100[data-percent="62"]:hover .slice,
.c100[data-percent="63"]:hover .slice,
.c100[data-percent="64"]:hover .slice,
.c100[data-percent="65"]:hover .slice,
.c100[data-percent="66"]:hover .slice,
.c100[data-percent="67"]:hover .slice,
.c100[data-percent="68"]:hover .slice,
.c100[data-percent="69"]:hover .slice,
.c100[data-percent="70"]:hover .slice,
.c100[data-percent="71"]:hover .slice,
.c100[data-percent="72"]:hover .slice,
.c100[data-percent="73"]:hover .slice,
.c100[data-percent="74"]:hover .slice,
.c100[data-percent="75"]:hover .slice,
.c100[data-percent="76"]:hover .slice,
.c100[data-percent="77"]:hover .slice,
.c100[data-percent="78"]:hover .slice,
.c100[data-percent="79"]:hover .slice,
.c100[data-percent="80"]:hover .slice,
.c100[data-percent="81"]:hover .slice,
.c100[data-percent="82"]:hover .slice,
.c100[data-percent="83"]:hover .slice,
.c100[data-percent="84"]:hover .slice,
.c100[data-percent="85"]:hover .slice,
.c100[data-percent="86"]:hover .slice,
.c100[data-percent="87"]:hover .slice,
.c100[data-percent="88"]:hover .slice,
.c100[data-percent="89"]:hover .slice,
.c100[data-percent="90"]:hover .slice,
.c100[data-percent="91"]:hover .slice,
.c100[data-percent="92"]:hover .slice,
.c100[data-percent="93"]:hover .slice,
.c100[data-percent="94"]:hover .slice,
.c100[data-percent="95"]:hover .slice,
.c100[data-percent="96"]:hover .slice,
.c100[data-percent="97"]:hover .slice,
.c100[data-percent="98"]:hover .slice,
.c100[data-percent="99"]:hover .slice,
.c100[data-percent="100"]:hover .slice {
  clip: rect(auto, auto, auto, auto);
}
.pie,
.c100 .bar,
.c100[data-percent="51"] .fill,
.c100[data-percent="52"] .fill,
.c100[data-percent="53"] .fill,
.c100[data-percent="54"] .fill,
.c100[data-percent="55"] .fill,
.c100[data-percent="56"] .fill,
.c100[data-percent="57"] .fill,
.c100[data-percent="58"] .fill,
.c100[data-percent="59"] .fill,
.c100[data-percent="60"] .fill,
.c100[data-percent="61"] .fill,
.c100[data-percent="62"] .fill,
.c100[data-percent="63"] .fill,
.c100[data-percent="64"] .fill,
.c100[data-percent="65"] .fill,
.c100[data-percent="66"] .fill,
.c100[data-percent="67"] .fill,
.c100[data-percent="68"] .fill,
.c100[data-percent="69"] .fill,
.c100[data-percent="70"] .fill,
.c100[data-percent="71"] .fill,
.c100[data-percent="72"] .fill,
.c100[data-percent="73"] .fill,
.c100[data-percent="74"] .fill,
.c100[data-percent="75"] .fill,
.c100[data-percent="76"] .fill,
.c100[data-percent="77"] .fill,
.c100[data-percent="78"] .fill,
.c100[data-percent="79"] .fill,
.c100[data-percent="80"] .fill,
.c100[data-percent="81"] .fill,
.c100[data-percent="82"] .fill,
.c100[data-percent="83"] .fill,
.c100[data-percent="84"] .fill,
.c100[data-percent="85"] .fill,
.c100[data-percent="86"] .fill,
.c100[data-percent="87"] .fill,
.c100[data-percent="88"] .fill,
.c100[data-percent="89"] .fill,
.c100[data-percent="90"] .fill,
.c100[data-percent="91"] .fill,
.c100[data-percent="92"] .fill,
.c100[data-percent="93"] .fill,
.c100[data-percent="94"] .fill,
.c100[data-percent="95"] .fill,
.c100[data-percent="96"] .fill,
.c100[data-percent="97"] .fill,
.c100[data-percent="98"] .fill,
.c100[data-percent="99"] .fill,
.c100[data-percent="100"] .fill {
  position: absolute;
  border: 12px solid #307bbb;
    width: 120px;
    height: 120px;
    clip: rect(0px, 60px, 120px, 0px);
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pie-fill,
.c100[data-percent="51"] .fill,
.c100[data-percent="52"] .fill,
.c100[data-percent="53"] .fill,
.c100[data-percent="54"] .fill,
.c100[data-percent="55"] .fill,
.c100[data-percent="56"] .fill,
.c100[data-percent="57"] .fill,
.c100[data-percent="58"] .fill,
.c100[data-percent="59"] .fill,
.c100[data-percent="60"] .fill,
.c100[data-percent="61"] .fill,
.c100[data-percent="62"] .fill,
.c100[data-percent="63"] .fill,
.c100[data-percent="64"] .fill,
.c100[data-percent="65"] .fill,
.c100[data-percent="66"] .fill,
.c100[data-percent="67"] .fill,
.c100[data-percent="68"] .fill,
.c100[data-percent="69"] .fill,
.c100[data-percent="70"] .fill,
.c100[data-percent="71"] .fill,
.c100[data-percent="72"] .fill,
.c100[data-percent="73"] .fill,
.c100[data-percent="74"] .fill,
.c100[data-percent="75"] .fill,
.c100[data-percent="76"] .fill,
.c100[data-percent="77"] .fill,
.c100[data-percent="78"] .fill,
.c100[data-percent="79"] .fill,
.c100[data-percent="80"] .fill,
.c100[data-percent="81"] .fill,
.c100[data-percent="82"] .fill,
.c100[data-percent="83"] .fill,
.c100[data-percent="84"] .fill,
.c100[data-percent="85"] .fill,
.c100[data-percent="86"] .fill,
.c100[data-percent="87"] .fill,
.c100[data-percent="88"] .fill,
.c100[data-percent="89"] .fill,
.c100[data-percent="90"] .fill,
.c100[data-percent="91"] .fill,
.c100[data-percent="92"] .fill,
.c100[data-percent="93"] .fill,
.c100[data-percent="94"] .fill,
.c100[data-percent="95"] .fill,
.c100[data-percent="96"] .fill,
.c100[data-percent="97"] .fill,
.c100[data-percent="98"] .fill,
.c100[data-percent="99"] .fill,
.c100[data-percent="100"] .fill,
.c100[data-percent="51"] .bar::after,
.c100[data-percent="52"] .bar::after,
.c100[data-percent="53"] .bar::after,
.c100[data-percent="54"] .bar::after,
.c100[data-percent="55"] .bar::after,
.c100[data-percent="56"] .bar::after,
.c100[data-percent="57"] .bar::after,
.c100[data-percent="58"] .bar::after,
.c100[data-percent="59"] .bar::after,
.c100[data-percent="60"] .bar::after,
.c100[data-percent="61"] .bar::after,
.c100[data-percent="62"] .bar::after,
.c100[data-percent="63"] .bar::after,
.c100[data-percent="64"] .bar::after,
.c100[data-percent="65"] .bar::after,
.c100[data-percent="66"] .bar::after,
.c100[data-percent="67"] .bar::after,
.c100[data-percent="68"] .bar::after,
.c100[data-percent="69"] .bar::after,
.c100[data-percent="70"] .bar::after,
.c100[data-percent="71"] .bar::after,
.c100[data-percent="72"] .bar::after,
.c100[data-percent="73"] .bar::after,
.c100[data-percent="74"] .bar::after,
.c100[data-percent="75"] .bar::after,
.c100[data-percent="76"] .bar::after,
.c100[data-percent="77"] .bar::after,
.c100[data-percent="78"] .bar::after,
.c100[data-percent="79"] .bar::after,
.c100[data-percent="80"] .bar::after,
.c100[data-percent="81"] .bar::after,
.c100[data-percent="82"] .bar::after,
.c100[data-percent="83"] .bar::after,
.c100[data-percent="84"] .bar::after,
.c100[data-percent="85"] .bar::after,
.c100[data-percent="86"] .bar::after,
.c100[data-percent="87"] .bar::after,
.c100[data-percent="88"] .bar::after,
.c100[data-percent="89"] .bar::after,
.c100[data-percent="90"] .bar::after,
.c100[data-percent="91"] .bar::after,
.c100[data-percent="92"] .bar::after,
.c100[data-percent="93"] .bar::after,
.c100[data-percent="94"] .bar::after,
.c100[data-percent="95"] .bar::after,
.c100[data-percent="96"] .bar::after,
.c100[data-percent="97"] .bar::after,
.c100[data-percent="98"] .bar::after,
.c100[data-percent="99"] .bar::after,
.c100[data-percent="100"] .bar::after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100 {
  position: relative;
  font-size: 120px;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  width: 120px!important;
  height: 120px!important;
  background: transparent!important;
  border: 10px solid white!important;
  transition: all .1s ease-in;
}
.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #f5f5f5;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 120px;
    height: 120px;
    left: -10px;
    top: -10px;
  clip: rect(0em, 120px, 120px, 60px);
}
.c100[data-percent="1"] .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100[data-percent="2"] .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100[data-percent="3"] .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100[data-percent="4"] .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100[data-percent="5"] .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100[data-percent="6"] .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100[data-percent="7"] .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100[data-percent="8"] .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100[data-percent="9"] .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100[data-percent="10"] .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100[data-percent="11"] .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100[data-percent="12"] .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100[data-percent="13"] .bar {
  -webkit-transform: rotate(46.800000000000004deg);
  -moz-transform: rotate(46.800000000000004deg);
  -ms-transform: rotate(46.800000000000004deg);
  -o-transform: rotate(46.800000000000004deg);
  transform: rotate(46.800000000000004deg);
}
.c100[data-percent="14"] .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100[data-percent="15"] .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100[data-percent="16"] .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100[data-percent="17"] .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100[data-percent="18"] .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100[data-percent="19"] .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100[data-percent="20"] .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100[data-percent="21"] .bar {
  -webkit-transform: rotate(75.60000000000001deg);
  -moz-transform: rotate(75.60000000000001deg);
  -ms-transform: rotate(75.60000000000001deg);
  -o-transform: rotate(75.60000000000001deg);
  transform: rotate(75.60000000000001deg);
}
.c100[data-percent="22"] .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100[data-percent="23"] .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100[data-percent="24"] .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100[data-percent="25"] .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100[data-percent="26"] .bar {
  -webkit-transform: rotate(93.60000000000001deg);
  -moz-transform: rotate(93.60000000000001deg);
  -ms-transform: rotate(93.60000000000001deg);
  -o-transform: rotate(93.60000000000001deg);
  transform: rotate(93.60000000000001deg);
}
.c100[data-percent="27"] .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100[data-percent="28"] .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100[data-percent="29"] .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100[data-percent="30"] .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100[data-percent="31"] .bar {
  -webkit-transform: rotate(111.60000000000001deg);
  -moz-transform: rotate(111.60000000000001deg);
  -ms-transform: rotate(111.60000000000001deg);
  -o-transform: rotate(111.60000000000001deg);
  transform: rotate(111.60000000000001deg);
}
.c100[data-percent="32"] .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100[data-percent="33"] .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100[data-percent="34"] .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100[data-percent="35"] .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100[data-percent="36"] .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100[data-percent="37"] .bar {
  -webkit-transform: rotate(133.20000000000002deg);
  -moz-transform: rotate(133.20000000000002deg);
  -ms-transform: rotate(133.20000000000002deg);
  -o-transform: rotate(133.20000000000002deg);
  transform: rotate(133.20000000000002deg);
}
.c100[data-percent="38"] .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100[data-percent="39"] .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100[data-percent="40"] .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100[data-percent="41"] .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100[data-percent="42"] .bar {
  -webkit-transform: rotate(151.20000000000002deg);
  -moz-transform: rotate(151.20000000000002deg);
  -ms-transform: rotate(151.20000000000002deg);
  -o-transform: rotate(151.20000000000002deg);
  transform: rotate(151.20000000000002deg);
}
.c100[data-percent="43"] .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100[data-percent="44"] .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100[data-percent="45"] .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100[data-percent="46"] .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100[data-percent="47"] .bar {
  -webkit-transform: rotate(169.20000000000002deg);
  -moz-transform: rotate(169.20000000000002deg);
  -ms-transform: rotate(169.20000000000002deg);
  -o-transform: rotate(169.20000000000002deg);
  transform: rotate(169.20000000000002deg);
}
.c100[data-percent="48"] .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100[data-percent="49"] .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100[data-percent="50"] .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100[data-percent="51"] .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100[data-percent="52"] .bar {
  -webkit-transform: rotate(187.20000000000002deg);
  -moz-transform: rotate(187.20000000000002deg);
  -ms-transform: rotate(187.20000000000002deg);
  -o-transform: rotate(187.20000000000002deg);
  transform: rotate(187.20000000000002deg);
}
.c100[data-percent="53"] .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100[data-percent="54"] .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100[data-percent="55"] .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100[data-percent="56"] .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100[data-percent="57"] .bar {
  -webkit-transform: rotate(205.20000000000002deg);
  -moz-transform: rotate(205.20000000000002deg);
  -ms-transform: rotate(205.20000000000002deg);
  -o-transform: rotate(205.20000000000002deg);
  transform: rotate(205.20000000000002deg);
}
.c100[data-percent="58"] .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100[data-percent="59"] .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100[data-percent="60"] .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100[data-percent="61"] .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100[data-percent="62"] .bar {
  -webkit-transform: rotate(223.20000000000002deg);
  -moz-transform: rotate(223.20000000000002deg);
  -ms-transform: rotate(223.20000000000002deg);
  -o-transform: rotate(223.20000000000002deg);
  transform: rotate(223.20000000000002deg);
}
.c100[data-percent="63"] .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100[data-percent="64"] .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100[data-percent="65"] .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100[data-percent="66"] .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100[data-percent="67"] .bar {
  -webkit-transform: rotate(241.20000000000002deg);
  -moz-transform: rotate(241.20000000000002deg);
  -ms-transform: rotate(241.20000000000002deg);
  -o-transform: rotate(241.20000000000002deg);
  transform: rotate(241.20000000000002deg);
}
.c100[data-percent="68"] .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100[data-percent="69"] .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100[data-percent="70"] .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100[data-percent="71"] .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100[data-percent="72"] .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100[data-percent="73"] .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100[data-percent="74"] .bar {
  -webkit-transform: rotate(266.40000000000003deg);
  -moz-transform: rotate(266.40000000000003deg);
  -ms-transform: rotate(266.40000000000003deg);
  -o-transform: rotate(266.40000000000003deg);
  transform: rotate(266.40000000000003deg);
}
.c100[data-percent="75"] .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100[data-percent="76"] .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100[data-percent="77"] .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100[data-percent="78"] .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100[data-percent="79"] .bar {
  -webkit-transform: rotate(284.40000000000003deg);
  -moz-transform: rotate(284.40000000000003deg);
  -ms-transform: rotate(284.40000000000003deg);
  -o-transform: rotate(284.40000000000003deg);
  transform: rotate(284.40000000000003deg);
}
.c100[data-percent="80"] .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100[data-percent="81"] .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100[data-percent="82"] .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100[data-percent="83"] .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100[data-percent="84"] .bar {
  -webkit-transform: rotate(302.40000000000003deg);
  -moz-transform: rotate(302.40000000000003deg);
  -ms-transform: rotate(302.40000000000003deg);
  -o-transform: rotate(302.40000000000003deg);
  transform: rotate(302.40000000000003deg);
}
.c100[data-percent="85"] .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100[data-percent="86"] .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100[data-percent="87"] .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100[data-percent="88"] .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100[data-percent="89"] .bar {
  -webkit-transform: rotate(320.40000000000003deg);
  -moz-transform: rotate(320.40000000000003deg);
  -ms-transform: rotate(320.40000000000003deg);
  -o-transform: rotate(320.40000000000003deg);
  transform: rotate(320.40000000000003deg);
}
.c100[data-percent="90"] .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100[data-percent="91"] .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100[data-percent="92"] .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100[data-percent="93"] .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100[data-percent="94"] .bar {
  -webkit-transform: rotate(338.40000000000003deg);
  -moz-transform: rotate(338.40000000000003deg);
  -ms-transform: rotate(338.40000000000003deg);
  -o-transform: rotate(338.40000000000003deg);
  transform: rotate(338.40000000000003deg);
}
.c100[data-percent="95"] .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100[data-percent="96"] .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100[data-percent="97"] .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100[data-percent="98"] .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100[data-percent="99"] .bar {
  -webkit-transform: rotate(356.40000000000003deg);
  -moz-transform: rotate(356.40000000000003deg);
  -ms-transform: rotate(356.40000000000003deg);
  -o-transform: rotate(356.40000000000003deg);
  transform: rotate(356.40000000000003deg);
}
.c100[data-percent="100"] .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.dark {
  background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}
.c100.dark > span {
  color: #777777;
}
.c100.dark:after {
  background-color: #666666;
}
.c100.dark:hover > span {
  color: #c6ff00;
}
.c100.green .bar,
.c100.green .fill {
  border-color: #4db53c !important;
}
.c100.green:hover > span {
  color: #4db53c;
}
.c100.green.dark .bar,
.c100.green.dark .fill {
  border-color: #5fd400 !important;
}
.c100.green.dark:hover > span {
  color: #5fd400;
}
.c100.orange .bar,
.c100.orange .fill {
  border-color: #dd9d22 !important;
}
.c100.orange:hover > span {
  color: #dd9d22;
}
.c100.orange.dark .bar,
.c100.orange.dark .fill {
  border-color: #e08833 !important;
}
.c100.orange.dark:hover > span {
  color: #e08833;
}

.c100:hover {
    width: 140px!important;
    height: 140px!important;
}

.c100:hover::after{
    width: 120px!important;
    height: 120px!important;
}

.c100:hover .slice{
    width: 140px!important;
    height: 140px!important;
    clip: rect( 0px, 140px, 140px, 70px );
}

.c100:hover .bar, .c100:hover .fill{
    width: 140px;
    height: 140px;
    clip: rect(0px, 70px, 140px, 0px);
}

.c100, .c100 .slice, .c100::after, .c100 .bar, .c100 .fill{
    transition: all .1s!important;
}

.c100{
    cursor: pointer!important;
}

.file-uploader.dragging .c100[data-percent="51"] .slice,
.file-uploader.dragging .c100[data-percent="52"] .slice,
.file-uploader.dragging .c100[data-percent="53"] .slice,
.file-uploader.dragging .c100[data-percent="54"] .slice,
.file-uploader.dragging .c100[data-percent="55"] .slice,
.file-uploader.dragging .c100[data-percent="56"] .slice,
.file-uploader.dragging .c100[data-percent="57"] .slice,
.file-uploader.dragging .c100[data-percent="58"] .slice,
.file-uploader.dragging .c100[data-percent="59"] .slice,
.file-uploader.dragging .c100[data-percent="60"] .slice,
.file-uploader.dragging .c100[data-percent="61"] .slice,
.file-uploader.dragging .c100[data-percent="62"] .slice,
.file-uploader.dragging .c100[data-percent="63"] .slice,
.file-uploader.dragging .c100[data-percent="64"] .slice,
.file-uploader.dragging .c100[data-percent="65"] .slice,
.file-uploader.dragging .c100[data-percent="66"] .slice,
.file-uploader.dragging .c100[data-percent="67"] .slice,
.file-uploader.dragging .c100[data-percent="68"] .slice,
.file-uploader.dragging .c100[data-percent="69"] .slice,
.file-uploader.dragging .c100[data-percent="70"] .slice,
.file-uploader.dragging .c100[data-percent="71"] .slice,
.file-uploader.dragging .c100[data-percent="72"] .slice,
.file-uploader.dragging .c100[data-percent="73"] .slice,
.file-uploader.dragging .c100[data-percent="74"] .slice,
.file-uploader.dragging .c100[data-percent="75"] .slice,
.file-uploader.dragging .c100[data-percent="76"] .slice,
.file-uploader.dragging .c100[data-percent="77"] .slice,
.file-uploader.dragging .c100[data-percent="78"] .slice,
.file-uploader.dragging .c100[data-percent="79"] .slice,
.file-uploader.dragging .c100[data-percent="80"] .slice,
.file-uploader.dragging .c100[data-percent="81"] .slice,
.file-uploader.dragging .c100[data-percent="82"] .slice,
.file-uploader.dragging .c100[data-percent="83"] .slice,
.file-uploader.dragging .c100[data-percent="84"] .slice,
.file-uploader.dragging .c100[data-percent="85"] .slice,
.file-uploader.dragging .c100[data-percent="86"] .slice,
.file-uploader.dragging .c100[data-percent="87"] .slice,
.file-uploader.dragging .c100[data-percent="88"] .slice,
.file-uploader.dragging .c100[data-percent="89"] .slice,
.file-uploader.dragging .c100[data-percent="90"] .slice,
.file-uploader.dragging .c100[data-percent="91"] .slice,
.file-uploader.dragging .c100[data-percent="92"] .slice,
.file-uploader.dragging .c100[data-percent="93"] .slice,
.file-uploader.dragging .c100[data-percent="94"] .slice,
.file-uploader.dragging .c100[data-percent="95"] .slice,
.file-uploader.dragging .c100[data-percent="96"] .slice,
.file-uploader.dragging .c100[data-percent="97"] .slice,
.file-uploader.dragging .c100[data-percent="98"] .slice,
.file-uploader.dragging .c100[data-percent="99"] .slice,
.file-uploader.dragging .c100[data-percent="100"] .slice {
  clip: rect(auto, auto, auto, auto);
}