.pie-wrapper {
  height: 100px;
  width: 100px;
  display: inline-block;
  position: relative;
  background: #F2E4EA;
  /*-webkit-box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.75);
  -moz-box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.75);
  box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.75);*/
  border-radius: 50px;
}

.csspie {
  position: absolute;
  width: 50px;
  height: 100px;
  overflow: hidden;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -webkit-transform-origin: left center;
  transform-origin: left center;
}
.csspie:BEFORE {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: -50px;
  border-radius: 50px 0 0 50px;
  -moz-transform-origin: right center;
  -ms-transform-origin: right center;
  -webkit-transform-origin: right center;
  transform-origin: right center;
}

.csspie:BEFORE, .csspie:AFTER {
  background-color: #FD1579;
}

.csspie[data-value="1"]:BEFORE {
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -webkit-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
  transition: All 1s ease;
}

.csspie[data-value="2"]:BEFORE {
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -webkit-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
  transition: All 1s ease;
}

.csspie[data-value="3"]:BEFORE {
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -webkit-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
  transition: All 1s ease;
}

.csspie[data-value="4"]:BEFORE {
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -webkit-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
  transition: All 1s ease;
}

.csspie[data-value="5"]:BEFORE {
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -webkit-transform: rotate(18deg);
  transform: rotate(18deg);
  transition: All 1s ease;
}

.csspie[data-value="6"]:BEFORE {
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -webkit-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
  transition: All 1s ease;
}

.csspie[data-value="7"]:BEFORE {
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -webkit-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
  transition: All 1s ease;
}

.csspie[data-value="8"]:BEFORE {
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -webkit-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
  transition: All 1s ease;
}

.csspie[data-value="9"]:BEFORE {
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -webkit-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
  transition: All 1s ease;
}

.csspie[data-value="10"]:BEFORE {
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -webkit-transform: rotate(36deg);
  transform: rotate(36deg);
  transition: All 1s ease;
}

.csspie[data-value="11"]:BEFORE {
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -webkit-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
  transition: All 1s ease;
}

.csspie[data-value="12"]:BEFORE {
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -webkit-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
  transition: All 1s ease;
}

.csspie[data-value="13"]:BEFORE {
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -webkit-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
  transition: All 1s ease;
}

.csspie[data-value="14"]:BEFORE {
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -webkit-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
  transition: All 1s ease;
}

.csspie[data-value="15"]:BEFORE {
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -webkit-transform: rotate(54deg);
  transform: rotate(54deg);
  transition: All 1s ease;
}

.csspie[data-value="16"]:BEFORE {
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -webkit-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
  transition: All 1s ease;
}

.csspie[data-value="17"]:BEFORE {
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -webkit-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
  transition: All 1s ease;
}

.csspie[data-value="18"]:BEFORE {
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -webkit-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
  transition: All 1s ease;
}

.csspie[data-value="19"]:BEFORE {
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -webkit-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
  transition: All 1s ease;
}

.csspie[data-value="20"]:BEFORE {
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -webkit-transform: rotate(72deg);
  transform: rotate(72deg);
  transition: All 1s ease;
}

.csspie[data-value="21"]:BEFORE {
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -webkit-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
  transition: All 1s ease;
}

.csspie[data-value="22"]:BEFORE {
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -webkit-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
  transition: All 1s ease;
}

.csspie[data-value="23"]:BEFORE {
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -webkit-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
  transition: All 1s ease;
}

.csspie[data-value="24"]:BEFORE {
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -webkit-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
  transition: All 1s ease;
}

.csspie[data-value="25"]:BEFORE {
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transition: All 1s ease;
}

.csspie[data-value="26"]:BEFORE {
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -webkit-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
  transition: All 1s ease;
}

.csspie[data-value="27"]:BEFORE {
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -webkit-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
  transition: All 1s ease;
}

.csspie[data-value="28"]:BEFORE {
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -webkit-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
  transition: All 1s ease;
}

.csspie[data-value="29"]:BEFORE {
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -webkit-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
  transition: All 1s ease;
}

.csspie[data-value="30"]:BEFORE {
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -webkit-transform: rotate(108deg);
  transform: rotate(108deg);
  transition: All 1s ease;
}

