/********************************************
* Votação
*********************************************/
.starstruck-ptype {
    float: left;
    margin-bottom: 0;
    padding-right: 20px;
    border-right: 1px solid transparent;
    margin-right: 20px;
    position: relative;
    padding-left: 50px;
    min-height: 40px;
    padding-top: 3px;
}

.tfe {
    position: absolute;
    left: 0;
    top: 0;
}

.circle {
  height: 40px;
  width: 40px;
  position: relative;
  display: inline-block;
  border-radius: 50%;
  font-size: 100%;
  box-sizing: content-box;
  font-size: 200px;
}
.circle:after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  border-radius: 50%;
  box-sizing: border-box;
  border: solid 3px #ffffff40;
  z-index: -1;
}
.circle > span {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    height: 40px;
    display: block;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    line-height: 40px;
    font-weight: 700;
}
.circle > span:after {
    content: '%';
    font-size: 10px;
}
.circle > .bar {
  height: 100%;
  width: 100%;
  position: absolute;
  box-sizing: content-box;
}
.circle > .bar:before,
.circle > .bar:after {
  content: "";
  height: 85%;
  width: 85%;
  position: absolute;
  border: solid 3px var(--color);
  border-radius: 50%;
  box-sizing: content-box;
  clip: rect(0, 0.5em, 1em, 0);
}
.circle.big {
  font-size: 300px;
}
.circle.medium {
  font-size: 200px;
}
.circle.small {
  font-size: 100px;
}
.circle.x-small {
  font-size: 50px;
}
.circle[data-fill="0"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="0"] > .bar:before {
  transform: rotate(0deg);
}
.circle[data-fill="0"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="1"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="1"] > .bar:before {
  transform: rotate(3.6deg);
}
.circle[data-fill="1"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="2"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="2"] > .bar:before {
  transform: rotate(7.2deg);
}
.circle[data-fill="2"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="3"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="3"] > .bar:before {
  transform: rotate(10.8deg);
}
.circle[data-fill="3"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="4"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="4"] > .bar:before {
  transform: rotate(14.4deg);
}
.circle[data-fill="4"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="5"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="5"] > .bar:before {
  transform: rotate(18deg);
}
.circle[data-fill="5"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="6"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="6"] > .bar:before {
  transform: rotate(21.6deg);
}
.circle[data-fill="6"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="7"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="7"] > .bar:before {
  transform: rotate(25.2deg);
}
.circle[data-fill="7"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="8"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="8"] > .bar:before {
  transform: rotate(28.8deg);
}
.circle[data-fill="8"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="9"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="9"] > .bar:before {
  transform: rotate(32.4deg);
}
.circle[data-fill="9"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="10"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="10"] > .bar:before {
  transform: rotate(36deg);
}
.circle[data-fill="10"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="11"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="11"] > .bar:before {
  transform: rotate(39.6deg);
}
.circle[data-fill="11"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="12"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="12"] > .bar:before {
  transform: rotate(43.2deg);
}
.circle[data-fill="12"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="13"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="13"] > .bar:before {
  transform: rotate(46.8deg);
}
.circle[data-fill="13"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="14"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="14"] > .bar:before {
  transform: rotate(50.4deg);
}
.circle[data-fill="14"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="15"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="15"] > .bar:before {
  transform: rotate(54deg);
}
.circle[data-fill="15"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="16"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="16"] > .bar:before {
  transform: rotate(57.6deg);
}
.circle[data-fill="16"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="17"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="17"] > .bar:before {
  transform: rotate(61.2deg);
}
.circle[data-fill="17"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="18"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="18"] > .bar:before {
  transform: rotate(64.8deg);
}
.circle[data-fill="18"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="19"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="19"] > .bar:before {
  transform: rotate(68.4deg);
}
.circle[data-fill="19"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="20"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="20"] > .bar:before {
  transform: rotate(72deg);
}
.circle[data-fill="20"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="21"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="21"] > .bar:before {
  transform: rotate(75.6deg);
}
.circle[data-fill="21"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="22"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="22"] > .bar:before {
  transform: rotate(79.2deg);
}
.circle[data-fill="22"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="23"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="23"] > .bar:before {
  transform: rotate(82.8deg);
}
.circle[data-fill="23"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="24"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="24"] > .bar:before {
  transform: rotate(86.4deg);
}
.circle[data-fill="24"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="25"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="25"] > .bar:before {
  transform: rotate(90deg);
}
.circle[data-fill="25"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="26"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="26"] > .bar:before {
  transform: rotate(93.6deg);
}
.circle[data-fill="26"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="27"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="27"] > .bar:before {
  transform: rotate(97.2deg);
}
.circle[data-fill="27"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="28"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="28"] > .bar:before {
  transform: rotate(100.8deg);
}
.circle[data-fill="28"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="29"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="29"] > .bar:before {
  transform: rotate(104.4deg);
}
.circle[data-fill="29"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="30"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="30"] > .bar:before {
  transform: rotate(108deg);
}
.circle[data-fill="30"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="31"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="31"] > .bar:before {
  transform: rotate(111.6deg);
}
.circle[data-fill="31"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="32"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="32"] > .bar:before {
  transform: rotate(115.2deg);
}
.circle[data-fill="32"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="33"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="33"] > .bar:before {
  transform: rotate(118.8deg);
}
.circle[data-fill="33"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="34"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="34"] > .bar:before {
  transform: rotate(122.4deg);
}
.circle[data-fill="34"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="35"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="35"] > .bar:before {
  transform: rotate(126deg);
}
.circle[data-fill="35"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="36"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="36"] > .bar:before {
  transform: rotate(129.6deg);
}
.circle[data-fill="36"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="37"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="37"] > .bar:before {
  transform: rotate(133.2deg);
}
.circle[data-fill="37"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="38"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="38"] > .bar:before {
  transform: rotate(136.8deg);
}
.circle[data-fill="38"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="39"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="39"] > .bar:before {
  transform: rotate(140.4deg);
}
.circle[data-fill="39"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="40"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="40"] > .bar:before {
  transform: rotate(144deg);
}
.circle[data-fill="40"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="41"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="41"] > .bar:before {
  transform: rotate(147.6deg);
}
.circle[data-fill="41"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="42"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="42"] > .bar:before {
  transform: rotate(151.2deg);
}
.circle[data-fill="42"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="43"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="43"] > .bar:before {
  transform: rotate(154.8deg);
}
.circle[data-fill="43"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="44"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="44"] > .bar:before {
  transform: rotate(158.4deg);
}
.circle[data-fill="44"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="45"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="45"] > .bar:before {
  transform: rotate(162deg);
}
.circle[data-fill="45"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="46"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="46"] > .bar:before {
  transform: rotate(165.6deg);
}
.circle[data-fill="46"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="47"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="47"] > .bar:before {
  transform: rotate(169.2deg);
}
.circle[data-fill="47"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="48"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="48"] > .bar:before {
  transform: rotate(172.8deg);
}
.circle[data-fill="48"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="49"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="49"] > .bar:before {
  transform: rotate(176.4deg);
}
.circle[data-fill="49"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="50"] > .bar {
  clip: rect(0, 1em, 1em, 0.5em);
}
.circle[data-fill="50"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="50"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="51"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="51"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="51"] > .bar:after {
  transform: rotate(0deg);
}
.circle[data-fill="52"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="52"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="52"] > .bar:after {
  transform: rotate(187.2deg);
}
.circle[data-fill="53"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="53"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="53"] > .bar:after {
  transform: rotate(190.8deg);
}
.circle[data-fill="54"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="54"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="54"] > .bar:after {
  transform: rotate(194.4deg);
}
.circle[data-fill="55"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="55"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="55"] > .bar:after {
  transform: rotate(198deg);
}
.circle[data-fill="56"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="56"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="56"] > .bar:after {
  transform: rotate(201.6deg);
}
.circle[data-fill="57"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="57"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="57"] > .bar:after {
  transform: rotate(205.2deg);
}
.circle[data-fill="58"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="58"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="58"] > .bar:after {
  transform: rotate(208.8deg);
}
.circle[data-fill="59"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="59"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="59"] > .bar:after {
  transform: rotate(212.4deg);
}
.circle[data-fill="60"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="60"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="60"] > .bar:after {
  transform: rotate(216deg);
}
.circle[data-fill="61"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="61"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="61"] > .bar:after {
  transform: rotate(219.6deg);
}
.circle[data-fill="62"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="62"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="62"] > .bar:after {
  transform: rotate(223.2deg);
}
.circle[data-fill="63"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="63"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="63"] > .bar:after {
  transform: rotate(226.8deg);
}
.circle[data-fill="64"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="64"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="64"] > .bar:after {
  transform: rotate(230.4deg);
}
.circle[data-fill="65"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="65"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="65"] > .bar:after {
  transform: rotate(234deg);
}
.circle[data-fill="66"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="66"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="66"] > .bar:after {
  transform: rotate(237.6deg);
}
.circle[data-fill="67"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="67"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="67"] > .bar:after {
  transform: rotate(241.2deg);
}
.circle[data-fill="68"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="68"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="68"] > .bar:after {
  transform: rotate(244.8deg);
}
.circle[data-fill="69"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="69"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="69"] > .bar:after {
  transform: rotate(248.4deg);
}
.circle[data-fill="70"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="70"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="70"] > .bar:after {
  transform: rotate(252deg);
}
.circle[data-fill="71"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="71"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="71"] > .bar:after {
  transform: rotate(255.6deg);
}
.circle[data-fill="72"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="72"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="72"] > .bar:after {
  transform: rotate(259.2deg);
}
.circle[data-fill="73"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="73"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="73"] > .bar:after {
  transform: rotate(262.8deg);
}
.circle[data-fill="74"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="74"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="74"] > .bar:after {
  transform: rotate(266.4deg);
}
.circle[data-fill="75"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="75"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="75"] > .bar:after {
  transform: rotate(270deg);
}
.circle[data-fill="76"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="76"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="76"] > .bar:after {
  transform: rotate(273.6deg);
}
.circle[data-fill="77"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="77"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="77"] > .bar:after {
  transform: rotate(277.2deg);
}
.circle[data-fill="78"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="78"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="78"] > .bar:after {
  transform: rotate(280.8deg);
}
.circle[data-fill="79"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="79"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="79"] > .bar:after {
  transform: rotate(284.4deg);
}
.circle[data-fill="80"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="80"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="80"] > .bar:after {
  transform: rotate(288deg);
}
.circle[data-fill="81"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="81"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="81"] > .bar:after {
  transform: rotate(291.6deg);
}
.circle[data-fill="82"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="82"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="82"] > .bar:after {
  transform: rotate(295.2deg);
}
.circle[data-fill="83"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="83"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="83"] > .bar:after {
  transform: rotate(298.8deg);
}
.circle[data-fill="84"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="84"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="84"] > .bar:after {
  transform: rotate(302.4deg);
}
.circle[data-fill="85"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="85"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="85"] > .bar:after {
  transform: rotate(306deg);
}
.circle[data-fill="86"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="86"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="86"] > .bar:after {
  transform: rotate(309.6deg);
}
.circle[data-fill="87"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="87"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="87"] > .bar:after {
  transform: rotate(313.2deg);
}
.circle[data-fill="88"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="88"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="88"] > .bar:after {
  transform: rotate(316.8deg);
}
.circle[data-fill="89"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="89"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="89"] > .bar:after {
  transform: rotate(320.4deg);
}
.circle[data-fill="90"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="90"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="90"] > .bar:after {
  transform: rotate(324deg);
}
.circle[data-fill="91"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="91"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="91"] > .bar:after {
  transform: rotate(327.6deg);
}
.circle[data-fill="92"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="92"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="92"] > .bar:after {
  transform: rotate(331.2deg);
}
.circle[data-fill="93"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="93"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="93"] > .bar:after {
  transform: rotate(334.8deg);
}
.circle[data-fill="94"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="94"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="94"] > .bar:after {
  transform: rotate(338.4deg);
}
.circle[data-fill="95"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="95"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="95"] > .bar:after {
  transform: rotate(342deg);
}
.circle[data-fill="96"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="96"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="96"] > .bar:after {
  transform: rotate(345.6deg);
}
.circle[data-fill="97"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="97"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="97"] > .bar:after {
  transform: rotate(349.2deg);
}
.circle[data-fill="98"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="98"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="98"] > .bar:after {
  transform: rotate(352.8deg);
}
.circle[data-fill="99"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="99"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="99"] > .bar:after {
  transform: rotate(356.4deg);
}
.circle[data-fill="100"] > .bar {
  clip: rect(auto, auto, auto);
}
.circle[data-fill="100"] > .bar:before {
  transform: rotate(180deg);
}
.circle[data-fill="100"] > .bar:after {
  transform: rotate(360deg);
}

.starstruck i{
}

.starstruck .star-on-png:before,
.starstruck .star-off-png:before {
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  padding-left: 18px;
}

.starstruck .star-on-png:before {
  background: url(../../img/star.png) no-repeat center;
  background-size: contain;
}

.starstruck .star-off-png:before {
  background: url(../../img/star-opaque-light.png) no-repeat center;
  background-size: contain;
}

.starstruck .star-half.png:before {
  background: url(../../img/star-half.png) no-repeat center;
  background-size: contain;
}

.starstruck {
  display: block;
}

@media only screen and (max-width: 600px) {
  .starstruck-ptype {
      border-right: 0;
      border-radius: 0;
      border-right: 0;
  }
  .detailsP:after {
    height: 670px;
  }
}