.csspie[data-value="31"]:BEFORE {
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -webkit-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
  transition: All 1s ease;
}

.csspie[data-value="32"]:BEFORE {
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -webkit-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
  transition: All 1s ease;
}

.csspie[data-value="33"]:BEFORE {
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -webkit-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
  transition: All 1s ease;
}

.csspie[data-value="34"]:BEFORE {
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -webkit-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
  transition: All 1s ease;
}

.csspie[data-value="35"]:BEFORE {
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -webkit-transform: rotate(126deg);
  transform: rotate(126deg);
  transition: All 1s ease;
}

.csspie[data-value="36"]:BEFORE {
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -webkit-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
  transition: All 1s ease;
}

.csspie[data-value="37"]:BEFORE {
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -webkit-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
  transition: All 1s ease;
}

.csspie[data-value="38"]:BEFORE {
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -webkit-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
  transition: All 1s ease;
}

.csspie[data-value="39"]:BEFORE {
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -webkit-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
  transition: All 1s ease;
}

.csspie[data-value="40"]:BEFORE {
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -webkit-transform: rotate(144deg);
  transform: rotate(144deg);
  transition: All 1s ease;
}

.csspie[data-value="41"]:BEFORE {
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -webkit-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
  transition: All 1s ease;
}

.csspie[data-value="42"]:BEFORE {
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -webkit-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
  transition: All 1s ease;
}

.csspie[data-value="43"]:BEFORE {
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -webkit-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
  transition: All 1s ease;
}

.csspie[data-value="44"]:BEFORE {
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -webkit-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
  transition: All 1s ease;
}

.csspie[data-value="45"]:BEFORE {
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -webkit-transform: rotate(162deg);
  transform: rotate(162deg);
  transition: All 1s ease;
}

.csspie[data-value="46"]:BEFORE {
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -webkit-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
  transition: All 1s ease;
}

.csspie[data-value="47"]:BEFORE {
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -webkit-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
  transition: All 1s ease;
}

.csspie[data-value="48"]:BEFORE {
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -webkit-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
  transition: All 1s ease;
}

.csspie[data-value="49"]:BEFORE {
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -webkit-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
  transition: All 1s ease;
}

.csspie[data-value="50"]:BEFORE {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transition: All 1s ease;
}

.csspie[data-value="51"]:BEFORE {
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -webkit-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
  transition: All 1s ease;
}

.csspie[data-value="52"]:BEFORE {
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -webkit-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
  transition: All 1s ease;
}

.csspie[data-value="53"]:BEFORE {
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -webkit-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
  transition: All 1s ease;
}

.csspie[data-value="54"]:BEFORE {
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -webkit-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
  transition: All 1s ease;
}

.csspie[data-value="55"]:BEFORE {
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -webkit-transform: rotate(198deg);
  transform: rotate(198deg);
  transition: All 1s ease;
}

.csspie[data-value="56"]:BEFORE {
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -webkit-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
  transition: All 1s ease;
}

.csspie[data-value="57"]:BEFORE {
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -webkit-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
  transition: All 1s ease;
}

.csspie[data-value="58"]:BEFORE {
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -webkit-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
  transition: All 1s ease;
}

.csspie[data-value="59"]:BEFORE {
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -webkit-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
  transition: All 1s ease;
}

.csspie[data-value="60"]:BEFORE {
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -webkit-transform: rotate(216deg);
  transform: rotate(216deg);
  transition: All 1s ease;
}

.csspie[data-value="61"]:BEFORE {
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -webkit-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
  transition: All 1s ease;
}

.csspie[data-value="62"]:BEFORE {
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -webkit-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
  transition: All 1s ease;
}

.csspie[data-value="63"]:BEFORE {
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -webkit-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
  transition: All 1s ease;
}

.csspie[data-value="64"]:BEFORE {
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -webkit-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
  transition: All 1s ease;
}

.csspie[data-value="65"]:BEFORE {
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -webkit-transform: rotate(234deg);
  transform: rotate(234deg);
  transition: All 1s ease;
}

.csspie[data-value="66"]:BEFORE {
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -webkit-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
  transition: All 1s ease;
}

.csspie[data-value="67"]:BEFORE {
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -webkit-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
  transition: All 1s ease;
}

.csspie[data-value="68"]:BEFORE {
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -webkit-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
  transition: All 1s ease;
}

.csspie[data-value="69"]:BEFORE {
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -webkit-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
  transition: All 1s ease;
}

.csspie[data-value="70"]:BEFORE {
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -webkit-transform: rotate(252deg);
  transform: rotate(252deg);
  transition: All 1s ease;
}

.csspie[data-value="71"]:BEFORE {
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -webkit-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
  transition: All 1s ease;
}

.csspie[data-value="72"]:BEFORE {
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -webkit-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
  transition: All 1s ease;
}

.csspie[data-value="73"]:BEFORE {
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -webkit-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
  transition: All 1s ease;
}

.csspie[data-value="74"]:BEFORE {
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -webkit-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
  transition: All 1s ease;
}

.csspie[data-value="75"]:BEFORE {
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  transition: All 1s ease;
}

.csspie[data-value="76"]:BEFORE {
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -webkit-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
  transition: All 1s ease;
}

.csspie[data-value="77"]:BEFORE {
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -webkit-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
  transition: All 1s ease;
}

.csspie[data-value="78"]:BEFORE {
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -webkit-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
  transition: All 1s ease;
}

.csspie[data-value="79"]:BEFORE {
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -webkit-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
  transition: All 1s ease;
}

.csspie[data-value="80"]:BEFORE {
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -webkit-transform: rotate(288deg);
  transform: rotate(288deg);
  transition: All 1s ease;
}

.csspie[data-value="81"]:BEFORE {
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -webkit-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
  transition: All 1s ease;
}

.csspie[data-value="82"]:BEFORE {
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -webkit-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
  transition: All 1s ease;
}

.csspie[data-value="83"]:BEFORE {
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -webkit-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
  transition: All 1s ease;
}

.csspie[data-value="84"]:BEFORE {
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -webkit-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
  transition: All 1s ease;
}

.csspie[data-value="85"]:BEFORE {
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -webkit-transform: rotate(306deg);
  transform: rotate(306deg);
  transition: All 1s ease;
}

.csspie[data-value="86"]:BEFORE {
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -webkit-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
  transition: All 1s ease;
}

.csspie[data-value="87"]:BEFORE {
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -webkit-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
  transition: All 1s ease;
}

.csspie[data-value="88"]:BEFORE {
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -webkit-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
  transition: All 1s ease;
}

.csspie[data-value="89"]:BEFORE {
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -webkit-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
  transition: All 1s ease;
}

.csspie[data-value="90"]:BEFORE {
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -webkit-transform: rotate(324deg);
  transform: rotate(324deg);
  transition: All 1s ease;
}

.csspie[data-value="91"]:BEFORE {
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -webkit-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
  transition: All 1s ease;
}

.csspie[data-value="92"]:BEFORE {
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -webkit-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
  transition: All 1s ease;
}

.csspie[data-value="93"]:BEFORE {
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -webkit-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
  transition: All 1s ease;
}

.csspie[data-value="94"]:BEFORE {
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -webkit-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
  transition: All 1s ease;
}

.csspie[data-value="95"]:BEFORE {
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -webkit-transform: rotate(342deg);
  transform: rotate(342deg);
  transition: All 1s ease;
}

.csspie[data-value="96"]:BEFORE {
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -webkit-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
  transition: All 1s ease;
}

.csspie[data-value="97"]:BEFORE {
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -webkit-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
  transition: All 1s ease;
}

.csspie[data-value="98"]:BEFORE {
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -webkit-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
  transition: All 1s ease;
}

.csspie[data-value="99"]:BEFORE {
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -webkit-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
  transition: All 1s ease;
}

.csspie[data-value="50"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="50"]:BEFORE {
  left: 0px;
}
.csspie[data-value="50"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="51"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="51"]:BEFORE {
  left: 0px;
}
.csspie[data-value="51"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="52"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="52"]:BEFORE {
  left: 0px;
}
.csspie[data-value="52"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="53"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="53"]:BEFORE {
  left: 0px;
}
.csspie[data-value="53"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="54"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="54"]:BEFORE {
  left: 0px;
}
.csspie[data-value="54"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="55"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="55"]:BEFORE {
  left: 0px;
}
.csspie[data-value="55"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="56"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="56"]:BEFORE {
  left: 0px;
}
.csspie[data-value="56"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="57"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="57"]:BEFORE {
  left: 0px;
}
.csspie[data-value="57"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="58"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="58"]:BEFORE {
  left: 0px;
}
.csspie[data-value="58"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="59"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="59"]:BEFORE {
  left: 0px;
}
.csspie[data-value="59"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="60"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="60"]:BEFORE {
  left: 0px;
}
.csspie[data-value="60"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="61"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="61"]:BEFORE {
  left: 0px;
}
.csspie[data-value="61"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="62"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="62"]:BEFORE {
  left: 0px;
}
.csspie[data-value="62"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="63"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="63"]:BEFORE {
  left: 0px;
}
.csspie[data-value="63"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="64"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="64"]:BEFORE {
  left: 0px;
}
.csspie[data-value="64"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="65"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="65"]:BEFORE {
  left: 0px;
}
.csspie[data-value="65"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="66"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="66"]:BEFORE {
  left: 0px;
}
.csspie[data-value="66"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="67"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="67"]:BEFORE {
  left: 0px;
}
.csspie[data-value="67"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="68"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="68"]:BEFORE {
  left: 0px;
}
.csspie[data-value="68"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="69"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="69"]:BEFORE {
  left: 0px;
}
.csspie[data-value="69"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="70"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="70"]:BEFORE {
  left: 0px;
}
.csspie[data-value="70"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="71"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="71"]:BEFORE {
  left: 0px;
}
.csspie[data-value="71"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="72"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="72"]:BEFORE {
  left: 0px;
}
.csspie[data-value="72"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="73"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="73"]:BEFORE {
  left: 0px;
}
.csspie[data-value="73"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="74"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="74"]:BEFORE {
  left: 0px;
}
.csspie[data-value="74"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="75"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="75"]:BEFORE {
  left: 0px;
}
.csspie[data-value="75"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="76"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="76"]:BEFORE {
  left: 0px;
}
.csspie[data-value="76"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="77"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="77"]:BEFORE {
  left: 0px;
}
.csspie[data-value="77"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="78"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="78"]:BEFORE {
  left: 0px;
}
.csspie[data-value="78"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="79"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="79"]:BEFORE {
  left: 0px;
}
.csspie[data-value="79"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="80"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="80"]:BEFORE {
  left: 0px;
}
.csspie[data-value="80"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="81"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="81"]:BEFORE {
  left: 0px;
}
.csspie[data-value="81"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="82"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="82"]:BEFORE {
  left: 0px;
}
.csspie[data-value="82"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="83"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="83"]:BEFORE {
  left: 0px;
}
.csspie[data-value="83"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="84"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="84"]:BEFORE {
  left: 0px;
}
.csspie[data-value="84"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="85"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="85"]:BEFORE {
  left: 0px;
}
.csspie[data-value="85"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="86"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="86"]:BEFORE {
  left: 0px;
}
.csspie[data-value="86"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="87"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="87"]:BEFORE {
  left: 0px;
}
.csspie[data-value="87"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="88"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="88"]:BEFORE {
  left: 0px;
}
.csspie[data-value="88"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="89"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="89"]:BEFORE {
  left: 0px;
}
.csspie[data-value="89"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="90"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="90"]:BEFORE {
  left: 0px;
}
.csspie[data-value="90"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="91"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="91"]:BEFORE {
  left: 0px;
}
.csspie[data-value="91"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="92"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="92"]:BEFORE {
  left: 0px;
}
.csspie[data-value="92"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="93"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="93"]:BEFORE {
  left: 0px;
}
.csspie[data-value="93"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="94"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="94"]:BEFORE {
  left: 0px;
}
.csspie[data-value="94"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="95"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="95"]:BEFORE {
  left: 0px;
}
.csspie[data-value="95"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="96"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="96"]:BEFORE {
  left: 0px;
}
.csspie[data-value="96"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="97"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="97"]:BEFORE {
  left: 0px;
}
.csspie[data-value="97"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="98"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="98"]:BEFORE {
  left: 0px;
}
.csspie[data-value="98"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="99"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="99"]:BEFORE {
  left: 0px;
}
.csspie[data-value="99"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="100"] {
  width: 100px;
  height: 100px;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
.csspie[data-value="100"]:BEFORE {
  left: 0px;
}
.csspie[data-value="100"]:AFTER {
  content: "";
  position: absolute;
  width: 50px;
  height: 100px;
  left: 50px;
  border-radius: 0 50px 50px 0;
}

.csspie[data-value="0"] {
  left: 50px;
}

.csspie[data-value="1"] {
  left: 50px;
}

.csspie[data-value="2"] {
  left: 50px;
}

.csspie[data-value="3"] {
  left: 50px;
}

.csspie[data-value="4"] {
  left: 50px;
}

.csspie[data-value="5"] {
  left: 50px;
}

.csspie[data-value="6"] {
  left: 50px;
}

.csspie[data-value="7"] {
  left: 50px;
}

.csspie[data-value="8"] {
  left: 50px;
}

.csspie[data-value="9"] {
  left: 50px;
}

.csspie[data-value="10"] {
  left: 50px;
}

.csspie[data-value="11"] {
  left: 50px;
}

.csspie[data-value="12"] {
  left: 50px;
}

.csspie[data-value="13"] {
  left: 50px;
}

.csspie[data-value="14"] {
  left: 50px;
}

.csspie[data-value="15"] {
  left: 50px;
}

.csspie[data-value="16"] {
  left: 50px;
}

.csspie[data-value="17"] {
  left: 50px;
}

.csspie[data-value="18"] {
  left: 50px;
}

.csspie[data-value="19"] {
  left: 50px;
}

.csspie[data-value="20"] {
  left: 50px;
}

.csspie[data-value="21"] {
  left: 50px;
}

.csspie[data-value="22"] {
  left: 50px;
}

.csspie[data-value="23"] {
  left: 50px;
}

.csspie[data-value="24"] {
  left: 50px;
}

.csspie[data-value="25"] {
  left: 50px;
}

.csspie[data-value="26"] {
  left: 50px;
}

.csspie[data-value="27"] {
  left: 50px;
}

.csspie[data-value="28"] {
  left: 50px;
}

.csspie[data-value="29"] {
  left: 50px;
}

.csspie[data-value="30"] {
  left: 50px;
}

.csspie[data-value="31"] {
  left: 50px;
}

.csspie[data-value="32"] {
  left: 50px;
}

.csspie[data-value="33"] {
  left: 50px;
}

.csspie[data-value="34"] {
  left: 50px;
}

.csspie[data-value="35"] {
  left: 50px;
}

.csspie[data-value="36"] {
  left: 50px;
}

.csspie[data-value="37"] {
  left: 50px;
}

.csspie[data-value="38"] {
  left: 50px;
}

.csspie[data-value="39"] {
  left: 50px;
}

.csspie[data-value="40"] {
  left: 50px;
}

.csspie[data-value="41"] {
  left: 50px;
}

.csspie[data-value="42"] {
  left: 50px;
}

.csspie[data-value="43"] {
  left: 50px;
}

.csspie[data-value="44"] {
  left: 50px;
}

.csspie[data-value="45"] {
  left: 50px;
}

.csspie[data-value="46"] {
  left: 50px;
}

.csspie[data-value="47"] {
  left: 50px;
}

.csspie[data-value="48"] {
  left: 50px;
}

.csspie[data-value="49"] {
  left: 50px;
}

.pie-label {
  width: 100px;
  position: absolute;
  top: 100px;
  font-weight: bold;
  color: #666;
  /*color:#efefef;*/
  text-align: center;
}

@keyframes glow {
  0% {
    box-shadow: 0px 0px 12px 0px rgba(255, 255, 255, 0.75);
  }
  50% {
    box-shadow: 0px 0px 18px 0px rgba(255, 255, 255, 0.75);
  }
  75% {
    box-shadow: 0px 0px 16px 0px rgba(255, 255, 255, 0.75);
  }
  100% {
    box-shadow: 0px 0px 14px 0px rgba(255, 255, 255, 0.75);
  }
}